/* NANA KIDS PLAYFUL PREMIUM V2 — additive presentation layer */
:root{
  --n2-ink:#17130f;--n2-soft:#51483f;--n2-paper:#fffaf2;--n2-canvas:#f4eee4;
  --n2-coral:#ef5b45;--n2-coral-dark:#9b3022;--n2-pink:#f7c7d3;--n2-blue:#c8e5f7;
  --n2-mint:#c8e5d1;--n2-butter:#f4e783;--n2-lilac:#d7c8ef;--n2-line:rgba(23,19,15,.17);
  --n2-shadow:0 28px 90px rgba(41,29,18,.14)
}
body.nana-playful-premium-v2{--nos3-ink:var(--n2-ink);--nos3-paper:var(--n2-canvas);--nos3-cream:var(--n2-paper);--nos3-coral:var(--n2-coral);--nos3-coral-dark:var(--n2-coral-dark);--nos3-pink:var(--n2-pink);--nos3-yellow:var(--n2-butter);--nos3-mint:var(--n2-mint);--nos3-blue:var(--n2-blue);--nos3-lilac:var(--n2-lilac);--nos3-muted:var(--n2-soft);color:var(--n2-ink)}
body.nana-playful-premium-v2 :where(a,button,input,select,textarea):focus-visible{outline:3px solid #0f6d7a;outline-offset:4px}
body.nana-playful-premium-v2 :where(input,select,textarea){color:var(--n2-ink)!important;background:#fff!important;border-color:rgba(23,19,15,.3)!important}
body.nana-playful-premium-v2 :where(input,select,textarea)::placeholder{color:#655b51!important;opacity:1}
body.nana-playful-premium-v2 :where(button,input,select,textarea):disabled{color:#554d45!important;background:#e8e1d7!important;border-color:#b9aea1!important;opacity:1!important}

/* announcement */
.nana-v2-announcement .nana-os3-announcement__track{width:max-content;justify-content:flex-start;animation:n2-marquee 30s linear infinite}
@keyframes n2-marquee{to{transform:translateX(-50%)}}

/* hero */
.nana-v2-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 7% 15%,rgba(247,199,211,.72),transparent 23%),radial-gradient(circle at 94% 18%,rgba(200,229,247,.72),transparent 24%),linear-gradient(180deg,#fffaf2,#f4eee4)}
.nana-v2-hero:before{content:"";position:absolute;right:-9vw;bottom:-18vw;width:42vw;aspect-ratio:1;border-radius:44% 56% 55% 45%;background:var(--n2-mint);opacity:.58;transform:rotate(18deg);z-index:-1}
.nana-v2-hero .nana-os3-hero__copy h1{text-wrap:balance}
.nana-v2-hero .nana-os3-hero__copy h1 em{position:relative;display:inline-block;color:var(--n2-coral-dark)}
.nana-v2-hero .nana-os3-hero__copy h1 em:after{content:"";position:absolute;left:.04em;right:0;bottom:-.11em;height:.12em;border-radius:99px;background:var(--n2-butter);z-index:-1}
.nana-v2-hero .nana-os3-hero__visual{background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.75),transparent 18%),linear-gradient(120deg,var(--n2-pink) 0 48%,var(--n2-butter) 48%);transform-style:preserve-3d;will-change:transform}
.nana-v2-hero .nana-os3-hero-product{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.nana-v2-hero .nana-os3-hero-product:hover{transform:translateY(-10px) rotate(0) scale(1.025)!important;box-shadow:0 34px 76px rgba(23,19,15,.24)}
.nana-v2-sticker{position:absolute;z-index:8;display:grid;place-items:center;border:2px solid var(--n2-ink);color:var(--n2-ink);font:800 12px/1 var(--nos3-body);letter-spacing:.08em;box-shadow:6px 7px 0 var(--n2-ink);pointer-events:none}
.nana-v2-sticker--new{top:34%;right:8%;width:82px;height:82px;border-radius:50%;background:var(--n2-mint);transform:rotate(10deg)}
.nana-v2-sticker--smile{right:38%;bottom:8%;width:64px;height:64px;border-radius:22px 22px 8px 22px;background:var(--n2-blue);font-size:28px;transform:rotate(-9deg)}
.nana-v2-orbit{position:absolute;z-index:0;color:var(--n2-ink);font-family:var(--nos3-display);pointer-events:none}
.nana-v2-orbit--one{top:10%;left:2%;font-size:clamp(26px,4vw,62px);color:var(--n2-coral)}
.nana-v2-orbit--two{top:22%;right:1.5%;font-size:clamp(20px,3vw,46px);color:#2f6675}
.nana-v2-orbit--three{bottom:12%;left:44%;font-size:clamp(30px,5vw,72px);color:#75619b}
.nana-v2-scroll-cue{position:absolute;left:50%;bottom:18px;z-index:10;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--n2-line);border-radius:999px;background:rgba(255,255,255,.82);color:var(--n2-ink);font:800 10px/1 var(--nos3-body);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transform:translateX(-50%);backdrop-filter:blur(12px)}

/* discovery */
.nana-v2-discovery{background:radial-gradient(circle at 8% 92%,rgba(215,200,239,.42),transparent 21%),var(--n2-paper)}
.nana-v2-discovery .nana-os3-gender-card{position:relative;overflow:hidden;border-color:rgba(23,19,15,.24);box-shadow:0 10px 0 rgba(23,19,15,.06);transition:transform .35s,box-shadow .35s}
.nana-v2-discovery .nana-os3-gender-card:after{content:"";position:absolute;width:110px;aspect-ratio:1;right:-36px;bottom:-52px;border:18px solid rgba(255,255,255,.35);border-radius:50%}
.nana-v2-discovery .nana-os3-gender-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 20px 0 rgba(23,19,15,.1)}
.nana-v2-age-reset{min-height:40px;padding:0 14px;border:1px dashed var(--n2-ink);border-radius:999px;background:transparent;color:var(--n2-ink);font:800 10px/1 var(--nos3-body);cursor:pointer}

/* product runway */
.nana-v2-runway{position:relative;padding:clamp(86px,11vw,170px) 0;overflow:clip;background:var(--n2-ink);color:#fff}
.nana-v2-runway:before{content:"NANA";position:absolute;top:0;right:-2vw;color:rgba(255,255,255,.035);font:800 clamp(180px,28vw,460px)/.8 var(--nos3-display);letter-spacing:-.1em;pointer-events:none}
.nana-v2-runway .nana-os3-kicker{color:#ff9e8c}
.nana-v2-runway__intro{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;max-width:1100px;margin-bottom:clamp(64px,8vw,110px)}
.nana-v2-runway__intro h2{margin:0;max-width:850px;font:800 clamp(48px,7vw,108px)/.88 var(--nos3-display);letter-spacing:-.065em}
.nana-v2-runway__intro p:last-child{margin:0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.7}
.nana-v2-runway__list{display:grid;gap:clamp(70px,9vw,130px)}
.nana-v2-runway-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(38px,7vw,110px);align-items:center}
.nana-v2-runway-card.is-right .nana-v2-runway-card__media{order:2}.nana-v2-runway-card.is-right .nana-v2-runway-card__copy{order:1}
.nana-v2-runway-card__media{position:relative;display:grid;min-height:clamp(440px,50vw,720px);place-items:center;overflow:hidden;border-radius:52px 52px 14px 52px;background:var(--n2-pink);box-shadow:0 30px 100px rgba(0,0,0,.32);text-decoration:none}
.nana-v2-runway-card:nth-child(2n) .nana-v2-runway-card__media{background:var(--n2-blue);border-radius:52px 52px 52px 14px}.nana-v2-runway-card:nth-child(3n) .nana-v2-runway-card__media{background:var(--n2-mint)}.nana-v2-runway-card:nth-child(4n) .nana-v2-runway-card__media{background:var(--n2-butter)}
.nana-v2-runway-card__media:before{content:"";position:absolute;inset:24px;border:1px solid rgba(23,19,15,.22);border-radius:inherit;pointer-events:none}
.nana-v2-runway-card__media img{width:min(74%,640px);max-height:620px;object-fit:contain;filter:drop-shadow(0 28px 32px rgba(23,19,15,.2));transition:transform .55s}
.nana-v2-runway-card__media:hover img{transform:scale(1.055) rotate(-1deg)}
.nana-v2-runway-card__index{position:absolute;top:30px;left:30px;z-index:3;display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:#fff;color:var(--n2-ink);font:800 12px/1 var(--nos3-body)}
.nana-v2-runway-card__copy>span{display:block;margin-bottom:18px;color:#ff9e8c;font:800 10px/1 var(--nos3-body);letter-spacing:.16em;text-transform:uppercase}
.nana-v2-runway-card__copy h3{margin:0;font:800 clamp(42px,5.5vw,84px)/.9 var(--nos3-display);letter-spacing:-.06em}
.nana-v2-runway-card__copy p{max-width:540px;margin:24px 0 0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.72}
.nana-v2-runway-card__copy>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}
.nana-v2-runway-card__copy strong,.nana-v2-runway-card__copy a{color:#fff}.nana-v2-runway-card__copy a{font-weight:800;text-decoration:none}

/* category and cards */
.nana-v2-category-worlds{background:#f9f2e8}
.nana-v2-category-worlds .nana-os3-category-card{border-color:rgba(23,19,15,.22);box-shadow:0 18px 50px rgba(41,29,18,.1);transition:transform .35s,box-shadow .35s}
.nana-v2-category-worlds .nana-os3-category-card:hover{transform:translateY(-9px) rotate(.6deg);box-shadow:0 30px 70px rgba(41,29,18,.16)}
.nana-v2-picks{background:var(--n2-paper)}
.nana-v2-picks .nana-os3-product-card{border:1px solid rgba(23,19,15,.14);border-radius:28px;background:#fff;box-shadow:0 14px 42px rgba(41,29,18,.08);overflow:hidden;transition:transform .35s,box-shadow .35s}
.nana-v2-picks .nana-os3-product-card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 28px 70px rgba(41,29,18,.16)}
.nana-v2-picks .nana-os3-product-card__media img{transition:transform .5s}.nana-v2-picks .nana-os3-product-card:hover img{transform:scale(1.055)}
.nana-v2-pick-badge{position:absolute;top:16px;right:16px;z-index:4;padding:9px 12px;border:1px solid var(--n2-ink);border-radius:999px;background:var(--n2-butter);color:var(--n2-ink);font:800 9px/1 var(--nos3-body);letter-spacing:.08em;text-transform:uppercase}

/* editorial worlds */
.nana-v2-editorial-worlds{padding:clamp(80px,10vw,150px) 0;background:var(--n2-canvas)}
.nana-v2-editorial-worlds__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
.nana-v2-world{position:relative;display:flex;min-height:580px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(32px,5vw,70px);border:1px solid rgba(23,19,15,.18);color:var(--n2-ink);text-decoration:none;box-shadow:0 18px 50px rgba(41,29,18,.1)}
.nana-v2-world:before,.nana-v2-world:after{content:"";position:absolute;border:2px solid rgba(23,19,15,.18);border-radius:50%;pointer-events:none}.nana-v2-world:before{width:310px;aspect-ratio:1;right:-90px;top:-90px}.nana-v2-world:after{width:180px;aspect-ratio:1;right:55px;top:55px;border-width:28px}
.nana-v2-world--ride{border-radius:56px 16px 56px 56px;background:var(--n2-blue)}.nana-v2-world--baby{border-radius:16px 56px 56px 56px;background:var(--n2-pink)}
.nana-v2-world>*{position:relative;z-index:2}.nana-v2-world>span{margin-bottom:14px;color:#6a2d24;font:800 10px/1 var(--nos3-body);letter-spacing:.15em;text-transform:uppercase}.nana-v2-world h2{max-width:760px;margin:0;font:800 clamp(44px,6vw,92px)/.9 var(--nos3-display);letter-spacing:-.06em}.nana-v2-world p{max-width:520px;margin:22px 0 0;color:#453d35;font-size:16px;line-height:1.7}.nana-v2-world strong{margin-top:30px;font-size:13px}

/* recent, gift, social */
.nana-v2-recent{padding:clamp(72px,9vw,130px) 0;background:var(--n2-paper)}.nana-v2-recent__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.nana-v2-recent-card{display:grid;gap:14px;padding:14px;border:1px solid var(--n2-line);border-radius:24px;background:#fff;color:var(--n2-ink);text-decoration:none}.nana-v2-recent-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:16px;background:var(--n2-canvas)}.nana-v2-recent-card strong{font:800 17px/1.15 var(--nos3-display)}.nana-v2-recent-card small{color:var(--n2-soft)}
.nana-v2-gift-finder{background:linear-gradient(135deg,var(--n2-lilac),#f0e8ff)}.nana-v2-gift-finder .nana-os3-kicker{color:#4d3377}.nana-v2-gift-finder p{color:#40374a}.nana-v2-gift-finder button[type=submit]{color:#fff;background:var(--n2-ink);border-color:var(--n2-ink)}
.nana-v2-social{padding:clamp(74px,10vw,150px) 0;background:var(--n2-coral)}.nana-v2-social__inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;padding:clamp(38px,6vw,80px);border:2px solid var(--n2-ink);border-radius:60px 60px 16px 60px;background:var(--n2-butter);box-shadow:14px 16px 0 var(--n2-ink)}.nana-v2-social h2{max-width:900px;margin:0;font:800 clamp(48px,7vw,110px)/.86 var(--nos3-display);letter-spacing:-.07em}.nana-v2-social p{max-width:650px;color:#433c34;line-height:1.7}.nana-v2-social__inner>a{display:inline-flex;min-height:58px;align-items:center;gap:18px;padding:0 22px;border:2px solid var(--n2-ink);border-radius:999px;background:#fff;color:var(--n2-ink);font-weight:800;text-decoration:none}

/* centered SVG close buttons */
body.nana-playful-premium-v2 :where(.nana-os3-close,[data-nana-menu-close],[data-nana-search-close],[data-nana-cart-close],[data-nana-filter-close]){display:inline-grid!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;place-items:center!important;padding:0!important;border:1px solid rgba(23,19,15,.24)!important;border-radius:50%!important;background:#fff!important;color:var(--n2-ink)!important;font-size:0!important;line-height:0!important;cursor:pointer}
body.nana-playful-premium-v2 :where(.nana-os3-close,[data-nana-menu-close],[data-nana-search-close],[data-nana-cart-close],[data-nana-filter-close]) svg{display:block;width:18px;height:18px;margin:0;stroke:currentColor}
body.nana-playful-premium-v2 :where(.nana-os3-close,[data-nana-menu-close],[data-nana-search-close],[data-nana-cart-close],[data-nana-filter-close]):hover{background:var(--n2-coral)!important;transform:rotate(5deg)}
body.nana-playful-premium-v2 .nana-drawer__panel,body.nana-playful-premium-v2 .nana-filter-drawer__panel,body.nana-playful-premium-v2 .nana-mega-drawer__panel{color:var(--n2-ink);background:var(--n2-paper)}
body.nana-playful-premium-v2 .nana-drawer__panel p,body.nana-playful-premium-v2 .nana-filter-drawer__panel p{color:#4e463e}

/* footer */
body.nana-playful-premium-v2 .nana-footer{position:relative;overflow:hidden;padding-top:clamp(70px,9vw,130px);background:#1b1917;color:#fffaf2}
body.nana-playful-premium-v2 .nana-footer:before{content:"NANA KIDS";position:absolute;right:-1vw;bottom:-2vw;color:rgba(255,255,255,.045);font:800 clamp(120px,23vw,390px)/.72 var(--nos3-display);letter-spacing:-.09em;white-space:nowrap}
body.nana-playful-premium-v2 .nana-footer__grid--v3{position:relative;z-index:2;padding:clamp(34px,5vw,68px);border-radius:48px 48px 12px 48px;background:#25221f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body.nana-playful-premium-v2 .nana-footer a{color:#fffaf2}body.nana-playful-premium-v2 .nana-footer .nana-logo small,body.nana-playful-premium-v2 .nana-footer__brand p{color:#d8d0c6}body.nana-playful-premium-v2 .nana-footer nav strong{color:#ff9e8c}body.nana-playful-premium-v2 .nana-footer nav a{color:#fffaf2;opacity:1}body.nana-playful-premium-v2 .nana-footer nav a:hover{color:var(--n2-butter)}

/* live feedback */
.nana-v2-live{position:fixed;right:24px;bottom:88px;z-index:1300;max-width:min(360px,calc(100vw - 32px));padding:14px 18px;border:2px solid var(--n2-ink);border-radius:18px 18px 6px 18px;background:var(--n2-butter);color:var(--n2-ink);box-shadow:7px 8px 0 var(--n2-ink);font:800 12px/1.4 var(--nos3-body);opacity:0;pointer-events:none;transform:translateY(16px);transition:.25s}.nana-v2-live.is-visible{opacity:1;transform:none}
.nana-v2-mobile-nav{display:none}

/* reveal system: visible when JS fails */
html.nana-v2-motion [data-nana-reveal]{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.2,.75,.2,1);will-change:transform,opacity}
html.nana-v2-motion [data-nana-reveal=left]{transform:translate3d(-72px,0,0) rotate(-1.5deg)}html.nana-v2-motion [data-nana-reveal=right]{transform:translate3d(72px,0,0) rotate(1.5deg)}html.nana-v2-motion [data-nana-reveal=up]{transform:translate3d(0,52px,0)}html.nana-v2-motion [data-nana-reveal=scale]{transform:scale(.94)}
html.nana-v2-motion [data-nana-reveal=stagger]>*{opacity:0;transform:translateY(28px);transition:opacity .55s,transform .65s}html.nana-v2-motion [data-nana-reveal].is-visible,html.nana-v2-motion [data-nana-reveal=stagger].is-visible>*{opacity:1;transform:none}
html.nana-v2-motion [data-nana-reveal=stagger].is-visible>*:nth-child(2){transition-delay:.07s}html.nana-v2-motion [data-nana-reveal=stagger].is-visible>*:nth-child(3){transition-delay:.14s}html.nana-v2-motion [data-nana-reveal=stagger].is-visible>*:nth-child(4){transition-delay:.21s}html.nana-v2-motion [data-nana-reveal=stagger].is-visible>*:nth-child(5){transition-delay:.28s}html.nana-v2-motion [data-nana-reveal=stagger].is-visible>*:nth-child(6){transition-delay:.35s}
[data-nana-float]{animation:n2-float 5.8s ease-in-out infinite}@keyframes n2-float{50%{translate:0 -10px}}

@media(max-width:1100px){.nana-v2-runway__intro{grid-template-columns:1fr}.nana-v2-runway-card{grid-template-columns:1fr 1fr;gap:36px}.nana-v2-editorial-worlds__grid{grid-template-columns:1fr}.nana-v2-world{min-height:480px}.nana-v2-social__inner{grid-template-columns:1fr;align-items:start}}
@media(max-width:820px){.nana-v2-runway-card,.nana-v2-runway-card.is-right{grid-template-columns:1fr}.nana-v2-runway-card.is-right .nana-v2-runway-card__media,.nana-v2-runway-card.is-right .nana-v2-runway-card__copy{order:initial}.nana-v2-runway-card__media{min-height:520px}.nana-v2-recent__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.nana-playful-premium-v2{padding-bottom:72px}.nana-v2-orbit{display:none}.nana-v2-runway{padding-block:78px}.nana-v2-runway-card__media{min-height:390px;border-radius:30px 30px 10px 30px}.nana-v2-world{min-height:430px;padding:30px}.nana-v2-social__inner{padding:30px 24px;border-radius:34px 34px 10px 34px;box-shadow:8px 9px 0 var(--n2-ink)}.nana-v2-live{right:16px;left:16px;bottom:92px;max-width:none}.nana-v2-mobile-nav{position:fixed;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;z-index:1200;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border:1px solid rgba(23,19,15,.18);border-radius:22px;background:rgba(255,250,242,.96);box-shadow:0 18px 55px rgba(23,19,15,.22);backdrop-filter:blur(18px)}.nana-v2-mobile-nav :where(a,button){display:grid;min-width:0;min-height:50px;place-items:center;gap:3px;padding:5px 2px;border:0;border-radius:15px;background:transparent;color:var(--n2-ink);font:800 9px/1 var(--nos3-body);text-decoration:none}.nana-v2-mobile-nav :where(a,button):hover{background:var(--n2-butter)}html.nana-v2-motion [data-nana-reveal=left]{transform:translateX(-32px)}html.nana-v2-motion [data-nana-reveal=right]{transform:translateX(32px)}html.nana-v2-motion [data-nana-reveal=up]{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.nana-v2-announcement .nana-os3-announcement__track,[data-nana-float]{animation:none!important}[data-nana-reveal],[data-nana-reveal]>*{opacity:1!important;transform:none!important;transition:none!important}[data-nana-parallax]{transform:none!important}}