.gpub-zone {
	box-sizing: border-box;
	display: flex;
	gap: var(--gpub-gap, 16px);
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

.gpub-zone *,
.gpub-zone *::before,
.gpub-zone *::after {
	box-sizing: border-box;
}

.gpub-zone--vertical {
	flex-direction: column;
}

.gpub-zone--horizontal {
	align-items: stretch;
	flex-flow: row wrap;
}

.gpub-banner {
	line-height: 0;
	margin: 0;
	max-width: 100%;
	min-width: 0;
}

.gpub-zone--vertical .gpub-banner {
	flex: 0 0 auto;
	width: 100%;
}

.gpub-zone--horizontal .gpub-banner {
	flex: 1 1 320px;
}

.gpub-banner__link {
	display: block;
	max-width: 100%;
}

.gpub-banner img {
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

@media (max-width: 600px) {
	.gpub-zone--horizontal .gpub-banner {
		flex-basis: 100%;
	}
}