/**
 * Luminara homepage + primary nav (Figma desktop / mobile).
 */

/* Override legacy hide so Figma nav is visible */
.site-header.luminara-site-header {
	display: block;
	background-color: #1B212D;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: auto;
	min-height: 55px;
	overflow: visible;
}

/* Beat any legacy transparent masthead on homepage */
body.home .site-header.luminara-site-header,
body .site-header.luminara-site-header {
	background-color: #1B212D !important;
}

.luminara-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	min-height: 55px;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.luminara-header-inner {
		min-height: 134px;
	}
}

/*
 * Logo left (Figma) — must beat legacy:
 * .site-header .site-branding and body.home .site-branding (absolute center).
 */
body .luminara-site-header .site-branding,
body.home .luminara-site-header .site-branding,
body.home .luminara-site-header .site-branding.afterAnim {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	-webkit-transform: none !important;
	flex: 0 0 auto;
	margin: 0;
	width: auto;
	max-width: 50%;
	z-index: 2;
}

body .luminara-site-header .site-branding .logo,
body.home .luminara-site-header .site-branding .logo {
	display: inline-block;
	line-height: 0;
}

body .luminara-site-header .site-branding .logo img,
body.home .luminara-site-header .site-branding .logo img {
	display: block;
	width: auto !important;
	max-width: 160px;
	max-height: 54px;
	height: auto !important;
	object-fit: contain;
}

@media screen and (min-width: 768px) {
	body .luminara-site-header .site-branding .logo img,
	body.home .luminara-site-header .site-branding .logo img {
		max-width: 220px;
		max-height: 74px;
	}
}

/* Desktop primary nav */
.luminara-primary-nav--desktop {
	display: none;
}

@media screen and (min-width: 768px) {
	.luminara-primary-nav--desktop {
		display: block;
		flex: 1 1 auto;
		text-align: right;
	}

	.luminara-primary-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		gap: 1.5rem;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.luminara-primary-menu li {
		margin: 0;
		padding: 0;
	}

	.luminara-primary-menu a {
		color: #f5eee3;
		font-family: gotham, sans-serif;
		font-weight: 500;
		font-size: 0.875em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		text-decoration: none;
	}

	.luminara-primary-menu a:hover,
	.luminara-primary-menu a:focus {
		color: #bb9e79;
		text-decoration: none;
	}
}

/* Mobile hamburger — hidden by default; only show on small screens */
.luminara-menu-toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	padding: 8px;
	border: 0;
	background: transparent;
	cursor: pointer;
	z-index: 1001;
}

