/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5 */
@font-face{font-family:'Bricolage Grotesque';src:url('../fonts/bricolage-grotesque-latin-ext.woff2') format('woff2');font-style:normal;font-weight:500 800;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('../fonts/instrument-sans-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
html,body{overflow-x:clip}
.hero-copy .hero-title em,.nana-notes-v824__heading em{font-style:normal}
.nana-skip-link{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-160%)}
.nana-skip-link:focus{transform:none;background:#fff;color:#111;padding:12px 16px;border:2px solid currentColor}
/* Source block: reference-base-1 */

:root{
  --ink:#111111; --muted:#747474; --line:#e9e9e9; --soft:#f6f6f6;
  --pink:#f3b7c6; --mint:#b8cba8; --blue:#dcebf5; --lilac:#ece6fb;
  --yellow:#f5e46f; --coral:#ff745c; --white:#fff;
  --r:22px; --max:1500px;
  --sans:"Bricolage Grotesque",sans-serif;
  --serif:"Bricolage Grotesque",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:14px}
body.lock{overflow:hidden}
body.nana-header-overlay-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.kicker{font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}
.title{font-size:clamp(40px,5.5vw,78px);line-height:.96;letter-spacing:0;margin:0;font-weight:650}
.body{color:var(--muted);line-height:1.65}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 18px;border:1px solid #111;background:#111;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn.light{background:#fff;color:#111}
.icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}
.icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.top{height:29px;background:#111;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;gap:36px;letter-spacing:0}
.header{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);z-index:40}
.header .left,.header .right{display:flex;align-items:center;gap:24px}
.header .right{justify-content:flex-end;gap:8px}
.nav{font-size:12px;font-weight:600}
.logo{font-family:var(--serif);font-size:34px;line-height:.8;text-align:center;font-weight:700}
.logo small{display:block;font-family:var(--sans);font-size:7px;letter-spacing:0;text-transform:uppercase;margin-top:8px;font-weight:700}
.search-label{font-size:11px;color:var(--muted);margin-right:4px}
.cart-count{position:absolute;margin:-26px 0 0 24px;background:var(--coral);color:#fff;border-radius:50%;font-size:8px;width:16px;height:16px;display:grid;place-items:center}
.mega{position:fixed;left:0;right:0;top:103px;background:#fff;border-bottom:1px solid var(--line);z-index:35;display:none;padding:28px 0 34px;box-shadow:0 24px 60px rgba(0,0,0,.08)}
.mega.open{display:block}
.mega-grid{display:grid;grid-template-columns:.7fr 1fr 1.05fr;gap:45px}
.mega h4{font-size:12px;margin:0 0 16px}
.mega a{display:block;font-size:13px;margin:11px 0}
.mega-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mega-cat{display:flex;align-items:center;gap:10px}
.mega-cat img{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#f3f3f3}
.mega-promo{background:var(--mint);border-radius:18px;min-height:180px;position:relative;overflow:hidden;padding:25px}
.mega-promo img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover}
.mega-promo h3{font-size:28px;line-height:1;margin:8px 0 18px;max-width:190px}

.hero{padding:18px 0 0}
.hero-frame{height:min(760px,78vh);min-height:620px;position:relative;overflow:hidden;border-radius:0 0 28px 28px;background:#dfdfdf}
.hero-frame img{object-position:center 42%;filter:saturate(.9)}
.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,15,.42),rgba(15,15,15,.05) 55%,rgba(15,15,15,.05))}
.hero-copy{position:absolute;left:6vw;top:50%;transform:translateY(-50%);color:#fff;z-index:2;max-width:560px}
.hero-copy .hero-title{font-size:clamp(62px,7.2vw,112px);line-height:.88;letter-spacing:0;margin:15px 0 24px}
.hero-copy .hero-title em{font-family:var(--serif);font-weight:500}
.hero-copy p{max-width:420px;line-height:1.65;color:rgba(255,255,255,.85);margin:0 0 26px}
.hero-dots{position:absolute;right:30px;bottom:28px;z-index:2;display:flex;gap:8px}
.hero-dots i{width:28px;height:2px;background:rgba(255,255,255,.45)}
.hero-dots i.active{background:#fff}

.categories{padding:84px 0 86px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}
.section-head h2{font-size:34px;margin:0;letter-spacing:0}
.tabs{display:flex;gap:6px}
.tab{border:0;background:#f2f2f2;border-radius:999px;padding:8px 13px;font-size:10px;font-weight:700;cursor:pointer}
.tab.active{background:#111;color:#fff}
.cat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.cat-card{min-width:0}
.cat-img{height:270px;border-radius:18px;overflow:hidden;background:#f1f3f4}
.cat-card:nth-child(2) .cat-img{background:#eee7d8}
.cat-card:nth-child(3) .cat-img{background:#efe5ee}
.cat-card:nth-child(4) .cat-img{background:#e4eceb}
.cat-card:nth-child(5) .cat-img{background:#f2ece5}
.cat-card:nth-child(6) .cat-img{background:#e8edf2}
.cat-card h3{font-size:12px;margin:12px 0 0}
.cat-card small{color:var(--muted);font-size:10px}

.edit{padding:30px 0 100px}
.edit-grid{display:grid;grid-template-columns:1fr .75fr 1fr;gap:34px;align-items:center}
.edit-card{height:500px;border-radius:24px;overflow:hidden;position:relative}
.edit-card.pink{background:var(--pink)}
.edit-card.green{background:var(--mint)}
.edit-card img{object-fit:cover}
.edit-badge{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-radius:16px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between}
.edit-badge div{display:flex;gap:10px;align-items:center}
.edit-badge img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.edit-badge strong{font-size:11px;display:block}
.edit-badge small{font-size:10px;color:var(--muted)}
.edit-center{text-align:center}
.edit-center h2{font-size:46px;line-height:.98;letter-spacing:0;margin:14px 0 18px}
.edit-center p{max-width:380px;margin:0 auto 22px;color:var(--muted);line-height:1.65}

.arrivals{padding:20px 0 100px}
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.product{position:relative;min-width:0}
.product-img{height:330px;background:#f1f3f5;border-radius:18px;overflow:hidden}
.product-img img{object-fit:cover}
.product:nth-child(2) .product-img{background:#f0e8e8}
.product:nth-child(3) .product-img{background:#e9efe9}
.product:nth-child(4) .product-img{background:#edeaf1}
.product:nth-child(5) .product-img{background:#f2ece4}
.fav{position:absolute;right:10px;top:10px;border:0;background:#fff;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.fav.active{background:var(--coral);color:#fff}
.product h3{font-size:11px;margin:12px 0 4px}
.product .meta{display:flex;justify-content:space-between;font-size:10px}
.product .meta span{color:var(--muted)}

.storyband{background:var(--lilac);padding:82px 0 92px}
.storyband h2{text-align:center;font-size:42px;line-height:1.05;margin:0 auto 38px;max-width:700px}
.story-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;align-items:center}
.story-card{border-radius:20px;overflow:hidden;position:relative;height:380px}
.story-card:nth-child(2),.story-card:nth-child(4){height:320px}
.story-card img{object-fit:cover}
.story-tag{position:absolute;bottom:14px;right:14px;background:#fff;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:700}

.style-steps{padding:110px 0}
.style-steps .center{text-align:center;margin-bottom:38px}
.style-steps .center h2{font-size:46px;line-height:1;margin:12px 0}
.steps-box{background:#f5f5f5;border-radius:24px;padding:26px}
.steps-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.steps-nav strong{font-size:18px}
.chips{display:flex;gap:8px}
.chip{border:1px solid #ddd;border-radius:999px;padding:8px 12px;font-size:10px;background:#fff}
.step-products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.step-product{background:#fff;border-radius:18px;padding:10px}
.step-product img{height:290px;border-radius:14px;object-fit:cover}
.step-product h3{font-size:11px;margin:10px 0 4px}
.step-product small{font-size:10px;color:var(--muted)}

.bundle{padding:20px 0 105px}
.bundle-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.bundle-photo{height:610px;border-radius:24px;overflow:hidden;position:relative}
.bundle-hotspot{position:absolute;width:27px;height:27px;border-radius:50%;background:#fff;border:1px solid #ddd;display:grid;place-items:center;font-size:10px}
.bundle-hotspot.one{left:55%;top:39%}.bundle-hotspot.two{left:47%;top:66%}
.bundle-copy{text-align:center}
.bundle-copy h2{font-size:48px;margin:12px 0 26px}
.bundle-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}
.bundle-item img{height:240px;border-radius:18px;object-fit:cover;background:#f4f4f4}
.bundle-item h3{font-size:11px;margin:10px 0 4px}
.bundle-item strong{font-size:11px}

.finder{background:var(--blue);padding:84px 0}
.finder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.finder h2{font-size:50px;line-height:.95;margin:12px 0 18px}
.finder-panel{background:#fff;border-radius:22px;padding:22px}
.finder-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.finder-progress{display:flex;gap:5px}
.finder-progress i{width:26px;height:3px;background:#ddd}.finder-progress i.on{background:#111}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.choice{border:1px solid #e2e2e2;background:#fff;border-radius:12px;padding:14px;text-align:left;cursor:pointer;font-size:11px}
.choice.active{background:#111;color:#fff}
.finder-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.finder-actions small{font-size:9px;color:var(--muted)}

.notes{padding:100px 0}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.note{border-radius:22px;overflow:hidden;background:#f5f5f5}
.note img{height:360px}
.note-copy{padding:20px}
.note-copy h3{font-size:22px;line-height:1.05;margin:7px 0 12px}
.note-copy p{font-size:11px;line-height:1.6;color:var(--muted)}

.footer{background:#111;color:#fff;padding:54px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:44px}
.footer .logo{text-align:left}
.footer p,.footer a{font-size:10px;color:#bbb;line-height:1.7}
.footer a{display:block;margin:8px 0}
.footer h4{font-size:9px;letter-spacing:0;text-transform:uppercase;margin:0 0 15px}
.footer-bottom{border-top:1px solid #333;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:#888;font-size:9px}

.drawer,.search{position:fixed;inset:0;background:#fff;z-index:80;display:none}
.drawer.open,.search.open{display:block}
.drawer{padding:26px}
.drawer-head{display:flex;justify-content:space-between;align-items:center}
.drawer nav{margin-top:70px}
.drawer nav a{font-size:38px;font-weight:650;letter-spacing:0;display:block;border-bottom:1px solid var(--line);padding:14px 0}
.search{padding:12vh 24px}
.search-inner{max-width:900px;margin:auto}
.search input{border:0;border-bottom:1px solid #111;width:100%;font-size:clamp(40px,6vw,78px);padding:16px 0;outline:none}
.search-close{position:absolute;right:24px;top:24px}
.menu-btn{display:none}

@media(max-width:1050px){
  .cat-row{grid-template-columns:repeat(3,1fr)}
  .edit-grid{grid-template-columns:1fr 1fr}
  .edit-center{grid-column:1/3;grid-row:1}
  .products{grid-template-columns:repeat(3,1fr)}
  .story-cards{grid-template-columns:repeat(3,1fr)}
  .story-card:nth-child(n+4){display:none}
  .bundle-grid{grid-template-columns:1fr}
  .finder-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .wrap{width:min(calc(100% - 20px),var(--max))}
  .top{justify-content:flex-start;overflow:hidden;padding-left:12px;gap:22px}
  .top span:nth-child(n+3){display:none}
  .header{height:64px;grid-template-columns:auto 1fr auto;padding:0 10px}
  .header .left .nav,.search-label,.header .right .icon:nth-of-type(3){display:none}
  .menu-btn{display:grid}
  .logo{font-size:29px}
  .hero{padding-top:8px}
  .hero-frame{height:680px;min-height:0;border-radius:0 0 20px 20px}
  .hero-frame img{object-position:62% center}
  .hero-frame:after{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.1) 45%,rgba(0,0,0,.5))}
  .hero-copy{left:18px;right:18px;top:auto;bottom:38px;transform:none}
  .hero-copy .hero-title{font-size:62px}
  .hero-copy p{font-size:12px}
  .categories{padding:60px 0}
  .section-head{display:block}
  .tabs{margin-top:15px}
  .cat-row{grid-template-columns:repeat(2,1fr)}
  .cat-img{height:220px}
  .edit{padding-bottom:70px}
  .edit-grid{grid-template-columns:1fr;gap:14px}
  .edit-center{grid-column:auto}
  .edit-card{height:430px}
  .edit-center{padding:20px 0}
  .edit-center h2{font-size:38px}
  .products{grid-template-columns:repeat(2,1fr);gap:8px}
  .product-img{height:240px}
  .storyband{padding:64px 0}
  .storyband h2{font-size:34px}
  .story-cards{grid-template-columns:1fr 1fr;gap:10px}
  .story-card,.story-card:nth-child(2),.story-card:nth-child(4){height:290px}
  .story-card:nth-child(3){display:none}
  .style-steps{padding:70px 0}
  .steps-nav{display:block}
  .chips{margin-top:14px;overflow:auto}
  .step-products{grid-template-columns:1fr 1fr}
  .step-product img{height:230px}
  .bundle{padding-bottom:70px}
  .bundle-grid{gap:35px}
  .bundle-photo{height:500px}
  .bundle-copy h2{font-size:38px}
  .bundle-item img{height:190px}
  .finder{padding:65px 0}
  .finder h2{font-size:40px}
  .choices{grid-template-columns:1fr}
  .notes{padding:70px 0}
  .notes-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/3}
  .footer-bottom{display:block;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none}}

/* ===== V8 / Pebble-motion architecture ===== */
body{
  padding-top:0;
}
.top{
  position:fixed;
  inset:0 0 auto;
  z-index:70;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease;
  will-change:transform,opacity;
}
.header{
  position:fixed;
  left:50%;
  top:38px;
  transform:translateX(-50%);
  width:calc(100% - 48px);
  max-width:1500px;
  height:72px;
  padding:0 22px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(17,17,17,.08);
  border-radius:18px;
  box-shadow:0 8px 30px rgba(17,17,17,.08);
  z-index:72;
  transition:
    width .18s linear,
    top .18s linear,
    border-radius .18s linear,
    box-shadow .18s linear,
    background-color .18s linear;
  will-change:width,top,border-radius;
}
.header.is-expanded{
  background:#fff;
  box-shadow:0 10px 34px rgba(17,17,17,.11);
}
.mega{
  position:fixed;
  right:auto;
  z-index:69;
  border:1px solid var(--line);
  border-top:0;
  border-radius:0 0 22px 22px;
  transform:translateY(-12px);
  opacity:0;
  pointer-events:none;
  display:block;
  transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1);
}
.mega.open{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
body.mega-open:after{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(17,17,17,.28);
  z-index:68;
  pointer-events:none;
  opacity:1;
}
.hero{
  padding:16px 14px 0;
}
.hero-frame{
  width:min(100%,1600px);
  margin:auto;
  height:min(790px,92vh);
  min-height:650px;
  border-radius:28px;
  overflow:hidden;
  position:relative;
  background:#ddd;
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .75s ease,visibility .75s ease;
}
.hero-slide.active{
  opacity:1;
  visibility:visible;
  z-index:2;
}
.hero-slide img{
  position:absolute;
  inset:0;
  transform:scale(1.035);
  transition:transform 7s cubic-bezier(.2,.8,.2,1),filter .65s ease;
}
.hero-slide.active img{
  transform:scale(1);
}
.hero-slide:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(12,12,12,.48),rgba(12,12,12,.08) 56%,rgba(12,12,12,.03));
}
.hero-slide.is-light:after{
  background:linear-gradient(90deg,rgba(250,247,240,.94),rgba(250,247,240,.36) 52%,rgba(250,247,240,.03));
}
.hero-slide[data-tone="mint"]{background:#b8cba8}
.hero-slide[data-tone="pink"]{background:#f3b7c6}
.hero-copy{
  position:absolute;
  left:6vw;
  top:54%;
  transform:translateY(calc(-50% + 24px));
  opacity:0;
  transition:opacity .52s ease .16s,transform .6s cubic-bezier(.2,.8,.2,1) .14s;
  color:#fff;
  z-index:3;
  max-width:570px;
}
.hero-slide.active .hero-copy{
  opacity:1;
  transform:translateY(-50%);
}
.hero-slide.is-light .hero-copy{
  color:var(--ink);
}
.hero-copy .hero-title{
  font-size:clamp(60px,7vw,108px);
  line-height:.9;
  letter-spacing:0;
  margin:14px 0 22px;
}
.hero-copy p{
  max-width:420px;
  color:inherit;
  opacity:.84;
}
.hero-ui{
  position:absolute;
  z-index:8;
  left:0;
  right:0;
  bottom:88px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 34px;
  pointer-events:none;
}
.hero-pagination{
  display:flex;
  align-items:center;
  gap:8px;
  pointer-events:auto;
}
.hero-dot{
  border:0;
  padding:0;
  width:36px;
  height:3px;
  border-radius:99px;
  background:rgba(255,255,255,.45);
  overflow:hidden;
  cursor:pointer;
}
.hero-dot:before{
  content:"";
  display:block;
  width:0;
  height:100%;
  background:#fff;
}
.hero-dot.active:before{
  animation:heroProgress 5.8s linear forwards;
}
.hero-slide.is-light ~ .hero-ui .hero-dot{
  background:rgba(17,17,17,.22);
}
.hero-arrows{
  display:flex;
  gap:8px;
  pointer-events:auto;
}
.hero-arrow{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  background:rgba(255,255,255,.11);
  backdrop-filter:blur(10px);
  cursor:pointer;
}
@keyframes heroProgress{to{width:100%}}

.categories{
  position:relative;
  z-index:12;
  margin-top:-58px;
  padding:30px 24px 86px;
  background:#fff;
  border-radius:28px 28px 0 0;
  box-shadow:0 -16px 44px rgba(17,17,17,.08);
}
.categories .section-head{
  margin-bottom:22px;
}
.categories .tabs{
  background:#f3f3f3;
  border-radius:999px;
  padding:4px;
}
.categories .tab{
  background:transparent;
  transition:background .2s,color .2s,transform .2s;
}
.categories .tab.active{
  background:#111;
}
.cat-row{
  overflow:hidden;
}
.cat-card{
  transform:translateY(18px);
  opacity:0;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s ease;
}
.categories.in-view .cat-card{
  transform:none;
  opacity:1;
}
.categories.in-view .cat-card:nth-child(2){transition-delay:.05s}
.categories.in-view .cat-card:nth-child(3){transition-delay:.10s}
.categories.in-view .cat-card:nth-child(4){transition-delay:.15s}
.categories.in-view .cat-card:nth-child(5){transition-delay:.20s}
.categories.in-view .cat-card:nth-child(6){transition-delay:.25s}

@media(max-width:720px){
  .top{
    height:27px;
  }
  .header{
    top:33px;
    width:calc(100% - 16px);
    height:62px;
    padding:0 10px;
    border-radius:16px;
  }
  .hero{
    padding:8px 6px 0;
  }
  .hero-frame{
    height:690px;
    min-height:0;
    border-radius:22px;
  }
  .hero-slide img{
    object-position:63% center;
  }
  .hero-slide:after,
  .hero-slide.is-light:after{
    background:linear-gradient(180deg,rgba(0,0,0,.04) 14%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.58));
  }
  .hero-copy,
  .hero-slide.is-light .hero-copy{
    left:20px;
    right:20px;
    top:auto;
    bottom:72px;
    transform:translateY(18px);
    color:#fff;
    max-width:none;
  }
  .hero-slide.active .hero-copy{
    transform:none;
  }
  .hero-copy .hero-title{
    font-size:59px;
    max-width:330px;
  }
  .hero-copy p{
    font-size:12px;
    max-width:310px;
  }
  .hero-ui{
    bottom:24px;
    padding:0 18px;
  }
  .hero-arrows{display:none}
  .categories{
    width:calc(100% - 12px);
    margin-top:-36px;
    padding:22px 14px 58px;
    border-radius:22px 22px 0 0;
  }
  .categories .section-head{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .categories .section-head h2{
    font-size:25px;
    flex:1;
  }
  .categories .tabs{
    flex-shrink:0;
    margin-top:0;
  }
  .categories .tab{
    padding:7px 10px;
    font-size:9px;
  }
  .cat-row{
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .cat-row::-webkit-scrollbar{display:none}
  .cat-card{
    flex:0 0 43%;
    scroll-snap-align:start;
  }
  .cat-img{height:225px}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide,.hero-copy,.hero-slide img,.cat-card{transition:none}
  .hero-dot.active:before{animation:none;width:100%}
}


/* ===== V8.1 / full-bleed hero + overlapping collections + scrolling cards ===== */
.hero{
  padding:0;
  width:100%;
}
.hero-frame{
  width:100%;
  max-width:none;
  height:100svh;
  min-height:720px;
  margin:0;
  border-radius:0;
}
.hero-copy{
  left:max(48px,6vw);
}
.hero-ui{
  bottom:116px;
  padding-left:max(48px,6vw);
  padding-right:max(48px,6vw);
}

/* The collection panel now rises clearly over the full-bleed slider. */
.categories{
  width:min(calc(100% - 48px),1500px);
  margin:-92px auto 0;
  padding:34px 28px 92px;
  border-radius:30px 30px 0 0;
  box-shadow:
    0 -20px 55px rgba(17,17,17,.11),
    0 1px 0 rgba(17,17,17,.04);
}
.categories:before{
  content:"";
  position:absolute;
  left:50%;
  top:13px;
  width:42px;
  height:3px;
  border-radius:99px;
  background:#d7d7d7;
  transform:translateX(-50%);
}

/* Pebble-style scroll composition: long scene, sticky centre, cards crossing vertically. */
.scroll-edit{
  position:relative;
  height:285vh;
  min-height:2100px;
  background:#fff;
}
.scroll-edit-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:720px;
  overflow:hidden;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.scroll-edit-center{
  width:min(390px,34vw);
  text-align:center;
  position:relative;
  z-index:4;
}
.scroll-edit-center h2{
  font-size:clamp(44px,5.2vw,78px);
  line-height:.91;
  letter-spacing:0;
  margin:14px 0 20px;
}
.scroll-edit-center p{
  color:var(--muted);
  line-height:1.65;
  max-width:360px;
  margin:0 auto 22px;
}
.float-card{
  position:absolute;
  width:clamp(190px,18vw,290px);
  height:clamp(260px,31vw,455px);
  border-radius:20px;
  overflow:hidden;
  background:#f3f3f3;
  box-shadow:0 18px 55px rgba(17,17,17,.10);
  will-change:transform;
  transform:translate3d(0,var(--float-y,0),0) rotate(var(--rotation,0deg));
}
.float-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.float-product{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  padding:10px 10px 10px 12px;
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(12px);
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.float-product strong{
  display:block;
  font-size:10px;
}
.float-product small{
  display:block;
  color:var(--muted);
  font-size:9px;
  margin-top:3px;
}
.float-product button{
  border:0;
  border-radius:999px;
  background:#111;
  color:#fff;
  padding:8px 10px;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
}
.fc-1{left:4vw;top:15%;--rotation:-1.5deg}
.fc-2{right:7vw;top:8%;--rotation:1.4deg}
.fc-3{left:14vw;top:73%;--rotation:1deg}
.fc-4{right:2vw;top:69%;--rotation:-1.2deg}
.fc-5{left:2vw;top:126%;--rotation:.8deg}
.fc-6{right:14vw;top:132%;--rotation:-.8deg}

/* Cards enter from below and leave above while the centre copy stays pinned. */
.scroll-edit[data-progress] .float-card{
  transition:box-shadow .25s ease;
}
.scroll-edit.is-active .scroll-edit-center{
  opacity:1;
}
.scroll-edit-center{
  opacity:.25;
  transition:opacity .35s ease;
}

@media(max-width:900px){
  .scroll-edit-center{
    width:min(340px,42vw);
  }
  .float-card{
    width:220px;
    height:330px;
  }
  .fc-1{left:2vw}.fc-2{right:2vw}
  .fc-3{left:7vw}.fc-4{right:5vw}
  .fc-5{left:0}.fc-6{right:7vw}
}
@media(max-width:720px){
  .hero-frame{
    height:100svh;
    min-height:690px;
  }
  .hero-copy{
    left:20px;
  }
  .hero-ui{
    bottom:30px;
    padding:0 18px;
  }
  .categories{
    width:calc(100% - 12px);
    margin-top:-56px;
    padding:26px 14px 58px;
    border-radius:23px 23px 0 0;
  }
  .scroll-edit{
    height:250vh;
    min-height:1700px;
  }
  .scroll-edit-sticky{
    min-height:660px;
  }
  .scroll-edit-center{
    width:72vw;
    z-index:8;
    padding:22px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(12px);
  }
  .scroll-edit-center h2{
    font-size:48px;
  }
  .float-card{
    width:42vw;
    height:270px;
    border-radius:16px;
  }
  .fc-1{left:-4vw;top:14%}
  .fc-2{right:-5vw;top:10%}
  .fc-3{left:0;top:78%}
  .fc-4{right:-4vw;top:73%}
  .fc-5{left:-5vw;top:137%}
  .fc-6{right:0;top:143%}
  .float-product{
    left:7px;right:7px;bottom:7px;padding:8px;
  }
  .float-product button{display:none}
}
@media(prefers-reduced-motion:reduce){
  .scroll-edit{
    height:auto;
    min-height:0;
    padding:65px 10px;
  }
  .scroll-edit-sticky{
    position:relative;
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    overflow:visible;
  }
  .scroll-edit-center{
    grid-column:1/3;
    width:auto;
    opacity:1;
    margin-bottom:24px;
  }
  .float-card{
    position:relative;
    inset:auto;
    width:100%;
    height:320px;
    transform:none;
  }
}



/* ===== V8.6 / Nana Edit rebuilt from Pebble New In scrolling-card logic ===== */
.nana-new-in{
  position:relative;
  height:292svh;
  min-height:2200px;
  padding:0;
  overflow:clip;
  background:#fff;
}
.nana-new-in-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:680px;
  overflow:hidden;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.nana-new-in-center{
  position:relative;
  z-index:8;
  width:min(520px,40vw);
  text-align:center;
  pointer-events:auto;
}
.nana-new-in-kicker{
  margin-bottom:18px;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:0;
  text-transform:lowercase;
}
.nana-new-in-headings{
  position:relative;
  width:100%;
  height:128px;
  overflow:hidden;
}
.nana-new-heading{
  position:absolute;
  inset:0;
  display:block;
  margin:0;
  font-size:clamp(34px,3.35vw,48px);
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
  opacity:0;
  transform:translate3d(0,38px,0);
  transition:opacity .36s ease,transform .48s cubic-bezier(.3,1,.3,1);
  pointer-events:none;
}
.nana-new-heading.is-active{
  opacity:1;
  transform:translate3d(0,0,0);
}
.nana-new-heading.is-before{transform:translate3d(0,-38px,0)}
.nana-highlight{
  display:inline-block;
  margin-left:.12em;
  padding:.02em .14em .06em;
  border-radius:.18em;
  line-height:1;
  white-space:nowrap;
}
.nana-highlight-lilac{background:#dcd3ff}
.nana-highlight-blue{background:#bde6ee}
.nana-highlight-pink{background:#ffd3d3}
.nana-new-in-center>p{
  max-width:350px;
  margin:24px auto 22px;
  color:var(--muted);
  font-size:15px;
  line-height:1.6;
}
.nana-new-in-cta{min-height:50px;padding-inline:22px}
.nana-new-in-stage{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.nana-new-card{
  --card-y:0px;
  --card-scale:1;
  position:absolute;
  top:50%;
  width:clamp(270px,25vw,360px);
  aspect-ratio:.7547169811;
  overflow:hidden;
  border-radius:20px;
  background:#f2f2f2;
  box-shadow:0 14px 42px rgba(17,17,17,.09);
  opacity:0;
  transform:translate3d(0,calc(-50% + var(--card-y)),0) scale(var(--card-scale));
  transform-origin:center;
  transition:box-shadow .3s ease;
  will-change:transform,opacity;
  pointer-events:none;
}
.nana-new-card:nth-child(odd){left:max(18px,calc((100vw - 1500px)/2 + 18px))}
.nana-new-card:nth-child(even){right:max(18px,calc((100vw - 1500px)/2 + 18px))}
.nana-new-card-link{position:absolute;inset:0;z-index:4}
.nana-new-card-media{position:absolute;inset:0;overflow:hidden}
.nana-new-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.3,1,.3,1);
}
.nana-new-card:hover{box-shadow:0 20px 58px rgba(17,17,17,.15)}
.nana-new-card:hover .nana-new-card-media img{transform:scale(1.035)}
.nana-new-card-panel{
  position:absolute;
  z-index:5;
  left:12px;
  right:12px;
  bottom:12px;
  min-height:84px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,rgba(20,20,20,.46),rgba(20,20,20,.30));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.10);
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  pointer-events:none;
}
.nana-new-card-thumb{
  flex:0 0 60px;
  width:64px;
  height:64px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:11px;
  background:rgba(255,255,255,.18);
}
.nana-new-card-thumb img{width:100%;height:100%;object-fit:cover}
.nana-new-card-info{min-width:0;flex:1;text-align:left}
.nana-new-card-info strong{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:15px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:0;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nana-new-card-info small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.25;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nana-new-card-action{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  font-size:13px;
  line-height:1;
  font-weight:700;
}

@media(max-width:1100px) and (min-width:721px){
  .nana-new-in-center{width:min(420px,42vw)}
  .nana-new-card{width:clamp(225px,24vw,276px)}
  .nana-new-heading{font-size:clamp(32px,3.8vw,42px)}
}

/* Pebble mobile behavior: editorial copy first, then one-card-per-swipe. */
@media(max-width:720px){
  .nana-new-in{
    height:auto;
    min-height:0;
    padding:64px 0 72px;
    overflow:hidden;
  }
  .nana-new-in-sticky{
    position:relative;
    top:auto;
    height:auto;
    min-height:0;
    display:block;
    overflow:visible;
  }
  .nana-new-in-center{
    width:auto;
    max-width:420px;
    margin:0 auto 34px;
    padding:0 20px;
  }
  .nana-new-in-kicker{margin-bottom:14px;font-size:14px}
  .nana-new-in-headings{height:100px}
  .nana-new-heading{font-size:34px;line-height:1.16}
  .nana-new-in-center>p{margin-top:18px;font-size:14px}
  .nana-new-in-stage{
    position:relative;
    inset:auto;
    z-index:2;
    display:flex;
    gap:8px;
    width:100%;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    padding:0 16px 14px;
    scrollbar-width:none;
    pointer-events:auto;
  }
  .nana-new-in-stage::-webkit-scrollbar{display:none}
  .nana-new-card-panel{left:10px;right:10px;bottom:10px;min-height:72px;padding:10px}
  .nana-new-card-thumb{flex-basis:50px;width:50px;height:50px;border-radius:9px}
  .nana-new-card-info strong{font-size:15px}
  .nana-new-card-info small{font-size:12px}
  .nana-new-card-action{min-width:56px;height:38px;padding-inline:14px;font-size:12px}
  .nana-new-card,
  .nana-new-card:nth-child(n){
    position:relative;
    inset:auto;
    top:auto;
    left:auto;
    right:auto;
    flex:0 0 calc(100vw - 32px);
    width:calc(100vw - 32px);
    max-width:420px;
    aspect-ratio:.7547169811;
    opacity:1;
    transform:none;
    scroll-snap-align:center;
    pointer-events:auto;
  }
  .nana-new-card-panel{left:10px;right:10px;bottom:10px}
  .nana-new-card-action{display:none}
}

@media(prefers-reduced-motion:reduce){
  .nana-new-in{height:auto;min-height:0;padding:76px 0}
  .nana-new-in-sticky{position:relative;height:auto;min-height:0;display:block;overflow:visible}
  .nana-new-in-center{width:min(430px,calc(100% - 40px));margin:0 auto 42px}
  .nana-new-in-stage{
    position:relative;
    inset:auto;
    width:min(calc(100% - 32px),1200px);
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    pointer-events:auto;
  }
  .nana-new-card,
  .nana-new-card:nth-child(n){
    position:relative;
    inset:auto;
    width:100%;
    opacity:1;
    transform:none;
    pointer-events:auto;
  }
  .nana-new-heading{transition:none}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  .nana-new-in-stage{width:100%;margin:0;display:flex;overflow-x:auto;padding:0 16px 14px}
  .nana-new-card,.nana-new-card:nth-child(n){flex:0 0 calc(100vw - 32px);width:calc(100vw - 32px)}
}


/* =========================================================
   V8.34 — Pebble Little typography parity
   Source roles:
   body/navigation = Bricolage Grotesque 500
   headings/subheadings/product/button/price/badge = 700
   ========================================================= */
:root{
  --font-body--family:"Bricolage Grotesque",sans-serif;
  --font-body--weight:500;
  --font-heading--family:"Bricolage Grotesque",sans-serif;
  --font-heading--weight:700;
  --font-subheading--family:"Bricolage Grotesque",sans-serif;
  --font-subheading--weight:700;
  --font-navigation--family:"Bricolage Grotesque",sans-serif;
  --font-navigation--weight:500;
  --font-button--family:"Bricolage Grotesque",sans-serif;
  --font-button--weight:700;
  --font-pcard-title--family:"Bricolage Grotesque",sans-serif;
  --font-pcard-title--weight:700;
  --font-pcard-price--family:"Bricolage Grotesque",sans-serif;
  --font-pcard-price--weight:700;
  --font-highlight--family:"Bricolage Grotesque",sans-serif;
  --font-highlight--weight:700;
}
html,
body,
button,
input,
select,
textarea,
optgroup,
table,
body :where(
  h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,i,label,li,
  dt,dd,blockquote,figcaption,time,summary
){
  font-family:"Bricolage Grotesque",sans-serif;
}
body{
  font-weight:500;
  font-style:normal;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body :where(p,li,dt,dd,blockquote,figcaption,time,small),
.body,
.nav,
.mega a,
.search-label,
.nana-announcement-v829__item{
  font-weight:500;
}
body :where(h1,h2,h3,h4,h5,h6,strong,b),
.title,
.kicker,
.btn,
.tab,
.product h3,
.product .price,
.edit-badge strong,
.nana-outfit-option,
.nana-reviews__title,
.nana-announcement-v829__brand{
  font-weight:700;
}
body em,
.hero-copy .hero-title em{
  font-family:"Bricolage Grotesque",sans-serif;
  font-style:normal;
  font-weight:700;
}
.logo,
.logo small{
  font-family:"Bricolage Grotesque",sans-serif;
}
button,
.btn,
input,
select,
textarea{
  font-family:"Bricolage Grotesque",sans-serif;
}



/* Source block: nana-v8-4-pebble-overlay */

/* V8.4 — Pebble-style fixed hero with a full-width rounded discovery overlay. */
.hero-swallow-stage{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  background:transparent;
}
.hero-swallow-stage > .hero{
  position:sticky;
  top:0;
  z-index:1;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.hero-swallow-stage .hero-frame{
  width:100%;
  max-width:none;
  margin:0;
  transform:none;
  filter:none;
  will-change:auto;
  backface-visibility:hidden;
}

/* The white discovery surface rises directly over the fixed hero. */
.categories,
.categories.wrap{
  position:relative;
  z-index:3;
  width:100%;
  max-width:none;
  margin:-92px 0 0;
  padding:34px 0 92px;
  border:0;
  border-radius:32px 32px 0 0;
  box-shadow:none;
  background:#fff;
  overflow:hidden;
}
.categories::before,
.categories::after{
  display:none;
  content:none;
}
.categories-inner{
  width:min(calc(100% - 48px),1500px);
  margin:0 auto;
}

@media(max-width:720px){
  .categories,
  .categories.wrap{
    width:100%;
    margin-top:-56px;
    padding:26px 0 58px;
    border-radius:24px 24px 0 0;
    box-shadow:none;
  }
  .categories-inner{
    width:calc(100% - 24px);
  }
}


/* Source block: nana-v8-5-category-carousel-style */

/* ===== V8.5 / Pebble-aligned Explore Categories carousel ===== */
.categories{
  overflow:hidden;
}
.categories .category-carousel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}
.categories .category-carousel-head h2{
  flex:1 1 auto;
  margin:0;
  font-size:clamp(28px,2.8vw,40px);
  line-height:1.2;
  letter-spacing:0;
}
.category-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  flex:0 0 auto;
}
.category-nav{
  display:flex;
  align-items:center;
  gap:8px;
}
.category-arrow{
  appearance:none;
  width:46px;
  height:46px;
  padding:0;
  border:1px solid rgba(17,17,17,.16);
  border-radius:50%;
  background:#fff;
  color:#111;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,opacity .2s ease;
}
.category-arrow svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.category-arrow:hover:not(:disabled),
.category-arrow:focus-visible:not(:disabled){
  background:#111;
  color:#fff;
  border-color:#111;
  transform:translateY(-1px);
}
.category-arrow:focus-visible{
  outline:2px solid #111;
  outline-offset:3px;
}
.category-arrow:disabled{
  opacity:.28;
  cursor:default;
}
.cat-carousel{
  width:100%;
  overflow:hidden;
}
.categories .cat-row{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 40px) / 5);
  gap:10px;
  overflow:hidden;
  touch-action:pan-y;
  user-select:none;
  -ms-overflow-style:none;
  padding:0 0 10px;
  touch-action:pan-x pan-y;
}
.categories .cat-row::-webkit-scrollbar{
  display:none;
}
.categories .cat-card{
  min-width:0;
  width:auto;
  flex:none;
  display:block;
  color:inherit;
  text-decoration:none;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}
.categories .cat-img{
  width:100%;
  height:auto;
  aspect-ratio:.79;
  border-radius:20px;
  overflow:hidden;
}
.categories .cat-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.75,.25,1);
}
.categories .cat-card:hover .cat-img img,
.categories .cat-card:focus-visible .cat-img img{
  transform:scale(1.025);
}
.categories .cat-card h3{
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin:14px 0 0;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:0;
}
.categories .cat-card h3::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .3s cubic-bezier(.3,1,.3,1);
}
.categories .cat-card:hover h3::after,
.categories .cat-card:focus-visible h3::after{
  transform:scaleX(1);
  transform-origin:left center;
}
.categories .cat-card small{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.4;
  font-weight:500;
}
.categories .cat-card:focus-visible{
  outline:none;
}
.categories .cat-card:focus-visible .cat-img{
  outline:2px solid #111;
  outline-offset:3px;
}
@media(max-width:1199px){
  .categories .cat-row{
    grid-auto-columns:calc((100% - 30px) / 4);
  }
}
@media(max-width:899px){
  .categories .category-carousel-head{
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
  }
  .category-head-actions{
    width:100%;
    justify-content:space-between;
  }
  .categories .cat-row{
    grid-auto-columns:calc((100% - 20px) / 3);
  }
}
@media(max-width:720px){
  .categories .category-carousel-head{
    display:flex;
    align-items:flex-start;
    margin-bottom:20px;
  }
  .categories .category-carousel-head h2{
    flex:1 0 100%;
    font-size:clamp(28px,8vw,34px);
  }
  .category-head-actions{
    gap:12px;
  }
  .category-arrow{
    width:42px;
    height:42px;
  }
  .categories .cat-row{
    display:grid;
    grid-auto-columns:calc((100% - 10px) / 2);
    gap:10px;
    padding-bottom:8px;
  }
  .categories .cat-img{
    aspect-ratio:.78;
    border-radius:18px;
  }
  .categories .cat-card h3{
    margin-top:12px;
    font-size:15px;
  }
  .categories .cat-card small{
    font-size:12.5px;
  }
}
@media(max-width:430px){
  .category-head-actions{
    align-items:center;
  }
  .categories .tabs{
    gap:2px;
    padding:3px;
  }
  .categories .tab{
    padding:7px 9px;
  }
  .category-arrow{
    width:40px;
    height:40px;
  }
}
@media(prefers-reduced-motion:reduce){
  .categories .cat-row{
    scroll-behavior:auto;
  }
  .categories .cat-img img,
  .categories .cat-card h3::after,
  .category-arrow{
    transition:none;
  }
}


/* Source block: nana-v8-8-outfit-for-style */

/* V8.8 — Pebble Outfit For / collection-highlight adaptation */
.nana-outfit-for{
  padding:0 0 104px;
  background:#fff;
}
.nana-outfit-shell{
  width:min(calc(100% - 48px),var(--max));
  margin:0 auto;
}
.nana-outfit-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:stretch;
}
.nana-outfit-menu,
.nana-outfit-visual{
  min-width:0;
  aspect-ratio:1/1;
  border-radius:20px;
  overflow:hidden;
}
.nana-outfit-menu{
  background:#f1f3c0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:clamp(48px,5vw,80px) clamp(28px,4vw,64px);
  text-align:center;
}
.nana-outfit-kicker{
  margin:0 0 clamp(22px,2.4vw,36px);
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:0;
  text-transform:uppercase;
}
.nana-outfit-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}
.nana-outfit-option{
  appearance:none;
  border:0;
  background:transparent;
  color:#111;
  padding:0;
  margin:0;
  min-height:clamp(54px,5.2vw,78px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  cursor:pointer;
  position:relative;
  font-family:var(--sans);
  font-size:clamp(38px,4.75vw,68px);
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
  white-space:nowrap;
  transition:opacity .25s ease,transform .35s cubic-bezier(.3,1,.3,1);
}
.nana-outfit-list:hover .nana-outfit-option:not(:hover):not([aria-current="true"]){opacity:.45}
.nana-outfit-option:hover,
.nana-outfit-option:focus-visible,
.nana-outfit-option[aria-current="true"]{opacity:1}
.nana-outfit-option:focus-visible{outline:2px solid #111;outline-offset:7px;border-radius:8px}
.nana-outfit-label{
  position:relative;
  display:inline-block;
}
.nana-outfit-option[aria-current="true"] .nana-outfit-label{
  text-decoration-line:underline;
  text-decoration-style:wavy;
  text-decoration-thickness:2px;
  text-underline-offset:9px;
}
.nana-outfit-thumb{
  width:0;
  height:60px;
  opacity:0;
  transform:scale(.65) rotate(-5deg);
  margin-left:0;
  border-radius:9px;
  overflow:hidden;
  flex:none;
  transition:width .45s cubic-bezier(.3,1,.3,1),margin-left .45s cubic-bezier(.3,1,.3,1),opacity .25s ease,transform .45s cubic-bezier(.3,1,.3,1);
  background:#e8e8e8;
}
.nana-outfit-option[aria-current="true"] .nana-outfit-thumb{
  width:60px;
  margin-left:14px;
  opacity:1;
  transform:scale(1) rotate(0);
}
.nana-outfit-thumb img{width:100%;height:100%;object-fit:cover}
.nana-outfit-preview{
  position:relative;
  width:min(100%,520px);
  height:92px;
  margin-top:clamp(28px,3.5vw,46px);
}
.nana-outfit-preview-item{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .28s ease,transform .4s cubic-bezier(.3,1,.3,1);
}
.nana-outfit-preview-item.is-active{opacity:1;transform:none}
.nana-outfit-preview-item h3{
  margin:0;
  font-size:18px;
  line-height:1.35;
  font-weight:700;
  text-transform:none;
}
.nana-outfit-preview-item p{
  max-width:430px;
  margin:0;
  color:rgba(0,0,0,.68);
  font-size:15px;
  line-height:1.55;
}
.nana-outfit-visual{
  position:relative;
  background:#ececec;
}
.nana-outfit-image-card{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:scale(1.035);
  transition:opacity .45s ease,visibility .45s ease,transform 1s cubic-bezier(.3,1,.3,1);
}
.nana-outfit-image-card.is-active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  z-index:2;
}
.nana-outfit-image-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.54) 100%);
  pointer-events:none;
}
.nana-outfit-image-card>img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .9s cubic-bezier(.3,1,.3,1);
}
.nana-outfit-image-card:hover>img{transform:scale(1.025)}
.nana-outfit-image-card[data-index="0"]>img{object-position:center 43%}
.nana-outfit-image-card[data-index="1"]>img{object-position:center 42%}
.nana-outfit-image-card[data-index="2"]>img{object-position:center 45%}
.nana-outfit-image-card[data-index="3"]>img{object-position:center 46%}
.nana-outfit-image-content{
  position:absolute;
  left:clamp(24px,3.2vw,48px);
  right:clamp(24px,3.2vw,48px);
  bottom:clamp(24px,3.2vw,48px);
  z-index:3;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  pointer-events:none;
}
.nana-outfit-image-content .nana-outfit-image-kicker{
  margin:0 0 clamp(14px,1.6vw,20px);
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
}
.nana-outfit-image-content h3{
  max-width:590px;
  margin:0 0 clamp(22px,2.5vw,32px);
  font-size:clamp(34px,3.35vw,48px);
  line-height:1.12;
  letter-spacing:0;
  font-weight:700;
}
.nana-outfit-cta{
  min-height:50px;
  padding:0 7px 0 20px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111;
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:13px;
  font-weight:700;
  pointer-events:auto;
  transition:transform .25s ease,background .25s ease;
}
.nana-outfit-cta:hover{transform:translateY(-2px);background:#f6f6f6}
.nana-outfit-cta-icon{
  width:36px;height:36px;border-radius:50%;background:#111;color:#fff;
  display:grid;place-items:center;
}
.nana-outfit-cta-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:900px){
  .nana-outfit-for{padding-bottom:76px}
  .nana-outfit-shell{width:min(calc(100% - 28px),var(--max))}
  .nana-outfit-grid{grid-template-columns:1fr;gap:10px}
  .nana-outfit-menu{aspect-ratio:auto;min-height:610px;padding:48px 22px}
  .nana-outfit-visual{aspect-ratio:3/4}
  .nana-outfit-option{font-size:38px;min-height:54px;letter-spacing:0}
  .nana-outfit-thumb,.nana-outfit-option[aria-current="true"] .nana-outfit-thumb{height:50px}
  .nana-outfit-option[aria-current="true"] .nana-outfit-thumb{width:50px;margin-left:12px}
  .nana-outfit-preview{margin-top:28px;height:112px}
  .nana-outfit-preview-item h3{font-size:16px}
  .nana-outfit-preview-item p{font-size:13.5px;max-width:330px}
  .nana-outfit-image-content .nana-outfit-image-kicker{font-size:13.5px}
  .nana-outfit-image-content h3{font-size:34px;line-height:1.18}
  .nana-outfit-cta{width:100%;justify-content:space-between;font-size:13px}
}
@media(max-width:480px){
  .nana-outfit-menu{min-height:570px}
  .nana-outfit-kicker{font-size:13.5px}
  .nana-outfit-option{font-size:36px}
  .nana-outfit-image-content{left:20px;right:20px;bottom:20px}
  .nana-outfit-image-content h3{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
  .nana-outfit-option,.nana-outfit-thumb,.nana-outfit-preview-item,.nana-outfit-image-card,.nana-outfit-image-card>img{transition:none}
}


/* Source block: nana-v8-9-hot-this-week-style */

/* V8.9 — Pebble Bu Haftanın Favorileri / product-tabs carousel adaptation */
.nana-hot-week{
  background:#fff;
  padding:clamp(48px,7.55vw,100px) 0 96px;
  overflow:hidden;
}
.nana-hot-wrap{
  width:min(calc(100% - 32px),1472px);
  margin:0 auto;
}
.nana-hot-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-bottom:32px;
}
.nana-hot-header h2{
  margin:0;
  font-size:clamp(32px,2.34vw,40px);
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
}
.nana-hot-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.nana-hot-tab{
  min-height:44px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:#ebebeb;
  color:#111;
  font-size:15px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.nana-hot-tab:hover{transform:translateY(-1px)}
.nana-hot-tab.is-active{background:#111;color:#fff}
.nana-hot-viewport{
  overflow:hidden;
  touch-action:pan-y;
  user-select:none;
}
.nana-hot-track{
  display:flex;
  gap:10px;
  width:max-content;
  min-width:100%;
  transition:transform .55s cubic-bezier(.3,1,.3,1);
  will-change:transform;
}
.nana-hot-track.is-instant{transition:none}
.nana-hot-card{
  flex:0 0 auto;
  width:calc((min(calc(100vw - 32px),1472px) - 30px)/4);
  min-width:0;
  scroll-snap-align:start;
}
.nana-hot-media{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  aspect-ratio:3/4;
  background:#f1f1f1;
}
.nana-hot-image-link{display:block;width:100%;height:100%}
.nana-hot-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.3,1,.3,1),filter .5s ease;
}
.nana-hot-card:hover .nana-hot-media img{transform:scale(1.045)}
.nana-hot-badges{
  position:absolute;
  z-index:3;
  left:12px;
  top:12px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  pointer-events:none;
}
.nana-hot-badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 11px;
  border-radius:999px;
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:700;
}
.nana-hot-badge-primary{background:#5ba86d}
.nana-hot-badge-secondary{background:#696fca}
.nana-hot-fav{
  position:absolute;
  z-index:4;
  right:12px;
  top:12px;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.94);
  color:#111;
  font-size:20px;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(0,0,0,.08);
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.nana-hot-fav:hover{transform:scale(1.06)}
.nana-hot-fav.active{background:#111;color:#fff}
.nana-hot-card-actions{
  position:absolute;
  z-index:4;
  left:12px;
  right:12px;
  bottom:12px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  pointer-events:none;
}
.nana-hot-view,
.nana-hot-add{
  border:0;
  background:#111;
  color:#fff;
  cursor:pointer;
  pointer-events:auto;
  box-shadow:0 8px 30px rgba(0,0,0,.14);
  transform:translateY(14px);
  opacity:0;
  transition:opacity .28s ease,transform .28s cubic-bezier(.3,1,.3,1),background .2s ease;
}
.nana-hot-view{
  width:46px;
  height:46px;
  padding:0;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.nana-hot-view svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.nana-hot-add{
  min-height:46px;
  flex:1;
  border-radius:999px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  font-weight:700;
}
.nana-hot-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.nana-hot-card:hover .nana-hot-view,
.nana-hot-card:hover .nana-hot-add,
.nana-hot-card:focus-within .nana-hot-view,
.nana-hot-card:focus-within .nana-hot-add{
  opacity:1;
  transform:translateY(0);
}
.nana-hot-view:hover,.nana-hot-add:hover{background:#2b2b2b}
.nana-hot-content{
  padding:15px 2px 0;
  text-align:left;
}
.nana-hot-title{
  display:inline-block;
  position:relative;
  max-width:100%;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  text-decoration:none;
}
.nana-hot-title:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .28s cubic-bezier(.3,1,.3,1);
}
.nana-hot-title:hover:after,
.nana-hot-title:focus-visible:after{
  transform:scaleX(1);
  transform-origin:left;
}
.nana-hot-price{
  margin-top:5px;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}
.nana-hot-bottom{
  min-height:30px;
  margin-top:9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.nana-hot-label{
  color:#707070;
  font-size:13.5px;
  line-height:1.35;
}
.nana-hot-swatches{display:flex;gap:6px}
.nana-hot-swatches i{
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--swatch);
  border:3px solid #fff;
  box-shadow:0 0 0 1px #dedede;
}
.nana-hot-footer{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:24px;
  margin-top:30px;
}
.nana-hot-progress{
  height:2px;
  overflow:hidden;
  border-radius:999px;
  background:#e6e6e6;
}
.nana-hot-progress span{
  display:block;
  width:0;
  height:100%;
  background:#111;
  transform-origin:left;
  transition:width .2s ease;
}
.nana-hot-controls{display:flex;gap:8px}
.nana-hot-arrow{
  width:46px;
  height:46px;
  padding:0;
  border:1px solid #dedede;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,opacity .2s ease;
}
.nana-hot-arrow:hover:not(:disabled){background:#111;color:#fff}
.nana-hot-arrow:disabled{opacity:.3;cursor:default}
.nana-hot-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}

@media (max-width:1199px){
  .nana-hot-card{width:calc((100vw - 52px)/3)}
}
@media (max-width:767px){
  .nana-hot-week{padding:48px 0 72px}
  .nana-hot-wrap{width:calc(100% - 24px)}
  .nana-hot-header{
    align-items:flex-start;
    flex-direction:column;
    gap:20px;
    margin-bottom:24px;
  }
  .nana-hot-header h2{font-size:32px}
  .nana-hot-tabs{
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    justify-content:flex-start;
    scrollbar-width:none;
  }
  .nana-hot-tabs::-webkit-scrollbar{display:none}
  .nana-hot-tab{
    min-height:42px;
    flex:0 0 auto;
    padding:0 16px;
    font-size:14px;
  }
  .nana-hot-card{width:calc(100vw - 32px)}
  .nana-hot-media{border-radius:18px}
  .nana-hot-view{display:none}
  .nana-hot-add{
    opacity:1;
    transform:none;
    min-height:44px;
  }
  .nana-hot-content{padding-top:13px}
  .nana-hot-title,.nana-hot-price{font-size:15px}
  .nana-hot-label{font-size:12.5px}
  .nana-hot-footer{margin-top:24px}
  .nana-hot-controls{display:none}
}
@media (prefers-reduced-motion:reduce){
  .nana-hot-viewport{scroll-behavior:auto}
  .nana-hot-media img,
  .nana-hot-view,
  .nana-hot-add,
  .nana-hot-title:after{transition:none}
}


/* ===== V8.11 — Compact Pebble Mix Your Style / layered scrolling cards ===== */
.nana-mix-style{
  position:relative;
  padding:clamp(76px,8vw,128px) 0 clamp(72px,8vw,120px);
  overflow:clip;
  background:#fff;
}
.nana-mix-wrap{
  width:min(calc(100% - 48px),var(--max));
  margin-inline:auto;
}
.nana-mix-head{
  position:relative;
  width:min(100%,980px);
  min-height:clamp(220px,24vw,320px);
  margin:0 auto clamp(54px,7vw,92px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  isolation:isolate;
  overflow:visible;
}
.nana-mix-kicker{
  position:relative;
  z-index:2;
  margin-bottom:clamp(16px,2vw,20px);
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:0;
  text-transform:uppercase;
}
.nana-mix-head h2{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0;
  font-size:clamp(38px,5.85vw,68px);
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
}
.nana-mix-float{
  position:absolute;
  z-index:1;
  width:clamp(90px,8vw,110px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  color:#111;
  font-size:clamp(14px,1.25vw,18px);
  font-weight:700;
  transform:rotate(var(--mix-badge-rotate,0deg));
  animation:nanaMixFloat 4.8s ease-in-out infinite alternate;
  pointer-events:none;
  user-select:none;
}
.nana-mix-float.is-play{
  left:auto;
  right:clamp(-180px,-9vw,-110px);
  top:0;
  border-radius:50%;
  background:#f6fd7c;
  --mix-badge-rotate:-18deg;
}
.nana-mix-float.is-kids{
  left:clamp(-180px,-9vw,-110px);
  top:68%;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='60,13 68.8,27.2 83.5,19.3 84,36 100.7,36.5 92.8,51.2 107,60 92.8,68.8 100.7,83.5 84,84 83.5,100.7 68.8,92.8 60,107 51.2,92.8 36.5,100.7 36,84 19.3,83.5 27.2,68.8 13,60 27.2,51.2 19.3,36.5 36,36 36.5,19.3 51.2,27.2' fill='%23ffc8c8' stroke='%23ffc8c8' stroke-width='10' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  clip-path:none;
  --mix-badge-rotate:-12deg;
  animation-delay:-1.6s;
}
.nana-mix-float.is-wow{
  left:auto;
  right:clamp(-145px,-7vw,-82px);
  top:92%;
  width:clamp(90px,7.5vw,104px);
  border-radius:32px;
  background:#bde6ee;
  --mix-badge-rotate:16deg;
  animation-delay:-3s;
}
@keyframes nanaMixFloat{
  from{translate:0 -5px}
  to{translate:0 7px}
}
.nana-mix-stack{
  position:relative;
  width:min(100%,440px);
  margin-inline:auto;
  padding-bottom:clamp(10vh,14vh,16vh);
}
.nana-mix-card{
  --mix-scale:1;
  --mix-shift:0px;
  --mix-dim:0;
  position:sticky;
  top:clamp(86px,12vh,126px);
  z-index:calc(10 + var(--mix-index));
  margin:0 0 clamp(84px,14vh,132px);
  border-radius:20px;
  overflow:hidden;
  background:#ececec;
  box-shadow:0 26px 70px rgba(12,12,12,.13);
  transform:translate3d(0,var(--mix-shift),0) scale3d(var(--mix-scale),var(--mix-scale),1);
  transform-origin:50% 0;
  transition:box-shadow .28s ease;
  will-change:transform;
  isolation:isolate;
}
.nana-mix-card:last-child{margin-bottom:0}
.nana-mix-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:rgba(0,0,0,var(--mix-dim));
}
.nana-mix-media{
  position:relative;
  aspect-ratio:.8125;
  overflow:hidden;
  background:#e9e9e9;
}
.nana-mix-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 32%,rgba(0,0,0,.55) 100%);
  pointer-events:none;
}
.nana-mix-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.001);
  transition:transform .65s cubic-bezier(.22,1,.36,1);
}
.nana-mix-card:hover .nana-mix-media img{transform:scale(1.045)}
.nana-mix-label{
  position:absolute;
  z-index:4;
  top:18px;
  left:18px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111;
  font-size:13px;
  line-height:1;
  font-weight:700;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.nana-mix-content{
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  bottom:0;
  padding:clamp(24px,4vw,38px);
  color:#fff;
  pointer-events:none;
}
.nana-mix-subheading{
  margin-bottom:clamp(12px,1.5vw,16px);
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
}
.nana-mix-content h3{
  margin:0 0 clamp(22px,3vw,32px);
  font-size:clamp(32px,4vw,46px);
  line-height:1.05;
  letter-spacing:0;
  font-weight:700;
}
.nana-mix-cta{
  pointer-events:auto;
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding:0 8px 0 22px;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:14px;
  font-weight:700;
  transition:transform .24s ease,background .24s ease;
}
.nana-mix-cta:hover{transform:translateY(-2px);background:#f6fd7c}
.nana-mix-cta-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111;
  color:#fff;
}
.nana-mix-cta svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:720px){
  .nana-mix-style{padding:64px 0 76px}
  .nana-mix-wrap{width:min(calc(100% - 20px),var(--max))}
  .nana-mix-head{min-height:auto;margin-bottom:38px;padding:0 8px}
  .nana-mix-kicker{font-size:13px;margin-bottom:16px}
  .nana-mix-head h2{font-size:38px;line-height:1.18}
  .nana-mix-float{display:none}
  .nana-mix-stack{width:min(88vw,330px);padding-bottom:48px}
  .nana-mix-card{top:78px;margin-bottom:68px;border-radius:18px}
  .nana-mix-label{top:12px;left:12px;font-size:12px;padding:7px 10px}
  .nana-mix-content{padding:20px 16px}
  .nana-mix-subheading{font-size:12px;margin-bottom:10px}
  .nana-mix-content h3{font-size:30px;margin-bottom:18px}
  .nana-mix-cta{min-height:46px;font-size:13px;padding-left:18px}
  .nana-mix-cta-icon{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
  .nana-mix-float{animation:none}
  .nana-mix-card{transform:none;will-change:auto}
  .nana-mix-media img,.nana-mix-cta{transition:none}
}



/* ===== V8.13 — Pebble Comfort ticker + Style & Comfort adaptation ===== */
.nana-comfort-ticker{
  position:relative;
  z-index:2;
  width:100%;
  overflow:hidden;
  background:#f6fd7c;
  color:#111;
  border:0;
}
.nana-comfort-ticker-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:nanaComfortTicker 20s linear infinite;
}
.nana-comfort-ticker:hover .nana-comfort-ticker-track,
.nana-comfort-ticker:focus-within .nana-comfort-ticker-track{
  animation-play-state:paused;
}
.nana-comfort-ticker-group{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:clamp(24px,2.4vw,34px);
  min-width:max-content;
  padding:16px clamp(24px,2.4vw,34px);
}
.nana-comfort-ticker-item{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:0;
}
.nana-comfort-ticker-brand{
  font-size:clamp(26px,2.2vw,32px);
  line-height:1;
  font-weight:800;
  letter-spacing:0;
}
.nana-comfort-ticker-dot{
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}
@keyframes nanaComfortTicker{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

.nana-style-comfort{
  position:relative;
  overflow:hidden;
  background:#f0ebff;
  color:#111;
  padding:clamp(58px,8vw,100px) 0 clamp(42px,5.5vw,64px);
}
.nana-style-comfort-wrap{
  width:min(calc(100% - 48px),var(--max));
  margin-inline:auto;
  text-align:center;
}
.nana-style-comfort-kicker{
  margin:0 0 clamp(18px,2vw,22px);
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
}
.nana-style-comfort-copy{
  max-width:760px;
  margin:0 auto;
  font-size:clamp(38px,5.25vw,64px);
  line-height:1.17;
  letter-spacing:0;
  font-weight:700;
  text-wrap:balance;
}
.nana-style-comfort-word{
  display:inline;
  color:rgba(17,17,17,.20);
  transition:color .5s ease,opacity .5s ease,filter .5s ease;
  transition-delay:calc(var(--word-index,0) * 34ms);
}
.nana-style-comfort.is-visible .nana-style-comfort-word{
  color:#111;
}
.nana-style-comfort-icon{
  position:relative;
  top:.08em;
  display:inline-grid;
  width:.9em;
  height:.9em;
  margin:0 .08em;
  place-items:center;
  vertical-align:baseline;
  opacity:.28;
  transform:translateY(.14em) scale(.82) rotate(-8deg);
  transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--icon-index,6) * 45ms);
}
.nana-style-comfort-icon svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.nana-style-comfort-icon.is-flower{color:#ff8a72}
.nana-style-comfort-icon.is-heart{color:#a98be8;transform:translateY(.14em) scale(.82) rotate(9deg)}
.nana-style-comfort.is-visible .nana-style-comfort-icon{
  opacity:1;
  transform:translateY(.08em) scale(1) rotate(-4deg);
}
.nana-style-comfort.is-visible .nana-style-comfort-icon.is-heart{
  transform:translateY(.08em) scale(1) rotate(5deg);
}
.nana-style-comfort::before,
.nana-style-comfort::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  opacity:.38;
  filter:blur(2px);
}
.nana-style-comfort::before{
  width:150px;
  height:150px;
  left:-72px;
  top:18%;
  background:#ffc8c8;
}
.nana-style-comfort::after{
  width:126px;
  height:126px;
  right:-54px;
  bottom:8%;
  background:#f6fd7c;
}
@media(max-width:720px){
  .nana-comfort-ticker-group{
    gap:24px;
    padding:14px 24px;
  }
  .nana-comfort-ticker-item{font-size:14px}
  .nana-comfort-ticker-brand{font-size:24px}
  .nana-comfort-ticker-dot{width:6px;height:6px}
  .nana-style-comfort{padding:52px 0 40px}
  .nana-style-comfort-wrap{width:min(calc(100% - 28px),var(--max))}
  .nana-style-comfort-kicker{font-size:13px;margin-bottom:16px}
  .nana-style-comfort-copy{font-size:clamp(34px,10.4vw,44px);line-height:1.18}
  .nana-style-comfort::before{width:92px;height:92px;left:-55px}
  .nana-style-comfort::after{width:82px;height:82px;right:-43px}
}
@media(prefers-reduced-motion:reduce){
  .nana-comfort-ticker-track{animation:none;transform:none}
  .nana-comfort-ticker{overflow-x:auto;scrollbar-width:none}
  .nana-comfort-ticker::-webkit-scrollbar{display:none}
  .nana-comfort-ticker-group[aria-hidden="true"]{display:none}
  .nana-style-comfort-word{color:#111;transition:none}
  .nana-style-comfort-icon{opacity:1;transform:none;transition:none}
}



/* Source block: nana-v8-14-continuous-flow-style */

/* V8.14 — seamless value ticker, reduced copy scale, continuous image marquee */
.nana-comfort-ticker-track{
  display:flex;
  width:max-content;
  gap:0;
  animation-duration:26s;
}
.nana-comfort-ticker-group{
  flex:none;
  min-width:max-content;
  gap:clamp(22px,2.15vw,32px);
  padding:16px clamp(22px,2.15vw,32px) 16px 0;
}
@keyframes nanaComfortTicker{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

.nana-style-comfort{
  padding:clamp(52px,6.5vw,78px) 0 clamp(36px,4.5vw,50px);
}
.nana-style-comfort-kicker{
  margin-bottom:16px;
  font-size:clamp(15px,1.15vw,18px);
  font-weight:850;
  letter-spacing:0;
}
.nana-style-comfort-copy{
  max-width:900px;
  font-size:clamp(32px,3.65vw,48px);
  line-height:1.14;
  letter-spacing:0;
  font-weight:780;
}
.nana-style-comfort-subcopy{
  max-width:760px;
  margin:22px auto 0;
  font-size:clamp(18px,1.75vw,25px);
  line-height:1.34;
  letter-spacing:0;
  font-weight:520;
  color:rgba(17,17,17,.68);
  text-wrap:balance;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .7s ease .42s,transform .7s cubic-bezier(.22,1,.36,1) .42s;
}
.nana-style-comfort.is-visible .nana-style-comfort-subcopy{
  opacity:1;
  transform:none;
}

.storyband.nana-story-marquee{
  position:relative;
  overflow:hidden;
  padding:18px 0 clamp(64px,7vw,92px);
  background:var(--lilac);
}
.story-cards-viewport{
  width:100%;
  overflow:hidden;
}
.story-cards-track{
  display:flex;
  width:max-content;
  gap:0;
  will-change:transform;
  animation:nanaStoryCardsMarquee 38s linear infinite;
}
.story-cards-track:hover,
.story-cards-track:focus-within{
  animation-play-state:paused;
}
.story-cards-group{
  flex:none;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:max-content;
  padding-right:14px;
}
.storyband .story-card,
.storyband .story-card:nth-child(2),
.storyband .story-card:nth-child(4){
  display:block;
  flex:0 0 clamp(250px,25vw,355px);
  width:clamp(250px,25vw,355px);
  height:clamp(320px,34vw,440px);
  border-radius:22px;
  transform:translateZ(0);
}
.storyband .story-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.storyband .story-card:hover img{transform:scale(1.025)}
@keyframes nanaStoryCardsMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@media(max-width:720px){
  .nana-comfort-ticker-track{animation-duration:22s}
  .nana-comfort-ticker-group{gap:22px;padding:14px 22px 14px 0}
  .nana-style-comfort{padding:44px 0 34px}
  .nana-style-comfort-kicker{font-size:14px;margin-bottom:13px}
  .nana-style-comfort-copy{font-size:clamp(28px,8.8vw,38px);line-height:1.16}
  .nana-style-comfort-subcopy{font-size:clamp(17px,5.1vw,21px);margin-top:17px;line-height:1.38}
  .storyband.nana-story-marquee{padding:14px 0 58px}
  .story-cards-track{animation-duration:28s}
  .story-cards-group{gap:10px;padding-right:10px}
  .storyband .story-card,
  .storyband .story-card:nth-child(2),
  .storyband .story-card:nth-child(4){
    flex-basis:min(76vw,290px);
    width:min(76vw,290px);
    height:min(98vw,375px);
    border-radius:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .nana-comfort-ticker-track,
  .story-cards-track{animation:none;transform:none}
  .nana-comfort-ticker,
  .story-cards-viewport{overflow-x:auto;scrollbar-width:none}
  .nana-comfort-ticker::-webkit-scrollbar,
  .story-cards-viewport::-webkit-scrollbar{display:none}
  .nana-comfort-ticker-group[aria-hidden="true"],
  .story-cards-group[aria-hidden="true"]{display:none}
  .nana-style-comfort-subcopy{opacity:1;transform:none;transition:none}
}


/* Source block: nana-v8-15-pebble-lookbook-style */

/* V8.15 — Pebble-paced ticker + alternating lookbook cards */
.nana-comfort-ticker-track{
  animation-duration:20s;
}
.nana-comfort-ticker-group{
  gap:clamp(24px,2.2vw,32px);
  padding:16px clamp(24px,2.2vw,32px) 16px 0;
}

.nana-style-comfort{
  padding:clamp(64px,7.55vw,100px) 0 clamp(30px,4.5vw,60px);
}
.nana-style-comfort-wrap{
  max-width:760px;
}
.nana-style-comfort-kicker{
  margin-bottom:clamp(16px,1.6vw,20px);
  font-size:15px;
  line-height:1.25;
  letter-spacing:0;
  text-transform:uppercase;
  font-weight:700;
}
.nana-style-comfort-copy{
  max-width:670px;
  font-size:clamp(34px,3.3vw,48px);
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
}
.nana-style-comfort-subcopy{
  max-width:650px;
  font-size:clamp(16px,1.35vw,20px);
}

.storyband.nana-story-marquee{
  padding:0 0 clamp(64px,7.55vw,100px);
  background:var(--lilac);
}
.story-cards-viewport{
  overflow:hidden;
  padding:2px 0;
}
.story-cards-track{
  gap:0;
  animation-duration:60s;
  align-items:center;
}
.story-cards-group{
  display:flex;
  align-items:center;
  gap:clamp(12px,4vw,60px);
  padding-right:clamp(12px,4vw,60px);
}
.storyband .story-card,
.storyband .story-card:nth-child(2),
.storyband .story-card:nth-child(4){
  position:relative;
  flex:none;
  width:auto;
  height:auto;
  border-radius:20px;
  overflow:hidden;
  isolation:isolate;
  box-shadow:none;
  background:#fff;
  transform:translateZ(0);
}
.storyband .story-card.is-large{
  width:clamp(288px,28vw,404px);
  aspect-ratio:1218 / 1650;
}
.storyband .story-card.is-small{
  width:clamp(252px,20vw,288px);
  aspect-ratio:18 / 25;
}
.storyband .story-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.3,1,.3,1),filter .4s ease;
}
.storyband .story-card:hover img,
.storyband .story-card:focus-within img{
  transform:scale(1.035);
}
.nana-lookbook-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:16px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 66%,rgba(0,0,0,.08));
}
.nana-lookbook-btn{
  --btn-bg:#fff;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:50px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  overflow:hidden;
  color:#111;
  background:rgba(255,255,255,.96);
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  pointer-events:auto;
  transform:translateZ(0);
  transition:transform .35s cubic-bezier(.3,1,.3,1),color .3s ease,box-shadow .3s ease;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.nana-lookbook-btn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:#111;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .42s cubic-bezier(.3,1,.3,1);
}
.nana-lookbook-btn > span{
  position:relative;
  z-index:1;
}
.nana-lookbook-btn-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  transition:transform .42s cubic-bezier(.3,1,.3,1);
}
.nana-lookbook-btn-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nana-lookbook-btn-icon circle{fill:currentColor;stroke:none}
.nana-lookbook-btn:hover,
.nana-lookbook-btn:focus-visible{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  outline:none;
}
.nana-lookbook-btn:hover::before,
.nana-lookbook-btn:focus-visible::before{
  transform:scaleX(1);
  transform-origin:left center;
}
.nana-lookbook-btn:hover .nana-lookbook-btn-icon,
.nana-lookbook-btn:focus-visible .nana-lookbook-btn-icon{
  transform:rotate(-10deg) scale(1.06);
}
.nana-lookbook-btn:active{
  transform:translateY(0) scale(.97);
}
.nana-lookbook-btn-mobile{display:none}

@media(max-width:767px){
  .nana-comfort-ticker-track{animation-duration:20s}
  .nana-style-comfort{padding:48px 0 28px}
  .nana-style-comfort-kicker{font-size:13px}
  .nana-style-comfort-copy{font-size:clamp(30px,9vw,40px)}
  .nana-style-comfort-subcopy{font-size:16px}
  .storyband.nana-story-marquee{padding-bottom:48px}
  .story-cards-track{animation-duration:60s}
  .story-cards-group{
    gap:8px;
    padding-right:8px;
  }
  .storyband .story-card.is-large,
  .storyband .story-card.is-small{
    width:288px;
    aspect-ratio:18 / 25;
    border-radius:20px;
  }
  .nana-lookbook-overlay{padding:12px}
  .nana-lookbook-btn{
    width:50px;
    min-width:50px;
    height:50px;
    padding:0;
    gap:0;
  }
  .nana-lookbook-btn-label{margin-left:2px}
  .nana-lookbook-btn-desktop{display:none}
  .nana-lookbook-btn-mobile{display:inline}
}

@media(prefers-reduced-motion:reduce){
  .nana-lookbook-btn,
  .nana-lookbook-btn::before,
  .nana-lookbook-btn-icon,
  .storyband .story-card img{transition:none}
}


/* Source block: nana-hot-items-styles */

/* V8.16 — Pebble-inspired Öne Çıkanlar / products highlight */
.nana-hot-items{
  --hi-radius:20px;
  background:#fff;
  color:#0d0d0d;
  padding:clamp(48px,7vw,100px) 0 0;
  overflow:hidden;
}
.nana-hot-items *{box-sizing:border-box}
.nana-hot-items__wrap{
  width:min(1440px,100%);
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
}
.nana-hot-items__content{
  min-width:0;
  order:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(38px,7vw,100px) clamp(30px,6vw,86px) clamp(38px,7vw,100px) clamp(14px,3vw,44px);
}
.nana-hot-items__media{
  min-width:0;
  order:2;
  position:relative;
  overflow:hidden;
  border-radius:var(--hi-radius);
  aspect-ratio:1660/1940;
  background:#ececec;
  isolation:isolate;
}
.nana-hot-items__media:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.16));
}
.nana-hot-items__media img{
  width:100%;height:100%;display:block;object-fit:cover;
  transform:scale(1.002);
  transition:transform .7s cubic-bezier(.3,1,.3,1),filter .7s ease;
}
.nana-hot-items__media:hover img{transform:scale(1.035)}
.nana-hot-items__media.is-playing img{animation:nanaHotMediaDrift 12s ease-in-out infinite alternate}
@keyframes nanaHotMediaDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-1.2%,-1%,0)}}
.nana-hot-items__media-control{
  position:absolute;left:50%;top:50%;z-index:3;
  width:62px;height:62px;margin:-31px 0 0 -31px;
  border:0;border-radius:50%;background:#fff;color:#111;
  display:grid;place-items:center;cursor:pointer;
  box-shadow:0 12px 36px rgba(0,0,0,.18);
  transition:transform .35s cubic-bezier(.3,1,.3,1),background .25s,color .25s;
}
.nana-hot-items__media-control:hover{transform:scale(1.08);background:#111;color:#fff}
.nana-hot-items__media-control svg{width:21px;height:21px;fill:currentColor}
.nana-hot-items__media-control .hi-pause{display:none}
.nana-hot-items__media.is-playing .hi-play{display:none}
.nana-hot-items__media.is-playing .hi-pause{display:block}
.nana-hot-items__eyebrow{
  margin:0 0 clamp(16px,1.5vw,20px);
  font-size:15px;line-height:1.2;font-weight:700;text-transform:uppercase;
}
.nana-hot-items__title{
  margin:0;
  max-width:650px;
  font-size:clamp(38px,4.72vw,68px);
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
}
.nana-hot-items__desc{
  max-width:520px;
  margin:clamp(20px,2vw,24px) 0 0;
  color:rgba(0,0,0,.7);
  font-size:15px;line-height:1.6;font-weight:500;
}
.nana-hot-items__cta{
  width:max-content;min-height:50px;margin-top:28px;padding:0 7px 0 22px;
  border-radius:999px;background:#111;color:#fff;text-decoration:none;
  display:inline-flex;align-items:center;gap:15px;
  font-size:14px;font-weight:700;overflow:hidden;
}
.nana-hot-items__cta-text{position:relative;height:20px;overflow:hidden;display:block}
.nana-hot-items__cta-text span{display:block;transition:transform .38s cubic-bezier(.3,1,.3,1)}
.nana-hot-items__cta-text span+span{position:absolute;left:0;top:100%}
.nana-hot-items__cta-icon{
  width:38px;height:38px;border-radius:50%;background:#fff;color:#111;
  display:grid;place-items:center;transition:transform .38s cubic-bezier(.3,1,.3,1)
}
.nana-hot-items__cta-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nana-hot-items__cta:hover .nana-hot-items__cta-text span{transform:translateY(-100%)}
.nana-hot-items__cta:hover .nana-hot-items__cta-icon{transform:rotate(-45deg)}
.nana-hot-items__carousel{margin-top:clamp(34px,3vw,48px);min-width:0}
.nana-hot-items__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.nana-hot-items__viewport::-webkit-scrollbar{display:none}
.nana-hot-items__track{display:flex;gap:30px}
.nana-hot-items__slide{min-width:100%;scroll-snap-align:start}
.nana-hot-item-card{
  position:relative;
  width:100%;
  min-height:174px;
  display:flex;align-items:center;
  padding:12px;
  border-radius:20px;
  background:#f3f3f3;
}
.nana-hot-item-card__media{
  position:relative;flex:0 0 130px;width:130px;aspect-ratio:3/4;
  overflow:hidden;border-radius:14px;background:#e6e6e6;
}
.nana-hot-item-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .42s ease,transform .6s cubic-bezier(.3,1,.3,1)}
.nana-hot-item-card__media img+img{opacity:0}
.nana-hot-item-card:hover .nana-hot-item-card__media img:first-child{opacity:0;transform:scale(1.045)}
.nana-hot-item-card:hover .nana-hot-item-card__media img+img{opacity:1;transform:scale(1.045)}
.nana-hot-item-card__body{min-width:0;flex:1;padding:10px 16px 10px 20px}
.nana-hot-item-card__title{
  position:relative;display:inline-block;margin:0;color:#111;text-decoration:none;
  font-size:15px;line-height:1.35;font-weight:700;
}
.nana-hot-item-card__title:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .28s cubic-bezier(.3,1,.3,1)}
.nana-hot-item-card__title:hover:after{transform:scaleX(1);transform-origin:left}
.nana-hot-item-card__price{margin-top:5px;font-size:15px;line-height:1.35;font-weight:700}
.nana-hot-item-card__swatches{display:flex;gap:7px;margin-top:14px}
.nana-hot-item-card__swatches i{width:24px;height:24px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 1px #d8d8d8}
.nana-hot-item-card__cart{
  position:relative;z-index:2;flex:0 0 50px;width:50px;height:50px;border:0;border-radius:50%;
  background:#111;color:#fff;display:grid;place-items:center;cursor:pointer;
  transition:transform .35s cubic-bezier(.3,1,.3,1),background .25s,color .25s;
}
.nana-hot-item-card__cart:hover{transform:scale(1.08) rotate(-6deg);background:#fff;color:#111}
.nana-hot-item-card__cart:active{transform:scale(.94)}
.nana-hot-item-card__cart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nana-hot-items__controls{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:18px;margin-top:22px}
.nana-hot-items__counter{font-size:13.5px;line-height:1;font-weight:500;white-space:nowrap}
.nana-hot-items__progress{height:2px;background:#dfdfdf;overflow:hidden;border-radius:999px}
.nana-hot-items__progress span{display:block;height:100%;width:50%;background:#111;transform-origin:left;transition:width .28s ease}
.nana-hot-items__arrows{display:flex;gap:8px}
.nana-hot-items__arrow{width:44px;height:44px;border:1px solid #e3e3e3;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,opacity .25s,transform .25s}
.nana-hot-items__arrow:hover:not(:disabled){background:#111;color:#fff;transform:scale(1.04)}
.nana-hot-items__arrow:disabled{opacity:.32;cursor:default}
.nana-hot-items__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){
  .nana-hot-items__wrap{grid-template-columns:1fr;padding:0}
  .nana-hot-items__media{order:1;border-radius:0;aspect-ratio:1/1.12}
  .nana-hot-items__content{order:2;padding:44px 16px 54px;text-align:center;align-items:center}
  .nana-hot-items__eyebrow,.nana-hot-items__title,.nana-hot-items__desc{text-align:center}
  .nana-hot-items__carousel{width:100%}
  .nana-hot-items__title{font-size:38px;line-height:1.2}
}
@media(max-width:600px){
  .nana-hot-items{padding-top:48px}
  .nana-hot-items__media{aspect-ratio:1/.98}
  .nana-hot-items__media-control{width:54px;height:54px;margin:-27px 0 0 -27px}
  .nana-hot-items__content{padding:38px 16px 48px}
  .nana-hot-items__desc{font-size:14px}
  .nana-hot-items__track{gap:16px}
  .nana-hot-item-card{min-height:132px;padding:10px}
  .nana-hot-item-card__media{flex-basis:90px;width:90px;border-radius:12px}
  .nana-hot-item-card__body{padding:8px 10px 8px 14px}
  .nana-hot-item-card__swatches{margin-top:10px}
  .nana-hot-item-card__cart{width:44px;height:44px;flex-basis:44px}
  .nana-hot-items__controls{gap:12px}
  .nana-hot-items__arrow{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .nana-hot-items__media.is-playing img{animation:none}
  .nana-hot-items__viewport{scroll-behavior:auto}
}

/* V8.18 — Pebble "How you style it" / product suggestion */
.nana-style-it{
  background:#fff;
  scroll-margin-top:110px;
  padding:clamp(72px,7.6vw,118px) 0 0;
}
.nana-style-it__wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.nana-style-it__head{text-align:center;margin:0 auto clamp(30px,3vw,46px)}
.nana-style-it__eyebrow{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0;
}
.nana-style-it__title{
  margin:0;
  font-size:clamp(34px,3.35vw,52px);
  line-height:1.16;
  letter-spacing:0;
  font-weight:700;
}
.nana-style-it__cards{display:flex;flex-direction:column;gap:10px}
.nana-style-step{
  background:#f5f5f5;
  border-radius:10px;
  overflow:hidden;
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
.nana-style-step__summary{
  list-style:none;
  min-height:96px;
  padding:24px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  cursor:pointer;
  user-select:none;
}
.nana-style-step__summary::-webkit-details-marker{display:none}
.nana-style-step__summary:focus-visible{outline:2px solid #111;outline-offset:-3px}
.nana-style-step__lead{display:flex;align-items:center;gap:18px;min-width:0}
.nana-style-step__number{
  width:50px;height:50px;flex:0 0 50px;
  display:grid;place-items:center;
  border-radius:8px;
  background:#111;color:#fff;
  font-size:18px;font-weight:700;
  transition:background .25s,color .25s,transform .25s;
}
.nana-style-step:not([open]) .nana-style-step__number{background:#fff;color:#111}
.nana-style-step__summary:hover .nana-style-step__number{transform:rotate(-4deg) scale(1.04)}
.nana-style-step__summary h3{
  margin:0;
  font-size:clamp(22px,2vw,29px);
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
}
.nana-style-step__badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.nana-style-step__badge{
  min-height:38px;padding:8px 15px;
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid #d6d6d6;border-radius:999px;
  background:transparent;
  font-size:13.5px;line-height:1;font-weight:500;
  white-space:nowrap;
}
.nana-style-step__badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nana-style-step__content{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .48s cubic-bezier(.3,1,.3,1),opacity .28s ease;
}
.nana-style-step[open] .nana-style-step__content{grid-template-rows:1fr;opacity:1}
.nana-style-step__inner{min-height:0;overflow:hidden}
.nana-style-step__body{padding:0 30px 32px}
.nana-style-step__mobile-badges{display:none;margin-bottom:20px;justify-content:flex-start}
.nana-style-products{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.nana-style-product{min-width:0;position:relative}
.nana-style-product__media{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  aspect-ratio:3/4;
  background:#e9e9e9;
}
.nana-style-product__media a{display:block;width:100%;height:100%}
.nana-style-product__image{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  transition:opacity .45s cubic-bezier(.3,1,.3,1),transform .65s cubic-bezier(.3,1,.3,1);
}
.nana-style-product__image.is-alt{opacity:0;transform:scale(1.02)}
.nana-style-product:hover .nana-style-product__image.is-main{opacity:0;transform:scale(1.035)}
.nana-style-product:hover .nana-style-product__image.is-alt{opacity:1;transform:scale(1.035)}
.nana-style-product__heart,
.nana-style-product__quick{
  position:absolute;z-index:2;
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  border:0;background:#fff;color:#111;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(0,0,0,.08);
  transition:transform .25s,background .25s,color .25s,opacity .25s;
}
.nana-style-product__heart{top:12px;right:12px;font-size:19px}
.nana-style-product__quick{right:12px;bottom:12px;background:#111;color:#fff}
.nana-style-product__quick svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nana-style-product__heart:hover,.nana-style-product__quick:hover{transform:scale(1.08)}
.nana-style-product__quick:hover{background:#fff;color:#111}
.nana-style-product__heart.is-active{background:#111;color:#fff}
.nana-style-product__info{padding:14px 1px 0}
.nana-style-product__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.nana-style-product__name{
  display:inline-block;
  font-size:15px;line-height:1.35;font-weight:700;
  position:relative;
}
.nana-style-product__name::after{
  content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;
  transition:right .32s cubic-bezier(.3,1,.3,1)
}
.nana-style-product:hover .nana-style-product__name::after{right:0}
.nana-style-product__price{font-size:15px;line-height:1.35;font-weight:700;white-space:nowrap}
.nana-style-product__swatches{display:flex;gap:6px;margin-top:11px}
.nana-style-product__swatch{
  width:24px;height:24px;border-radius:2px;
  background:var(--swatch,#ddd);
  border:1px solid rgba(0,0,0,.12);
  box-shadow:inset 0 0 0 2px #fff;
  cursor:pointer;
  transition:transform .2s,outline-color .2s;
}
.nana-style-product__swatch:hover{transform:scale(1.08)}
.nana-style-product__swatch.is-active{outline:1px solid #111;outline-offset:1px}
.nana-style-step__progress{display:none}
@media(max-width:1199px) and (min-width:768px){
  .nana-style-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  .nana-style-products::-webkit-scrollbar{display:none}
  .nana-style-product{flex:0 0 calc((100% - 20px)/3);scroll-snap-align:start}
  .nana-style-step__progress{display:block;height:2px;background:#dcdcdc;margin-top:22px;overflow:hidden}
  .nana-style-step__progress span{display:block;width:75%;height:100%;background:#111;transform-origin:left}
}
@media(max-width:767px){
  .nana-style-it{padding:52px 0 0}
  .nana-style-it__wrap{width:min(calc(100% - 28px),var(--max))}
  .nana-style-it__head{margin-bottom:24px}
  .nana-style-it__eyebrow{font-size:13px;margin-bottom:15px}
  .nana-style-it__title{font-size:clamp(31px,9.2vw,40px);line-height:1.17}
  .nana-style-it__cards{gap:8px}
  .nana-style-step__summary{min-height:82px;padding:16px;align-items:flex-start}
  .nana-style-step__lead{gap:12px}
  .nana-style-step__number{width:42px;height:42px;flex-basis:42px;font-size:15px;border-radius:7px}
  .nana-style-step__summary h3{font-size:20px;padding-top:8px}
  .nana-style-step__summary>.nana-style-step__badges{display:none}
  .nana-style-step__body{padding:0 16px 20px}
  .nana-style-step__mobile-badges{display:flex}
  .nana-style-step__badge{min-height:34px;padding:7px 11px;font-size:12px}
  .nana-style-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .nana-style-product__media{border-radius:14px}
  .nana-style-product__heart,.nana-style-product__quick{width:38px;height:38px}
  .nana-style-product__heart{top:8px;right:8px}
  .nana-style-product__quick{right:8px;bottom:8px}
  .nana-style-product__info{padding-top:10px}
  .nana-style-product__top{display:block}
  .nana-style-product__name,.nana-style-product__price{font-size:13px}
  .nana-style-product__price{display:block;margin-top:2px}
  .nana-style-product__swatches{margin-top:8px}
  .nana-style-product__swatch{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
  .nana-style-step__content,.nana-style-product__image,.nana-style-step__number{transition:none}
}



/* Source block: nana-bundle-save-v818 */

  .nana-bundle {
    --bundle-ink: #151515;
    --bundle-muted: rgba(21,21,21,.66);
    --bundle-line: rgba(21,21,21,.14);
    background: #fff;
    color: var(--bundle-ink);
    padding: clamp(72px, 8vw, 118px) 0;
    overflow: clip;
  }
  .nana-bundle__wrap {
    width: min(1440px, calc(100% - 48px));
    margin: 0 auto;
  }
  .nana-bundle__mobile-head { display: none; }
  .nana-bundle__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(54px, 6vw, 100px);
  }
  .nana-bundle__visual {
    position: relative;
    min-width: 0;
  }
  .nana-bundle__banner {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    aspect-ratio: .882 / 1;
    background: #eeeae4;
    isolation: isolate;
  }
  .nana-bundle__banner::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,.02), transparent 32%, rgba(0,0,0,.05));
    z-index: 1;
  }
  .nana-bundle__banner img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .7s cubic-bezier(.3,1,.3,1);
  }
  .nana-bundle__visual:hover .nana-bundle__banner img { transform: scale(1.025); }
  .nana-bundle__hotspot,
  .nana-bundle__number {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0,0,0,.12);
    background: rgba(255,255,255,.94);
    color: #111;
    font: 700 15px/1 var(--font-body, Arial, sans-serif);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
  }
  .nana-bundle__hotspot {
    position: absolute;
    z-index: 3;
    border: 0;
    cursor: pointer;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
  }
  .nana-bundle__hotspot::after {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: inherit;
    border: 1px solid rgba(255,255,255,.75);
    opacity: 0;
    transform: scale(.78);
    transition: opacity .28s ease, transform .28s ease;
  }
  .nana-bundle__hotspot[data-index="0"] { top: 26%; left: 56%; }
  .nana-bundle__hotspot[data-index="1"] { top: 62%; left: 40%; }
  .nana-bundle__hotspot:hover,
  .nana-bundle__hotspot:focus-visible,
  .nana-bundle__hotspot.is-active {
    background: #111;
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
    outline: none;
  }
  .nana-bundle__hotspot:hover::after,
  .nana-bundle__hotspot:focus-visible::after,
  .nana-bundle__hotspot.is-active::after { opacity: 1; transform: scale(1); }

  .nana-bundle__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(28px, 3vw, 42px);
  }
  .nana-bundle__head { text-align: center; }
  .nana-bundle__eyebrow {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing:0;
  }
  .nana-bundle__title {
    margin: 0;
    font-size: clamp(34px, 3.35vw, 48px);
    line-height: 1.08;
    letter-spacing:0;
    font-weight: 700;
  }
  .nana-bundle__products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
  }
  .nana-bundle-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: opacity .28s ease, transform .28s ease;
  }
  .nana-bundle-card:not(.is-active) { opacity: .78; }
  .nana-bundle-card.is-active { opacity: 1; transform: translateY(-3px); }
  .nana-bundle-card__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .nana-bundle-card__media {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    aspect-ratio: .75 / 1;
    background: #f1eee9;
  }
  .nana-bundle-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.3,1,.3,1);
  }
  .nana-bundle-card:nth-child(1) .nana-bundle-card__media img { object-position: 50% 22%; }
  .nana-bundle-card:nth-child(2) .nana-bundle-card__media img { object-position: 50% 82%; transform: scale(1.18); }
  .nana-bundle-card:nth-child(1):hover .nana-bundle-card__media img { transform: scale(1.045); }
  .nana-bundle-card:nth-child(2):hover .nana-bundle-card__media img { transform: scale(1.23); }
  .nana-bundle-card__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
  }
  .nana-bundle-card__name {
    color: inherit;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    width: fit-content;
    background-image: linear-gradient(currentColor,currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 1px;
    transition: background-size .3s ease;
  }
  .nana-bundle-card:hover .nana-bundle-card__name,
  .nana-bundle-card__name:focus-visible { background-size: 100% 1px; }
  .nana-bundle-card__price-row {
    min-height: 20px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
  }
  .nana-bundle-card__compare {
    color: var(--bundle-muted);
    font-size: 13px;
    font-weight: 500;
    text-decoration: line-through;
  }
  .nana-bundle-card__select-wrap { position: relative; }
  .nana-bundle-card__select {
    width: auto;
    max-width: 100%;
    min-height: 40px;
    appearance: none;
    border: 1px solid var(--bundle-line);
    border-radius: 999px;
    background: #f2f2f2;
    color: #111;
    padding: 0 38px 0 16px;
    font: 600 13px/1 var(--font-body, Arial, sans-serif);
    cursor: pointer;
    outline: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
  }
  .nana-bundle-card__select:hover,
  .nana-bundle-card__select:focus {
    background: #fff;
    border-color: rgba(0,0,0,.34);
    box-shadow: 0 0 0 3px rgba(0,0,0,.05);
  }
  .nana-bundle-card__select-wrap::after {
    content: "⌄";
    position: absolute;
    left: min(164px, calc(100% - 28px));
    top: 50%;
    transform: translate(-100%,-58%);
    font-size: 15px;
    pointer-events: none;
  }
  .nana-bundle__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .nana-bundle__cta {
    position: relative;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background: #111;
    color: #fff;
    padding: 0 22px 0 26px;
    display: inline-flex;
    align-items: center;
    gap: 18px;
    overflow: hidden;
    cursor: pointer;
    font: 700 15px/1 var(--font-body, Arial, sans-serif);
    transition: transform .22s ease, box-shadow .22s ease;
  }
  .nana-bundle__cta:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.18); }
  .nana-bundle__cta:active { transform: translateY(0) scale(.98); }
  .nana-bundle__cta-arrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    color: #111;
    transition: transform .35s cubic-bezier(.3,1,.3,1);
  }
  .nana-bundle__cta:hover .nana-bundle__cta-arrow { transform: translateX(3px) rotate(-8deg); }
  .nana-bundle__cta-arrow svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .nana-bundle__status {
    min-height: 18px;
    margin: 0;
    color: var(--bundle-muted);
    font-size: 13px;
    line-height: 1.35;
    text-align: center;
  }

  @media (max-width: 900px) {
    .nana-bundle { padding: 64px 0 72px; }
    .nana-bundle__wrap { width: min(100% - 32px, 720px); }
    .nana-bundle__mobile-head { display: block; text-align: center; margin-bottom: 28px; }
    .nana-bundle__content > .nana-bundle__head { display: none; }
    .nana-bundle__layout { grid-template-columns: 1fr; gap: 32px; }
    .nana-bundle__banner { aspect-ratio: .882 / 1; }
    .nana-bundle__content { gap: 24px; }
    .nana-bundle__eyebrow { margin-bottom: 12px; font-size: 13px; }
    .nana-bundle__title { font-size: clamp(31px, 9vw, 40px); }
    .nana-bundle-card__top { flex-direction: row; align-items: center; gap: 10px; }
    .nana-bundle__number { width: 36px; height: 36px; flex: 0 0 36px; font-size: 13px; box-shadow: none; }
    .nana-bundle-card__media { border-radius: 16px; }
    .nana-bundle-card__info { padding-left: 46px; }
    .nana-bundle-card__select { width: 100%; padding-right: 34px; }
    .nana-bundle-card__select-wrap::after { left: auto; right: 14px; transform: translateY(-58%); }
    .nana-bundle__cta { width: 100%; justify-content: space-between; }
  }
  @media (max-width: 540px) {
    .nana-bundle__wrap { width: calc(100% - 24px); }
    .nana-bundle__products { gap: 10px; }
    .nana-bundle__hotspot { width: 38px; height: 38px; }
    .nana-bundle-card__top { gap: 7px; }
    .nana-bundle__number { width: 32px; height: 32px; flex-basis: 32px; }
    .nana-bundle-card__info { padding-left: 39px; gap: 7px; }
    .nana-bundle-card__name { font-size: 13.5px; }
    .nana-bundle-card__price-row { font-size: 13px; }
    .nana-bundle-card__compare { display: block; width: 100%; font-size: 12px; }
    .nana-bundle-card__select { min-height: 38px; padding: 0 28px 0 12px; font-size: 12px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .nana-bundle *, .nana-bundle *::before, .nana-bundle *::after { scroll-behavior: auto; transition-duration: .01ms; }
  }


/* Source block: nana-customer-reviews-v819 */

  .nana-reviews {
    --reviews-bg: #e1ecf4;
    --reviews-ink: #111;
    --reviews-muted: rgba(17,17,17,.68);
    background: var(--reviews-bg);
    color: var(--reviews-ink);
    padding: clamp(72px, 8vw, 112px) 0;
    overflow: clip;
  }
  .nana-reviews__wrap {
    width: min(1440px, calc(100% - 48px));
    margin: 0 auto;
  }
  .nana-reviews__stage {
    position: relative;
    min-height: 2460px;
  }
  .nana-reviews__header-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
  }
  .nana-reviews__header {
    position: sticky;
    top: clamp(180px, 34vh, 330px);
    width: min(520px, 44vw);
    margin: 0 auto;
    text-align: center;
  }
  .nana-reviews__eyebrow {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
  }
  .nana-reviews__title {
    margin: 0;
    font-family: "Bricolage Grotesque",sans-serif;
    font-size: clamp(38px, 4.75vw, 68px);
    line-height: .98;
    letter-spacing:0;
    font-weight: 800;
  }
  .nana-reviews__cards {
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  .nana-review-card {
    --review-y: 0px;
    position: absolute;
    width: clamp(208px, 18vw, 246px);
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    transform: translate3d(0, var(--review-y), 0);
    will-change: transform;
    transition: box-shadow .35s ease;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
  .nana-review-card:hover {
    box-shadow: 0 18px 50px rgba(28,50,70,.10);
  }
  .nana-review-card:nth-child(1) { top: 0; left: 0; }
  .nana-review-card:nth-child(2) { top: 250px; right: 0; }
  .nana-review-card:nth-child(3) { top: 560px; left: 50%; margin-left: -123px; }
  .nana-review-card:nth-child(4) { top: 865px; left: 0; }
  .nana-review-card:nth-child(5) { top: 1180px; right: 0; }
  .nana-review-card:nth-child(6) { top: 1500px; left: 50%; margin-left: -123px; }
  .nana-review-card:nth-child(7) { top: 1790px; left: 0; }
  .nana-review-card:nth-child(8) { top: 2050px; right: 0; }
  .nana-review-card__media {
    position: relative;
    margin: 0;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 10px;
    background: #edf0f2;
  }
  .nana-review-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .65s cubic-bezier(.3,1,.3,1);
  }
  .nana-review-card:hover .nana-review-card__media img { transform: scale(1.045); }
  .nana-review-card__content {
    min-height: 204px;
    display: flex;
    flex-direction: column;
    padding: 18px 18px 20px;
  }
  .nana-review-card__quote {
    margin: 0 0 14px;
    color: var(--reviews-muted);
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
  }
  .nana-review-card__author {
    margin: 0;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
  }
  .nana-review-card__product {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 22px;
    color: inherit;
    text-decoration: none;
  }
  .nana-review-card__thumb {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    flex: 0 0 40px;
    background: #f0f0f0;
  }
  .nana-review-card__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nana-review-card__product-name {
    position: relative;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 800;
  }
  .nana-review-card__product-name::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -3px;
    height: 1px;
    background: currentColor;
    transition: right .3s ease;
  }
  .nana-review-card__product:hover .nana-review-card__product-name::after,
  .nana-review-card__product:focus-visible .nana-review-card__product-name::after { right: 0; }

  @media (max-width: 1023px) and (min-width: 768px) {
    .nana-reviews__stage { min-height: 2220px; }
    .nana-reviews__header { width: 44vw; }
    .nana-review-card:nth-child(3),
    .nana-review-card:nth-child(6) { margin-left: calc(clamp(208px, 18vw, 246px) / -2); }
    .nana-review-card:nth-child(8) { top: 1840px; }
  }

  @media (max-width: 767px) {
    .nana-reviews { padding: 48px 0; overflow: hidden; }
    .nana-reviews__wrap { width: 100%; }
    .nana-reviews__stage { min-height: 0; }
    .nana-reviews__header-layer { position: relative; inset: auto; padding: 0 20px 34px; }
    .nana-reviews__header { position: static; width: auto; }
    .nana-reviews__eyebrow { margin-bottom: 12px; font-size: 14px; }
    .nana-reviews__title { font-size: 38px; line-height: 1; }
    .nana-reviews__cards {
      position: relative;
      inset: auto;
      display: flex;
      gap: 8px;
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      padding: 0 20px 8px;
    }
    .nana-reviews__cards::-webkit-scrollbar { display: none; }
    .nana-review-card,
    .nana-review-card:nth-child(n) {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      margin-left: 0;
      width: min(66vw, 286px);
      flex: 0 0 min(66vw, 286px);
      scroll-snap-align: start;
      transform: none;
      will-change: auto;
    }
    .nana-review-card__content { min-height: 210px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .nana-review-card { transform: none; will-change: auto; }
    .nana-review-card__media img,
    .nana-review-card__product-name::after { transition: none; }
  }


/* Source block: nana-our-story-v820 */

  .nana-our-story {
    --story-ink: #111;
    --story-muted: rgba(17,17,17,.68);
    background: #fff;
    color: var(--story-ink);
    overflow: clip;
  }
  .nana-our-story__inner {
    width: min(1280px, calc(100% - 64px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 560px) minmax(0, 560px);
    justify-content: space-between;
    column-gap: clamp(48px, 6vw, 96px);
    align-items: center;
    padding-block: clamp(64px, 7vw, 96px);
  }
  .nana-our-story__copy {
    padding-inline: 0;
    max-width: 560px;
  }
  .nana-our-story__eyebrow {
    margin: 0 0 clamp(12px, 1.4vw, 20px);
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing:0;
  }
  .nana-our-story__title {
    margin: 0 0 clamp(20px, 2vw, 24px);
    max-width: 560px;
    font-family: "Bricolage Grotesque",sans-serif;
    font-size: clamp(34px, 3.35vw, 48px);
    line-height: 1.31;
    letter-spacing:0;
    font-weight: 800;
  }
  .nana-our-story__text {
    margin: 0 0 clamp(24px, 2.4vw, 32px);
    max-width: 590px;
    color: var(--story-muted);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
  }
  .nana-our-story__cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    padding: 5px 5px 5px 22px;
    border: 1px solid #111;
    border-radius: 999px;
    background: #111;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;
  }
  .nana-our-story__cta-label {
    position: relative;
    display: grid;
    height: 18px;
    margin-right: 18px;
    overflow: hidden;
  }
  .nana-our-story__cta-label span {
    grid-area: 1 / 1;
    transition: transform .38s cubic-bezier(.22,1,.36,1), opacity .3s ease;
  }
  .nana-our-story__cta-label span:last-child {
    transform: translateY(130%);
  }
  .nana-our-story__cta-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #111;
    transition: transform .4s cubic-bezier(.22,1,.36,1);
  }
  .nana-our-story__cta-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .nana-our-story__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(17,17,17,.14);
  }
  .nana-our-story__cta:hover .nana-our-story__cta-label span:first-child {
    transform: translateY(-130%);
  }
  .nana-our-story__cta:hover .nana-our-story__cta-label span:last-child {
    transform: translateY(0);
  }
  .nana-our-story__cta:hover .nana-our-story__cta-icon {
    transform: rotate(-45deg);
  }
  .nana-our-story__visual {
    position: relative;
    width: min(100%, 560px);
    aspect-ratio: 1;
    justify-self: end;
    overflow: visible;
  }
  .nana-our-story__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 50%;
    background: #eee;
    clip-path: circle(50% at 50% 50%);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
  .nana-our-story__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 42%;
    transition: transform .8s cubic-bezier(.22,1,.36,1);
  }
  .nana-our-story__visual:hover .nana-our-story__media img {
    transform: scale(1.035);
  }
  .nana-our-story__badge {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    color: #111;
    font-size: clamp(18px, 1.45vw, 22px);
    line-height: 1;
    font-weight: 800;
    text-align: center;
    pointer-events: none;
    filter: drop-shadow(0 8px 20px rgba(17,17,17,.05));
  }
  .nana-our-story__badge--wow {
    top: 9%;
    left: 5%;
    width: clamp(80px, 7.2vw, 104px);
    aspect-ratio: 1.32;
    border-radius: 32px;
    background: #bde6ee;
    transform: rotate(20deg);
    animation: nanaOurStoryFloatDown 4.8s ease-in-out infinite;
  }
  .nana-our-story__badge--playful {
    top: 69%;
    left: 91%;
    width: clamp(90px, 7.65vw, 110px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #ffc8c8;
    transform: translateX(-50%) rotate(-24deg);
    animation: nanaOurStoryFloatUp 5.2s ease-in-out infinite;
  }
  @keyframes nanaOurStoryFloatDown {
    0%,100% { translate: 0 0; }
    50% { translate: 0 8px; }
  }
  @keyframes nanaOurStoryFloatUp {
    0%,100% { translate: 0 0; }
    50% { translate: 0 -8px; }
  }
  .nana-our-story [data-story-reveal] {
    opacity: 0;
    transform: translateY(26px);
    transition:
      opacity .72s cubic-bezier(.22,1,.36,1),
      transform .72s cubic-bezier(.22,1,.36,1);
    transition-delay: var(--story-delay, 0ms);
  }
  .nana-our-story.is-visible [data-story-reveal] {
    opacity: 1;
    transform: translateY(0);
  }
  .nana-our-story__visual[data-story-reveal] {
    transform: translateY(24px) scale(.975);
  }
  .nana-our-story.is-visible .nana-our-story__visual[data-story-reveal] {
    transform: translateY(0) scale(1);
  }
  @media (max-width: 1100px) and (min-width: 768px) {
    .nana-our-story__inner {
      width: min(100% - 48px, 1040px);
      grid-template-columns: minmax(0, 1fr) minmax(380px, 480px);
      column-gap: 40px;
    }
    .nana-our-story__title {
      font-size: clamp(36px, 4vw, 44px);
    }
    .nana-our-story__visual {
      width: min(100%, 480px);
    }
  }
  @media (max-width: 767px) {
    .nana-our-story__inner {
      width: min(100% - 32px, 720px);
      grid-template-columns: 1fr;
      gap: 40px;
      padding-block: 48px;
    }
    .nana-our-story__copy {
      padding-inline: 0;
    }
    .nana-our-story__title {
      font-size: 34px;
      line-height: 1.28;
      letter-spacing:0;
    }
    .nana-our-story__text {
      margin-bottom: 24px;
    }
    .nana-our-story__visual {
      width: min(100%, 520px);
      justify-self: center;
    }
    .nana-our-story__badge--wow {
      left: 0;
      width: 80px;
    }
    .nana-our-story__badge--playful {
      left: 74%;
      width: 90px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .nana-our-story [data-story-reveal] {
      opacity: 1;
      transform: none;
      transition: none;
    }
    .nana-our-story__badge { animation: none; }
    .nana-our-story__media img,
    .nana-our-story__cta,
    .nana-our-story__cta * { transition: none; }
  }


/* Source block: nana-explorer-comfort-v822 */

  /* Pebble-style secondary comfort marquee */
  .nana-comfort-marquee-2 {
    --marquee-bg: #f6fd7c;
    background: var(--marquee-bg);
    color: #000;
    width: 100%;
    overflow: hidden;
    padding: 16px 0;
    position: relative;
    z-index: 1;
  }
  .nana-comfort-marquee-2__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: nanaComfortMarquee2 20s linear infinite;
  }
  .nana-comfort-marquee-2:hover .nana-comfort-marquee-2__track,
  .nana-comfort-marquee-2:focus-within .nana-comfort-marquee-2__track {
    animation-play-state: paused;
  }
  .nana-comfort-marquee-2__group {
    display: flex;
    align-items: center;
    flex: none;
    gap: 40px;
    padding-right: 40px;
  }
  .nana-comfort-marquee-2__item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    font-size: clamp(18px, 1.5vw, 22px);
    line-height: 1.2;
    font-weight: 700;
  }
  .nana-comfort-marquee-2__icon {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 32px;
  }
  .nana-comfort-marquee-2__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .nana-comfort-marquee-2__shop {
    height: 50px;
    min-width: 82px;
    padding: 0 24px;
    border: 1px solid #ebebeb;
    border-radius: 999px;
    background: #ebebeb;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: lowercase;
    transition: background-color .3s ease, color .3s ease, transform .3s cubic-bezier(.3,1,.3,1);
  }
  .nana-comfort-marquee-2__shop:hover,
  .nana-comfort-marquee-2__shop:focus-visible {
    background: #000;
    border-color: #000;
    color: #fff;
    transform: translateY(-2px);
  }
  @keyframes nanaComfortMarquee2 {
    to { transform: translate3d(-50%, 0, 0); }
  }

  /* Küçük kâşifini konforla giydir */
  .nana-explorer-comfort {
    background: #fff;
    color: #000;
    overflow: hidden;
    padding: clamp(48px, 7.55vw, 100px) 0 82px;
  }
  .nana-explorer-comfort__shell {
    width: min(1440px, calc(100% - 48px));
    margin: 0 auto;
  }
  .nana-explorer-comfort__header {
    padding-bottom: clamp(24px, 5.23vw, 60px);
  }
  .nana-explorer-comfort__title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: clamp(28px, 3.1vw, 40px);
    line-height: 1.2;
    letter-spacing:0;
    font-weight: 700;
  }
  .nana-explorer-comfort__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    cursor: grab;
    touch-action: pan-x pan-y;
  }
  .nana-explorer-comfort__viewport::-webkit-scrollbar { display: none; }
  .nana-explorer-comfort__viewport.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;
  }
  .nana-explorer-comfort__track {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    width: max-content;
    padding: 0 0 4px;
  }
  .nana-explorer-card {
    --card-w: 30vw;
    flex: 0 0 min(var(--card-w), 562px);
    width: min(var(--card-w), 562px);
    display: grid;
    gap: 20px;
    scroll-snap-align: start;
    position: relative;
  }
  .nana-explorer-card[data-width="21"] { --card-w: 21vw; max-width: 303px; }
  .nana-explorer-card[data-width="30"] { --card-w: 30vw; max-width: 432px; }
  .nana-explorer-card[data-width="39"] { --card-w: 39vw; max-width: 562px; }
  .nana-explorer-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    background: #eee;
    aspect-ratio: var(--ratio, 1);
    isolation: isolate;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
  .nana-explorer-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s cubic-bezier(.3,1,.3,1);
  }
  .nana-explorer-card:hover .nana-explorer-card__media img,
  .nana-explorer-card:focus-within .nana-explorer-card__media img {
    transform: scale(1.045);
  }
  .nana-explorer-card__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    min-height: 32px;
    padding: 7px 14px;
    border-radius: 999px;
    background: #000;
    color: #fff;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
  }
  .nana-explorer-card__link {
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: inherit;
  }
  .nana-explorer-card__content { min-width: 0; }
  .nana-explorer-card__heading {
    margin: 0;
    font-size: clamp(20px, 2vw, 28px);
    line-height: 1.357;
    letter-spacing:0;
    font-weight: 700;
  }
  .nana-explorer-card__text {
    margin: 12px 0 0;
    max-width: 44ch;
    color: rgba(0,0,0,.7);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
  }
  .nana-explorer-comfort__controls {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-top: 42px;
  }
  .nana-explorer-comfort__progress {
    height: 2px;
    flex: 1;
    overflow: hidden;
    background: rgba(0,0,0,.12);
    position: relative;
  }
  .nana-explorer-comfort__progress-fill {
    position: absolute;
    inset: 0;
    background: #000;
    transform: scaleX(.2);
    transform-origin: left center;
    transition: transform .3s ease;
  }
  .nana-explorer-comfort__buttons {
    display: flex;
    gap: 8px;
  }
  .nana-explorer-comfort__button {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0,0,0,.18);
    border-radius: 50%;
    background: #fff;
    color: #000;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s cubic-bezier(.3,1,.3,1), opacity .3s ease;
  }
  .nana-explorer-comfort__button svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .nana-explorer-comfort__button:hover:not(:disabled),
  .nana-explorer-comfort__button:focus-visible:not(:disabled) {
    background: #000;
    color: #fff;
    border-color: #000;
    transform: scale(1.04);
  }
  .nana-explorer-comfort__button:disabled {
    opacity: .3;
    cursor: default;
  }

  @media (max-width: 767px) {
    .nana-comfort-marquee-2 { padding: 16px 0; }
    .nana-comfort-marquee-2__group { gap: 28px; padding-right: 28px; }
    .nana-comfort-marquee-2__item { font-size: 18px; }
    .nana-comfort-marquee-2__shop { height: 46px; min-width: 74px; padding: 0 20px; }
    .nana-explorer-comfort { padding: 48px 0 56px; }
    .nana-explorer-comfort__shell { width: calc(100% - 32px); }
    .nana-explorer-comfort__header { padding-bottom: 24px; }
    .nana-explorer-comfort__title { text-align: left; font-size: 28px; width: fit-content; }
    .nana-explorer-comfort__track { gap: 8px; }
    .nana-explorer-card,
    .nana-explorer-card[data-width="21"],
    .nana-explorer-card[data-width="30"],
    .nana-explorer-card[data-width="39"] {
      --card-w: 68vw;
      width: 68vw;
      max-width: none;
      flex-basis: 68vw;
      gap: 16px;
    }
    .nana-explorer-card__media { aspect-ratio: 1; border-radius: 20px; }
    .nana-explorer-card__heading { font-size: 20px; }
    .nana-explorer-card__text { margin-top: 8px; font-size: 14px; }
    .nana-explorer-card__badge { top: 12px; left: 12px; }
    .nana-explorer-comfort__controls { display: none; }
  }

  @media (prefers-reduced-motion: reduce) {
    .nana-comfort-marquee-2__track { animation-play-state: paused; }
    .nana-explorer-card__media img,
    .nana-explorer-comfort__button,
    .nana-comfort-marquee-2__shop { transition: none; }
  }


/* Source block: nana-finder-v823-css */

  .nana-finder-v823 {
    --finder-ink: #111111;
    --finder-blue: #dfe9ff;
    --finder-lilac: #efebff;
    --finder-yellow: #f5f7b9;
    --finder-pink: #ffc6cf;
    background: var(--finder-lilac);
    color: var(--finder-ink);
    padding: clamp(76px, 8vw, 126px) 0 clamp(84px, 9vw, 142px);
    overflow: hidden;
    position: relative;
  }
  .nana-finder-v823::before,
  .nana-finder-v823::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(1px);
  }
  .nana-finder-v823::before {
    width: 260px;
    height: 260px;
    background: rgba(255,255,255,.34);
    top: -118px;
    right: 8%;
  }
  .nana-finder-v823::after {
    width: 150px;
    height: 150px;
    background: rgba(245,247,185,.55);
    bottom: 5%;
    left: -62px;
  }
  .nana-finder-v823__shell {
    width: min(100% - 64px, 1420px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .nana-finder-v823__intro {
    max-width: 930px;
    margin: 0 auto clamp(42px, 5vw, 72px);
    text-align: center;
  }
  .nana-finder-v823__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing:0;
  }
  .nana-finder-v823__eyebrow span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #5276e8;
    box-shadow: 13px 0 0 #ff889a;
    margin-right: 13px;
  }
  .nana-finder-v823__intro h2 {
    margin: 0;
    font-size: clamp(48px, 6vw, 88px);
    line-height: .95;
    letter-spacing:0;
    font-weight: 760;
  }
  .nana-finder-v823__intro h2 em {
    font-style: normal;
    display: inline-block;
    padding: .03em .16em .08em;
    margin-top: .08em;
    background: var(--finder-yellow);
    border-radius: .17em;
    transform: rotate(-1deg);
  }
  .nana-finder-v823__intro > p:last-child {
    max-width: 660px;
    margin: 28px auto 0;
    font-size: 16px;
    line-height: 1.65;
    color: rgba(17,17,17,.68);
  }
  .nana-finder-v823__layout {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 16px;
    align-items: stretch;
  }
  .nana-finder-v823__quiz,
  .nana-finder-v823__preview {
    min-height: 690px;
    border-radius: 32px;
    overflow: hidden;
  }
  .nana-finder-v823__quiz {
    background: #ffffff;
    padding: clamp(30px, 4vw, 58px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 22px 60px rgba(69, 61, 130, .08);
  }
  .nana-finder-v823__quiz-top {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr);
    align-items: end;
    gap: 28px;
    margin-bottom: clamp(46px, 6vw, 84px);
  }
  .nana-finder-v823__step-label {
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: 750;
    letter-spacing:0;
  }
  .nana-finder-v823__step-count {
    display: flex;
    align-items: flex-start;
    font-size: 32px;
    line-height: 1;
    letter-spacing:0;
  }
  .nana-finder-v823__step-count small {
    margin: 4px 0 0 4px;
    font-size: 12px;
    letter-spacing:0;
    color: rgba(17,17,17,.42);
  }
  .nana-finder-v823__progress {
    height: 4px;
    border-radius: 999px;
    background: #ececec;
    overflow: hidden;
    margin-bottom: 4px;
  }
  .nana-finder-v823__progress span {
    display: block;
    width: 33.333%;
    height: 100%;
    border-radius: inherit;
    background: #111;
    transition: width .45s cubic-bezier(.3,1,.3,1);
  }
  .nana-finder-v823__question {
    transition: opacity .22s ease, transform .22s ease;
  }
  .nana-finder-v823__question.is-changing {
    opacity: 0;
    transform: translateY(10px);
  }
  .nana-finder-v823__question-kicker {
    margin: 0 0 12px;
    color: #5276e8;
    font-size: 12px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing:0;
  }
  .nana-finder-v823__question h3 {
    margin: 0;
    max-width: 560px;
    font-size: clamp(34px, 3.6vw, 54px);
    line-height: 1.02;
    letter-spacing:0;
    font-weight: 740;
  }
  .nana-finder-v823__question > p:last-child {
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(17,17,17,.58);
  }
  .nana-finder-v823__choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 32px;
  }
  .nana-finder-v823__choice {
    min-height: 66px;
    padding: 0 18px;
    border: 1px solid rgba(17,17,17,.13);
    border-radius: 999px;
    background: #fff;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    text-align: left;
    font: inherit;
    font-size: 14px;
    font-weight: 680;
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
  }
  .nana-finder-v823__choice::after {
    content: "";
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    border: 1px solid rgba(17,17,17,.24);
    box-shadow: inset 0 0 0 6px #fff;
    background: transparent;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
  }
  .nana-finder-v823__choice:hover {
    transform: translateY(-2px);
    border-color: #111;
  }
  .nana-finder-v823__choice.is-active {
    background: #111;
    color: #fff;
    border-color: #111;
  }
  .nana-finder-v823__choice.is-active::after {
    background: var(--finder-yellow);
    border-color: var(--finder-yellow);
    box-shadow: inset 0 0 0 6px #111;
  }
  .nana-finder-v823__summary {
    min-height: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 22px;
  }
  .nana-finder-v823__summary:empty { display: none; }
  .nana-finder-v823__summary span {
    padding: 8px 12px;
    border-radius: 999px;
    background: #f2f2f2;
    color: rgba(17,17,17,.72);
    font-size: 11px;
    font-weight: 650;
  }
  .nana-finder-v823__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding-top: 32px;
  }
  .nana-finder-v823__back {
    border: 0;
    background: transparent;
    color: #111;
    padding: 12px 4px;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    opacity: .72;
  }
  .nana-finder-v823__back:disabled { opacity: .22; cursor: default; }
  .nana-finder-v823__next {
    min-width: 180px;
    height: 54px;
    padding: 4px 5px 4px 22px;
    border: 0;
    border-radius: 999px;
    background: #111;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 720;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .nana-finder-v823__next:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0,0,0,.16); }
  .nana-finder-v823__next-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    color: #111;
    display: grid;
    place-items: center;
    font-size: 18px;
    transition: transform .3s cubic-bezier(.3,1,.3,1);
  }
  .nana-finder-v823__next:hover .nana-finder-v823__next-icon { transform: translateX(2px) rotate(-8deg); }
  .nana-finder-v823__notice {
    min-height: 18px;
    margin: 12px 0 0;
    color: #d64f62;
    font-size: 11px;
    text-align: right;
  }
  .nana-finder-v823__preview {
    position: relative;
    background: var(--finder-yellow);
    box-shadow: 0 22px 60px rgba(69, 61, 130, .08);
  }
  .nana-finder-v823__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
  }
  .nana-finder-v823__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: opacity .35s ease, transform .8s cubic-bezier(.3,1,.3,1);
  }
  .nana-finder-v823__preview:hover .nana-finder-v823__media img { transform: scale(1.025); }
  .nana-finder-v823__media img.is-switching { opacity: .12; transform: scale(1.04); }
  .nana-finder-v823__wash {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.02) 35%, rgba(0,0,0,.48) 100%);
  }
  .nana-finder-v823__sticker {
    position: absolute;
    top: 40px;
    right: 42px;
    width: 116px;
    height: 100px;
    display: grid;
    place-items: center;
    text-align: center;
    background: var(--finder-blue);
    border-radius: 44% 56% 49% 51% / 52% 43% 57% 48%;
    transform: rotate(8deg);
    animation: nanaFinderFloat 5.2s ease-in-out infinite;
    box-shadow: 0 10px 24px rgba(0,0,0,.07);
  }
  .nana-finder-v823__sticker span {
    font-size: 17px;
    line-height: .94;
    font-weight: 780;
    letter-spacing:0;
  }
  .nana-finder-v823__spark {
    position: absolute;
    color: var(--finder-pink);
    font-size: 34px;
    line-height: 1;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.08));
  }
  .nana-finder-v823__spark--one { left: 34px; top: 34%; transform: rotate(-14deg); }
  .nana-finder-v823__spark--two { right: 22%; top: 26%; color: var(--finder-yellow); font-size: 22px; }
  .nana-finder-v823__result-card {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    min-height: 150px;
    padding: 24px 24px 22px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 24px;
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(22px) saturate(1.15);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 24px;
    box-shadow: 0 16px 38px rgba(0,0,0,.12);
    transition: transform .35s cubic-bezier(.3,1,.3,1), background .35s ease;
  }
  .nana-finder-v823__result-card.is-ready { background: rgba(245,247,185,.9); transform: translateY(-4px); }
  .nana-finder-v823__result-copy > span {
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: 780;
    letter-spacing:0;
  }
  .nana-finder-v823__result-copy h3 {
    max-width: 470px;
    margin: 0;
    font-size: clamp(26px, 2.8vw, 40px);
    line-height: 1;
    letter-spacing:0;
  }
  .nana-finder-v823__result-copy p {
    margin: 10px 0 0;
    max-width: 430px;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(17,17,17,.65);
  }
  .nana-finder-v823__result-link {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #111;
    color: #fff;
    display: grid;
    place-items: center;
    text-decoration: none;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.3,1,.3,1);
  }
  .nana-finder-v823__result-link span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .nana-finder-v823__result-link b { font-size: 19px; font-weight: 500; transition: transform .3s ease; }
  .nana-finder-v823__result-link:hover { transform: scale(1.06); }
  .nana-finder-v823__result-link:hover b { transform: translate(2px,-2px); }
  .nana-finder-v823__complete {
    grid-column: 1 / -1;
    padding: 28px;
    border-radius: 22px;
    background: var(--finder-yellow);
  }
  .nana-finder-v823__complete strong {
    display: block;
    max-width: 460px;
    font-size: clamp(27px, 3vw, 42px);
    line-height: 1;
    letter-spacing:0;
  }
  .nana-finder-v823__complete p { margin: 14px 0 0; font-size: 13px; line-height: 1.55; color: rgba(17,17,17,.64); }
  .nana-finder-v823__restart {
    margin-top: 18px;
    border: 0;
    background: transparent;
    padding: 0;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
  }
  @keyframes nanaFinderFloat {
    0%,100% { transform: rotate(8deg) translateY(0); }
    50% { transform: rotate(5deg) translateY(-10px); }
  }
  @media (max-width: 980px) {
    .nana-finder-v823__shell { width: min(100% - 32px, 760px); }
    .nana-finder-v823__layout { grid-template-columns: 1fr; }
    .nana-finder-v823__quiz, .nana-finder-v823__preview { min-height: 620px; }
    .nana-finder-v823__preview { aspect-ratio: 1 / .92; }
  }
  @media (max-width: 640px) {
    .nana-finder-v823 { padding: 68px 0 78px; }
    .nana-finder-v823__shell { width: calc(100% - 24px); }
    .nana-finder-v823__intro { margin-bottom: 32px; }
    .nana-finder-v823__intro h2 { font-size: clamp(39px, 12vw, 54px); }
    .nana-finder-v823__intro > p:last-child { margin-top: 20px; font-size: 14px; }
    .nana-finder-v823__quiz, .nana-finder-v823__preview { border-radius: 24px; }
    .nana-finder-v823__quiz { min-height: 650px; padding: 24px 20px; }
    .nana-finder-v823__quiz-top { grid-template-columns: auto 1fr; gap: 18px; margin-bottom: 48px; }
    .nana-finder-v823__question h3 { font-size: 36px; }
    .nana-finder-v823__choices { grid-template-columns: 1fr; margin-top: 26px; }
    .nana-finder-v823__choice { min-height: 56px; font-size: 13px; }
    .nana-finder-v823__actions { padding-top: 26px; }
    .nana-finder-v823__next { min-width: 158px; height: 50px; padding-left: 18px; }
    .nana-finder-v823__next-icon { width: 40px; height: 40px; }
    .nana-finder-v823__preview { min-height: 540px; aspect-ratio: auto; }
    .nana-finder-v823__sticker { width: 92px; height: 80px; top: 24px; right: 24px; }
    .nana-finder-v823__sticker span { font-size: 14px; }
    .nana-finder-v823__result-card { left: 12px; right: 12px; bottom: 12px; padding: 20px; border-radius: 20px; }
    .nana-finder-v823__result-copy h3 { font-size: 28px; }
    .nana-finder-v823__result-link { width: 50px; height: 50px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .nana-finder-v823 *, .nana-finder-v823 *::before, .nana-finder-v823 *::after {
      animation-duration: .01ms;
      animation-iteration-count: 1;
      transition-duration: .01ms;
    }
  }


/* Source block: nana-notes-v824-styles */

.nana-notes-v824{
  position:relative;
  overflow:hidden;
  padding:clamp(82px,8vw,128px) 0;
  background:#f1efff;
  color:#111;
}
.nana-notes-v824::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  background:rgba(246,253,124,.68);
  filter:blur(2px);
  top:-260px;right:-120px;
  pointer-events:none;
}
.nana-notes-v824__inner{
  position:relative;
  z-index:1;
  width:min(1440px,calc(100% - 48px));
  margin:0 auto;
}
.nana-notes-v824__header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  align-items:end;
  margin-bottom:clamp(40px,5vw,72px);
}
.nana-notes-v824__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 14px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:750;
  letter-spacing:0;
}
.nana-notes-v824__heading h2{
  max-width:940px;
  margin:18px 0 20px;
  font-size:clamp(48px,6.1vw,92px);
  line-height:.91;
  letter-spacing:0;
  font-weight:750;
}
.nana-notes-v824__heading h2 em{
  display:inline-block;
  padding:0 .12em .07em;
  border-radius:.22em;
  background:#f6fd7c;
  font-style:normal;
  transform:rotate(-1.2deg);
}
.nana-notes-v824__heading p{
  max-width:680px;
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:rgba(17,17,17,.68);
}
.nana-notes-v824__all{
  display:inline-flex;
  align-items:center;
  gap:16px;
  min-height:52px;
  padding:4px 5px 4px 20px;
  border-radius:999px;
  background:#111;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease;
}
.nana-notes-v824__all b,
.nana-notes-v824__read b{
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:50%;
  background:#fff;
  color:#111;
  font-size:18px;
  line-height:1;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.nana-notes-v824__all:hover{transform:translateY(-3px)}
.nana-notes-v824__all:hover b{transform:rotate(45deg)}
.nana-notes-v824__layout{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(340px,.78fr);
  gap:18px;
}
.nana-notes-v824__stack{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:18px;
}
.nana-notes-v824__card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:#d8d8d8;
  isolation:isolate;
  box-shadow:0 18px 50px rgba(32,28,65,.07);
}
.nana-notes-v824__card--feature{min-height:690px}
.nana-notes-v824__card--compact{min-height:336px}
.nana-notes-v824__card-link{
  position:absolute;
  inset:0;
  display:block;
  color:#fff;
  text-decoration:none;
}
.nana-notes-v824__card img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.22,1,.36,1),filter .7s ease;
}
.nana-notes-v824__card--feature img{object-position:center 44%}
.nana-notes-v824__shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 24%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.84) 100%);
  transition:opacity .5s ease;
}
.nana-notes-v824__tag{
  position:absolute;
  top:22px;left:22px;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-size:11px;
  font-weight:800;
  letter-spacing:0;
}
.nana-notes-v824__tag--lemon{background:#f6fd7c}
.nana-notes-v824__tag--pink{background:#ffc8d2}
.nana-notes-v824__content{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:34px;
}
.nana-notes-v824__card--feature .nana-notes-v824__content{padding:clamp(30px,4vw,54px)}
.nana-notes-v824__meta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  font-size:10px;
  font-weight:750;
  letter-spacing:0;
  color:rgba(255,255,255,.78);
}
.nana-notes-v824__meta i{width:4px;height:4px;border-radius:50%;background:currentColor}
.nana-notes-v824__content h3{
  max-width:860px;
  margin:0;
  font-size:clamp(25px,2.35vw,38px);
  line-height:1.02;
  letter-spacing:0;
  text-wrap:balance;
}
.nana-notes-v824__card--feature .nana-notes-v824__content h3{
  font-size:clamp(38px,4.3vw,66px);
  max-width:920px;
}
.nana-notes-v824__content p{
  max-width:650px;
  margin:16px 0 0;
  font-size:14px;
  line-height:1.55;
  color:rgba(255,255,255,.78);
}
.nana-notes-v824__read{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:24px;
  font-size:13px;
  font-weight:750;
}
.nana-notes-v824__read--icon{
  position:absolute;
  right:24px;bottom:24px;
  margin:0;
}
.nana-notes-v824__read--icon b{width:44px;height:44px}
.nana-notes-v824__card:hover img,
.nana-notes-v824__card:focus-within img{transform:scale(1.055)}
.nana-notes-v824__card:hover .nana-notes-v824__shade,
.nana-notes-v824__card:focus-within .nana-notes-v824__shade{opacity:.9}
.nana-notes-v824__card:hover .nana-notes-v824__read b,
.nana-notes-v824__card:focus-within .nana-notes-v824__read b{transform:rotate(45deg) scale(1.06)}
.nana-notes-v824__card:focus-within{outline:3px solid #111;outline-offset:4px}

@media(max-width:1000px){
  .nana-notes-v824__header{grid-template-columns:1fr;gap:24px}
  .nana-notes-v824__all{justify-self:start}
  .nana-notes-v824__layout{grid-template-columns:1fr}
  .nana-notes-v824__stack{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .nana-notes-v824__card--feature{min-height:620px}
  .nana-notes-v824__card--compact{min-height:390px}
}
@media(max-width:680px){
  .nana-notes-v824{padding:72px 0 78px}
  .nana-notes-v824__inner{width:min(100% - 28px,1440px)}
  .nana-notes-v824::before{width:260px;height:260px;top:-180px;right:-100px}
  .nana-notes-v824__header{margin-bottom:34px}
  .nana-notes-v824__heading h2{font-size:clamp(42px,13vw,62px);margin-top:15px}
  .nana-notes-v824__heading h2 br{display:none}
  .nana-notes-v824__heading p{font-size:14px}
  .nana-notes-v824__all{min-height:48px;font-size:13px}
  .nana-notes-v824__all b{width:38px;height:38px}
  .nana-notes-v824__layout{gap:12px}
  .nana-notes-v824__stack{grid-template-columns:1fr;gap:12px}
  .nana-notes-v824__card{border-radius:24px}
  .nana-notes-v824__card--feature{min-height:520px}
  .nana-notes-v824__card--compact{min-height:380px}
  .nana-notes-v824__content,
  .nana-notes-v824__card--feature .nana-notes-v824__content{padding:24px}
  .nana-notes-v824__card--feature .nana-notes-v824__content h3{font-size:36px}
  .nana-notes-v824__content h3{font-size:29px;padding-right:50px}
  .nana-notes-v824__content p{font-size:13px}
  .nana-notes-v824__tag{top:16px;left:16px}
  .nana-notes-v824__read--icon{right:18px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .nana-notes-v824 *{transition:none}
}


/* Source block: nana-v825-footer-styles */

/* ===== V8.26 / Pebble footer proportions ===== */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.nana-service-v825{
  background:#fff;
  padding:36px 0 46px;
}
.nana-service-v825__viewport{
  width:min(1440px,calc(100% - 100px));
  margin:0 auto;
  overflow:hidden;
}
.nana-service-v825__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(34px,5.2vw,76px);
  align-items:start;
}
.nana-service-v825__item{
  min-width:0;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  color:#111;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.nana-service-v825__item:hover{transform:none;box-shadow:none}
.nana-service-v825__icon{
  width:32px;
  height:32px;
  margin:0 0 14px;
  display:grid;
  place-items:center;
}
.nana-service-v825__icon svg{
  width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}
.nana-service-v825__item h3{
  margin:0;
  font-size:16px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:0;
}
.nana-service-v825__item h3 span{position:relative;display:inline-block}
.nana-service-v825__item h3 span::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:right;transition:transform .32s cubic-bezier(.3,1,.3,1)
}
.nana-service-v825__item:hover h3 span::after{transform:scaleX(1);transform-origin:left}
.nana-service-v825__item p{
  margin:9px 0 0;
  max-width:280px;
  color:#666;
  font-size:15.5px;
  line-height:1.5;
}

.nana-footer-v825{
  width:100%;
  margin:0;
  color:#fff;
  background:#000;
  border-radius:0;
  overflow:hidden;
}
.nana-footer-v825 a{color:inherit;text-decoration:none}
.nana-footer-v825__inner{
  width:min(1440px,calc(100% - 100px));
  margin:0 auto;
}
.nana-footer-v825__top{padding:clamp(62px,6.4vw,92px) 0 0}
.nana-footer-v825__newsletter{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(470px,38%);
  align-items:start;
  gap:clamp(56px,7vw,118px);
}
.nana-footer-v825__newsletter h2{
  margin:0;
  max-width:590px;
  font-size:clamp(36px,2.65vw,42px);
  line-height:1.13;
  letter-spacing:0;
  font-weight:700;
}
.nana-footer-v825__newsletter-side{width:100%;min-width:0;padding-top:2px}
.nana-footer-v825__form{position:relative;display:flex;width:100%}
.nana-footer-v825__form input{
  width:100%;height:58px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111;
  padding:0 76px 0 21px;
  font:inherit;
  font-size:15px;
  outline:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
  transition:box-shadow .25s ease;
}
.nana-footer-v825__form input::placeholder{color:#666}
.nana-footer-v825__form input:focus{background:#fff;box-shadow:inset 0 0 0 2px #f6fd7c}
.nana-footer-v825__form button{
  position:absolute;right:6px;top:6px;
  width:46px;height:46px;
  border:0;border-radius:50%;
  background:#000;color:#fff;
  display:grid;place-items:center;
  cursor:pointer;
  transition:transform .32s cubic-bezier(.3,1,.3,1),background .25s ease,color .25s ease;
}
.nana-footer-v825__form button:hover{transform:rotate(-45deg);background:#f6fd7c;color:#111}
.nana-footer-v825__form button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nana-footer-v825__consent{
  margin:15px 1px 0;
  color:rgba(255,255,255,.86);
  font-size:12px;
  line-height:1.5;
  font-weight:600;
}
.nana-footer-v825__consent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.nana-footer-v825__status{min-height:18px;margin:7px 1px 0;color:#f6fd7c;font-size:12px}
.nana-footer-v825__divider{height:1px;background:rgba(255,255,255,.2);margin:clamp(36px,4.1vw,54px) 0 clamp(42px,4.6vw,64px)}
.nana-footer-v825__blocks{
  display:grid;
  grid-template-columns:17fr 17fr 17fr 49fr;
  gap:0;
  padding-bottom:clamp(54px,6vw,86px);
}
.nana-footer-v825__block,
.nana-footer-v825__block + .nana-footer-v825__block{
  margin:0;
  padding:0;
  border:0;
  min-width:0;
}
.nana-footer-v825__block:not(.nana-footer-v825__block--instagram){padding-right:clamp(24px,3vw,46px)}
.nana-footer-v825__block summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:default;
  font-size:18px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
}
.nana-footer-v825__block summary::-webkit-details-marker{display:none}
.nana-footer-v825__caret{display:none;width:18px;height:18px;transition:transform .25s ease}
.nana-footer-v825__block[open] .nana-footer-v825__caret{transform:rotate(180deg)}
.nana-footer-v825__content{padding-top:24px}
.nana-footer-v825__links{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.nana-footer-v825__links a{
  position:relative;
  color:#a9a9a9;
  font-size:15px;
  line-height:1.35;
  transition:color .25s ease;
}
.nana-footer-v825__links a::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#fff;
  transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.3,1,.3,1)
}
.nana-footer-v825__links a:hover{color:#fff}
.nana-footer-v825__links a:hover::after{transform:scaleX(1);transform-origin:left}
.nana-footer-v825__instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nana-footer-v825__instagram-card{
  display:block;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#1b1b1b;position:relative
}
.nana-footer-v825__instagram-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.3,1,.3,1)}
.nana-footer-v825__instagram-card::after{
  content:"↗";position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:#fff;color:#111;font-size:15px;opacity:0;transform:translateY(8px);
  transition:opacity .3s ease,transform .3s ease
}
.nana-footer-v825__instagram-card:hover img{transform:scale(1.045)}
.nana-footer-v825__instagram-card:hover::after{opacity:1;transform:translateY(0)}
.nana-footer-v825__handle{display:inline-block;margin-top:14px;color:#aaa;font-size:14px;font-weight:600}
.nana-footer-v825__bottom{border-top:1px solid rgba(255,255,255,.16);padding:26px 0 30px}
.nana-footer-v825__bottom-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.nana-footer-v825__bottom-row + .nana-footer-v825__bottom-row{margin-top:24px}
.nana-footer-v825__socials{display:flex;gap:8px}
.nana-footer-v825__social{
  width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#121212;
  display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;transition:background .25s ease,color .25s ease,transform .25s ease
}
.nana-footer-v825__social:hover{background:#fff;color:#111;transform:translateY(-2px)}
.nana-footer-v825__legal{display:flex;flex-wrap:wrap;gap:20px}
.nana-footer-v825__legal a{color:#aaa;font-size:12px;transition:color .2s ease}
.nana-footer-v825__legal a:hover{color:#fff}
.nana-footer-v825__locale{display:flex;align-items:center;gap:9px;color:#aaa;font-size:12px}
.nana-footer-v825__locale button{border:0;background:none;color:#fff;font:inherit;font-weight:700;padding:0;cursor:pointer}
.nana-footer-v825__payments{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nana-footer-v825__payment{
  min-width:48px;height:29px;padding:0 8px;border-radius:5px;background:#fff;color:#111;
  display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:0
}
.nana-footer-v825__copyright{color:#999;font-size:12px}

@media(max-width:1100px){
  .nana-service-v825__viewport,.nana-footer-v825__inner{width:calc(100% - 56px)}
  .nana-service-v825__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
  .nana-footer-v825__newsletter{grid-template-columns:1fr;gap:34px}
  .nana-footer-v825__newsletter-side{max-width:620px}
  .nana-footer-v825__blocks{grid-template-columns:repeat(3,1fr)}
  .nana-footer-v825__block--instagram{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:34px;margin-top:22px}
}
@media(max-width:767px){
  .nana-service-v825{padding:32px 0 38px}
  .nana-service-v825__viewport{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 16px}
  .nana-service-v825__viewport::-webkit-scrollbar{display:none}
  .nana-service-v825__grid{display:flex;gap:12px;width:max-content}
  .nana-service-v825__item{width:min(65.8vw,370px);min-height:170px;padding:22px 18px;scroll-snap-align:start}
  .nana-service-v825__icon{width:40px;height:40px;margin-bottom:14px}
  .nana-footer-v825__inner{width:calc(100% - 32px)}
  .nana-footer-v825__top{padding-top:42px}
  .nana-footer-v825__newsletter{gap:26px}
  .nana-footer-v825__newsletter h2{font-size:clamp(34px,9.5vw,44px);line-height:1.1}
  .nana-footer-v825__form input{height:56px}
  .nana-footer-v825__form button{width:44px;height:44px}
  .nana-footer-v825__divider{margin:30px 0 0}
  .nana-footer-v825__blocks{display:block;padding-bottom:36px}
  .nana-footer-v825__block,
  .nana-footer-v825__block + .nana-footer-v825__block,
  .nana-footer-v825__block--instagram{
    border:0;border-top:1px solid rgba(255,255,255,.14);
    padding:0;margin:0
  }
  .nana-footer-v825__block summary{cursor:pointer;padding:20px 0;font-size:16px}
  .nana-footer-v825__caret{display:block}
  .nana-footer-v825__content{padding:0 0 22px}
  .nana-footer-v825__links{gap:12px}
  .nana-footer-v825__links a{font-size:14px}
  .nana-footer-v825__instagram-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .nana-footer-v825__instagram-card{border-radius:12px}
  .nana-footer-v825__bottom{padding:24px 0 28px}
  .nana-footer-v825__bottom-row{align-items:flex-start;flex-direction:column}
  .nana-footer-v825__socials{width:100%}
  .nana-footer-v825__legal{gap:12px 18px}
  .nana-footer-v825__payments{gap:5px}
}
@media(prefers-reduced-motion:reduce){
  .nana-service-v825__item h3 span::after,.nana-footer-v825 *{transition:none}
}

/* V8.27 — Pebble-matched footer utility bar */
.nana-footer-v825__bottom{
  border-top:0;
  padding:0 0 34px;
}
.nana-footer-v825__utility-top,
.nana-footer-v825__utility-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.nana-footer-v825__utility-top{
  min-height:82px;
  padding:0 0 24px;
}
.nana-footer-v825__utility-divider{
  height:1px;
  background:rgba(255,255,255,.18);
  width:100%;
}
.nana-footer-v825__utility-bottom{
  min-height:84px;
  padding:24px 0 0;
}
.nana-footer-v825__socials{display:flex;align-items:center;gap:8px}
.nana-footer-v825__social{
  width:48px;height:48px;border-radius:10px;border:0;background:#2d2d2d;
  display:grid;place-items:center;color:#fff;transition:background .25s ease,transform .25s ease
}
.nana-footer-v825__social svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nana-footer-v825__social--pinterest svg{fill:currentColor;stroke:none}
.nana-footer-v825__social:hover{background:#444;color:#fff;transform:translateY(-2px)}
.nana-footer-v825__legal{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:28px}
.nana-footer-v825__legal a{color:#f3f3f3;font-size:14px;font-weight:700;line-height:1.2;transition:opacity .2s ease}
.nana-footer-v825__legal a:hover{color:#fff;opacity:.68}
.nana-footer-v825__copyright{color:#fff;font-size:14px;font-weight:700;line-height:1.3}
.nana-footer-v825__utility-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0}
.nana-footer-v825__locale-pill{
  height:40px;padding:0 14px 0 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;
  background:#070707;color:#fff;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;
  transition:border-color .2s ease,background .2s ease
}
.nana-footer-v825__locale-pill:hover{border-color:rgba(255,255,255,.65);background:#111}
.nana-footer-v825__locale-flag{
  width:20px;height:20px;border-radius:50%;background:#e30a17;display:grid;place-items:center;overflow:hidden;flex:0 0 auto
}
.nana-footer-v825__locale-flag svg{width:15px;height:15px;display:block}
.nana-footer-v825__locale-chevron{width:12px;height:12px;display:block;fill:none;stroke:currentColor;stroke-width:1.8}
.nana-footer-v825__payments{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap}
.nana-footer-v825__payment{
  min-width:38px;height:25px;padding:0 7px;border-radius:3px;background:#fff;color:#111;
  display:grid;place-items:center;font-size:8px;font-weight:900;line-height:1;letter-spacing:0;border:0
}
.nana-footer-v825__payment--visa{background:#1746d1;color:#fff;font-size:10px;font-style:italic}
.nana-footer-v825__payment--mc{min-width:38px;padding:0;background:#fff;position:relative}
.nana-footer-v825__payment--mc::before,.nana-footer-v825__payment--mc::after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;top:5px}
.nana-footer-v825__payment--mc::before{left:7px;background:#eb001b}.nana-footer-v825__payment--mc::after{right:7px;background:#f79e1b;mix-blend-mode:multiply}
.nana-footer-v825__payment--troy{background:#087fcb;color:#fff;font-size:9px}
.nana-footer-v825__payment--amex{background:#1f9bd1;color:#fff;font-size:7px}
.nana-footer-v825__payment--paypal{color:#123d86;font-size:9px;font-style:italic}
.nana-footer-v825__payment--discover{background:#fff;color:#111;font-size:7px;position:relative;overflow:hidden}
.nana-footer-v825__payment--discover::after{content:"";position:absolute;right:2px;bottom:-7px;width:20px;height:14px;border-radius:50%;background:#f58220}
@media(max-width:767px){
  .nana-footer-v825__bottom{padding-bottom:26px}
  .nana-footer-v825__utility-top{align-items:flex-start;flex-direction:column;padding:24px 0;min-height:0;gap:22px}
  .nana-footer-v825__socials{width:auto}
  .nana-footer-v825__legal{justify-content:flex-start;gap:12px 20px}
  .nana-footer-v825__legal a{font-size:12px}
  .nana-footer-v825__utility-bottom{align-items:flex-start;flex-direction:column;padding-top:24px;min-height:0;gap:22px}
  .nana-footer-v825__utility-actions{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .nana-footer-v825__payments{gap:5px;overflow-x:auto;max-width:100%;scrollbar-width:none}
  .nana-footer-v825__payments::-webkit-scrollbar{display:none}
  .nana-footer-v825__payment{flex:0 0 auto}
  .nana-footer-v825__copyright{font-size:12px}
}



/* Source block: nana-v828-final-qa */

/* Final spacing, language and visual-consistency pass */
:root{
  --nana-final-section-y:clamp(72px,6.2vw,92px);
  --nana-final-section-y-mobile:56px;
}
html{scroll-behavior:smooth}
body{overflow-x:clip}
main>section{scroll-margin-top:88px}
h1,h2,h3{ text-wrap:balance }
p{ text-wrap:pretty }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid #111;outline-offset:4px
}

/* Scroll-led areas: keep the motion, remove unnecessary waiting. */
@media(min-width:721px){
  .nana-new-in{height:255svh;min-height:1980px}
  .nana-mix-style{padding:var(--nana-final-section-y) 0}
  .nana-mix-head{min-height:260px;margin-bottom:64px}
  .nana-mix-stack{padding-bottom:72px}
  .nana-mix-card{margin-bottom:84px}
  .nana-reviews{padding:var(--nana-final-section-y) 0}
  .nana-reviews__stage{min-height:2320px}
  .nana-review-card:nth-child(1){top:0}
  .nana-review-card:nth-child(2){top:230px}
  .nana-review-card:nth-child(3){top:500px}
  .nana-review-card:nth-child(4){top:770px}
  .nana-review-card:nth-child(5){top:1040px}
  .nana-review-card:nth-child(6){top:1310px}
  .nana-review-card:nth-child(7){top:1580px}
  .nana-review-card:nth-child(8){top:1850px}
}

/* Consistent transitions between approved homepage sections. */
.nana-outfit-for{padding-bottom:88px}
.nana-hot-week{padding-top:88px;padding-bottom:84px}
.nana-style-comfort{padding-top:82px;padding-bottom:56px}
.storyband.nana-story-marquee{padding-bottom:84px}
.nana-hot-items{padding-top:88px}
.nana-style-it{padding-top:88px}
.nana-bundle{padding-top:88px;padding-bottom:88px}
.nana-our-story__inner{padding-block:84px}
.nana-explorer-comfort{padding-top:88px;padding-bottom:72px}
.nana-finder-v823{padding-top:88px;padding-bottom:96px}
.nana-finder-v823__quiz,.nana-finder-v823__preview{min-height:620px}
.nana-notes-v824{padding-top:88px;padding-bottom:88px}
.nana-notes-v824__card--feature{min-height:620px}
.nana-notes-v824__card--compact{min-height:300px}
.nana-service-v825{padding-top:44px;padding-bottom:44px}

/* Better hierarchy after removing the unverified numeric claim. */
.nana-reviews__title{font-size:clamp(36px,4.2vw,60px);line-height:1.02}

/* Do not leave the story blank when scripting or observers are unavailable. */
.no-js .nana-our-story [data-story-reveal]{opacity:1;transform:none}

/* Footer and long controls should keep comfortable tap targets. */
.nana-footer-v825 a,.nana-footer-v825 button{min-height:44px}
.nana-footer-v825__links a,.nana-footer-v825__legal a,.nana-footer-v825__handle{min-height:0}

@media(max-width:720px){
  main>section{scroll-margin-top:72px}
  .nana-new-in{padding-top:56px;padding-bottom:64px}
  .nana-outfit-for{padding-bottom:64px}
  .nana-hot-week{padding-top:60px;padding-bottom:60px}
  .nana-mix-style{padding:60px 0 64px}
  .nana-mix-head{margin-bottom:32px}
  .nana-mix-stack{padding-bottom:34px}
  .nana-mix-card{margin-bottom:52px}
  .nana-style-comfort{padding-top:60px;padding-bottom:42px}
  .storyband.nana-story-marquee{padding-bottom:56px}
  .nana-hot-items{padding-top:60px}
  .nana-style-it{padding-top:60px}
  .nana-bundle{padding-top:60px;padding-bottom:64px}
  .nana-our-story__inner{padding-block:56px}
  .nana-explorer-comfort{padding-top:60px;padding-bottom:56px}
  .nana-finder-v823{padding-top:56px;padding-bottom:64px}
  .nana-finder-v823__intro{margin-bottom:28px}
  .nana-finder-v823__quiz{min-height:580px}
  .nana-finder-v823__preview{min-height:470px}
  .nana-notes-v824{padding-top:64px;padding-bottom:64px}
  .nana-notes-v824__header{margin-bottom:38px}
  .nana-notes-v824__card--feature{min-height:560px}
  .nana-notes-v824__card--compact{min-height:270px}
  .nana-service-v825{padding-top:28px;padding-bottom:32px}
  .nana-footer-v825__top{padding-top:48px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .nana-comfort-ticker__track,.nana-comfort-marquee-2__track,.nana-story-track{animation-play-state:paused}
}


/* ===== V8.29 — premium scrolling announcement strip ===== */
.nana-announcement-v829{
  display:block;
  height:29px;
  padding:0;
  overflow:hidden;
  background:#111;
  color:#fff;
  border:0;
  white-space:nowrap;
  isolation:isolate;
}
.nana-announcement-v829__track{
  display:flex;
  width:max-content;
  min-width:100%;
  height:100%;
  align-items:center;
  will-change:transform;
  animation:nana-announcement-v829-scroll 22s linear infinite;
}
.nana-announcement-v829__group{
  display:flex;
  flex:none;
  align-items:center;
  gap:30px;
  height:100%;
  padding:0 30px 0 0;
}
.nana-announcement-v829__item{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:10.5px;
  line-height:1;
  font-weight:600;
  letter-spacing:0;
  color:rgba(255,255,255,.94);
}
.nana-announcement-v829__brand{
  font-family:var(--serif);
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  color:#fff;
}
.nana-announcement-v829__dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(255,255,255,.14);
}
.nana-announcement-v829__dot--mint{background:var(--mint)}
.nana-announcement-v829__dot--pink{background:var(--pink)}
.nana-announcement-v829:hover .nana-announcement-v829__track,
.nana-announcement-v829:focus-within .nana-announcement-v829__track{
  animation-play-state:paused;
}
@keyframes nana-announcement-v829-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:720px){
  .nana-announcement-v829{height:27px;padding:0}
  .nana-announcement-v829__group{gap:22px;padding-right:22px}
  .nana-announcement-v829__item{font-size:10px;gap:8px}
  .nana-announcement-v829__brand{font-size:13px}
  .nana-announcement-v829__track{animation-duration:22s}
}
@media(prefers-reduced-motion:reduce){
  .nana-announcement-v829{overflow-x:auto;scrollbar-width:none}
  .nana-announcement-v829::-webkit-scrollbar{display:none}
  .nana-announcement-v829__track{animation:none;transform:none}
  .nana-announcement-v829__group[aria-hidden="true"]{display:none}
}



/* Source block: reference-base-17 */
.nana-our-story [data-story-reveal]{opacity:1;transform:none}

/* Source block: nana-signature-v830-css */

:root{
  --nana-motion-fast:180ms;
  --nana-motion-base:320ms;
  --nana-motion-reveal:560ms;
  --nana-motion-editorial:900ms;
  --nana-ease:cubic-bezier(.22,1,.36,1);
  --nana-glass:rgba(255,255,255,.68);
  --nana-glass-border:rgba(255,255,255,.58);
}
html{scroll-behavior:smooth}
body{isolation:isolate}
main{position:relative;isolation:isolate;z-index:1}

/* Nana signature thread — a restrained brand gesture rather than constant decoration. */
.nana-signature-thread{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.30;mix-blend-mode:multiply}
.nana-signature-thread path{fill:none;stroke:url(#nanaThreadGradient);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}
.nana-signature-thread.is-ready path{transition:stroke-dashoffset .12s linear}

/* Rounded Nana star system */
.nana-signature-star{display:grid;place-items:center;width:40px;height:40px;position:absolute;z-index:4;pointer-events:none;color:#111;filter:drop-shadow(0 9px 16px rgba(0,0,0,.08));animation:nanaStarBreathe 4.8s var(--nana-ease) infinite}
.nana-signature-star svg{width:100%;height:100%;overflow:visible}
.nana-signature-star path{fill:var(--star-fill,#f7eda0);stroke:rgba(17,17,17,.11);stroke-width:1.25;stroke-linejoin:round}
.nana-signature-star--one{top:8%;right:5%;--star-fill:#f6b9c5;transform:rotate(12deg)}
.nana-signature-star--two{top:31%;left:3%;--star-fill:#bfe6dc;transform:rotate(-18deg)}
.nana-signature-star--three{top:65%;right:4%;--star-fill:#e6d8ff;transform:rotate(8deg)}
@keyframes nanaStarBreathe{0%,100%{scale:1;rotate:0deg}50%{scale:1.08;rotate:4deg}}

/* Hero mask transition */
.hero-frame{isolation:isolate}
.hero-slide{opacity:0;visibility:hidden;clip-path:circle(0% at 78% 46%);transition:clip-path 1.05s var(--nana-ease),opacity .5s ease,visibility 0s linear 1.05s;will-change:clip-path,opacity}
.hero-slide.active{opacity:1;visibility:visible;clip-path:circle(155% at 78% 46%);transition:clip-path 1.05s var(--nana-ease),opacity .38s ease,visibility 0s}
.hero-slide.nana-from-left{clip-path:circle(0% at 18% 54%)}
.hero-slide.nana-from-left.active{clip-path:circle(155% at 18% 54%)}
.hero-slide.active .hero-copy>*{animation:nanaCopyReveal .72s var(--nana-ease) both}
.hero-slide.active .hero-copy>*:nth-child(2){animation-delay:.08s}.hero-slide.active .hero-copy>*:nth-child(3){animation-delay:.14s}
@keyframes nanaCopyReveal{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}

/* Shared motion / magnetic buttons */
[data-nana-magnetic]{transition:transform var(--nana-motion-base) var(--nana-ease),box-shadow var(--nana-motion-base) var(--nana-ease)}
[data-nana-magnetic].is-magnetic{transition:none}
.nana-signature-reveal{overflow:hidden}
.nana-signature-reveal>span{display:inline-block;transform:translateY(115%);opacity:.01;transition:transform .76s var(--nana-ease),opacity .5s ease}
.nana-signature-reveal.is-visible>span{transform:none;opacity:1}

/* Upgrade existing search into a predictive editorial overlay */
#search{background:rgba(247,244,237,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
#search .search-inner{width:min(1180px,calc(100% - 40px));max-width:none}
#search .search-inner input{font-size:clamp(36px,5vw,72px);letter-spacing:0;border-bottom:1px solid rgba(17,17,17,.22);padding:20px 0 24px}
.nana-search-suggestions{margin-top:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;opacity:0;transform:translateY(16px);transition:.45s var(--nana-ease)}
#search.open .nana-search-suggestions{opacity:1;transform:none;transition-delay:.12s}
.nana-search-suggestions__terms,.nana-search-suggestions__products{background:rgba(255,255,255,.68);border:1px solid rgba(17,17,17,.08);border-radius:26px;padding:24px;box-shadow:0 24px 70px rgba(35,31,28,.08)}
.nana-search-suggestions h3{font-size:13px;text-transform:uppercase;letter-spacing:0;margin:0 0 18px}
.nana-search-terms{display:flex;flex-wrap:wrap;gap:10px}
.nana-search-terms button{border:0;background:#f0eee8;border-radius:999px;padding:12px 16px;font:700 13px/1 inherit;cursor:pointer;transition:.25s var(--nana-ease)}
.nana-search-terms button:hover{background:#111;color:#fff;transform:translateY(-2px)}
.nana-search-product{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;text-decoration:none;color:inherit;padding:10px;border-radius:18px;transition:.25s var(--nana-ease)}
.nana-search-product:hover{background:#fff;transform:translateX(4px)}
.nana-search-product img{width:74px;height:82px;object-fit:cover;border-radius:14px}
.nana-search-product strong{font-size:14px}.nana-search-product small{display:block;color:rgba(17,17,17,.55);margin-top:5px}

/* Quick add glass drawer */
.nana-quick-backdrop{position:fixed;inset:0;background:rgba(16,15,14,.28);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.35s ease;z-index:118}
.nana-quick-backdrop.is-open{opacity:1;visibility:visible}
.nana-quick-drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(480px,calc(100% - 24px));z-index:120;background:rgba(250,249,246,.88);border:1px solid var(--nana-glass-border);border-radius:32px;box-shadow:0 30px 100px rgba(24,20,18,.25);backdrop-filter:blur(28px) saturate(1.12);-webkit-backdrop-filter:blur(28px) saturate(1.12);transform:translateX(calc(100% + 28px));transition:transform .62s var(--nana-ease);overflow:hidden;display:flex;flex-direction:column}
.nana-quick-drawer.is-open{transform:none}
.nana-quick-drawer__head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 24px;border-bottom:1px solid rgba(17,17,17,.08)}
.nana-quick-drawer__head strong{font-size:13px;text-transform:uppercase;letter-spacing:0}
.nana-quick-close{border:0;width:42px;height:42px;border-radius:50%;background:#fff;cursor:pointer;font-size:20px;transition:.25s var(--nana-ease)}
.nana-quick-close:hover{transform:rotate(90deg);background:#111;color:#fff}
.nana-quick-drawer__scroll{padding:18px;overflow:auto}
.nana-quick-drawer__media{position:relative;aspect-ratio:4/4.6;border-radius:24px;overflow:hidden;background:#eee}
.nana-quick-drawer__media img{width:100%;height:100%;object-fit:cover}
.nana-quick-drawer__badge{position:absolute;top:14px;left:14px;background:#f8ef94;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800}
.nana-quick-drawer__copy{padding:22px 4px 8px}
.nana-quick-drawer__copy h2{font-size:clamp(30px,4vw,42px);line-height:1;letter-spacing:0;margin:0 0 10px}
.nana-quick-drawer__price{font-size:15px;font-weight:800}
.nana-quick-label{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin:22px 0 12px}.nana-quick-label span:last-child{font-weight:500;color:rgba(17,17,17,.55)}
.nana-quick-options{display:flex;flex-wrap:wrap;gap:8px}
.nana-quick-option{border:1px solid rgba(17,17,17,.16);background:rgba(255,255,255,.66);border-radius:999px;height:42px;padding:0 15px;font:700 12px/1 inherit;cursor:pointer;transition:.22s var(--nana-ease)}
.nana-quick-option:hover,.nana-quick-option.is-active{background:#111;color:#fff;border-color:#111;transform:translateY(-1px)}
.nana-quick-colors button{width:34px;height:34px;padding:4px;border-radius:50%;border:1px solid transparent;background:transparent;cursor:pointer}.nana-quick-colors i{display:block;width:100%;height:100%;border-radius:50%;background:var(--color)}.nana-quick-colors button.is-active{border-color:#111}
.nana-quick-add{margin-top:24px;width:100%;height:58px;border:0;border-radius:999px;background:#111;color:#fff;font:800 14px/1 inherit;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 24px;cursor:pointer;transition:.3s var(--nana-ease)}
.nana-quick-add b{width:46px;height:46px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:18px;transition:.3s var(--nana-ease)}
.nana-quick-add:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.16)}.nana-quick-add:hover b{transform:rotate(-12deg) scale(1.04)}
.nana-quick-note{font-size:11px;color:rgba(17,17,17,.55);line-height:1.55;margin:14px 4px 0}

/* Nana Fit: differentiating utility */
.nana-fit-launcher{position:fixed;right:20px;bottom:20px;z-index:92;border:0;background:#111;color:#fff;height:54px;border-radius:999px;padding:0 9px 0 18px;display:flex;align-items:center;gap:12px;font:800 12px/1 inherit;box-shadow:0 16px 40px rgba(0,0,0,.22);cursor:pointer;transition:.3s var(--nana-ease)}
.nana-fit-launcher:hover{transform:translateY(-4px)}
.nana-fit-launcher i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f7eda0;color:#111;font-style:normal;font-size:17px}
.nana-fit-panel{position:fixed;right:20px;bottom:86px;width:min(380px,calc(100% - 28px));z-index:94;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.72);border-radius:28px;box-shadow:0 24px 80px rgba(18,17,15,.22);backdrop-filter:blur(26px);padding:22px;opacity:0;visibility:hidden;transform:translateY(18px) scale(.97);transition:.35s var(--nana-ease)}
.nana-fit-panel.is-open{opacity:1;visibility:visible;transform:none}
.nana-fit-panel__top{display:flex;justify-content:space-between;gap:15px}.nana-fit-panel h3{font-size:30px;letter-spacing:0;margin:4px 0 5px}.nana-fit-panel p{font-size:12px;line-height:1.55;color:rgba(17,17,17,.58);margin:0}
.nana-fit-panel__close{border:0;background:#f0eee8;border-radius:50%;width:38px;height:38px;cursor:pointer}
.nana-fit-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.nana-fit-field{background:rgba(247,245,239,.9);border-radius:18px;padding:13px}.nana-fit-field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:0;font-weight:800;margin-bottom:8px}.nana-fit-field select,.nana-fit-field input{width:100%;border:0;background:transparent;font:800 14px/1 inherit;outline:0}.nana-fit-field--full{grid-column:1/-1}
.nana-fit-result{margin-top:14px;padding:15px;border-radius:18px;background:#edf6cc;display:none}.nana-fit-result.is-ready{display:block;animation:nanaFitIn .45s var(--nana-ease)}.nana-fit-result strong{display:block;font-size:18px;margin-bottom:5px}.nana-fit-result span{font-size:11px;line-height:1.5;color:rgba(17,17,17,.63)}
@keyframes nanaFitIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.nana-fit-save{width:100%;height:50px;border:0;border-radius:999px;background:#111;color:#fff;font:800 13px/1 inherit;margin-top:14px;cursor:pointer}

/* Feedback + flying product */
.nana-cart-toast{position:fixed;left:50%;bottom:24px;z-index:130;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;padding:12px 17px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 15px 42px rgba(0,0,0,.24);transition:.35s var(--nana-ease);pointer-events:none}.nana-cart-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.nana-fly-image{position:fixed;z-index:150;object-fit:cover;border-radius:18px;pointer-events:none;box-shadow:0 18px 40px rgba(0,0,0,.24);transition:all .72s var(--nana-ease),opacity .18s ease .52s}
.cart-count.nana-pop{animation:nanaCartPop .55s var(--nana-ease)}@keyframes nanaCartPop{40%{transform:scale(1.75);background:#111}100%{transform:none}}

/* Small premium grain applied only to broad pastel surfaces */
.nana-finder-v823,.nana-style-comfort,.nana-reviews,.nana-notes-v824{position:relative}
.nana-finder-v823:after,.nana-style-comfort:after,.nana-reviews:after,.nana-notes-v824:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}

@media(max-width:767px){
 .nana-signature-thread{display:none}.nana-signature-star{width:30px;height:30px;opacity:.72}
 .nana-search-suggestions{grid-template-columns:1fr}.nana-search-suggestions__products{display:none}
 .nana-quick-drawer{border-radius:26px}.nana-fit-launcher{right:12px;bottom:12px}.nana-fit-panel{right:12px;bottom:78px}.nana-fit-fields{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .nana-signature-thread,.nana-signature-star{display:none}.hero-slide{clip-path:none;transition:opacity .2s ease}.hero-slide.active .hero-copy>*{animation:none}
 [data-nana-magnetic],.nana-fly-image{transition:none}
}


/* Source block: nana-signature-v831-refinements */

/* V8.31 — place the signature thread behind all commerce/content surfaces. */
.nana-signature-thread{z-index:0;opacity:.30}
main,footer,.nana-footer-v825,.nana-service-strip-v825{position:relative}
main{z-index:1}
.header,.top{z-index:72}
.mega{z-index:69;overflow:hidden;background:#fff;border-top:0;box-shadow:0 28px 70px rgba(17,17,17,.11);border-radius:0 0 22px 22px}
/* The panel starts behind the rounded header, removing the visible corner notch. */
.mega:before{content:"";position:absolute;left:-1px;right:-1px;top:-24px;height:28px;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line);pointer-events:none}
.mega>.wrap{position:relative;z-index:1}

/* Customer cards: inset image inside a soft white frame, matching the reference. */
.nana-review-card{
  --review-card-width:clamp(228px,18.8vw,268px);
  width:var(--review-card-width);
  padding:14px;
  border:1px solid rgba(17,17,17,.055);
  border-radius:24px;
  background:#fff;
  box-shadow:0 10px 30px rgba(28,50,70,.045);
  box-sizing:border-box;
}
.nana-review-card:hover{box-shadow:0 20px 55px rgba(28,50,70,.11)}
.nana-review-card:nth-child(3),.nana-review-card:nth-child(6){margin-left:calc(var(--review-card-width) / -2)}
.nana-review-card__media{
  margin:0;
  width:100%;
  aspect-ratio:1/1;
  border-radius:14px;
  background:#edf0f2;
  box-shadow:inset 0 0 0 1px rgba(17,17,17,.035);
}
.nana-review-card__content{min-height:206px;padding:20px 2px 4px}
.nana-review-card__quote{font-size:14px;line-height:1.55;margin-bottom:14px}
.nana-review-card__author{font-size:15px}
.nana-review-card__product{padding-top:14px;border-top:1px solid rgba(17,17,17,.09);gap:11px}
.nana-review-card__thumb{width:38px;height:38px;flex-basis:38px;border-radius:7px}
.nana-review-card__product-name{font-size:14px}

@media(max-width:767px){
  .nana-review-card,.nana-review-card:nth-child(n){
    --review-card-width:min(78vw,294px);
    width:var(--review-card-width);
    flex:0 0 var(--review-card-width);
    padding:14px;
  }
  .nana-review-card__content{min-height:198px}
}
@media(prefers-reduced-motion:reduce){.nana-signature-thread{display:none}}


/* Source block: nana-signature-v832-brand-css */

/* V8.32 — Nana corporate signature refinements */
main{z-index:auto;isolation:auto}
.nana-signature-thread{
  z-index:18;
  opacity:.28;
  mix-blend-mode:multiply;
}
.nana-signature-thread path{
  stroke-width:2.35;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.42));
}

/* Original Nana identity in header and drawer */
.nana-brand-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  line-height:1;
}
.nana-brand-logo-image{
  display:block;
  width:60px;
  height:60px;
  object-fit:contain;
  filter:drop-shadow(0 5px 11px rgba(87,76,59,.13));
}
.header .nana-brand-logo-link{height:68px}
.drawer-head .nana-brand-logo-link--drawer{
  width:auto;
  height:auto;
  padding:2px 0;
}
.drawer-head .nana-brand-logo-image{width:86px;height:86px}
@media(max-width:767px){
  .header .nana-brand-logo-link{height:58px}
  .header .nana-brand-logo-image{width:52px;height:52px}
  .drawer-head .nana-brand-logo-image{width:76px;height:76px}
}

/* Corporate moving motifs inspired by the original Nana pattern. */
.nana-signature-star{display:none}
.nana-signature-motif{
  position:fixed;
  z-index:16;
  pointer-events:none;
  opacity:.82;
  filter:drop-shadow(0 12px 24px rgba(87,76,59,.10));
  animation:nanaCorporateFloat 8s cubic-bezier(.22,1,.36,1) infinite;
  transform-origin:center;
}
.nana-signature-motif svg{display:block;width:100%;height:100%;overflow:visible}
.nana-signature-motif--rainbow{
  width:74px;height:74px;
  top:16%;right:-6px;
  transform:rotate(10deg);
}
.nana-signature-motif--pebble{
  width:54px;height:54px;
  top:43%;left:-13px;
  animation-delay:-2.8s;
}
.nana-signature-motif--bean{
  width:92px;height:66px;
  bottom:11%;right:-22px;
  transform:rotate(-8deg);
  animation-delay:-5.4s;
}
@keyframes nanaCorporateFloat{
  0%,100%{translate:0 0;rotate:0deg;scale:1}
  35%{translate:0 -8px;rotate:3deg;scale:1.025}
  70%{translate:0 5px;rotate:-2deg;scale:.99}
}
@media(max-width:767px){
  .nana-signature-motif{opacity:.66}
  .nana-signature-motif--rainbow{width:58px;height:58px;right:-13px}
  .nana-signature-motif--pebble{width:42px;height:42px;left:-12px}
  .nana-signature-motif--bean{width:70px;height:52px;right:-22px}
}
@media(prefers-reduced-motion:reduce){
  .nana-signature-motif{animation:none}
}

/* Keep utility layers and navigation above the signature system. */
.top,.header,.mega,.drawer,.search,.nana-quick-backdrop,.nana-quick-drawer,
.nana-fit-launcher,.nana-fit-panel,.nana-cart-toast{z-index:72}


/* Source block: nana-wc-phase2-preview-css */

/* V8.33 — WordPress + WooCommerce Phase 2 static preview */
body.nana-wc-phase2-preview{--nana-wc-green:#dcebcf;--nana-wc-blue:#dceaf4;--nana-wc-peach:#f5d2c0}
/* Repeated campaign/product modules stay available in the WP theme, but are hidden
   in the simplified default homepage composition. */
#hotItems,#howYouStyleIt,#explorerComfort,.nana-comfort-marquee-2{display:none}
.nana-quick-stock{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12px;font-weight:750;color:#397041}
.nana-quick-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#67ad70;box-shadow:0 0 0 4px rgba(103,173,112,.15)}
.nana-quick-stock.is-low{color:#9a671b}.nana-quick-stock.is-low::before{background:#e4a43d;box-shadow:0 0 0 4px rgba(228,164,61,.15)}
.nana-quick-stock.is-out{color:#a24444}.nana-quick-stock.is-out::before{background:#d66d6d;box-shadow:0 0 0 4px rgba(214,109,109,.14)}
.nana-quick-option[disabled]{opacity:.34;cursor:not-allowed;text-decoration:line-through;transform:none;background:rgba(255,255,255,.35);color:#555;border-color:rgba(17,17,17,.08)}
.nana-quick-add[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.nana-quick-variation-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.nana-quick-variation-meta span{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.55);font-size:10px;font-weight:750;color:rgba(17,17,17,.62)}

/* Real cart-drawer behavior preview */
.nana-wc-cart-backdrop{position:fixed;inset:0;z-index:124;background:rgba(16,15,14,.3);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.35s ease}
.nana-wc-cart-backdrop.is-open{opacity:1;visibility:visible}
.nana-wc-cart-drawer{position:fixed;z-index:126;right:12px;top:12px;bottom:12px;width:min(500px,calc(100% - 24px));background:rgba(250,249,246,.94);backdrop-filter:blur(28px) saturate(1.1);border:1px solid rgba(255,255,255,.72);border-radius:32px;box-shadow:0 32px 100px rgba(22,19,17,.25);transform:translateX(calc(100% + 28px));transition:transform .62s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow:hidden}
.nana-wc-cart-drawer.is-open{transform:none}
.nana-wc-cart-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 25px;border-bottom:1px solid rgba(17,17,17,.08)}
.nana-wc-cart-head div{display:flex;align-items:center;gap:10px}.nana-wc-cart-head h2{font-size:15px;margin:0;letter-spacing:0}.nana-wc-cart-head span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:800}
.nana-wc-cart-close{width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:20px;cursor:pointer;transition:.25s cubic-bezier(.22,1,.36,1)}.nana-wc-cart-close:hover{background:#111;color:#fff;transform:rotate(90deg)}
.nana-wc-cart-items{flex:1;overflow:auto;padding:18px}
.nana-wc-cart-empty{min-height:100%;display:grid;place-content:center;text-align:center;padding:40px;color:rgba(17,17,17,.55)}
.nana-wc-cart-empty i{font-style:normal;font-size:44px;margin-bottom:14px}.nana-wc-cart-empty strong{display:block;color:#111;font-size:22px;margin-bottom:8px}.nana-wc-cart-empty p{max-width:270px;font-size:12px;line-height:1.6;margin:0}
.nana-wc-cart-item{display:grid;grid-template-columns:92px 1fr auto;gap:14px;padding:12px 0;border-bottom:1px solid rgba(17,17,17,.08)}
.nana-wc-cart-item img{width:92px;height:112px;object-fit:cover;border-radius:18px;background:#eee}
.nana-wc-cart-item__copy{min-width:0;padding-top:4px}.nana-wc-cart-item__copy h3{font-size:14px;line-height:1.25;margin:0 0 6px}.nana-wc-cart-item__copy p{font-size:10px;color:rgba(17,17,17,.55);margin:0 0 13px}.nana-wc-cart-item__copy strong{font-size:12px}
.nana-wc-cart-qty{display:flex;align-items:center;width:max-content;border:1px solid rgba(17,17,17,.13);border-radius:999px;overflow:hidden;margin-top:12px}.nana-wc-cart-qty button{width:30px;height:30px;border:0;background:transparent;cursor:pointer;font-size:16px}.nana-wc-cart-qty span{min-width:25px;text-align:center;font-size:11px;font-weight:800}
.nana-wc-cart-remove{align-self:start;width:34px;height:34px;border:0;border-radius:50%;background:rgba(17,17,17,.06);cursor:pointer;font-size:15px;transition:.2s}.nana-wc-cart-remove:hover{background:#111;color:#fff}
.nana-wc-cart-foot{padding:19px 22px 22px;border-top:1px solid rgba(17,17,17,.08);background:rgba(255,255,255,.46)}
.nana-wc-cart-total{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.nana-wc-cart-total span{font-size:11px;color:rgba(17,17,17,.55)}.nana-wc-cart-total strong{font-size:22px;letter-spacing:0}
.nana-wc-checkout{width:100%;height:58px;border:0;border-radius:999px;background:#111;color:#fff;padding:0 8px 0 24px;font:800 13px/1 inherit;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.nana-wc-checkout b{width:46px;height:46px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:18px;transition:.25s}.nana-wc-checkout:hover b{transform:rotate(-12deg)}
.nana-wc-checkout[disabled]{opacity:.4;cursor:not-allowed}

/* WooCommerce-like predictive results */
.nana-search-product__stock{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#397041}.nana-search-product__stock::before{content:"";width:6px;height:6px;border-radius:50%;background:#67ad70}
.nana-search-empty{padding:26px;border:1px dashed rgba(17,17,17,.15);border-radius:18px;text-align:center;font-size:12px;color:rgba(17,17,17,.55)}

/* Expanded Nana Fit fields backed by the same shape as WC variation meta. */
.nana-fit-field--weight,.nana-fit-field--body{display:block}
.nana-fit-data-note{margin:12px 0 0;font-size:9px;line-height:1.5;color:rgba(17,17,17,.48)}
.nana-fit-result.is-missing{background:#f5e8df}.nana-fit-result.is-missing strong{font-size:15px}

@media(max-width:680px){
 .nana-wc-cart-drawer{border-radius:26px}.nana-wc-cart-item{grid-template-columns:78px 1fr auto}.nana-wc-cart-item img{width:78px;height:98px}
 .nana-quick-variation-meta{grid-template-columns:1fr}
}


/* Source block: nana-v835-pebble-mobile-menu */

/* =========================================================
   V8.35 — Pebble Little mobile menu parity
   Nana logo and Turkish IA adapted to the existing brand.
   ========================================================= */
.pebble-mobile-menu{
  position:fixed;
  inset:0;
  z-index:180;
  display:block;
  padding:0;
  background:transparent;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
}
.pebble-mobile-menu.open{
  visibility:visible;
  pointer-events:auto;
}
.pebble-mobile-menu__overlay{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(0,0,0,.58);
  opacity:0;
  transition:opacity .35s cubic-bezier(.7,0,.2,1);
  cursor:pointer;
}
.pebble-mobile-menu.open .pebble-mobile-menu__overlay{opacity:1}
.pebble-mobile-menu__panel{
  position:absolute;
  inset:0 auto 0 0;
  width:min(48rem,100%);
  height:100%;
  height:100svh;
  display:flex;
  flex-direction:column;
  color:#000;
  background:#fff;
  transform:translateX(-101%);
  transition:transform .5s cubic-bezier(.3,1,.3,1);
  box-shadow:22px 0 70px rgba(0,0,0,.12);
  overflow:hidden;
}
.pebble-mobile-menu.open .pebble-mobile-menu__panel{transform:none}
.pebble-mobile-menu__header{
  position:relative;
  z-index:4;
  flex:0 0 80px;
  min-height:80px;
  display:flex;
  align-items:center;
  padding:0 20px;
  background:#fff;
}
.pebble-mobile-menu__logo{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
}
.pebble-mobile-menu__logo .nana-brand-logo-image{
  width:76px;
  height:76px;
  object-fit:contain;
}
.pebble-mobile-menu__close{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  color:#000;
  background:transparent;
  cursor:pointer;
}
.pebble-mobile-menu__close svg{width:22px;height:22px;fill:none}
.pebble-mobile-menu__close path,
.pebble-mobile-menu__heading path,
.pebble-mobile-menu__back path,
.pebble-mobile-menu__utility path,
.pebble-mobile-menu__utility circle{
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pebble-mobile-menu__viewport{
  position:relative;
  flex:1;
  min-height:0;
  overflow:hidden;
  background:#fff;
}
.pebble-mobile-menu__screen{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  background:#fff;
  transition:transform .5s cubic-bezier(.3,1,.3,1),opacity .3s ease;
}
.pebble-mobile-menu__main{
  transform:translateX(0);
  opacity:1;
  z-index:1;
}
.pebble-mobile-menu.is-submenu-open .pebble-mobile-menu__main{
  transform:translateX(-28%);
  opacity:0;
  pointer-events:none;
}
.pebble-mobile-menu__submenu{
  z-index:2;
  transform:translateX(100%);
  pointer-events:none;
}
.pebble-mobile-menu__submenu.is-active{
  transform:translateX(0);
  pointer-events:auto;
}
.pebble-mobile-menu__primary{
  flex:1;
  padding:5px 20px 24px;
}
.pebble-mobile-menu__heading{
  width:100%;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 0;
  border:0;
  border-bottom:1px solid rgba(0,0,0,.1);
  color:#000;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.pebble-mobile-menu__heading span{
  font-size:20px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:0;
}
.pebble-mobile-menu__heading svg{
  width:21px;
  height:21px;
  flex:0 0 auto;
}
.pebble-mobile-menu__footer{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:22px 20px max(24px,env(safe-area-inset-bottom));
  border-top:1px solid rgba(0,0,0,.1);
  background:#fff;
}
.pebble-mobile-menu__utility{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  border:0;
  color:#000;
  background:transparent;
  font-size:14px;
  font-weight:500;
  text-align:left;
  cursor:pointer;
}
.pebble-mobile-menu__utility>svg:first-child{width:20px;height:20px;flex:0 0 auto}
.pebble-mobile-menu__utility span{flex:1}
.pebble-mobile-menu__chevron-down{width:18px;height:18px}
.pebble-mobile-menu__social{
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:2px;
}
.pebble-mobile-menu__social a{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.16);
  border-radius:50%;
  font-size:10px;
  font-weight:700;
}
.pebble-mobile-menu__back{
  flex:0 0 54px;
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 20px;
  border:0;
  border-bottom:1px solid rgba(0,0,0,.1);
  color:rgba(0,0,0,.7);
  background:#fff;
  font-size:15px;
  font-weight:500;
  text-align:left;
  cursor:pointer;
}
.pebble-mobile-menu__back svg{width:20px;height:20px}
.pebble-mobile-menu__scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:23px 20px max(34px,env(safe-area-inset-bottom));
  scrollbar-width:none;
}
.pebble-mobile-menu__scroll::-webkit-scrollbar{display:none}
.pebble-mobile-menu__group+ .pebble-mobile-menu__group{margin-top:30px}
.pebble-mobile-menu__group h3,
.pebble-mobile-menu__columns h3,
.pebble-mobile-menu__intro h3{
  margin:0 0 15px;
  font-size:16px;
  line-height:1.3;
  font-weight:700;
}
.pebble-mobile-menu__thumb-list{
  display:flex;
  flex-direction:column;
}
.pebble-mobile-menu__thumb-list a{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:66px;
  padding:8px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.pebble-mobile-menu__thumb-list a>span{
  width:50px;
  height:50px;
  flex:0 0 50px;
  border-radius:9px;
  overflow:hidden;
  background:#eee;
}
.pebble-mobile-menu__thumb-list img{width:100%;height:100%;object-fit:cover}
.pebble-mobile-menu__thumb-list b{font-size:14px;font-weight:500}
.pebble-mobile-menu__links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 22px;
}
.pebble-mobile-menu__links>a{
  display:block;
  padding:11px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
  color:rgba(0,0,0,.72);
  font-size:14px;
  line-height:1.35;
  font-weight:500;
}
.pebble-mobile-menu__links--large{grid-template-columns:1fr}
.pebble-mobile-menu__links--large>a{
  color:#000;
  font-size:16px;
  font-weight:500;
}
.pebble-mobile-menu__links--large small{
  display:block;
  margin-top:4px;
  color:rgba(0,0,0,.56);
  font-size:12px;
  line-height:1.45;
  font-weight:500;
}
.pebble-mobile-menu__columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}
.pebble-mobile-menu__columns>div{display:flex;flex-direction:column}
.pebble-mobile-menu__columns a{
  padding:8px 0;
  color:rgba(0,0,0,.7);
  font-size:13px;
}
.pebble-mobile-menu__intro{margin-bottom:24px}
.pebble-mobile-menu__intro p{
  margin:0;
  color:rgba(0,0,0,.62);
  font-size:14px;
  line-height:1.6;
}
.pebble-mobile-menu__banner{
  position:relative;
  display:block;
  min-height:190px;
  margin-top:28px;
  border-radius:14px;
  overflow:hidden;
  color:#fff;
  background:#222;
}
.pebble-mobile-menu__banner:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.64));
}
.pebble-mobile-menu__banner>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.pebble-mobile-menu__banner>span{
  position:absolute;
  z-index:1;
  left:17px;
  right:17px;
  bottom:16px;
}
.pebble-mobile-menu__banner small,
.pebble-mobile-menu__banner strong,
.pebble-mobile-menu__banner b{display:block}
.pebble-mobile-menu__banner small{font-size:10px;text-transform:uppercase;letter-spacing:0}
.pebble-mobile-menu__banner strong{margin-top:4px;font-size:21px;line-height:1.1}
.pebble-mobile-menu__banner b{margin-top:9px;font-size:12px;text-decoration:underline}
.pebble-mobile-menu__banner-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:28px;
}
.pebble-mobile-menu__banner-grid a{
  position:relative;
  min-height:165px;
  border-radius:13px;
  overflow:hidden;
  background:#eee;
}
.pebble-mobile-menu__banner-grid a:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.55));
}
.pebble-mobile-menu__banner-grid img{width:100%;height:100%;object-fit:cover}
.pebble-mobile-menu__banner-grid strong{
  position:absolute;
  z-index:1;
  left:12px;
  bottom:12px;
  color:#fff;
  font-size:14px;
}
@media(max-width:720px){
  .pebble-mobile-menu__panel{width:100%}
  .pebble-mobile-menu__overlay{display:none}
}
@media(max-width:380px){
  .pebble-mobile-menu__header{padding-inline:16px}
  .pebble-mobile-menu__primary,
  .pebble-mobile-menu__scroll,
  .pebble-mobile-menu__footer{padding-inline:16px}
  .pebble-mobile-menu__heading{min-height:61px}
}
@media(prefers-reduced-motion:reduce){
  .pebble-mobile-menu__panel,
  .pebble-mobile-menu__screen,
  .pebble-mobile-menu__overlay{transition:none}
}


/* Source block: live-v835-final-parity */
/* Nana Kids exact V8.35 homepage — measured Pebble layout parity layer. */
:root{--nana-parity-header-height:80px;--nana-parity-mobile-header:60px}
html[data-live-source="canonical-v835-exact"]{scroll-behavior:auto}
html[data-live-source="canonical-v835-exact"],html[data-live-source="canonical-v835-exact"] body{overflow-x:clip}
#topbar{display:none}

/* Pebble desktop chrome: 50px page inset, 30px top offset, 80px white rounded bar. */
@media (min-width:721px){
  #floatingHeader{
    position:fixed;
    inset:30px 50px auto;
    width:calc(100% - 100px);
    max-width:none;
    height:80px;
    min-height:80px;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    padding:0 20px;
    border-radius:10px;
    background:#fff;
    box-shadow:none;
    transform:none;
    z-index:120;
  }
  #floatingHeader .nav{font-size:15px;line-height:24px}
  #floatingHeader .logo{align-self:center;height:68px}
  #floatingHeader .icon{width:40px;height:40px}
  #mega{
    position:fixed;
    top:100px;
    left:50px;
    width:calc(100% - 100px);
    max-width:none;
    border-radius:0 0 10px 10px;
  }
}

/* Pebble mobile chrome: menu | logo | search | cart, each edge control is 60px. */
@media (max-width:720px){
  body{padding-top:var(--nana-parity-mobile-header)}
  #floatingHeader{
    position:fixed;
    inset:0 0 auto;
    width:100%;
    max-width:none;
    height:var(--nana-parity-mobile-header);
    min-height:var(--nana-parity-mobile-header);
    grid-template-columns:60px minmax(0,1fr) 120px;
    padding:0;
    border-radius:0;
    background:#fff;
    box-shadow:0 1px 0 rgba(17,17,17,.12);
    transform:none;
    z-index:500;
  }
  #floatingHeader .menu-btn{
    width:60px;height:60px;margin:0;border:0;
    border-right:1px solid rgba(17,17,17,.12);border-radius:0;
    display:flex;align-items:center;justify-content:center;
  }
  #floatingHeader .logo{
    width:100%;height:60px;min-width:0;
    display:flex;align-items:center;justify-content:flex-start;
    padding-left:14px;
  }
  #floatingHeader .logo img,#floatingHeader .logo svg{width:auto;height:50px;max-width:150px;object-fit:contain}
  #floatingHeader button[aria-label="Hesap"],#floatingHeader button[aria-label="Account"],#floatingHeader .nana-parity-account{display:none}
  #floatingHeader button[aria-label="Sepet"],#floatingHeader button[aria-label="Cart"],#floatingHeader .nana-parity-cart{display:flex}
  #floatingHeader>div:last-child,#floatingHeader .actions,#floatingHeader .header-actions{
    width:120px;height:60px;display:flex;justify-content:flex-end;align-items:stretch;gap:0
  }
  #floatingHeader .icon{
    width:60px;height:60px;margin:0;border:0;
    border-left:1px solid rgba(17,17,17,.12);border-radius:0;
    display:flex;align-items:center;justify-content:center;
  }
  #floatingHeader .icon svg{width:21px;height:21px}
  #floatingHeader .nav{display:none}
  #mega{display:none}

  /* Pebble drawer proportions: 60px header, 48px primary rows, full viewport. */
  #drawer.pebble-mobile-menu,.pebble-mobile-menu{
    position:fixed;inset:0;width:100%;height:100dvh;
    max-width:none;z-index:1200
  }
  .pebble-mobile-menu__panel{position:relative;width:100%;height:100dvh;max-width:none;z-index:1201}
  .pebble-mobile-menu__header{position:relative;height:60px;min-height:60px;border-bottom:1px solid rgba(17,17,17,.12);z-index:3}
  .pebble-mobile-menu__logo{height:60px;padding:0 16px;display:flex;align-items:center}
  .pebble-mobile-menu__logo img,.pebble-mobile-menu__logo svg{width:auto;height:48px;max-width:145px;object-fit:contain}
  .pebble-mobile-menu__close{right:0;top:0;width:60px;height:60px;border-left:1px solid rgba(17,17,17,.12);border-radius:0;z-index:4}
  .pebble-mobile-menu__viewport{position:relative;top:0;height:calc(100dvh - 60px)}
  .pebble-mobile-menu__screen{position:relative;height:calc(100dvh - 60px)}
  .pebble-mobile-menu__screen.pebble-mobile-menu__main{display:block}
  .pebble-mobile-menu__primary{
    position:absolute;top:0;left:0;right:0;
    padding:0 16px;margin:0;height:auto
  }
  .pebble-mobile-menu__heading{height:48px;min-height:48px;padding:0;font-size:19px;border-bottom:0}
  .pebble-mobile-menu__footer{position:absolute;left:0;right:0;bottom:0;padding:20px 16px 18px}
  .pebble-mobile-menu__back{height:48px;min-height:48px}
  .pebble-mobile-menu__scroll{top:48px;height:calc(100dvh - 108px)}

  /* Match Pebble's tighter mobile rhythm while retaining Nana content. */
  #heroSwallowStage{min-height:1034px;height:1034px}
  #heroSlider{min-height:603px;height:603px}
  #categoryTrack{grid-template-columns:repeat(6,156px);gap:10px}
  .nana-new-in{padding-top:44px;padding-bottom:48px}
  .nana-outfit-for{padding-bottom:48px}
  .nana-hot-week{padding:48px 0}
  .nana-hot-header{margin-bottom:24px}
  .nana-hot-track{scroll-padding-inline:12px}
  .nana-hot-card{width:calc(100vw - 44px);max-width:346px}
  .nana-mix-head{margin-bottom:28px}
}

@media (max-width:420px){
  #floatingHeader .logo{padding-left:10px}
  #floatingHeader .logo img,#floatingHeader .logo svg{height:48px;max-width:132px}
}

@media (prefers-reduced-motion:reduce){
  html[data-live-source="canonical-v835-exact"] *{scroll-behavior:auto}
}

/* Canonical V8.35 contract after removing legacy cascade locks. */
body.nana-v835-parity,
body.nana-v835-parity button,
body.nana-v835-parity input,
body.nana-v835-parity select,
body.nana-v835-parity textarea,
body.nana-v835-parity optgroup,
body.nana-v835-parity table,
body.nana-v835-parity :where(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,i,label,li,dt,dd,blockquote,figcaption,time,summary){font-family:"Bricolage Grotesque",sans-serif}
body.nana-v835-parity :where(p,li,dt,dd,blockquote,figcaption,time,small),
body.nana-v835-parity .body,
body.nana-v835-parity .nav,
body.nana-v835-parity .mega a,
body.nana-v835-parity .search-label,
body.nana-v835-parity .nana-announcement-v829__item{font-weight:500}
body.nana-v835-parity :where(h1,h2,h3,h4,h5,h6,strong,b),
body.nana-v835-parity .title,
body.nana-v835-parity .kicker,
body.nana-v835-parity .btn,
body.nana-v835-parity .tab,
body.nana-v835-parity .product h3,
body.nana-v835-parity .product .price,
body.nana-v835-parity .edit-badge strong,
body.nana-v835-parity .nana-outfit-option,
body.nana-v835-parity .nana-reviews__title,
body.nana-v835-parity .nana-announcement-v829__brand{font-weight:700}
body.nana-v835-parity em,
body.nana-v835-parity .hero-copy .hero-title em{font-style:normal;font-weight:700}
body.nana-v835-parity .nana-style-comfort{padding:clamp(64px,7.55vw,100px) 0 clamp(30px,4.5vw,60px)}
body.nana-v835-parity .storyband.nana-story-marquee{padding:0 0 clamp(64px,7.55vw,100px)}
body.nana-v835-parity .pebble-mobile-menu__thumb-list b,
body.nana-v835-parity .pebble-mobile-menu__banner b{font-weight:500}
@media(min-width:721px){body.nana-v835-parity #mega{top:100px}}
@media(max-width:767px){
 body.nana-v835-parity .nana-footer-v825__block,
 body.nana-v835-parity .nana-footer-v825__block + .nana-footer-v825__block,
 body.nana-v835-parity .nana-footer-v825__block--instagram{padding:0;margin:0}
}
@media(max-width:720px){
 body.nana-v835-parity .nana-style-comfort{padding:48px 0 28px}
 body.nana-v835-parity .storyband.nana-story-marquee{padding-bottom:48px}
 body.nana-v835-parity #drawer .pebble-mobile-menu__primary{margin:0}
}
@media(prefers-reduced-motion:reduce){
 html body.nana-v835-parity *,html body.nana-v835-parity *::before,html body.nana-v835-parity *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Hallmark · component: header + mega menu · genre: playful editorial · theme: Nana V8.36 · critique: P5 H5 E4 S5 R5 V5 */
:root{
  --nana-menu-paper:#fff;
  --nana-menu-ink:#111;
  --nana-menu-muted:#6f706c;
  --nana-menu-line:rgba(17,17,17,.1);
  --nana-menu-soft:#f4f4ef;
  --nana-menu-mint:#dcebcf;
  --nana-menu-accent:#ff745c;
  --nana-menu-overlay:rgba(17,17,17,.32);
  --nana-menu-shadow:0 28px 75px rgba(17,17,17,.15);
  --nana-header-shadow:0 10px 34px rgba(17,17,17,.08);
  --nana-menu-ease:cubic-bezier(.22,1,.36,1);
}

@media(min-width:721px){
  body.nana-v835-parity #floatingHeader{
    border:1px solid var(--nana-menu-line);
    background:var(--nana-menu-paper);
    box-shadow:var(--nana-header-shadow);
    isolation:isolate;
    z-index:120;
    transition:border-radius .24s var(--nana-menu-ease),box-shadow .24s ease,border-color .24s ease;
  }
  body.nana-v835-parity #floatingHeader.is-mega-open{
    border-bottom-color:transparent;
    border-radius:10px 10px 0 0;
    box-shadow:none;
  }
  body.nana-v835-parity #floatingHeader .nana-brand-logo-link{
    width:190px;
    height:68px;
  }
  body.nana-v835-parity #floatingHeader .nana-brand-logo-image{
    width:190px;
    height:auto;
    max-width:190px;
    object-fit:contain;
    filter:drop-shadow(0 5px 12px rgba(87,76,59,.1));
  }
  body.nana-v835-parity #floatingHeader .left{
    align-self:stretch;
    gap:2px;
  }
  body.nana-v835-parity #floatingHeader .nav{
    position:relative;
    display:inline-flex;
    min-height:44px;
    align-items:center;
    gap:6px;
    margin:auto 0;
    padding:0 11px;
    color:var(--nana-menu-ink);
    border-radius:6px;
    letter-spacing:0;
    text-decoration:none;
    transition:background-color .2s ease,color .2s ease;
  }
  body.nana-v835-parity #floatingHeader .nav::after{
    content:"";
    position:absolute;
    right:11px;
    bottom:7px;
    left:11px;
    height:1px;
    background:var(--nana-menu-ink);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .3s var(--nana-menu-ease);
  }
  body.nana-v835-parity #floatingHeader .nav:hover,
  body.nana-v835-parity #floatingHeader .nav:focus-visible,
  body.nana-v835-parity #floatingHeader .nav[aria-expanded="true"]{
    background:var(--nana-menu-soft);
  }
  body.nana-v835-parity #floatingHeader .nav:hover::after,
  body.nana-v835-parity #floatingHeader .nav:focus-visible::after,
  body.nana-v835-parity #floatingHeader .nav[aria-expanded="true"]::after{
    transform:scaleX(1);
    transform-origin:left;
  }
  body.nana-v835-parity .mega-trigger-icon{
    display:inline-grid;
    width:14px;
    place-items:center;
    font-size:11px;
    line-height:1;
    transition:transform .3s var(--nana-menu-ease);
  }
  body.nana-v835-parity [data-mega-trigger][aria-expanded="true"] .mega-trigger-icon{
    transform:rotate(180deg);
  }
  body.nana-v835-parity #floatingHeader .right{
    gap:4px;
  }
  body.nana-v835-parity #floatingHeader .search-label{
    margin-right:8px;
    color:var(--nana-menu-muted);
    font-size:12px;
    letter-spacing:0;
  }
  body.nana-v835-parity #floatingHeader .icon{
    position:relative;
    flex:0 0 40px;
    border-color:transparent;
    background:transparent;
    color:var(--nana-menu-ink);
    transition:background-color .2s ease,border-color .2s ease,transform .2s var(--nana-menu-ease);
  }
  body.nana-v835-parity #floatingHeader .icon:hover{
    border-color:var(--nana-menu-line);
    background:var(--nana-menu-soft);
    transform:translateY(-1px);
  }
  body.nana-v835-parity #floatingHeader :where(.nav,.icon):focus-visible,
  body.nana-v835-parity #mega a:focus-visible{
    outline:2px solid var(--nana-menu-ink);
    outline-offset:2px;
  }
  body.nana-v835-parity #floatingHeader .cart-count{
    top:-2px;
    right:-2px;
    width:17px;
    height:17px;
    margin:0;
    background:var(--nana-menu-accent);
    color:var(--nana-menu-paper);
    font-size:9px;
    line-height:17px;
  }

  body.nana-v835-parity #mega{
    display:block;
    padding:32px 0 30px;
    border:1px solid var(--nana-menu-line);
    border-top:0;
    border-radius:0 0 10px 10px;
    background:var(--nana-menu-paper);
    box-shadow:var(--nana-menu-shadow);
    clip-path:inset(0 0 100% 0 round 0 0 10px 10px);
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transform:translateY(-6px);
    visibility:hidden;
    z-index:119;
    transition:clip-path .42s var(--nana-menu-ease),opacity .18s ease,transform .42s var(--nana-menu-ease),visibility 0s linear .42s;
  }
  body.nana-v835-parity #mega::before{
    display:none;
  }
  body.nana-v835-parity #mega.open{
    clip-path:inset(0 0 0 0 round 0 0 10px 10px);
    opacity:1;
    pointer-events:auto;
    transform:none;
    visibility:visible;
    transition-delay:0s;
  }
  body.nana-v835-parity #mega .mega-grid{
    grid-template-columns:210px minmax(0,1fr) minmax(320px,380px);
    align-items:stretch;
    gap:28px;
  }
  body.nana-v835-parity #mega h4{
    margin:0 0 12px;
    color:var(--nana-menu-muted);
    font-size:11px;
    line-height:1.4;
    letter-spacing:0;
    text-transform:uppercase;
  }
  body.nana-v835-parity #mega a{
    color:var(--nana-menu-ink);
    text-decoration:none;
  }
  body.nana-v835-parity #mega .mega-quick>a{
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0;
    border-bottom:1px solid var(--nana-menu-line);
    font-size:14px;
    transition:padding-left .25s var(--nana-menu-ease),background-color .2s ease;
  }
  body.nana-v835-parity #mega .mega-quick>a::after{
    content:"→";
    color:var(--nana-menu-muted);
    transition:transform .25s var(--nana-menu-ease),color .2s ease;
  }
  body.nana-v835-parity #mega .mega-quick>a:hover,
  body.nana-v835-parity #mega .mega-quick>a:focus-visible{
    padding-left:6px;
    background:var(--nana-menu-soft);
  }
  body.nana-v835-parity #mega .mega-quick>a:hover::after,
  body.nana-v835-parity #mega .mega-quick>a:focus-visible::after{
    color:var(--nana-menu-ink);
    transform:translateX(3px);
  }
  body.nana-v835-parity #mega .mega-cats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body.nana-v835-parity #mega .mega-cat{
    position:relative;
    display:grid;
    min-height:94px;
    grid-template-columns:76px minmax(0,1fr) 18px;
    align-items:center;
    gap:11px;
    margin:0;
    padding:8px;
    border:1px solid transparent;
    border-radius:8px;
    background:var(--nana-menu-soft);
    overflow:hidden;
    transition:border-color .2s ease,background-color .2s ease,transform .25s var(--nana-menu-ease);
  }
  body.nana-v835-parity #mega .mega-cat::after{
    content:"↗";
    color:var(--nana-menu-muted);
    font-size:14px;
    transition:transform .25s var(--nana-menu-ease),color .2s ease;
  }
  body.nana-v835-parity #mega .mega-cat:hover,
  body.nana-v835-parity #mega .mega-cat:focus-visible{
    border-color:var(--nana-menu-line);
    background:var(--nana-menu-paper);
    transform:translateY(-2px);
  }
  body.nana-v835-parity #mega .mega-cat:hover::after,
  body.nana-v835-parity #mega .mega-cat:focus-visible::after{
    color:var(--nana-menu-ink);
    transform:translate(2px,-2px);
  }
  body.nana-v835-parity #mega .mega-cat img{
    width:76px;
    height:76px;
    border-radius:6px;
    background:var(--nana-menu-paper);
    object-fit:cover;
    transition:transform .4s var(--nana-menu-ease);
  }
  body.nana-v835-parity #mega .mega-cat:hover img,
  body.nana-v835-parity #mega .mega-cat:focus-visible img{
    transform:scale(1.035);
  }
  body.nana-v835-parity #mega .mega-cat>span{
    display:grid;
    min-width:0;
    gap:5px;
  }
  body.nana-v835-parity #mega .mega-cat strong{
    font-size:14px;
    line-height:1.2;
  }
  body.nana-v835-parity #mega .mega-cat small{
    color:var(--nana-menu-muted);
    font-size:11px;
    line-height:1.2;
  }
  body.nana-v835-parity #mega .mega-promo{
    position:relative;
    display:block;
    min-height:240px;
    margin:0;
    padding:26px;
    border-radius:8px;
    background:var(--nana-menu-mint);
    overflow:hidden;
    isolation:isolate;
  }
  body.nana-v835-parity #mega .mega-promo__kicker,
  body.nana-v835-parity #mega .mega-promo__title,
  body.nana-v835-parity #mega .mega-promo__copy,
  body.nana-v835-parity #mega .mega-promo__cta{
    position:relative;
    z-index:2;
    max-width:46%;
  }
  body.nana-v835-parity #mega .mega-promo__kicker{
    color:var(--nana-menu-ink);
    font-size:10px;
    letter-spacing:0;
  }
  body.nana-v835-parity #mega .mega-promo__title{
    margin:9px 0 10px;
    font-size:28px;
    line-height:1;
  }
  body.nana-v835-parity #mega .mega-promo__copy{
    margin:0 0 20px;
    color:var(--nana-menu-muted);
    font-size:12px;
    line-height:1.45;
  }
  body.nana-v835-parity #mega .mega-promo__cta{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    gap:9px;
    margin:0;
    padding:0 14px;
    border:1px solid var(--nana-menu-ink);
    border-radius:999px;
    background:var(--nana-menu-ink);
    color:var(--nana-menu-paper);
    font-size:11px;
    line-height:1;
    white-space:nowrap;
  }
  body.nana-v835-parity #mega .mega-promo__cta>span{
    transition:transform .25s var(--nana-menu-ease);
  }
  body.nana-v835-parity #mega .mega-promo:hover .mega-promo__cta>span,
  body.nana-v835-parity #mega .mega-promo:focus-visible .mega-promo__cta>span{
    transform:translateX(3px);
  }
  body.nana-v835-parity #mega .mega-promo__image{
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    width:54%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .55s var(--nana-menu-ease);
  }
  body.nana-v835-parity #mega .mega-promo:hover .mega-promo__image,
  body.nana-v835-parity #mega .mega-promo:focus-visible .mega-promo__image{
    transform:scale(1.025);
  }
  body.nana-v835-parity.mega-open::after{
    background:var(--nana-menu-overlay);
    pointer-events:auto;
    z-index:118;
  }
}

