/* Storefront-specific canonical overrides. Split from app.css in v0.6.33 to reduce cross-page regressions. */

/* ===== v0.6.26 restored desktop width + cohesive storefront redesign ===== */
@media(min-width:901px){
  /* Restore the pre-80% desktop canvas. Keep it fluid below 1320px. */
  body.storefront .container,
  body.storefront .store-nav,
  body.storefront .store-newsletter .newsletter-strip,
  body.storefront .store-footer .container{
    width:min(1440px,calc(100% - 24px))!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Shared hero rhythm across Home / Shop / About / Contact / FAQ. */
  body.storefront .public-page-hero{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  body.storefront .public-page-hero h1,
  body.storefront .storefront-home .hero-copy h1{
    letter-spacing:-.045em!important;
  }

  /* HOME: strong editorial book stack without stretching the whole page. */
  body.storefront .storefront-home .commerce-hero{
    padding:28px 0 0!important;
    overflow:hidden!important;
  }
  body.storefront .storefront-home .commerce-hero-grid{
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
    gap:54px!important;
    min-height:520px!important;
    align-items:stretch!important;
  }
  body.storefront .storefront-home .hero-copy{
    align-self:center!important;
    max-width:590px!important;
    padding:0 0 40px!important;
  }
  body.storefront .storefront-home .hero-copy h1{
    font-size:clamp(55px,4.4vw,72px)!important;
    max-width:9.4ch!important;
    line-height:.99!important;
  }
  body.storefront .storefront-home .hero-copy>p{
    max-width:46ch!important;
    font-size:16.5px!important;
  }
  body.storefront .storefront-home .hero-featured-showcase{
    height:520px!important;
    min-height:520px!important;
    overflow:hidden!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-book{
    top:5px!important;
    bottom:auto!important;
    box-shadow:0 26px 46px rgba(43,27,15,.17)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(410px,72%)!important;
    transform:translateX(-48%) rotate(1.7deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(365px,64%)!important;
    top:28px!important;
    transform:translateX(calc(-50% - 90px)) rotate(-7.5deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(360px,63%)!important;
    top:31px!important;
    transform:translateX(calc(-50% + 94px)) rotate(6.5deg)!important;
  }
  body.storefront .storefront-home .hero-ring{right:2%!important;top:25px!important;width:335px!important;height:335px!important;opacity:.34!important}
  body.storefront .storefront-home .hero-blob.blob-one{right:5%!important;top:46px!important;width:300px!important;height:220px!important;opacity:.30!important}
  body.storefront .storefront-home .hero-blob.blob-two{left:5%!important;bottom:10px!important;width:265px!important;height:195px!important;opacity:.22!important}

  /* FEATURED: keep the pair compact and premium on the restored width. */
  body.storefront .featured-section{
    padding-top:48px!important;
    padding-bottom:56px!important;
  }
  body.storefront .featured-section .section-label.compact-heading{
    margin-bottom:22px!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .featured-carousel-viewport{
    grid-auto-columns:286px!important;
    gap:42px!important;
    justify-content:start!important;
  }
  body.storefront .featured-section:has(.featured-carousel-viewport > .product-card:nth-child(2):last-child) .product-cover{
    box-shadow:0 15px 32px rgba(38,25,15,.10)!important;
  }

  /* SHOP: useful search area + a real book visual, not a tiny thumbnail in space. */
  body.storefront .shop-hero>.container.shop-hero-grid{
    grid-template-columns:minmax(0,1fr) 390px!important;
    gap:58px!important;
    align-items:center!important;
  }
  body.storefront .shop-hero-copy h1{
    font-size:clamp(50px,4.2vw,64px)!important;
    max-width:9ch!important;
  }
  body.storefront .shop-cover-deck{
    height:310px!important;
    transform:none!important;
  }
  body.storefront .shop-deck-book{
    width:175px!important;
    top:34px!important;
    border-radius:8px!important;
    box-shadow:0 20px 38px rgba(40,27,16,.14)!important;
  }
  body.storefront .shop-deck-book.deck-1{transform:translateX(-112%) rotate(-8deg)!important}
  body.storefront .shop-deck-book.deck-2{transform:translateX(-42%) translateY(-23px) rotate(2deg)!important}
  body.storefront .shop-deck-book.deck-3{transform:translateX(25%) rotate(8deg)!important}
  body.storefront .shop-results{
    padding-top:36px!important;
    padding-bottom:58px!important;
  }
  body.storefront .shop-results .product-grid{
    grid-template-columns:repeat(auto-fit,minmax(230px,280px))!important;
    justify-content:start!important;
    gap:34px 30px!important;
  }
  body.storefront .shop-results .product-card{width:100%!important}

  /* ABOUT: same book language as Shop/Home with slightly quieter scale. */
  body.storefront .story-hero-grid{
    grid-template-columns:minmax(0,1fr) 420px!important;
    gap:58px!important;
    align-items:center!important;
  }
  body.storefront .story-hero h1{
    font-size:clamp(50px,4.2vw,64px)!important;
    max-width:10ch!important;
  }
  body.storefront .about-book-stack{
    height:330px!important;
    overflow:visible!important;
  }
  body.storefront .about-book-stack .stack-book{
    width:170px!important;
    box-shadow:0 20px 36px rgba(41,27,16,.14)!important;
  }
  body.storefront .about-book-stack .stack-1{transform:translate(-120%,-48%) rotate(-9deg)!important}
  body.storefront .about-book-stack .stack-2{transform:translate(-50%,-55%) rotate(1.5deg)!important;width:190px!important}
  body.storefront .about-book-stack .stack-3{transform:translate(20%,-47%) rotate(9deg)!important}
  body.storefront .story-values{padding-top:34px!important;padding-bottom:44px!important}
  body.storefront .value-grid article{
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(40,27,16,.055)!important;
  }

  /* CONTACT: replace the heavy black panel with the store's warm paper language. */
  body.storefront .contact-hero-grid{
    grid-template-columns:minmax(0,1fr) 410px!important;
    gap:58px!important;
  }
  body.storefront .contact-hero h1{
    font-size:clamp(50px,4.2vw,64px)!important;
  }
  body.storefront .contact-primary-card{
    padding:30px!important;
    border:1px solid color-mix(in srgb,var(--line) 82%,var(--accent) 18%)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,var(--paper2),color-mix(in srgb,var(--paper) 88%,var(--accent) 12%))!important;
    color:var(--ink)!important;
    box-shadow:0 16px 38px rgba(38,24,14,.09)!important;
  }
  body.storefront .contact-primary-card:after{
    width:155px!important;height:155px!important;right:-72px!important;top:-78px!important;
    background:color-mix(in srgb,var(--accent) 12%,transparent)!important;
  }
  body.storefront .contact-icon{
    background:color-mix(in srgb,var(--accent) 15%,var(--paper2))!important;
    color:var(--accent)!important;
  }
  body.storefront .contact-primary-card small{color:var(--muted)!important}
  body.storefront .contact-primary-card>a{color:var(--ink)!important;font-size:21px!important}
  body.storefront .contact-primary-card>p{color:var(--muted)!important;font-size:14px!important;line-height:1.6!important}
  body.storefront .contact-phone{border-top-color:var(--line)!important}
  body.storefront .contact-help{padding-top:34px!important;padding-bottom:46px!important}
  body.storefront .contact-help-grid article{
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(40,27,16,.05)!important;
  }
  body.storefront .contact-policies{padding:18px 0!important}

  /* FAQ: one clear help card in the hero, then a focused accordion below. */
  body.storefront .faq-hero .public-page-hero-grid{
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:58px!important;
  }
  body.storefront .faq-hero .public-page-copy h1{
    font-size:clamp(50px,4.2vw,64px)!important;
  }
  body.storefront .faq-hero-card{
    padding:26px!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(40,27,16,.07)!important;
  }
  body.storefront .faq-content{
    padding-top:40px!important;
    padding-bottom:58px!important;
  }
  body.storefront .faq-shell{
    grid-template-columns:1fr!important;
    max-width:980px!important;
    margin-inline:auto!important;
  }
  body.storefront .faq-side{display:none!important}
  body.storefront .faq-item{
    border-radius:14px!important;
    box-shadow:0 7px 20px rgba(40,27,16,.035)!important;
  }

  /* Newsletter/footer should follow the same restored shell. */
  body.storefront .store-newsletter .newsletter-strip{
    width:min(1320px,calc(100% - 40px))!important;
    padding:24px 28px!important;
  }
}

/* ===== v0.6.26 product trust-row alignment hotfix ===== */
.product-detail-copy .detail-trust>div{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(150px,.78fr) minmax(0,1.6fr)!important;
  column-gap:18px!important;
  align-items:start!important;
  padding:13px 12px 13px 36px!important;
}
.product-detail-copy .detail-trust>div:before{
  left:5px!important;
  top:13px!important;
  width:19px!important;
  height:19px!important;
}
.product-detail-copy .detail-trust b{
  min-width:0!important;
  line-height:1.45!important;
}
.product-detail-copy .detail-trust span{
  min-width:0!important;
  line-height:1.5!important;
}
@media(max-width:800px){
  .product-detail-copy .detail-trust>div{
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:12px 10px 12px 36px!important;
  }
  .product-detail-copy .detail-trust>div:before{top:12px!important}
}

/* ===== v0.6.26 product title width + final reader commit polish ===== */
@media(min-width:901px){
  body.storefront .product-page>.container{
    width:min(1320px,calc(100% - 40px))!important;
  }
  body.storefront .product-detail{
    grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
    gap:54px!important;
    max-width:1180px!important;
    margin-inline:auto!important;
  }
  body.storefront .product-detail-media{
    width:100%!important;
    max-width:360px!important;
  }
  body.storefront .product-detail-copy{
    min-width:0!important;
    width:100%!important;
    padding-top:12px!important;
  }
  body.storefront .product-detail-copy h1{
    max-width:760px!important;
    width:auto!important;
    font-size:clamp(44px,4vw,58px)!important;
    line-height:1.01!important;
    letter-spacing:-.04em!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body.storefront .product-detail-copy .detail-description{
    max-width:720px!important;
  }
}

/* ===== v0.6.26 About story section contrast + editorial redesign ===== */
body.storefront .story-body{
  position:relative!important;
  overflow:hidden!important;
  padding:62px 0 68px!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(184,113,58,.18),transparent 34%),
    linear-gradient(135deg,#2b251f 0%,#241f1b 56%,#1f1b18 100%)!important;
  color:#fffaf2!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
body.storefront .story-body:before{
  content:"";
  position:absolute;
  width:390px;
  height:390px;
  left:-145px;
  bottom:-250px;
  border:1px solid rgba(216,158,107,.18);
  border-radius:50%;
  pointer-events:none;
}
body.storefront .story-body>.container{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:72px!important;
  align-items:center!important;
}
body.storefront .story-quote{
  position:relative!important;
  padding:10px 0 12px!important;
}
body.storefront .story-quote i{
  display:block!important;
  margin:0 0 16px!important;
  font:700 76px/.55 var(--heading-font)!important;
  font-style:normal!important;
  color:#d3a06f!important;
}
body.storefront .story-quote p{
  max-width:13ch!important;
  margin:0!important;
  font:700 clamp(32px,3.1vw,45px)/1.08 var(--heading-font)!important;
  letter-spacing:-.025em!important;
  color:#fffaf2!important;
  text-wrap:balance!important;
}
body.storefront .story-body-card{
  position:relative!important;
  padding:30px 32px 31px!important;
  border:1px solid rgba(235,216,195,.18)!important;
  border-radius:18px!important;
  background:rgba(255,250,242,.075)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
body.storefront .story-body-card .page-kicker{
  color:#d7a574!important;
}
body.storefront .story-body-card h2{
  max-width:18ch!important;
  margin:8px 0 18px!important;
  font-size:clamp(31px,3vw,43px)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  color:#fffaf2!important;
  text-wrap:balance!important;
}
body.storefront .story-body-card p{
  max-width:64ch!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.72!important;
  color:rgba(255,250,242,.76)!important;
}
@media(max-width:900px){
  body.storefront .story-body{
    padding:44px 0 48px!important;
  }
  body.storefront .story-body>.container{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  body.storefront .story-quote{
    padding:0!important;
  }
  body.storefront .story-quote i{
    font-size:60px!important;
    margin-bottom:12px!important;
  }
  body.storefront .story-quote p{
    max-width:18ch!important;
    font-size:clamp(29px,7.4vw,38px)!important;
  }
  body.storefront .story-body-card{
    padding:24px!important;
  }
  body.storefront .story-body-card h2{
    font-size:clamp(28px,7vw,36px)!important;
  }
}
@media(max-width:520px){
  body.storefront .story-body{padding:36px 0 40px!important}
  body.storefront .story-body-card{padding:20px!important;border-radius:15px!important}
  body.storefront .story-body-card p{font-size:14px!important;line-height:1.65!important}
}

/* ===== v0.6.30 mobile homepage featured carousel: exactly two books + one-card snap ===== */
@media(max-width:720px){
  body.storefront .storefront-home .featured-section .featured-carousel-viewport{
    grid-auto-columns:calc((100% - 10px) / 2)!important;
    gap:10px!important;
    padding-inline:0!important;
    scroll-padding-inline:0!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.storefront .storefront-home .featured-section .featured-carousel-viewport>.product-card{
    width:100%!important;
    min-width:0!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }
}

/* ===== v0.6.33 progressive storefront + catalog/library polish ===== */
.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* Sectorized rendering: preserve scroll geometry while allowing the browser to
   skip off-screen layout/paint work until a section approaches the viewport. */
body.storefront [data-progressive-section],
body.storefront .store-newsletter,
body.storefront .store-footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 360px;
}
body.storefront .store-footer{contain-intrinsic-size:auto 320px}
body.storefront .store-newsletter{contain-intrinsic-size:auto 200px}
body.storefront img[loading="lazy"]{background:color-mix(in srgb,var(--paper) 82%,var(--line) 18%)}

/* Keep interactive elements predictable and keyboard-visible. */
body.storefront :is(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 58%,#fff 42%);
  outline-offset:3px;
}
body.storefront .nav-toggle,
body.storefront .featured-carousel-controls button,
body.storefront .account-button,
body.storefront .account-menu>summary{touch-action:manipulation}

/* Product cards keep a steady text rhythm even when book titles differ. */
body.storefront .product-card .product-info h3{min-height:2.45em}
body.storefront .product-card .product-cover img,
body.storefront .mini-book-card img,
body.storefront .library-card .cover img{transform:translateZ(0)}

/* Shop controls for a growing catalog. */
body.storefront .shop-result-head{
  align-items:flex-end!important;
  gap:18px!important;
}
body.storefront .shop-sort{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
body.storefront .shop-sort label{display:grid;gap:5px}
body.storefront .shop-sort label>span{
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
}
body.storefront .shop-sort select{
  min-width:190px;
  height:42px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper2);
  color:var(--ink);
  padding:0 34px 0 11px;
}
body.storefront .shop-sort .btn{min-height:42px!important}
body.storefront .shop-clear,
body.storefront .library-clear{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 4px;
  color:var(--accent2);
  font-size:12px;
  font-weight:750;
}

/* My Books now scales past a handful of purchases. */
body.storefront .library-head{margin-bottom:16px!important}
body.storefront .library-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto auto auto;
  align-items:end;
  gap:10px;
  margin:0 0 22px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--paper2) 91%,var(--paper) 9%);
}
body.storefront .library-search input,
body.storefront .library-sort select{
  width:100%;
  height:42px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper2);
  color:var(--ink);
  padding:0 12px;
}
body.storefront .library-sort{display:grid;gap:5px;min-width:170px}
body.storefront .library-sort>span{
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)
}
body.storefront .library-count{
  align-self:center;
  white-space:nowrap;
  font-size:12px;
  font-weight:750;
  color:var(--muted);
  padding-inline:4px;
}
body.storefront .library-grid{align-items:stretch}
body.storefront .library-card{display:flex;flex-direction:column;min-width:0}
body.storefront .library-card .card-body{display:flex;flex:1;flex-direction:column}
body.storefront .library-card h3{margin:10px 0 10px!important;min-height:2.2em}
body.storefront .library-card .actions{margin-top:auto}
body.storefront .library-card-meta{
  display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)
}
body.storefront .reading-progress{
  height:5px;
  overflow:hidden;
  margin:2px 0 8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--line) 76%,var(--paper) 24%);
}
body.storefront .reading-progress>span{
  display:block;height:100%;min-width:0;border-radius:inherit;background:var(--accent);transition:width .2s ease
}
body.storefront .library-empty{grid-column:1/-1}

@media(max-width:800px){
  body.storefront .shop-result-head{align-items:stretch!important;flex-direction:column!important}
  body.storefront .shop-sort{justify-content:flex-start;width:100%}
  body.storefront .shop-sort label{flex:1 1 180px}
  body.storefront .shop-sort select{min-width:0;width:100%}
  body.storefront .library-toolbar{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
  }
  body.storefront .library-search{grid-column:1/-1}
  body.storefront .library-sort{min-width:0}
  body.storefront .library-toolbar>.btn{align-self:end}
  body.storefront .library-clear{grid-column:1/2}
  body.storefront .library-count{grid-column:2/3;justify-self:end}
  body.storefront .product-card .product-info h3{min-height:2.35em}
}

@media(max-width:480px){
  body.storefront .library-toolbar{grid-template-columns:1fr 1fr;padding:11px;gap:8px}
  body.storefront .library-sort{grid-column:1/-1}
  body.storefront .library-toolbar>.btn{width:100%}
  body.storefront .shop-sort{display:grid;grid-template-columns:1fr auto;width:100%}
  body.storefront .shop-sort label{grid-column:1/-1}
  body.storefront .shop-clear{justify-self:start}
}

@media(prefers-reduced-motion:reduce){
  body.storefront *,body.storefront *:before,body.storefront *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* v0.6.33 — publication copyright notice */
body.storefront .product-copyright{
  display:flex;align-items:flex-start;gap:10px;margin:18px 0 4px;padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:12px;
  background:color-mix(in srgb,var(--paper2) 88%,var(--paper) 12%);color:var(--muted);
}
body.storefront .product-copyright span{
  flex:0 0 auto;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)
}
body.storefront .product-copyright strong{font-size:12px;line-height:1.45;color:var(--ink);font-weight:650}
body.storefront .publication-copyright{margin-top:14px;font-size:12px;color:var(--muted)}
@media(max-width:640px){body.storefront .product-copyright{display:grid;gap:4px}}


/* ===== v0.6.33 Japanese-learning About + public information polish ===== */
body.storefront .japanese-about .story-lead{max-width:62ch!important}
body.storefront .about-hero-notes{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
body.storefront .about-hero-notes span{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper2) 78%,transparent);font-size:12px;font-weight:800;color:var(--muted)}
body.storefront .about-sector{content-visibility:visible!important;contain:none!important}
body.storefront .section-intro{max-width:770px;margin-bottom:30px}
body.storefront .section-intro h2{margin:7px 0 10px;font:700 clamp(34px,3.5vw,52px)/1.02 var(--heading-font);letter-spacing:-.03em;text-wrap:balance;color:var(--ink)}
body.storefront .section-intro p{max-width:68ch;margin:0;color:var(--muted);font-size:15px;line-height:1.75}
body.storefront .about-method,body.storefront .about-path,body.storefront .about-publishing,body.storefront .about-policies{padding:64px 0;border-top:1px solid var(--line)}
body.storefront .about-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.storefront .about-step-grid article,body.storefront .about-publish-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper2);box-shadow:0 12px 32px rgba(41,27,16,.055)}
body.storefront .about-step-grid b{display:grid;place-items:center;width:36px;height:36px;margin-bottom:25px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,var(--paper2));color:var(--accent);font-size:12px}
body.storefront .about-step-grid h3,body.storefront .about-publish-grid h3{margin:0 0 9px;font:700 26px/1.08 var(--heading-font);letter-spacing:-.02em;color:var(--ink)}
body.storefront .about-step-grid p,body.storefront .about-publish-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
body.storefront .about-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:64px;align-items:center}
body.storefront .about-split h2{max-width:15ch;margin:7px 0 14px;font:700 clamp(38px,4vw,56px)/1.01 var(--heading-font);letter-spacing:-.035em;text-wrap:balance}
body.storefront .about-split>div>p{max-width:67ch;color:var(--muted);font-size:15px;line-height:1.75}
body.storefront .about-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:24px}
body.storefront .about-checks span{position:relative;padding-left:24px;font-size:13px;font-weight:750;color:var(--ink)}
body.storefront .about-checks span:before{content:"✓";position:absolute;left:0;top:-1px;color:var(--accent);font-weight:900}
body.storefront .about-study-card{padding:30px;border-radius:20px;background:linear-gradient(145deg,#2b251f,#211d19);color:#fffaf2;box-shadow:0 24px 55px rgba(31,23,17,.16)}
body.storefront .about-study-card small{display:block;margin-bottom:12px;text-transform:uppercase;letter-spacing:.13em;color:#d8a676;font-size:10px;font-weight:900}
body.storefront .about-study-card strong{display:block;font:700 34px/1.06 var(--heading-font);letter-spacing:-.025em;text-wrap:balance}
body.storefront .about-study-card p{margin:16px 0 20px;color:rgba(255,250,242,.72);font-size:14px;line-height:1.7}
body.storefront .about-study-card a{color:#fff4e7;font-weight:850;text-decoration:none}
body.storefront .about-publish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.storefront .about-publish-grid article>span{display:block;margin-bottom:21px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
body.storefront .about-policies{background:color-mix(in srgb,var(--paper2) 55%,var(--paper))}
body.storefront .about-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.storefront .about-policy-card{display:block;min-height:180px;padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--paper2);color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.storefront .about-policy-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 14px 34px rgba(40,27,16,.075)}
body.storefront .about-policy-card>span{display:block;font:700 24px/1.08 var(--heading-font);letter-spacing:-.02em}
body.storefront .about-policy-card p{margin:10px 0 18px;color:var(--muted);font-size:13px;line-height:1.65}
body.storefront .about-policy-card b{color:var(--accent);font-size:12px}
body.storefront .about-final{padding:52px 0 70px}
body.storefront .about-final-card{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:34px 38px;border:1px solid var(--line);border-radius:22px;background:var(--paper2);box-shadow:0 14px 38px rgba(40,27,16,.055)}
body.storefront .about-final-card h2{margin:6px 0 8px;font:700 clamp(32px,3vw,44px)/1.03 var(--heading-font);letter-spacing:-.025em}
body.storefront .about-final-card p{max-width:62ch;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
body.storefront .about-final-card>div:last-child{display:flex;gap:10px;flex:0 0 auto}
body.storefront .footer-legal-copy{display:flex;flex-direction:column;gap:4px}
body.storefront .footer-created{font-size:11px;color:var(--muted)}
body.storefront .policy-clause h2{max-width:34ch;text-wrap:balance}
body.storefront .policy-clause p{max-width:78ch}
@media(max-width:900px){
  body.storefront .about-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.storefront .about-split{grid-template-columns:1fr;gap:30px}
  body.storefront .about-publish-grid{grid-template-columns:1fr}
  body.storefront .about-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.storefront .about-final-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  body.storefront .about-method,body.storefront .about-path,body.storefront .about-publishing,body.storefront .about-policies{padding:42px 0}
  body.storefront .section-intro{margin-bottom:22px}
  body.storefront .section-intro h2{font-size:34px}
  body.storefront .about-step-grid,body.storefront .about-policy-grid{grid-template-columns:1fr}
  body.storefront .about-step-grid article{padding:20px}
  body.storefront .about-checks{grid-template-columns:1fr}
  body.storefront .about-study-card{padding:24px}
  body.storefront .about-study-card strong{font-size:30px}
  body.storefront .about-policy-card{min-height:0}
  body.storefront .about-final{padding:34px 0 50px}
  body.storefront .about-final-card{padding:24px;border-radius:18px}
  body.storefront .about-final-card>div:last-child{width:100%;flex-direction:column}
  body.storefront .about-final-card .btn{width:100%;justify-content:center}
}

body.storefront .policy-business-mini{padding:18px 19px;border:1px solid var(--line);border-radius:15px;background:var(--paper2);box-shadow:0 10px 28px rgba(40,27,16,.045)}
body.storefront .policy-business-mini>span{display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:9px;font-weight:900}
body.storefront .policy-business-mini>b{display:block;margin-bottom:7px;color:var(--ink);font-size:14px}
body.storefront .policy-business-mini>a,body.storefront .policy-business-mini>small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
body.storefront .policy-business-mini>a:hover{color:var(--accent)}


/* ===== v0.6.34 visual polish + safe sector rendering ===== */
/* Long editorial/text sections stay in normal document flow. Progressive
   rendering is reserved for explicitly marked heavier catalog sectors,
   newsletter and footer so full-page capture and fast scrolling never expose
   oversized intrinsic placeholders. */
body.storefront .japanese-about .about-sector{
  content-visibility:visible!important;
  contain:none!important;
}

/* Keep cards aligned when title lengths differ. */
body.storefront .product-card .product-info{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
}
body.storefront .product-card .product-info h3{min-height:2.48em}
body.storefront .product-card .product-bottom{margin-top:auto}

@media(min-width:901px){
  /* Secondary heroes are intentionally a touch tighter than Home. */
  body.storefront .faq-hero{padding-top:34px!important;padding-bottom:34px!important}
  body.storefront .contact-hero{padding-top:38px!important;padding-bottom:38px!important}
  body.storefront .faq-content{padding-top:32px!important;padding-bottom:52px!important}

  /* A slightly tighter footer reads as one composed information block. */
  body.storefront .store-footer .footer-grid{gap:28px!important}
  body.storefront .store-footer .footer-grid>div:first-child p{max-width:34ch!important}
  body.storefront .store-footer .footer-bottom{margin-top:20px!important}
}

@media(max-width:900px){
  body.storefront .japanese-about .about-sector{content-visibility:visible!important}
}

/* ===== v0.6.36 secure payment branding + mobile Shop/Home card parity ===== */
.accepted-payments{
  display:grid;gap:8px;margin:14px 0 2px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  border-radius:13px;background:color-mix(in srgb,var(--paper2) 72%,#fff 28%)
}
.accepted-payments>span{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.accepted-payments>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.accepted-payments>small{font-size:10px;line-height:1.45;color:var(--muted)}
.accepted-payment-brand{display:inline-flex;align-items:center;min-height:30px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:8px;background:#fff}
.payment-brand-logo,.accepted-payment-logo{display:block;width:auto;max-width:100%;object-fit:contain}
.payment-brand-logo{height:25px;max-width:112px}.accepted-payment-logo{height:21px;max-width:92px}
.payment-brand-text{font-size:13px;font-weight:900;color:var(--ink)}
.payment-provider-button{width:100%;border:0;background:transparent;color:inherit;cursor:pointer}
.payment-provider-brand{display:flex;align-items:center;justify-content:center;min-width:106px;padding:8px 10px;border-radius:9px;background:#fff}
.payment-provider-copy{display:grid;gap:3px;min-width:0;flex:1;text-align:left}
.payment-provider-copy b{font-size:14px;color:var(--ink)}
.payment-provider-copy small{font-size:10px;line-height:1.4;color:var(--muted)}
.payment-provider-arrow{font-size:20px;color:var(--accent)}
.paypal-method{padding:5px 7px!important;background:linear-gradient(135deg,#fff,color-mix(in srgb,#eef7ff 65%,#fff 35%))!important;border-color:color-mix(in srgb,#1677d2 25%,var(--line))!important}
.wallet-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}
.wallet-brand{display:flex;align-items:center;gap:11px;min-width:0}
.wallet-brand .payment-brand-logo{height:24px;max-width:105px}
.wallet-brand>span{font-size:11px;font-weight:800;color:var(--muted)}
.wallet-head>strong{font-size:18px;color:var(--ink);white-space:nowrap}
.wallet-pay-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.wallet-qr{width:150px;height:150px;object-fit:contain;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff}
.wallet-pay-grid p{margin:0 0 10px;font-size:11px;line-height:1.55;color:var(--muted)}
.wallet-reference-form{display:grid;gap:9px}
.wallet-reference-form label{display:grid;gap:5px;font-size:10px;font-weight:850;color:var(--ink)}
.wallet-reference-form input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff;color:var(--ink)}
.manual-payment-safety{display:block;margin-top:9px;font-size:9.5px;line-height:1.45;color:var(--muted)}
.alipayplus-method{border-color:color-mix(in srgb,#1677ff 24%,var(--line))!important;background:linear-gradient(135deg,var(--paper2),color-mix(in srgb,#eaf5ff 42%,var(--paper2) 58%))!important}
.payment-waiting strong{display:flex;align-items:center;gap:9px}.payment-waiting-logo{height:20px;width:auto;max-width:86px;object-fit:contain}
.product-page .purchase-box .accepted-payments{margin-top:11px;text-align:left}

@media(max-width:720px){
  /* Shop uses the same compact two-up visual rhythm as Home Featured. */
  body.storefront .shop-results .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 10px!important;
  }
  body.storefront .shop-results .product-card{
    width:100%!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  }
  body.storefront .shop-results .product-cover{
    border-radius:9px!important;border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;
    box-shadow:0 13px 26px rgba(37,25,15,.10)!important;overflow:hidden!important;
  }
  body.storefront .shop-results .product-info{padding:10px 2px 0!important}
  body.storefront .shop-results .product-category{font-size:8.5px!important;letter-spacing:.10em!important}
  body.storefront .shop-results .product-info h3{font-size:14px!important;line-height:1.2!important;min-height:2.4em!important;margin-top:4px!important}
  body.storefront .shop-results .product-author{font-size:10px!important;line-height:1.35!important;min-height:1.35em}
  body.storefront .shop-results .product-bottom{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:5px!important;margin-top:7px!important;padding-top:2px!important}
  body.storefront .shop-results .product-bottom strong{font-size:14px!important;white-space:nowrap}
  body.storefront .shop-results .mini-buy{font-size:9px!important;white-space:nowrap;margin:0!important}
  body.storefront .shop-results .preview-chip{font-size:8.5px!important;padding:5px 7px!important;left:7px!important;bottom:7px!important}
  .accepted-payments{padding:10px 11px}.accepted-payment-logo{height:18px;max-width:76px}.accepted-payment-brand{min-height:28px;padding:4px 7px}
  .payment-provider-button{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important}
  .payment-provider-brand{min-width:88px;padding:7px}.payment-provider-copy b{font-size:13px}.payment-provider-copy small{font-size:9px}
  .wallet-pay-grid{grid-template-columns:1fr}.wallet-qr{width:min(220px,72vw);height:auto;aspect-ratio:1;margin-inline:auto}.wallet-head{align-items:flex-start}.wallet-brand{align-items:flex-start;flex-direction:column;gap:5px}
}
@media(max-width:390px){
  body.storefront .shop-results .product-info h3{font-size:13px!important}
  body.storefront .shop-results .product-bottom strong{font-size:13px!important}
  body.storefront .shop-results .mini-buy{font-size:8.5px!important}
}


/* ===== v0.6.36 payment-logo reliability ===== */
.checkout-card > .accepted-payments{margin:14px 0 16px!important}
.accepted-payment-brand{overflow:hidden}
.accepted-payment-logo,.payment-brand-logo,.payment-waiting-logo{image-rendering:auto}
.payment-provider-brand{overflow:hidden}
@media(max-width:720px){
  .accepted-payments>div{gap:7px}
  .accepted-payment-brand{padding:4px 7px;min-height:29px}
  .accepted-payment-logo{height:19px;max-width:84px}
}

/* ===== v0.6.37 public accepted-payment trust strip ===== */
body.storefront .public-payment-trust{
  border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  background:color-mix(in srgb,var(--paper2) 82%,#fff 18%);
}
body.storefront .public-payment-trust-inner{
  min-height:92px;
  display:grid;
  grid-template-columns:minmax(260px,1.2fr) auto auto;
  align-items:center;
  gap:24px;
  padding-top:17px;
  padding-bottom:17px;
}
body.storefront .public-payment-trust-copy{display:flex;align-items:center;gap:12px;min-width:0}
body.storefront .payment-lock{
  flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:var(--paper2);font-size:16px;font-weight:900;
  box-shadow:0 7px 20px rgba(32,23,16,.12)
}
body.storefront .public-payment-trust-copy>div{display:grid;gap:2px;min-width:0}
body.storefront .public-payment-trust-copy small{
  color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase
}
body.storefront .public-payment-trust-copy strong{color:var(--ink);font-size:14px;line-height:1.25}
body.storefront .public-payment-trust-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
body.storefront .public-payment-logos{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center}
body.storefront .public-payment-brand{
  min-width:86px;min-height:38px;display:flex;align-items:center;justify-content:center;
  padding:6px 10px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);
  border-radius:10px;background:#fff;box-shadow:0 5px 14px rgba(32,23,16,.04)
}
body.storefront .public-payment-logo{display:block;height:22px;width:auto;max-width:94px;object-fit:contain}
body.storefront .public-payment-help{
  color:var(--ink);font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap;
  border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent);padding-bottom:2px
}
body.storefront .public-payment-help:hover{color:var(--accent);border-color:var(--accent)}

@media(max-width:900px){
  body.storefront .public-payment-trust-inner{
    grid-template-columns:1fr auto;gap:13px 16px;min-height:0;padding-top:15px;padding-bottom:15px
  }
  body.storefront .public-payment-help{grid-column:1/-1;justify-self:start}
}
@media(max-width:620px){
  body.storefront .public-payment-trust-inner{grid-template-columns:1fr;gap:12px;padding-top:16px;padding-bottom:16px}
  body.storefront .public-payment-trust-copy{align-items:flex-start}
  body.storefront .payment-lock{flex-basis:34px;width:34px;height:34px;font-size:14px}
  body.storefront .public-payment-trust-copy strong{font-size:13px}
  body.storefront .public-payment-logos{justify-content:flex-start;gap:7px}
  body.storefront .public-payment-brand{min-width:74px;min-height:34px;padding:5px 8px}
  body.storefront .public-payment-logo{height:19px;max-width:82px}
  body.storefront .public-payment-help{grid-column:auto;font-size:9.5px}
}

/* ===== v0.6.38 customer account, ownership record & refund-request polish ===== */
.account-auth-form select,
.account-auth-form textarea{
  width:100%;border:1px solid color-mix(in srgb,var(--line) 88%,var(--ink) 12%);border-radius:11px;
  background:#fff;padding:11px 13px;font:inherit;font-size:15px;color:var(--ink);outline:none
}
.account-auth-form select{min-height:49px}
.account-auth-form textarea{resize:vertical;min-height:124px;line-height:1.55}
.account-auth-form select:focus,.account-auth-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.customer-account-page{padding-top:42px;padding-bottom:72px}
.customer-account-page .section-head{align-items:flex-end}
.account-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 34px}
.account-overview-grid .panel{padding:24px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.account-overview-grid h2{margin:2px 0 0;font-size:27px}
.account-overview-grid p{margin:0;color:var(--muted);line-height:1.55}
.inline-account-action{display:inline-flex;margin-top:8px}
.account-orders{display:grid;gap:15px}
.account-orders .section-head.compact{margin-bottom:0}
.account-order-table td{vertical-align:middle}
.account-order-table td small{display:block;margin-top:4px;color:var(--muted);font-size:10.5px}
.account-order-table .btn.small{white-space:nowrap}
.ownership-page{padding:46px 0 78px;background:linear-gradient(180deg,var(--paper),var(--paper2))}
.ownership-certificate{position:relative;overflow:hidden;padding:36px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:24px;background:var(--paper2);box-shadow:0 22px 60px rgba(42,29,17,.11)}
.ownership-certificate:before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--accent) 11%,transparent);border-radius:17px;pointer-events:none}
.ownership-certificate>*{position:relative;z-index:1}
.ownership-certificate h1{font-size:clamp(35px,5vw,54px);margin:8px 0 12px;max-width:14ch}
.ownership-lead{max-width:680px;color:var(--muted);line-height:1.65;margin:0 0 26px}
.ownership-certificate dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0}
.ownership-certificate dl>div{background:var(--paper2);padding:15px 17px;min-width:0}
.ownership-certificate dt{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
.ownership-certificate dd{margin:0;font-size:14px;font-weight:760;overflow-wrap:anywhere}
.ownership-certificate dd small{display:block;margin-top:3px;font-weight:500;color:var(--muted)}
.ownership-certificate code{font-size:12px;background:color-mix(in srgb,var(--paper) 78%,#fff 22%);padding:4px 6px;border-radius:6px}
.ownership-note{margin:22px 0;padding:17px 19px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--paper) 78%,#fff 22%);border-radius:0 12px 12px 0}
.ownership-note p{margin:5px 0 0;color:var(--muted);line-height:1.58}
.purchase-account-claim{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--paper) 72%,#fff 28%);display:grid;gap:8px}
.purchase-account-claim p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.purchase-account-claim .btn{justify-self:start}
.refund-request-page .account-auth-intro h1{max-width:10ch}

@media(max-width:760px){
  .customer-account-page{padding-top:24px;padding-bottom:50px}
  .customer-account-page>.section-head{align-items:flex-start;gap:14px}
  .customer-account-page>.section-head .btn{width:100%}
  .account-overview-grid{grid-template-columns:1fr;gap:12px;margin:17px 0 26px}
  .account-overview-grid .panel{padding:19px;border-radius:15px}
  .account-orders .section-head.compact{align-items:flex-start;gap:7px}
  .account-order-table{min-width:700px}
  .ownership-page{padding:22px 0 48px}
  .ownership-certificate{padding:25px 20px;border-radius:18px}
  .ownership-certificate h1{font-size:36px;max-width:none}
  .ownership-certificate dl{grid-template-columns:1fr}
  .ownership-note{padding:14px 15px}
}
.guest-library-claim{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 24px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--paper2) 82%,#fff 18%),color-mix(in srgb,var(--paper) 88%,var(--accent) 12%))}
.guest-library-claim>div{display:grid;gap:4px;min-width:0}.guest-library-claim strong{font-size:16px}.guest-library-claim p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:720px}.guest-library-claim .btn{flex:0 0 auto}
@media(max-width:680px){.guest-library-claim{align-items:flex-start;flex-direction:column;gap:13px;padding:16px}.guest-library-claim .btn{width:100%}}

/* ===== v0.6.39 visual cleanup: calmer public chrome + cleaner account commerce ===== */
/* Keep payment visibility before sign-in, but make the trust strip read as part
   of the storefront instead of another full content section. */
body.storefront .public-payment-trust{
  background:color-mix(in srgb,var(--paper2) 91%,var(--paper) 9%);
}
body.storefront .public-payment-trust-inner{
  min-height:66px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  padding-top:11px;
  padding-bottom:11px;
}
body.storefront .public-payment-trust-copy{gap:9px}
body.storefront .payment-lock{
  flex:0 0 30px;width:30px;height:30px;
  font-size:12px;box-shadow:none;
  background:color-mix(in srgb,var(--accent) 11%,var(--paper2));
  color:var(--accent);
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
}
body.storefront .public-payment-trust-copy>div{gap:0}
body.storefront .public-payment-trust-copy small{font-size:8px;letter-spacing:.11em}
body.storefront .public-payment-trust-copy strong{font-size:12.5px}
body.storefront .public-payment-logos{justify-content:flex-start;gap:7px}
body.storefront .public-payment-brand{
  min-width:76px;min-height:32px;padding:4px 8px;border-radius:8px;box-shadow:none;
}
body.storefront .public-payment-logo{height:18px;max-width:82px}
body.storefront .public-payment-help{font-size:9.5px}

/* The homepage assurance rail and the payment rail sit near one another. Keep
   the former intentionally quiet so the page does not become a stack of bars. */
body.storefront .home-assurance>.container{min-height:48px!important;padding-top:8px!important;padding-bottom:8px!important}
body.storefront .home-assurance .assurance-intro h2{font-size:15px!important}
body.storefront .home-assurance .assurance-grid{gap:14px!important}
body.storefront .home-assurance .assurance-grid b{font-size:10.5px!important}

/* Newsletter: retain the useful opt-in, remove the oversized card feeling. */
body.storefront .store-newsletter{padding:20px 0!important}
body.storefront .store-newsletter .newsletter-strip{
  padding:20px 24px!important;
  gap:30px!important;
  border-radius:16px!important;
  box-shadow:0 6px 20px rgba(40,27,16,.035)!important;
}
body.storefront .store-newsletter .newsletter-strip h3{font-size:22px!important;margin:2px 0 4px!important}
body.storefront .store-newsletter .newsletter-strip p{font-size:13px!important;line-height:1.5!important}
body.storefront .store-newsletter .newsletter-strip input,
body.storefront .store-newsletter .newsletter-strip .btn{height:43px!important;min-height:43px!important}

/* Footer: one clear information block rather than a second navigation page. */
body.storefront .store-footer{padding:32px 0 16px!important}
body.storefront .store-footer .footer-grid{gap:28px!important}
body.storefront .footer-brand{font-size:22px!important}
body.storefront .footer-grid p{font-size:12.5px!important;line-height:1.55!important;margin:5px 0 8px!important}
body.storefront .footer-grid h4{font-size:10px!important;margin-bottom:8px!important;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.56)}
body.storefront .footer-grid>div:not(:first-child){gap:6px!important}
body.storefront .footer-grid a{font-size:12px!important}
body.storefront .footer-bottom{margin-top:12px!important;padding-top:12px!important;font-size:10.5px!important}
body.storefront .footer-created{font-size:9.5px}

/* Account / claim / password / refund forms: reduce decorative weight and let
   the form remain the obvious task. */
body.storefront .account-auth-page{padding:34px 0 56px}
body.storefront .account-auth-shell{
  grid-template-columns:minmax(0,1fr) minmax(350px,420px);
  gap:24px;
  max-width:1040px;
}
body.storefront .account-auth-intro{
  padding:34px 36px;border-radius:20px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 97%,var(--accent) 3%),var(--paper2));
}
body.storefront .account-auth-intro:after{width:230px;height:230px;right:-125px;top:-120px;box-shadow:none;opacity:.7}
body.storefront .account-auth-intro h1{font-size:clamp(40px,4.4vw,56px);margin:9px 0 14px;max-width:9.5ch}
body.storefront .account-auth-intro>p{font-size:15px;line-height:1.6}
body.storefront .account-auth-points{gap:7px;margin-top:24px;font-size:12.5px}
body.storefront .account-auth-card{padding:25px;border-radius:18px;box-shadow:0 12px 34px rgba(45,30,18,.07)}
body.storefront .account-auth-card-head>span{font-size:9px}
body.storefront .account-auth-card-head h2{font-size:30px;margin:6px 0}
body.storefront .account-auth-card-head p{font-size:13px;margin-bottom:18px}
body.storefront .account-auth-form{gap:13px}
body.storefront .account-auth-form label{font-size:12.5px}
body.storefront .account-auth-form input,
body.storefront .account-auth-form select{min-height:45px;font-size:14px}
body.storefront .account-auth-form textarea{min-height:105px;font-size:14px}
body.storefront .account-auth-submit{min-height:45px;font-size:13.5px}
body.storefront .account-auth-links{margin-top:17px;padding-top:14px;font-size:11.5px}
body.storefront .account-auth-links-stack{gap:7px}

/* My Account: scan first, act second. */
body.storefront .customer-account-page{padding-top:34px;padding-bottom:58px}
body.storefront .customer-account-page>.section-head{margin-bottom:18px}
body.storefront .account-overview-grid{gap:14px;margin:18px 0 28px}
body.storefront .account-overview-grid .panel{padding:20px;border-radius:15px;gap:6px;box-shadow:0 6px 20px rgba(54,42,29,.035)}
body.storefront .account-overview-grid h2{font-size:23px}
body.storefront .account-overview-grid p{font-size:12.5px;max-width:58ch}
body.storefront .inline-account-action{margin-top:6px}
body.storefront .account-orders{gap:12px}
body.storefront .account-order-table th{font-size:10px}
body.storefront .account-order-table td{padding:11px 10px;font-size:12.5px}
body.storefront .account-order-table .btn.small{padding:8px 10px;font-size:10.5px}

/* Digital purchase record: remove the certificate-within-a-certificate effect. */
body.storefront .ownership-page{padding:34px 0 58px}
body.storefront .ownership-certificate{
  padding:30px;border-radius:20px;
  box-shadow:0 12px 34px rgba(42,29,17,.075);
}
body.storefront .ownership-certificate:before{display:none}
body.storefront .ownership-certificate h1{font-size:clamp(34px,4.2vw,48px);margin:7px 0 10px;max-width:16ch}
body.storefront .ownership-lead{font-size:13px;line-height:1.6;margin-bottom:22px}
body.storefront .ownership-certificate dl{
  gap:9px;background:transparent;border:0;border-radius:0;overflow:visible;
}
body.storefront .ownership-certificate dl>div{
  padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;
}
body.storefront .ownership-certificate dt{font-size:8px;margin-bottom:4px}
body.storefront .ownership-certificate dd{font-size:13px}
body.storefront .ownership-note{margin:18px 0;padding:14px 16px}
body.storefront .ownership-note p{font-size:12.5px}
body.storefront .purchase-account-claim{padding:14px;margin-top:14px}

/* Keep book-card actions aligned without making cards look boxed-in. */
body.storefront .product-card .product-bottom{border-top-color:color-mix(in srgb,var(--line) 62%,transparent)}
body.storefront .shop-results .product-card,
body.storefront .featured-section .product-card{box-shadow:none}

@media(max-width:900px){
  body.storefront .public-payment-trust-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:11px 14px;min-height:60px;padding-top:10px;padding-bottom:10px}
  body.storefront .public-payment-help{grid-column:auto;justify-self:end}
  body.storefront .account-auth-shell{grid-template-columns:1fr;max-width:620px}
  body.storefront .account-auth-intro{padding:27px 25px}
  body.storefront .account-auth-intro:after{display:none}
  body.storefront .account-auth-intro h1{font-size:40px;max-width:none}
}

@media(max-width:760px){
  body.storefront .store-newsletter{padding:14px 0!important}
  body.storefront .store-newsletter .newsletter-strip{padding:17px!important;gap:12px!important}
  body.storefront .store-newsletter .newsletter-strip h3{font-size:19px!important}
  body.storefront .store-newsletter .newsletter-strip p{font-size:12px!important}

  body.storefront .customer-account-page{padding-top:22px;padding-bottom:44px}
  body.storefront .account-overview-grid{gap:10px;margin:14px 0 22px}
  body.storefront .account-overview-grid .panel{padding:16px}

  /* Replace a wide scrolling account table with native-looking order cards. */
  body.storefront .account-orders .table-wrap{overflow:visible}
  body.storefront .account-order-table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 10px}
  body.storefront .account-order-table thead{display:none}
  body.storefront .account-order-table tbody{display:grid;gap:10px}
  body.storefront .account-order-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;background:var(--paper2);padding:12px;box-shadow:0 5px 16px rgba(45,30,18,.035)}
  body.storefront .account-order-table td{display:grid;gap:3px;padding:7px 8px;border:0;min-width:0}
  body.storefront .account-order-table td:before{content:attr(data-label);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  body.storefront .account-order-table td[data-label="Order"],
  body.storefront .account-order-table td[data-label="Book"]{grid-column:1/-1}
  body.storefront .account-order-table td[data-label="Record"]{grid-column:1/-1}
  body.storefront .account-order-table td[data-label="Record"] .btn{width:100%;justify-content:center}
  body.storefront .account-order-table .empty{display:block;grid-column:1/-1;padding:24px;text-align:center}
  body.storefront .account-order-table .empty:before{display:none}

  body.storefront .ownership-page{padding:22px 0 42px}
  body.storefront .ownership-certificate{padding:20px 16px;border-radius:16px;box-shadow:none}
  body.storefront .ownership-certificate h1{font-size:32px}
  body.storefront .ownership-certificate dl{gap:7px}
  body.storefront .ownership-certificate dl>div{padding:11px 12px}
}

@media(max-width:620px){
  body.storefront .public-payment-trust-inner{grid-template-columns:auto 1fr;gap:9px 11px;padding-top:11px;padding-bottom:11px}
  body.storefront .public-payment-logos{grid-column:1/-1;gap:6px}
  body.storefront .public-payment-help{grid-column:1/-1;justify-self:start;margin-left:0}
  body.storefront .public-payment-brand{min-width:70px;min-height:30px;padding:4px 7px}
  body.storefront .public-payment-logo{height:17px;max-width:76px}
  body.storefront .account-auth-page{padding:18px 0 40px}
  body.storefront .account-auth-shell{gap:10px;width:min(100% - 22px,620px)}
  body.storefront .account-auth-intro{padding:21px 18px;border-radius:16px}
  body.storefront .account-auth-intro h1{font-size:34px;margin-bottom:9px}
  body.storefront .account-auth-intro>p{font-size:13.5px}
  body.storefront .account-auth-points{margin-top:15px;font-size:11.5px}
  body.storefront .account-auth-card{padding:18px;border-radius:16px;box-shadow:none}
  body.storefront .account-auth-card-head h2{font-size:27px}
}

/* ===== v0.6.43 mobile book browsing + paginated Shop ===== */
#shop-books{scroll-margin-top:82px}
.shop-pagination{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  margin-top:34px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)
}
.shop-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.shop-page-link{
  min-width:38px;height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:999px;
  background:var(--paper2);color:var(--ink);font-size:12px;font-weight:850;line-height:1;text-decoration:none
}
a.shop-page-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent)}
.shop-page-link.active{background:var(--ink);border-color:var(--ink);color:var(--paper2)}
.shop-page-link.disabled{opacity:.38;cursor:default}
.shop-page-prev,.shop-page-next{min-width:92px}
.shop-page-gap{min-width:24px;text-align:center;color:var(--muted);font-weight:800}

