/* 3.2 — unified cutouts and predictable mobile controls. */
.desktop-nav,.desktop-nav a,.desktop-nav summary{font-family:"HT Editorial",Georgia,serif;font-weight:400;font-size:18px;line-height:1.2;letter-spacing:0}
.desktop-nav{gap:clamp(14px,1.55vw,23px)}.desktop-nav .nav-more>div a{font-size:18px}
.menu-toggle{position:relative;width:44px;height:44px;padding:0}
.menu-toggle span{position:absolute;left:7px;right:7px;width:auto;height:1.5px;margin:0;background:var(--ink);transform-origin:center;transition:transform .25s,opacity .2s,top .25s}
.menu-toggle span:nth-child(1){top:11px}.menu-toggle span:nth-child(2){top:18px}.menu-toggle span:nth-child(3){top:25px}.menu-toggle span:nth-child(4){top:32px}
.menu-toggle[aria-expanded=true] span:nth-child(1),.menu-toggle[aria-expanded=true] span:nth-child(4){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(2){top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(3){top:21px;transform:rotate(-45deg)}
.product-detail-image img.packshot{object-fit:contain!important;object-position:center;width:100%!important;height:100%!important;padding:clamp(24px,4vw,52px);mix-blend-mode:normal;mask-image:none;filter:drop-shadow(0 15px 17px #263e2919);transform:none}
.product-art img[src*="art-"]{object-fit:contain;object-position:center;max-width:92%;padding:12px;transform:rotate(-3deg);mask-image:none;mix-blend-mode:normal;filter:drop-shadow(0 12px 12px #153b2b16)}
.product-card:hover .product-art img[src*="art-"]{transform:rotate(0) scale(1.035)}
.hero-v3 .hero-scene{mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal;object-fit:contain;max-width:100%;filter:drop-shadow(0 20px 18px #041e1326)}
.hero-showcase:after{content:none}.hero-light{border-radius:50%;mask-image:radial-gradient(ellipse,#000 15%,transparent 68%);filter:blur(28px)}
.hero-atmosphere i{left:var(--seed-x);top:var(--seed-y);width:var(--seed-size);height:var(--seed-size);opacity:0;background:#ecdfb6;box-shadow:0 0 9px #d5da8b66;animation:seed-rise-v32 var(--seed-duration) linear var(--seed-delay) infinite;will-change:transform,opacity}
@keyframes seed-rise-v32{0%{transform:translate3d(0,0,0);opacity:0}16%{opacity:var(--seed-opacity)}78%{opacity:calc(var(--seed-opacity)*.65)}100%{transform:translate3d(var(--seed-drift),calc(-1*var(--seed-rise)),0);opacity:0}}
.hero-v3 .hero-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:590px;margin:12px auto 30px;align-items:stretch}
.hero-v3 .hero-primary>.hero-action{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;height:56px;min-height:56px;margin:0;padding:14px 23px;font-size:13px;line-height:1.25;text-align:left;box-sizing:border-box;white-space:nowrap;border:1px solid #dbc69b;background:#dbc69b;color:#173c2c!important;box-shadow:none;border-radius:0}
.hero-v3 .hero-primary>.hero-action-catalog{background:#eaf0e1;border-color:#eaf0e1;color:#173c2c!important}.hero-v3 .hero-primary>.hero-action:hover{background:#f2e3c5;border-color:#f2e3c5}.hero-v3 .hero-primary>.hero-action-catalog:hover{background:#fffaf0;border-color:#fffaf0}
.hero-primary .hero-action>.ui-icon,.hero-primary .hero-action>span{flex:none;width:22px;height:22px}
.hero-v3 .hero-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin-top:0;border-block:1px solid #e7dcc333}
.hero-v3 .hero-mosaic>a.hero-feature{display:grid;grid-template-columns:64px minmax(0,1fr) 22px;gap:18px;align-items:center;min-width:0;height:108px;min-height:108px;padding:18px 24px!important;border-right:1px solid #e7dcc333;border-bottom:0;flex:none;order:initial;overflow:visible}
.hero-v3 .hero-mosaic>a.hero-feature:first-child{padding-left:0!important}.hero-v3 .hero-mosaic>a.hero-feature:last-child{padding-right:0!important;border-right:0}
.hero-v3 .hero-mosaic .hero-feature img{position:static;inset:auto;grid-row:auto;grid-column:auto;display:block;width:64px!important;height:64px!important;max-width:100%;object-fit:contain;background:#e6e9d714;border-radius:10px;padding:4px;opacity:1;transform:none!important;filter:none;mix-blend-mode:normal}
.hero-v3 .hero-mosaic .hero-feature img.production-thumb{object-fit:cover;padding:0}
.hero-feature>strong{font:400 23px/1.15 "HT Editorial",Georgia,serif;letter-spacing:0;text-wrap:balance;color:#f6f1e4}
.hero-feature-arrow{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:#c6d5b9;transition:transform .3s}.hero-feature:hover .hero-feature-arrow{transform:translate(2px,-2px)}
.slider-arrows{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;flex:0 0 auto;order:2;white-space:nowrap}
.slider-arrows .round{display:grid;place-items:center;flex:0 0 52px;width:52px;min-width:52px;height:52px;padding:0;background:#f8f5e9;border:1px solid #b4c0a6;box-sizing:border-box;color:#173c2c}
.slider-arrows .round[data-slide=next]{background:#143b2b;color:#f4f0df}.slider-arrows .round:disabled{opacity:.35;background:#f3f2e8;color:#526248}.slider-arrows .ui-icon{width:22px;height:22px;transform:none}
@media(min-width:701px) and (max-width:1100px){.hero-v3 .hero-mosaic>a.hero-feature{grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;padding-inline:15px!important}.hero-v3 .hero-mosaic .hero-feature img{width:48px!important;height:48px!important}.hero-feature>strong{font-size:20px}}
@media(max-width:700px){
 .hero-v3 .hero-primary{grid-template-columns:1fr;max-width:410px;gap:10px;margin:8px auto 26px}.hero-v3 .hero-primary>.hero-action{height:52px;min-height:52px;padding:13px 19px;font-size:13px}
 .hero-v3 .hero-mosaic{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid #e7dcc333;border-bottom:0}
 .hero-v3 .hero-mosaic>a.hero-feature,.hero-v3 .hero-mosaic>a.hero-feature:first-child,.hero-v3 .hero-mosaic>a.hero-feature:last-child{display:grid;grid-template-columns:54px minmax(0,1fr) 22px;gap:17px;min-height:87px;height:auto;padding:15px 0!important;border-right:0;border-bottom:1px solid #e7dcc333;order:initial;flex:none;width:100%}
 .hero-v3 .hero-mosaic .hero-feature img{width:54px!important;height:54px!important}.hero-feature>strong{font-size:23px;line-height:1.1}
 .slider-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;gap:5px 12px;align-items:center;padding-bottom:14px}
 .slider-tools>span:first-child{grid-column:1;grid-row:1;order:initial;flex:none;margin:0;max-width:none;font-size:11px;line-height:1.35}
 .slider-tools .slider-position{grid-column:1;grid-row:2;order:initial;justify-self:start;text-align:left;margin:0;font-size:10px}
 .slider-tools .slider-arrows{grid-column:2;grid-row:1/span 2;order:initial;gap:9px;align-self:center;justify-self:end;width:101px;min-width:101px}
 .slider-arrows .round{width:46px;min-width:46px;height:46px;flex-basis:46px}.slider-arrows .ui-icon{width:22px;height:22px}
 .slider-tools .slider-meter{grid-column:1/-1;grid-row:3;order:initial;flex:none;width:100%;max-width:none;min-width:0;margin:10px 0 7px;height:2px}
 .slider-tools>.text-link{grid-column:1/-1;grid-row:4;order:initial;flex:none;justify-self:start;margin:0;font-size:11px;max-width:none}
 .directions{padding-top:12px;padding-bottom:22px;overflow-x:auto;overflow-y:hidden}
 .directions .direction,.directions .direction.reveal.pending,.directions .direction.reveal.visible{transform:none!important;opacity:1;transition:box-shadow .3s;border-top-width:1px}
 .direction .direction-stage img.packshot,.direction.beet .direction-stage img.packshot,.direction:hover .direction-stage img.packshot{transform:none!important;max-height:100%;transition:filter .3s}
 .product-detail-image img.packshot{padding:24px}
}
@media(max-width:360px){.hero-feature>strong{font-size:21px}.hero-v3 .hero-mosaic>a.hero-feature{gap:13px}.hero-v3 .hero-primary>.hero-action{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere i{animation:none;opacity:0}}