.luminara-menu-toggle__bar {
	display: block;
	width: 100%;
	height: 3px;
	background: #f5eee3;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

@media screen and (max-width: 767px) {
	.luminara-menu-toggle {
		display: flex;
	}
}

.luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__bar:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__bar:nth-child(2) {
	opacity: 0;
}

.luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__bar:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

/* Mobile open panel */
.luminara-mobile-panel {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #1B212D;
	padding: 1rem 1.5rem 1.5rem;
	z-index: 1000;
}

.luminara-mobile-panel[hidden] {
	display: none !important;
}

.luminara-primary-menu--mobile {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.luminara-primary-menu--mobile a {
	color: #f5eee3;
	font-family: gotham, sans-serif;
	font-weight: 500;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
	padding: 0.5rem 0;
}

.luminara-primary-menu--mobile a:hover,
.luminara-primary-menu--mobile a:focus {
	color: #bb9e79;
}

@media screen and (min-width: 768px) {
	.luminara-mobile-panel {
		display: none !important;
	}

	.luminara-menu-toggle {
		display: none !important;
	}
}

/* Footer legal: show all items (legacy CSS hid last-of-type for Find Wines) */
.site-footer .footer-navigation a:last-of-type {
	display: inline-block;
}

@media screen and (max-width: 567px) {
	.site-footer .footer-navigation a:last-of-type {
		display: block;
	}
}

body.luminara-nav-open {
	overflow: hidden;
}

/*
 * Hero fold fill (Ryden / Mel) — header untouched.
 * Overrides body.single-portfolio section.main { height: 60/63vh }.
 */
body.home.single-portfolio section.main.cover.main--inner,
body.page-template-three-thieves section.main.cover.main--inner {
	height: calc(100vh - 134px) !important;
	height: calc(100dvh - 134px) !important;
	min-height: calc(100vh - 134px) !important;
	min-height: calc(100dvh - 134px) !important;
}

@media screen and (max-width: 767px) {
	body.home.single-portfolio section.main.cover.main--inner,
	body.page-template-three-thieves section.main.cover.main--inner {
		height: calc(100vh - 92px) !important;
		height: calc(100dvh - 92px) !important;
		min-height: calc(100vh - 92px) !important;
		min-height: calc(100dvh - 92px) !important;
	}
}

/* Intro Learn More — Figma outline CTA (same family as Join Today) */
.luminara-intro-cta {
	padding: 1.5rem 0 0;
	display: flex;
	justify-content: center;
}

.luminara-outline-cta {
	display: inline-block;
	border: 1px solid #aa9b59;
	color: #27282c;
	padding: 1em 1.5em;
	min-width: 12rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-family: gotham, sans-serif;
	font-weight: 500;
	font-size: 0.875em;
	background: transparent;
}

.luminara-outline-cta:hover,
.luminara-outline-cta:focus {
	color: #aa9b59;
	text-decoration: none;
}



/* Homepage: no bottle pull-up into hero so fold fill stays clean (Mel) */
body.home.single-portfolio article.wine-content#three-thieves .photo,
body.home.single-portfolio article.wine-content#three-thieves .photo img {
	/* overhang restored 20260916z — see end of file */
}

@media screen and (min-width: 1024px) {
	body.home.single-portfolio article.wine-content#three-thieves .photo {
		transform: none !important;
	}
}
@media screen and (max-width: 767px) {
	body.home.single-portfolio article.wine-content#three-thieves .photo img {
		transform: none !important;
	}
}

/* Sticky nav (Ryden) — desktop + mobile; stays above hero, under age gate modals */
body .site-header.luminara-site-header,
body.home .site-header.luminara-site-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 1000;
}

/* === Mel FAIL fixes 20260916l === */

/* Mobile nav: logo LEFT + hamburger RIGHT (Figma 13:24) */
@media screen and (max-width: 767px) {
	body .luminara-site-header .luminara-header-inner,
	body.home .luminara-site-header .luminara-header-inner {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100%;
	}

	body .luminara-site-header .site-branding,
	body.home .luminara-site-header .site-branding {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		margin: 0 auto 0 0 !important;
		max-width: calc(100% - 56px) !important;
		flex: 0 1 auto !important;
		order: 1;
	}

	body .luminara-site-header .luminara-primary-nav--desktop {
		display: none !important;
	}

	body .luminara-site-header .luminara-menu-toggle,
	body.home .luminara-site-header .luminara-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		flex-shrink: 0 !important;
		order: 2;
		margin-left: auto !important;
		z-index: 1002 !important;
	}
}

/* Hero: true fold fill + kill bottle bleed into white band */
body.home.single-portfolio .main-container,
body.page-template-three-thieves .main-container {
	min-height: calc(100dvh - 134px);
}

