/* WAGA 3D STYLE — Packaging images are not redrawn; CSS creates the spatial display. */
:root {--rail:228px}
html,body{max-width:100%;overflow-x:clip}
.main,.page,.catalog-grid,.featured,.category-layout,.category-layout>div{min-width:0}
.hero-copy h1{white-space:normal!important;word-break:normal;overflow-wrap:normal;line-height:1.48!important;letter-spacing:0!important}
html[dir=rtl] .hero-copy h1{text-align:right}
.hero-copy h1 .hero-line{display:block}
/* Every product has a perspective showroom. */
.waga-3d-stage{--tone:#b3d1af;--tint:#e3f0df;--strong:#466f50;position:relative;width:100%;height:260px;min-height:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;perspective:950px;background:radial-gradient(ellipse at 45% 21%,#fff 0%,var(--tint) 56%,var(--tone) 125%)}
.waga-3d-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 14%,#ffffffb8 0,transparent 42%),linear-gradient(128deg,#ffffff48,transparent 52%);pointer-events:none}
.waga-3d-stage:after{content:'';position:absolute;width:58%;height:26px;bottom:19px;left:21%;border-radius:50%;background:#0004;filter:blur(12px);transform:rotate(-5deg);z-index:0}
.waga-3d-stage .pedestal{position:absolute;bottom:10px;width:76%;height:49px;border-radius:50% / 48%;background:linear-gradient(0deg,var(--strong),#ffffffc2 48%,var(--tint) 62%,#fff);border:1px solid #ffffffa8;box-shadow:inset 0 4px 8px #fff9,0 16px 24px #0002;transform:rotateX(54deg);z-index:1}
.waga-3d-stage .package-3d{position:relative;z-index:2;display:block;object-fit:contain;width:80%;max-width:calc(100% - 36px);height:83%;min-height:0;padding:0!important;background:transparent!important;border:0;filter:drop-shadow(12px 18px 12px #142c2a4d);transform:translateY(-11px) rotateY(-9deg) rotateX(2deg);transition:transform .5s cubic-bezier(.2,.75,.15,1),filter .5s;will-change:transform}
.product:hover .package-3d,.product:focus-visible .package-3d,.waga-3d-stage:hover .package-3d{transform:translateY(-22px) rotateY(9deg) rotateX(-2deg) scale(1.04);filter:drop-shadow(-14px 21px 14px #142c2a55)}
.waga-3d-stage[data-family=berry]{--tone:#c088a9;--tint:#f8e1ee;--strong:#7f3c65}
.waga-3d-stage[data-family=water]{--tone:#9fcfe0;--tint:#e5faff;--strong:#458ca8}
.waga-3d-stage[data-family=yellow]{--tone:#f0d18a;--tint:#fff7da;--strong:#ba8c28}
.waga-3d-stage[data-family=earth]{--tone:#ccb18c;--tint:#fff3dc;--strong:#886b44}
.waga-3d-stage[data-family=red]{--tone:#d39b9e;--tint:#fff0ea;--strong:#994548}
.waga-3d-stage[data-family=green]{--tone:#a5c8a6;--tint:#ebf9e9;--strong:#448157}
.product>.waga-3d-stage{flex-shrink:0}
.product{overflow:hidden}.product .details{position:relative;z-index:2;background:#fff}
.product-detail>.waga-3d-stage{height:min(540px,68vw);min-height:320px;border-radius:22px}
.product-detail>.waga-3d-stage .package-3d{height:84%;width:84%}
/* Homepage uses properly proportioned stage objects; no clipped billboard/card edges. */
.hero-product-stage{overflow:visible;transform-style:preserve-3d}
.hero-product-stage .hero-pack{padding:0!important;background:transparent!important;border-radius:0!important;max-width:42%;object-fit:contain;filter:drop-shadow(12px 24px 15px #0007)}
.hero-product-stage .hero-pack-a{transform:translateZ(35px) rotateY(-9deg) rotate(-3deg)}
.hero-product-stage .hero-pack-b{transform:translateZ(-15px) rotateY(9deg) rotate(4deg)}
.hero-product-stage .hero-pack:hover{filter:drop-shadow(16px 28px 20px #0008)}
/* Company profile discoverability */
.profile-download{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;background:#dcb64b;color:#16372a;font-weight:900;margin-top:15px}
@media(max-width:950px){:root{--rail:0px}.sidebar{width:min(290px,82vw)} }
@media(max-width:700px){.waga-3d-stage{height:205px}.product-detail>.waga-3d-stage{height:340px;min-height:0}.hero-product-stage .hero-pack{max-width:39%}.hero-copy h1{font-size:clamp(27px,7.5vw,41px)!important}.catalog-grid,.featured{gap:10px}.category-layout{grid-template-columns:1fr}.product .details{padding:12px}}
@media(max-width:420px){.waga-3d-stage{height:180px}.product-detail>.waga-3d-stage{height:300px}}
@media(prefers-reduced-motion:reduce){.waga-3d-stage .package-3d{transition:none;will-change:auto}.hero-pack{animation:none!important}}