.legacy-landing-hero { display: none !important; }
html, body { overflow-x: clip; }

/* Continuous product-to-package hero film. Pure CSS shapes keep the first view
   sharp and lightweight; JS only advances the single shared stage. */
.packfilm {
    --film-ink: #071b38;
    --film-blue: #1769d1;
    --film-cyan: #74d8ff;
    position: relative;
    min-height: min(56rem, calc(100svh - 4rem));
    overflow: hidden;
    isolation: isolate;
    color: var(--film-ink);
    background: linear-gradient(125deg, #fafdff 0%, #eaf6ff 48%, #dceeff 100%);
}
.packfilm::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.32; background-image:linear-gradient(#1f6db40b 1px,transparent 1px),linear-gradient(90deg,#1f6db40b 1px,transparent 1px); background-size:3.5rem 3.5rem; mask-image:linear-gradient(90deg,#000,transparent 75%); }
.packfilm__aura { position:absolute; z-index:-1; width:42rem; aspect-ratio:1; border-radius:50%; filter:blur(90px); opacity:.42; pointer-events:none; }
.packfilm__aura--one { top:-22rem; right:-8rem; background:#6fc7ff; }
.packfilm__aura--two { bottom:-30rem; left:15%; background:#d7eaff; }
.packfilm__grid { width:min(100%,96rem); min-height:inherit; margin:auto; padding:clamp(4.5rem,8vh,7rem) clamp(1rem,4vw,3rem); display:grid; grid-template-columns:minmax(0,.92fr) minmax(31rem,1.08fr); align-items:center; gap:clamp(2rem,5vw,6rem); }
.packfilm__copy { position:relative; z-index:12; max-width:43rem; }
.packfilm__eyebrow { display:flex; align-items:center; gap:.7rem; margin:0 0 1.2rem; color:#1769d1; font-size:.78rem; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
.packfilm__eyebrow span { width:2rem; height:2px; background:currentColor; }
.packfilm h1 { margin:0; max-width:12ch; font-size:clamp(3.25rem,6vw,6.4rem); line-height:.94; letter-spacing:-.065em; font-weight:760; }
.packfilm h1 em { display:block; color:var(--film-blue); font-style:normal; }
.packfilm__lead { max-width:38rem; margin:1.75rem 0 0; color:#27415f; font-size:clamp(1rem,1.5vw,1.2rem); line-height:1.75; }
.packfilm__actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.packfilm__actions .btn-primary { border-color:#0d59bd; background:#0d59bd; color:white; box-shadow:0 15px 35px #1769d13b; }
.packfilm__actions .btn-outline { border-color:#a8c2dc; background:#ffffffa6; color:#102b4c; backdrop-filter:blur(10px); }
.packfilm__proof { display:flex; align-items:center; flex-wrap:wrap; gap:.85rem; margin-top:2.1rem; color:#49627d; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
.packfilm__proof span { display:flex; flex-direction:column; }
.packfilm__proof strong { color:#0b2d55; font-size:.92rem; letter-spacing:0; text-transform:none; }
.packfilm__proof > i { width:1px; height:1.8rem; background:#a9c4db; }
.packfilm__visual { position:relative; min-height:clamp(33rem,67vh,47rem); perspective:1200px; transform-style:preserve-3d; touch-action:pan-y; }
.packfilm__halo { position:absolute; inset:7% 5% 9%; border:1px solid #75b9e65c; border-radius:50%; transform:rotateX(64deg) rotateZ(-8deg); }
.packfilm__halo::before,.packfilm__halo::after,.packfilm__halo span { content:""; position:absolute; inset:10%; border:1px solid #68b8ec4a; border-radius:50%; }
.packfilm__halo::after { inset:24%; }.packfilm__halo span:nth-child(1){ inset:38%; background:#fff9; box-shadow:0 0 80px #78cfff; }
.packfilm__halo span:nth-child(2){ inset:-4%; border-style:dashed; animation:film-orbit 28s linear infinite; }.packfilm__halo span:nth-child(3){ inset:17%; border-color:#fff; }
.packfilm__platform { position:absolute; left:14%; right:7%; bottom:12%; height:10%; border-radius:50%; background:#3d77a625; filter:blur(13px); transform:rotateX(62deg); }
.packfilm__scene { position:absolute; inset:4% 0 10%; opacity:0; visibility:hidden; transform:translate3d(5rem,1rem,-12rem) rotateY(-9deg) scale(.88); transition:opacity .72s ease,visibility .72s,transform 1.05s cubic-bezier(.2,.78,.2,1); transform-style:preserve-3d; }
.packfilm__scene.is-active { opacity:1; visibility:visible; transform:translate3d(0,0,0) rotateY(0) scale(1); }
.packfilm__scene.is-leaving { opacity:0; visibility:visible; transform:translate3d(-5rem,-1rem,-10rem) rotateY(9deg) scale(.9); }
.packfilm__package { position:absolute; left:50%; bottom:15%; transform:translateX(-50%) rotateX(2deg); filter:drop-shadow(0 28px 24px #08284c3b); }
.packfilm__package span:not(.packfilm__lid) { display:block; font-size:.8rem; line-height:1.05; letter-spacing:.14em; text-align:center; }
.packfilm__package b { font-size:1.2rem; }
.packfilm__product { position:absolute; z-index:5; left:50%; top:12%; transform:translate(-50%,-2rem) rotate(-7deg); filter:drop-shadow(0 18px 10px #08284c2b); }
.packfilm__hand { position:absolute; z-index:8; top:1%; right:-6%; width:50%; height:8.5rem; border-radius:8rem 0 0 8rem; background:linear-gradient(170deg,#e7ad83,#c87a54); box-shadow:inset 0 7px 12px #fff4,0 15px 30px #102b4c22; transform:translateX(120%) rotate(-9deg); transform-origin:right center; }
.packfilm__hand::after { content:""; position:absolute; left:-1.4rem; bottom:-.1rem; width:6rem; height:3.5rem; border-radius:55% 20% 48% 55%; background:#df9c72; transform:rotate(18deg); }
.packfilm__hand span { position:absolute; left:-2.6rem; top:2.3rem; width:5.5rem; height:1.3rem; border-radius:2rem; background:#e4a077; box-shadow:0 1.2rem #dc936a,0 2.35rem #d88d64; transform:rotate(-9deg); }
.packfilm__scene.is-active .packfilm__hand { animation:film-hand 5.5s cubic-bezier(.2,.8,.2,1) both; }
.packfilm__scene.is-active .packfilm__product { animation:film-product 5.5s cubic-bezier(.2,.8,.2,1) both; }
.packfilm__foodbox { width:18rem; height:10.5rem; padding:3rem 1rem 1rem; border-radius:1.3rem 1.3rem 2rem 2rem; color:#fff; background:linear-gradient(145deg,#1b71ce,#0d3f8c); border:1px solid #fff6; box-shadow:inset 0 1px #fff8; }
.packfilm__foodbox .packfilm__lid { position:absolute; left:.3rem; right:.3rem; top:-7rem; height:7.4rem; border-radius:4rem 4rem .8rem .8rem; background:linear-gradient(145deg,#58a9f0,#195aa5); border:1px solid #fff7; transform-origin:center bottom; transform:rotateX(-48deg); }
.packfilm__burger { width:10.5rem; height:7rem; }
.packfilm__burger i,.packfilm__burger b { position:absolute; left:0; right:0; height:2.2rem; border-radius:50%; }
.packfilm__burger i:first-child { top:0; height:3.2rem; background:linear-gradient(#f6c55f,#d98a2b); box-shadow:inset 0 5px #ffe9a1; }.packfilm__burger b { top:2.8rem; background:#592b23; box-shadow:0 -.5rem #63b74f,0 .5rem #f4c646; }.packfilm__burger i:last-child { bottom:0; background:#dc8f32; }
.packfilm__courierbag { width:18rem; height:16rem; padding:6.5rem 1rem 1rem; border-radius:1.4rem; color:#0b2d55; background:linear-gradient(135deg,#fff,#dbeeff); border:2px solid #8fc9ed; box-shadow:inset 0 0 0 .45rem #ffffff80; }
.packfilm__courierbag i { position:absolute; left:1rem; right:1rem; top:1.2rem; height:1.2rem; border-top:2px dashed #4f93c1; border-bottom:1px solid #b5d9ef; }
.packfilm__shirt { width:12rem; height:8.5rem; border-radius:1.2rem; background:linear-gradient(140deg,#f4f8ff,#9ec9ee); border:1px solid #fff; }
.packfilm__shirt::before { content:""; position:absolute; left:-2.7rem; top:.5rem; width:4rem; height:4rem; background:#b9daf4; clip-path:polygon(100% 0,100% 100%,0 70%,25% 10%); }.packfilm__shirt::after { content:""; position:absolute; right:-2.7rem; top:.5rem; width:4rem; height:4rem; background:#9fc9eb; clip-path:polygon(0 0,100% 10%,75% 70%,0 100%); }.packfilm__shirt span { position:absolute; left:4.3rem; top:0; width:3.4rem; height:1.6rem; border-radius:0 0 50% 50%; background:#e8f4ff; }
.packfilm__shoebox { width:21rem; height:9.5rem; padding:3.2rem 1rem 1rem; color:white; background:linear-gradient(135deg,#071d3f,#164e86); border-radius:.8rem; }
.packfilm__shoebox i { position:absolute; left:-.5rem; right:-.5rem; top:-1.4rem; height:2.2rem; border-radius:.5rem; background:#276ca8; box-shadow:inset 0 1px #fff5; }
.packfilm__sneaker { width:15rem; height:6rem; border-radius:65% 28% 22% 30%; background:linear-gradient(160deg,#fff,#cfe9fb 58%,#6daeda 59%); transform-origin:center; }
.packfilm__sneaker::after { content:""; position:absolute; left:1rem; right:.2rem; bottom:-.5rem; height:1.3rem; border-radius:40%; background:#fff; border-bottom:.4rem solid #87b8da; }.packfilm__sneaker i { position:absolute; right:3.8rem; top:1rem; width:5rem; height:2px; background:#4384b5; box-shadow:0 .7rem #4384b5,0 1.4rem #4384b5; transform:rotate(10deg); }
.packfilm__shopbag { width:17rem; height:17rem; padding:7.5rem 1rem 1rem; color:#0a3366; background:linear-gradient(145deg,#fff,#c5e6ff); clip-path:polygon(7% 4%,93% 4%,100% 100%,0 100%); }
.packfilm__shopbag i { position:absolute; left:4rem; top:-3.2rem; width:9rem; height:7rem; border:1.1rem solid #1d69ac; border-bottom:0; border-radius:6rem 6rem 0 0; }
.packfilm__cosmetics { display:flex; align-items:flex-end; gap:.8rem; width:12rem; height:8rem; }
.packfilm__cosmetics i { width:3rem; height:7.5rem; border-radius:.5rem; background:linear-gradient(90deg,#95d9ff,#e4f7ff); border-top:1.5rem solid #1769d1; }.packfilm__cosmetics b { width:3.5rem; height:5.5rem; border-radius:2rem 2rem .5rem .5rem; background:linear-gradient(90deg,#dcefff,#7bbce7); }.packfilm__cosmetics em { width:2.2rem; height:6.7rem; background:#0c3c73; border-radius:.35rem; border-top:1.2rem solid #68c9f8; }
.packfilm__scene--final { display:grid; place-items:center; }
.packfilm__logo-reveal { position:relative; z-index:3; width:min(72%,27rem); padding:3rem; border:1px solid #fff; border-radius:2rem; background:#ffffffc7; box-shadow:0 30px 80px #0a396938,inset 0 1px #fff; backdrop-filter:blur(22px); transform:scale(.72); opacity:0; }
.packfilm__scene--final.is-active .packfilm__logo-reveal { animation:film-logo 5.5s cubic-bezier(.2,.8,.2,1) both; }
.packfilm__logo-reveal img { display:block; width:100%; height:auto; }.packfilm__logo-reveal small { display:block; margin-top:1rem; color:#315575; font-size:.7rem; letter-spacing:.22em; text-align:center; text-transform:uppercase; }
.packfilm__constellation i { position:absolute; left:50%; top:50%; width:6rem; height:8rem; border-radius:1rem; background:linear-gradient(145deg,#fff,#85c8f1); box-shadow:0 18px 30px #174c7730; transform-origin:0 0; }
.packfilm__constellation i:nth-child(1){transform:rotate(0deg) translate(9rem) rotate(0deg)}.packfilm__constellation i:nth-child(2){transform:rotate(60deg) translate(9rem) rotate(-60deg)}.packfilm__constellation i:nth-child(3){transform:rotate(120deg) translate(9rem) rotate(-120deg)}.packfilm__constellation i:nth-child(4){transform:rotate(180deg) translate(9rem) rotate(-180deg)}.packfilm__constellation i:nth-child(5){transform:rotate(240deg) translate(9rem) rotate(-240deg)}.packfilm__constellation i:nth-child(6){transform:rotate(300deg) translate(9rem) rotate(-300deg)}
.packfilm__scene--final.is-active .packfilm__constellation { animation:film-gather 5.5s ease both; }
.packfilm__caption { position:absolute; left:4%; bottom:6%; display:flex; align-items:center; gap:.65rem; color:#1a578e; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }.packfilm__caption span { font-size:1.1rem; font-weight:800; }.packfilm__caption i { width:2.5rem; height:1px; background:currentColor; opacity:.45; }
.packfilm__format-cloud span { position:absolute; padding:.48rem .75rem; border:1px solid #b4d8ef; border-radius:2rem; background:#ffffffa6; color:#35678e; font-size:.62rem; letter-spacing:.07em; text-transform:uppercase; box-shadow:0 9px 24px #1a59841c; animation:film-float 5s ease-in-out infinite; }.packfilm__format-cloud span:nth-child(1){top:10%;left:5%}.packfilm__format-cloud span:nth-child(2){top:23%;right:0;animation-delay:-1s}.packfilm__format-cloud span:nth-child(3){bottom:24%;left:0;animation-delay:-2s}.packfilm__format-cloud span:nth-child(4){top:6%;right:19%;animation-delay:-3s}.packfilm__format-cloud span:nth-child(5){bottom:15%;right:2%;animation-delay:-4s}
.packfilm__scroll { position:absolute; left:50%; bottom:1.25rem; display:flex; align-items:center; gap:.7rem; margin:0; color:#557793; font-size:.62rem; letter-spacing:.13em; text-transform:uppercase; transform:translateX(-50%); }.packfilm__scroll span { width:2rem; height:1px; background:currentColor; }
@keyframes film-orbit{to{transform:rotate(360deg)}}
@keyframes film-float{50%{transform:translateY(-9px)}}
@keyframes film-hand{0%,8%{transform:translateX(120%) rotate(-9deg)}30%,64%{transform:translateX(26%) rotate(5deg)}82%,100%{transform:translateX(120%) rotate(-9deg)}}
@keyframes film-product{0%,10%{transform:translate(-18%,0) rotate(-9deg) scale(.88)}38%{transform:translate(-50%,8rem) rotate(2deg) scale(.95)}62%,100%{transform:translate(-50%,15rem) rotate(0) scale(.68);opacity:.08}}
@keyframes film-logo{0%,15%{opacity:0;transform:scale(.72)}45%,100%{opacity:1;transform:scale(1)}}
@keyframes film-gather{0%{opacity:0;transform:scale(1.5) rotate(-25deg)}20%{opacity:1}70%,100%{opacity:.23;transform:scale(.68) rotate(12deg)}}

[data-theme="packifybd-dark"] .packfilm { --film-ink:#f3f8ff; background:linear-gradient(125deg,#020912,#06182d 52%,#082748); color:var(--film-ink); }
[data-theme="packifybd-dark"] .packfilm::before { opacity:.22; }.packfilm [data-theme="packifybd-dark"]{color:white}
[data-theme="packifybd-dark"] .packfilm__lead { color:#c7d9eb; }[data-theme="packifybd-dark"] .packfilm__proof{color:#aac1d5}[data-theme="packifybd-dark"] .packfilm__proof strong{color:#f5faff}[data-theme="packifybd-dark"] .packfilm__actions .btn-outline{border-color:#6b8ead;background:#061b30aa;color:white}[data-theme="packifybd-dark"] .packfilm__logo-reveal{border-color:#ffffff25;background:#061a2ed9}[data-theme="packifybd-dark"] .packfilm__logo-reveal small{color:#abc7df}[data-theme="packifybd-dark"] .packfilm__format-cloud span{border-color:#6c9cba66;background:#09233ad1;color:#bde2ff}

@media(max-width:1023px){.packfilm{min-height:auto}.packfilm__grid{grid-template-columns:1fr; padding-top:4.2rem; padding-bottom:5rem}.packfilm__copy{max-width:48rem}.packfilm h1{max-width:13ch;font-size:clamp(3.2rem,9vw,5.5rem)}.packfilm__visual{min-height:36rem}.packfilm__scroll{display:none}}
@media(max-width:639px){.packfilm__grid{padding:3.5rem 1rem 3.2rem;gap:1.5rem}.packfilm h1{font-size:clamp(2.75rem,14vw,4rem)}.packfilm__lead{margin-top:1.2rem;line-height:1.6}.packfilm__actions .btn{width:100%}.packfilm__proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;text-align:center}.packfilm__proof>i{display:none}.packfilm__visual{min-height:29rem;margin-inline:-.5rem}.packfilm__halo{inset:10% 1% 10%}.packfilm__format-cloud span:nth-child(1),.packfilm__format-cloud span:nth-child(3){display:none}.packfilm__hand{width:55%;height:6rem}.packfilm__foodbox{width:14rem;height:8.5rem}.packfilm__courierbag{width:14rem;height:13rem}.packfilm__shoebox{width:16rem}.packfilm__shopbag{width:13rem;height:14rem}.packfilm__product{top:15%;transform:translate(-50%,0) scale(.82)}.packfilm__scene.is-active .packfilm__product{animation-name:film-product-mobile}.packfilm__logo-reveal{width:78%;padding:2rem}.packfilm__caption{left:7%;bottom:4%}}
@keyframes film-product-mobile{0%,10%{transform:translate(-18%,0) rotate(-9deg) scale(.72)}38%{transform:translate(-50%,6rem) rotate(2deg) scale(.78)}62%,100%{transform:translate(-50%,11rem) rotate(0) scale(.58);opacity:.08}}
@media(prefers-reduced-motion:reduce){.packfilm *{animation:none!important;transition:none!important}.packfilm__scene{display:none}.packfilm__scene--final{display:grid;opacity:1;visibility:visible;transform:none}.packfilm__logo-reveal{opacity:1;transform:none}.packfilm__constellation{opacity:.18}.packfilm__format-cloud span{transform:none}.packfilm__scroll{display:none}}

.landing-slider {
    position: relative;
    min-height: 78vh;
    overflow: hidden;
}

.landing-slide {
    position: absolute;
    inset: 0;
    isolation: isolate;
    min-height: 78vh;
    opacity: 0;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.62), rgba(15, 23, 42, 0.24)),
        var(--slide-image);
    background-size: cover;
    background-position: center;
    transform: scale(1.018);
    transition: opacity 900ms ease-in-out, transform 1400ms ease-out;
    will-change: opacity, transform;
}

.landing-slide::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: -1;
    height: 38%;
    background: linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.42));
}

.landing-slide.is-active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    z-index: 1;
    transform: scale(1);
}

.landing-card-grid {
    align-items: stretch;
}

.landing-hero-stats {
    border-color: hsl(0 0% 100% / 0.24) !important;
    background: linear-gradient(135deg, hsl(0 0% 100% / 0.16), hsl(0 0% 100% / 0.08)) !important;
    box-shadow: 0 24px 60px hsl(220 35% 4% / 0.32), inset 0 1px 0 hsl(0 0% 100% / 0.18);
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
}

.landing-hero-stats > .grid > section {
    border-color: hsl(0 0% 100% / 0.38) !important;
    background: linear-gradient(135deg, hsl(220 28% 8% / 0.48), hsl(0 0% 100% / 0.10)) !important;
    color: hsl(0 0% 100%);
    box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.14), 0 12px 28px hsl(220 35% 4% / 0.18);
    backdrop-filter: blur(16px) saturate(125%);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
}

.landing-hero-stats > .grid > section p {
    color: hsl(0 0% 100% / 0.72);
}

.landing-hero-stats > .grid > section strong {
    color: hsl(0 0% 100%);
}

.landing-hero-stats > .grid > section .text-primary {
    color: hsl(145 70% 74%);
}

.packaging-showcase {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 68rem;
    padding: clamp(5rem, 9vw, 8.5rem) 1rem;
    background:
        radial-gradient(circle at 50% 38%, hsl(43 90% 88% / .7), transparent 29rem),
        linear-gradient(145deg, hsl(42 55% 99%), hsl(39 38% 93%));
    color: hsl(156 28% 10%);
    perspective: 1400px;
}

.packaging-showcase::before {
    content: "";
    position: absolute;
    inset: 18% 7% 8%;
    z-index: -1;
    border: 1px solid hsl(0 0% 100% / .72);
    border-radius: 3rem;
    background: linear-gradient(135deg, hsl(0 0% 100% / .58), hsl(0 0% 100% / .18));
    box-shadow: inset 0 1px 0 hsl(0 0% 100% / .95), 0 40px 100px hsl(154 35% 15% / .1);
    backdrop-filter: blur(22px) saturate(120%);
    -webkit-backdrop-filter: blur(22px) saturate(120%);
}

.packaging-showcase__inner {
    width: min(100%, 92rem);
    margin-inline: auto;
}

.packaging-showcase__heading {
    position: relative;
    z-index: 3;
    max-width: 48rem;
    margin-inline: auto;
    text-align: center;
}

.packaging-showcase__eyebrow {
    margin: 0 0 .9rem;
    color: hsl(150 64% 24%);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.packaging-showcase__heading h2 {
    margin: 0;
    font-size: clamp(2.4rem, 6vw, 5.25rem);
    font-weight: 650;
    line-height: .98;
    letter-spacing: -.055em;
}

.packaging-showcase__heading > p:last-child {
    margin: 1.35rem 0 0;
    color: hsl(156 20% 24% / .72);
    font-size: clamp(1rem, 2vw, 1.25rem);
}

.packaging-showcase__stage {
    position: relative;
    min-height: 49rem;
    margin-top: 2rem;
    transform-style: preserve-3d;
}

.packaging-showcase__product {
    position: absolute;
    z-index: 2;
    width: clamp(13rem, 21vw, 21rem);
    transform-style: preserve-3d;
    will-change: transform, opacity;
}

.packaging-showcase__product--1 { top: 7%; left: 2%; z-index: 3; }
.packaging-showcase__product--2 { top: 1%; left: 27%; width: clamp(12rem, 18vw, 18rem); z-index: 1; }
.packaging-showcase__product--3 { top: 8%; right: 27%; width: clamp(12rem, 18vw, 18rem); z-index: 2; }
.packaging-showcase__product--4 { top: 3%; right: 1%; z-index: 3; }
.packaging-showcase__product--5 { top: 43%; left: 17%; width: clamp(14rem, 22vw, 22rem); z-index: 5; }
.packaging-showcase__product--6 { top: 43%; right: 17%; width: clamp(14rem, 22vw, 22rem); z-index: 4; }

.packaging-showcase__product-button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    transform-style: preserve-3d;
}

.packaging-showcase__visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    transform-style: preserve-3d;
    transition: transform 650ms cubic-bezier(.2,.8,.2,1), filter 650ms ease;
    animation: showcase-float 6.4s ease-in-out infinite;
    animation-delay: calc(var(--float-index, 0) * -700ms);
}

.packaging-showcase__product:nth-child(2n) .packaging-showcase__visual { animation-duration: 7.2s; animation-delay: -1.8s; }
.packaging-showcase__product:nth-child(3n) .packaging-showcase__visual { animation-duration: 8s; animation-delay: -3.1s; }

.packaging-showcase__visual img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 22px 18px hsl(154 30% 8% / .18));
    transform: translateZ(38px);
}

.packaging-showcase__shadow {
    position: absolute;
    left: 17%;
    right: 17%;
    bottom: 2%;
    height: 11%;
    border-radius: 50%;
    background: hsl(154 30% 10% / .22);
    filter: blur(15px);
    transform: rotateX(72deg) translateZ(-28px);
    transition: opacity 500ms ease, transform 500ms ease;
}

.packaging-showcase__reflection {
    position: absolute;
    inset: 10% 17% 10% 52%;
    z-index: 3;
    border-radius: 50%;
    background: linear-gradient(110deg, transparent, hsl(0 0% 100% / .3), transparent);
    filter: blur(9px);
    opacity: .45;
    pointer-events: none;
    transform: rotate(-14deg) translateZ(60px);
}

.packaging-showcase__details {
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    z-index: 8;
    width: min(18rem, 92vw);
    padding: 1rem 1.1rem;
    border: 1px solid hsl(0 0% 100% / .76);
    border-radius: 1rem;
    background: hsl(42 45% 99% / .8);
    box-shadow: 0 20px 45px hsl(154 35% 10% / .14);
    opacity: 0;
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    transform: translate(-50%, 12px) translateZ(75px);
    transition: opacity 300ms ease, transform 400ms cubic-bezier(.2,.8,.2,1);
    pointer-events: none;
}

.packaging-showcase__details strong,
.packaging-showcase__details small { display: block; }
.packaging-showcase__details strong { font-size: .95rem; }
.packaging-showcase__details small { margin-top: .35rem; color: hsl(156 18% 25% / .7); font-size: .75rem; line-height: 1.45; }
.packaging-showcase__details > span { display: flex; align-items: center; gap: .3rem; margin-top: .65rem; color: hsl(150 64% 24%); font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.packaging-showcase__details svg { width: .9rem; height: .9rem; }

.packaging-showcase__product-button:hover .packaging-showcase__visual,
.packaging-showcase__product-button:focus-visible .packaging-showcase__visual {
    filter: saturate(1.06);
    transform: translateY(-10px) scale(1.065) rotateY(-3deg);
}

.packaging-showcase__product-button:hover .packaging-showcase__details,
.packaging-showcase__product-button:focus-visible .packaging-showcase__details {
    opacity: 1;
    transform: translate(-50%, 0) translateZ(75px);
}

.packaging-showcase__product-button:hover .packaging-showcase__shadow { opacity: .68; transform: rotateX(72deg) scale(.88) translateZ(-28px); }
.packaging-showcase__product-button:focus-visible { outline: 2px solid hsl(150 64% 24%); outline-offset: .5rem; border-radius: 1rem; }

.packaging-showcase__hint {
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .55rem;
    margin: -1rem 0 0;
    color: hsl(156 18% 25% / .68);
    font-size: .8rem;
    letter-spacing: .03em;
}
.packaging-showcase__hint svg { width: 1rem; height: 1rem; }

.packaging-showcase__ambient span {
    position: absolute;
    z-index: -1;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: hsl(150 55% 65% / .13);
    filter: blur(55px);
}
.packaging-showcase__ambient span:nth-child(1) { top: 20%; left: -7rem; }
.packaging-showcase__ambient span:nth-child(2) { top: 35%; right: -6rem; background: hsl(43 90% 60% / .14); }
.packaging-showcase__ambient span:nth-child(3) { bottom: -8rem; left: 40%; background: hsl(166 54% 55% / .12); }

@keyframes showcase-float {
    0%, 100% { transform: translateY(0) rotateZ(-.45deg); }
    50% { transform: translateY(-12px) rotateZ(.65deg); }
}

[data-theme="packifybd-dark"] .packaging-showcase {
    background: radial-gradient(circle at 50% 36%, hsl(150 45% 18% / .6), transparent 31rem), linear-gradient(145deg, hsl(150 20% 7%), hsl(0 0% 2%));
    color: hsl(0 0% 96%);
}
[data-theme="packifybd-dark"] .packaging-showcase::before { border-color: hsl(0 0% 100% / .12); background: linear-gradient(135deg, hsl(0 0% 100% / .08), hsl(0 0% 100% / .025)); box-shadow: inset 0 1px 0 hsl(0 0% 100% / .1), 0 40px 100px hsl(0 0% 0% / .4); }
[data-theme="packifybd-dark"] .packaging-showcase__eyebrow { color: hsl(149 58% 62%); }
[data-theme="packifybd-dark"] .packaging-showcase__heading > p:last-child,
[data-theme="packifybd-dark"] .packaging-showcase__hint { color: hsl(0 0% 100% / .62); }
[data-theme="packifybd-dark"] .packaging-showcase__details { border-color: hsl(0 0% 100% / .16); background: hsl(150 15% 8% / .86); }
[data-theme="packifybd-dark"] .packaging-showcase__details small { color: hsl(0 0% 100% / .66); }
[data-theme="packifybd-dark"] .packaging-showcase__details > span { color: hsl(149 58% 62%); }
}

.modal[open]::backdrop {
    background-color: hsl(0 0% 0% / 0.56);
    backdrop-filter: blur(2px);
}

.product-detail-modal-box,
.product-detail-modal-content {
    background-color: hsl(var(--b1));
    color: hsl(var(--bc));
}

.product-detail-modal-close {
    background-color: hsl(var(--b1) / 0.9);
    color: hsl(var(--bc));
}

.product-detail-modal-close:hover {
    background-color: hsl(var(--b2));
}

.product-detail-modal #modal-product-summary,
.product-detail-modal #modal-product-details {
    color: hsl(var(--bc) / 0.76);
}

.product-detail-modal #modal-product-name {
    color: hsl(var(--bc));
}

[data-theme="packifybd-dark"] .product-detail-modal-box,
[data-theme="packifybd-dark"] .product-detail-modal-content {
    background-color: hsl(0 0% 7%);
    color: hsl(0 0% 94%);
}

[data-theme="packifybd-dark"] .product-detail-modal-close {
    background-color: hsl(0 0% 5% / 0.9);
    color: hsl(0 0% 94%);
}

[data-theme="packifybd-dark"] .product-detail-modal #modal-product-summary,
[data-theme="packifybd-dark"] .product-detail-modal #modal-product-details {
    color: hsl(0 0% 88% / 0.78);
}

[data-theme="packifybd-dark"] .product-detail-modal #modal-product-moq {
    border-color: hsl(149 58% 46%);
    color: hsl(149 62% 68%);
}

@media (max-width: 767px) {
    .landing-slider,
    .landing-slide {
        min-height: calc(100svh - 3.6rem);
    }

    .landing-slide {
        background-image:
            linear-gradient(180deg, rgba(15, 23, 42, 0.84), rgba(15, 23, 42, 0.68)),
            var(--slide-image);
    }

    .landing-slide > div {
        min-height: calc(100svh - 3.6rem);
        padding-top: 3.5rem;
        padding-bottom: 4.5rem;
    }

    .landing-slide h1 {
        font-size: clamp(2rem, 10vw, 2.75rem) !important;
        line-height: 1.08 !important;
    }

    .landing-slide p {
        font-size: 1rem;
        line-height: 1.65;
    }

    .landing-slide .btn {
        min-height: 2.8rem;
    }

    .landing-card-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .packaging-showcase { min-height: auto; padding: 4.5rem 1rem; perspective: none; }
    .packaging-showcase::before { inset: 11rem .5rem 2rem; border-radius: 2rem; }
    .packaging-showcase__heading h2 { font-size: clamp(2.35rem, 12vw, 3.6rem); }
    .packaging-showcase__stage { display: grid; min-height: 0; margin-top: 3rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem .7rem; }
    .packaging-showcase__product,
    .packaging-showcase__product--1,
    .packaging-showcase__product--2,
    .packaging-showcase__product--3,
    .packaging-showcase__product--4,
    .packaging-showcase__product--5,
    .packaging-showcase__product--6 { position: relative; inset: auto; width: 100%; }
    .packaging-showcase__details { position: relative; left: auto; bottom: auto; width: 100%; min-height: 7.4rem; margin-top: -.65rem; padding: .85rem; opacity: 1; transform: none; }
    .packaging-showcase__details small { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .packaging-showcase__product-button:hover .packaging-showcase__details,
    .packaging-showcase__product-button:focus-visible .packaging-showcase__details { transform: none; }
    .packaging-showcase__hint { margin-top: 2.5rem; text-align: center; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .packaging-showcase { min-height: 76rem; }
    .packaging-showcase__stage { min-height: 59rem; }
    .packaging-showcase__product--1 { left: 1%; }
    .packaging-showcase__product--2 { left: 34%; }
    .packaging-showcase__product--3 { top: 32%; right: 4%; }
    .packaging-showcase__product--4 { top: 35%; left: 3%; right: auto; }
    .packaging-showcase__product--5 { top: 62%; left: 18%; }
    .packaging-showcase__product--6 { top: 63%; right: 12%; }
}

/* Sequential showcase: each full-width row receives its own scroll reveal. */
.packaging-showcase {
    min-height: auto;
    overflow: visible;
}

.packaging-showcase::before {
    inset: 16rem 4% 4rem;
}

.packaging-showcase__stage {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: clamp(3rem, 8vw, 7rem);
    gap: clamp(5rem, 12vh, 9rem);
}

.packaging-showcase__product,
.packaging-showcase__product--1,
.packaging-showcase__product--2,
.packaging-showcase__product--3,
.packaging-showcase__product--4,
.packaging-showcase__product--5,
.packaging-showcase__product--6,
.packaging-showcase__product--7,
.packaging-showcase__product--8,
.packaging-showcase__product--9 {
    position: relative;
    inset: auto;
    width: min(100%, 68rem);
    min-height: min(74vh, 47rem);
    margin-inline: auto;
    display: flex;
    align-items: center;
}

.packaging-showcase__product-button {
    display: grid;
    grid-template-columns: minmax(18rem, 1.12fr) minmax(16rem, .88fr);
    align-items: center;
    gap: clamp(2rem, 7vw, 6rem);
}

.packaging-showcase__product:nth-child(even) .packaging-showcase__visual { order: 2; }
.packaging-showcase__product:nth-child(even) .packaging-showcase__details { order: 1; }

.packaging-showcase__visual {
    aspect-ratio: 1 / 1;
}

.packaging-showcase__details {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    padding: clamp(1.25rem, 3vw, 2rem);
    opacity: 1;
    transform: none;
    pointer-events: none;
}

.packaging-showcase__details strong { font-size: clamp(1.35rem, 3vw, 2.15rem); }
.packaging-showcase__details small { margin-top: .75rem; font-size: clamp(.9rem, 1.4vw, 1.05rem); }
.packaging-showcase__details > span { margin-top: 1.1rem; }
.packaging-showcase__product-button:hover .packaging-showcase__details,
.packaging-showcase__product-button:focus-visible .packaging-showcase__details { transform: none; }
.packaging-showcase__hint { margin-top: clamp(3rem, 8vw, 6rem); }

.showcase-motion-active .packaging-showcase__product {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 8rem, -20rem) scale(.62);
    transition: opacity .8s ease, filter .9s ease, transform 1s cubic-bezier(.2,.8,.2,1);
}

.showcase-motion-active .packaging-showcase__product.is-revealed {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 767px) {
    .packaging-showcase::before { inset: 11rem .5rem 2rem; }
    .packaging-showcase__stage { display: flex; gap: 4rem; }
    .packaging-showcase__product,
    .packaging-showcase__product--1,
    .packaging-showcase__product--2,
    .packaging-showcase__product--3,
    .packaging-showcase__product--4,
    .packaging-showcase__product--5,
    .packaging-showcase__product--6,
    .packaging-showcase__product--7,
    .packaging-showcase__product--8,
    .packaging-showcase__product--9 { min-height: 76svh; }
    .packaging-showcase__product-button { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
    .packaging-showcase__product:nth-child(even) .packaging-showcase__visual,
    .packaging-showcase__product:nth-child(even) .packaging-showcase__details { order: initial; }
    .packaging-showcase__visual { width: min(100%, 23rem); margin-inline: auto; }
    .packaging-showcase__details { min-height: 0; margin-top: 0; }
}

/* Sticky product-story layout inspired by premium editorial showcases. */
.packaging-showcase::before { display: none; }
.packaging-showcase__stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(26rem, .92fr);
    align-items: start;
    gap: clamp(3rem, 8vw, 8rem);
    width: min(100%, 86rem);
    margin-inline: auto;
}
.packaging-showcase__sticky-column {
    position: sticky;
    top: 5.5rem;
    height: calc(100vh - 6.5rem);
    min-height: 38rem;
}
.packaging-showcase__sticky-visual {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    isolation: isolate;
}
.packaging-showcase__orbit {
    position: absolute;
    width: min(39vw, 34rem);
    aspect-ratio: 1;
    border: 1px solid hsl(151 32% 48% / .2);
    border-radius: 50%;
}
.packaging-showcase__orbit--2 { width: min(31vw, 27rem); opacity: .72; }
.packaging-showcase__visual-slide {
    position: absolute;
    inset: 8% 3% 13%;
    display: grid;
    place-items: center;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 5rem, -16rem) scale(.72) rotate(-3deg);
    transform-style: preserve-3d;
    transition: opacity .65s ease, visibility .65s ease, transform .85s cubic-bezier(.2,.8,.2,1);
}
.packaging-showcase__visual-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) scale(1) rotate(0);
}
.packaging-showcase__visual-slide img {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    height: auto;
    max-width: 88%;
    max-height: 88%;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 2rem 1.5rem hsl(154 30% 8% / .18));
}
.packaging-showcase__visual-slide .packaging-showcase__shadow { bottom: 4%; }
.packaging-showcase__progress {
    position: absolute;
    z-index: 4;
    left: 10%;
    right: 10%;
    bottom: 5%;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: hsl(150 64% 24%);
}
.packaging-showcase__progress strong { font-size: 1.75rem; }
.packaging-showcase__progress span { width: 4rem; height: 1px; background: currentColor; opacity: .45; }
.packaging-showcase__progress small { color: hsl(156 14% 32% / .55); font-weight: 700; }
.packaging-showcase__story { min-width: 0; }
.packaging-showcase__product,
.packaging-showcase__product--1,
.packaging-showcase__product--2,
.packaging-showcase__product--3,
.packaging-showcase__product--4,
.packaging-showcase__product--5,
.packaging-showcase__product--6,
.packaging-showcase__product--7,
.packaging-showcase__product--8,
.packaging-showcase__product--9 {
    width: 100%;
    min-height: 76vh;
    margin: 0;
}
.packaging-showcase__product-button { display: flex; width: 100%; min-height: 76vh; align-items: center; }
.packaging-showcase__mobile-visual { display: none; }
.packaging-showcase__details { padding: clamp(1.25rem, 3vw, 2.25rem); background: transparent; border: 0; box-shadow: none; backdrop-filter: none; }
.packaging-showcase__number { display: block; margin-bottom: 1.5rem; color: hsl(150 64% 24%); font-weight: 800; }
.packaging-showcase__category { margin: 0 0 1.1rem !important; color: hsl(156 10% 34% / .62) !important; font-size: .76rem !important; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.packaging-showcase__details strong { font-size: clamp(2.25rem, 4vw, 4.25rem); line-height: 1.02; letter-spacing: -.045em; }
.packaging-showcase__rule { display: block; width: 5rem; height: 2px; margin: 1.65rem 0; background: hsl(150 64% 24%); }
.packaging-showcase__details > small:last-of-type { font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.75; }
[data-theme="packifybd-dark"] .packaging-showcase__details { background: transparent; border: 0; }
[data-theme="packifybd-dark"] .packaging-showcase__category { color: hsl(0 0% 100% / .48) !important; }

@media (max-width: 767px) {
    html,
    body { overflow-x: clip; overflow-y: visible; }
    .packaging-showcase { overflow: visible; padding-inline: .75rem; }
    .packaging-showcase__stage { display: block; margin-top: 2.5rem; }
    .packaging-showcase__sticky-column {
        display: block;
        position: sticky;
        top: 3.65rem;
        z-index: 10;
        height: 48svh;
        min-height: 19rem;
        pointer-events: none;
    }
    .packaging-showcase__sticky-visual {
        border-radius: 0 0 1.75rem 1.75rem;
        background: linear-gradient(180deg, hsl(42 55% 98%), hsl(39 45% 95%));
        box-shadow: 0 1.1rem 2.2rem hsl(154 28% 10% / .12);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    [data-theme="packifybd-dark"] .packaging-showcase__sticky-visual {
        background: linear-gradient(180deg, hsl(150 20% 7%), hsl(150 16% 9%));
    }
    .packaging-showcase__visual-slide { inset: 2% 8% 12%; }
    .packaging-showcase__visual-slide img { max-width: 86%; max-height: 84%; }
    .packaging-showcase__orbit { width: min(82vw, 22rem); }
    .packaging-showcase__orbit--2 { width: min(65vw, 18rem); }
    .packaging-showcase__progress { left: 1.2rem; right: 1.2rem; bottom: .75rem; }
    .packaging-showcase__progress strong { font-size: 1.2rem; }
    .packaging-showcase__story { position: relative; z-index: 1; padding-top: 1.5rem; }
    .packaging-showcase__product,
    .packaging-showcase__product--1,
    .packaging-showcase__product--2,
    .packaging-showcase__product--3,
    .packaging-showcase__product--4,
    .packaging-showcase__product--5,
    .packaging-showcase__product--6,
    .packaging-showcase__product--7,
    .packaging-showcase__product--8,
    .packaging-showcase__product--9 { min-height: 62svh; align-items: flex-start; }
    .packaging-showcase__product-button { display: flex; min-height: 62svh; align-items: flex-start; padding-top: 1.25rem; }
    .packaging-showcase__mobile-visual { display: none; }
    .packaging-showcase__details {
        padding: 1.35rem;
        border: 1px solid hsl(0 0% 100% / .72);
        border-radius: 1.35rem;
        background: hsl(42 55% 99% / .9);
        box-shadow: 0 1.25rem 3rem hsl(154 35% 10% / .1);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }
    [data-theme="packifybd-dark"] .packaging-showcase__details {
        border-color: hsl(0 0% 100% / .12);
        background: hsl(150 16% 8% / .9);
    }
    .packaging-showcase__details strong { font-size: clamp(1.8rem, 9vw, 2.7rem); }
    .packaging-showcase__details > small:last-of-type { font-size: .95rem; line-height: 1.6; }
    .packaging-showcase__number { margin-bottom: .85rem; }
}

@media (prefers-reduced-motion: reduce) {
    .packaging-showcase__visual { animation: none; }
    .packaging-showcase__product,
    .packaging-showcase__heading,
    .packaging-showcase__hint { opacity: 1 !important; transform: none !important; }
}