body.home.single-portfolio section.main.cover.main--inner,
body.page-template-three-thieves section.main.cover.main--inner,
body.home.single-portfolio section.main,
body.page-template-three-thieves section.main {
	height: calc(100vh - 134px) !important;
	height: calc(100dvh - 134px) !important;
	min-height: calc(100vh - 134px) !important;
	min-height: calc(100dvh - 134px) !important;
	max-height: none !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

@media screen and (max-width: 767px) {
	body.home.single-portfolio .main-container,
	body.page-template-three-thieves .main-container {
		min-height: calc(100dvh - 92px);
	}

	body.home.single-portfolio section.main.cover.main--inner,
	body.page-template-three-thieves section.main.cover.main--inner,
	body.home.single-portfolio section.main,
	body.page-template-three-thieves section.main {
		height: calc(100vh - 92px) !important;
		height: calc(100dvh - 92px) !important;
		min-height: calc(100vh - 92px) !important;
		min-height: calc(100dvh - 92px) !important;
		/* Keep LUMINARA wordmark in frame on mobile */
		background-position: left 20% center !important;
		background-size: cover !important;
	}
}

/* No negative pull of bottles into hero on homepage */
body.home.single-portfolio article.wine-content#three-thieves .photo,
body.home.single-portfolio article.wine-content#three-thieves .photo img,
body.home.single-portfolio article.wine-content .photo,
body.home.single-portfolio article.wine-content .photo img,
body.page-template-three-thieves article.wine-content .photo,
body.page-template-three-thieves article.wine-content .photo img {
	transform: none !important;
	margin-top: 0 !important;
}

body.home.single-portfolio article.wine-content,
body.page-template-three-thieves article.wine-content {
	margin-top: 0 !important;
	padding-top: 2rem !important;
}

/* margin-bottom kill removed 20260916z — overhang restored */

/* Mobile homepage copy: left-align to match Figma (Ryden) */
@media screen and (max-width: 767px) {
	body.home.single-portfolio article.wine-content#three-thieves .info,
	body.home.single-portfolio article.wine-content#three-thieves .info .text,
	body.home.single-portfolio article.wine-content#three-thieves .info .text h1,
	body.home.single-portfolio article.wine-content#three-thieves .info .text p,
	body.home.single-portfolio article.wine-content#three-thieves .luminara-intro-cta,
	body.page-template-three-thieves article.wine-content .info,
	body.page-template-three-thieves article.wine-content .info .text,
	body.page-template-three-thieves article.wine-content .info .text h1,
	body.page-template-three-thieves article.wine-content .info .text p {
		text-align: left !important;
		align-items: flex-start !important;
	}

	body.home.single-portfolio article.wine-content#three-thieves .luminara-intro-cta,
	body.page-template-three-thieves article.wine-content .luminara-intro-cta {
		justify-content: flex-start !important;
	}

	body.home.single-portfolio article.wine-content#three-thieves .title-page-logo,
	body.page-template-three-thieves article.wine-content .title-page-logo {
		display: block;
		margin-left: 0 !important;
		margin-right: auto !important;
	}
}

/* === Mel FAIL round 20260916o: mobile nav chrome + hero crop + h1 === */

/* Intro headline — Figma 16px / 0.15em / 23px (desktop + mobile) */
body.home .luminara-intro-headline,
body.page-template-three-thieves .luminara-intro-headline,
body.single-portfolio article.wine-content .info h1.luminara-intro-headline {
	font-size: 16px !important;
	line-height: 23px !important;
	letter-spacing: 0.15em !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	padding: 10px 0 0 0 !important;
}

/* Mobile header chrome: absolute logo left + hamburger right so flex can't center/hide */
@media screen and (max-width: 767px) {
	body .site-header.luminara-site-header .luminara-header-inner,
	body.home .site-header.luminara-site-header .luminara-header-inner {
		position: relative !important;
		display: block !important;
		min-height: 92px !important;
		padding: 16px 56px 16px 16px !important;
		box-sizing: border-box;
	}

	body .site-header.luminara-site-header .site-branding,
	body.home .site-header.luminara-site-header .site-branding,
	body.home .site-header.luminara-site-header .site-branding.afterAnim {
		position: absolute !important;
		left: 16px !important;
		top: 50% !important;
		right: auto !important;
		transform: translateY(-50%) !important;
		-webkit-transform: translateY(-50%) !important;
		margin: 0 !important;
		max-width: calc(100% - 72px) !important;
		width: auto !important;
		z-index: 2 !important;
	}

	body .site-header.luminara-site-header .site-branding .logo img,
	body.home .site-header.luminara-site-header .site-branding .logo img {
		max-width: 140px !important;
		max-height: 48px !important;
	}

	body .site-header.luminara-site-header .luminara-primary-nav--desktop {
		display: none !important;
	}

	body .site-header.luminara-site-header .luminara-menu-toggle,
	body.home .site-header.luminara-site-header .luminara-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		right: 12px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		padding: 10px !important;
		z-index: 1003 !important;
		background: transparent !important;
		border: 0 !important;
	}

	body .site-header.luminara-site-header .luminara-menu-toggle__bar {
		display: block !important;
		width: 100% !important;
		height: 3px !important;
		background: #f5eee3 !important;
		opacity: 1 !important;
	}

	/* Mobile hero: keep baked-in LUMINARA wordmark fully in frame */
	body.home.single-portfolio section.main.cover.main--inner,
	body.page-template-three-thieves section.main.cover.main--inner,
	body.home.single-portfolio section.main,
	body.page-template-three-thieves section.main {
		background-color: #1B212D !important;
		background-size: cover !important; /* was contain; Ryden wants cover */
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}
}