@media(min-width:941px) and (max-width:1180px){
  body.nana-v835-parity #floatingHeader .search-label,
  body.nana-v835-parity #floatingHeader .left .nav:nth-of-type(4){display:none}
  body.nana-v835-parity #floatingHeader .nav{padding-inline:8px;font-size:14px}
  body.nana-v835-parity #mega .mega-grid{grid-template-columns:180px minmax(0,1fr) 280px;gap:20px}
  body.nana-v835-parity #mega .mega-promo{padding:22px}
  body.nana-v835-parity #mega .mega-promo__title{font-size:24px}
  body.nana-v835-parity #mega .mega-promo__copy{display:none}
}

@media(min-width:721px) and (max-width:940px){
  body.nana-v835-parity #floatingHeader .search-label,
  body.nana-v835-parity #floatingHeader .left .nav:nth-of-type(3),
  body.nana-v835-parity #floatingHeader .left .nav:nth-of-type(4){display:none}
  body.nana-v835-parity #floatingHeader .nav{padding-inline:8px;font-size:14px}
  body.nana-v835-parity #mega .mega-grid{grid-template-columns:168px minmax(0,1fr);gap:18px}
  body.nana-v835-parity #mega .mega-promo{display:none}
}

@media(max-width:720px){
  body.nana-v835-parity #floatingHeader .nana-brand-logo-link{
    justify-content:center;
    padding-left:0;
  }
  body.nana-v835-parity #floatingHeader .nana-brand-logo-image{
    width:min(150px,calc(100% - 10px));
    height:auto;
    max-width:150px;
    object-fit:contain;
    filter:drop-shadow(0 4px 9px rgba(87,76,59,.09));
  }
  body.nana-v835-parity .pebble-mobile-menu__logo .nana-brand-logo-image{
    width:170px;
    height:auto;
    max-width:calc(100% - 60px);
    object-fit:contain;
  }
}