/* A live product index inside the Ciardi header. */
:root{--ciardi-header-height:118px;--ciardi-admin-offset:0px;--mega-scrim-color:#2418128f}
body.admin-bar{--ciardi-admin-offset:32px}
@media(max-width:782px){body.admin-bar{--ciardi-admin-offset:46px}}
.site-header{position:sticky;top:var(--ciardi-admin-offset);z-index:60}
.site-header .header-inner{position:static}
.mega-open{overflow:hidden}
.site-header .mega-parent{position:static}
.mega-trigger{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 0;border:0;background:none;color:inherit;font-size:1rem;font-weight:400}
.mega-trigger svg{transition:transform 180ms var(--ease-out)}
.mega-trigger[aria-expanded=true]{color:var(--color-wine)}
.mega-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.mega-trigger:hover{color:var(--color-wine)}
.mega-panel{position:absolute;top:100%;left:0;right:0;background:var(--color-ground);max-height:calc(100dvh - var(--ciardi-header-height) - var(--ciardi-admin-offset));overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 44px #24181226} /* taste-skill-ignore: the megamenu is a real floating navigation panel. */
.mega-inner{padding-top:24px;padding-bottom:24px}
.mega-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}
.mega-heading h2{font-size:clamp(1.8rem,2.7vw,2.5rem);line-height:1.05;letter-spacing:-.04em}
.mega-heading p{font-size:1rem;margin-top:10px;line-height:1.4}
.mega-close{background:var(--color-taupe);border:0;min-height:44px;padding:10px 14px;display:flex;align-items:center;gap:20px;font-size:.875rem}
.mega-close span{font-size:1.5rem;line-height:1}.mega-close:hover{background:var(--color-rose)}
.mega-catalogue{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:40px;align-items:start}
.mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
.mega-group{min-width:0}.mega-group h3{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}
.site-header .main-navigation .mega-group h3 a{font-size:inherit;padding:10px 0;display:flex;gap:10px;align-items:center;justify-content:space-between;font-weight:inherit}
.mega-group h3 span{font-size:1rem;font-weight:400}
.mega-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.site-header .main-navigation .mega-product{font-size:1rem;line-height:1.25;font-weight:400;letter-spacing:-.015em;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:11px 10px;border-radius:var(--radius-control);transition:background 120ms,color 120ms}
.site-header .main-navigation .mega-product::after,.site-header .main-navigation .mega-group h3 a::after{display:none}
.mega-product-arrow{font-size:1rem;opacity:0;flex:none;transition:opacity 120ms,transform 180ms}
.site-header .main-navigation .mega-product:hover,.site-header .main-navigation .mega-product.is-previewed{background:var(--color-rose);color:var(--color-wine)}
.mega-product:hover .mega-product-arrow,.mega-product.is-previewed .mega-product-arrow,.mega-product:focus-visible .mega-product-arrow{opacity:1;transform:translate(2px,-2px)}
.mega-preview{position:sticky;top:0;min-width:0;background:var(--color-rose)}
.mega-preview-art{height:260px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--color-rose)}
.mega-preview-art img{position:absolute;inset:0;display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.mega-preview-art[data-cutout=true] img{padding:18px;mix-blend-mode:normal}
.mega-preview-copy{padding:20px 24px 16px}
.mega-preview-copy h3{font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.1;letter-spacing:-.035em;font-weight:700}
.mega-preview-copy p{font-size:.9375rem;line-height:1.45;margin-top:12px;min-height:2.9em;max-width:38ch}
.site-header .main-navigation .mega-preview-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;margin-top:12px;padding:8px 0;font-size:1rem;font-weight:500;text-decoration:underline;text-underline-offset:5px}
.site-header .main-navigation .mega-preview-link::after{display:none}
.mega-footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;align-items:center;flex-wrap:wrap}
.site-header .main-navigation .mega-footer a{font-size:1rem;font-weight:500;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;gap:24px}
.site-header .main-navigation .mega-footer a::after{display:none}
.mega-footer a:hover{color:var(--color-wine);text-decoration:underline;text-underline-offset:5px}
.mega-scrim{position:fixed;inset:calc(var(--ciardi-header-height) + var(--ciardi-admin-offset)) 0 0;background:var(--mega-scrim-color);z-index:50}
@media(max-width:1100px){
 :root{--ciardi-header-height:100px}.mega-catalogue{gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.mega-groups{gap:12px}.site-header .main-navigation .mega-product{font-size:.9375rem;padding:10px 8px;min-height:44px;gap:5px}.mega-preview-copy{padding:18px}.mega-preview-art{height:230px}.mega-group h3{font-size:1.05rem}
}
@media(max-width:900px) and (min-width:801px){.mega-groups{grid-template-columns:1fr 1fr}.mega-group:last-child{grid-column:1/-1}.mega-group:last-child ul{display:grid;grid-template-columns:1fr 1fr}.mega-catalogue{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}}
@media(max-width:800px){
 :root{--ciardi-header-height:90px}
 .js-ready .main-navigation{top:90px;min-height:0;max-height:calc(100dvh - 90px - var(--ciardi-admin-offset));overflow:auto;overscroll-behavior:contain;padding:20px var(--space-gutter) 28px;gap:20px;box-shadow:0 20px 40px #24181220} /* taste-skill-ignore: real floating mobile navigation. */
 .js-ready .main-navigation.is-open{display:flex;flex-direction:column}
 .js-ready .nav-links{gap:6px;align-items:stretch}
 .js-ready .nav-links>li>a,.js-ready .mega-trigger{font-size:1.5rem;font-weight:500;min-height:48px;padding:10px 0}
 .main-navigation>.mega-parent{width:100%}
 .mega-trigger{width:100%;justify-content:space-between}
 .mega-trigger svg{width:18px;height:18px}
 .mega-panel{position:relative;top:auto;left:auto;right:auto;max-height:none;overflow:visible;box-shadow:none;background:none}
 .mega-inner{padding:0;width:100%;max-width:none}
 .mega-heading{margin:10px 0 20px;gap:16px}.mega-heading h2{font-size:1.75rem;max-width:none}.mega-heading p{font-size:.9375rem;margin-top:8px}.mega-close{display:none}
 .mega-catalogue{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
 .mega-groups{grid-template-columns:1fr;gap:20px}
 .mega-group h3{font-size:1rem;margin-bottom:8px}
 .site-header .main-navigation .mega-group h3 a{font-size:1rem;min-height:44px;padding:8px 0;font-weight:700}
 .site-header .main-navigation .mega-product{font-size:1rem;padding:10px 12px;min-height:44px}
 .mega-product-arrow{opacity:1;font-size:.9375rem}
 .mega-preview{position:sticky;top:0}.mega-preview-art{height:230px}.mega-preview-copy{padding:18px}
 .mega-preview-copy h3{font-size:1.5rem}.mega-preview-copy p{font-size:.875rem;min-height:0}.site-header .main-navigation .mega-preview-link{font-size:.9375rem}
 .mega-footer{margin-top:20px;gap:8px;align-items:flex-start;flex-direction:column}.site-header .main-navigation .mega-footer a{font-size:.9375rem;min-height:44px}
 .main-navigation.has-mega-open .nav-links>li:not(.mega-parent){display:none}
 .main-navigation.has-mega-open>.button{display:none}
 body:not(.js-ready) .main-navigation{box-shadow:none;max-height:none}
}
@media(max-width:560px){
 .mega-heading{margin:8px 0 16px}.mega-heading h2{font-size:1.5rem}.mega-heading p{font-size:.875rem}
 .mega-catalogue{display:flex;flex-direction:column;gap:20px}
 .mega-preview{order:-1;width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;z-index:2;top:-20px;min-height:176px}
 .mega-preview-art{height:176px}.mega-preview-art[data-cutout=true] img{padding:10px}
 .mega-preview-copy{padding:14px 12px 14px 6px;min-width:0}.mega-preview-copy h3{font-size:1.15rem;line-height:1.1}.mega-preview-copy p{font-size:.8125rem;margin-top:8px;line-height:1.35}.site-header .main-navigation .mega-preview-link{font-size:.8125rem;gap:8px;margin-top:6px;min-height:44px;padding:8px 0}
 .mega-groups{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.mega-group:last-child{grid-column:1/-1}.mega-group:last-child ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
 .site-header .main-navigation .mega-product{font-size:.875rem;min-height:44px;padding:10px 8px}.mega-group h3{margin-bottom:6px}.site-header .main-navigation .mega-group h3 a{font-size:1rem}
 .mega-footer{margin-top:16px}.site-header .main-navigation .mega-footer a{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){.mega-trigger svg,.mega-product-arrow,.site-header .main-navigation .mega-product{transition:none}.mega-product:hover .mega-product-arrow,.mega-product.is-previewed .mega-product-arrow{transform:none}}
.motion-paused .mega-trigger svg,.motion-paused .mega-product-arrow,.motion-paused .mega-product{transition:none}

@media(min-width:801px) and (max-height:820px){.mega-inner{padding-top:20px;padding-bottom:20px}.mega-heading{margin-bottom:16px}.mega-preview-art{height:210px}.mega-footer{margin-top:12px}}