/* === Figma button boxes + outbound icons (Buy Online 12:15) === */
/* Desktop primary: Buy Online = outline gold box + white label + icon */
@media screen and (min-width: 768px) {
	.luminara-primary-menu a[href*="onestopwineshop"] {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 14px 20px !important;
		border: 1px solid #aa9b59 !important;
		color: #ffffff !important;
		text-decoration: none !important;
		text-transform: none;
		letter-spacing: -0.02em;
		font-size: 18px !important;
		font-weight: 400 !important;
		line-height: normal;
		background: transparent;
		border-radius: 0;
	}

	.luminara-primary-menu a[href*="onestopwineshop"]:hover,
	.luminara-primary-menu a[href*="onestopwineshop"]:focus {
		background: #bb9e79 !important;
		color: #ffffff !important;
	}

}

/* Mobile sticky Buy Online = filled gold + icon (Button/Filled) */
.tfe-digital-mobile-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid #aa9b59 !important;
	background-color: #bb9e79 !important;
	color: #ffffff !important;
	border-radius: 0 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	letter-spacing: -0.02em !important;
	text-transform: none !important;
	padding: 14px 20px !important;
}

/* Outline CTAs (Learn More / Join Today) — gold box; icons controlled in Mel s block below */
.luminara-outline-cta,
.join-link a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid #aa9b59 !important;
	padding: 14px 20px !important;
	border-radius: 0 !important;
	background: transparent !important;
}

/* === Figma hover states 20260916q === */
/* Nav Link 24:32 — Default plain white; Hover cream wash rgba(242,219,115,0.28) */
@media screen and (min-width: 768px) {
	.luminara-primary-menu a:not([href*="onestopwineshop"]) {
		display: inline-flex;
		align-items: center;
		padding: 8px 12px;
		color: #ffffff !important;
		background: transparent;
		border: 0;
		transition: background-color 0.15s ease;
	}

	.luminara-primary-menu a:not([href*="onestopwineshop"]):hover,
	.luminara-primary-menu a:not([href*="onestopwineshop"]):focus {
		background: rgba(242, 219, 115, 0.28) !important;
		color: #ffffff !important;
	}

	/* Buy Online 12:15 — Default outline; Hover fill #bb9e79 */
	.luminara-primary-menu a[href*="onestopwineshop"]:hover,
	.luminara-primary-menu a[href*="onestopwineshop"]:focus {
		background: #bb9e79 !important;
		border-color: #aa9b59 !important;
		color: #ffffff !important;
	}
}

