/* ==========================================================================
   Wine Section — Desktop: 1658 × 837px
   ========================================================================== */

.section-wine {
	position: relative;
	height: clamp(700px, 50.48vw, 837px);
	background: linear-gradient(90deg, rgba(115, 152, 179, 0.16) 0%, rgba(255, 255, 255, 0) 40%), #ffffff;
	overflow: hidden;
}

.section-wine__container {
	position: relative;
	height: 100%;
}

.section-wine__bottle-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 39.32%; /* 652 / 1658 */
	height: 99.64%; /* 834 / 837 */
	overflow: hidden;
}

.section-wine__bottle {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	max-width: none;
	position: static;
}

.section-wine__content {
	position: absolute;
	inset: 0;
}

/* Desktop: tasting-block is passthrough */
.section-wine__tasting-block { display: contents; }

/* BRUT: left:669, top:72 */
.section-wine__title {
	position: absolute;
	left: 40.35%; /* 669 / 1658 */
	top: 8.6%;    /* 72 / 837 */
	margin: 0;
	font-family: var(--font-heading);
	font-size: clamp(4rem, 8.26vw, 8.5625rem);
	font-weight: var(--font-weight-bold);
	line-height: 1;
	color: var(--color-blue-gray);
	text-transform: uppercase;
	white-space: nowrap;
}

/* Divider: left:693, top:234, h:333 */
.section-wine__divider {
	position: absolute;
	left: 41.8%;    /* 693 / 1658 */
	top: 27.96%;    /* 234 / 837 */
	width: 3px;
	height: 39.78%; /* 333 / 837 */
	background: var(--color-dark-gray);
}

/* TASTING NOTES: center:818.5, top:234 */
.section-wine__tasting-label {
	position: absolute;
	left: 49.37%;  /* 818.5 / 1658 */
	top: 27.96%;   /* 234 / 837 */
	transform: translateX(-50%);
	margin: 0;
	font-family: var(--font-heading);
	font-weight: var(--font-weight-semibold);
	font-size: clamp(1.6rem, 2.314vw, 2.39875rem);
	line-height: 1;
	text-transform: uppercase;
	color: var(--color-dark-gray);
	white-space: nowrap;
}

/* Tasting text: left:734, top:279, w:657 */
.section-wine__tasting-text {
	position: absolute;
	left: 44.27%;  /* 734 / 1658 */
	top: 33.33%;   /* 279 / 837 */
	width: 39.63%; /* 657 / 1658 */
	margin: 0;
	font-size: clamp(0.95rem, 1.205vw, 1.25rem);
	line-height: 1.5;
	color: var(--color-dark-gray);
}

/* Flavors group: apple left:765, top:370 */
.section-wine__flavors {
	position: absolute;
	left: 46.14%; /* 765 / 1658 */
	top: 44.21%;  /* 370 / 837 */
}

.section-wine__flavor--apple {
	position: absolute;
	left: 0;
	top: 0;
	width: clamp(57px, 7.78vw, 129px);
	height: clamp(57px, 7.78vw, 129px);
	text-align: center;
}

.section-wine__flavor--honey {
	position: absolute;
	left: clamp(85px, 12.67vw, 210px); /* 975 - 765 */
	top: 4px;    /* 374 - 370 */
	width: clamp(57px, 7.3vw, 121px);
	height: clamp(57px, 7.3vw, 121px);
	text-align: center;
}

/* Inner wrapper clips the oversized image; label <span> sits outside it */
.section-wine__flavor-icon {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.section-wine__flavor--apple img {
	position: absolute;
	width: 92.9%;
	height: 124.95%;
	max-width: none;
	left: 3.23%;
	top: -14.41%;
}

.section-wine__flavor--honey img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 20% 30%;
}

.section-wine__flavor span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-family: var(--font-heading);
	font-weight: var(--font-weight-semibold);
	font-size: clamp(1.4rem, 2.037vw, 2.112rem);
	line-height: 1;
	color: var(--color-dark-gray);
	text-transform: uppercase;
	white-space: nowrap;
}

/* Label positions: % of container height to scale proportionally */
.section-wine__flavor--apple span { top: 115.5%; /* 149 / 129 */ }
.section-wine__flavor--honey span { top: 119.8%; /* 145 / 121 */ }

/* PAIR IT UP: center:728, top:603 */
.section-wine__pairing-label {
	position: absolute;
	left: 43.91%;  /* 728 / 1658 */
	top: 72.04%;   /* 603 / 837 */
	transform: translateX(-50%);
	margin: 0;
	font-family: var(--font-heading);
	font-weight: var(--font-weight-semibold);
	font-size: clamp(1.6rem, 2.314vw, 2.39875rem);
	line-height: 1;
	text-transform: uppercase;
	color: var(--color-blue-gray);
	white-space: nowrap;
}

/* Pairing text: left:669, top:651, w:732 */
.section-wine__pairing-text {
	position: absolute;
	left: 40.35%;  /* 669 / 1658 */
	top: 77.78%;   /* 651 / 837 */
	width: 44.15%; /* 732 / 1658 */
	margin: 0;
	font-size: clamp(0.95rem, 1.205vw, 1.25rem);
	line-height: 1.5;
	color: var(--color-dark-gray);
}