@media(max-width:720px){
  /* Featured books are a horizontal-only rail. Prevent a second vertical
     scrolling axis from being created by overflow-x:auto. */
  body.storefront .storefront-home .featured-section .featured-carousel{
    overflow:hidden!important;
  }
  body.storefront .storefront-home .featured-section .featured-carousel-viewport{
    grid-auto-columns:calc((100% - 10px) / 2)!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:none!important;
    touch-action:pan-x!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:2px 0 10px!important;
  }
  body.storefront .storefront-home .featured-section .featured-carousel-viewport::-webkit-scrollbar{display:none!important}
  body.storefront .storefront-home .featured-section .featured-carousel-viewport>.product-card{
    display:block!important;width:100%!important;min-width:0!important;min-height:0!important;
    scroll-snap-align:start!important;scroll-snap-stop:always!important
  }

  /* Mobile hero uses the same stack construction as desktop: front cover high
     and centered, with two slightly lower rotated covers behind it. */
  body.storefront .storefront-home .hero-featured-showcase{
    height:310px!important;min-height:310px!important;overflow:hidden!important;place-items:stretch center!important
  }
  body.storefront .storefront-home .hero-featured-stack-link,
  body.storefront .storefront-home .hero-featured-stack{width:100%!important;height:100%!important}
  body.storefront .storefront-home .hero-featured-stack .stack-book{
    left:50%!important;top:8px!important;bottom:auto!important;height:auto!important;transform-origin:center top!important;
    border:0!important;outline:0!important
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(205px,56vw)!important;transform:translateX(-50%) rotate(1.7deg)!important
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(184px,50vw)!important;top:25px!important;
    transform:translateX(calc(-50% - clamp(60px,18vw,74px))) rotate(-7.5deg)!important
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(182px,49.5vw)!important;top:28px!important;
    transform:translateX(calc(-50% + clamp(62px,18.5vw,76px))) rotate(6.5deg)!important
  }

  /* Shop mirrors Home Featured: two covers per row with all metadata below
     each cover. The page itself remains a normal vertical document. */
  body.storefront .shop-results .product-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 10px!important;align-items:start!important
  }
  body.storefront .shop-results .product-card{
    display:block!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;
    min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important
  }
  body.storefront .shop-results .product-cover{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:.76!important;
    border-radius:9px!important;overflow:hidden!important
  }
  body.storefront .shop-results .product-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.storefront .shop-results .product-info{display:flex!important;flex-direction:column!important;padding:10px 2px 0!important;min-height:0!important}
  body.storefront .shop-results .product-info h3{min-height:2.4em!important}
  body.storefront .shop-results .product-bottom{margin-top:7px!important}

  .shop-pagination{gap:8px;margin-top:28px;padding-top:18px}
  .shop-page-numbers{order:-1;width:100%;gap:5px}
  .shop-page-link{min-width:35px;height:35px;padding:0 9px;font-size:11px}
  .shop-page-prev,.shop-page-next{min-width:calc(50% - 5px);flex:1}
}

@media(max-width:390px){
  body.storefront .storefront-home .hero-featured-showcase{height:286px!important;min-height:286px!important}
  body.storefront .storefront-home .hero-featured-stack .stack-1{width:min(184px,55vw)!important}
  body.storefront .storefront-home .hero-featured-stack .stack-2{width:min(165px,49vw)!important;top:23px!important}
  body.storefront .storefront-home .hero-featured-stack .stack-3{width:min(164px,48.5vw)!important;top:26px!important}
  body.storefront .shop-results .product-grid{gap:18px 9px!important}
}