/* Button/Outline 24:33 — Default gold text+border; Hover fill #bb9e79 + white text */
.luminara-outline-cta {
	color: #aa9b59 !important;
	border: 1px solid #aa9b59 !important;
	background: transparent !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.luminara-outline-cta:hover,
.luminara-outline-cta:focus {
	background: #bb9e79 !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

.join-link a {
	color: #aa9b59 !important;
	border: 1px solid #aa9b59 !important;
	background: transparent !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.join-link a:hover,
.join-link a:focus {
	background: #bb9e79 !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* On outline hover, outbound icon should read white */
.join-link a:hover::after,
.join-link a:focus::after {
	filter: none !important;
}

/* Button/Filled 27:34 — Default #bb9e79; Hover #aa9b59 */
.tfe-digital-mobile-btn {
	background-color: #bb9e79 !important;
	border-color: #aa9b59 !important;
	transition: background-color 0.15s ease;
}

.tfe-digital-mobile-btn:hover,
.tfe-digital-mobile-btn:focus {
	background-color: #aa9b59 !important;
	color: #ffffff !important;
}

/* === Mel hamburger FAIL fix 20260916r === */
@media screen and (max-width: 767px) {
	/* Never inherit legacy .menu { opacity:0 } */
	body .site-header.luminara-site-header,
	body .site-header.luminara-site-header * {
		/* do not blanket-reset; only force toggle */
	}

	body .site-header.luminara-site-header .luminara-menu-toggle,
	body.home .site-header.luminara-site-header .luminara-menu-toggle,
	header#masthead .luminara-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		position: absolute !important;
		right: 12px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		-webkit-transform: translateY(-50%) !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		margin: 0 !important;
		padding: 11px !important;
		border: 0 !important;
		background: transparent !important;
		z-index: 10050 !important;
		align-items: center !important;
		justify-content: center !important;
		color: #f5eee3 !important;
	}

	body .site-header.luminara-site-header .luminara-menu-toggle__icon,
	header#masthead .luminara-menu-toggle__icon {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 22px !important;
		height: 2px !important;
		background: #f5eee3 !important;
		box-shadow: 0 7px 0 #f5eee3, 0 14px 0 #f5eee3 !important;
	}

	/* Expanded = X via rotate on icon */
	body .site-header.luminara-site-header .luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__icon {
		background: transparent !important;
		box-shadow: none !important;
		position: relative;
	}
	body .site-header.luminara-site-header .luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__icon::before,
	body .site-header.luminara-site-header .luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__icon::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 22px;
		height: 2px;
		background: #f5eee3;
	}
	body .site-header.luminara-site-header .luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__icon::before {
		transform: rotate(45deg);
	}
	body .site-header.luminara-site-header .luminara-menu-toggle[aria-expanded="true"] .luminara-menu-toggle__icon::after {
		transform: rotate(-45deg);
	}

	body .site-header.luminara-site-header .luminara-header-inner {
		overflow: visible !important;
		padding-right: 56px !important;
	}
}

/* === Mel icon/box FAIL fixes 20260916s === */

/* 1) Desktop Buy Online icon: real <img.luminara-outbound-icon> via PHP (no ::after) */

/* 2) Mobile open-menu Buy Online — outline box + icon (Figma 32:131) */
.luminara-primary-menu--mobile a[href*="onestopwineshop"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 14px 20px !important;
	border: 1px solid #aa9b59 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: -0.02em !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	background: transparent !important;
	border-radius: 0 !important;
	width: auto !important;
	max-width: 100%;
	box-sizing: border-box;
}

.luminara-primary-menu--mobile a[href*="onestopwineshop"]:hover,
.luminara-primary-menu--mobile a[href*="onestopwineshop"]:focus {
	background: #bb9e79 !important;
	color: #ffffff !important;
}

/* mobile Buy Online icon: real img only */

/* 3) Join Today — no outbound icon (Figma 24:53) */
.join-link a::after,
.join-link a[href*="onestopwineshop"]::after {
	content: none !important;
	display: none !important;
}

/* 4) Mobile sticky Buy Online — filled, no icon (Figma 27:36) */
.tfe-digital-mobile-btn::after {
	content: none !important;
	display: none !important;
}

/* Real img outbound icon (more reliable than ::after for Mel QA) */
.luminara-primary-menu a[href*="onestopwineshop"] .luminara-outbound-icon,
.luminara-primary-menu--mobile a[href*="onestopwineshop"] .luminara-outbound-icon {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	flex-shrink: 0 !important;
	vertical-align: middle;
}

/* Single source of truth: Buy Online outbound icon = <img.luminara-outbound-icon> only */
.luminara-primary-menu a[href*="onestopwineshop"]::after,
.luminara-primary-menu--mobile a[href*="onestopwineshop"]::after {
	content: none !important;
	display: none !important;
}

/* === Ryden mobile hero cover 20260916w === */
@media screen and (max-width: 767px) {
	body.home.single-portfolio section.main.cover.main--inner,
	body.page-template-three-thieves section.main.cover.main--inner,
	body.home.single-portfolio section.main,
	body.page-template-three-thieves section.main {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-color: #1B212D !important;
	}
}

/* Confirm Buy Online icon = img only */
.luminara-primary-menu a[href*="onestopwineshop"]::after,
.luminara-primary-menu--mobile a[href*="onestopwineshop"]::after {
	content: none !important;
	display: none !important;
}

/* === Ryden double-icon + spacing 20260916y === */
/* Kill EVERY ::after/::before on Buy Online menu links — img only */
@media screen and (min-width: 0) {
	.luminara-primary-menu a[href*="onestopwineshop"]::before,
	.luminara-primary-menu a[href*="onestopwineshop"]::after,
	.luminara-primary-menu--mobile a[href*="onestopwineshop"]::before,
	.luminara-primary-menu--mobile a[href*="onestopwineshop"]::after,
	.luminara-primary-nav a[href*="onestopwineshop"]::before,
	.luminara-primary-nav a[href*="onestopwineshop"]::after {
		content: none !important;
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		background: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* One img icon with Figma-like gap (8–12px) and inset from border */
@media screen and (min-width: 768px) {
	.luminara-primary-menu a[href*="onestopwineshop"] {
		gap: 12px !important;
		padding: 14px 24px 14px 20px !important;
	}
}
.luminara-primary-menu--mobile a[href*="onestopwineshop"] {
	gap: 12px !important;
	padding: 14px 24px 14px 20px !important;
}
.luminara-primary-menu a[href*="onestopwineshop"] .luminara-outbound-icon,
.luminara-primary-menu--mobile a[href*="onestopwineshop"] .luminara-outbound-icon {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* === Ryden bottles overhang + icon confirm 20260916z === */
/* Allow bottles to hang over section edges (Figma). Keep fold clean: only pull into intro, not mid-hero fold. */
body.home.single-portfolio .main-container,
body.page-template-three-thieves .main-container {
	overflow: visible !important;
}

body.home.single-portfolio article.wine-content,
body.page-template-three-thieves article.wine-content {
	overflow: visible !important;
	position: relative;
	z-index: 1;
}

body.home.single-portfolio article.wine-content#three-thieves .photo,
body.page-template-three-thieves article.wine-content .photo {
	position: relative !important;
	z-index: 2 !important;
	margin-bottom: -200px !important;
	transform: translateY(-200px) !important;
}

body.home.single-portfolio article.wine-content#three-thieves .photo img,
body.page-template-three-thieves article.wine-content .photo img {
	transform: none !important; /* parent .photo carries the pull */
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
	body.home.single-portfolio article.wine-content#three-thieves .photo,
	body.page-template-three-thieves article.wine-content .photo {
		margin-bottom: -150px !important;
		transform: translateY(-150px) !important;
	}
}

/* Override earlier "transform: none" homepage kill for photo overhang */
body.home.single-portfolio article.wine-content#three-thieves .photo {
	transform: translateY(-200px) !important;
}
@media screen and (max-width: 767px) {
	body.home.single-portfolio article.wine-content#three-thieves .photo {
		transform: translateY(-150px) !important;
		margin-bottom: -150px !important;
	}
}

/* Buy Online: one img only — kill all pseudos again */
.luminara-primary-menu a[href*="onestopwineshop"]::before,
.luminara-primary-menu a[href*="onestopwineshop"]::after,
.luminara-primary-menu--mobile a[href*="onestopwineshop"]::before,
.luminara-primary-menu--mobile a[href*="onestopwineshop"]::after {
	content: none !important;
	display: none !important;
	background: none !important;
}
.luminara-primary-menu a[href*="onestopwineshop"],
.luminara-primary-menu--mobile a[href*="onestopwineshop"] {
	gap: 12px !important;
	padding: 14px 24px 14px 20px !important;
}

/* === Figma intro lockup sizes 20260916ab (NOT header) === */
/* Desktop Intro Logo 8:7 = 365×126 */
@media screen and (min-width: 768px) {
	body.home.single-portfolio article.wine-content#three-thieves .title-page-logo,
	body.page-template-three-thieves article.wine-content .title-page-logo {
		max-width: 365px !important;
		width: 365px !important;
		height: auto !important;
		display: block !important;
	}
}

/* Mobile Intro Logo 8:48 = 201×59 (updated Figma; was 345×119) */
@media screen and (max-width: 767px) {
	body.home.single-portfolio article.wine-content#three-thieves .title-page-logo,
	body.page-template-three-thieves article.wine-content .title-page-logo {
		max-width: 201px !important;
		width: 201px !important;
		height: auto !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* === Desktop arrow/icon restore 20260916ac === */
/* Force desktop primary nav visible (Buy Online + outbound arrow live here) */
@media screen and (min-width: 768px) {
	body .site-header.luminara-site-header .luminara-primary-nav--desktop,
	body.home .site-header.luminara-site-header .luminara-primary-nav--desktop,
	header#masthead .luminara-primary-nav--desktop {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	body .site-header.luminara-site-header .luminara-menu-toggle,
	body.home .site-header.luminara-site-header .luminara-menu-toggle,
	header#masthead .luminara-menu-toggle {
		display: none !important;
	}

	body .site-header.luminara-site-header .luminara-primary-menu,
	body .site-header.luminara-site-header .luminara-primary-menu a[href*="onestopwineshop"] {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	/* Outbound arrow img — always paint on desktop Buy Online */
	body .site-header.luminara-site-header .luminara-primary-menu a[href*="onestopwineshop"] .luminara-outbound-icon,
	.luminara-primary-menu a[href*="onestopwineshop"] .luminara-outbound-icon {
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 16px !important;
		height: 16px !important;
		max-width: 16px !important;
		max-height: 16px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		filter: none !important;
		-webkit-filter: none !important;
		object-fit: contain !important;
		flex-shrink: 0 !important;
		pointer-events: none !important; /* clicks hit the <a> */
		position: relative !important;
		z-index: 2 !important;
	}
}

/* === Mel bottles + Wine Club + back-to-top 20260916ad === */
/* Desktop bottles: Figma 8:5 y≈-200 into navy hero */
@media screen and (min-width: 768px) {
	body.home.single-portfolio article.wine-content#three-thieves .photo,
	body.page-template-three-thieves article.wine-content .photo {
		position: relative !important;
		z-index: 2 !important;
		margin-bottom: -200px !important;
		transform: translateY(-200px) !important;
	}
}

/* Wine Club 8:22 / Join Today 24:28 — heading 20/29 #977548; CTA 16px + pad 16 */
body.home .wineclubwrapper .rightbox h3,
body.page-template-three-thieves .wineclubwrapper .rightbox h3,
body.home .wineclubwrapper .paneltext h3 {
	font-size: 20px !important;
	line-height: 29px !important;
	letter-spacing: -0.4px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	color: #977548 !important;
	text-align: center !important;
	margin-bottom: 8px !important;
}

body.home .wineclubwrapper .rightbox p,
body.page-template-three-thieves .wineclubwrapper .rightbox p {
	font-size: 16px !important;
	line-height: 28.8px !important;
	color: #211e19 !important;
	text-align: center !important;
}

body.home .wineclubwrapper .join-link a,
body.page-template-three-thieves .wineclubwrapper .join-link a,
.join-link a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 16px !important;
	border: 1px solid #aa9b59 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #aa9b59 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: normal !important;
	letter-spacing: -0.32px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	min-width: 0 !important;
	width: auto !important;
	gap: 0 !important;
}

body.home .wineclubwrapper .join-link a:hover,
body.home .wineclubwrapper .join-link a:focus,
.join-link a:hover,
.join-link a:focus {
	background: #bb9e79 !important;
	border-color: #aa9b59 !important;
	color: #ffffff !important;
}

/* Back-to-top: sit above overhang stacking; restore clicks on desktop */
body.home .top,
body .top {
	position: relative !important;
	z-index: 40 !important;
	pointer-events: auto !important;
}
body.home .top .wrapper,
body .top .wrapper {
	position: relative !important;
	z-index: 41 !important;
	pointer-events: auto !important;
}
body.home .top a,
body .top a {
	position: relative !important;
	z-index: 42 !important;
	pointer-events: auto !important;
	display: inline-block !important;
	cursor: pointer !important;
}
@media screen and (min-width: 768px) {
	body.home .top a,
	body .top a {
		position: absolute !important;
		top: -45px !important;
		right: 0 !important;
		z-index: 42 !important;
		pointer-events: auto !important;
	}
}

/* === Back-to-top harden 20260916ae === */
body.home .top,
body .top {
	position: relative !important;
	z-index: 200 !important;
	isolation: isolate;
	pointer-events: auto !important;
	overflow: visible !important;
}
body.home .top a,
body .top a,
body.home .top a img,
body .top a img {
	pointer-events: auto !important;
	cursor: pointer !important;
	position: relative !important;
	z-index: 201 !important;
}
@media screen and (min-width: 768px) {
	body.home .top a,
	body .top a {
		position: absolute !important;
		top: -45px !important;
		right: 25px !important;
		z-index: 201 !important;
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		min-width: 44px !important;
		min-height: 44px !important;
	}
	/* Keep wine/photo stacking below footer back-to-top hit target */
	body.home.single-portfolio article.wine-content,
	body.page-template-three-thieves article.wine-content {
		z-index: 1 !important;
	}
}

/* === Mel ab FAIL fixes 20260916af === */
/* Bottles: force Figma overhang (desk 8:5 y=-200, mobile 8:46 y=-150) — beat any earlier -80/-50 */
@media screen and (min-width: 768px) {
	body.home.single-portfolio .main-container,
	body.page-template-three-thieves .main-container,
	body.home.single-portfolio article.wine-content,
	body.page-template-three-thieves article.wine-content {
		overflow: visible !important;
	}
	body.home.single-portfolio article.wine-content#three-thieves .photo,
	body.page-template-three-thieves article.wine-content .photo,
	body.home.single-portfolio article.wine-content#three-thieves .photo img,
	body.page-template-three-thieves article.wine-content .photo img {
		position: relative !important;
		z-index: 2 !important;
	}
	body.home.single-portfolio article.wine-content#three-thieves .photo,
	body.page-template-three-thieves article.wine-content .photo {
		margin-bottom: -200px !important;
		transform: translateY(-200px) !important;
		-webkit-transform: translateY(-200px) !important;
	}
	/* img itself must not cancel parent pull */
	body.home.single-portfolio article.wine-content#three-thieves .photo img,
	body.page-template-three-thieves article.wine-content .photo img {
		transform: none !important;
		-webkit-transform: none !important;
		margin-bottom: 0 !important;
	}
}
@media screen and (max-width: 767px) {
	body.home.single-portfolio article.wine-content#three-thieves .photo,
	body.page-template-three-thieves article.wine-content .photo {
		margin-bottom: -150px !important;
		transform: translateY(-150px) !important;
		-webkit-transform: translateY(-150px) !important;
	}
	body.home.single-portfolio article.wine-content#three-thieves .photo img,
	body.page-template-three-thieves article.wine-content .photo img {
		transform: none !important;
		-webkit-transform: none !important;
	}
}

/* Join Today 24:53 — Figma 131×54, pad 16 — kill legacy min-width 12rem */
body.home .wineclubwrapper .paneltext a,
body.home .wineclubwrapper .join-link a,
body.page-template-three-thieves .wineclubwrapper .join-link a,
.join-link a {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 131px !important;
	max-width: 131px !important;
	min-width: 0 !important;
	height: 54px !important;
	min-height: 54px !important;
	max-height: 54px !important;
	padding: 16px !important;
	border: 1px solid #aa9b59 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #aa9b59 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: -0.32px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	gap: 0 !important;
	white-space: nowrap !important;
}
body.home .wineclubwrapper .join-link a:hover,
body.home .wineclubwrapper .join-link a:focus,
.join-link a:hover,
.join-link a:focus {
	background: #bb9e79 !important;
	color: #ffffff !important;
	border-color: #aa9b59 !important;
}

/* Wine Club heading — all caps + 20px #977548 */
body.home .wineclubwrapper .rightbox h3,
body.home .wineclubwrapper .paneltext h3,
body.page-template-three-thieves .wineclubwrapper .rightbox h3 {
	font-size: 20px !important;
	line-height: 29px !important;
	letter-spacing: -0.4px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	color: #977548 !important;
	text-align: center !important;
}

/* Mobile intro logo 8:48 — 201×59 (height was ~69) */
@media screen and (max-width: 767px) {
	body.home.single-portfolio article.wine-content#three-thieves .title-page-logo,
	body.page-template-three-thieves article.wine-content .title-page-logo {
		max-width: 201px !important;
		width: 201px !important;
		max-height: 59px !important;
		height: 59px !important;
		object-fit: contain !important;
	}
}

/* Desktop intro logo stays 365×126 */
@media screen and (min-width: 768px) {
	body.home.single-portfolio article.wine-content#three-thieves .title-page-logo,
	body.page-template-three-thieves article.wine-content .title-page-logo {
		max-width: 365px !important;
		width: 365px !important;
		max-height: 126px !important;
		height: auto !important;
	}
}