/* Threads Therapy v24 — premium maroon, cream and soft-black theme */
:root{
  --maroon:#6b1726;
  --maroon-dark:#4a0f1a;
  --maroon-deep:#350b13;
  --maroon-soft:#8d3444;
  --cream:#fbf3e7;
  --cream-light:#fffaf2;
  --cream-deep:#f2e2cf;
  --soft-black:#1d1b1b;
  --theme-ink:#21191a;
  --theme-muted:#756267;
  --theme-line:#dfcbbb;
  --theme-shadow:0 16px 44px rgba(69,15,27,.10);
  --ink:var(--soft-black);
  --rose:var(--maroon);
  --rose2:#c88e98;
  --line:var(--theme-line);
  --muted:var(--theme-muted);
}

html{background:var(--cream)}
body,body:not(.homePage),.refinedHome{
  background:linear-gradient(145deg,var(--cream-light) 0%,var(--cream) 48%,#f8eadb 100%)!important;
  color:var(--theme-ink)!important;
}

/* Rich maroon store header */
.topbar{background:var(--maroon-dark)!important;color:#fff8ed!important;border-bottom:1px solid rgba(255,255,255,.12)}
.topbar i{color:#e8b9a8!important}
.header{
  background:linear-gradient(120deg,var(--maroon-deep),var(--maroon) 58%,#7b2535)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 13px 35px rgba(38,5,12,.24)!important;
  color:#fff!important;
}
.headrow{background:transparent!important}
.brandLink{background:var(--cream-light);border:1px solid rgba(255,255,255,.55);border-radius:12px;padding:5px 10px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.brandFullLogo{filter:none!important}
.search{background:#fffaf3!important;border-color:rgba(255,255,255,.48)!important;box-shadow:0 8px 22px rgba(28,3,8,.18)!important}
.search input{color:var(--theme-ink)!important}
.search input::placeholder{color:#8d777b!important}
.searchVoice{color:var(--maroon)!important}
.searchSubmit{background:var(--soft-black)!important;color:#fff!important}
.header .iconbtn{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
.header .iconbtn:hover{background:var(--cream-light)!important;color:var(--maroon)!important;border-color:var(--cream-light)!important}
.header .iconbtn b{background:var(--cream-light)!important;color:var(--maroon)!important}

/* Premium navigation with unmistakable active state */
.nav{border-top:1px solid rgba(255,255,255,.15)!important;background:rgba(24,2,7,.16)!important}
.navrow>a,.navItem>a{color:#fff7ed!important;border-bottom:3px solid transparent!important;position:relative;transition:background .25s,color .25s,border-color .25s!important}
.navrow>a:hover,.navItem>a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;border-bottom-color:#e9b7a8!important}
.navrow>a.active,.navItem>a.active,.navItem.active>a,
.navrow>a[aria-current="page"],.navItem>a[aria-current="page"]{
  background:var(--cream-light)!important;
  color:var(--maroon)!important;
  border-bottom-color:var(--maroon-dark)!important;
  box-shadow:inset 0 -3px 0 var(--maroon),0 7px 18px rgba(25,3,8,.16)!important;
}
.navChevron{border-color:currentColor!important}
.shopMega{border-top:3px solid var(--maroon)!important;background:var(--cream-light)!important;color:var(--theme-ink)!important;box-shadow:0 25px 55px rgba(37,5,12,.22)!important}
.megaColumn>b,.megaColumn a:hover{color:var(--maroon)!important}
.megaPromo{background-color:var(--maroon-dark)!important}

/* Cream pages and premium surfaces */
main,.refinedSection,.section,.craftSection,.toneSection{background-color:transparent!important}
.craftSection,.toneSection,.productReviews,.trackExperience,.footerPromise{background:var(--cream-deep)!important}
.collectionHero,.collectionEditorialHero,.offersEditorialHero,.craftEditorialHero,
.page-account .collectionHero,.page-compare .collectionHero,.page-notifications .collectionHero,
.page-reels .collectionHero,.page-search .collectionHero,.page-track .collectionHero,
.page-trending .collectionHero,.page-work-products .collectionHero,.page-returns .collectionHero{
  background:linear-gradient(125deg,#fffaf1,#f3dfcc 70%,#e9cbb8)!important;
  border-color:var(--theme-line)!important;
  box-shadow:var(--theme-shadow)!important;
}
.collectionHero h1,.collectionEditorialCopy h1,.offersEditorialCopy h1,.craftEditorialHero h1,
.pdInfo h1,.loginCard h1,.loginCard h2,.summaryTotal{color:var(--maroon)!important}
.eyebrow,.textLink,.refinedTextLink,.price strong,.reviewStars{color:var(--maroon)!important}

.product,.marketCard,.catCard,.featureCard,.workCard,.benefitCard,.reviewCard,.refinedReview,
.filters,.toolbar,.loginCard,.modalCard,.cartLine,.cartAside,.checkoutSection,.checkoutSummary,
.accountSide,.accountHero,.accountTiles a,.accountOrder,.notificationCard,.returnCard,
.designBuilder,.designPreview,.compareTable article,.searchPanel{
  background:var(--cream-light)!important;
  border-color:var(--theme-line)!important;
}
.product:hover,.marketCard:hover,.catCard:hover,.featureCard:hover,.workCard:hover,.benefitCard:hover,
.accountTiles a:hover,.offerCard:hover{border-color:var(--maroon-soft)!important;box-shadow:var(--theme-shadow)!important}
.productImg,.productVisual{background:#f1dfcf!important}

/* Buttons, chips, inputs and interactive controls */
.btn.rose,.rose,.checkoutButton,.buyRow .btn:first-child,.pager button.active,
.size.active,.stickyBuyBar .btn,.refinedNewsletter .btn,.newsletter .btn{
  background:linear-gradient(135deg,var(--maroon),var(--maroon-dark))!important;
  color:#fff!important;border-color:var(--maroon)!important;
  box-shadow:0 9px 20px rgba(107,23,38,.22)!important;
}
.btn.rose:hover,.rose:hover,.checkoutButton:hover,.buyRow .btn:first-child:hover{
  background:linear-gradient(135deg,#7c2131,#3d0b14)!important;
  box-shadow:0 13px 27px rgba(79,12,26,.32)!important;
}
.btn.light,.light,.chip,.size,.pager button{background:#fffaf2!important;color:var(--maroon)!important;border-color:#d9bbaa!important}
.btn.light:hover,.light:hover,.chip:hover,.size:hover,.pager button:hover{background:var(--maroon)!important;color:#fff!important;border-color:var(--maroon)!important}
input:focus,select:focus,textarea:focus,.search:focus-within{outline:2px solid rgba(107,23,38,.24)!important;border-color:var(--maroon)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--maroon)}
.rating{background:#f3dfd8!important;color:var(--maroon-dark)!important}
.badge{background:var(--maroon)!important;color:#fff!important}
.heart:hover{color:var(--maroon)!important}

/* Maroon editorial accents */
.refinedNewsletter,.newsletter,.offerNewsletter{background:linear-gradient(125deg,var(--maroon-dark),var(--maroon) 70%,#8c3544)!important}
.storySplit,.productStoryVisual,.craftClosingNote{background:var(--maroon-deep)!important}

/* Soft black footer */
.footer,.marketplaceFooter{background:linear-gradient(145deg,#242222,#171616)!important;color:#fff9f1!important;border-top:4px solid var(--maroon)!important}
.footerPromise{color:var(--theme-ink)!important;border-bottom:1px solid #d7bda9!important}
.footerPromise b{color:var(--maroon)!important}
.footer h4{color:#f0c5b8!important}
.footer a,.footer p,.copyright{color:#cfc4bf!important}
.footer a:hover,.footerButton:hover{color:#fff!important}
.footerContactLink,.footerSocial a{color:#efc1b4!important}

/* Mobile active navigation */
.mobilebar{background:var(--soft-black)!important;border-top:3px solid var(--maroon)!important;box-shadow:0 -10px 30px rgba(0,0,0,.18)!important}
.mobilebar a{color:#e9dfd9!important}
.mobilebar a.active,.mobilebar a[aria-current="page"]{color:#fff!important;background:var(--maroon)!important;border-radius:9px}
.mobileDrawer .drawerPanel{background:var(--cream-light)!important}
.drawerQuick a,.drawerViewAll{color:var(--maroon)!important}
.drawerLinks>a.active,.drawerLinks>a[aria-current="page"],.drawerCategory.active>summary{background:var(--maroon)!important;color:#fff!important}

@media(max-width:800px){
  .header{background:var(--cream-light)!important}
  .brandLink{padding:3px 6px;border-radius:8px}
  .mobileMenuBtn{color:var(--maroon)!important;background:#f7eadc!important;border-color:#d9bbaa!important}
}

/* v25 header behavior: only announcement is maroon; only navigation sticks */
body,body:not(.homePage){padding-top:0!important}
.topbar{position:relative!important;inset:auto!important;background:var(--maroon)!important}
.header{display:block!important;position:static!important;background:var(--cream-light)!important;box-shadow:none!important;backdrop-filter:none!important}
.headrow{background:var(--cream-light)!important;color:var(--theme-ink)!important}
.brandLink{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.header .iconbtn{background:#fffaf2!important;color:var(--maroon)!important;border-color:#d9bbaa!important;box-shadow:none!important}
.header .iconbtn:hover{background:var(--maroon)!important;color:#fff!important;border-color:var(--maroon)!important}
.header .iconbtn b{background:var(--maroon)!important;color:#fff!important}
.nav{position:sticky!important;top:0!important;z-index:1001!important;width:100%!important;background:var(--cream-light)!important;border-top:1px solid var(--theme-line)!important;border-bottom:1px solid var(--theme-line)!important;box-shadow:0 9px 26px rgba(53,11,19,.12)!important}
.navrow>a,.navItem>a{color:var(--theme-ink)!important}
.navrow>a:hover,.navItem>a:hover{color:var(--maroon)!important;background:#f6e8da!important;border-bottom-color:var(--maroon)!important}
.navrow>a.active,.navItem>a.active,.navItem.active>a,.navrow>a[aria-current="page"],.navItem>a[aria-current="page"]{color:var(--maroon)!important;background:#fffaf2!important;border:2px solid var(--maroon)!important;border-radius:999px!important;box-shadow:0 5px 14px rgba(107,23,38,.14)!important}
.navrow>a,.navItem>a{margin:5px 2px!important;padding:9px 14px!important;border-radius:999px!important}

/* Login/create-account form fits in the visible screen without an internal scroller */
.loginWrap{min-height:calc(100dvh - 174px)!important;height:auto!important;padding:18px 20px!important;align-items:center!important}
.loginCard{width:min(430px,94%)!important;max-height:none!important;overflow:visible!important;padding:22px 26px!important}
.loginLogo{max-height:70px!important;width:auto!important;margin:0 auto 8px!important}
.loginCard h1{font-size:32px!important;margin:5px 0!important}
.loginCard .meta{margin:5px 0 10px!important;line-height:1.4!important}
.loginCard .formField{gap:3px!important;margin-bottom:5px!important}
.loginCard input{padding:10px 12px!important;margin:3px 0!important;min-height:42px!important}
.loginCard .loginDivider{margin:9px 0!important}
.loginCard .loginNote{margin:9px 0 0!important;font-size:11px!important}

@media(max-width:800px){
  .header{display:block!important;position:static!important;background:var(--cream-light)!important}
  .nav{display:none!important}
  .headrow{color:var(--theme-ink)!important}
  .loginWrap{min-height:calc(100dvh - 132px)!important;padding:12px!important}
  .loginCard{padding:18px 20px!important}
}
@media(max-height:720px){
  .loginWrap{padding:10px!important}
  .loginCard{padding:14px 20px!important}
  .loginLogo{max-height:52px!important;margin-bottom:3px!important}
  .loginCard h1{font-size:27px!important}
  .loginCard .meta,.loginCard .loginNote{font-size:10px!important;margin:3px 0!important}
  .loginCard input{min-height:36px!important;padding:7px 10px!important}
  .loginCard .btn{min-height:38px!important}
  .loginCard .loginDivider{margin:5px 0!important}
}

/* v27 refinements */
/* Plain Home text: remove the legacy house icon. */
.navrow>a:first-child:before{content:none!important;display:none!important}

/* Larger, clearer horizontal brand lockup with live, readable brand text. */
.headrow{grid-template-columns:300px minmax(340px,1fr) auto!important;gap:26px!important;min-height:108px!important}
.brandLockup{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;max-width:300px!important;min-width:0!important;overflow:hidden!important;color:var(--theme-ink)!important}
.brandMark{flex:0 0 82px!important;width:82px!important;height:76px!important;object-fit:cover!important;object-position:center!important;mix-blend-mode:multiply!important;filter:contrast(1.08) saturate(1.04)!important}
.brandWords{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;align-content:center!important;min-width:0!important;line-height:1!important;white-space:nowrap!important}
.brandWords strong,.brandWords b,.brandWords small{grid-column:1!important;display:block!important}
.brandWords strong{font:500 26px/1 Georgia,"Times New Roman",serif!important;letter-spacing:3.5px!important;color:#171313!important}
.brandWords b{margin-top:5px!important;font:500 15px/1 Arial,sans-serif!important;letter-spacing:6px!important;color:var(--maroon)!important}
.brandWords small{margin-top:8px!important;font:700 8px/1.25 Arial,sans-serif!important;letter-spacing:.55px!important;color:#59494a!important}
.brandLockup:hover .brandMark{transform:scale(1.025)!important}
.brandMark{transition:transform .25s ease!important}

/* Precisely centered search glyph inside a standalone black circle. */
.search{align-items:center!important;padding-right:3px!important}
.searchSubmit{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;margin:3px!important;padding:0!important;border-radius:50%!important;background:var(--soft-black)!important;color:#fff!important;font-size:23px!important;line-height:1!important}
.searchSubmit span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;line-height:1!important;transform:translateY(-1px)}

/* Center recommendation and collection shortcut controls. */
.page-new-arrivals .toolbar{justify-content:center!important;gap:14px!important;flex-wrap:wrap!important;text-align:center!important}
.page-new-arrivals .toolbar .chips{justify-content:center!important;margin:0!important}
.page-new-arrivals .toolbar select{min-width:180px!important;text-align:center!important;text-align-last:center!important}

/* Footer icons and current-page treatment. */
.footerIcon{display:inline-grid!important;place-items:center!important;width:25px!important;height:25px!important;flex:0 0 25px!important;margin-right:8px!important;border:1px solid rgba(239,193,180,.35)!important;border-radius:50%!important;color:#efc1b4!important;font-size:12px!important;line-height:1!important}
.marketplaceFooter a:has(.footerIcon),.marketplaceFooter .footerButton{display:flex!important;align-items:center!important;width:max-content!important;max-width:100%!important}
.marketplaceFooter a.active,.marketplaceFooter a[aria-current="page"]{color:#fff!important;font-weight:750!important}
.marketplaceFooter a.active:not(.footerSocial a),.marketplaceFooter a[aria-current="page"]:not(.footerSocial a){padding:4px 12px 4px 5px!important;border:1px solid rgba(239,193,180,.6)!important;border-radius:999px!important;background:rgba(107,23,38,.52)!important;transform:none!important}
.marketplaceFooter a.active .footerIcon,.marketplaceFooter a[aria-current="page"] .footerIcon{background:#fffaf2!important;color:var(--maroon)!important;border-color:#fffaf2!important}

/* Premium customer-policy page imagery and surfaces. */
.page-track .collectionHero,.page-returns .collectionHero,.page-notifications .collectionHero{min-height:360px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding-right:48%!important;background-color:#f5e4d3!important;background-repeat:no-repeat!important;background-position:right center!important;background-size:44% 100%!important}
.page-track .collectionHero{background-image:linear-gradient(90deg,#fffaf2 0%,#f5e4d3 54%,transparent 73%),url('../assets/brand-imagery/collections-hero.webp')!important}
.page-returns .collectionHero{background-image:linear-gradient(90deg,#fffaf2 0%,#f5e4d3 54%,transparent 73%),url('../assets/brand-imagery/women-hero.webp')!important}
.page-notifications .collectionHero{background-image:linear-gradient(90deg,#fffaf2 0%,#f5e4d3 54%,transparent 73%),url('../assets/brand-imagery/craft-artisan.webp')!important}
.page-track .collectionHero:after,.page-returns .collectionHero:after,.page-notifications .collectionHero:after{content:none!important}
.page-track .trackingSearch{padding:9px!important;border-radius:14px!important;background:rgba(255,250,242,.84)!important;box-shadow:0 13px 32px rgba(74,15,26,.12)!important}
.page-returns .designBuilder{gap:22px!important}
.page-returns .designPreview{background:linear-gradient(0deg,rgba(45,7,16,.84),rgba(45,7,16,.2)),url('../assets/brand-imagery/craft-artisan.webp') center/cover!important;min-height:480px!important}
.page-notifications .notif{border:1px solid var(--theme-line)!important;background:var(--cream-light)!important;box-shadow:var(--theme-shadow)!important}
.page-notifications .notif img{height:210px!important}
.page-checkout .checkoutPage{position:relative}
.page-checkout .checkoutPage>.sectionHead{padding:30px!important;border:1px solid var(--theme-line)!important;border-radius:16px!important;background:linear-gradient(90deg,rgba(255,250,242,.97),rgba(255,250,242,.72)),url('../assets/brand-imagery/collections-hero.webp') right center/46% 100% no-repeat!important;box-shadow:var(--theme-shadow)!important}

/* Password, OTP and registration forms. */
.authTabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:4px!important;margin:12px 0 15px!important;border-radius:999px!important;background:#f0dfd0!important}
.authTabs button{border:0!important;border-radius:999px!important;padding:9px!important;background:transparent!important;color:var(--theme-muted)!important;cursor:pointer!important;font-weight:700!important}
.authTabs button.active{background:var(--maroon)!important;color:#fff!important;box-shadow:0 5px 14px rgba(107,23,38,.2)!important}
.authPanel[hidden],#otpVerifyFields[hidden]{display:none!important}
.loginPrimary{width:100%!important;margin-top:9px!important;min-height:44px!important}
.otpHelp,.formMessage{min-height:18px!important;margin:5px 0!important;color:var(--maroon)!important;font-size:11px!important;line-height:1.4!important}
.loginNote a{color:var(--maroon)!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}
.registrationCard{width:min(680px,94%)!important}
.registerGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 12px!important}
.registerGrid .full{grid-column:1/-1!important}
.termsCheck{display:flex!important;align-items:flex-start!important;gap:8px!important;margin-top:8px!important;font-size:11px!important;color:var(--theme-muted)!important}
.termsCheck input{width:auto!important;min-height:0!important;margin:2px 0!important}

@media(max-width:900px){
  .headrow{grid-template-columns:210px minmax(240px,1fr) auto!important;gap:14px!important}
  .brandLockup{max-width:210px!important;gap:8px!important}
  .brandMark{flex-basis:66px!important;width:66px!important;height:62px!important}
  .brandWords strong{font-size:18px!important;letter-spacing:2px!important}
  .brandWords b{font-size:10px!important;letter-spacing:3.5px!important}
  .brandWords small{display:block!important;font-size:5.5px!important;letter-spacing:.2px!important;margin-top:6px!important}
}
@media(max-width:800px){
  .headrow{grid-template-columns:40px 112px minmax(0,1fr)!important;min-height:72px!important}
  .brandLockup{gap:5px!important}
  .brandMark{width:58px!important;height:52px!important}
  .brandWords strong{font-size:13px!important;letter-spacing:1.7px!important}
  .brandWords b{margin-top:3px!important;font-size:8px!important;letter-spacing:2.5px!important}
  .brandWords small{display:none!important}
  .searchSubmit{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important;margin:2px!important;font-size:19px!important}
  .page-new-arrivals .toolbar{align-items:center!important}
  .page-track .collectionHero,.page-returns .collectionHero,.page-notifications .collectionHero{min-height:500px!important;padding:280px 24px 28px!important;background-position:center top!important;background-size:100% 62%!important}
  .page-track .collectionHero{background-image:linear-gradient(0deg,#fffaf2 0%,#f5e4d3 45%,transparent 69%),url('../assets/brand-imagery/collections-hero.webp')!important}
  .page-returns .collectionHero{background-image:linear-gradient(0deg,#fffaf2 0%,#f5e4d3 45%,transparent 69%),url('../assets/brand-imagery/women-hero.webp')!important}
  .page-notifications .collectionHero{background-image:linear-gradient(0deg,#fffaf2 0%,#f5e4d3 45%,transparent 69%),url('../assets/brand-imagery/craft-artisan.webp')!important}
  .registerGrid{grid-template-columns:1fr!important}
  .registerGrid .full{grid-column:auto!important}
}