/* 11.6.63 — mobile-first hero correction, compact conversion hierarchy and overflow hardening. */

/* Desktop refinement: lighter visual, tighter composition, no boxed-art feeling. */
body.home .ntx-site-hero{
  background:linear-gradient(135deg,#ffffff 0%,#fffcf5 56%,#fff6ef 100%)!important;
  color:#1b1730!important;
}
body.home .ntx-site-hero__grid{
  align-items:center!important;
  grid-template-columns:minmax(0,.93fr) minmax(420px,.82fr)!important;
  gap:clamp(28px,4vw,58px)!important;
}
body.home .ntx-site-hero__copy{max-width:690px!important}
body.home .ntx-site-hero__title{color:#171321!important}
body.home .ntx-site-hero__title em{color:#a85705!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.home .ntx-site-hero__eyebrow{color:#a85705!important;background:#fff9ed!important;border-color:#fff0d2!important}
body.home .ntx-site-search{border-color:#ffe9bd!important;box-shadow:0 12px 30px rgba(98,79,45,.09)!important}
body.home .ntx-site-search button{background:linear-gradient(135deg,#ffbe4d,#f4a824)!important;box-shadow:none!important}
body.home .ntx-site-hero__discount{background:linear-gradient(135deg,#ffb11f,#ff7624)!important;border-color:#ffd08e!important}
body.home .ntx-site-hero__visual-frame img{filter:drop-shadow(0 20px 34px rgba(94,76,46,.10))!important}
body.home .ntx-site-hero__visual-shop{background:#fff!important;color:#3d3548!important;border-color:#ebe6dd!important}
body.home .ntx-site-hero__shop-now{background:linear-gradient(135deg,#ffbe4d,#f4a824)!important;border-color:transparent!important;box-shadow:0 10px 25px rgba(245,177,60,.18)!important}
body.home .ntx-site-hero__mobile-visual{display:none}

/* Search results: product-first, scrollable, readable, never taller than viewport. */
body.home .ntx-site-search__results{
  max-height:min(440px,55vh)!important;
  overflow-y:auto!important;
  border:1px solid #eee9de!important;
  background:#fff!important;
  box-shadow:0 20px 48px rgba(42,28,61,.16)!important;
}
body.home .ntx-site-search__results .nt-live-search-result{
  border:1px solid transparent!important;
  background:#fff!important;
  border-radius:12px!important;
}
body.home .ntx-site-search__results .nt-live-search-result:hover,
body.home .ntx-site-search__results .nt-live-search-result[aria-selected="true"]{
  background:#fffbf3!important;
  border-color:#fff2d8!important;
}
body.home .ntx-site-search__results .nt-live-search-result__price{
  background:#fff8ea!important;
  color:#9a5713!important;
  border-radius:999px!important;
  font-weight:800!important;
}

/* ------------------------------------------------------------------
   Mobile header: brand + compact utilities. No black logo block, no CTA crowd.
   ------------------------------------------------------------------ */
@media(max-width:999.98px){
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader{
    padding:0 12px!important;
    background:#fff!important;
    border-bottom:1px solid rgba(91,74,46,.09)!important;
    box-shadow:0 5px 16px rgba(44,31,61,.045)!important;
  }
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-floating-header__inner{
    min-height:58px!important;
    padding:7px 0!important;
    gap:7px!important;
  }
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-floating-header__brand{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-header-primary-actions,
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-header-currency,
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-shop-deals-cta,
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-account-link{
    display:none!important;
  }
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-header-search,
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-native-cart-link{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border:1px solid #ede8df!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#42394d!important;
  }
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-mobile-menu-button{
    display:flex!important;
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    min-height:38px!important;
    border:0!important;
    border-radius:11px!important;
    background:#f5b13c!important;
    color:#2b1700!important;
  }
  html body.home.nt-clay.nt-v6.nt-principled #siteHeader .nt-menu-label{display:none!important}
}

/* ------------------------------------------------------------------
   Mobile hero: no full-width overload. Search and CTA hierarchy are compact.
   ------------------------------------------------------------------ */
@media(max-width:820px){
  html,body.home,body.home #page,body.home .site,body.home .bm-home{max-width:100%!important;overflow-x:clip!important}
  body.home .ntx-site-hero{
    padding:8px 0 18px!important;
    overflow-x:clip!important;
    background:linear-gradient(180deg,#fff 0%,#fffdf8 72%,#fff9f4 100%)!important;
  }
  body.home .ntx-site-hero__shell{padding:0 14px!important}
  body.home .ntx-site-hero__grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:12px 0 6px!important;
    overflow:visible!important;
  }
  body.home .ntx-site-hero__copy{width:100%!important;max-width:100%!important;text-align:left!important}
  body.home .ntx-site-hero__eyebrow{
    min-height:28px!important;
    padding:0 10px!important;
    margin-bottom:12px!important;
    font-size:.6rem!important;
  }
  body.home .ntx-site-hero__title{
    max-width:350px!important;
    margin:0 0 10px!important;
    font-size:clamp(2rem,9.8vw,2.8rem)!important;
    line-height:1.01!important;
    letter-spacing:-.052em!important;
  }
  body.home .ntx-site-hero__lead{
    max-width:355px!important;
    margin:0 0 14px!important;
    font-size:.92rem!important;
    line-height:1.48!important;
    color:#6f6879!important;
  }

  /* Search is deliberately narrower than the viewport and visually primary. */
  body.home .ntx-site-search{
    width:min(340px,calc(100% - 8px))!important;
    max-width:340px!important;
    min-height:52px!important;
    margin:0 auto 10px 0!important;
    grid-template-columns:18px minmax(0,1fr) 48px!important;
    gap:5px!important;
    padding:4px 5px 4px 11px!important;
    border:1px solid #ffe9bd!important;
    border-radius:15px!important;
    box-shadow:0 10px 26px rgba(100,80,45,.09)!important;
  }
  body.home .ntx-site-search input{
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 4px!important;
    font-size:.86rem!important;
  }
  body.home .ntx-site-search button{
    width:44px!important;
    min-width:44px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:11px!important;
    font-size:0!important;
  }
  body.home .ntx-site-search button i{font-size:.8rem!important;margin:0!important}
  body.home .ntx-site-search__results{
    left:0!important;
    right:auto!important;
    width:min(340px,calc(100vw - 28px))!important;
    max-width:340px!important;
    max-height:46vh!important;
    padding:6px!important;
    border-radius:14px!important;
  }
  body.home .ntx-site-search__results .nt-live-search-result{
    min-height:56px!important;
    padding:7px!important;
    gap:8px!important;
  }
  body.home .ntx-site-search__results .nt-live-search-result__copy strong{font-size:.78rem!important;line-height:1.2!important}
  body.home .ntx-site-search__results .nt-live-search-result__copy span{font-size:.64rem!important;max-width:49vw!important}
  body.home .ntx-site-search__results .nt-live-search-result__price{font-size:.64rem!important;padding:4px 7px!important}

  /* Mobile-specific artwork is placed directly after search. */
  body.home .ntx-site-hero__mobile-visual{
    display:block!important;
    width:min(390px,100%)!important;
    margin:-4px 0 4px!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  body.home .ntx-site-hero__mobile-visual img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:255px!important;
    object-fit:cover!important;
    object-position:center 42%!important;
    border:0!important;
    border-radius:0!important;
    filter:drop-shadow(0 14px 24px rgba(88,72,43,.08))!important;
  }
  body.home .ntx-site-hero__visual{display:none!important}

  /* Discount / community become compact, not full-width blocks. */
  body.home .ntx-site-hero__deal-row{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    margin:4px 0 12px!important;
  }
  body.home .ntx-site-hero__discount{
    width:auto!important;
    min-width:0!important;
    min-height:46px!important;
    padding:6px 12px!important;
    border-radius:14px!important;
    gap:7px!important;
  }
  body.home .ntx-site-hero__discount span{font-size:.67rem!important}
  body.home .ntx-site-hero__discount strong{font-size:1.35rem!important}
  body.home .ntx-site-hero__discount i{font-size:.9rem!important}
  body.home .ntx-site-hero__secondary-cta{
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    font-size:.7rem!important;
  }

  /* Benefits are a quiet reassurance row, not four competing cards. */
  body.home .ntx-site-hero__benefits{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    max-width:355px!important;
    margin:0!important;
  }
  body.home .ntx-site-hero__benefits>div{
    min-width:0!important;
    min-height:46px!important;
    padding:6px 7px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  body.home .ntx-site-hero__benefits>div>i{width:29px!important;height:29px!important;font-size:.74rem!important}
  body.home .ntx-site-hero__benefits b{font-size:.7rem!important}
  body.home .ntx-site-hero__benefits small{font-size:.58rem!important;line-height:1.12!important}

  /* Category rail is the only intentional horizontal scroller. */
  body.home .ntx-site-hero__tools{
    width:100%!important;
    max-width:100%!important;
    margin-top:12px!important;
    padding:12px 0 10px!important;
    overflow:hidden!important;
  }
  body.home .ntx-site-hero__tools-head{padding-right:0!important;margin-bottom:8px!important}
  body.home .ntx-site-hero__tools-head small{display:none!important}
  body.home .ntx-site-hero__tools-controls{display:none!important}
  body.home .ntx-site-hero__tool-track{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0 8px!important;
    grid-auto-columns:112px!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
  }
  body.home .ntx-site-hero__tool-track::-webkit-scrollbar{display:none!important}
  body.home .ntx-site-tool-card{min-height:102px!important;padding:9px!important;border-radius:14px!important;scroll-snap-align:start!important}
  body.home .ntx-site-tool-card__icon{width:38px!important;height:38px!important}
  body.home .ntx-site-tool-card strong{font-size:.7rem!important}
  body.home .ntx-site-tool-card small{font-size:.56rem!important}

  /* Footer conversion area: Shop Now compact; trust/support become tiny pills. */
  body.home .ntx-site-hero__footer{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:12px 0 0!important;
    align-items:center!important;
  }
  body.home .ntx-site-hero__footer>div,
  body.home .ntx-site-hero__footer>a:not(.ntx-site-hero__shop-now){
    min-height:44px!important;
    padding:7px 8px!important;
    border:1px solid #efebe2!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.78)!important;
    gap:7px!important;
    justify-content:flex-start!important;
  }
  body.home .ntx-site-hero__footer>div:nth-child(2){display:none!important}
  body.home .ntx-site-hero__footer i{font-size:.92rem!important;color:#a85705!important}
  body.home .ntx-site-hero__footer b{font-size:.63rem!important}
  body.home .ntx-site-hero__footer small{font-size:.53rem!important;line-height:1.15!important}
  body.home .ntx-site-hero__shop-now{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:180px!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0 auto 3px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    font-size:1rem!important;
    justify-content:center!important;
  }
}

@media(max-width:480px){
  body.home .ntx-site-hero__shell{padding:0 11px!important}
  body.home .ntx-site-hero__title{font-size:clamp(1.9rem,10.1vw,2.4rem)!important;max-width:330px!important}
  body.home .ntx-site-hero__lead{font-size:.86rem!important;max-width:330px!important}
  body.home .ntx-site-search{width:min(320px,calc(100% - 4px))!important;max-width:320px!important}
  body.home .ntx-site-search__results{width:min(320px,calc(100vw - 22px))!important;max-width:320px!important}
  body.home .ntx-site-hero__mobile-visual{width:100%!important;margin-inline:0!important}
  body.home .ntx-site-hero__mobile-visual img{max-height:225px!important;object-position:center 43%!important}
  body.home .ntx-site-hero__benefits{max-width:330px!important}
  body.home .ntx-site-hero__footer{gap:6px!important}
  body.home .ntx-site-hero__footer>div,
  body.home .ntx-site-hero__footer>a:not(.ntx-site-hero__shop-now){padding:6px!important}
}