/* THREADS THERAPY V16 - clean mobile/tablet header + navigation */
@media (max-width:1024px){
  :root{--v16-head:68px;--v16-nav:82px;--v16-bottom:70px}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{padding:0 0 var(--v16-bottom)!important;margin:0!important}

  /* FIXED HEADER */
  body > [data-header], [data-header]{position:relative!important;width:100%!important;height:var(--v16-head)!important;margin:0!important;padding:0!important;z-index:2147483000!important}
  .header, body.homePage .header{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    width:100%!important;height:var(--v16-head)!important;min-height:var(--v16-head)!important;
    margin:0!important;padding:0!important;box-sizing:border-box!important;
    background:#fffaf5!important;border:0!important;border-bottom:1px solid #e7dcd4!important;
    box-shadow:0 4px 18px rgba(35,20,14,.10)!important;z-index:2147483000!important;
    overflow:visible!important;
  }
  .header .headrow{
    position:relative!important;width:100%!important;height:100%!important;min-height:100%!important;
    display:flex!important;align-items:center!important;box-sizing:border-box!important;
    margin:0!important;padding:0 8px!important;gap:9px!important;overflow:visible!important;
  }
  .header .mobileMenuBtn{
    display:grid!important;place-items:center!important;flex:0 0 34px!important;
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    margin:0!important;padding:0!important;border:1px solid #dfcfc5!important;border-radius:9px!important;
    background:#fff!important;color:#741a2b!important;font-size:0!important;line-height:1!important;z-index:5!important;
  }
  .header .mobileMenuBtn:before{content:'☰'!important;font-size:21px!important;line-height:1!important}

  /* LOGO immediately beside menu */
  .header .brandLink{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:0 0 94px!important;width:94px!important;min-width:94px!important;height:52px!important;
    margin:0!important;padding:0!important;overflow:visible!important;z-index:5!important;
  }
  .header .headerLogo{
    display:block!important;visibility:visible!important;opacity:1!important;
    width:94px!important;max-width:94px!important;height:42px!important;max-height:42px!important;
    object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;
  }

  /* SEARCH icon after a deliberate gap from logo */
  .header .search{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;
    flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:40px!important;
    margin-left:auto!important;margin-right:4px!important;padding:0!important;display:flex!important;
    align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;
    border-radius:50%!important;overflow:visible!important;z-index:2147483005!important;
  }
  .header .search input{display:none!important}
  .header .searchVoice{display:none!important}
  .header .searchSubmit{
    display:grid!important;place-items:center!important;flex:0 0 38px!important;
    width:38px!important;min-width:38px!important;height:38px!important;margin:0!important;padding:0!important;
    border:1px solid #eadbd1!important;border-radius:50%!important;background:#fff!important;
    color:#741a2b!important;font-size:0!important;line-height:1!important;
  }
  .header .searchSubmit span{display:block!important;font-size:22px!important;line-height:1!important}

  /* OPEN SEARCH overlays header; it does NOT change document layout */
  .header .search.mobileSearchOpen{
    position:absolute!important;left:8px!important;right:8px!important;top:9px!important;
    width:auto!important;height:50px!important;min-height:50px!important;margin:0!important;
    display:flex!important;align-items:center!important;padding:0 5px 0 13px!important;
    border:1px solid #dccbc1!important;border-radius:15px!important;background:#fff!important;
    box-shadow:0 12px 35px rgba(42,26,18,.20)!important;z-index:2147483647!important;
  }
  .header .search.mobileSearchOpen input{
    display:block!important;flex:1 1 auto!important;width:1px!important;min-width:0!important;
    height:46px!important;padding:8px 8px 8px 0!important;border:0!important;outline:0!important;
    background:transparent!important;color:#241916!important;font-size:14px!important;
  }
  .header .search.mobileSearchOpen .searchSubmit{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important}
  .header .search .suggestions,.header .search .suggestions.show{
    position:absolute!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;
    width:auto!important;max-height:min(60vh,430px)!important;overflow:auto!important;
    display:block!important;background:#fff!important;border:1px solid #eadfd5!important;border-radius:14px!important;
    box-shadow:0 18px 45px rgba(42,26,18,.20)!important;z-index:2147483647!important;
  }

  /* ACCOUNT + WISHLIST + CART always visible like desktop */
  .header .actions{
    position:relative!important;right:auto!important;top:auto!important;display:flex!important;
    align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;
    width:auto!important;height:42px!important;margin:0!important;padding:0!important;gap:5px!important;
    overflow:visible!important;z-index:2147483006!important;
  }
  .header .actions .iconbtn{
    position:relative!important;display:grid!important;place-items:center!important;flex:0 0 31px!important;
    width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;
    margin:0!important;padding:0!important;border:1px solid #eadbd1!important;border-radius:50%!important;
    background:#fff!important;color:#741a2b!important;box-shadow:0 3px 9px rgba(53,11,19,.07)!important;font-size:0!important;
  }
  .header .actions .iconbtn svg{position:static!important;display:block!important;width:16px!important;height:16px!important;transform:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .header .actions .actionText{display:none!important}
  .header .actions .iconbtn b{position:absolute!important;right:-4px!important;top:-5px!important;display:grid!important;place-items:center!important;min-width:13px!important;height:13px!important;padding:0 3px!important;border:1.5px solid #fff!important;border-radius:99px!important;background:#741a2b!important;color:#fff!important;font:700 7px/1 Arial,sans-serif!important}

  /* PRIMARY NAV: fixed, two clean rows so ALL desktop items are visible */
  .nav,body.homePage .nav{
    position:fixed!important;top:var(--v16-head)!important;left:0!important;right:0!important;width:100%!important;
    height:var(--v16-nav)!important;min-height:var(--v16-nav)!important;margin:0!important;padding:0!important;
    display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important;
    background:#fffdfa!important;border-top:1px solid #eadfd5!important;border-bottom:1px solid #eadfd5!important;
    box-shadow:0 4px 15px rgba(42,26,18,.08)!important;z-index:2147482990!important;
  }
  .nav .compactNav{display:none!important}
  .nav .navrow{
    display:grid!important;visibility:visible!important;opacity:1!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,40px)!important;
    align-items:center!important;width:100%!important;height:var(--v16-nav)!important;min-height:var(--v16-nav)!important;
    margin:0!important;padding:1px 6px!important;gap:0!important;overflow:visible!important;box-sizing:border-box!important;
    white-space:normal!important;position:relative!important;z-index:2!important;
  }
  .nav .navrow>a,.nav .navrow>.navItem{min-width:0!important;width:100%!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
  .nav .navrow>.navItem>a{
    min-width:0!important;width:100%!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;padding:0 2px!important;margin:1px!important;border:1px solid transparent!important;border-radius:18px!important;
    color:#211b18!important;background:transparent!important;font-size:9px!important;font-weight:800!important;letter-spacing:.25px!important;
    line-height:1!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  }
  .nav .navrow>a{color:#211b18!important;text-decoration:none!important;font-size:9px!important;font-weight:800!important;letter-spacing:.25px!important;white-space:nowrap!important}
  .nav .navrow>a:hover,.nav .navrow>.navItem>a:hover,.nav .navrow>a.active,.nav .navrow>.navItem>a.active{color:#741a2b!important;background:#fff7f2!important;border-color:#e3c8bf!important}
  .nav .navItem{position:relative!important;display:flex!important;flex:0 0 auto!important;height:40px!important}
  .nav .navItem>a .navChevron{
    display:inline-block!important;position:static!important;flex:0 0 7px!important;width:7px!important;height:7px!important;
    margin:0 0 3px 0!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;
    transform:rotate(45deg)!important;box-sizing:border-box!important;
  }
  .nav .navItem.megaOpen>a .navChevron{transform:rotate(225deg)!important}
  .nav .shopMega{display:none!important}

  /* CONTENT starts after both fixed bars */
  main,body.homePage main{padding-top:calc(var(--v16-head) + var(--v16-nav))!important}

  /* HERO: left copy, model kept on right */
  body.homePage .refinedHero.collectionHero{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1672/941!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:0!important;isolation:isolate!important}
  body.homePage .refinedHero.collectionHero>.hero-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;z-index:0!important}
  body.homePage .refinedHero.collectionHero .refinedHeroShade{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(20,12,9,.68) 0%,rgba(20,12,9,.40) 34%,rgba(20,12,9,.08) 58%,rgba(20,12,9,0) 100%)!important}
  body.homePage .refinedHero.collectionHero .container.refinedHeroCopy{position:absolute!important;left:0!important;right:auto!important;bottom:0!important;width:52%!important;height:auto!important;min-height:0!important;margin:0!important;padding:12px 8px 12px 12px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;background:transparent!important;z-index:2!important}
  body.homePage .refinedHero.collectionHero .refinedHeroCopy h1{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important}
  body.homePage .refinedHero.collectionHero .refinedHeroCopy p{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.45)!important}

  /* BOTTOM: exactly Home / Explore / Account */
  .mobilebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:var(--v16-bottom)!important;min-height:var(--v16-bottom)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:5px 10px 7px!important;background:#fff!important;border-top:1px solid #e5ddd7!important;box-shadow:0 -8px 25px rgba(35,22,17,.10)!important;z-index:2147483640!important}
  .mobilebar a{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;width:100%!important;height:58px!important;background:#fff!important;color:#5c504b!important;border-radius:10px!important;text-decoration:none!important}
  .mobilebar a:nth-child(4),.mobilebar a:nth-child(5){display:none!important}
  .mobilebar a span{font-size:31px!important;line-height:1!important;font-weight:500!important}
  .mobilebar a small{font-size:10px!important;line-height:1!important;color:#5c504b!important;font-weight:800!important}
  .mobilebar a.active,.mobilebar a[aria-current="page"]{color:#741a2b!important;background:#fff!important}
}

@media (max-width:390px){
  :root{--v16-head:66px;--v16-nav:82px}
  .header .headrow{padding:0 6px!important;gap:7px!important}
  .header .mobileMenuBtn{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important}
  .header .brandLink{flex-basis:86px!important;width:86px!important;min-width:86px!important}
  .header .headerLogo{width:86px!important;max-width:86px!important;height:38px!important}
  .header .search{flex-basis:36px!important;width:36px!important;min-width:36px!important;margin-right:2px!important}
  .header .searchSubmit{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important}
  .header .actions{gap:3px!important}
  .header .actions .iconbtn{flex-basis:29px!important;width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important}
  .header .actions .iconbtn svg{width:15px!important;height:15px!important}
  .nav .navrow>.navItem>a,.nav .navrow>a{font-size:8.5px!important;letter-spacing:.15px!important}
  .nav .navrow>.navItem>a{gap:3px!important}
  .nav .navrow>.navItem>a .navChevron{flex-basis:6px!important;width:6px!important;height:6px!important}
  body.homePage .refinedHero.collectionHero .container.refinedHeroCopy{width:53%!important;padding:9px 6px 9px 10px!important}
  body.homePage .refinedHero.collectionHero .refinedHeroCopy h1{font-size:20px!important}
  body.homePage .refinedHero.collectionHero .refinedHeroCopy p{font-size:6.5px!important}
}

@media (max-width:350px){
  .header .brandLink{flex-basis:76px!important;width:76px!important;min-width:76px!important}
  .header .headerLogo{width:76px!important;max-width:76px!important}
  .header .actions .iconbtn{flex-basis:27px!important;width:27px!important;min-width:27px!important;height:27px!important}
  .header .search{flex-basis:34px!important;width:34px!important;min-width:34px!important}
  .header .searchSubmit{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important}
  .nav .navrow>.navItem>a,.nav .navrow>a{font-size:7.8px!important;padding:0 1px!important}
}