/* ZEFFIRO: renewed category controls, brief story, and shipment animation */
.quick-sections{position:relative}
.quick-sections-head{margin-bottom:18px!important}
.quick-sections-head .zeffiro-rail-controls{display:none!important}
.zeffiro-categories-window{position:relative;overflow:hidden;isolation:isolate;mask-image:none!important;-webkit-mask-image:none!important;padding:0 42px}
.zeffiro-categories-window::before,.zeffiro-categories-window::after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:1;pointer-events:none}
.zeffiro-categories-window::before{left:0;background:linear-gradient(90deg,var(--rail-bg,#fff),transparent)}
.zeffiro-categories-window::after{right:0;background:linear-gradient(270deg,var(--rail-bg,#fff),transparent)}
.zeffiro-categories-window .quick-sections-track{animation:none!important;transition:none!important;transform:translate3d(0,0,0);user-select:none;will-change:transform}
.zeffiro-categories-window .quick-sections-track:hover,.zeffiro-categories-window:focus-within .quick-sections-track{animation-play-state:running!important}
.zeffiro-categories-window .zeffiro-rail-controls{display:contents!important}
.zeffiro-categories-window .zeffiro-rail-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);height:42px;width:42px;border-radius:50%;border:1px solid rgba(82,205,184,.42);box-shadow:0 5px 18px rgba(1,32,26,.10);font:500 30px/1 Arial,sans-serif;color:#0f6558;background:#e2f8f0;cursor:pointer}
.zeffiro-categories-window .zeffiro-rail-arrow[data-rail="prev"]{left:2px}
.zeffiro-categories-window .zeffiro-rail-arrow[data-rail="next"]{right:2px}
.zeffiro-categories-window .zeffiro-rail-arrow:hover{transform:translateY(-50%) scale(1.06);background:#52CDB8;color:#041a16}
.zeffiro-categories-window .zeffiro-rail-arrow:focus-visible{outline:3px solid #52CDB8;outline-offset:2px}
html[data-theme="dark"] .zeffiro-categories-window{--rail-bg:#050d0e}
html[data-theme="light"] .zeffiro-categories-window{--rail-bg:#fff}
html[data-theme="dark"] .zeffiro-categories-window .zeffiro-rail-arrow{background:#173831;color:#b9fff1}
html[data-theme="dark"] .zeffiro-categories-window .zeffiro-rail-arrow:hover{background:#52CDB8;color:#031c17}
.gift-video-link,.gift-video-overlay .gift-video-link,.gift-showcase-video .gift-video-link{display:inline-flex!important;align-items:center;gap:7px;font-size:clamp(17px,1.2vw,21px)!important;line-height:1.3!important;font-weight:900!important;color:#c9ffed!important;letter-spacing:0!important;text-shadow:0 2px 7px rgba(0,0,0,.4);padding:9px 0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.gift-video-target:focus-visible{outline:3px solid #52CDB8;outline-offset:6px}

/* Brand story */
.about-story .zeffiro-story-visual{position:relative;align-self:stretch;min-height:510px;border-radius:32px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 60% 38%,#27796c 0,#0c3531 47%,#071715 100%);box-shadow:0 18px 50px rgba(0,27,22,.12);border:1px solid rgba(82,205,184,.2);color:white}
.zeffiro-story-visual .story-aura{position:absolute;left:20%;top:5%;width:68%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(82,205,184,.29),rgba(82,205,184,0) 65%);animation:zeffiroStoryGlow 6s ease-in-out infinite;pointer-events:none}
.zeffiro-story-visual .story-kicker{position:absolute;z-index:3;left:30px;top:30px;font-size:13px;letter-spacing:.22em;font-weight:900;color:#adffe9}
.zeffiro-story-visual .story-featured-product{position:absolute;z-index:2;top:19%;left:27%;width:46%;height:51%;padding:18px;border-radius:32px;background:linear-gradient(135deg,#e8fcf7,#b1ecdb);box-shadow:0 34px 70px rgba(0,15,12,.45),inset 0 1px 0 rgba(255,255,255,.5);animation:zeffiroStoryHover 6s ease-in-out infinite}
.zeffiro-story-visual .story-featured-product img{width:100%;height:100%;object-fit:contain;animation:none!important;filter:drop-shadow(0 10px 24px rgba(0,60,54,.13))}
.zeffiro-story-visual .story-floating-tile{position:absolute;z-index:3;width:24%;height:29%;padding:12px;border-radius:25px;background:rgba(232,252,246,.95);box-shadow:0 15px 40px rgba(0,17,13,.34);animation:zeffiroStoryHover 6.8s ease-in-out infinite}
.zeffiro-story-visual .story-floating-tile img{width:100%;height:100%;object-fit:contain;animation:none!important;filter:none!important}
.zeffiro-story-visual .story-floating-one{left:5%;top:30%;animation-delay:-1.5s;transform:rotate(-12deg)}
.zeffiro-story-visual .story-floating-two{right:4%;top:14%;animation-delay:-2.4s}
.zeffiro-story-visual .story-floating-three{right:8%;top:52%;animation-delay:-4.3s}
.zeffiro-story-visual .story-twinkle{position:absolute;color:#92ffe8;font-size:44px;line-height:1;animation:zeffiroStoryTwinkle 5s ease-in-out infinite}
.zeffiro-story-visual .story-twinkle-one{top:13%;left:19%}
.zeffiro-story-visual .story-twinkle-two{bottom:24%;left:12%;animation-delay:-2s}
.zeffiro-story-visual .story-visual-caption{position:absolute;z-index:4;left:27px;right:27px;bottom:25px;display:flex;flex-direction:column;gap:8px;padding:16px 20px;border-radius:18px;border:1px solid rgba(180,255,234,.25);background:rgba(3,19,16,.56);backdrop-filter:blur(15px)}
.zeffiro-story-visual .story-visual-caption strong{font-weight:900;font-size:clamp(18px,1.55vw,25px)}
.zeffiro-story-visual .story-visual-caption small{font-weight:600;font-size:14px;color:#c9f0e6}
@keyframes zeffiroStoryGlow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
@keyframes zeffiroStoryHover{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -12px;rotate:2deg}}
@keyframes zeffiroStoryTwinkle{0%,100%{opacity:.2;scale:.65;rotate:0deg}40%{opacity:1;scale:1.15;rotate:90deg}65%{opacity:.65;scale:.85;rotate:170deg}}
.about-story-copy p{max-width:610px;line-height:1.82!important;font-size:clamp(16px,1.28vw,20px)!important}
.about-story-copy h2{font-weight:900;letter-spacing:-.04em;line-height:1.15}

/* Shipping animations: star replaced with living parcel-loading truck */
.shipping-main-hero{position:relative;isolation:isolate;min-height:380px;overflow:hidden}
.shipping-main-hero h1.shipping-main-statement{max-width:min(72%,940px);font-size:clamp(30px,4vw,59px);line-height:1.16;position:relative;z-index:2}
.shipping-main-hero>p{max-width:min(70%,740px);position:relative;z-index:2}
.delivery-hero-art{position:absolute;z-index:1;right:0;top:50%;width:36%;transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 18px 36px rgba(1,18,16,.24))}
.delivery-hero-art img{display:block;width:100%;height:auto;object-fit:contain}
.shipping-payment-visual{isolation:isolate}
.shipping-delivery-art{display:block;width:100%;height:100%;max-width:580px;max-height:350px;object-fit:contain;padding:12px;z-index:2;filter:drop-shadow(0 16px 38px rgba(1,18,16,.35))}
.shipping-payment .shipping-payment-chip{z-index:3}
@media(max-width:850px){
 .shipping-main-hero{padding-bottom:28px!important}
 .shipping-main-hero h1.shipping-main-statement,.shipping-main-hero>p{max-width:100%}
 .delivery-hero-art{position:relative;top:auto;right:auto;transform:none;width:min(100%,550px);margin:0 auto -25px}
 .about-story .zeffiro-story-visual{min-height:440px}
}
@media(max-width:600px){
 .zeffiro-categories-window{padding:0 34px}
 .zeffiro-categories-window::before,.zeffiro-categories-window::after{width:36px}
 .zeffiro-categories-window .zeffiro-rail-arrow{width:32px;height:32px;font-size:23px}
 .zeffiro-story-visual .story-kicker{left:18px;top:22px;font-size:11px}
 .about-story .zeffiro-story-visual{min-height:390px}
 .zeffiro-story-visual .story-featured-product{top:24%;height:46%;width:45%}
 .zeffiro-story-visual .story-floating-tile{width:26%;height:23%;border-radius:16px;padding:8px}
 .zeffiro-story-visual .story-visual-caption{left:16px;right:16px;bottom:16px;padding:13px 15px}
 .zeffiro-story-visual .story-visual-caption strong{font-size:17px}
 .zeffiro-story-visual .story-visual-caption small{font-size:12px}
 .delivery-hero-art{width:100%}
 .shipping-delivery-art{padding:2px}
}
@media(prefers-reduced-motion:reduce){.zeffiro-story-visual .story-aura,.zeffiro-story-visual .story-featured-product,.zeffiro-story-visual .story-floating-tile,.zeffiro-story-visual .story-twinkle{animation:none!important;translate:0 0;rotate:0deg}}