/* ===== v0.6.46 mobile hero stack: remove border and reveal more rear covers ===== */
@media (max-width: 900px) {
  body.storefront .storefront-home .hero-featured-showcase{
    height:318px !important;
    min-height:318px !important;
    overflow:hidden !important;
    place-items:stretch center !important;
  }
  body.storefront .storefront-home .hero-featured-stack-link,
  body.storefront .storefront-home .hero-featured-stack{
    width:100% !important;
    height:100% !important;
    overflow:visible !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-book,
  body.storefront .storefront-home .hero-featured-stack-link img{
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-sizing:border-box !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-book{
    top:8px !important;
    box-shadow:0 22px 38px rgba(44,29,17,.16) !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(190px,52vw) !important;
    transform:translateX(-50%) rotate(1.7deg) !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(166px,45vw) !important;
    top:27px !important;
    transform:translateX(calc(-50% - clamp(74px,22vw,92px))) rotate(-7.5deg) !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(164px,44.5vw) !important;
    top:30px !important;
    transform:translateX(calc(-50% + clamp(76px,22vw,94px))) rotate(6.5deg) !important;
  }
}

@media (max-width: 390px) {
  body.storefront .storefront-home .hero-featured-showcase{
    height:292px !important;
    min-height:292px !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(176px,54vw) !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(154px,47vw) !important;
    top:25px !important;
    transform:translateX(calc(-50% - clamp(66px,21vw,80px))) rotate(-7.5deg) !important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(152px,46.5vw) !important;
    top:28px !important;
    transform:translateX(calc(-50% + clamp(68px,21vw,82px))) rotate(6.5deg) !important;
  }
}

/* ===== v0.6.47 mobile category text clipping + desktop featured price spacing ===== */
@media (max-width: 720px) {
  body.storefront .storefront-home .home-category-pills > .container{
    width:min(100% - 22px,1320px)!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.storefront .storefront-home .category-cards.compact{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:1px!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.storefront .storefront-home .category-cards.compact > a{
    max-width:100%!important;
    white-space:nowrap!important;
  }
  /* One real category + the View-all link: fit both instead of clipping the CTA. */
  body.storefront .storefront-home .category-cards.compact:has(> a:nth-child(2):last-child){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body.storefront .storefront-home .category-cards.compact:has(> a:nth-child(2):last-child) > a{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

@media (min-width: 901px) {
  /* Keep Featured author and price visually grouped. The generic card rule uses
     margin-top:auto for equal-height grids, which created an oversized blank gap here. */
  body.storefront .storefront-home .featured-section .featured-carousel-viewport > .product-card .product-info{
    height:auto!important;
  }
  body.storefront .storefront-home .featured-section .featured-carousel-viewport > .product-card .product-bottom{
    margin-top:10px!important;
    padding-top:10px!important;
  }
}

/* ===== v0.6.48 mobile hero stack: frameless preview + fuller rear-book reveal ===== */
@media (max-width:900px){
  /* Remove the old mobile card/panel treatment completely. */
  body.storefront .storefront-home .hero-featured-showcase{
    height:320px!important;
    min-height:320px!important;
    margin-top:4px!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    place-items:stretch center!important;
  }
  body.storefront .storefront-home .hero-featured-showcase::before,
  body.storefront .storefront-home .hero-featured-showcase::after{
    display:none!important;
    content:none!important;
    border:0!important;
    box-shadow:none!important;
    background:none!important;
  }
  body.storefront .storefront-home .hero-featured-stack-link,
  body.storefront .storefront-home .hero-featured-stack{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-book,
  body.storefront .storefront-home .hero-featured-stack-link img{
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }

  /* Front cover remains dominant; rear covers expose substantially more area. */
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(184px,52vw)!important;
    top:7px!important;
    transform:translateX(-50%) rotate(1.5deg)!important;
    z-index:3!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(166px,47vw)!important;
    top:25px!important;
    transform:translateX(calc(-50% - clamp(88px,26vw,106px))) rotate(-7deg)!important;
    z-index:2!important;
    opacity:1!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(164px,46.5vw)!important;
    top:28px!important;
    transform:translateX(calc(-50% + clamp(90px,26.5vw,108px))) rotate(6deg)!important;
    z-index:1!important;
    opacity:1!important;
  }
}

@media (max-width:390px){
  body.storefront .storefront-home .hero-featured-showcase{
    height:296px!important;
    min-height:296px!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-1{
    width:min(176px,54vw)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-2{
    width:min(158px,48vw)!important;
    transform:translateX(calc(-50% - clamp(82px,25.5vw,100px))) rotate(-7deg)!important;
  }
  body.storefront .storefront-home .hero-featured-stack .stack-3{
    width:min(156px,47.5vw)!important;
    transform:translateX(calc(-50% + clamp(84px,26vw,102px))) rotate(6deg)!important;
  }
}

/* ===== v0.6.49 Claire's E-Library storefront refresh ===== */
:root{
  --claire-ink:#3d2d27;
  --claire-muted:#7d6d67;
  --claire-paper:#fffdfb;
  --claire-cream:#fff9f5;
  --claire-peach:#fbede4;
  --claire-pink:#d98288;
  --claire-pink-deep:#bc666f;
  --claire-sage:#879678;
  --claire-lilac:#8d80a2;
  --claire-line:#ecdcd6;
}
body.storefront{
  background:var(--claire-cream)!important;
  color:var(--claire-ink)!important;
}
body.storefront .container{
  width:min(1440px,calc(100% - 24px))!important;
  max-width:1440px!important;
}
body.storefront .claire-topbar{
  min-height:38px;
  padding:8px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:linear-gradient(90deg,#f7d7d7,#f9e5df 55%,#f6d7d6);
  color:#5f4842;
  font-size:12.5px;
  letter-spacing:.015em;
  text-align:center;
}
body.storefront .claire-topbar i{font-style:normal;opacity:.55}
body.storefront .store-header{
  background:rgba(255,253,251,.96)!important;
  border-bottom:1px solid rgba(236,220,214,.78)!important;
  box-shadow:0 6px 22px rgba(79,48,39,.035)!important;
  backdrop-filter:blur(14px);
}
body.storefront .store-nav{
  min-height:94px!important;
  padding:7px 0!important;
  gap:24px!important;
}
body.storefront .brand{
  gap:13px!important;
  min-width:322px;
  text-decoration:none!important;
}
body.storefront .brand-logo{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 4px 14px rgba(83,51,43,.07)!important;
}
body.storefront .brand-copy{gap:3px!important}
body.storefront .brand-copy b{
  color:var(--claire-ink)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:28px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1!important;
}
body.storefront .brand-copy small{
  color:var(--claire-muted)!important;
  font-size:12px!important;
  letter-spacing:.015em!important;
}
body.storefront .store-links{
  gap:24px!important;
  margin-left:auto!important;
}
body.storefront .store-links>a{
  position:relative;
  color:#4b3831!important;
  font-size:13.5px!important;
  font-weight:600!important;
  padding:12px 0!important;
}
body.storefront .store-links>a:hover{color:var(--claire-pink-deep)!important}
body.storefront .store-links>a:first-child:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:2px;
  height:2px;
  border-radius:10px;
  background:var(--claire-pink);
}
body.storefront .store-actions{gap:12px!important}
body.storefront .header-search{
  position:relative;
  display:flex!important;
  justify-content:flex-end;
  align-items:center;
  width:auto!important;
  height:42px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body.storefront .header-search input{
  width:0!important;
  opacity:0!important;
  border:1px solid var(--claire-line)!important;
  background:#fff!important;
  border-radius:999px!important;
  padding:10px 36px 10px 14px!important;
  transition:width .2s ease,opacity .18s ease!important;
  pointer-events:none!important;
}
body.storefront .header-search:focus-within input,
body.storefront .header-search:hover input{
  width:190px!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.storefront .header-search button{
  position:absolute!important;
  right:0!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  background:transparent!important;
  color:var(--claire-ink)!important;
  font-size:25px!important;
}
body.storefront .account-button.simple,
body.storefront .account-menu.simple>summary{
  width:42px!important;height:42px!important;
  border:0!important;
  background:transparent!important;
  color:var(--claire-ink)!important;
}

/* hero */
body.storefront .storefront-home .claire-commerce-hero{
  padding:10px 0 2px!important;
  background:transparent!important;
  overflow:visible!important;
}
body.storefront .storefront-home .claire-hero-shell{
  position:relative;
  overflow:visible;
  padding:30px 18px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.storefront .storefront-home .claire-hero-shell:before{
  content:"";
  position:absolute;
  inset:0 0 88px;
  border-radius:32px;
  background:
    radial-gradient(1400px 520px at 82% 26%,rgba(251,232,220,.78),rgba(251,232,220,0) 52%),
    linear-gradient(90deg,rgba(251,242,235,.95) 0%,rgba(249,240,233,.88) 36%,rgba(248,240,234,.52) 62%,rgba(248,240,234,0) 100%);
  z-index:0;
  pointer-events:none;
  filter:blur(.1px);
}
body.storefront .storefront-home .commerce-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.93fr) minmax(490px,1.07fr)!important;
  gap:24px!important;
  align-items:end!important;
  min-height:0!important;
  position:relative;
  z-index:1;
}
body.storefront .storefront-home .hero-copy{
  max-width:650px!important;
  padding:24px 4px 4px!important;
  align-self:center!important;
  position:relative;
  z-index:4;
}
body.storefront .storefront-home .hero-badge{
  display:inline-flex!important;
  align-items:center!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  background:#f4c9c8!important;
  color:#5f443e!important;
  border:0!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}
body.storefront .storefront-home .hero-copy h1{
  margin:16px 0 18px!important;
  max-width:12.1ch!important;
  color:#3f2f28!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(54px,5.7vw,78px)!important;
  font-weight:700!important;
  line-height:1.045!important;
  letter-spacing:-.05em!important;
  text-wrap:balance;
}
body.storefront .storefront-home .hero-copy h1 .pink{color:#ce7e87}
body.storefront .storefront-home .hero-copy h1 .sage{color:#7f9272}
body.storefront .storefront-home .hero-copy>p{
  max-width:31ch!important;
  margin:0 0 24px!important;
  color:#62514a!important;
  font-size:16px!important;
  line-height:1.7!important;
}
body.storefront .storefront-home .hero-actions{
  display:flex!important;
  gap:14px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
body.storefront .storefront-home .hero-actions .btn{
  min-height:47px!important;
  padding:11px 22px!important;
  border-radius:12px!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.storefront .storefront-home .hero-actions .btn-primary{
  border-color:var(--claire-pink)!important;
  background:linear-gradient(180deg,#df9094,#d67f87)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(201,110,119,.18)!important;
}
body.storefront .storefront-home .hero-actions .claire-outline{
  background:rgba(255,255,255,.62)!important;
  border:1px solid #ddcdc6!important;
  color:#4b3932!important;
}
body.storefront .storefront-home .hero-trust{display:none!important}
body.storefront .storefront-home .claire-hero-scene{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
}
body.storefront .storefront-home .claire-hero-scene::before,
body.storefront .storefront-home .claire-hero-scene::after{content:none!important;display:none!important}
body.storefront .claire-hero-scene .claire-scene-photo{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
  border-radius:0!important;
  user-select:none!important;
  pointer-events:none!important;
}
body.storefront .claire-hero-scene::selection{background:transparent}
body.storefront .claire-hero-scene .live-device-cover{
  position:absolute!important;
  z-index:6!important;
  display:block!important;
  overflow:hidden!important;
  background:#fff8f1!important;
  box-shadow:0 2px 6px rgba(70,47,40,.05)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}
body.storefront .claire-hero-scene .live-device-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  transition:filter .18s ease!important;
}
body.storefront .claire-hero-scene .live-device-cover>span{
  position:absolute!important;
  left:50%!important;
  bottom:8px!important;
  z-index:3!important;
  max-width:calc(100% - 12px)!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(70,47,40,.84)!important;
  color:#fff!important;
  font:700 9px/1.1 system-ui,sans-serif!important;
  white-space:nowrap!important;
  opacity:0!important;
  transform:translate(-50%,5px)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  pointer-events:none!important;
}
body.storefront .claire-hero-scene .live-device-cover:hover img,
body.storefront .claire-hero-scene .live-device-cover:focus-visible img{filter:brightness(.96)!important}
body.storefront .claire-hero-scene .live-device-cover:hover>span,
body.storefront .claire-hero-scene .live-device-cover:focus-visible>span{opacity:1!important;transform:translate(-50%,0)!important}
body.storefront .claire-hero-scene .live-device-cover:focus-visible{outline:3px solid #d77d84!important;outline-offset:3px!important}
body.storefront .claire-hero-scene .live-tablet-cover{
  left:31.55%!important;
  top:21.45%!important;
  width:27.85%!important;
  height:48.1%!important;
  border-radius:2.2%!important;
  clip-path:polygon(4% 0,100% 1.5%,96.4% 100%,0 97.2%)!important;
  transform:rotate(-1.55deg)!important;
  transform-origin:center!important;
}
body.storefront .claire-hero-scene .live-phone-cover{
  left:61.35%!important;
  top:35.95%!important;
  width:8.65%!important;
  height:39.15%!important;
  border-radius:8.5%!important;
  clip-path:polygon(8% 0,96% 2%,100% 98%,0 100%)!important;
  transform:rotate(4.25deg)!important;
  transform-origin:center!important;
}
body.storefront .claire-hero-scene .scene-window,
body.storefront .claire-hero-scene .scene-vine,
body.storefront .claire-hero-scene .scene-frame,
body.storefront .claire-hero-scene .scene-shelf,
body.storefront .claire-hero-scene .scene-plant,
body.storefront .claire-hero-scene .scene-mug,
body.storefront .claire-hero-scene .scene-pencil,
body.storefront .claire-hero-scene .scene-tablet,
body.storefront .claire-hero-scene .scene-phone{display:none!important}
body.storefront .storefront-home .hero-perks{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  margin-top:12px!important;
  padding:8px 6px!important;
  border:1px solid rgba(224,209,201,.85)!important;
  border-radius:24px!important;
  background:rgba(255,252,249,.9)!important;
  box-shadow:0 12px 28px rgba(82,58,47,.04)!important;
  position:relative;
  z-index:1;
}
body.storefront .hero-perk{display:flex;align-items:center;gap:16px;padding:14px 20px!important;min-height:104px}
body.storefront .hero-perk+.hero-perk{border-left:1px solid rgba(226,212,203,.9)}
body.storefront .hero-perk>span:last-child{display:grid;gap:6px}
body.storefront .hero-perk b{font-size:15px;color:#44332d;line-height:1.2}
body.storefront .hero-perk small{font-size:12px;line-height:1.5;color:#76645d;max-width:28ch}
body.storefront .perk-icon{position:relative;display:block;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#fff!important;border:2px solid #ecc6c7!important}
body.storefront .perk-icon.globe{border-color:#cdd9bf!important}
body.storefront .perk-icon.shield{border-color:#d8c6ea!important}
body.storefront .perk-icon:before,body.storefront .perk-icon:after{content:"";position:absolute;box-sizing:border-box}
body.storefront .perk-icon.book:before{left:18px;top:20px;width:17px;height:26px;border:2px solid #d58a91;border-radius:12px 2px 2px 12px;border-right-width:1px;background:linear-gradient(90deg,rgba(213,138,145,.05),transparent)}
body.storefront .perk-icon.book:after{left:35px;top:20px;width:18px;height:26px;border:2px solid #d58a91;border-radius:2px 12px 12px 2px;border-left-width:1px;background:linear-gradient(90deg,transparent,rgba(213,138,145,.05))}
body.storefront .perk-icon.globe:before{left:17px;top:17px;width:36px;height:36px;border:2px solid #8aa076;border-radius:50%}
body.storefront .perk-icon.globe:after{left:27px;top:17px;width:16px;height:36px;border-left:2px solid #8aa076;border-right:2px solid #8aa076;border-radius:50%}
body.storefront .perk-icon.globe i,body.storefront .perk-icon.shield i,body.storefront .perk-icon.book i{display:none}
body.storefront .perk-icon.globe span{display:none}
body.storefront .perk-icon.globe::marker{display:none}
body.storefront .perk-icon.globe{background-image:linear-gradient(#8aa076,#8aa076),linear-gradient(#8aa076,#8aa076)!important;background-size:36px 2px,36px 2px!important;background-position:center 28px,center 42px!important;background-repeat:no-repeat!important}
body.storefront .perk-icon.shield:before{left:21px;top:17px;width:28px;height:34px;border:2px solid #a88ec8;border-radius:16px 16px 18px 18px;clip-path:polygon(50% 0,100% 16%,92% 72%,50% 100%,8% 72%,0 16%)}
body.storefront .perk-icon.shield:after{left:31px;top:31px;width:10px;height:6px;border-left:2px solid #a88ec8;border-bottom:2px solid #a88ec8;transform:rotate(-45deg)}
@media(max-width:1100px){
  body.storefront .storefront-home .commerce-hero-grid{
    grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;
  }
  body.storefront .hero-perk{padding:12px 16px!important}
}
@media(max-width:900px){
  body.storefront .storefront-home .claire-hero-shell{padding:24px 0 6px!important}
  body.storefront .storefront-home .claire-hero-shell:before{inset:0 0 84px;border-radius:24px}
  body.storefront .storefront-home .claire-hero-scene{width:min(100%,720px)!important;justify-self:center!important;margin-top:2px!important;border-radius:16px!important}
  body.storefront .storefront-home .hero-perks{grid-template-columns:1fr!important;margin-top:14px!important;padding:6px 4px!important;border-radius:24px!important}
  body.storefront .hero-perk{padding:14px 14px!important;min-height:0}
  body.storefront .hero-perk+.hero-perk{border-left:0!important;border-top:1px solid rgba(226,212,203,.9)}
}
@media(max-width:560px){
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(44px,14vw,58px)!important;max-width:11.8ch!important}
  body.storefront .storefront-home .hero-actions .btn{width:auto!important;flex:0 1 auto!important}
  body.storefront .storefront-home .claire-hero-scene{width:100%!important;aspect-ratio:4/3!important;border-radius:12px!important;margin-top:8px!important}
  body.storefront .claire-hero-scene .live-device-cover>span{display:none!important}
  body.storefront .hero-perk{gap:12px!important}
  body.storefront .perk-icon{flex-basis:58px!important;width:58px!important;height:58px!important}
  body.storefront .perk-icon.book:before{left:14px;top:16px;width:14px;height:21px}
  body.storefront .perk-icon.book:after{left:28px;top:16px;width:15px;height:21px}
  body.storefront .perk-icon.globe:before{left:13px;top:13px;width:30px;height:30px}
  body.storefront .perk-icon.globe:after{left:22px;top:13px;width:12px;height:30px}
  body.storefront .perk-icon.globe{background-size:30px 2px,30px 2px!important;background-position:center 22px,center 34px!important}
  body.storefront .perk-icon.shield:before{left:16px;top:13px;width:24px;height:28px}
  body.storefront .perk-icon.shield:after{left:25px;top:24px;width:8px;height:5px}
}
/* category cards */
body.storefront .home-category-showcase{padding:18px 0 42px!important;background:transparent!important}
body.storefront .category-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.storefront .category-showcase-card{
  position:relative;
  min-height:248px;
  overflow:hidden;
  padding:25px 26px 20px;
  border:1px solid rgba(230,210,202,.65);
  border-radius:20px;
  color:var(--claire-ink)!important;
  text-decoration:none!important;
  box-shadow:0 10px 26px rgba(85,53,43,.035);
  transition:transform .2s ease,box-shadow .2s ease;
}
body.storefront .category-showcase-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(85,53,43,.07)}
body.storefront .category-showcase-card.cat-1{background:#fae8e6}
body.storefront .category-showcase-card.cat-2{background:#edf0e8}
body.storefront .category-showcase-card.cat-3{background:#eee9f1}
body.storefront .category-showcase-card.cat-4{background:#f8eee3}
body.storefront .category-card-copy{position:relative;z-index:3;max-width:86%}
body.storefront .category-card-copy h3{margin:0 0 6px;font:700 20px/1.15 Georgia,serif;color:#5a4038}
body.storefront .category-card-copy p{margin:0;color:#665650;font-size:12px;line-height:1.45}
body.storefront .category-card-copy small{display:inline-block;margin-top:7px;color:#8b7369;font-size:10px}
body.storefront .category-explore{position:absolute;z-index:4;left:26px;bottom:17px;padding:7px 13px;border:1px solid rgba(122,91,80,.25);border-radius:999px;background:rgba(255,255,255,.6);font-size:11px;font-weight:600}
body.storefront .category-art{position:absolute;right:20px;bottom:30px;width:132px;height:115px;z-index:2}
body.storefront .category-art i{position:absolute;display:block;box-sizing:border-box}
/* torii */
body.storefront .art-1 i:nth-child(1){left:9px;top:24px;width:112px;height:11px;border-radius:6px;background:#aa6555;transform:perspective(80px) rotateX(10deg)}
body.storefront .art-1 i:nth-child(2){left:22px;top:41px;width:86px;height:9px;border-radius:3px;background:#945c4e}
body.storefront .art-1 i:nth-child(3),body.storefront .art-1 i:nth-child(4){top:43px;width:11px;height:58px;background:#a66656}
body.storefront .art-1 i:nth-child(3){left:34px;transform:skewX(-3deg)}
body.storefront .art-1 i:nth-child(4){right:34px;transform:skewX(3deg)}
body.storefront .art-1 i:nth-child(5){left:15px;right:15px;bottom:4px;height:10px;border-radius:50%;background:radial-gradient(circle at 15% 20%,#e89f9c 0 5px,transparent 6px),radial-gradient(circle at 78% 20%,#f0b0a7 0 5px,transparent 6px),linear-gradient(90deg,transparent,#8fa07d 20% 80%,transparent)}
/* teddy */
body.storefront .art-2 i:nth-child(1){left:38px;top:22px;width:62px;height:62px;border-radius:50%;background:#c79f7c;border:2px solid #a78262}
body.storefront .art-2 i:nth-child(1):before,body.storefront .art-2 i:nth-child(1):after{content:"";position:absolute;top:-10px;width:22px;height:22px;border-radius:50%;background:#c79f7c;border:2px solid #a78262;z-index:-1}
body.storefront .art-2 i:nth-child(1):before{left:2px}body.storefront .art-2 i:nth-child(1):after{right:2px}
body.storefront .art-2 i:nth-child(2){left:48px;top:47px;width:42px;height:25px;border-radius:50%;background:#e2c2a5}
body.storefront .art-2 i:nth-child(3){left:42px;top:79px;width:58px;height:28px;border-radius:8px 8px 18px 18px;background:#7d9d8d}
body.storefront .art-2 i:nth-child(4){left:25px;top:83px;width:45px;height:27px;background:#e8dcc4;border:2px solid #9aa995;border-radius:3px;transform:rotate(8deg)}
body.storefront .art-2 i:nth-child(5){right:18px;top:85px;width:45px;height:27px;background:#f1e5cd;border:2px solid #9aa995;border-radius:3px;transform:rotate(-8deg)}
/* activity book */
body.storefront .art-3 i:nth-child(1){left:12px;top:34px;width:55px;height:65px;border-radius:5px 0 8px 4px;background:#fff9ef;border:2px solid #c99f9c;transform:skewY(5deg)}
body.storefront .art-3 i:nth-child(2){right:12px;top:34px;width:55px;height:65px;border-radius:0 5px 4px 8px;background:#fff9ef;border:2px solid #c99f9c;transform:skewY(-5deg)}
body.storefront .art-3 i:nth-child(3){left:64px;top:35px;width:3px;height:63px;background:#d8aaa5}
body.storefront .art-3 i:nth-child(4){right:0;top:72px;width:65px;height:8px;border-radius:7px;background:#d49a76;transform:rotate(-31deg);box-shadow:-9px 0 0 #eac5a9}
body.storefront .art-3 i:nth-child(5){left:28px;top:50px;width:24px;height:30px;border:1px solid #c4b5aa;background:linear-gradient(#f1dad4 0 9px,transparent 9px 14px,#dce7dd 14px 23px,transparent 23px)}
/* study desk */
body.storefront .art-4 i:nth-child(1){left:8px;top:25px;width:42px;height:27px;border-radius:50% 50% 5px 5px;background:#e2b96f;border:2px solid #c59c55}
body.storefront .art-4 i:nth-child(2){left:27px;top:51px;width:4px;height:46px;background:#ae8b58}
body.storefront .art-4 i:nth-child(3){left:12px;top:95px;width:34px;height:5px;border-radius:5px;background:#ae8b58}
body.storefront .art-4 i:nth-child(4){right:42px;bottom:12px;width:19px;height:57px;background:#8fa38b;box-shadow:20px 9px 0 #d7aa95,40px -4px 0 #bd9c7d;border-radius:2px}
body.storefront .art-4 i:nth-child(5){right:4px;bottom:6px;width:79px;height:8px;border-radius:5px;background:#b89575}

/* featured books */
body.storefront .storefront-home .claire-featured{padding:8px 0 38px!important;background:transparent!important}
body.storefront .storefront-home .claire-featured .section-label.compact-heading{align-items:end!important;margin-bottom:18px!important}
body.storefront .storefront-home .claire-featured .page-kicker{display:none!important}
body.storefront .storefront-home .claire-featured h2{font:700 28px/1.1 Georgia,serif!important;color:#4a352e!important;letter-spacing:-.025em!important}
body.storefront .storefront-home .claire-featured .section-label p{margin-top:5px!important;font-size:12px!important;color:#806e67!important}
body.storefront .view-all-pill{display:inline-flex!important;align-items:center!important;padding:8px 14px!important;border:1px solid #ddcec7!important;border-radius:999px!important;background:#fffaf7!important;color:#5c4640!important;font-size:11px!important;font-weight:600!important;text-decoration:none!important}
body.storefront .storefront-home .claire-featured .featured-carousel-viewport{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:212px!important;
  gap:22px!important;
  overflow-x:auto!important;
  padding:4px 3px 8px!important;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
body.storefront .storefront-home .claire-featured .featured-carousel-viewport::-webkit-scrollbar{display:none}
body.storefront .storefront-home .claire-featured .product-card{
  scroll-snap-align:start;
  width:212px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.storefront .storefront-home .claire-featured .product-cover{
  position:relative!important;
  display:block!important;
  aspect-ratio:3/4.1!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:#f7eee8!important;
  border:1px solid #eadcd5!important;
  box-shadow:0 10px 20px rgba(70,47,39,.09)!important;
}
body.storefront .storefront-home .claire-featured .product-cover:after{content:"♡";position:absolute;right:8px;top:8px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.91);border:1px solid rgba(173,143,133,.35);color:#6d5148;font-size:17px;z-index:4}
body.storefront .storefront-home .claire-featured .product-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
body.storefront .storefront-home .claire-featured .preview-chip{display:none!important}
body.storefront .storefront-home .claire-featured .product-info{padding:10px 1px 0!important;display:block!important}
body.storefront .storefront-home .claire-featured .product-category{display:none!important}
body.storefront .storefront-home .claire-featured .product-info h3{min-height:34px!important;margin:0 0 3px!important;font-size:13px!important;line-height:1.25!important;font-weight:700!important;color:#3f312c!important}
body.storefront .storefront-home .claire-featured .product-author{min-height:17px!important;margin:0 0 6px!important;font-size:10.5px!important;color:#8a7770!important}
body.storefront .storefront-home .claire-featured .product-bottom{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;align-items:stretch!important}
body.storefront .storefront-home .claire-featured .product-price{display:block!important;font-size:13px!important;color:#49342e!important}
body.storefront .storefront-home .claire-featured .mini-buy{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:31px!important;padding:6px 9px!important;border-radius:6px!important;background:linear-gradient(90deg,#dd8b90,#e69a9d)!important;color:white!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 6px 13px rgba(206,113,120,.13)}
body.storefront .storefront-home .claire-featured .discount-chip{font-size:9px!important}

/* How it works */
body.storefront .storefront-home .claire-how{padding:0 0 30px!important;background:transparent!important}
body.storefront .storefront-home .claire-how>.container{
  position:relative;
  overflow:hidden;
  min-height:200px;
  padding:30px 230px 28px 30px!important;
  border:1px solid #efdfd5;
  border-radius:22px;
  background:linear-gradient(100deg,#fbefe8 0%,#f9eee8 72%,#f7e7dd 100%);
}
body.storefront .storefront-home .claire-how .assurance-intro{display:flex!important;align-items:end!important;gap:18px!important;margin-bottom:22px!important}
body.storefront .storefront-home .claire-how .assurance-intro .page-kicker{display:none!important}
body.storefront .storefront-home .claire-how .assurance-intro h2{margin:0!important;font:700 27px/1.05 Georgia,serif!important;color:#4b352f!important;white-space:nowrap}
body.storefront .storefront-home .claire-how .assurance-intro p{margin:0 0 2px!important;color:#7b6860!important;font-size:11.5px!important}
body.storefront .storefront-home .claire-how .assurance-grid.four-steps{display:grid!important;grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr!important;gap:5px!important;align-items:start!important}
body.storefront .storefront-home .claire-how .how-step{position:relative;display:grid!important;grid-template-columns:44px 1fr!important;gap:10px!important;align-items:center!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.storefront .storefront-home .claire-how .how-step>span:last-child{display:grid;gap:3px}
body.storefront .storefront-home .claire-how .how-step b{font-size:11px!important;color:#49372f!important}
body.storefront .storefront-home .claire-how .how-step small{font-size:9.5px!important;line-height:1.45!important;color:#76635c!important}
body.storefront .storefront-home .claire-how .step-number{position:absolute;left:34px;top:-10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e79b9b;color:white;font:700 9px/1 system-ui,sans-serif;z-index:4}
body.storefront .storefront-home .claire-how .how-step:nth-of-type(2) .step-number{background:#93a087}
body.storefront .storefront-home .claire-how .how-step:nth-of-type(3) .step-number{background:#9284a8}
body.storefront .storefront-home .claire-how .how-step:nth-of-type(4) .step-number{background:#e2a477}
body.storefront .storefront-home .claire-how .step-icon{position:relative;display:block;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.62);border:1px solid #e0d0c8}
body.storefront .storefront-home .claire-how .step-icon:before,body.storefront .storefront-home .claire-how .step-icon:after{content:"";position:absolute;box-sizing:border-box}
body.storefront .storefront-home .claire-how .step-icon.cart:before{left:12px;top:12px;width:21px;height:15px;border:2px solid #8c6559;border-top:0;transform:skewX(-10deg)}
body.storefront .storefront-home .claire-how .step-icon.cart:after{left:12px;top:29px;width:5px;height:5px;border-radius:50%;background:#8c6559;box-shadow:15px 0 0 #8c6559}
body.storefront .storefront-home .claire-how .step-icon.card:before{left:9px;top:13px;width:27px;height:18px;border:2px solid #78866f;border-radius:3px;background:linear-gradient(#78866f 0 4px,transparent 4px)}
body.storefront .storefront-home .claire-how .step-icon.book:before{left:8px;top:12px;width:28px;height:21px;border:2px solid #786d8b;border-radius:3px 3px 7px 7px;background:linear-gradient(90deg,transparent 48%,#786d8b 48% 52%,transparent 52%)}
body.storefront .storefront-home .claire-how .step-icon.devices:before{left:9px;top:10px;width:17px;height:24px;border:2px solid #ac7658;border-radius:2px}
body.storefront .storefront-home .claire-how .step-icon.devices:after{right:8px;top:18px;width:11px;height:17px;border:2px solid #ac7658;border-radius:2px;background:#fbf1e9}
body.storefront .storefront-home .claire-how .step-arrow{align-self:center!important;justify-self:center!important;color:#b8998c!important;font-size:19px!important;opacity:.65}
body.storefront .storefront-home .claire-how .how-decor{position:absolute;right:22px;bottom:9px;width:190px;height:166px}
body.storefront .how-chair{position:absolute;right:22px;bottom:0;width:96px;height:104px;border-radius:34px 34px 21px 21px;background:#e7a893;color:#fff0e7;display:grid;place-items:center;font-size:25px;box-shadow:inset 0 -10px 0 rgba(166,95,76,.09)}
body.storefront .how-chair:before,body.storefront .how-chair:after{content:"";position:absolute;bottom:-12px;width:8px;height:20px;border-radius:4px;background:#a77b62}.how-chair:before{left:18px}.how-chair:after{right:18px}
body.storefront .how-plant{position:absolute;left:20px;bottom:8px;width:37px;height:44px;border-radius:5px 5px 15px 15px;background:#eee2d1}
body.storefront .how-plant:before{content:"";position:absolute;left:18px;bottom:38px;width:3px;height:58px;background:#75866b}
body.storefront .how-plant i{position:absolute;bottom:70px;left:8px;width:23px;height:12px;border-radius:100% 0 100% 0;background:#849375}.how-plant i:nth-child(2){bottom:88px;left:17px;transform:scaleX(-1) rotate(15deg)}.how-plant i:nth-child(3){bottom:102px;left:4px;transform:rotate(25deg) scale(.8)}
body.storefront .how-lamp{position:absolute;right:0;top:3px;width:32px;height:25px;border-radius:50% 50% 5px 5px;background:#e6bd7d}.how-lamp:after{content:"";position:absolute;left:15px;top:22px;width:3px;height:66px;background:#a78661}

/* newsletter + footer */
body.storefront .store-newsletter{padding:0 0 8px!important;background:transparent!important}
body.storefront .store-newsletter .newsletter-strip{width:min(1320px,calc(100% - 44px))!important;display:grid!important;grid-template-columns:1.1fr 1.35fr!important;gap:24px!important;align-items:center!important;padding:14px 20px!important;border:1px solid #eadbd4!important;border-radius:16px!important;background:#fff9f5!important;box-shadow:none!important}
body.storefront .store-newsletter .page-kicker{display:none!important}
body.storefront .store-newsletter h3{margin:0!important;font:700 16px/1.15 Georgia,serif!important;color:#4b3730!important}
body.storefront .store-newsletter p{margin:4px 0 0!important;font-size:10.5px!important;line-height:1.45!important;color:#786760!important}
body.storefront .store-newsletter form{display:flex!important;gap:0!important;max-width:620px!important}
body.storefront .store-newsletter input{height:38px!important;border:1px solid #dfd0c9!important;border-radius:8px 0 0 8px!important;background:#fff!important;font-size:12px!important}
body.storefront .store-newsletter button{height:38px!important;border-radius:0 8px 8px 0!important;background:var(--claire-pink)!important;border-color:var(--claire-pink)!important;font-size:11px!important}
body.storefront .store-footer{background:#fffaf6!important;border-top:1px solid #eee0da!important;padding-top:20px!important}
body.storefront .store-footer .footer-grid{gap:30px!important}
body.storefront .store-footer .footer-brand{font-family:Georgia,serif!important;color:#4d3932!important}
body.storefront .store-footer h4,body.storefront .store-footer a,body.storefront .store-footer p{font-size:11px!important}
body.storefront .store-footer .footer-bottom{padding-top:14px!important;padding-bottom:18px!important;font-size:10px!important}

@media(max-width:1100px){
  body.storefront .brand{min-width:270px}
  body.storefront .brand-copy b{font-size:23px!important}
  body.storefront .store-links{gap:18px!important}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr)!important}
  body.storefront .claire-hero-scene .scene-tablet{left:78px;width:235px;height:310px}
  body.storefront .claire-hero-scene .scene-phone{right:74px}
  body.storefront .category-showcase-card{min-height:235px;padding:22px}
  body.storefront .category-art{right:8px;transform:scale(.9);transform-origin:bottom right}
  body.storefront .storefront-home .claire-how>.container{padding-right:190px!important}
  body.storefront .storefront-home .claire-how .how-decor{right:0;transform:scale(.85);transform-origin:bottom right}
}
@media(max-width:900px){
  body.storefront .container{width:min(100% - 28px,760px)!important}
  body.storefront .claire-topbar{font-size:10.5px;gap:7px;padding-inline:10px;white-space:nowrap;overflow:hidden}
  body.storefront .store-nav{min-height:72px!important;padding:5px 0!important}
  body.storefront .brand{min-width:0;gap:9px!important}
  body.storefront .brand-logo{width:54px!important;height:54px!important;flex-basis:54px!important}
  body.storefront .brand-copy b{font-size:20px!important}
  body.storefront .brand-copy small{font-size:9px!important}
  body.storefront .nav-toggle{margin-left:auto!important}
  body.storefront .header-search{display:none!important}
  body.storefront .storefront-home .claire-hero-shell{padding:34px 26px 18px!important;border-radius:22px}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:1fr!important;gap:22px!important;min-height:0!important}
  body.storefront .storefront-home .hero-copy{max-width:650px!important;padding:0!important;text-align:left!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(39px,8vw,56px)!important;max-width:12ch!important}
  body.storefront .storefront-home .hero-actions{justify-content:flex-start!important}
  body.storefront .storefront-home .claire-hero-scene{height:370px!important;min-height:370px!important}
  body.storefront .claire-hero-scene .scene-tablet{left:50%;width:220px;height:286px;transform:translateX(-60%) rotate(-2deg)}
  body.storefront .claire-hero-scene .scene-phone{right:15%;width:82px;height:185px}
  body.storefront .claire-hero-scene .scene-frame{right:7%;top:32px}
  body.storefront .claire-hero-scene .scene-plant{left:6%}
  body.storefront .storefront-home .hero-perks{grid-template-columns:1fr!important;gap:10px!important;padding-top:14px!important}
  body.storefront .hero-perk{padding:3px 0!important}
  body.storefront .hero-perk+.hero-perk{border-left:0!important;border-top:1px solid rgba(219,200,192,.55);padding-top:10px!important}
  body.storefront .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  body.storefront .category-showcase-card{min-height:228px}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:190px!important;gap:17px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:190px!important}
  body.storefront .storefront-home .claire-how>.container{padding:26px!important}
  body.storefront .storefront-home .claire-how .assurance-intro{display:block!important}
  body.storefront .storefront-home .claire-how .assurance-intro p{margin-top:7px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:repeat(2,1fr)!important;gap:22px 18px!important}
  body.storefront .storefront-home .claire-how .step-arrow{display:none!important}
  body.storefront .storefront-home .claire-how .how-decor{display:none!important}
  body.storefront .store-newsletter .newsletter-strip{width:min(100% - 28px,760px)!important;grid-template-columns:1fr!important;gap:12px!important}
}
@media(max-width:560px){
  body.storefront .container{width:calc(100% - 22px)!important}
  body.storefront .claire-topbar span:nth-of-type(2),body.storefront .claire-topbar i:nth-of-type(2),body.storefront .claire-topbar span:nth-of-type(3){display:none}
  body.storefront .store-nav{min-height:64px!important;padding-top:4px!important;padding-bottom:4px!important}
  body.storefront .brand-logo{width:48px!important;height:48px!important;flex-basis:48px!important}
  body.storefront .brand-copy b{font-size:18px!important}
  body.storefront .brand-copy small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.storefront .storefront-home .claire-commerce-hero{padding-top:11px!important}
  body.storefront .storefront-home .claire-hero-shell{padding:27px 18px 14px!important;border-radius:18px}
  body.storefront .storefront-home .hero-badge{font-size:10px!important;padding:7px 11px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:39px!important;line-height:1.06!important;margin:12px 0 14px!important}
  body.storefront .storefront-home .hero-copy>p{font-size:13.5px!important;line-height:1.6!important}
  body.storefront .storefront-home .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  body.storefront .storefront-home .hero-actions .btn{padding:9px 10px!important;font-size:11.5px!important}
  body.storefront .storefront-home .claire-hero-scene{height:310px!important;min-height:310px!important;margin-top:3px}
  body.storefront .claire-hero-scene .scene-window{inset:24px 8px 76px 30px}
  body.storefront .claire-hero-scene .scene-tablet{left:46%;bottom:31px;width:177px;height:232px}
  body.storefront .claire-hero-scene .scene-phone{right:8%;bottom:24px;width:67px;height:150px;border-width:5px}
  body.storefront .claire-hero-scene .scene-frame{right:4%;top:31px;width:72px;height:93px;padding:18px 6px 5px;border-width:6px;font-size:11px}
  body.storefront .claire-hero-scene .scene-frame b{font-size:11px}
  body.storefront .claire-hero-scene .scene-mug{right:-3px;bottom:18px;width:52px;height:70px;font-size:16px}.claire-hero-scene .scene-mug:after{display:none}
  body.storefront .claire-hero-scene .scene-plant{left:1%;bottom:38px;transform:scale(.7);transform-origin:bottom left}
  body.storefront .claire-hero-scene .scene-pencil{left:55px;right:20px}
  body.storefront .hero-perk small{font-size:10px}
  body.storefront .home-category-showcase{padding-top:13px!important;padding-bottom:30px!important}
  body.storefront .category-showcase-grid{grid-template-columns:1fr!important;gap:12px}
  body.storefront .category-showcase-card{min-height:200px;padding:22px}
  body.storefront .category-art{right:18px;bottom:22px;transform:scale(.85)}
  body.storefront .category-explore{left:22px;bottom:15px}
  body.storefront .storefront-home .claire-featured h2{font-size:26px!important}
  body.storefront .storefront-home .claire-featured .section-label.compact-heading{align-items:flex-start!important;gap:10px!important}
  body.storefront .storefront-home .claire-featured .section-actions{align-self:flex-start!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:168px!important;gap:14px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:168px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:1fr!important;gap:18px!important}
  body.storefront .storefront-home .claire-how .how-step{grid-template-columns:48px 1fr!important}
  body.storefront .store-newsletter .newsletter-strip{width:calc(100% - 22px)!important;padding:17px!important}
  body.storefront .store-newsletter form{display:grid!important;grid-template-columns:1fr auto!important}
  body.storefront .store-newsletter input{min-width:0!important}
}

/* v0.6.49 category dropdown in editorial header */
body.storefront .shop-nav-link span,
body.storefront .nav-categories summary span{font-size:10px;opacity:.72;margin-left:2px}
body.storefront .nav-categories{position:relative}
body.storefront .nav-categories>summary{list-style:none;cursor:pointer;color:#4b3831;font-size:13.5px;font-weight:600;padding:12px 0;white-space:nowrap}
body.storefront .nav-categories>summary::-webkit-details-marker{display:none}
body.storefront .nav-category-menu{position:absolute;z-index:80;left:50%;top:42px;min-width:220px;padding:9px;border:1px solid var(--claire-line);border-radius:14px;background:rgba(255,253,251,.98);box-shadow:0 16px 36px rgba(71,46,38,.12);transform:translateX(-50%)}
body.storefront .nav-category-menu a{display:block;padding:9px 11px;border-radius:8px;color:#563f37!important;text-decoration:none!important;font-size:12px!important}
body.storefront .nav-category-menu a:hover{background:#faece8;color:var(--claire-pink-deep)!important}
@media(max-width:900px){
  body.storefront .nav-categories{width:100%}
  body.storefront .nav-categories>summary{padding:10px 0!important;font-size:14px!important}
  body.storefront .nav-category-menu{position:static;transform:none;min-width:0;width:100%;margin:3px 0 8px;padding:5px;border-radius:10px;box-shadow:none;background:#fff8f4}
}

/* ===== v0.6.51 real hero artwork + live featured-book device screens ===== */
body.storefront .storefront-home .claire-hero-scene{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#f8eee6!important;
  box-shadow:0 16px 34px rgba(71,45,37,.10)!important;
  isolation:isolate;
}
body.storefront .storefront-home .claire-hero-scene::before,
body.storefront .storefront-home .claire-hero-scene::after{content:none!important;display:none!important}
body.storefront .claire-hero-scene .claire-scene-photo{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
  border-radius:inherit!important;
  user-select:none!important;
  pointer-events:none!important;
}
body.storefront .claire-hero-scene .live-device-cover{
  position:absolute!important;
  z-index:6!important;
  display:block!important;
  overflow:hidden!important;
  background:#fff8f1!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.24)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}
body.storefront .claire-hero-scene .live-device-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  transition:filter .18s ease!important;
}
body.storefront .claire-hero-scene .live-device-cover>span{
  position:absolute!important;
  left:50%!important;
  bottom:8px!important;
  z-index:3!important;
  max-width:calc(100% - 12px)!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(70,47,40,.84)!important;
  color:#fff!important;
  font:700 9px/1.1 system-ui,sans-serif!important;
  white-space:nowrap!important;
  opacity:0!important;
  transform:translate(-50%,5px)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  pointer-events:none!important;
}
body.storefront .claire-hero-scene .live-device-cover:hover img,
body.storefront .claire-hero-scene .live-device-cover:focus-visible img{filter:brightness(.96)!important}
body.storefront .claire-hero-scene .live-device-cover:hover>span,
body.storefront .claire-hero-scene .live-device-cover:focus-visible>span{opacity:1!important;transform:translate(-50%,0)!important}
body.storefront .claire-hero-scene .live-device-cover:focus-visible{outline:3px solid #d77d84!important;outline-offset:3px!important}

/* The scene is cropped to the right-most 4:3 of the 1672×941 artwork.
   These two live layers sit directly on the photographed tablet/phone screens. */
body.storefront .claire-hero-scene .live-tablet-cover{
  left:30.7%!important;
  top:19.7%!important;
  width:29.5%!important;
  height:53.8%!important;
  border-radius:2.2%!important;
  clip-path:polygon(4% 0,100% 2%,96% 100%,0 97%)!important;
  transform:rotate(-1.5deg)!important;
  transform-origin:center!important;
}
body.storefront .claire-hero-scene .live-phone-cover{
  left:60.1%!important;
  top:43.1%!important;
  width:12.5%!important;
  height:35.8%!important;
  border-radius:8%!important;
  clip-path:polygon(7% 0,96% 2%,100% 96%,0 100%)!important;
  transform:rotate(4.1deg)!important;
  transform-origin:center!important;
}

/* Retire the previous CSS-drawn room props; the hero now uses the real artwork. */
body.storefront .claire-hero-scene .scene-window,
body.storefront .claire-hero-scene .scene-vine,
body.storefront .claire-hero-scene .scene-frame,
body.storefront .claire-hero-scene .scene-shelf,
body.storefront .claire-hero-scene .scene-plant,
body.storefront .claire-hero-scene .scene-mug,
body.storefront .claire-hero-scene .scene-pencil,
body.storefront .claire-hero-scene .scene-tablet,
body.storefront .claire-hero-scene .scene-phone{display:none!important}

@media(max-width:1100px){
  body.storefront .storefront-home .commerce-hero-grid{
    grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr)!important;
  }
}
@media(max-width:900px){
  body.storefront .storefront-home .claire-hero-scene{
    width:min(100%,720px)!important;
    justify-self:center!important;
    margin-top:4px!important;
  }
}
@media(max-width:560px){
  body.storefront .storefront-home .claire-hero-scene{
    width:100%!important;
    aspect-ratio:4/3!important;
    border-radius:16px!important;
    margin-top:8px!important;
  }
  body.storefront .claire-hero-scene .live-device-cover>span{display:none!important}
}


/* ===== v0.6.52 wider storefront + real category feature images ===== */
body.storefront .category-art{display:none!important}
body.storefront .category-showcase-card{
  min-height:258px!important;
  padding:24px 24px 20px!important;
}
body.storefront .category-card-copy{
  max-width:74%!important;
}
body.storefront .category-feature-media{
  position:absolute!important;
  right:14px!important;
  bottom:14px!important;
  width:48%!important;
  height:50%!important;
  z-index:2!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.45)!important;
  box-shadow:0 8px 20px rgba(72,49,41,.08)!important;
}
body.storefront .category-feature-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .25s ease,filter .25s ease!important;
}
body.storefront .category-showcase-card:hover .category-feature-media img{
  transform:scale(1.025)!important;
  filter:saturate(1.03)!important;
}
body.storefront .category-explore{
  left:24px!important;
  bottom:18px!important;
}
@media(max-width:900px){
  body.storefront .category-card-copy{max-width:70%!important}
  body.storefront .category-feature-media{width:46%!important;height:48%!important}
}
@media(max-width:560px){
  body.storefront .category-showcase-card{min-height:205px!important;padding:21px!important}
  body.storefront .category-card-copy{max-width:58%!important}
  body.storefront .category-feature-media{right:12px!important;bottom:12px!important;width:42%!important;height:58%!important;border-radius:12px!important}
  body.storefront .category-explore{left:21px!important;bottom:16px!important}
}

body.storefront .storefront-home .claire-how{padding:4px 0 18px!important;background:transparent!important}
body.storefront .storefront-home .claire-how .assurance-intro{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important}
body.storefront .storefront-home .claire-how .assurance-intro .page-kicker{display:none!important}
body.storefront .storefront-home .claire-how .assurance-intro h2{margin:0!important;font:700 22px/1.1 Georgia,serif!important;color:#4a352e!important}
body.storefront .storefront-home .claire-how .assurance-intro h2:before{content:"♡";display:inline-block;margin-right:8px;color:#d7929a;font-size:24px;vertical-align:-2px}
body.storefront .storefront-home .claire-how .assurance-intro p{display:none!important}
body.storefront .storefront-home .claire-how .assurance-grid.four-steps{display:grid!important;grid-template-columns:auto 20px auto 20px auto 20px auto 1fr!important;align-items:center!important;padding:20px 22px!important;border:1px solid #eedfd7!important;border-radius:18px!important;background:#fff8f3!important}
body.storefront .storefront-home .claire-how .step-arrow{display:grid!important;place-items:center!important;color:#d5ad90!important;font-size:18px!important}
body.storefront .storefront-home .claire-how .how-decor{display:flex!important;justify-content:flex-end!important;align-items:flex-end!important;min-height:74px!important}
body.storefront .storefront-home .claire-how .how-chair{width:112px!important;height:84px!important;display:grid!important;place-items:center!important;border-radius:24px 24px 12px 12px!important;background:linear-gradient(180deg,#f0c3c3,#efc9c5)!important;color:#fff!important;font-size:26px!important;box-shadow:inset 0 -10px 0 rgba(0,0,0,.03)!important}
body.storefront .storefront-home .claire-how .how-lamp{display:block!important;width:28px!important;height:56px!important;border-radius:16px 16px 0 0!important;border-top:3px solid #d5b28e!important;border-right:3px solid #d5b28e!important;transform:translateY(-10px)!important}
body.storefront .storefront-home .claire-how .how-plant{display:block!important;position:relative!important;width:42px!important;height:52px!important;background:#f5efe8!important;border-radius:8px 8px 20px 20px!important;margin-right:14px!important}
body.storefront .storefront-home .claire-how .how-plant i{position:absolute!important;bottom:44px!important;left:20px!important;width:3px!important;height:24px!important;background:#7e926d!important;border-radius:3px!important}
body.storefront .storefront-home .claire-how .how-plant i:nth-child(2){left:10px!important;bottom:56px!important;width:14px!important;height:9px!important;background:#8fa17b!important;border-radius:100% 0 100% 0!important;transform:rotate(28deg)!important}
body.storefront .storefront-home .claire-how .how-plant i:nth-child(3){left:18px!important;bottom:62px!important;width:14px!important;height:9px!important;background:#8fa17b!important;border-radius:100% 0 100% 0!important;transform:scaleX(-1) rotate(22deg)!important}
body.storefront .storefront-home .claire-how .how-plant i:nth-child(1){display:block!important}
body.storefront .section-actions .view-all-pill{padding:9px 15px!important;border-radius:999px!important;border:1px solid #e0d2cb!important;background:#fff9f5!important;color:#5d453e!important;font-size:12px!important;text-decoration:none!important}
@media(max-width:900px){body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:1fr!important;gap:12px!important}body.storefront .storefront-home .claire-how .step-arrow{display:none!important}body.storefront .storefront-home .claire-how .how-decor{justify-content:flex-start!important;gap:12px!important;margin-top:8px!important}}


/* ===== v0.6.55 AUTHORITATIVE CLAIRE STOREFRONT ===== */
body.storefront{overflow-x:hidden!important;background:#fffaf6!important}
body.storefront .container{width:min(1420px,calc(100% - 36px))!important;max-width:1420px!important}

/* Header */
body.storefront .claire-topbar{min-height:32px!important;padding:6px 14px!important;font-size:11.5px!important}
body.storefront .store-nav{min-height:78px!important;padding:5px 0!important;gap:18px!important}
body.storefront .brand{min-width:300px!important;gap:11px!important}
body.storefront .brand-logo{width:60px!important;height:60px!important;flex-basis:60px!important}
body.storefront .brand-copy b{font-size:25px!important}
body.storefront .brand-copy small{font-size:10.5px!important}
body.storefront .store-links{gap:22px!important}
body.storefront .store-links>a,body.storefront .nav-categories>summary{font-size:12.5px!important}
body.storefront .store-actions{gap:7px!important}

/* Hero — no hard border, fades naturally into the page. */
body.storefront .storefront-home .claire-commerce-hero{padding:12px 0 2px!important;background:transparent!important}
body.storefront .storefront-home .claire-hero-shell{position:relative!important;overflow:hidden!important;padding:38px 34px 12px!important;border:0!important;border-radius:30px!important;background:linear-gradient(105deg,#fcf1e9 0%,#fbf0e9 42%,#faf1eb 70%,rgba(250,241,235,.2) 100%)!important;box-shadow:none!important}
body.storefront .storefront-home .claire-hero-shell:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.68),transparent 34%)!important;pointer-events:none!important;z-index:0!important}
body.storefront .storefront-home .commerce-hero-grid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(500px,.94fr) minmax(610px,1.06fr)!important;gap:18px!important;align-items:center!important;min-height:500px!important}
body.storefront .storefront-home .hero-copy{max-width:650px!important;padding:12px 0 24px!important;text-align:left!important}
body.storefront .storefront-home .hero-badge{padding:9px 15px!important;font-size:11px!important;letter-spacing:.065em!important}
body.storefront .storefront-home .hero-copy h1{max-width:none!important;margin:16px 0 18px!important;font-size:clamp(52px,4.9vw,72px)!important;line-height:1.04!important;letter-spacing:-.048em!important;text-wrap:initial!important}
body.storefront .storefront-home .hero-copy>p{max-width:39ch!important;margin:0 0 22px!important;font-size:15px!important;line-height:1.65!important}
body.storefront .storefront-home .hero-actions{display:flex!important;grid-template-columns:none!important;gap:12px!important;justify-content:flex-start!important}
body.storefront .storefront-home .hero-actions .btn{min-height:44px!important;padding:10px 19px!important;font-size:12.5px!important;border-radius:9px!important;width:auto!important}
body.storefront .storefront-home .claire-hero-scene{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1242/941!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate!important;align-self:end!important}
body.storefront .claire-hero-scene .claire-scene-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;box-shadow:none!important;pointer-events:none!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 7%,#000 18%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 7%,#000 18%,#000 100%)!important}
body.storefront .claire-hero-scene .live-device-cover{position:absolute!important;z-index:6!important;display:block!important;overflow:hidden!important;background:#fffaf5!important;box-shadow:none!important;text-decoration:none!important;transform-origin:center!important}
body.storefront .claire-hero-scene .live-device-cover img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center top!important;background:#fffaf5!important}
body.storefront .claire-hero-scene .live-device-cover>span{display:none!important}
body.storefront .claire-hero-scene .live-tablet-cover{left:28.75%!important;top:18.9%!important;width:31.25%!important;height:53.4%!important;border-radius:1.8%!important;clip-path:polygon(3% 0,100% 1.2%,97% 100%,0 98%)!important;transform:rotate(-1.8deg)!important}
body.storefront .claire-hero-scene .live-phone-cover{left:58.3%!important;top:41.0%!important;width:12.0%!important;height:34.8%!important;border-radius:8%!important;clip-path:polygon(7% 0,96% 2%,100% 97%,0 100%)!important;transform:rotate(3.8deg)!important}

/* Hero trust group */
body.storefront .storefront-home .hero-perks{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:2px 0 0!important;padding:8px 10px!important;border:1px solid #eadbd4!important;border-radius:18px!important;background:rgba(255,252,249,.94)!important;box-shadow:none!important}
body.storefront .hero-perk{display:flex!important;align-items:center!important;gap:12px!important;min-height:78px!important;padding:10px 20px!important}
body.storefront .hero-perk+.hero-perk{border-left:1px solid #eadbd4!important;border-top:0!important}
body.storefront .hero-perk b{font-size:12.5px!important}
body.storefront .hero-perk small{font-size:10.5px!important;line-height:1.45!important;max-width:30ch!important}
body.storefront .perk-icon{flex:0 0 48px!important;width:48px!important;height:48px!important;border-width:1.5px!important;background:rgba(255,255,255,.7)!important}
body.storefront .perk-icon.book:before{left:12px!important;top:14px!important;width:12px!important;height:20px!important}
body.storefront .perk-icon.book:after{left:24px!important;top:14px!important;width:13px!important;height:20px!important}
body.storefront .perk-icon.globe:before{left:11px!important;top:11px!important;width:24px!important;height:24px!important}
body.storefront .perk-icon.globe:after{left:18px!important;top:11px!important;width:10px!important;height:24px!important}
body.storefront .perk-icon.globe{background-size:24px 1.5px,24px 1.5px!important;background-position:center 18px,center 28px!important}
body.storefront .perk-icon.shield:before{left:14px!important;top:10px!important;width:20px!important;height:26px!important}
body.storefront .perk-icon.shield:after{left:21px!important;top:21px!important;width:7px!important;height:4px!important}

/* Categories */
body.storefront .home-category-showcase{padding:18px 0 34px!important}
body.storefront .category-showcase-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
body.storefront .category-showcase-card{min-height:230px!important;padding:22px 22px 18px!important;border:0!important;border-radius:18px!important;box-shadow:none!important}
body.storefront .category-card-copy{max-width:62%!important}
body.storefront .category-card-copy h3{font-size:18px!important}
body.storefront .category-card-copy p{font-size:11px!important}
body.storefront .category-feature-media{right:12px!important;bottom:14px!important;width:46%!important;height:55%!important;border:0!important;border-radius:13px!important;background:rgba(255,255,255,.34)!important;box-shadow:none!important}
body.storefront .category-feature-media img{object-fit:contain!important;padding:5px!important}
body.storefront .category-explore{left:22px!important;bottom:16px!important;padding:7px 12px!important;font-size:10.5px!important}

/* Featured — real inventory, compact and aligned. */
body.storefront .storefront-home .claire-featured{padding:0 0 34px!important}
body.storefront .storefront-home .claire-featured .section-label.compact-heading{margin-bottom:14px!important}
body.storefront .storefront-home .claire-featured h2{font-size:28px!important}
body.storefront .storefront-home .claire-featured .section-label p{max-width:48ch!important}
body.storefront .storefront-home .claire-featured .featured-carousel{overflow:visible!important}
body.storefront .storefront-home .claire-featured .featured-carousel-viewport{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;grid-template-columns:repeat(min(5,var(--featured-count,5)),minmax(0,1fr))!important;gap:18px!important;overflow-x:auto!important;padding:0 1px 8px!important;scroll-snap-type:x proximity!important}
body.storefront .storefront-home .claire-featured .product-card{width:auto!important;min-width:0!important;scroll-snap-align:start!important}
body.storefront .storefront-home .claire-featured .product-cover{aspect-ratio:3/4!important;height:auto!important;border-radius:12px!important}
body.storefront .storefront-home .claire-featured .product-info h3{font-size:12.5px!important;min-height:32px!important}
body.storefront .storefront-home .claire-featured .product-author{font-size:10px!important}
body.storefront .storefront-home .claire-featured .product-price{font-size:12px!important}

/* How it works */
body.storefront .storefront-home .claire-how{padding:0 0 18px!important}
body.storefront .storefront-home .claire-how>.container{min-height:0!important;padding:20px 24px!important;border:1px solid #efdfd5!important;border-radius:18px!important;background:linear-gradient(100deg,#fbefe8,#fff8f3)!important}
body.storefront .storefront-home .claire-how .assurance-intro{display:flex!important;align-items:center!important;margin:0 0 14px!important}
body.storefront .storefront-home .claire-how .assurance-intro h2{font-size:22px!important;white-space:normal!important}
body.storefront .storefront-home .claire-how .assurance-grid.four-steps{display:grid!important;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr!important;gap:4px!important;align-items:center!important;padding:0!important;border:0!important;background:transparent!important}
body.storefront .storefront-home .claire-how .how-step{grid-template-columns:40px 1fr!important;gap:9px!important}
body.storefront .storefront-home .claire-how .step-icon{width:40px!important;height:40px!important}
body.storefront .storefront-home .claire-how .how-step b{font-size:10.5px!important}
body.storefront .storefront-home .claire-how .how-step small{font-size:9px!important}
body.storefront .storefront-home .claire-how .how-decor{display:none!important}

/* Newsletter + footer contrast */
body.storefront .store-newsletter .newsletter-strip{width:min(1420px,calc(100% - 36px))!important;padding:13px 18px!important;background:#fff9f5!important}
body.storefront .store-footer{background:#fffaf6!important;color:#62514a!important;padding-top:16px!important}
body.storefront .store-footer h4,body.storefront .store-footer .footer-brand{color:#4b3730!important}
body.storefront .store-footer a{color:#705d55!important;opacity:1!important}
body.storefront .store-footer p,body.storefront .store-footer small,body.storefront .store-footer .footer-bottom{color:#87746c!important;opacity:1!important}

@media(max-width:1100px){
  body.storefront .container{width:min(100% - 28px,1040px)!important}
  body.storefront .brand{min-width:250px!important}
  body.storefront .brand-logo{width:54px!important;height:54px!important;flex-basis:54px!important}
  body.storefront .store-links{gap:14px!important}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:minmax(430px,.9fr) minmax(500px,1.1fr)!important;gap:10px!important;min-height:460px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(48px,5.7vw,64px)!important}
  body.storefront .category-showcase-card{min-height:205px!important}
}

@media(max-width:900px){
  body.storefront .container{width:min(100% - 24px,760px)!important}
  body.storefront .store-nav{min-height:66px!important;padding:4px 0!important}
  body.storefront .brand{min-width:0!important;gap:8px!important}
  body.storefront .brand-logo{width:46px!important;height:46px!important;flex-basis:46px!important}
  body.storefront .brand-copy b{font-size:18px!important}
  body.storefront .brand-copy small{font-size:8.5px!important}
  body.storefront .store-links{display:none!important}
  body.storefront .nav-toggle{display:grid!important;margin-left:auto!important}
  body.storefront .header-search{display:none!important}
  body.storefront .storefront-home .claire-hero-shell{padding:28px 22px 12px!important;border-radius:24px!important}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:1fr!important;gap:10px!important;min-height:0!important}
  body.storefront .storefront-home .hero-copy{max-width:none!important;padding:0 0 12px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(45px,8.7vw,58px)!important;line-height:1.03!important;margin:14px 0 16px!important}
  body.storefront .storefront-home .hero-copy>p{font-size:14px!important;max-width:42ch!important}
  body.storefront .storefront-home .claire-hero-scene{width:100%!important;max-width:720px!important;justify-self:center!important;aspect-ratio:1242/941!important;margin:0 auto!important}
  body.storefront .claire-hero-scene .claire-scene-photo{-webkit-mask-image:none!important;mask-image:none!important;border-radius:14px!important}
  body.storefront .storefront-home .hero-perks{grid-template-columns:1fr!important;margin-top:8px!important;padding:3px 10px!important}
  body.storefront .hero-perk{min-height:64px!important;padding:8px 10px!important}
  body.storefront .hero-perk+.hero-perk{border-left:0!important;border-top:1px solid #eadbd4!important}
  body.storefront .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.storefront .category-showcase-card{min-height:190px!important;padding:18px!important}
  body.storefront .category-explore{left:18px!important;bottom:14px!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:190px!important;grid-template-columns:none!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}
  body.storefront .storefront-home .claire-featured .product-card{width:190px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  body.storefront .storefront-home .claire-how .step-arrow{display:none!important}
  body.storefront .store-newsletter .newsletter-strip{width:min(100% - 24px,760px)!important;grid-template-columns:1fr!important;gap:10px!important}
}

@media(max-width:560px){
  body.storefront .container{width:calc(100% - 18px)!important}
  body.storefront .claire-topbar{min-height:28px!important;padding:5px 8px!important;font-size:9.5px!important}
  body.storefront .claire-topbar span:nth-of-type(2),body.storefront .claire-topbar i:nth-of-type(2),body.storefront .claire-topbar span:nth-of-type(3){display:none!important}
  body.storefront .store-nav{min-height:58px!important}
  body.storefront .brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  body.storefront .brand-copy b{font-size:16px!important}
  body.storefront .brand-copy small{font-size:7.5px!important;max-width:150px!important}
  body.storefront .storefront-home .claire-commerce-hero{padding-top:7px!important}
  body.storefront .storefront-home .claire-hero-shell{padding:22px 14px 10px!important;border-radius:19px!important}
  body.storefront .storefront-home .hero-badge{padding:7px 10px!important;font-size:9px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(38px,12.4vw,49px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:11px 0 14px!important}
  body.storefront .storefront-home .hero-copy>p{font-size:12.5px!important;line-height:1.55!important;margin-bottom:16px!important}
  body.storefront .storefront-home .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.storefront .storefront-home .hero-actions .btn{min-height:40px!important;padding:8px 9px!important;font-size:10.5px!important;justify-content:center!important}
  body.storefront .storefront-home .claire-hero-scene{aspect-ratio:1242/941!important;margin-top:4px!important}
  body.storefront .claire-hero-scene .claire-scene-photo{border-radius:12px!important}
  body.storefront .storefront-home .hero-perks{border-radius:14px!important;padding:2px 7px!important}
  body.storefront .hero-perk{gap:10px!important;padding:7px 6px!important}
  body.storefront .perk-icon{flex-basis:42px!important;width:42px!important;height:42px!important}
  body.storefront .hero-perk b{font-size:11px!important}
  body.storefront .hero-perk small{font-size:9px!important}
  body.storefront .home-category-showcase{padding:12px 0 26px!important}
  body.storefront .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.storefront .category-showcase-card{min-height:164px!important;padding:14px!important;border-radius:14px!important}
  body.storefront .category-card-copy{max-width:65%!important}
  body.storefront .category-card-copy h3{font-size:14px!important}
  body.storefront .category-card-copy p{font-size:9px!important}
  body.storefront .category-card-copy small{display:none!important}
  body.storefront .category-feature-media{right:7px!important;bottom:9px!important;width:50%!important;height:51%!important;border-radius:9px!important}
  body.storefront .category-explore{left:13px!important;bottom:10px!important;padding:5px 8px!important;font-size:8.5px!important}
  body.storefront .storefront-home .claire-featured h2{font-size:23px!important}
  body.storefront .storefront-home .claire-featured .section-label.compact-heading{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:end!important}
  body.storefront .storefront-home .claire-featured .section-label p{display:none!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-controls{display:none!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:calc((100vw - 52px)/2)!important;gap:10px!important;padding-bottom:6px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:calc((100vw - 52px)/2)!important}
  body.storefront .storefront-home .claire-featured .product-info h3{font-size:10.5px!important;min-height:29px!important}
  body.storefront .storefront-home .claire-featured .product-author{font-size:8.5px!important;min-height:14px!important}
  body.storefront .storefront-home .claire-featured .product-price{font-size:10.5px!important}
  body.storefront .storefront-home .claire-featured .mini-buy{min-height:29px!important;font-size:9.5px!important}
  body.storefront .storefront-home .claire-how>.container{padding:17px 14px!important;border-radius:14px!important}
  body.storefront .storefront-home .claire-how .assurance-intro h2{font-size:19px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:1fr!important;gap:12px!important}
  body.storefront .storefront-home .claire-how .how-step{grid-template-columns:38px 1fr!important}
  body.storefront .store-newsletter .newsletter-strip{width:calc(100% - 18px)!important;padding:13px!important;border-radius:13px!important}
  body.storefront .store-newsletter form{display:grid!important;grid-template-columns:1fr auto!important}
  body.storefront .store-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
}

@media(max-width:360px){
  body.storefront .category-showcase-grid{grid-template-columns:1fr!important}
  body.storefront .storefront-home .hero-actions{grid-template-columns:1fr!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:74vw!important}
  body.storefront .storefront-home .claire-featured .product-card{width:74vw!important}
}


/* ===== v0.6.56 hero + mobile corrective pass ===== */
body.storefront .storefront-home .claire-commerce-hero{padding:10px 0 0!important}
body.storefront .storefront-home .claire-hero-shell{padding:32px 32px 10px!important;border-radius:28px!important;background:linear-gradient(105deg,#fbf0e9 0%,#fbf1ea 40%,#faf1eb 66%,rgba(250,241,235,.35) 100%)!important}
body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:minmax(470px,.95fr) minmax(590px,1.05fr)!important;gap:0!important;min-height:454px!important;align-items:center!important}
body.storefront .storefront-home .hero-copy{padding:8px 0 14px!important;max-width:610px!important;position:relative!important;z-index:3!important}
body.storefront .storefront-home .hero-copy h1{font-size:clamp(50px,4.55vw,68px)!important;line-height:.98!important;letter-spacing:-.052em!important;margin:14px 0 18px!important;max-width:10.7ch!important}
body.storefront .storefront-home .hero-copy h1 .hero-line{display:block!important;white-space:nowrap!important}
body.storefront .storefront-home .hero-copy>p{max-width:31ch!important;font-size:16px!important;line-height:1.68!important;margin-bottom:22px!important}
body.storefront .storefront-home .hero-actions .btn{min-height:44px!important;padding:10px 18px!important;font-size:13px!important}
body.storefront .storefront-home .claire-hero-scene{margin-left:-34px!important;aspect-ratio:1242/941!important;overflow:visible!important}
body.storefront .claire-hero-scene .claire-scene-photo{object-position:center!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 9%,rgba(0,0,0,.78) 17%,#000 25%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 9%,rgba(0,0,0,.78) 17%,#000 25%,#000 100%)!important}
body.storefront .claire-hero-scene .live-device-cover{background:#fffdf9!important;box-shadow:0 1px 4px rgba(87,65,58,.06)!important}
body.storefront .claire-hero-scene .live-device-cover img{object-fit:cover!important;object-position:center top!important;background:#fffdf9!important}
body.storefront .claire-hero-scene .live-tablet-cover{left:32.45%!important;top:18.55%!important;width:34.2%!important;height:50.8%!important;border-radius:1.5%!important;clip-path:polygon(2.4% 0,100% 1.3%,97.2% 100%,0 98.4%)!important;transform:rotate(-1.55deg)!important}
body.storefront .claire-hero-scene .live-phone-cover{left:61.7%!important;top:40.75%!important;width:10.45%!important;height:32.65%!important;border-radius:7.5%!important;clip-path:polygon(6.5% 0,96% 2%,100% 97%,0 100%)!important;transform:rotate(3.8deg)!important}
body.storefront .storefront-home .hero-perks{margin-top:10px!important;padding:6px 8px!important;border-radius:18px!important}
body.storefront .hero-perk{min-height:72px!important;padding:10px 18px!important}
body.storefront .hero-perk b{font-size:13px!important}
body.storefront .hero-perk small{font-size:10.5px!important;line-height:1.45!important}
body.storefront .perk-icon{flex:0 0 46px!important;width:46px!important;height:46px!important}
body.storefront .storefront-home .claire-featured .featured-carousel-viewport{gap:16px!important}
body.storefront .storefront-home .claire-featured .product-cover img{object-fit:cover!important}
@media(max-width:1100px){
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:minmax(400px,.92fr) minmax(480px,1.08fr)!important;min-height:420px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(46px,5.1vw,60px)!important}
  body.storefront .storefront-home .claire-hero-scene{margin-left:-22px!important}
}
@media(max-width:900px){
  body.storefront .storefront-home .claire-hero-shell{padding:26px 20px 10px!important;border-radius:22px!important}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:1fr!important;gap:12px!important;min-height:0!important}
  body.storefront .storefront-home .hero-copy{padding:0!important;max-width:none!important}
  body.storefront .storefront-home .hero-copy h1{max-width:none!important;font-size:clamp(42px,8vw,56px)!important;line-height:1.0!important}
  body.storefront .storefront-home .hero-copy h1 .hero-line{white-space:normal!important}
  body.storefront .storefront-home .hero-copy>p{max-width:38ch!important;font-size:14px!important}
  body.storefront .storefront-home .claire-hero-scene{margin:0 auto!important;width:100%!important;max-width:720px!important;overflow:hidden!important;border-radius:16px!important}
  body.storefront .claire-hero-scene .claire-scene-photo{-webkit-mask-image:none!important;mask-image:none!important;border-radius:16px!important}
  body.storefront .storefront-home .hero-perks{grid-template-columns:1fr!important;margin-top:10px!important}
  body.storefront .hero-perk{padding:10px 8px!important;min-height:0!important}
  body.storefront .hero-perk+.hero-perk{border-left:0!important;border-top:1px solid #eadbd4!important}
  body.storefront .home-category-showcase{padding:14px 0 28px!important}
  body.storefront .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.storefront .category-showcase-card{min-height:182px!important;padding:16px!important}
  body.storefront .category-card-copy{max-width:70%!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:176px!important;grid-template-columns:none!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:8px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:176px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  body.storefront .storefront-home .claire-how .step-arrow{display:none!important}
  body.storefront .store-newsletter .newsletter-strip{grid-template-columns:1fr!important;gap:10px!important}
}
@media(max-width:560px){
  body.storefront .container{width:calc(100% - 16px)!important}
  body.storefront .storefront-home .claire-commerce-hero{padding-top:6px!important}
  body.storefront .storefront-home .claire-hero-shell{padding:20px 12px 8px!important;border-radius:18px!important}
  body.storefront .storefront-home .hero-badge{padding:7px 10px!important;font-size:9px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(36px,12vw,47px)!important;line-height:1.02!important;letter-spacing:-.042em!important;margin:10px 0 12px!important}
  body.storefront .storefront-home .hero-copy>p{font-size:12.5px!important;line-height:1.55!important;margin-bottom:14px!important;max-width:31ch!important}
  body.storefront .storefront-home .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.storefront .storefront-home .hero-actions .btn{min-height:39px!important;padding:8px 8px!important;font-size:10.5px!important;justify-content:center!important}
  body.storefront .storefront-home .claire-hero-scene{margin-top:2px!important;border-radius:12px!important}
  body.storefront .claire-hero-scene .claire-scene-photo{border-radius:12px!important}
  body.storefront .storefront-home .hero-perks{padding:2px 6px!important;border-radius:14px!important}
  body.storefront .hero-perk{gap:10px!important;padding:8px 4px!important}
  body.storefront .perk-icon{flex-basis:40px!important;width:40px!important;height:40px!important}
  body.storefront .hero-perk b{font-size:11px!important}
  body.storefront .hero-perk small{font-size:9px!important}
  body.storefront .category-showcase-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.storefront .category-showcase-card{min-height:154px!important;padding:12px!important;border-radius:14px!important}
  body.storefront .category-card-copy h3{font-size:13px!important}
  body.storefront .category-card-copy p{font-size:8.8px!important}
  body.storefront .category-feature-media{width:50%!important;height:48%!important;right:7px!important;bottom:8px!important}
  body.storefront .category-explore{left:12px!important;bottom:9px!important;padding:4px 8px!important;font-size:8.5px!important}
  body.storefront .storefront-home .claire-featured h2{font-size:23px!important}
  body.storefront .storefront-home .claire-featured .section-label p{display:none!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:calc(50vw - 22px)!important;gap:12px!important;padding-right:12px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:calc(50vw - 22px)!important}
  body.storefront .storefront-home .claire-how>.container{padding:16px 14px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:1fr!important;gap:12px!important}
  body.storefront .storefront-home .claire-how .how-step{grid-template-columns:38px 1fr!important}
  body.storefront .storefront-home .claire-how .how-step b{font-size:11px!important}
  body.storefront .storefront-home .claire-how .how-step small{font-size:9px!important}
  body.storefront .store-newsletter .newsletter-strip{width:calc(100% - 18px)!important;padding:14px!important}
  body.store-newsletter form,body.storefront .store-newsletter form{display:grid!important;grid-template-columns:1fr auto!important;gap:0!important}
}
@media(max-width:420px){
  body.storefront .storefront-home .hero-copy h1{font-size:34px!important}
  body.storefront .category-showcase-grid{grid-template-columns:1fr!important}
  body.storefront .category-showcase-card{min-height:168px!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:70vw!important}
  body.storefront .storefront-home .claire-featured .product-card{width:70vw!important}
}


/* ===== v0.6.57 screenshot-calibrated hero + mobile ===== */
body.storefront .storefront-home .claire-hero-shell{
  padding:22px 28px 10px!important;
  border-radius:26px!important;
  background:linear-gradient(105deg,#fbf0e9 0%,#fbf1ea 43%,#faf2ec 69%,rgba(250,242,236,.28) 100%)!important;
}
body.storefront .storefront-home .commerce-hero-grid{
  grid-template-columns:minmax(455px,.94fr) minmax(590px,1.06fr)!important;
  gap:4px!important;
  min-height:0!important;
  align-items:start!important;
}
body.storefront .storefront-home .hero-copy{
  align-self:start!important;
  padding:52px 0 10px 4px!important;
  max-width:590px!important;
}
body.storefront .storefront-home .hero-copy h1{
  max-width:10.9ch!important;
  font-size:clamp(48px,4.25vw,64px)!important;
  line-height:1.01!important;
  margin:14px 0 17px!important;
  letter-spacing:-.048em!important;
}
body.storefront .storefront-home .hero-copy h1 .hero-line{display:block!important;white-space:nowrap!important}
body.storefront .storefront-home .hero-copy>p{
  max-width:31ch!important;
  font-size:15px!important;
  line-height:1.68!important;
  margin-bottom:20px!important;
}
body.storefront .storefront-home .hero-actions{gap:10px!important}
body.storefront .storefront-home .hero-actions .btn{min-height:43px!important;padding:9px 17px!important;font-size:12.5px!important}
body.storefront .storefront-home .claire-hero-scene{
  margin-left:-18px!important;
  margin-top:26px!important;
  width:calc(100% + 18px)!important;
  overflow:hidden!important;
  border-radius:0 0 0 0!important;
}
body.storefront .claire-hero-scene .claire-scene-photo{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,rgba(0,0,0,.72) 15%,#000 23%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,rgba(0,0,0,.72) 15%,#000 23%,#000 100%)!important;
}
body.storefront .claire-hero-scene .live-device-cover{
  background:#fffaf6!important;
  box-shadow:0 0 0 1px rgba(215,198,188,.16)!important;
}
body.storefront .claire-hero-scene .live-device-cover img{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  padding:1.2%!important;
  background:#fffaf6!important;
}
body.storefront .claire-hero-scene .live-tablet-cover{
  left:33.05%!important;
  top:19.65%!important;
  width:32.55%!important;
  height:48.85%!important;
  border-radius:1.25%!important;
  clip-path:polygon(2.1% 0,100% 1.15%,97.4% 100%,0 98.6%)!important;
  transform:rotate(-.7deg)!important;
}
body.storefront .claire-hero-scene .live-phone-cover{
  left:62.15%!important;
  top:41.55%!important;
  width:9.35%!important;
  height:31.2%!important;
  border-radius:7.3%!important;
  clip-path:polygon(6% 0,96% 2%,100% 97.5%,0 100%)!important;
  transform:rotate(3.1deg)!important;
}
body.storefront .storefront-home .hero-perks{
  margin-top:8px!important;
  padding:5px 8px!important;
  border-radius:17px!important;
}
body.storefront .hero-perk{min-height:68px!important;padding:8px 18px!important}
body.storefront .hero-perk b{font-size:12.5px!important}
body.storefront .hero-perk small{font-size:10px!important;line-height:1.42!important}
body.storefront .perk-icon{flex:0 0 44px!important;width:44px!important;height:44px!important}

@media(max-width:1100px){
  body.storefront .storefront-home .claire-hero-shell{padding:20px 22px 10px!important}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:minmax(390px,.92fr) minmax(480px,1.08fr)!important;gap:0!important}
  body.storefront .storefront-home .hero-copy{padding-top:40px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(44px,4.9vw,58px)!important}
  body.storefront .storefront-home .claire-hero-scene{margin-left:-12px!important;width:calc(100% + 12px)!important;margin-top:18px!important}
}

@media(max-width:900px){
  body.storefront .storefront-home .claire-hero-shell{padding:22px 18px 10px!important;border-radius:22px!important}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.storefront .storefront-home .hero-copy{padding:0!important;max-width:none!important}
  body.storefront .storefront-home .hero-copy h1{max-width:12.5ch!important;font-size:clamp(41px,8vw,54px)!important;line-height:1.02!important}
  body.storefront .storefront-home .hero-copy h1 .hero-line{white-space:normal!important}
  body.storefront .storefront-home .hero-copy>p{max-width:39ch!important;font-size:14px!important}
  body.storefront .storefront-home .claire-hero-scene{margin:0!important;width:100%!important;border-radius:14px!important;overflow:hidden!important}
  body.storefront .claire-hero-scene .claire-scene-photo{-webkit-mask-image:none!important;mask-image:none!important;border-radius:14px!important}
  body.storefront .storefront-home .hero-perks{grid-template-columns:1fr!important;margin-top:10px!important;padding:2px 8px!important}
  body.storefront .hero-perk{min-height:0!important;padding:9px 8px!important}
  body.storefront .hero-perk+.hero-perk{border-left:0!important;border-top:1px solid #eadbd4!important}
  body.storefront .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:176px!important;gap:12px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:176px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.storefront .storefront-home .claire-how .step-arrow{display:none!important}
}

@media(max-width:560px){
  body.storefront .container{width:calc(100% - 16px)!important}
  body.storefront .storefront-home .claire-hero-shell{padding:18px 12px 8px!important;border-radius:18px!important}
  body.storefront .storefront-home .hero-copy h1{max-width:none!important;font-size:clamp(35px,11.8vw,45px)!important;line-height:1.025!important;margin:10px 0 12px!important}
  body.storefront .storefront-home .hero-copy h1 .hero-line{display:inline!important;white-space:normal!important}
  body.storefront .storefront-home .hero-copy h1 .hero-line:after{content:" ";}
  body.storefront .storefront-home .hero-copy>p{font-size:12.5px!important;line-height:1.55!important;max-width:31ch!important;margin-bottom:14px!important}
  body.storefront .storefront-home .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.storefront .storefront-home .hero-actions .btn{width:100%!important;min-height:40px!important;justify-content:center!important;font-size:11px!important}
  body.storefront .storefront-home .claire-hero-scene{margin-top:2px!important;border-radius:12px!important}
  body.storefront .claire-hero-scene .claire-scene-photo{border-radius:12px!important}
  body.storefront .storefront-home .hero-perks{border-radius:14px!important;padding:2px 6px!important}
  body.storefront .hero-perk{gap:9px!important;padding:8px 4px!important}
  body.storefront .perk-icon{flex:0 0 40px!important;width:40px!important;height:40px!important}
  body.storefront .hero-perk b{font-size:11px!important}
  body.storefront .hero-perk small{font-size:9px!important}
  body.storefront .home-category-showcase{padding:12px 0 24px!important}
  body.storefront .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.storefront .category-showcase-card{min-height:150px!important;padding:12px!important;border-radius:13px!important}
  body.storefront .category-card-copy{max-width:68%!important}
  body.storefront .category-card-copy h3{font-size:13px!important}
  body.storefront .category-card-copy p{font-size:8.7px!important;line-height:1.35!important}
  body.storefront .category-feature-media{width:48%!important;height:47%!important;right:6px!important;bottom:8px!important}
  body.storefront .category-explore{left:11px!important;bottom:9px!important;padding:4px 7px!important;font-size:8.5px!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:calc(50vw - 21px)!important;gap:10px!important;padding-right:12px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:calc(50vw - 21px)!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:1fr!important;gap:10px!important}
  body.storefront .store-newsletter .newsletter-strip{width:calc(100% - 16px)!important;padding:13px!important}
  body.storefront .store-newsletter form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.storefront .store-newsletter input,body.storefront .store-newsletter button{border-radius:8px!important;width:100%!important}
}

@media(max-width:400px){
  body.storefront .storefront-home .hero-copy h1{font-size:33px!important}
  body.storefront .category-showcase-grid{grid-template-columns:1fr!important}
  body.storefront .category-showcase-card{min-height:164px!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:72vw!important}
  body.storefront .storefront-home .claire-featured .product-card{width:72vw!important}
}


/* ===== v0.6.58 FINAL HERO + MOBILE RESET ===== */
/* Borderless/faded hero canvas. */
body.storefront .storefront-home .claire-commerce-hero{padding:10px 0 4px!important;background:transparent!important;overflow:visible!important}
body.storefront .storefront-home .claire-hero-shell{
  position:relative!important;overflow:visible!important;
  padding:24px 8px 8px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.storefront .storefront-home .claire-hero-shell:before{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;pointer-events:none!important;
  left:-34px!important;right:-34px!important;top:0!important;bottom:86px!important;border-radius:0!important;
  background:radial-gradient(ellipse at 58% 44%,rgba(252,238,229,.94) 0%,rgba(252,240,233,.79) 45%,rgba(252,242,236,.38) 72%,rgba(252,242,236,0) 100%)!important;
}
body.storefront .storefront-home .commerce-hero-grid{
  position:relative!important;z-index:1!important;display:grid!important;
  grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)!important;
  gap:18px!important;align-items:center!important;min-height:500px!important;
}
body.storefront .storefront-home .hero-copy{
  position:relative!important;z-index:4!important;max-width:610px!important;align-self:center!important;
  padding:18px 0 18px 4px!important;text-align:left!important;
}
body.storefront .storefront-home .hero-badge{padding:9px 15px!important;font-size:11px!important;letter-spacing:.065em!important}
body.storefront .storefront-home .hero-copy h1{
  max-width:none!important;margin:15px 0 20px!important;
  font-size:clamp(52px,4.55vw,69px)!important;line-height:1.015!important;letter-spacing:-.05em!important;
  text-wrap:initial!important;
}
body.storefront .storefront-home .hero-copy h1 .hero-line{display:block!important;white-space:nowrap!important}
body.storefront .storefront-home .hero-copy>p{max-width:36ch!important;margin:0 0 22px!important;font-size:15.5px!important;line-height:1.68!important}
body.storefront .storefront-home .hero-actions{display:flex!important;gap:12px!important;justify-content:flex-start!important;align-items:center!important}
body.storefront .storefront-home .hero-actions .btn{width:auto!important;min-height:44px!important;padding:10px 19px!important;font-size:12.5px!important;border-radius:9px!important}

/* Scene is the original art. The left side fades into the hero; no visible image border/card. */
body.storefront .storefront-home .claire-hero-scene{
  position:relative!important;width:calc(100% + 30px)!important;height:auto!important;min-height:0!important;
  margin:0 -30px 0 -18px!important;aspect-ratio:1242/941!important;
  overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate!important;
}
body.storefront .claire-hero-scene .claire-scene-photo{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 6%,rgba(0,0,0,.72) 14%,#000 22%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 6%,rgba(0,0,0,.72) 14%,#000 22%,#000 100%)!important;
}
/* Live featured covers: bounding boxes are calibrated to the actual inner screens in the 1242x941 source. */
body.storefront .claire-hero-scene .live-device-cover{
  position:absolute!important;z-index:6!important;display:block!important;overflow:hidden!important;
  padding:0!important;margin:0!important;background:#fffaf6!important;border:0!important;box-shadow:none!important;text-decoration:none!important;transform-origin:center center!important;
}
body.storefront .claire-hero-scene .live-device-cover img{
  display:block!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;
  object-fit:cover!important;object-position:center top!important;background:#fffaf6!important;border:0!important;
}
body.storefront .claire-hero-scene .live-device-cover>span{display:none!important}
/* Tablet inner screen approx: x365..773, y182..714. */
body.storefront .claire-hero-scene .live-tablet-cover{
  left:29.39%!important;top:19.34%!important;width:32.85%!important;height:56.54%!important;
  border-radius:1.6%!important;
  clip-path:polygon(11.0% 0%,100% 2.4%,85.5% 100%,0% 92.9%)!important;
  transform:none!important;
}
/* Phone inner screen approx: x720..875, y402..710. */
body.storefront .claire-hero-scene .live-phone-cover{
  left:57.97%!important;top:42.72%!important;width:12.48%!important;height:32.73%!important;
  border-radius:7%!important;
  clip-path:polygon(25.2% 0%,100% 5.2%,94.2% 100%,0% 92.2%)!important;
  transform:none!important;
}

/* Trust items stay visually part of the hero. */
body.storefront .storefront-home .hero-perks{
  position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;
  margin:4px 0 0!important;padding:6px 8px!important;border:1px solid #eadbd4!important;border-radius:18px!important;
  background:rgba(255,253,250,.92)!important;box-shadow:0 10px 28px rgba(90,61,49,.03)!important;
}
body.storefront .hero-perk{display:flex!important;align-items:center!important;gap:12px!important;min-height:74px!important;padding:9px 20px!important}
body.storefront .hero-perk+.hero-perk{border-left:1px solid #eadbd4!important;border-top:0!important}
body.storefront .hero-perk b{font-size:13px!important}
body.storefront .hero-perk small{font-size:10.5px!important;line-height:1.45!important}
body.storefront .perk-icon{flex:0 0 46px!important;width:46px!important;height:46px!important}

@media(max-width:1180px){
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:8px!important;min-height:460px!important}
  body.storefront .storefront-home .hero-copy h1{font-size:clamp(47px,5.1vw,61px)!important}
  body.storefront .storefront-home .claire-hero-scene{width:calc(100% + 18px)!important;margin-right:-18px!important;margin-left:-10px!important}
}

/* Tablet layout: content first, artwork second, no squeezed desktop grid. */
@media(max-width:900px){
  body.storefront .storefront-home .claire-hero-shell{padding:20px 0 8px!important}
  body.storefront .storefront-home .claire-hero-shell:before{left:-20px!important;right:-20px!important;bottom:70px!important}
  body.storefront .storefront-home .commerce-hero-grid{grid-template-columns:1fr!important;gap:14px!important;min-height:0!important}
  body.storefront .storefront-home .hero-copy{max-width:none!important;padding:0 14px!important}
  body.storefront .storefront-home .hero-copy h1{max-width:12.5ch!important;font-size:clamp(43px,8vw,56px)!important;line-height:1.02!important;margin:13px 0 16px!important}
  body.storefront .storefront-home .hero-copy h1 .hero-line{white-space:normal!important}
  body.storefront .storefront-home .hero-copy>p{max-width:42ch!important;font-size:14px!important}
  body.storefront .storefront-home .claire-hero-scene{width:100%!important;max-width:760px!important;margin:0 auto!important;overflow:hidden!important;border-radius:16px!important}
  body.storefront .claire-hero-scene .claire-scene-photo{-webkit-mask-image:none!important;mask-image:none!important;border-radius:16px!important}
  body.storefront .storefront-home .hero-perks{grid-template-columns:1fr!important;margin:10px 12px 0!important;padding:2px 8px!important;border-radius:16px!important}
  body.storefront .hero-perk{min-height:0!important;padding:10px 8px!important}
  body.storefront .hero-perk+.hero-perk{border-left:0!important;border-top:1px solid #eadbd4!important}
  body.storefront .category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:180px!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}
  body.storefront .storefront-home .claire-featured .product-card{width:180px!important}
}

/* Phone layout mirrors the approved mobile composition. */
@media(max-width:560px){
  body.storefront .container{width:calc(100% - 16px)!important}
  body.storefront .storefront-home .claire-commerce-hero{padding-top:6px!important}
  body.storefront .storefront-home .claire-hero-shell{padding:16px 0 6px!important}
  body.storefront .storefront-home .hero-copy{padding:0 10px!important}
  body.storefront .storefront-home .hero-badge{padding:7px 10px!important;font-size:9px!important}
  body.storefront .storefront-home .hero-copy h1{max-width:none!important;font-size:clamp(35px,11.4vw,44px)!important;line-height:1.03!important;letter-spacing:-.043em!important;margin:10px 0 12px!important}
  body.storefront .storefront-home .hero-copy h1 .hero-line{display:inline!important;white-space:normal!important}
  body.storefront .storefront-home .hero-copy h1 .hero-line:after{content:" "!important}
  body.storefront .storefront-home .hero-copy>p{max-width:31ch!important;font-size:12.5px!important;line-height:1.55!important;margin-bottom:14px!important}
  body.storefront .storefront-home .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.storefront .storefront-home .hero-actions .btn{width:100%!important;min-height:40px!important;justify-content:center!important;font-size:11px!important}
  body.storefront .storefront-home .claire-hero-scene{width:100%!important;margin:3px 0 0!important;border-radius:12px!important}
  body.storefront .claire-hero-scene .claire-scene-photo{border-radius:12px!important}
  body.storefront .storefront-home .hero-perks{margin:9px 8px 0!important;padding:2px 6px!important;border-radius:14px!important}
  body.storefront .hero-perk{gap:10px!important;padding:8px 4px!important}
  body.storefront .perk-icon{flex:0 0 40px!important;width:40px!important;height:40px!important}
  body.storefront .hero-perk b{font-size:11px!important}
  body.storefront .hero-perk small{font-size:9px!important}

  /* Categories are swipeable instead of compressed/cropped. */
  body.storefront .home-category-showcase{padding:12px 0 24px!important;overflow:hidden!important}
  body.storefront .category-showcase-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:0 2px 8px!important;scrollbar-width:none!important}
  body.storefront .category-showcase-grid::-webkit-scrollbar{display:none!important}
  body.storefront .category-showcase-card{flex:0 0 min(72vw,260px)!important;width:min(72vw,260px)!important;min-height:178px!important;padding:14px!important;border-radius:14px!important;scroll-snap-align:start!important}
  body.storefront .category-card-copy{max-width:62%!important}
  body.storefront .category-card-copy h3{font-size:15px!important}
  body.storefront .category-card-copy p{font-size:9.5px!important}
  body.storefront .category-feature-media{width:50%!important;height:54%!important;right:7px!important;bottom:9px!important}

  /* Roughly two featured books visible at once. */
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:calc(50vw - 22px)!important;gap:10px!important;padding-right:12px!important}
  body.storefront .storefront-home .claire-featured .product-card{width:calc(50vw - 22px)!important}
  body.storefront .storefront-home .claire-featured .section-label p{display:none!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:1fr!important;gap:10px!important}
  body.storefront .storefront-home .claire-how .step-arrow{display:none!important}
  body.storefront .store-newsletter .newsletter-strip{width:calc(100% - 16px)!important;padding:13px!important}
  body.storefront .store-newsletter form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.storefront .store-newsletter input,body.storefront .store-newsletter button{width:100%!important;border-radius:8px!important}
}

@media(max-width:400px){
  body.storefront .storefront-home .hero-copy h1{font-size:33px!important}
  body.storefront .category-showcase-card{flex-basis:82vw!important;width:82vw!important}
  body.storefront .storefront-home .claire-featured .featured-carousel-viewport{grid-auto-columns:68vw!important}
  body.storefront .storefront-home .claire-featured .product-card{width:68vw!important}
}


/* ===== v0.6.60 generated hero + default placement art ===== */
body.storefront .claire-hero-scene .claire-scene-photo{object-fit:cover!important;object-position:center center!important}
body.storefront .claire-hero-scene .live-device-cover{display:none!important}
body.storefront .claire-hero-scene .hero-device-hitbox{position:absolute!important;z-index:8!important;display:block!important;background:transparent!important;border-radius:18px!important;text-decoration:none!important;outline:none!important}
body.storefront .claire-hero-scene .hero-device-hitbox span{position:absolute!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(73,53,47,.86)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;opacity:0!important;transition:opacity .16s ease!important;pointer-events:none!important;white-space:nowrap!important}
body.storefront .claire-hero-scene .hero-device-hitbox:hover span,body.storefront .claire-hero-scene .hero-device-hitbox:focus-visible span{opacity:1!important}
body.storefront .claire-hero-scene .hero-device-hitbox:focus-visible{box-shadow:0 0 0 3px rgba(221,129,138,.35)!important}
body.storefront .claire-hero-scene .hero-tablet-hitbox{left:22.7%!important;top:5.0%!important;width:37.0%!important;height:77.8%!important;transform:rotate(-1.15deg)!important}
body.storefront .claire-hero-scene .hero-phone-hitbox{left:57.8%!important;top:40.1%!important;width:17.2%!important;height:45.0%!important;transform:rotate(2.2deg)!important;border-radius:24px!important}
body.storefront .category-feature-media img{object-fit:contain!important;image-rendering:auto!important}
@media(max-width:900px){body.storefront .claire-hero-scene .hero-tablet-hitbox{left:22.7%!important;top:5.0%!important;width:37.0%!important;height:77.8%!important}body.storefront .claire-hero-scene .hero-phone-hitbox{left:57.8%!important;top:40.1%!important;width:17.2%!important;height:45.0%!important}}


/* ===== v0.6.61 placement images as full-card backgrounds ===== */
body.storefront .category-showcase-card{overflow:hidden!important;isolation:isolate!important}
body.storefront .category-showcase-card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(255,250,247,.88) 0%,rgba(255,250,247,.74) 38%,rgba(255,250,247,.18) 78%,rgba(255,250,247,.02) 100%)!important}
body.storefront .category-feature-media{position:absolute!important;inset:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;z-index:1!important}
body.storefront .category-feature-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;padding:0!important;border:0!important;border-radius:inherit!important;display:block!important;transform:none!important;filter:none!important}
body.storefront .category-showcase-card:hover .category-feature-media img{transform:scale(1.02)!important;filter:none!important}
body.storefront .category-card-copy{position:relative!important;z-index:3!important;max-width:56%!important}
body.storefront .category-explore{z-index:4!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(2px)!important}
@media(max-width:900px){body.storefront .category-card-copy{max-width:62%!important}}
@media(max-width:560px){body.storefront .category-card-copy{max-width:64%!important}}


/* ===== v0.6.62 placement fade control + mobile zoom lock ===== */
html,body.storefront{touch-action:pan-x pan-y!important}
body.storefront .category-showcase-card::after{background:linear-gradient(90deg,#fffaf7 0%,#fffaf7 44%,rgba(255,250,247,.72) 72%,rgba(255,250,247,.12) 100%)!important;opacity:var(--placement-overlay,0)!important;transition:opacity .18s ease!important}
body.storefront .category-card-copy h3,body.storefront .category-card-copy p,body.storefront .category-card-copy small{text-shadow:0 1px 2px rgba(255,255,255,.9)!important}


/* ===== v0.6.65 unified visual polish ===== */
body.storefront .ui-icon,body.storefront .topbar-icon,body.storefront .profile-svg,body.storefront .footer-svg,body.storefront .perk-svg,body.storefront .step-svg,body.storefront .step-arrow-svg,body.storefront .empty-svg{display:block;width:1em;height:1em;flex:0 0 auto}
body.storefront .claire-topbar span{display:inline-flex;align-items:center;gap:6px}
body.storefront .claire-topbar .topbar-icon{width:13px;height:13px;stroke-width:1.8}
body.storefront .nav-toggle{place-items:center!important}
body.storefront .nav-toggle .ui-icon{width:22px;height:22px}
body.storefront .header-search button{display:grid!important;place-items:center!important}
body.storefront .header-search button .ui-icon{width:19px;height:19px}
body.storefront .account-button.simple,body.storefront .account-menu.simple>summary{display:grid!important;place-items:center!important}
body.storefront .profile-svg{width:21px;height:21px}
body.storefront .profile-icon{display:none!important}

/* Hero trust icons: one coherent outline family. */
body.storefront .perk-icon:before,body.storefront .perk-icon:after{content:none!important;display:none!important}
body.storefront .perk-icon{display:grid!important;place-items:center!important;background:rgba(255,255,255,.78)!important}
body.storefront .perk-icon .perk-svg{width:25px;height:25px;stroke-width:1.7}
body.storefront .perk-icon.book{color:#d58a91!important;border-color:#efc8ca!important}
body.storefront .perk-icon.globe,body.storefront .perk-icon.devices{color:#849a72!important;border-color:#d1ddc7!important}
body.storefront .perk-icon.shield,body.storefront .perk-icon.lock{color:#9a82bd!important;border-color:#ddd0ee!important}
body.storefront .perk-icon.sparkles{color:#d58a91!important;border-color:#efc8ca!important}

/* How-it-works icons: use the same stroke language and remove CSS-drawn glyphs. */
body.storefront .storefront-home .claire-how .step-icon:before,body.storefront .storefront-home .claire-how .step-icon:after{content:none!important;display:none!important}
body.storefront .storefront-home .claire-how .step-icon{display:grid!important;place-items:center!important;background:rgba(255,255,255,.78)!important}
body.storefront .storefront-home .claire-how .step-icon .step-svg{width:24px;height:24px;stroke-width:1.7}
body.storefront .storefront-home .claire-how .step-icon.cart{color:#b8776f!important}
body.storefront .storefront-home .claire-how .step-icon.card{color:#788c6d!important}
body.storefront .storefront-home .claire-how .step-icon.book{color:#85749f!important}
body.storefront .storefront-home .claire-how .step-icon.devices{color:#b57f60!important}
body.storefront .storefront-home .claire-how .step-arrow{display:grid!important;place-items:center!important;width:34px!important}
body.storefront .storefront-home .claire-how .step-arrow-svg{width:22px;height:22px}

/* Complete book covers should be visible, not cropped. */
body.storefront .storefront-home .claire-featured .product-cover,
body.storefront .shop-results .product-cover{background:linear-gradient(180deg,#fffaf6,#f9efe8)!important;overflow:hidden!important}
body.storefront .storefront-home .claire-featured .product-cover img,
body.storefront .shop-results .product-cover img{object-fit:contain!important;object-position:center!important;padding:5px!important;box-sizing:border-box!important}
body.storefront .storefront-home .claire-featured .product-card{display:flex!important;flex-direction:column!important}
body.storefront .storefront-home .claire-featured .product-info{flex:1!important;display:flex!important;flex-direction:column!important}
body.storefront .storefront-home .claire-featured .product-bottom{margin-top:auto!important}
body.storefront .storefront-home .claire-featured .product-info h3{min-height:34px!important}

/* Shop filters + empty state feel less oversized and more deliberate. */
body.storefront .shop-result-head{gap:18px!important;align-items:end!important}
body.storefront .shop-sort{align-items:end!important}
body.storefront .store-empty.visual-empty{grid-column:1/-1!important;min-height:220px!important;padding:36px 24px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:8px!important;border:1px dashed #ead8d0!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,253,250,.72),rgba(255,249,245,.46))!important;text-align:center!important}
body.storefront .store-empty.visual-empty .empty-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#f9ece9;color:#c57980;margin-bottom:3px}
body.storefront .store-empty.visual-empty .empty-svg{width:29px;height:29px;stroke-width:1.6}
body.storefront .store-empty.visual-empty h3{margin:0!important;font-size:22px!important}
body.storefront .store-empty.visual-empty p{margin:0 0 4px!important}

/* Footer hierarchy and unified social icons. */
body.storefront .store-footer{border-top:1px solid #efe0da!important}
body.storefront .store-footer .footer-grid{gap:34px!important;align-items:start!important}
body.storefront .store-footer .footer-brand{font-size:21px!important;margin-bottom:7px!important}
body.storefront .store-footer h4{font-size:12px!important;letter-spacing:.07em!important;text-transform:uppercase!important}
body.storefront .store-footer a{line-height:1.65!important}
body.storefront .footer-social-icons{display:flex!important;gap:8px!important;margin-top:13px!important}
body.storefront .footer-icon-link{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #ead8d0!important;border-radius:50%!important;background:#fffdfb!important;color:#5e4942!important;transition:transform .16s ease,border-color .16s ease,background .16s ease!important}
body.storefront .footer-icon-link:hover{transform:translateY(-2px)!important;border-color:#dcaeb0!important;background:#fff7f5!important}
body.storefront .footer-svg{width:17px!important;height:17px!important;stroke-width:1.7!important}
body.storefront .footer-glyph{display:none!important}

/* Mobile polish across the storefront. */
@media(max-width:900px){
  body.storefront .shop-result-head{display:grid!important;grid-template-columns:1fr!important;align-items:start!important}
  body.storefront .shop-sort{justify-content:flex-start!important;flex-wrap:wrap!important;width:100%!important}
  body.storefront .store-empty.visual-empty{min-height:190px!important;padding:28px 18px!important}
  body.storefront .store-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 18px!important}
}
@media(max-width:560px){
  body.storefront .claire-topbar{gap:8px!important}
  body.storefront .claire-topbar span{gap:4px!important}
  body.storefront .claire-topbar .topbar-icon{width:11px;height:11px}
  body.storefront .storefront-home .hero-perk .perk-svg{width:22px;height:22px}
  body.storefront .storefront-home .claire-how .step-icon .step-svg{width:21px;height:21px}
  body.storefront .shop-sort label{width:100%!important}
  body.storefront .shop-sort select{width:100%!important}
  body.storefront .store-empty.visual-empty{min-height:170px!important;padding:24px 14px!important;border-radius:14px!important}
  body.storefront .store-footer .footer-grid{grid-template-columns:1fr!important;gap:22px!important}
  body.storefront .footer-bottom{gap:12px!important;align-items:flex-start!important}
}


/* ===== v0.6.68 mobile storefront corrections ===== */
@media(max-width:560px){
  /* Keep the information bar above the header compact. Only the first benefit
     remains on a phone; the longer benefits are already available in the hero. */
  body.storefront .claire-topbar{
    min-height:23px!important;
    height:auto!important;
    padding:3px 8px!important;
    gap:0!important;
    font-size:8.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  body.storefront .claire-topbar span:first-of-type{display:inline-flex!important;gap:4px!important}
  body.storefront .claire-topbar span:not(:first-of-type),
  body.storefront .claire-topbar i{display:none!important}
  body.storefront .claire-topbar .topbar-icon{width:10px!important;height:10px!important}
  body.storefront .announcement,
  body.storefront .seasonal-promo{
    min-height:23px!important;
    padding:4px 8px!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Mobile category cards must use exactly the same artwork treatment as desktop:
     image fills the card edge-to-edge behind the copy; no inset image box. */
  body.storefront .category-showcase-card{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  body.storefront .category-showcase-card .category-feature-media{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:1!important;
    overflow:hidden!important;
  }
  body.storefront .category-showcase-card .category-feature-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  body.storefront .category-showcase-card .category-card-copy{position:relative!important;z-index:3!important}
  body.storefront .category-showcase-card .category-explore{position:absolute!important;z-index:4!important}
}

@media(max-width:400px){
  body.storefront .claire-topbar{min-height:21px!important;padding:3px 7px!important;font-size:8px!important}
}


/* ===== v0.6.70 canonical responsive/public-page pass ===== */
html{scroll-padding-top:12px}
body.storefront{max-width:100%;overflow-x:clip!important}
body.storefront .page-top-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}

/* Header follows the document instead of staying pinned. */
body.storefront .store-header{
  position:relative!important;
  top:auto!important;
  inset:auto!important;
  z-index:25!important;
}
body.storefront .announcement,
body.storefront .seasonal-promo,
body.storefront .claire-topbar{position:relative!important;top:auto!important}

/* Back-to-top affordance shared by desktop and mobile. */
body.storefront .back-to-top{
  position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:80;
  display:flex;align-items:center;justify-content:center;gap:7px;min-width:54px;height:44px;padding:0 13px;
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;
  background:color-mix(in srgb,var(--paper2) 94%,transparent);color:var(--ink);box-shadow:0 10px 28px rgba(64,41,31,.14);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:11px;font-weight:850;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
body.storefront .back-to-top.is-visible{opacity:1;visibility:visible;transform:none}
body.storefront .back-to-top:hover{border-color:var(--accent);color:var(--accent2)}
body.storefront .back-to-top-svg{width:17px;height:17px;stroke-width:2}

/* Shared illustrated hero card for secondary public pages. */
body.storefront .public-art-card{
  position:relative;min-width:0;overflow:hidden;border:1px solid #eadbd4;border-radius:24px;background:#fff9f5;
  box-shadow:0 18px 42px rgba(73,45,36,.09);isolation:isolate;
}
body.storefront .public-art-card>img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center}
body.storefront .public-art-caption{
  position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(255,255,255,.78);
  border-radius:15px;background:rgba(255,252,249,.9);box-shadow:0 10px 25px rgba(72,43,34,.10);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
body.storefront .public-art-caption span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--accent)}
body.storefront .public-art-caption b{font:700 18px/1.18 var(--heading-font);color:var(--ink)}
body.storefront .public-art-caption p,body.storefront .public-art-caption small{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
body.storefront .public-art-caption a:not(.btn){color:var(--ink);font-size:14px;font-weight:850;overflow-wrap:anywhere}
body.storefront .about-hero-art{height:390px}
body.storefront .contact-hero-art{height:350px}
body.storefront .faq-hero-art{height:340px}
body.storefront .policy-hero-art{height:250px}
body.storefront .policy-title-row{grid-template-columns:minmax(0,1fr) minmax(280px,410px)!important;align-items:center!important;gap:48px!important}
body.storefront .policy-title-row>.policy-meta{display:none!important}
body.storefront .policy-title-row>div:first-child>.policy-meta{display:flex!important;width:max-content;max-width:100%;margin-top:18px}

/* Rebuilt How It Works: readable cards, not tiny icons/arrows/decor. */
body.storefront .storefront-home .claire-how{padding:10px 0 34px!important}
body.storefront .storefront-home .claire-how>.container{
  padding:30px!important;border:1px solid #eadbd4!important;border-radius:24px!important;
  background:linear-gradient(135deg,#fff8f3 0%,#fffdfb 55%,#f6efe7 100%)!important;box-shadow:0 12px 36px rgba(72,45,35,.045)!important;
}
body.storefront .storefront-home .claire-how .assurance-intro{display:block!important;margin:0 0 22px!important;max-width:690px!important}
body.storefront .storefront-home .claire-how .assurance-intro .page-kicker{display:block!important;margin-bottom:5px!important}
body.storefront .storefront-home .claire-how .assurance-intro h2{margin:0 0 7px!important;font:700 clamp(27px,2.4vw,36px)/1.08 var(--heading-font)!important;white-space:normal!important;color:var(--ink)!important}
body.storefront .storefront-home .claire-how .assurance-intro h2:before{content:none!important}
body.storefront .storefront-home .claire-how .assurance-intro p{display:block!important;margin:0!important;font-size:13px!important;line-height:1.6!important;color:var(--muted)!important}
body.storefront .storefront-home .claire-how .assurance-grid.four-steps{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:0!important;border:0!important;background:transparent!important;align-items:stretch!important;
}
body.storefront .storefront-home .claire-how .how-step{
  position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;column-gap:12px!important;row-gap:7px!important;
  align-items:start!important;min-height:154px!important;padding:18px!important;border:1px solid #eadfd8!important;border-radius:17px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 8px 20px rgba(79,52,42,.045)!important;
}
body.storefront .storefront-home .claire-how .step-number{position:static!important;grid-column:1/-1!important;width:auto!important;height:auto!important;display:block!important;background:transparent!important;color:#b7897b!important;border-radius:0!important;font:850 9px/1.2 var(--body-font)!important;letter-spacing:.14em!important}
body.storefront .storefront-home .claire-how .step-icon{grid-column:1!important;width:46px!important;height:46px!important;border-radius:14px!important;background:#fff8f3!important;border:1px solid #ead9d0!important;display:grid!important;place-items:center!important}
body.storefront .storefront-home .claire-how .step-icon .step-svg{width:23px!important;height:23px!important;stroke-width:1.75!important}
body.storefront .storefront-home .claire-how .how-step-copy{grid-column:2!important;display:grid!important;gap:5px!important;min-width:0!important}
body.storefront .storefront-home .claire-how .how-step b{font-size:13px!important;line-height:1.25!important;color:var(--ink)!important}
body.storefront .storefront-home .claire-how .how-step small{font-size:11px!important;line-height:1.5!important;color:var(--muted)!important}
body.storefront .storefront-home .claire-how .step-arrow,body.storefront .storefront-home .claire-how .how-decor{display:none!important}

/* Prevent grid/form/media children from forcing the public storefront wider than the viewport. */
body.storefront .container,body.storefront main,body.storefront section,body.storefront article,body.storefront aside,body.storefront form,body.storefront nav{min-width:0;max-width:100%}
body.storefront img,body.storefront svg,body.storefront video,body.storefront canvas{max-width:100%}
body.storefront input,body.storefront select,body.storefront textarea,body.storefront button{max-width:100%;min-width:0}
body.storefront [class*="grid"],body.storefront [class*="shell"],body.storefront [class*="row"]{min-width:0}

@media(max-width:900px){
  body.storefront .container,
  body.storefront .store-nav,
  body.storefront .store-newsletter .newsletter-strip,
  body.storefront .store-footer .container{width:calc(100% - 28px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}

  body.storefront .public-page-hero{padding:25px 0 30px!important}
  body.storefront .story-hero-grid,
  body.storefront .contact-hero-grid,
  body.storefront .faq-hero .public-page-hero-grid,
  body.storefront .shop-hero>.container.shop-hero-grid,
  body.storefront .public-page-hero-grid,
  body.storefront .policy-title-row{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}

  body.storefront .public-art-card{width:100%!important;height:260px!important;border-radius:18px!important}
  body.storefront .public-art-card>img{min-height:0!important;height:100%!important}
  body.storefront .public-art-caption{left:11px;right:11px;bottom:11px;padding:11px 12px;border-radius:12px}
  body.storefront .public-art-caption b{font-size:16px}

  body.storefront .policy-title-row>div:first-child>.policy-meta{width:100%;flex-wrap:wrap}
  body.storefront .policy-shell,body.storefront .faq-shell,body.storefront .about-split{grid-template-columns:minmax(0,1fr)!important}
  body.storefront .policy-aside,body.storefront .faq-side{position:static!important;top:auto!important;width:100%!important}

  body.storefront .storefront-home .claire-how>.container{padding:22px 18px!important;border-radius:19px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  body.storefront .storefront-home .claire-how .how-step{min-height:144px!important;padding:15px!important;grid-template-columns:42px minmax(0,1fr)!important}
  body.storefront .storefront-home .claire-how .step-icon{width:40px!important;height:40px!important}
}

@media(max-width:600px){
  body.storefront .container,
  body.storefront .store-nav,
  body.storefront .store-newsletter .newsletter-strip,
  body.storefront .store-footer .container{width:calc(100% - 22px)!important}

  body.storefront .claire-topbar{min-height:22px!important;padding:4px 10px!important;font-size:10px!important;line-height:1.2!important}
  body.storefront .store-nav{width:calc(100% - 20px)!important;min-height:62px!important;gap:8px!important}
  body.storefront .brand{min-width:0!important;max-width:calc(100% - 94px)!important;gap:8px!important}
  body.storefront .brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important}
  body.storefront .brand-copy{min-width:0!important}
  body.storefront .brand-copy b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important}
  body.storefront .store-actions{gap:5px!important;flex:0 0 auto!important}
  body.storefront .account-button,body.storefront .account-menu>summary,body.storefront .nav-toggle{width:36px!important;height:36px!important;min-width:36px!important}

  body.storefront .public-page-hero h1,
  body.storefront .story-hero h1,
  body.storefront .contact-hero h1,
  body.storefront .faq-hero .public-page-copy h1,
  body.storefront .shop-hero-copy h1{font-size:clamp(34px,11vw,46px)!important;line-height:1.02!important;max-width:100%!important;overflow-wrap:anywhere}
  body.storefront .public-page-hero p,body.storefront .story-lead{font-size:13px!important;line-height:1.6!important;max-width:100%!important}

  body.storefront .public-art-card{height:220px!important}
  body.storefront .public-art-caption{gap:3px!important}
  body.storefront .public-art-caption p{display:none}

  body.storefront .shop-search,body.storefront .shop-toolbar,body.storefront .shop-controls,body.storefront .newsletter-strip form{width:100%!important;max-width:100%!important}
  body.storefront .shop-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  body.storefront .shop-search input{width:100%!important;min-width:0!important}

  body.storefront .storefront-home .claire-how{padding-bottom:24px!important}
  body.storefront .storefront-home .claire-how>.container{padding:19px 14px!important;border-radius:16px!important}
  body.storefront .storefront-home .claire-how .assurance-intro{margin-bottom:15px!important}
  body.storefront .storefront-home .claire-how .assurance-intro h2{font-size:25px!important}
  body.storefront .storefront-home .claire-how .assurance-intro p{font-size:12px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  body.storefront .storefront-home .claire-how .how-step{min-height:0!important;padding:13px!important;grid-template-columns:40px minmax(0,1fr)!important;column-gap:10px!important}
  body.storefront .storefront-home .claire-how .step-icon{width:38px!important;height:38px!important;border-radius:11px!important}
  body.storefront .storefront-home .claire-how .how-step b{font-size:12.5px!important}
  body.storefront .storefront-home .claire-how .how-step small{font-size:10.5px!important}

  body.storefront .back-to-top{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:42px;min-width:42px;height:42px;padding:0;border-radius:50%}
  body.storefront .back-to-top span{display:none}
}

/* v0.6.70 phone-width safety net for the rest of the public store. */
@media(max-width:700px){
  body.storefront .product-detail,
  body.storefront .checkout-grid,
  body.storefront .contact-help-grid,
  body.storefront .value-grid,
  body.storefront .about-step-grid,
  body.storefront .about-publish-grid,
  body.storefront .about-policy-grid,
  body.storefront .footer-grid,
  body.storefront .checkout-assurance,
  body.storefront .purchase-grid,
  body.storefront .access-grid{grid-template-columns:minmax(0,1fr)!important}
  body.storefront .product-detail{gap:24px!important}
  body.storefront .product-detail-media,
  body.storefront .checkout-book{position:static!important;top:auto!important;width:100%!important}
  body.storefront .detail-cover,body.storefront .preview-wide{width:min(100%,390px)!important;max-width:100%!important}
  body.storefront .product-detail-copy{width:100%!important;padding-top:0!important}
  body.storefront .product-detail-copy h1{font-size:clamp(33px,10vw,46px)!important;max-width:100%!important;overflow-wrap:anywhere}
  body.storefront .detail-trust>div{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}
  body.storefront .purchase-box,body.storefront .checkout-card,body.storefront .purchase-success,body.storefront .access-card{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
  body.storefront .contact-help-grid article,body.storefront .value-grid article,body.storefront .about-step-grid article,body.storefront .about-publish-grid article,body.storefront .about-policy-card{width:100%!important;max-width:100%!important}
  body.storefront .story-actions,body.storefront .about-final-card>div:last-child{width:100%!important;flex-wrap:wrap!important}
  body.storefront .story-actions .btn,body.storefront .about-final-card .btn{max-width:100%!important}
  body.storefront .policy-document,body.storefront .policy-clause,body.storefront .faq-list,body.storefront .faq-item{width:100%!important;max-width:100%!important}
  body.storefront .policy-clause{grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important}
  body.storefront .policy-clause p,body.storefront .faq-answer p{overflow-wrap:anywhere!important;word-break:normal!important}
  body.storefront .store-newsletter .newsletter-strip form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  body.storefront .store-newsletter input{width:100%!important;min-width:0!important}
}


/* ===== v0.6.71 secondary-page hero alignment ===== */
@media(min-width:901px){
  body.storefront .public-page-hero>.container,
  body.storefront .shop-hero>.container,
  body.storefront .policy-mast>.container{
    width:min(1420px,calc(100% - 72px))!important;
    max-width:1420px!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  body.storefront .story-hero-grid,
  body.storefront .contact-hero-grid,
  body.storefront .faq-hero .public-page-hero-grid,
  body.storefront .shop-hero>.container.shop-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;
    gap:clamp(42px,5vw,76px)!important;
    align-items:center!important;
  }
  body.storefront .public-page-hero{padding:38px 0 42px!important}
  body.storefront .about-hero-art{height:340px!important;max-width:420px!important;justify-self:end!important}
  body.storefront .contact-hero-art{height:300px!important;max-width:420px!important;justify-self:end!important}
  body.storefront .faq-hero-art{height:300px!important;max-width:420px!important;justify-self:end!important}
  body.storefront .public-art-caption{left:14px!important;right:14px!important;bottom:14px!important;padding:11px 13px!important}
  body.storefront .public-art-caption b{font-size:16px!important}
  body.storefront .shop-cover-deck{width:min(420px,100%)!important;max-width:420px!important;justify-self:end!important;overflow:visible!important}
}
/* Customer-facing pages use the store identity; MTBCustoms remains Back Office branding. */
body.storefront .public-page-copy,body.storefront .story-hero-grid>div:first-child,body.storefront .contact-hero-grid>div:first-child,body.storefront .shop-hero-copy{min-width:0!important}
@media(max-width:900px){
  body.storefront .shop-cover-deck{width:100%!important;max-width:430px!important;margin-inline:auto!important;justify-self:center!important;overflow:hidden!important}
  body.storefront .public-art-card{max-width:560px!important;margin-inline:auto!important}
}


/* ===== v0.6.72 compact storefront polish ===== */
/* Desktop keeps all three benefits. Mobile uses the same single-line area and rotates them. */
body.storefront .claire-topbar .topbar-desktop-group{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;white-space:nowrap!important;
}
body.storefront .claire-topbar .topbar-desktop-group>span{display:inline-flex!important;align-items:center!important;gap:5px!important}
body.storefront .claire-topbar .topbar-desktop-group>i{display:inline!important;font-style:normal!important;opacity:.52!important}
body.storefront .claire-topbar .topbar-mobile-rotator{display:none!important}
@media(max-width:760px){
  body.storefront .claire-topbar{min-height:24px!important;height:24px!important;padding:2px 8px!important;font-size:9.5px!important;line-height:1!important;overflow:hidden!important}
  body.storefront .claire-topbar .topbar-desktop-group{display:none!important}
  body.storefront .claire-topbar .topbar-mobile-rotator{display:grid!important;place-items:center!important;width:100%!important;min-width:0!important}
  body.storefront .claire-topbar .topbar-mobile-message{display:none!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.storefront .claire-topbar .topbar-mobile-message.is-active{display:inline-flex!important}
  body.storefront .claire-topbar .topbar-mobile-message .topbar-icon{display:block!important;width:10px!important;height:10px!important;flex:0 0 10px!important}
}

/* How It Works: compact, readable and with no tall empty cards. */
body.storefront .storefront-home .claire-how{padding:8px 0 24px!important}
body.storefront .storefront-home .claire-how>.container{
  display:grid!important;grid-template-columns:minmax(230px,300px) minmax(0,1fr)!important;gap:24px!important;align-items:center!important;
  min-height:0!important;height:auto!important;padding:24px 26px!important;border-radius:20px!important;
}
body.storefront .storefront-home .claire-how .assurance-intro{margin:0!important;max-width:none!important;align-self:center!important}
body.storefront .storefront-home .claire-how .assurance-intro h2{font-size:30px!important;margin-bottom:7px!important}
body.storefront .storefront-home .claire-how .assurance-intro p{font-size:12px!important;line-height:1.55!important}
body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
body.storefront .storefront-home .claire-how .how-step{
  min-height:0!important;height:auto!important;padding:14px!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  column-gap:9px!important;row-gap:8px!important;border-radius:14px!important;align-content:start!important;
}
body.storefront .storefront-home .claire-how .step-number{font-size:8.5px!important;margin:0!important}
body.storefront .storefront-home .claire-how .step-icon{width:38px!important;height:38px!important;border-radius:11px!important}
body.storefront .storefront-home .claire-how .step-icon .step-svg{width:19px!important;height:19px!important}
body.storefront .storefront-home .claire-how .how-step-copy{display:block!important;align-self:start!important}
body.storefront .storefront-home .claire-how .how-step b{display:block!important;font-size:11.5px!important;line-height:1.25!important;margin:1px 0 4px!important}
body.storefront .storefront-home .claire-how .how-step small{display:block!important;visibility:visible!important;opacity:1!important;font-size:9.5px!important;line-height:1.4!important;color:var(--muted)!important;margin:0!important}
@media(max-width:1050px){
  body.storefront .storefront-home .claire-how>.container{grid-template-columns:1fr!important;gap:16px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.storefront .storefront-home .claire-how>.container{padding:18px 14px!important;gap:13px!important;border-radius:16px!important}
  body.storefront .storefront-home .claire-how .assurance-intro h2{font-size:25px!important}
  body.storefront .storefront-home .claire-how .assurance-grid.four-steps{grid-template-columns:1fr!important;gap:8px!important}
  body.storefront .storefront-home .claire-how .how-step{grid-template-columns:36px minmax(0,1fr)!important;padding:12px!important}
  body.storefront .storefront-home .claire-how .step-icon{width:36px!important;height:36px!important}
}

/* Footer: remove the oversized blank vertical zone. */
body.storefront .store-footer{min-height:0!important;height:auto!important;padding:20px 0 14px!important;display:block!important}
body.storefront .store-footer .container,body.storefront .store-footer .footer-grid,body.storefront .store-footer .footer-bottom,body.storefront .store-footer .footer-grid>div{min-height:0!important;height:auto!important}
body.storefront .store-footer .footer-grid{padding-top:0!important;padding-bottom:0!important;gap:28px!important;align-items:start!important}
body.storefront .store-footer .footer-grid>div{align-self:start!important}
body.storefront .store-footer .footer-bottom{margin-top:18px!important;padding-top:13px!important;padding-bottom:0!important;border-top:1px solid #eee1db!important;align-items:center!important}
body.storefront .store-footer .footer-legal-copy{display:grid!important;gap:4px!important}
@media(max-width:760px){
  body.storefront .store-footer{padding:17px 0 12px!important}
  body.storefront .store-footer .footer-grid{gap:17px!important}
  body.storefront .store-footer .footer-bottom{margin-top:14px!important;gap:10px!important;align-items:flex-start!important}
}

/* Product sharing on shop and featured cards. */
body.storefront .product-card-actions{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
body.storefront .product-card-actions .mini-buy{flex:1 1 auto!important;min-width:0!important}
body.storefront .product-share{
  flex:0 0 auto!important;min-height:31px!important;padding:6px 9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  border:1px solid #e4d5ce!important;border-radius:7px!important;background:#fffdfb!important;color:#655149!important;font:700 10px/1 var(--body-font)!important;cursor:pointer!important;
}
body.storefront .product-share:hover{background:#fff6f3!important;border-color:#dcaeb0!important;color:#a65f67!important}
body.storefront .product-share.is-copied{background:#edf8f1!important;border-color:#bddbc7!important;color:#2e7048!important}
body.storefront .product-share .share-svg{width:14px!important;height:14px!important;stroke-width:1.8!important}
body.storefront .shop-results .product-bottom{align-items:flex-end!important}
body.storefront .shop-results .product-card-actions{justify-content:flex-end!important}
body.storefront .storefront-home .claire-featured .product-card-actions{width:100%!important}
@media(max-width:480px){
  body.storefront .product-share{padding-inline:8px!important}
  body.storefront .shop-results .product-share .share-label{display:none!important}
}


/* ===== v0.6.77 deliberate mobile storefront navigation ===== */
body.storefront .mobile-nav-account-links{display:none}
body.storefront .mobile-nav-backdrop{display:none}
@media(max-width:900px){
  body.storefront.mobile-nav-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.storefront .store-header{position:relative!important;z-index:1200!important;overflow:visible!important}
  body.storefront .store-nav{position:relative!important;display:flex!important;align-items:center!important;overflow:visible!important}
  body.storefront .brand{order:1!important;flex:1 1 auto!important;min-width:0!important}
  body.storefront .store-actions{order:2!important;margin-left:auto!important}
  body.storefront .nav-toggle{order:3!important;margin-left:2px!important;position:relative!important;z-index:1220!important;display:grid!important;place-items:center!important}
  body.storefront .nav-toggle.is-open .ui-icon{display:none!important}
  body.storefront .nav-toggle.is-open::before{content:"×";display:block;font:400 27px/1 Arial,sans-serif;color:#4b3831}
  body.storefront .store-links,
  body.storefront .store-links.open{
    position:absolute!important;z-index:1215!important;top:calc(100% + 5px)!important;left:50%!important;right:auto!important;width:100vw!important;max-width:none!important;
    margin:0!important;padding:12px max(14px,calc((100vw - 760px)/2 + 14px)) 16px!important;
    transform:translateX(-50%)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
    border-top:1px solid #efe0da!important;border-bottom:1px solid #e9d8d1!important;border-radius:0 0 18px 18px!important;
    background:rgba(255,253,251,.995)!important;box-shadow:0 22px 48px rgba(65,43,36,.16)!important;
  }
  body.storefront .store-links{display:none!important}
  body.storefront .store-links.open{display:flex!important}
  body.storefront .store-links>a,
  body.storefront .nav-categories>summary{
    width:100%!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:11px 4px!important;border-bottom:1px solid #f1e5e0!important;color:#48362f!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;
  }
  body.storefront .store-links>a:first-child:after{display:none!important}
  body.storefront .nav-categories{width:100%!important;border-bottom:1px solid #f1e5e0!important}
  body.storefront .nav-categories>summary{border-bottom:0!important}
  body.storefront .nav-category-menu{position:static!important;transform:none!important;width:100%!important;min-width:0!important;margin:0 0 7px!important;padding:5px!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:#fff6f2!important}
  body.storefront .nav-category-menu a{min-height:40px!important;display:flex!important;align-items:center!important;padding:8px 10px!important;font-size:12.5px!important;border-radius:7px!important}
  body.storefront .mobile-nav-account-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px 0 8px!important}
  body.storefront .mobile-nav-account-links a{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #ead7d0!important;border-radius:10px!important;background:#fff8f5!important;color:#5c463e!important;font-size:12.5px!important;font-weight:800!important;text-decoration:none!important}
  body.storefront .mobile-nav-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;gap:7px!important;padding-top:7px!important}
  body.storefront .mobile-nav-search input{width:100%!important;min-width:0!important;height:43px!important;padding:0 12px!important;border:1px solid #e3d1ca!important;border-radius:10px!important;background:#fff!important;font-size:13px!important}
  body.storefront .mobile-nav-search button{min-width:78px!important;height:43px!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:var(--claire-pink)!important;color:#fff!important;font-size:12px!important;font-weight:800!important}
  body.storefront .mobile-nav-backdrop{position:fixed!important;z-index:1100!important;inset:0!important;display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;border:0!important;background:rgba(47,33,28,.20)!important;transition:opacity .16s ease,visibility .16s ease!important}
  body.storefront .mobile-nav-backdrop.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}
@media(min-width:901px){
  body.storefront .store-links{display:flex!important}
  body.storefront .nav-toggle,body.storefront .mobile-nav-account-links,body.storefront .mobile-nav-search,body.storefront .mobile-nav-backdrop{display:none!important}
}
@media(max-width:480px){
  body.storefront .store-links,body.storefront .store-links.open{padding-left:12px!important;padding-right:12px!important;border-radius:0 0 14px 14px!important}
  body.storefront .mobile-nav-account-links{grid-template-columns:1fr 1fr!important}
}

/* Book sharing is available both on catalog cards and the book-detail page. */
body.storefront .detail-share-row{display:flex!important;align-items:center!important;margin:9px 0 14px!important}
body.storefront .detail-share-button{
  min-height:39px!important;padding:8px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid #dfcdc6!important;border-radius:9px!important;background:#fffdfb!important;color:#5f4a42!important;font:800 11px/1 var(--body-font)!important;cursor:pointer!important;
}
body.storefront .detail-share-button:hover{background:#fff5f2!important;border-color:#d9a8ab!important;color:#a55f66!important}
body.storefront .detail-share-button.is-copied{background:#edf8f1!important;border-color:#bddbc7!important;color:#2e7048!important}
body.storefront .detail-share-button .share-svg{width:16px!important;height:16px!important;stroke-width:1.8!important}
@media(max-width:600px){body.storefront .detail-share-button{width:100%!important;min-height:44px!important;font-size:12px!important}}

/* ===== v0.6.77 order tracking + consolidated storefront controls ===== */
body.storefront .order-status-page{padding:42px 0 64px;min-height:58vh}
body.storefront .order-status-card{background:var(--paper2);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:clamp(22px,4vw,38px);box-shadow:0 16px 42px rgba(63,42,34,.06)}
body.storefront .order-status-card>h1{margin:5px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.08}
body.storefront .order-status-card>p{margin:0 0 22px;color:var(--muted);line-height:1.65}
body.storefront .order-status-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:22px 0}
body.storefront .order-status-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--ink);min-width:0}
body.storefront .order-status-form input{width:100%;min-width:0;height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;font:inherit;color:var(--ink)}
body.storefront .order-status-form .btn{height:46px;white-space:nowrap}
body.storefront .order-status-result{margin-top:24px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);overflow:hidden}
body.storefront .order-status-result-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;background:rgba(255,255,255,.84);border-bottom:1px solid var(--line)}
body.storefront .order-status-result-head span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
body.storefront .order-status-result-head strong{font-size:18px}
body.storefront .order-status-result dl{margin:0;padding:10px 18px;display:grid;gap:0}
body.storefront .order-status-result dl>div{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}
body.storefront .order-status-result dl>div:last-child{border-bottom:0}
body.storefront .order-status-result dt{font-size:12px;color:var(--muted)}
body.storefront .order-status-result dd{margin:0;font-weight:700;overflow-wrap:anywhere}
body.storefront .order-status-note{margin:0 18px 18px;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.035)}
body.storefront .order-status-note.pending{background:rgba(223,165,77,.12)}
body.storefront .order-status-note.paid{background:rgba(39,97,61,.10)}
body.storefront .order-status-note p{margin:5px 0 0;line-height:1.55;color:var(--muted)}
body.storefront .order-status-note .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
body.storefront .order-status-account-link{margin-top:18px!important;font-size:13px}
@media (max-width:720px){
  body.storefront .order-status-page{padding:24px 0 40px}
  body.storefront .order-status-card{padding:18px;border-radius:16px}
  body.storefront .order-status-form{grid-template-columns:1fr}
  body.storefront .order-status-form .btn{width:100%}
  body.storefront .order-status-result dl>div{grid-template-columns:1fr;gap:3px}
}

/* ===== v0.6.77 automatic local-currency display ===== */
body.storefront .fx-price-box{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;max-width:100%;vertical-align:baseline}
body.storefront .fx-price-box .fx-price-main{font:inherit;color:inherit}
body.storefront .fx-price-box .fx-price-original{font-size:.76em;color:var(--muted);font-weight:500}
body.storefront .fx-price-box .fx-price-note{display:block;flex:0 0 100%;margin-top:2px;color:var(--muted);font:600 10px/1.35 var(--body-font);letter-spacing:0;white-space:normal}
body.storefront .product-price .fx-price-box,body.storefront .mini-book-bottom .fx-price-box,body.storefront .featured-single-price .fx-price-box{max-width:190px}
body.storefront .detail-price .fx-price-note{font-size:11px;margin-top:4px}
body.storefront .checkout-price .fx-price-box,body.storefront .checkout-lines .fx-price-box{display:flex}
body.storefront .checkout-price .fx-price-note,body.storefront .checkout-lines .fx-price-note{font-size:10.5px;font-weight:600}
body.storefront .checkout-lines strong .fx-price-main{font-weight:800}
@media(max-width:600px){
  body.storefront .fx-price-box .fx-price-note{font-size:9.5px}
  body.storefront .product-price .fx-price-box,body.storefront .mini-book-bottom .fx-price-box{max-width:150px}
}

/* Science fork: keep Claire/Flipbook layout geometry, only swap content/assets. */
body.storefront .claire-hero-scene .claire-scene-photo[src*="science-hero-scene"]{object-fit:cover!important;object-position:center!important}
body.storefront .science-product-badges{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 12px}
body.storefront .science-pdf-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:16px 0}
body.storefront .science-pdf-info>div{border:1px solid var(--border,#eadbd5);border-radius:12px;background:rgba(255,255,255,.66);padding:10px}
body.storefront .science-pdf-info small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted,#7c6b65)}
body.storefront .science-pdf-info strong{display:block;margin-top:3px;font-size:12px}
@media(max-width:680px){body.storefront .science-pdf-info{grid-template-columns:1fr 1fr}}


/* ===== Syllabuild Science hero-derived palette v0.2.1 ===== */
body.storefront{
  --science-gold:#d0ad67;
  --science-sky:#a9d2de;
  --science-aqua:#dff5f4;
  --science-deep:#17364d;
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 27rem),
    linear-gradient(180deg,var(--paper),var(--bg,#f4fafc));
}
body.storefront .claire-topbar{
  background:color-mix(in srgb,var(--accent) 7%,var(--paper2))!important;
  color:var(--ink)!important;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--line))!important;
}
body.storefront .store-header,
body.storefront .store-nav{
  background:color-mix(in srgb,var(--paper) 93%,transparent)!important;
  border-color:var(--line)!important;
}
body.storefront .store-nav .brand-copy b,
body.storefront .store-nav .brand-copy small{color:var(--ink)!important}
body.storefront .store-nav .brand-copy small{color:var(--muted)!important}
body.storefront .store-links a:hover,
body.storefront .account-button.simple:hover,
body.storefront .account-menu.simple summary:hover{
  background:color-mix(in srgb,var(--accent) 8%,var(--paper2))!important;
}
body.storefront .btn-primary,
body.storefront .hero-actions .btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
body.storefront .btn-primary:hover,
body.storefront .hero-actions .btn-primary:hover{background:var(--accent2)!important;border-color:var(--accent2)!important}
body.storefront .page-kicker,
body.storefront .eyebrow,
body.storefront .section-kicker{color:var(--accent2)!important}
body.storefront .storefront-home .commerce-hero-grid{
  border-color:color-mix(in srgb,var(--accent) 17%,var(--line))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--paper2) 94%,#dff5f4 6%),color-mix(in srgb,var(--paper) 90%,#a9d2de 10%))!important;
  box-shadow:0 22px 60px rgba(27,93,153,.07)!important;
}
body.storefront .storefront-home .hero-copy h1,
body.storefront .section-label h2,
body.storefront .product-detail-copy h1,
body.storefront .store-page h1{color:var(--ink)!important}
body.storefront .storefront-home .hero-copy>p,
body.storefront .section-label p,
body.storefront .detail-description{color:var(--muted)!important}
body.storefront .hero-trust span{
  color:var(--muted)!important;
  border-color:color-mix(in srgb,var(--accent) 15%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 4%,var(--paper2))!important;
}
body.storefront .category-showcase-card,
body.storefront .product-card,
body.storefront .mini-book-card,
body.storefront .detail-card,
body.storefront .checkout-card{
  border-color:var(--line)!important;
  box-shadow:0 10px 30px rgba(23,54,77,.055)!important;
}
body.storefront .category-showcase-card:hover,
body.storefront .product-card:hover{
  border-color:color-mix(in srgb,var(--accent) 36%,var(--line))!important;
  box-shadow:0 16px 38px rgba(27,93,153,.09)!important;
}
body.storefront .category-showcase-card:after{
  background:linear-gradient(180deg,transparent 25%,rgba(15,56,98,.72) 100%)!important;
}
body.storefront .category-showcase-card .category-feature-copy,
body.storefront .category-showcase-card .category-feature-copy h3,
body.storefront .category-showcase-card .category-feature-copy p{color:#fff!important;text-shadow:0 1px 10px rgba(15,56,98,.26)}
body.storefront .home-category-pills,
body.storefront .compact-catalog-section,
body.storefront .home-assurance{
  border-color:var(--line)!important;
}
body.storefront .about-study-card{
  background:linear-gradient(145deg,#1b5d99,#255169)!important;
  color:#f8fdff!important;
  box-shadow:0 24px 55px rgba(27,93,153,.16)!important;
}
body.storefront .about-study-card small{color:#d8bd7d!important}
body.storefront .about-study-card a{color:#effbff!important}
body.storefront .store-footer{
  background:linear-gradient(180deg,#f2f9fc,#e9f5f9)!important;
  color:var(--muted)!important;
  border-top:1px solid var(--line)!important;
}
body.storefront .store-footer .footer-brand,
body.storefront .store-footer h4{color:var(--ink)!important}
body.storefront .store-footer a{color:#41677f!important}
body.storefront .store-footer p,
body.storefront .store-footer small,
body.storefront .store-footer .footer-bottom{color:var(--muted)!important}
body.storefront .footer-icon-link{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  color:var(--accent2)!important;
  background:color-mix(in srgb,var(--accent) 6%,#fff)!important;
}


/* ===== Syllabuild Science cohesive hero theme v0.2.2 ===== */
body.storefront{
  --science-navy:#183b52;
  --science-blue:#2f9fb4;
  --science-blue-deep:#21778f;
  --science-aqua:#76cfca;
  --science-aqua-soft:#e6f7f5;
  --science-sky:#dff2f6;
  --science-gold:#c8a45e;
  --science-ice:#f2fafb;
  --science-white:#ffffff;
  background:
    radial-gradient(900px 420px at 88% -8%,rgba(118,207,202,.14),transparent 70%),
    radial-gradient(720px 330px at 8% 24%,rgba(47,159,180,.07),transparent 72%),
    linear-gradient(180deg,#fbfeff 0%,var(--science-ice) 52%,#f7fcfc 100%)!important;
  color:var(--science-navy)!important;
}
body.storefront .claire-topbar{
  background:linear-gradient(90deg,rgba(230,247,245,.94),rgba(251,254,255,.98),rgba(223,242,246,.94))!important;
  color:#365d6e!important;
  border-bottom:1px solid rgba(47,159,180,.15)!important;
}
body.storefront .store-header,body.storefront .store-nav{
  background:rgba(251,254,255,.92)!important;
  border-color:rgba(47,159,180,.14)!important;
  box-shadow:0 5px 20px rgba(24,59,82,.035)!important;
  backdrop-filter:blur(14px)!important;
}
body.storefront .store-links a,body.storefront .account-button.simple,body.storefront .account-menu.simple>summary{color:#355d6e!important}
body.storefront .store-links a:hover,body.storefront .account-button.simple:hover,body.storefront .account-menu.simple>summary:hover{
  background:linear-gradient(135deg,rgba(118,207,202,.14),rgba(47,159,180,.08))!important;color:var(--science-navy)!important;
}
body.storefront .btn-primary,body.storefront .hero-actions .btn-primary{
  background:linear-gradient(135deg,var(--science-blue),#3caabd)!important;
  border-color:transparent!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(47,159,180,.20)!important;
}
body.storefront .btn-primary:hover,body.storefront .hero-actions .btn-primary:hover{background:linear-gradient(135deg,var(--science-blue-deep),#268ba3)!important}
body.storefront .claire-outline{
  border-color:rgba(47,159,180,.24)!important;background:rgba(255,255,255,.72)!important;color:var(--science-navy)!important;
}
body.storefront .page-kicker,body.storefront .eyebrow,body.storefront .section-kicker{color:var(--science-blue-deep)!important}

/* Hero: one coherent composition with the generated still-life art. */
body.storefront .storefront-home .claire-commerce-hero{position:relative!important;padding:16px 0 8px!important}
body.storefront .storefront-home .claire-commerce-hero:before{
  content:"";position:absolute;inset:-50px 0 auto 0;height:330px;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse at 76% 25%,rgba(118,207,202,.13),transparent 48%),
    radial-gradient(ellipse at 58% 70%,rgba(200,164,94,.055),transparent 38%);
}
body.storefront .storefront-home .claire-hero-shell{position:relative;z-index:1}
body.storefront .storefront-home .commerce-hero-grid{
  overflow:hidden!important;
  border:1px solid rgba(47,159,180,.18)!important;
  background:linear-gradient(132deg,#ffffff 0%,#f8fdfd 42%,#eaf7f7 100%)!important;
  box-shadow:0 24px 70px rgba(24,59,82,.09)!important;
  border-radius:28px!important;
}
body.storefront .storefront-home .hero-copy{position:relative!important;z-index:2!important}
body.storefront .storefront-home .hero-copy:after{
  content:"";display:block;width:82px;height:2px;margin-top:18px;border-radius:999px;
  background:linear-gradient(90deg,var(--science-gold),rgba(200,164,94,0));
}
body.storefront .storefront-home .hero-badge{
  color:#216a7d!important;background:rgba(230,247,245,.86)!important;border:1px solid rgba(47,159,180,.20)!important;
}
body.storefront .storefront-home .hero-copy h1{color:var(--science-navy)!important}
body.storefront .storefront-home .hero-copy>p{color:#607e8b!important}
body.storefront .storefront-home .science-hero-still{
  height:100%!important;min-height:430px!important;border-radius:0!important;overflow:hidden!important;background:#edf8f9!important;
}
body.storefront .science-hero-still .claire-scene-photo{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% center!important;border-radius:0!important;
  filter:saturate(.95) contrast(.99)!important;
}
body.storefront .science-hero-still:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(248,253,253,.38) 0%,rgba(248,253,253,.05) 35%,transparent 62%);
}
body.storefront .science-hero-still .hero-device-hitbox{display:none!important}
body.storefront .hero-perks{
  border:1px solid rgba(47,159,180,.16)!important;background:rgba(255,255,255,.74)!important;
  box-shadow:0 10px 28px rgba(24,59,82,.045)!important;backdrop-filter:blur(8px)!important;
}
body.storefront .perk-icon{background:linear-gradient(145deg,#effafa,#dff2f6)!important;border-color:rgba(47,159,180,.16)!important;color:var(--science-blue-deep)!important}

/* Section rhythm mirrors the hero instead of reverting to the old store palette. */
body.storefront .featured-section,body.storefront .home-category-showcase,body.storefront .claire-how,body.storefront .home-assurance{position:relative}
body.storefront .featured-section:before,body.storefront .home-category-showcase:before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(47,159,180,.18),transparent);
}
body.storefront .section-label h2,body.storefront .product-detail-copy h1,body.storefront .store-page h1{color:var(--science-navy)!important}
body.storefront .section-label p,body.storefront .detail-description{color:#607e8b!important}

/* Product cards */
body.storefront .product-card,body.storefront .mini-book-card,body.storefront .library-card,body.storefront .product-detail-media,body.storefront .product-detail-copy{
  border-color:rgba(47,159,180,.14)!important;background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 34px rgba(24,59,82,.055)!important;
}
body.storefront .product-card:hover{border-color:rgba(47,159,180,.28)!important;box-shadow:0 18px 46px rgba(24,59,82,.09)!important}
body.storefront .preview-chip,body.storefront .science-product-badges>*{
  background:var(--science-aqua-soft)!important;color:#2d7484!important;border-color:rgba(47,159,180,.16)!important;
}
body.storefront .product-price,body.storefront .detail-price{color:var(--science-navy)!important}

/* Category art: use the generated images as the visual identity, with a shared glass treatment. */
body.storefront .category-showcase-card{
  border:1px solid rgba(47,159,180,.16)!important;
  box-shadow:0 12px 32px rgba(24,59,82,.07)!important;
  background:#f7fcfc!important;
}
body.storefront .category-showcase-card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(250,254,254,.94) 0%,rgba(250,254,254,.83) 33%,rgba(250,254,254,.22) 66%,transparent 100%)!important;
}
body.storefront .category-showcase-card::after{opacity:0!important}
body.storefront .category-card-copy{z-index:3!important}
body.storefront .category-card-copy h3{color:var(--science-navy)!important;text-shadow:none!important}
body.storefront .category-card-copy p,body.storefront .category-card-copy small{color:#66818d!important;text-shadow:none!important}
body.storefront .category-explore{
  background:rgba(255,255,255,.82)!important;color:#2a7183!important;border:1px solid rgba(47,159,180,.18)!important;
  box-shadow:0 5px 14px rgba(24,59,82,.06)!important;backdrop-filter:blur(5px)!important;
}
body.storefront .category-showcase-card:hover .category-explore{background:#fff!important;color:var(--science-blue-deep)!important}

/* PDF/product information feels part of the same system. */
body.storefront .science-pdf-info>div{
  border-color:rgba(47,159,180,.15)!important;background:linear-gradient(145deg,#fff,#f4fbfb)!important;
}
body.storefront .science-pdf-info small{color:#71909a!important}
body.storefront .science-pdf-info strong{color:var(--science-navy)!important}

/* Newsletter + footer carry the same hero colors. */
body.storefront .store-newsletter .newsletter-strip{
  background:linear-gradient(110deg,#f5fbfb,#e6f7f5)!important;border:1px solid rgba(47,159,180,.16)!important;
  box-shadow:0 12px 34px rgba(24,59,82,.05)!important;
}
body.storefront .store-footer{
  background:linear-gradient(180deg,#1d465d 0%,#17384d 100%)!important;color:#eaf7f8!important;
  border-top:1px solid rgba(118,207,202,.20)!important;
}
body.storefront .store-footer h4,body.storefront .store-footer .footer-brand{color:#fff!important}
body.storefront .store-footer a{color:#d5edf0!important}
body.storefront .store-footer p,body.storefront .store-footer small,body.storefront .store-footer .footer-bottom{color:#a9cad2!important}

@media(max-width:900px){
  body.storefront .storefront-home .science-hero-still{min-height:330px!important;border-radius:18px!important}
  body.storefront .science-hero-still .claire-scene-photo{object-position:67% center!important;border-radius:18px!important}
}
@media(max-width:560px){
  body.storefront .storefront-home .commerce-hero-grid{border-radius:20px!important}
  body.storefront .storefront-home .science-hero-still{min-height:245px!important;border-radius:13px!important}
  body.storefront .science-hero-still .claire-scene-photo{object-position:69% center!important;border-radius:13px!important}
  body.storefront .category-showcase-card::before{background:linear-gradient(90deg,rgba(250,254,254,.95),rgba(250,254,254,.76) 46%,rgba(250,254,254,.12) 100%)!important}
}

/* ===== Syllabuild Science book-commerce identity v0.2.3 ===== */
body.storefront{
  --science-navy:#143e66;--science-deep:#0a4c83;--science-blue:#0b93b6;--science-teal:#16afc2;
  --science-aqua:#ddf5f6;--science-sky:#eef9fc;--science-gold:#d1a24a;--science-green:#3b9568;
  background:linear-gradient(180deg,#fafdff 0,#f3fbfd 42%,#f8fcfd 100%)!important;
}
body.storefront .claire-topbar{
  color:#fff!important;background:linear-gradient(90deg,#0a6da6,#0b93b6 52%,#16afc2)!important;
  border:0!important;box-shadow:0 1px 0 rgba(10,76,131,.12)!important;
}
body.storefront .store-header,body.storefront .store-nav{background:rgba(255,255,255,.96)!important;border-color:#d9edf2!important}
body.storefront .brand-logo{filter:none!important;object-fit:contain!important}
body.storefront .brand-copy b{color:var(--science-navy)!important;letter-spacing:-.02em}
body.storefront .brand-copy small{color:#61798a!important}
body.storefront .store-links a{color:#264c68!important}
body.storefront .store-links a:hover{color:var(--science-deep)!important;background:#edf8fb!important}
body.storefront .btn-primary,body.storefront .hero-actions .btn-primary{
  background:linear-gradient(135deg,#0b7fb0,#12a9be)!important;color:#fff!important;border:0!important;
  box-shadow:0 9px 22px rgba(11,147,182,.23)!important
}
body.storefront .btn-outline,body.storefront .claire-outline{background:#fff!important;color:#174e72!important;border-color:#b9dce7!important}
body.storefront .btn-outline:hover,body.storefront .claire-outline:hover{background:#edf9fb!important;border-color:#7ccbd8!important}
body.storefront .storefront-home .commerce-hero-grid{
  background:linear-gradient(125deg,#fff 0,#f9fdfe 37%,#e6f7f9 100%)!important;
  border:1px solid #c9e8ef!important;border-radius:30px!important;
  box-shadow:0 24px 64px rgba(20,62,102,.11)!important
}
body.storefront .storefront-home .hero-copy{padding-top:38px!important;padding-bottom:38px!important}
body.storefront .storefront-home .hero-badge{background:#fff3ce!important;color:#805b0d!important;border-color:#f1d890!important}
body.storefront .storefront-home .hero-copy h1{color:#123e69!important;letter-spacing:-.045em!important}
body.storefront .storefront-home .hero-copy>p{color:#506f82!important;font-size:15px!important;line-height:1.65!important}
body.storefront .hero-perks{margin-top:14px!important;background:#fff!important;border-color:#d8edf2!important;border-radius:20px!important}
body.storefront .hero-perk{padding:14px 20px!important}
body.storefront .perk-icon{background:linear-gradient(145deg,#0b93b6,#16afc2)!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(11,147,182,.18)!important}
body.storefront .hero-perk b{color:#173e61!important}body.storefront .hero-perk small{color:#6a8492!important}

body.storefront .home-category-showcase{padding-top:38px!important}
body.storefront .science-category-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}
body.storefront .science-category-heading h2{font-family:var(--font-heading,Georgia,serif);font-size:31px;line-height:1.05;color:var(--science-navy);margin:5px 0 6px}
body.storefront .science-category-heading p{margin:0;color:#688492;font-size:13px}
body.storefront .category-showcase-grid{gap:16px!important}
body.storefront .category-showcase-card{
  min-height:210px!important;border-radius:20px!important;background:#fff!important;border:1px solid #cfe7ed!important;
  box-shadow:0 12px 30px rgba(20,62,102,.08)!important;overflow:hidden!important
}
body.storefront .category-showcase-card::before{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 36%,rgba(255,255,255,.15) 70%,transparent 100%)!important}
body.storefront .category-feature-media img{filter:saturate(1.04) contrast(1.01)!important}
body.storefront .category-card-copy h3{font-family:var(--font-heading,Georgia,serif)!important;font-size:22px!important;color:#143e66!important}
body.storefront .category-explore{background:#fff!important;border-color:#bcdde6!important;color:#0b7399!important}

body.storefront .featured-section{padding-top:42px!important}
body.storefront .featured-single{
  background:linear-gradient(115deg,#ffffff 0%,#f4fcfd 70%,#e9f8fa 100%)!important;
  border:1px solid #c7e8ef!important;border-radius:26px!important;box-shadow:0 18px 44px rgba(20,62,102,.09)!important;
  padding:24px!important
}
body.storefront .featured-single-cover{background:linear-gradient(145deg,#eaf8fa,#fff)!important;border-radius:18px!important;box-shadow:0 14px 32px rgba(20,62,102,.12)!important}
body.storefront .featured-single-cover img{object-fit:contain!important;padding:4px!important}
body.storefront .featured-single-copy h3{font-family:var(--font-heading,Georgia,serif)!important;color:#143e66!important;font-size:32px!important;line-height:1.05!important}
body.storefront .featured-single-author{color:#628090!important}
body.storefront .featured-single-desc{color:#4f7183!important;line-height:1.65!important}
body.storefront .featured-single-price{color:#0a4c83!important;font-weight:850!important}
body.storefront .science-product-badges{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:8px 0 12px!important}
body.storefront .science-product-badges>*{background:#e6f7f8!important;color:#176f84!important;border:1px solid #c8e8ed!important;border-radius:999px!important;padding:5px 9px!important;font-size:10px!important;font-weight:700!important}

body.storefront .claire-how,body.storefront .home-assurance{background:linear-gradient(180deg,#f8fdfe,#edf9fb)!important;border-top:1px solid #d7edf2!important;border-bottom:1px solid #d7edf2!important}
body.storefront .how-step{background:#fff!important;border-color:#d4e9ee!important;box-shadow:0 8px 20px rgba(20,62,102,.05)!important}
body.storefront .step-number{color:#0b93b6!important}.storefront .step-icon{color:#0b93b6!important}

body.storefront .store-newsletter .newsletter-strip{
  color:#fff!important;background:linear-gradient(100deg,#0a4c83,#0b79a9 48%,#12aabd)!important;
  border:0!important;box-shadow:0 14px 35px rgba(10,76,131,.18)!important
}
body.storefront .store-newsletter h2,body.storefront .store-newsletter h3,body.storefront .store-newsletter p{color:#fff!important}
body.storefront .store-newsletter input{background:#fff!important;border-color:rgba(255,255,255,.5)!important}
body.storefront .store-newsletter button{background:#fff!important;color:#0a618a!important;border:0!important}
body.storefront .store-footer{background:linear-gradient(180deg,#0b4168 0%,#082f50 100%)!important;border:0!important;color:#e9f7fb!important}
body.storefront .store-footer a{color:#cce8ef!important}.storefront .store-footer a:hover{color:#fff!important}
body.storefront .footer-icon-link{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}

@media(max-width:720px){body.storefront .science-category-heading{display:block}.storefront .science-category-heading h2{font-size:25px}.storefront .featured-single{padding:16px!important}.storefront .featured-single-copy h3{font-size:27px!important}}

/* ===== v0.2.4 hero breathing room + book polish ===== */
@media(min-width:901px){
  body.storefront .storefront-home .commerce-hero-grid{
    grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)!important;
    gap:34px!important;
    padding:30px 30px 30px 44px!important;
    min-height:530px!important;
    align-items:stretch!important;
  }
  body.storefront .storefront-home .hero-copy{
    padding:34px 4px 34px 0!important;
    align-self:center!important;
  }
  body.storefront .storefront-home .hero-badge{margin-bottom:8px!important}
  body.storefront .storefront-home .hero-copy h1{
    max-width:10.5ch!important;
    margin-top:16px!important;
    margin-bottom:24px!important;
    line-height:1.045!important;
  }
  body.storefront .storefront-home .hero-copy>p{
    max-width:37ch!important;
    margin-bottom:25px!important;
  }
  body.storefront .storefront-home .hero-actions{gap:13px!important;margin-top:2px!important}
  body.storefront .storefront-home .science-hero-still{
    min-height:470px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  body.storefront .science-hero-still .claire-scene-photo{
    border-radius:22px!important;
    object-position:67% center!important;
  }
}
@media(max-width:900px){
  body.storefront .storefront-home .commerce-hero-grid{padding:24px 24px 22px!important;gap:22px!important}
  body.storefront .storefront-home .hero-copy{padding:14px 8px 6px!important}
  body.storefront .storefront-home .hero-copy h1{margin-bottom:18px!important}
  body.storefront .storefront-home .science-hero-still{border-radius:18px!important;overflow:hidden!important}
}
@media(max-width:560px){
  body.storefront .storefront-home .commerce-hero-grid{padding:18px 16px 16px!important;gap:16px!important}
  body.storefront .storefront-home .hero-copy{padding:8px 4px 2px!important}
  body.storefront .storefront-home .hero-actions{margin-top:17px!important}
}


/* ===== v0.2.5 identity + How-it-works correction ===== */
html body.storefront .storefront-home .claire-how{
  background:linear-gradient(135deg,#f7fdff 0%,#edf9fc 56%,#e8f7f8 100%)!important;
  border:1px solid #cfe8ef!important;border-radius:24px!important;
  box-shadow:0 14px 38px rgba(20,62,102,.065)!important;
  margin-inline:auto!important;
}
html body.storefront .storefront-home .claire-how .assurance-grid.four-steps{
  background:transparent!important;border:0!important;
}
html body.storefront .storefront-home .claire-how .how-step{
  background:rgba(255,255,255,.94)!important;border:1px solid #cfe5ec!important;
  border-radius:17px!important;box-shadow:0 8px 22px rgba(20,62,102,.055)!important;
}
html body.storefront .storefront-home .claire-how .step-number,
html body.storefront .storefront-home .claire-how .step-icon{color:#0b93b6!important}
html body.storefront .storefront-home .claire-how .step-icon,
html body.storefront .storefront-home .claire-how .perk-icon{
  background:linear-gradient(145deg,#e7f9fa,#dff3f7)!important;
  border-color:#bfe2e9!important;color:#0b7fa2!important;
}
html body.storefront .storefront-home .claire-how .step-arrow{color:#55baca!important}
html body.storefront .storefront-home .claire-how h2{color:#143e66!important}
html body.storefront .storefront-home .claire-how p{color:#607d8d!important}
html body.storefront .store-header .brand-copy b{font-size:23px!important;line-height:1.05!important}
html body.storefront .store-header .brand-copy small{font-size:10px!important;line-height:1.2!important;margin-top:3px!important}
@media(max-width:700px){
  html body.storefront .store-header .brand-copy b{font-size:18px!important}
  html body.storefront .store-header .brand-copy small{font-size:8.5px!important}
}

/* ===== Syllabuild Science v0.2.8 compact product detail =====
   Replaces the oversized icon-led product detail with a stable, text-first
   layout. Scoped so catalog/home/back office geometry is unaffected. */
body.storefront .science-product-detail-v028{padding:24px 0 44px!important}
body.storefront .science-product-detail-v028 .breadcrumbs{margin-bottom:16px!important;font-size:10px!important}
body.storefront .science-product-detail-v028 .product-detail{
  display:grid!important;grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;
  gap:34px!important;max-width:1040px!important;margin:0 auto!important;align-items:start!important
}
body.storefront .science-product-detail-v028 .product-detail-media{
  position:sticky!important;top:92px!important;padding:14px!important;border-radius:17px!important;
  background:#fff!important;border:1px solid rgba(47,159,180,.15)!important;
  box-shadow:0 12px 32px rgba(24,59,82,.06)!important
}
body.storefront .science-product-detail-v028 .detail-cover{
  width:100%!important;max-width:248px!important;margin:auto!important;aspect-ratio:.72!important;
  border-radius:8px!important;box-shadow:0 14px 28px rgba(24,59,82,.13)!important
}
body.storefront .science-product-detail-v028 .preview-wide{
  width:100%!important;max-width:248px!important;margin:10px auto 0!important;padding:9px 11px!important;
  min-height:38px!important;font-size:11px!important;border-radius:9px!important
}
body.storefront .science-product-detail-v028 .product-detail-copy{
  padding:15px 18px 18px!important;border-radius:18px!important;background:#fff!important;
  border:1px solid rgba(47,159,180,.13)!important;box-shadow:0 12px 34px rgba(24,59,82,.05)!important
}
body.storefront .science-product-detail-v028 .product-category{font-size:9px!important;letter-spacing:.12em!important;margin-bottom:5px!important}
body.storefront .science-product-detail-v028 .product-detail-copy h1{
  max-width:none!important;margin:3px 0 6px!important;font-size:clamp(34px,4.2vw,48px)!important;
  line-height:1.01!important;letter-spacing:-.035em!important
}
body.storefront .science-product-detail-v028 .product-byline{margin:0 0 9px!important;font-size:11.5px!important;line-height:1.45!important}
body.storefront .science-product-detail-v028 .science-product-badges{margin:5px 0 9px!important;gap:5px!important}
body.storefront .science-product-detail-v028 .science-product-badges .badge{font-size:9.5px!important;padding:5px 8px!important}
body.storefront .science-product-detail-v028 .detail-price{font-size:29px!important;margin:7px 0 8px!important;line-height:1.1!important}
body.storefront .science-product-detail-v028 .detail-share-row{margin:5px 0 10px!important}
body.storefront .science-product-detail-v028 .detail-share-button{min-height:34px!important;padding:7px 10px!important;font-size:10.5px!important}
body.storefront .science-product-detail-v028 .detail-description{font-size:12.5px!important;line-height:1.55!important;margin:9px 0 12px!important;max-width:66ch!important}
/* Hard cap every product-detail UI SVG. Cover art is an IMG and is unaffected. */
body.storefront .science-product-detail-v028 svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;min-width:0!important;min-height:0!important;flex:0 0 16px!important}
body.storefront .science-product-detail-v028 .science-product-facts{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:10px 0 11px!important
}
body.storefront .science-product-detail-v028 .science-product-facts>div{
  min-width:0!important;min-height:58px!important;padding:9px 10px!important;border:1px solid rgba(47,159,180,.15)!important;
  border-radius:11px!important;background:linear-gradient(145deg,#fff,#f4fbfb)!important;display:flex!important;
  flex-direction:column!important;justify-content:center!important
}
body.storefront .science-product-detail-v028 .science-product-facts>div:before,
body.storefront .science-product-detail-v028 .science-product-facts>div:after{content:none!important;display:none!important}
body.storefront .science-product-detail-v028 .science-product-facts small{
  display:block!important;color:#71909a!important;font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.08em!important;line-height:1.2!important
}
body.storefront .science-product-detail-v028 .science-product-facts strong{
  display:block!important;margin-top:3px!important;color:var(--science-navy)!important;font-size:11.5px!important;line-height:1.25!important;overflow-wrap:anywhere!important
}
body.storefront .science-product-detail-v028 .science-copyright-line{
  display:flex!important;gap:8px!important;align-items:baseline!important;padding:7px 0 9px!important;border-top:1px solid rgba(47,159,180,.10)!important;
  color:#77909a!important;font-size:9.5px!important
}
body.storefront .science-product-detail-v028 .science-copyright-line strong{font-size:9.5px!important;color:#607e8b!important;font-weight:650!important}
body.storefront .science-product-detail-v028 .science-access-card{
  margin:2px 0 12px!important;padding:12px!important;border:1px solid rgba(47,159,180,.18)!important;border-radius:13px!important;
  background:linear-gradient(135deg,#f2fbfb,#e8f7f7)!important;box-shadow:none!important
}
body.storefront .science-product-detail-v028 .science-access-card:before,
body.storefront .science-product-detail-v028 .science-access-card:after{content:none!important;display:none!important}
body.storefront .science-product-detail-v028 .science-access-status{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:9px!important}
body.storefront .science-product-detail-v028 .science-access-status>span{
  width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:#fff!important;border:1px solid rgba(47,159,180,.20)!important;color:#168ca4!important;font-size:14px!important;font-weight:900!important
}
body.storefront .science-product-detail-v028 .science-access-status small{display:block!important;font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.09em!important;color:#668894!important}
body.storefront .science-product-detail-v028 .science-access-status strong{display:block!important;font-size:12px!important;color:var(--science-navy)!important;margin-top:1px!important}
body.storefront .science-product-detail-v028 .science-access-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
body.storefront .science-product-detail-v028 .science-access-actions .btn{
  min-height:38px!important;padding:9px 14px!important;font-size:11px!important;line-height:1.2!important;width:auto!important;flex:1 1 160px!important
}
body.storefront .science-product-detail-v028 .science-checkout-note{margin:8px 0 0!important;font-size:9.5px!important;color:#6b838d!important;text-align:left!important}
body.storefront .science-product-detail-v028 .science-benefit-list{margin-top:11px!important;padding-top:10px!important;border-top:1px solid rgba(47,159,180,.13)!important}
body.storefront .science-product-detail-v028 .science-benefit-list>h2{font:800 13px/1.2 var(--body-font)!important;margin:0 0 8px!important;color:var(--science-navy)!important}
body.storefront .science-product-detail-v028 .science-benefit-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
body.storefront .science-product-detail-v028 .science-benefit-grid>div{
  display:flex!important;gap:7px!important;align-items:flex-start!important;padding:8px!important;border:1px solid rgba(47,159,180,.11)!important;
  border-radius:10px!important;background:#fbfefe!important;min-height:66px!important
}
body.storefront .science-product-detail-v028 .science-benefit-grid>div:before,
body.storefront .science-product-detail-v028 .science-benefit-grid>div:after{content:none!important;display:none!important}
body.storefront .science-product-detail-v028 .science-benefit-grid i{
  width:18px!important;height:18px!important;flex:0 0 18px!important;border-radius:50%!important;background:#e6f7f5!important;color:#168ca4!important;
  display:grid!important;place-items:center!important;font-style:normal!important;font-size:9px!important;font-weight:900!important;margin-top:1px!important
}
body.storefront .science-product-detail-v028 .science-benefit-grid p{margin:0!important;min-width:0!important}
body.storefront .science-product-detail-v028 .science-benefit-grid b{display:block!important;font-size:10.5px!important;line-height:1.25!important;color:var(--science-navy)!important}
body.storefront .science-product-detail-v028 .science-benefit-grid span{display:block!important;margin-top:2px!important;font-size:9.5px!important;line-height:1.35!important;color:#718891!important}
body.storefront .science-product-detail-v028 .policy-shortcuts{margin-top:10px!important;gap:6px!important}
body.storefront .science-product-detail-v028 .policy-shortcuts a{font-size:9px!important;padding:5px 7px!important}
@media(max-width:820px){
 body.storefront .science-product-detail-v028{padding-top:17px!important}
 body.storefront .science-product-detail-v028 .product-detail{grid-template-columns:1fr!important;gap:18px!important;max-width:650px!important}
 body.storefront .science-product-detail-v028 .product-detail-media{position:static!important;max-width:280px!important;width:100%!important;margin:auto!important}
 body.storefront .science-product-detail-v028 .product-detail-copy{padding:14px!important}
 body.storefront .science-product-detail-v028 .product-detail-copy h1{font-size:clamp(32px,8.8vw,43px)!important}
 body.storefront .science-product-detail-v028 .science-benefit-grid{grid-template-columns:1fr!important}
}
@media(max-width:540px){
 body.storefront .science-product-detail-v028 .science-product-facts{grid-template-columns:1fr 1fr!important}
 body.storefront .science-product-detail-v028 .science-product-facts>div{min-height:52px!important}
 body.storefront .science-product-detail-v028 .science-access-actions{display:grid!important;grid-template-columns:1fr!important}
 body.storefront .science-product-detail-v028 .science-access-actions .btn{width:100%!important}
}


/* ===== Syllabuild Science v0.2.9 — Human Body Series storefront parity ===== */
body.storefront .storefront-home .claire-featured .product-card{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-self:stretch!important;
}
body.storefront .storefront-home .claire-featured .product-cover{
  aspect-ratio:17/22!important;
  background:#f7fbfc!important;
}
body.storefront .storefront-home .claire-featured .product-cover img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
}
body.storefront .storefront-home .claire-featured .product-info{
  display:flex!important;flex-direction:column!important;height:100%!important;padding:10px 1px 0!important;
}
body.storefront .storefront-home .claire-featured .product-info h3{
  min-height:38px!important;margin:0 0 4px!important;
}
body.storefront .storefront-home .claire-featured .product-author{
  min-height:18px!important;margin:0 0 7px!important;
}
body.storefront .storefront-home .claire-featured .product-bottom{
  margin-top:auto!important;
}
body.storefront .science-interactive-chip{
  position:absolute!important;left:8px!important;bottom:8px!important;z-index:5!important;
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  padding:5px 8px!important;border-radius:999px!important;
  background:rgba(4,52,92,.92)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 4px 10px rgba(5,39,67,.18)!important;
  font-size:9px!important;font-weight:800!important;line-height:1!important;letter-spacing:.01em!important;
  backdrop-filter:blur(5px);
}
@media(max-width:720px){
  body.storefront .science-interactive-chip{font-size:8.5px!important;padding:4px 7px!important}
}


/* ===== Syllabuild Science v0.3.2 — NON-CROP COVER POLICY =====
   All uploaded PDF page-1 covers stay complete. The frame may letterbox slightly
   when source proportions differ; artwork is never clipped or zoom-cropped. */
body.storefront .product-cover,
body.storefront .mini-book-cover,
body.storefront .library-card .cover,
body.storefront .book-detail .cover,
body.storefront .science-product-detail-v028 .detail-cover,
body.storefront .checkout-book{
  overflow:hidden!important;
  background:#f7fbfc!important;
}
body.storefront .product-cover>img,
body.storefront .mini-book-cover>img,
body.storefront .library-card .cover>img,
body.storefront .book-detail .cover>img,
body.storefront .science-product-detail-v028 .detail-cover>img,
body.storefront .checkout-book>img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  box-sizing:border-box!important;
}
/* v0.2.9 had a late object-fit:cover rule on featured cards; this final override
   deliberately wins so Respiratory, Digestive, Circulatory and future uploads
   keep every edge of the original PDF cover visible. */
body.storefront .storefront-home .claire-featured .product-cover img,
body.storefront .shop-results .product-cover img{
  object-fit:contain!important;
  object-position:center center!important;
}


/* ===== Syllabuild Science v0.3.3 — UNIFORM FRONT-COVER FRAME =====
   This is display chrome only. It does not rewrite or crop the uploaded cover. */
body.storefront .product-cover,
body.storefront .mini-book-cover,
body.storefront .library-card .cover,
body.storefront .book-detail .cover,
body.storefront .science-product-detail-v028 .detail-cover,
body.storefront .checkout-book{
  position:relative!important;
  box-sizing:border-box!important;
  padding-top:30px!important;
  padding-bottom:30px!important;
  background:#fff!important;
}
body.storefront .product-cover::before,
body.storefront .mini-book-cover::before,
body.storefront .library-card .cover::before,
body.storefront .book-detail .cover::before,
body.storefront .science-product-detail-v028 .detail-cover::before,
body.storefront .checkout-book::before{
  content:"SYLLABUILD SCIENCE   ·   by MTBCustoms";
  position:absolute!important;left:0!important;right:0!important;top:0!important;height:30px!important;
  display:flex!important;align-items:center!important;padding:0 10px!important;box-sizing:border-box!important;
  background:#0b355f!important;border-bottom:3px solid #1aa6b8!important;color:#fff!important;
  font:800 7px/1 Inter,system-ui,sans-serif!important;letter-spacing:.055em!important;z-index:3!important;
}
body.storefront .product-cover::after,
body.storefront .mini-book-cover::after,
body.storefront .library-card .cover::after,
body.storefront .book-detail .cover::after,
body.storefront .science-product-detail-v028 .detail-cover::after,
body.storefront .checkout-book::after{
  content:"EXPLORE. LEARN. UNDERSTAND.   •   SCIENCE BOOK";
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:30px!important;
  display:flex!important;align-items:center!important;padding:0 10px!important;box-sizing:border-box!important;
  background:#0b355f!important;border-top:3px solid #1aa6b8!important;color:#fff!important;
  font:800 6.5px/1 Inter,system-ui,sans-serif!important;letter-spacing:.035em!important;z-index:3!important;
}
body.storefront .product-cover>img,
body.storefront .mini-book-cover>img,
body.storefront .library-card .cover>img,
body.storefront .book-detail .cover>img,
body.storefront .science-product-detail-v028 .detail-cover>img,
body.storefront .checkout-book>img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:720px){
  body.storefront .product-cover,
  body.storefront .mini-book-cover,
  body.storefront .library-card .cover,
  body.storefront .book-detail .cover,
  body.storefront .science-product-detail-v028 .detail-cover,
  body.storefront .checkout-book{padding-top:25px!important;padding-bottom:25px!important;}
  body.storefront .product-cover::before,body.storefront .mini-book-cover::before,body.storefront .library-card .cover::before,body.storefront .book-detail .cover::before,body.storefront .science-product-detail-v028 .detail-cover::before,body.storefront .checkout-book::before,
  body.storefront .product-cover::after,body.storefront .mini-book-cover::after,body.storefront .library-card .cover::after,body.storefront .book-detail .cover::after,body.storefront .science-product-detail-v028 .detail-cover::after,body.storefront .checkout-book::after{height:25px!important;padding:0 8px!important;font-size:6px!important;}
}

/* ===== Syllabuild Science v0.3.4 — product detail breathing room =====
   Adds consistent inner safe-area padding to the product information card.
   Scoped to the product detail page only; cover geometry, reader pages,
   PDF rendering, store cards and upload processing are unchanged. */
body.storefront .science-product-detail-v028 .product-detail-copy{
  padding:28px 34px 32px!important;
}
body.storefront .science-product-detail-v028 .product-category{
  margin-top:0!important;
}
body.storefront .science-product-detail-v028 .detail-description{
  margin-top:12px!important;
  margin-bottom:16px!important;
}
body.storefront .science-product-detail-v028 .science-product-facts{
  margin-top:14px!important;
}
@media(max-width:1100px) and (min-width:821px){
  body.storefront .science-product-detail-v028 .product-detail-copy{
    padding:24px 28px 28px!important;
  }
}
@media(max-width:820px){
  body.storefront .science-product-detail-v028 .product-detail-copy{
    padding:20px 22px 24px!important;
  }
}
@media(max-width:540px){
  body.storefront .science-product-detail-v028 .product-detail-copy{
    padding:16px!important;
  }
}

/* ===== Syllabuild Science v0.3.5 — product detail anchor + full-width copy =====
   Keep the cover and information card in the same top-aligned grid row.
   The cover is no longer independently sticky on desktop, so it stays visually
   anchored to the title/description block. The description may use the full
   copy-column width instead of stopping at the old 66ch cap. Reader/PDF
   rendering and cover object-fit rules are intentionally untouched. */
@media(min-width:821px){
  body.storefront .science-product-detail-v028 .product-detail{
    width:min(1180px,100%)!important;
    max-width:1180px!important;
    grid-template-columns:minmax(240px,280px) minmax(0,1fr)!important;
    gap:30px!important;
    align-items:start!important;
    margin-inline:auto!important;
  }
  body.storefront .science-product-detail-v028 .product-detail-media{
    position:relative!important;
    top:auto!important;
    align-self:start!important;
    margin:0!important;
  }
  body.storefront .science-product-detail-v028 .product-detail-copy{
    width:100%!important;
    min-width:0!important;
    align-self:start!important;
    padding:30px 34px 32px!important;
  }
  body.storefront .science-product-detail-v028 .product-detail-copy h1{
    width:100%!important;
    max-width:none!important;
  }
  body.storefront .science-product-detail-v028 .detail-description{
    width:100%!important;
    max-width:none!important;
    padding-right:0!important;
  }
}
@media(max-width:1100px) and (min-width:821px){
  body.storefront .science-product-detail-v028 .product-detail{
    grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
    gap:24px!important;
  }
  body.storefront .science-product-detail-v028 .product-detail-copy{
    padding:24px 28px 28px!important;
  }
}