/* ==========================================================================
   Mobile (≤ 768px) — Figma: 375 × 1030px, all coords absolute
   ========================================================================== */
@media (max-width: 768px) {
	.section-wine {
		height: 274.67vw; /* 1030 / 375 * 100 */
		max-height: 1030px;
		padding-bottom: 0;
		overflow: hidden;
	}

	.section-wine__container {
		position: relative;
		max-width: 375px;
		margin: 0 auto;
		height: 100%;
	}

	.section-wine__bottle-wrap {
		position: absolute;
		left: 0;
		top: 0.1%;
		width: 100%;
		height: 52.43%; /* 540 / 1030 */
		background-image: url('../images/wine-bottle-mobile.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden;
	}

	/* Mobile KV served via background-image above; hide the ACF img tag */
	.section-wine__bottle {
		display: none;
	}

	/* Content: absolute, fills section */
	.section-wine__content {
		position: absolute;
		inset: 0;
		display: block;
		padding: 0;
	}

	.section-wine__tasting-block { display: contents; }

	/* All elements: absolute, coords from Figma / 1030px height / 375px width */
	.section-wine__title,
	.section-wine__divider,
	.section-wine__tasting-label,
	.section-wine__tasting-text,
	.section-wine__flavors,
	.section-wine__flavor--apple,
	.section-wine__flavor--honey,
	.section-wine__pairing-label,
	.section-wine__pairing-text {
		position: absolute;
		transform: none;
	}

	/* BRUT: left:48, top:538, font:61.112px */
	.section-wine__title {
		left: 12.8%;    /* 48 / 375 */
		top: 52.23%;    /* 538 / 1030 */
		margin: 0;
		font-size: min(16.3vw, 61px);
		width: auto;
	}

	/* Divider: left:54, top:620, w:2.68px, h:191 */
	.section-wine__divider {
		display: block;
		left: 14.4%;    /* 54 / 375 */
		top: 60.19%;    /* 620 / 1030 */
		width: 2.68px;
		height: 18.54%; /* 191 / 1030 */
		background: var(--color-dark-gray);
	}

	/* TASTING NOTES: center:133, top:618, font:24px */
	.section-wine__tasting-label {
		left: 35.47%;   /* 133 / 375 */
		top: 60%;       /* 618 / 1030 */
		transform: translateX(-50%);
		margin: 0;
		font-size: min(6.4vw, 24px);
		width: auto;
		border: none;
		padding: 0;
	}

	/* Tasting text: left:80, top:647, w:256, font:14px */
	.section-wine__tasting-text {
		left: 21.33%;   /* 80 / 375 */
		top: 62.82%;    /* 647 / 1030 */
		width: 68.27%;  /* 256 / 375 */
		margin: 0;
		font-size: min(3.73vw, 14px);
		max-width: none;
		border: none;
		padding: 0;
	}

	/* Flavors group: left:80, top:725 */
	.section-wine__flavors {
		left: 21.33%;   /* 80 / 375 */
		top: 70.39%;    /* 725 / 1030 */
		display: block;
		width: 200px;
		height: 90px;
	}

	/* Apple: 57×57 — height needed for img % sizing, no overflow:hidden so label is visible */
	.section-wine__flavor--apple {
		left: 0;
		top: 0;
		width: 57px;
		height: 57px;
		text-align: center;
	}

	/* Honey: 57×57 at offset 85px (165-80) */
	.section-wine__flavor--honey {
		left: 85px;     /* 165 - 80 */
		top: 0;
		width: 57px;
		height: 57px;
		text-align: center;
	}

	/* Image crop handled by .section-wine__flavor-icon overflow:hidden — no mobile overrides needed */

	/* APPLE label: center:108.5, top:790 → 790-725=65px below flavor top */
	.section-wine__flavor--apple span {
		position: absolute;
		left: 50%;
		top: 65px;
		transform: translateX(-50%);
		font-size: min(4.03vw, 15.1px);
		margin: 0;
		white-space: nowrap;
	}

	/* HONEY label: center:193.5, top:790 → same offset */
	.section-wine__flavor--honey span {
		position: absolute;
		left: 50%;
		top: 65px;
		transform: translateX(-50%);
		font-size: min(4.03vw, 15.1px);
		margin: 0;
		white-space: nowrap;
	}

	/* PAIR IT UP: center:89, top:845, font:24px */
	.section-wine__pairing-label {
		left: 23.73%;   /* 89 / 375 */
		top: 82.04%;    /* 845 / 1030 */
		transform: translateX(-50%);
		margin: 0;
		font-size: min(6.4vw, 24px);
		width: auto;
	}

	/* Pairing text: left:52, top:874, w:267, font:14px */
	.section-wine__pairing-text {
		left: 13.87%;   /* 52 / 375 */
		top: 84.85%;    /* 874 / 1030 */
		width: 71.2%;   /* 267 / 375 */
		margin: 0;
		font-size: min(3.73vw, 14px);
		max-width: none;
	}

}
