/* T-Shop Soft Light v18 — approved 2026-09-24
   Responsive visual system for desktop, tablet and mobile. */
:root{
  --ts-navy:#0b2447;
  --ts-blue:#244f7d;
  --ts-gold:#c89b43;
  --ts-gold-soft:#e6c984;
  --ts-cream:#fbf7ef;
  --ts-ivory:#fffdf9;
  --ts-sky:#eef5f8;
  --ts-text:#142846;
  --ts-muted:#6d7b8f;
  --ts-line:#e7dfd1;
  --ts-shadow:0 12px 34px rgba(20,40,70,.09);
}
html{background:var(--ts-ivory)!important}
body{
  background:var(--ts-ivory)!important;
  color:var(--ts-text)!important;
  overflow-x:hidden;
}
.container{width:min(1240px,92vw)!important}

/* promo + header */
.promo{
  background:linear-gradient(90deg,#ead5aa,#f5e8cc)!important;
  color:var(--ts-navy)!important;
  border:0!important;
}
.promo .container{color:var(--ts-navy)!important}
.promo strong{color:var(--ts-navy)!important}
.site-header{
  position:relative!important;
  top:auto!important;
  background:rgba(255,253,249,.96)!important;
  color:var(--ts-navy)!important;
  border-bottom:1px solid var(--ts-line)!important;
  box-shadow:0 7px 24px rgba(25,47,75,.06)!important;
  backdrop-filter:blur(14px)!important;
}
.nav{min-height:86px!important}
.brand-name{color:var(--ts-navy)!important}
.brand-tag{color:#52627a!important}
.nav-links a{color:var(--ts-navy)!important}
.nav-links a:hover{color:#946d28!important}
.round-btn{
  background:#fff!important;
  color:var(--ts-navy)!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:none!important;
}

/* approved soft hero */
.hero-approved{
  min-height:600px!important;
  color:var(--ts-navy)!important;
  background:#f5efe4!important;
}
.hero-approved-inner{min-height:600px!important}
.hero-approved-bg img{
  filter:saturate(.88) brightness(1.1) contrast(.92)!important;
}
.hero-approved-shade{
  background:
    linear-gradient(90deg,rgba(255,251,244,.98) 0%,rgba(255,250,241,.91) 35%,rgba(255,250,242,.40) 60%,rgba(255,250,242,.06) 100%)!important;
}
.hero-approved-copy{width:min(650px,55%)!important;padding:58px 0!important}
.hero-approved .eyebrow{color:#7b6643!important}
.hero-approved h1{
  color:var(--ts-navy)!important;
  text-shadow:none!important;
  font-size:clamp(58px,6vw,88px)!important;
}
.hero-approved-copy>p{
  color:#30455f!important;
  font-size:19px!important;
}
.hero-approved-message{
  color:#7f6333!important;
  text-shadow:0 1px 8px rgba(255,255,255,.9)!important;
  opacity:.86;
}
.hero-approved-values{color:#806434!important}
.btn-gold{
  background:linear-gradient(135deg,#e7c371,#f3d99c)!important;
  color:var(--ts-navy)!important;
  border:1px solid #d6b360!important;
  box-shadow:0 8px 20px rgba(173,129,52,.16)!important;
}
.btn-light{
  background:rgba(255,255,255,.88)!important;
  color:var(--ts-navy)!important;
  border:1px solid #d9cdb9!important;
  box-shadow:none!important;
}

/* light sections */
.section,.section-soft,.journal-section,
.category-store,.all-products-section{
  background:var(--ts-ivory)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.section-soft,#collections.section-soft{background:#f8f5ef!important}
.section h2,.section-head h2,
#collections h2,.all-products-section h2{
  color:var(--ts-navy)!important;
  text-shadow:none!important;
}
.section .sub,.section-head .sub,.sub{color:var(--ts-muted)!important}
.section .link,.section-head .link,.link{color:#2864a3!important}

/* collection imagery */
.collection-grid{gap:16px!important}
.collection-card{
  background:#fff!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:var(--ts-shadow)!important;
}
.collection-card::after{
  background:linear-gradient(180deg,transparent 48%,rgba(11,36,71,.82) 100%)!important;
}
.collection-card img{
  filter:saturate(.92) contrast(.96) brightness(1.05)!important;
}
.collection-card .cap h3{color:#fff!important}
.collection-card .cap small{color:#f1f4f7!important}

/* products: merchandise first */
.products,.new-products{gap:16px!important}
.product-card{
  background:#fff!important;
  color:var(--ts-text)!important;
  border:1px solid #e5e8ec!important;
  border-radius:18px!important;
  box-shadow:0 8px 26px rgba(20,40,70,.08)!important;
}
.product-card:hover{box-shadow:0 14px 34px rgba(20,40,70,.12)!important}
.product-media{
  background:#f8fafb!important;
  padding:0!important;
}
.product-media img{
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
.product-info{color:var(--ts-text)!important}
.product-info h3,.product-info h3 a{color:var(--ts-navy)!important}
.product-info small{color:var(--ts-muted)!important}
.product-info .price,.price{color:var(--ts-navy)!important}
.swatches i{box-shadow:0 0 0 1px rgba(20,40,70,.12)!important}

/* created image gallery */
.created-mockups{
  background:linear-gradient(180deg,#f7f4ee,#eef4f7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.created-mockups h2{color:var(--ts-navy)!important}
.created-mockups .mockup-head p{color:var(--ts-muted)!important}
.mockup-card{
  background:#fff!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:var(--ts-shadow)!important;
}
.mockup-card:after{
  background:linear-gradient(180deg,transparent 52%,rgba(11,36,71,.84) 100%)!important;
}
.mockup-copy small{color:#f1d998!important}

/* trust/story/journal */
.trust{
  background:linear-gradient(90deg,#f4f7f8,#fbf4e7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.trust-item b{color:var(--ts-navy)!important}
.trust-item span{color:var(--ts-muted)!important}
.trust-icon{color:#98732e!important;border-color:#d9c496!important}
.story{
  background:linear-gradient(110deg,#eef3f5,#fbf4e7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.story h2{color:var(--ts-navy)!important}
.story p,.story-quote{color:#4c5d73!important}
.journal-card{
  background:#fff!important;
  color:var(--ts-text)!important;
  border-color:#e5e8ec!important;
  box-shadow:var(--ts-shadow)!important;
}

/* shop */
.shop-hero,.shop-hero-premium{
  background:
    radial-gradient(circle at 82% 20%,rgba(207,228,239,.72),transparent 26%),
    linear-gradient(135deg,#fbf7ef,#eef4f7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.shop-hero h1,.shop-hero-premium h1{color:var(--ts-navy)!important}
.shop-hero p,.shop-hero-premium p{color:#53667b!important}
.category-block{
  background:#fff!important;
  color:var(--ts-text)!important;
  border:1px solid #e2e7ec!important;
  box-shadow:var(--ts-shadow)!important;
}
.category-block-head h3{color:var(--ts-navy)!important}
.category-meta{color:var(--ts-muted)!important}
.category-view{color:#2864a3!important}
.shop-toolbar,.all-products-section .shop-toolbar{
  background:rgba(255,253,249,.95)!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:0 8px 22px rgba(20,40,70,.06)!important;
}
.shop-toolbar input,.shop-toolbar select,.notice{
  background:#fff!important;
  color:var(--ts-text)!important;
  border:1px solid #dfe5e9!important;
}
.chip{
  background:#fff!important;
  color:var(--ts-navy)!important;
  border-color:#dfe5e9!important;
}
.chip.active{
  background:#ead3a0!important;
  color:var(--ts-navy)!important;
  border-color:#d0ae65!important;
}

/* general internal pages */
.collections-hero,.blog-hero,.page-hero,.about-hero{
  background:linear-gradient(135deg,#fbf7ef,#edf4f7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.collections-hero h1,.blog-hero h1,.page-hero h1,.about-hero h1{color:var(--ts-navy)!important}
.all-collection,.info-card,.step,.sidebar-card,.contact-card,.form-card{
  background:#fff!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
  box-shadow:var(--ts-shadow)!important;
}
.footer{
  background:#f3eee5!important;
  color:var(--ts-text)!important;
  border-top:1px solid var(--ts-line)!important;
}
.footer h3,.footer h4,.footer strong{color:var(--ts-navy)!important}
.footer a,.footer small,.footer-bottom{color:#55677c!important}
.footer-bottom{border-color:#dcd4c7!important}

/* product detail */
.product-page{background:var(--ts-ivory)!important}
.product-image{
  background:#fff!important;
  border-color:#e2e7ec!important;
  box-shadow:var(--ts-shadow)!important;
}
.product-image img{object-fit:contain!important}
.product-copy h1{color:var(--ts-navy)!important}
.product-copy p{color:#53667b!important}

/* Tablet */
@media (min-width:701px) and (max-width:1080px){
  .nav{min-height:78px!important}
  .hero-approved,.hero-approved-inner{min-height:540px!important}
  .hero-approved-copy{width:58%!important;padding:44px 0!important}
  .hero-approved h1{font-size:clamp(50px,7vw,70px)!important}
  .hero-approved-copy>p{font-size:17px!important}
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .category-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Mobile */
@media(max-width:700px){
  .container{width:min(94vw,680px)!important}
  .promo .container{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:6px 0!important;
    font-size:.68rem!important;
    line-height:1.2!important;
  }
  .promo span:nth-child(2){text-align:right!important}
  .promo span:nth-child(3){display:none!important}
  .site-header{position:relative!important;top:auto!important}
  .nav{
    min-height:66px!important;
    padding:6px 0!important;
    grid-template-columns:1fr auto!important;
  }
  .brand img{width:46px!important;height:46px!important}
  .brand-name{font-size:1.15rem!important}
  .brand-tag{font-size:.64rem!important}
  .round-btn{height:40px!important;min-width:40px!important;padding:0 9px!important;font-size:.72rem!important}
  .nav-links{
    top:66px!important;
    background:#fff!important;
    color:var(--ts-navy)!important;
    border-top:1px solid var(--ts-line)!important;
    box-shadow:0 15px 30px rgba(20,40,70,.12)!important;
  }
  .nav-links a{color:var(--ts-navy)!important;border-color:#ece5da!important}

  .hero-approved{min-height:650px!important}
  .hero-approved-inner{min-height:650px!important;align-items:flex-end!important;padding-bottom:24px!important}
  .hero-approved-bg img{
    object-position:64% top!important;
    filter:saturate(.84) brightness(1.12) contrast(.9)!important;
  }
  .hero-approved-shade{
    background:
      linear-gradient(180deg,rgba(255,252,247,.06) 0%,rgba(255,252,247,.10) 32%,rgba(255,252,247,.78) 63%,#fbf7ef 100%)!important;
  }
  .hero-approved-copy{width:100%!important;padding:0!important}
  .hero-approved .eyebrow{font-size:.58rem!important;color:#756449!important;margin-bottom:8px!important}
  .hero-approved h1{
    font-size:clamp(42px,12vw,54px)!important;
    line-height:.92!important;
    margin-bottom:10px!important;
  }
  .hero-approved-copy>p{
    font-size:14px!important;
    line-height:1.4!important;
    max-width:88%!important;
    color:#34475f!important;
    margin-bottom:13px!important;
  }
  .hero-approved-actions{
    display:grid!important;
    grid-template-columns:1.15fr .85fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .hero-approved-actions .btn{
    min-width:0!important;
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:.76rem!important;
  }
  .hero-approved-benefits{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px 10px!important;
    color:#41536a!important;
    font-size:.62rem!important;
  }
  .hero-approved-message,.hero-approved-values{display:none!important}

  .section{padding:22px 0!important}
  .section h2{font-size:1.6rem!important}
  .section-head{display:block!important}
  .section-head .link{display:inline-block;margin-top:7px!important}
  .collection-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }
  .collection-card{aspect-ratio:1/1!important;min-width:0!important}
  .products{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .product-media{aspect-ratio:1/1!important}
  .product-info{padding:9px!important}
  .product-info h3{font-size:.78rem!important;min-height:auto!important}
  .product-info small{font-size:.6rem!important}
  .product-info .btn{min-height:39px!important;font-size:.7rem!important}

  .created-mockups{padding:24px 0!important}
  .mockup-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .mockup-card,.mockup-card:nth-child(1){
    grid-column:span 1!important;
    min-height:230px!important;
  }
  .mockup-card:nth-child(1){grid-column:1/-1!important;min-height:285px!important}

  .trust-grid{grid-template-columns:1fr 1fr!important}
  .story-inner{grid-template-columns:1fr!important}
  .new-products{grid-template-columns:1fr 1fr!important}

  .shop-hero,.shop-hero-premium{padding:30px 0 26px!important}
  .shop-hero h1,.shop-hero-premium h1{font-size:2.55rem!important}
  .category-block{padding:12px!important;margin-bottom:18px!important}
  .category-block-head{align-items:flex-start!important}
  .category-products{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .shop-toolbar{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .shop-toolbar input{grid-column:1/-1!important}
  .chips{flex-wrap:nowrap!important;overflow-x:auto!important}
  .chip{white-space:nowrap!important}

  .footer-grid{grid-template-columns:1fr 1fr!important}
  .footer-grid>div:first-child{grid-column:1/-1!important}
}
@media(max-width:390px){
  .promo .container{font-size:.62rem!important}
  .brand-tag{display:none!important}
  .brand-name{font-size:1.05rem!important}
  .hero-approved{min-height:610px!important}
  .hero-approved-inner{min-height:610px!important}
  .hero-approved h1{font-size:40px!important}
  .hero-approved-actions{grid-template-columns:1fr!important}
  .products,.category-products{grid-template-columns:1fr 1fr!important}
}


/* Mobile hero crop refinement — keep both subject and dog visible */
@media(max-width:700px){
  .hero-approved{min-height:690px!important}
  .hero-approved-inner{min-height:690px!important}
  .hero-approved-bg img{
    object-position:45% 35%!important;
    object-fit:cover!important;
  }
}
@media(max-width:390px){
  .hero-approved{min-height:660px!important}
  .hero-approved-inner{min-height:660px!important}
  .hero-approved-bg img{object-position:43% 34%!important}
}


/* v18.1 cross-device refinement */
@media(min-width:1081px){
  .container{width:min(1280px,90vw)!important}
  .nav{min-height:88px!important}
  .hero-approved,.hero-approved-inner{min-height:620px!important}
  .hero-approved-copy{width:min(620px,50%)!important;padding:62px 0!important}
  .hero-approved h1{font-size:clamp(64px,5.9vw,92px)!important}
  .collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .category-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .product-media{aspect-ratio:1/1!important}
}
@media(min-width:701px) and (max-width:1080px){
  .container{width:min(94vw,960px)!important}
  .nav{grid-template-columns:auto 1fr auto!important;gap:14px!important}
  .brand img{width:56px!important;height:56px!important}
  .brand-name{font-size:1.55rem!important}
  .brand-tag{font-size:.78rem!important}
  .hero-approved-bg img{object-position:61% center!important}
  .hero-approved-shade{background:linear-gradient(90deg,rgba(255,251,244,.96) 0%,rgba(255,250,241,.82) 42%,rgba(255,250,242,.22) 72%,rgba(255,250,242,.03) 100%)!important}
  .hero-approved-copy{width:60%!important}
  .hero-approved h1{font-size:clamp(52px,7.5vw,72px)!important}
  .hero-approved-message{right:3%!important;font-size:32px!important}
  .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .category-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mockup-grid{grid-template-columns:repeat(3,1fr)!important}
  .mockup-card:nth-child(1){grid-column:span 2!important}
}
@media(max-width:700px){
  .promo .container{align-items:center!important}
  .site-header{z-index:60!important}
  .nav{width:94vw!important}
  .brand{min-width:0!important}
  .brand-name{white-space:nowrap!important}
  .nav-actions{margin-left:auto!important}
  .hero-approved{min-height:620px!important}
  .hero-approved-inner{min-height:620px!important}
  .hero-approved-bg img{object-position:66% top!important}
  .hero-approved-shade{background:linear-gradient(180deg,rgba(255,252,247,.03) 0%,rgba(255,252,247,.06) 34%,rgba(255,252,247,.72) 64%,#fbf7ef 100%)!important}
  .hero-approved-copy{padding-bottom:4px!important}
  .hero-approved h1{max-width:88%!important}
  .hero-approved-copy>p{max-width:92%!important}
  .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .collection-card{aspect-ratio:.92/1!important}
  .products,.category-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-card{min-width:0!important}
  .product-media img{width:100%!important;height:100%!important;object-fit:contain!important}
  .mockup-grid{grid-template-columns:1fr 1fr!important}
  .journal-card{grid-template-columns:96px 1fr!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
  .promo .container{font-size:.6rem!important}
  .brand img{width:42px!important;height:42px!important}
  .brand-name{font-size:1rem!important}
  .round-btn{height:38px!important;min-width:38px!important;padding:0 8px!important}
  .hero-approved{min-height:590px!important}
  .hero-approved-inner{min-height:590px!important;padding-bottom:18px!important}
  .hero-approved-bg img{object-position:68% top!important}
  .hero-approved h1{font-size:38px!important;max-width:92%!important}
  .hero-approved-copy>p{font-size:13px!important}
  .hero-approved-benefits{grid-template-columns:1fr 1fr!important;font-size:.58rem!important}
  .section{padding:18px 0!important}
  .section h2{font-size:1.45rem!important}
  .collection-grid{gap:8px!important}
  .products,.category-products{gap:8px!important}
  .product-info{padding:8px!important}
  .product-info h3{font-size:.74rem!important}
  .price{font-size:.78rem!important}
  .mockup-card,.mockup-card:nth-child(1){min-height:210px!important}
  .mockup-card:nth-child(1){min-height:255px!important}
  .journal-card{grid-template-columns:86px 1fr!important}
  .journal-body h3{font-size:.98rem!important}
}


/* v18.2 vivid image correction — 2026-09-24 */
.hero-approved-bg img{
  filter:saturate(1.08) brightness(1.04) contrast(1.02)!important;
}
.collection-card img{
  filter:saturate(1.12) contrast(1.02) brightness(1.02)!important;
}
.mockup-card img{
  filter:saturate(1.10) contrast(1.02) brightness(1.02)!important;
}
.product-media img{
  filter:saturate(1.06) contrast(1.01)!important;
}
.story-art img,.journal-card img,.all-collection img,.photo-strip img{
  filter:saturate(1.06) contrast(1.01) brightness(1.01)!important;
}
.hero-approved-shade{
  background:linear-gradient(90deg,rgba(255,251,244,.95) 0%,rgba(255,250,241,.78) 34%,rgba(255,250,242,.24) 58%,rgba(255,250,242,.02) 100%)!important;
}
#collections.section-soft{background:#fffaf3!important}
.created-mockups{background:linear-gradient(180deg,#fffaf3,#f2f7fa)!important}
.trust{background:linear-gradient(90deg,#f2f8fc,#fff4d9)!important}
.story{background:linear-gradient(110deg,#eef7fb,#fff3d8)!important}
.btn-gold{
  background:linear-gradient(135deg,#e8bd59,#f5d88d)!important;
  border-color:#d7ab4c!important;
}
@media(max-width:700px){
  .hero-approved-bg img{
    filter:saturate(1.09) brightness(1.05) contrast(1.02)!important;
  }
  .hero-approved-shade{
    background:linear-gradient(180deg,rgba(255,252,247,.01) 0%,rgba(255,252,247,.03) 34%,rgba(255,252,247,.62) 63%,#fffaf3 100%)!important;
  }
}


/* v18.3 cross-browser/device hardening — 2026-09-24 */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-width:320px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img,picture,svg,video{
  max-width:100%;
}
img{
  height:auto;
  -webkit-user-drag:none;
}
button,input,select,textarea{
  max-width:100%;
}
button,a,.btn,.round-btn,.chip{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.site-header{
  -webkit-backdrop-filter:blur(14px)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header,.shop-toolbar{background:#fffdf9!important}
}
.nav,.brand,.nav-actions,.hero-approved-copy,.product-card,.product-info{
  min-width:0;
}
.nav-links{
  overscroll-behavior:contain;
}
.collection-grid,.products,.category-products,.mockup-grid,.journal-grid{
  min-width:0;
}
.product-media,.product-image{
  overflow:hidden;
}
.product-media img,.product-image img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hero-approved-bg,.hero-approved-bg img{
  width:100%!important;
  height:100%!important;
}
.hero-approved-bg img{
  object-fit:cover!important;
}
.cart{
  max-width:calc(100vw - 24px)!important;
}
@media(max-width:700px){
  body{
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
  .promo,.site-header,.footer{
    margin-left:calc(-1 * env(safe-area-inset-left));
    margin-right:calc(-1 * env(safe-area-inset-right));
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
  input,select,textarea{
    font-size:16px!important;
  }
  .chips,.collection-grid{
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .chips::-webkit-scrollbar,.collection-grid::-webkit-scrollbar{display:none}
  .nav-actions{flex-shrink:0!important}
  .brand{overflow:hidden!important}
  .brand>div{min-width:0!important}
  .product-card{width:100%!important}
  .product-media{aspect-ratio:1/1!important}
  .product-media img{
    object-fit:contain!important;
    object-position:center!important;
  }
  .category-products .product-media img{
    object-fit:contain!important;
  }
}
@media(hover:none){
  .collection-card:hover,.product-card:hover,.mockup-card:hover img,.btn-gold:hover{
    transform:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* T-Shop Soft Light v18 — approved 2026-09-24
   Responsive visual system for desktop, tablet and mobile. */
:root{
  --ts-navy:#0b2447;
  --ts-blue:#244f7d;
  --ts-gold:#c89b43;
  --ts-gold-soft:#e6c984;
  --ts-cream:#fbf7ef;
  --ts-ivory:#fffdf9;
  --ts-sky:#eef5f8;
  --ts-text:#142846;
  --ts-muted:#6d7b8f;
  --ts-line:#e7dfd1;
  --ts-shadow:0 12px 34px rgba(20,40,70,.09);
}
html{background:var(--ts-ivory)!important}
body{
  background:var(--ts-ivory)!important;
  color:var(--ts-text)!important;
  overflow-x:hidden;
}
.container{width:min(1240px,92vw)!important}

/* promo + header */
.promo{
  background:linear-gradient(90deg,#ead5aa,#f5e8cc)!important;
  color:var(--ts-navy)!important;
  border:0!important;
}
.promo .container{color:var(--ts-navy)!important}
.promo strong{color:var(--ts-navy)!important}
.site-header{
  position:relative!important;
  top:auto!important;
  background:rgba(255,253,249,.96)!important;
  color:var(--ts-navy)!important;
  border-bottom:1px solid var(--ts-line)!important;
  box-shadow:0 7px 24px rgba(25,47,75,.06)!important;
  backdrop-filter:blur(14px)!important;
}
.nav{min-height:86px!important}
.brand-name{color:var(--ts-navy)!important}
.brand-tag{color:#52627a!important}
.nav-links a{color:var(--ts-navy)!important}
.nav-links a:hover{color:#946d28!important}
.round-btn{
  background:#fff!important;
  color:var(--ts-navy)!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:none!important;
}

/* approved soft hero */
.hero-approved{
  min-height:600px!important;
  color:var(--ts-navy)!important;
  background:#f5efe4!important;
}
.hero-approved-inner{min-height:600px!important}
.hero-approved-bg img{
  filter:saturate(.88) brightness(1.1) contrast(.92)!important;
}
.hero-approved-shade{
  background:
    linear-gradient(90deg,rgba(255,251,244,.98) 0%,rgba(255,250,241,.91) 35%,rgba(255,250,242,.40) 60%,rgba(255,250,242,.06) 100%)!important;
}
.hero-approved-copy{width:min(650px,55%)!important;padding:58px 0!important}
.hero-approved .eyebrow{color:#7b6643!important}
.hero-approved h1{
  color:var(--ts-navy)!important;
  text-shadow:none!important;
  font-size:clamp(58px,6vw,88px)!important;
}
.hero-approved-copy>p{
  color:#30455f!important;
  font-size:19px!important;
}
.hero-approved-message{
  color:#7f6333!important;
  text-shadow:0 1px 8px rgba(255,255,255,.9)!important;
  opacity:.86;
}
.hero-approved-values{color:#806434!important}
.btn-gold{
  background:linear-gradient(135deg,#e7c371,#f3d99c)!important;
  color:var(--ts-navy)!important;
  border:1px solid #d6b360!important;
  box-shadow:0 8px 20px rgba(173,129,52,.16)!important;
}
.btn-light{
  background:rgba(255,255,255,.88)!important;
  color:var(--ts-navy)!important;
  border:1px solid #d9cdb9!important;
  box-shadow:none!important;
}

/* light sections */
.section,.section-soft,.journal-section,
.category-store,.all-products-section{
  background:var(--ts-ivory)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.section-soft,#collections.section-soft{background:#f8f5ef!important}
.section h2,.section-head h2,
#collections h2,.all-products-section h2{
  color:var(--ts-navy)!important;
  text-shadow:none!important;
}
.section .sub,.section-head .sub,.sub{color:var(--ts-muted)!important}
.section .link,.section-head .link,.link{color:#2864a3!important}

/* collection imagery */
.collection-grid{gap:16px!important}
.collection-card{
  background:#fff!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:var(--ts-shadow)!important;
}
.collection-card::after{
  background:linear-gradient(180deg,transparent 48%,rgba(11,36,71,.82) 100%)!important;
}
.collection-card img{
  filter:saturate(.92) contrast(.96) brightness(1.05)!important;
}
.collection-card .cap h3{color:#fff!important}
.collection-card .cap small{color:#f1f4f7!important}

/* products: merchandise first */
.products,.new-products{gap:16px!important}
.product-card{
  background:#fff!important;
  color:var(--ts-text)!important;
  border:1px solid #e5e8ec!important;
  border-radius:18px!important;
  box-shadow:0 8px 26px rgba(20,40,70,.08)!important;
}
.product-card:hover{box-shadow:0 14px 34px rgba(20,40,70,.12)!important}
.product-media{
  background:#f8fafb!important;
  padding:0!important;
}
.product-media img{
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
.product-info{color:var(--ts-text)!important}
.product-info h3,.product-info h3 a{color:var(--ts-navy)!important}
.product-info small{color:var(--ts-muted)!important}
.product-info .price,.price{color:var(--ts-navy)!important}
.swatches i{box-shadow:0 0 0 1px rgba(20,40,70,.12)!important}

/* created image gallery */
.created-mockups{
  background:linear-gradient(180deg,#f7f4ee,#eef4f7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.created-mockups h2{color:var(--ts-navy)!important}
.created-mockups .mockup-head p{color:var(--ts-muted)!important}
.mockup-card{
  background:#fff!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:var(--ts-shadow)!important;
}
.mockup-card:after{
  background:linear-gradient(180deg,transparent 52%,rgba(11,36,71,.84) 100%)!important;
}
.mockup-copy small{color:#f1d998!important}

/* trust/story/journal */
.trust{
  background:linear-gradient(90deg,#f4f7f8,#fbf4e7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.trust-item b{color:var(--ts-navy)!important}
.trust-item span{color:var(--ts-muted)!important}
.trust-icon{color:#98732e!important;border-color:#d9c496!important}
.story{
  background:linear-gradient(110deg,#eef3f5,#fbf4e7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.story h2{color:var(--ts-navy)!important}
.story p,.story-quote{color:#4c5d73!important}
.journal-card{
  background:#fff!important;
  color:var(--ts-text)!important;
  border-color:#e5e8ec!important;
  box-shadow:var(--ts-shadow)!important;
}

/* shop */
.shop-hero,.shop-hero-premium{
  background:
    radial-gradient(circle at 82% 20%,rgba(207,228,239,.72),transparent 26%),
    linear-gradient(135deg,#fbf7ef,#eef4f7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.shop-hero h1,.shop-hero-premium h1{color:var(--ts-navy)!important}
.shop-hero p,.shop-hero-premium p{color:#53667b!important}
.category-block{
  background:#fff!important;
  color:var(--ts-text)!important;
  border:1px solid #e2e7ec!important;
  box-shadow:var(--ts-shadow)!important;
}
.category-block-head h3{color:var(--ts-navy)!important}
.category-meta{color:var(--ts-muted)!important}
.category-view{color:#2864a3!important}
.shop-toolbar,.all-products-section .shop-toolbar{
  background:rgba(255,253,249,.95)!important;
  border:1px solid var(--ts-line)!important;
  box-shadow:0 8px 22px rgba(20,40,70,.06)!important;
}
.shop-toolbar input,.shop-toolbar select,.notice{
  background:#fff!important;
  color:var(--ts-text)!important;
  border:1px solid #dfe5e9!important;
}
.chip{
  background:#fff!important;
  color:var(--ts-navy)!important;
  border-color:#dfe5e9!important;
}
.chip.active{
  background:#ead3a0!important;
  color:var(--ts-navy)!important;
  border-color:#d0ae65!important;
}

/* general internal pages */
.collections-hero,.blog-hero,.page-hero,.about-hero{
  background:linear-gradient(135deg,#fbf7ef,#edf4f7)!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
}
.collections-hero h1,.blog-hero h1,.page-hero h1,.about-hero h1{color:var(--ts-navy)!important}
.all-collection,.info-card,.step,.sidebar-card,.contact-card,.form-card{
  background:#fff!important;
  color:var(--ts-text)!important;
  border-color:var(--ts-line)!important;
  box-shadow:var(--ts-shadow)!important;
}
.footer{
  background:#f3eee5!important;
  color:var(--ts-text)!important;
  border-top:1px solid var(--ts-line)!important;
}
.footer h3,.footer h4,.footer strong{color:var(--ts-navy)!important}
.footer a,.footer small,.footer-bottom{color:#55677c!important}
.footer-bottom{border-color:#dcd4c7!important}

/* product detail */
.product-page{background:var(--ts-ivory)!important}
.product-image{
  background:#fff!important;
  border-color:#e2e7ec!important;
  box-shadow:var(--ts-shadow)!important;
}
.product-image img{object-fit:contain!important}
.product-copy h1{color:var(--ts-navy)!important}
.product-copy p{color:#53667b!important}

/* Tablet */
@media (min-width:701px) and (max-width:1080px){
  .nav{min-height:78px!important}
  .hero-approved,.hero-approved-inner{min-height:540px!important}
  .hero-approved-copy{width:58%!important;padding:44px 0!important}
  .hero-approved h1{font-size:clamp(50px,7vw,70px)!important}
  .hero-approved-copy>p{font-size:17px!important}
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .category-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Mobile */
@media(max-width:700px){
  .container{width:min(94vw,680px)!important}
  .promo .container{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:6px 0!important;
    font-size:.68rem!important;
    line-height:1.2!important;
  }
  .promo span:nth-child(2){text-align:right!important}
  .promo span:nth-child(3){display:none!important}
  .site-header{position:relative!important;top:auto!important}
  .nav{
    min-height:66px!important;
    padding:6px 0!important;
    grid-template-columns:1fr auto!important;
  }
  .brand img{width:46px!important;height:46px!important}
  .brand-name{font-size:1.15rem!important}
  .brand-tag{font-size:.64rem!important}
  .round-btn{height:40px!important;min-width:40px!important;padding:0 9px!important;font-size:.72rem!important}
  .nav-links{
    top:66px!important;
    background:#fff!important;
    color:var(--ts-navy)!important;
    border-top:1px solid var(--ts-line)!important;
    box-shadow:0 15px 30px rgba(20,40,70,.12)!important;
  }
  .nav-links a{color:var(--ts-navy)!important;border-color:#ece5da!important}

  .hero-approved{min-height:650px!important}
  .hero-approved-inner{min-height:650px!important;align-items:flex-end!important;padding-bottom:24px!important}
  .hero-approved-bg img{
    object-position:64% top!important;
    filter:saturate(.84) brightness(1.12) contrast(.9)!important;
  }
  .hero-approved-shade{
    background:
      linear-gradient(180deg,rgba(255,252,247,.06) 0%,rgba(255,252,247,.10) 32%,rgba(255,252,247,.78) 63%,#fbf7ef 100%)!important;
  }
  .hero-approved-copy{width:100%!important;padding:0!important}
  .hero-approved .eyebrow{font-size:.58rem!important;color:#756449!important;margin-bottom:8px!important}
  .hero-approved h1{
    font-size:clamp(42px,12vw,54px)!important;
    line-height:.92!important;
    margin-bottom:10px!important;
  }
  .hero-approved-copy>p{
    font-size:14px!important;
    line-height:1.4!important;
    max-width:88%!important;
    color:#34475f!important;
    margin-bottom:13px!important;
  }
  .hero-approved-actions{
    display:grid!important;
    grid-template-columns:1.15fr .85fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .hero-approved-actions .btn{
    min-width:0!important;
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:.76rem!important;
  }
  .hero-approved-benefits{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px 10px!important;
    color:#41536a!important;
    font-size:.62rem!important;
  }
  .hero-approved-message,.hero-approved-values{display:none!important}

  .section{padding:22px 0!important}
  .section h2{font-size:1.6rem!important}
  .section-head{display:block!important}
  .section-head .link{display:inline-block;margin-top:7px!important}
  .collection-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }
  .collection-card{aspect-ratio:1/1!important;min-width:0!important}
  .products{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .product-media{aspect-ratio:1/1!important}
  .product-info{padding:9px!important}
  .product-info h3{font-size:.78rem!important;min-height:auto!important}
  .product-info small{font-size:.6rem!important}
  .product-info .btn{min-height:39px!important;font-size:.7rem!important}

  .created-mockups{padding:24px 0!important}
  .mockup-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .mockup-card,.mockup-card:nth-child(1){
    grid-column:span 1!important;
    min-height:230px!important;
  }
  .mockup-card:nth-child(1){grid-column:1/-1!important;min-height:285px!important}

  .trust-grid{grid-template-columns:1fr 1fr!important}
  .story-inner{grid-template-columns:1fr!important}
  .new-products{grid-template-columns:1fr 1fr!important}

  .shop-hero,.shop-hero-premium{padding:30px 0 26px!important}
  .shop-hero h1,.shop-hero-premium h1{font-size:2.55rem!important}
  .category-block{padding:12px!important;margin-bottom:18px!important}
  .category-block-head{align-items:flex-start!important}
  .category-products{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .shop-toolbar{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .shop-toolbar input{grid-column:1/-1!important}
  .chips{flex-wrap:nowrap!important;overflow-x:auto!important}
  .chip{white-space:nowrap!important}

  .footer-grid{grid-template-columns:1fr 1fr!important}
  .footer-grid>div:first-child{grid-column:1/-1!important}
}
@media(max-width:390px){
  .promo .container{font-size:.62rem!important}
  .brand-tag{display:none!important}
  .brand-name{font-size:1.05rem!important}
  .hero-approved{min-height:610px!important}
  .hero-approved-inner{min-height:610px!important}
  .hero-approved h1{font-size:40px!important}
  .hero-approved-actions{grid-template-columns:1fr!important}
  .products,.category-products{grid-template-columns:1fr 1fr!important}
}


/* v19 final cleanup: remove legacy contrast, tighten homepage, prioritize shirts */
body{min-width:0}
.site-header{z-index:50!important}
.hero-approved{min-height:520px!important}
.hero-approved-inner{min-height:520px!important}
.hero-approved-copy{padding:40px 0!important}
.hero-approved h1{font-size:clamp(54px,5.7vw,82px)!important;margin-bottom:16px!important}
.hero-approved-copy>p{max-width:560px!important;margin-bottom:20px!important}
.hero-approved-actions{margin-bottom:20px!important}
.hero-approved-benefits{gap:14px 20px!important}
.hero-approved-message,.hero-approved-values{display:none!important}
.hero-approved-shade{
  background:linear-gradient(90deg,rgba(255,251,244,.99) 0%,rgba(255,250,242,.94) 36%,rgba(255,250,242,.46) 62%,rgba(255,250,242,.08) 100%)!important
}
.section{padding:30px 0!important}
#featuredGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#featuredGrid .product-card{min-width:0}
.product-media{aspect-ratio:1/1!important}
.product-media img{width:100%!important;height:100%!important;object-fit:contain!important}
.created-mockups{display:none!important}
#collections{padding-top:30px!important;padding-bottom:34px!important}
.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.collection-card{aspect-ratio:1.08/1!important}
.collection-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.story-inner{padding:30px 0!important}
.journal-section{padding-top:34px!important}

/* Shop: products first, categories compact */
.shop-hero-premium{padding:36px 0 28px!important}
.shop-hero-premium h1{font-size:clamp(2.8rem,5vw,4.5rem)!important}
.category-store{padding-top:22px!important}
.category-block{padding:14px!important;margin-bottom:20px!important}
.category-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.all-products-section{padding-top:24px!important}
.all-products-section .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Product page: purchase path visible and compact */
.product-detail{gap:28px!important}
.product-image{padding:10px!important}
.product-actions{gap:10px!important}
.product-actions .btn{min-width:170px}

/* Tablet */
@media (min-width:701px) and (max-width:1080px){
  .hero-approved,.hero-approved-inner{min-height:480px!important}
  .hero-approved-copy{padding:34px 0!important}
  #featuredGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .category-products,.all-products-section .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Mobile final pass */
@media(max-width:700px){
  .promo .container{align-items:center!important}
  .nav{min-height:62px!important}
  .brand img{width:42px!important;height:42px!important}
  .hero-approved{min-height:555px!important}
  .hero-approved-inner{min-height:555px!important;padding-bottom:18px!important}
  .hero-approved-bg{height:58%!important;bottom:auto!important}
  .hero-approved-bg img{object-position:62% top!important}
  .hero-approved-shade{
    background:linear-gradient(180deg,rgba(255,252,247,.02) 0%,rgba(255,252,247,.08) 38%,rgba(255,252,247,.84) 68%,#fbf7ef 100%)!important
  }
  .hero-approved-copy{padding:0!important}
  .hero-approved h1{font-size:clamp(38px,11.5vw,48px)!important;margin-bottom:8px!important}
  .hero-approved-copy>p{font-size:13px!important;max-width:94%!important;margin-bottom:10px!important}
  .hero-approved-actions{margin-bottom:10px!important}
  .hero-approved-benefits{font-size:.58rem!important;gap:5px 8px!important}
  .section{padding:18px 0!important}
  #featuredGrid{grid-template-columns:1fr 1fr!important}
  .collection-grid{grid-template-columns:1fr 1fr!important}
  .collection-card{aspect-ratio:1/1!important}
  .story{margin-top:0!important}
  .journal-section{padding-top:22px!important}
  .shop-hero-premium{padding:24px 0 20px!important}
  .shop-hero-premium h1{font-size:2.35rem!important}
  .category-products,.all-products-section .products{grid-template-columns:1fr 1fr!important}
  .product-detail{grid-template-columns:1fr!important;gap:14px!important}
  .product-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .product-actions .btn{min-width:0!important}
}
@media(max-width:390px){
  .hero-approved{min-height:530px!important}
  .hero-approved-inner{min-height:530px!important}
  .hero-approved h1{font-size:37px!important}
  .hero-approved-actions{grid-template-columns:1fr!important}
}

/* T-Shop v20 mobile polish — 2026-09-24 */
:root{
  --ts-navy:#10284b;
  --ts-gold:#d2aa58;
  --ts-cream:#fbf7ef;
  --ts-soft:#f5f1e8;
  --ts-line:#e7dfd2;
}

/* Header: simpler and cleaner */
.site-header{background:#fffdf9!important;box-shadow:0 4px 18px rgba(16,40,75,.06)!important}
.nav{min-height:76px!important}
.brand{gap:10px!important}
.brand img{object-fit:contain!important}
.nav-actions{gap:8px!important}
.round-btn{border-radius:50%!important}

/* Homepage hero refinement */
.hero-approved{
  min-height:500px!important;
  background:var(--ts-cream)!important;
  border-bottom:1px solid var(--ts-line)!important;
}
.hero-approved-inner{min-height:500px!important}
.hero-approved-copy{padding:34px 0!important}
.hero-approved h1{
  font-size:clamp(50px,5.2vw,76px)!important;
  line-height:.94!important;
  letter-spacing:-.035em!important;
}
.hero-approved-copy>p{font-size:17px!important;line-height:1.45!important}
.hero-approved-benefits{color:#44556d!important}
.hero-approved-actions .btn{min-height:48px!important}

/* Featured section should feel like a store, not a landing page */
#featuredGrid .product-card{overflow:hidden!important}
#featuredGrid .product-media{background:#fff!important}
#featuredGrid .product-info{padding:12px!important}
.section-head{margin-bottom:18px!important}
.section h2{letter-spacing:-.02em!important}

/* Less visual noise */
.story-art{box-shadow:none!important}
.collection-card{box-shadow:0 6px 20px rgba(16,40,75,.07)!important}
.product-card{box-shadow:0 6px 20px rgba(16,40,75,.07)!important}

/* Mobile */
@media(max-width:700px){
  .promo .container{
    padding:7px 0!important;
    font-size:.64rem!important;
    white-space:nowrap!important;
  }
  .promo span:nth-child(2){font-size:.62rem!important}

  .nav{
    min-height:64px!important;
    padding:7px 0!important;
  }
  .brand img{display:none!important}
  .brand-name{
    display:block!important;
    font-size:1.2rem!important;
    line-height:1!important;
    letter-spacing:.015em!important;
  }
  .brand-tag{
    display:block!important;
    font-size:.62rem!important;
    margin-top:4px!important;
  }
  .nav-actions .round-btn:first-child{display:none!important}
  .round-btn{
    min-width:42px!important;
    height:42px!important;
    padding:0 9px!important;
    font-size:.72rem!important;
  }

  /* Use the hero art as a clean visual banner, then put copy below it */
  .hero-approved{
    min-height:0!important;
    padding:0!important;
    display:block!important;
  }
  .hero-approved-bg{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:285px!important;
    overflow:hidden!important;
    background:#eef3f5!important;
  }
  .hero-approved-bg img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
    filter:saturate(.86) brightness(1.06) contrast(.94)!important;
  }
  .hero-approved-shade{
    display:none!important;
  }
  .hero-approved-inner{
    min-height:0!important;
    display:block!important;
    padding:0!important;
  }
  .hero-approved-copy{
    width:100%!important;
    padding:20px 0 18px!important;
  }
  .hero-approved .eyebrow{
    font-size:.58rem!important;
    line-height:1.4!important;
    letter-spacing:.15em!important;
    margin:0 0 7px!important;
  }
  .hero-approved h1{
    font-size:clamp(40px,11.2vw,48px)!important;
    line-height:.92!important;
    margin:0 0 10px!important;
    max-width:100%!important;
  }
  .hero-approved-copy>p{
    font-size:13px!important;
    line-height:1.45!important;
    max-width:100%!important;
    margin:0 0 14px!important;
  }
  .hero-approved-actions{
    grid-template-columns:1.15fr .85fr!important;
    gap:8px!important;
    margin:0 0 12px!important;
  }
  .hero-approved-actions .btn{
    min-height:44px!important;
    padding:9px 10px!important;
    font-size:.73rem!important;
  }
  .hero-approved-benefits{
    grid-template-columns:1fr 1fr!important;
    gap:6px 14px!important;
    font-size:.6rem!important;
  }

  /* Featured products */
  .section{padding:20px 0!important}
  .section-head{margin-bottom:12px!important}
  .section h2{font-size:1.58rem!important;line-height:1.05!important}
  .section .sub{font-size:.76rem!important;line-height:1.4!important}
  #featuredGrid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  #featuredGrid .product-card{border-radius:14px!important}
  #featuredGrid .product-media{aspect-ratio:.95/1!important}
  #featuredGrid .product-info h3{font-size:.78rem!important}
  #featuredGrid .price{font-size:.82rem!important}

  /* Collections compact */
  #collections{padding:20px 0 24px!important}
  .collection-grid{gap:10px!important}
  .collection-card{border-radius:14px!important}

  /* Avoid long dense homepage lower down */
  .trust-grid{grid-template-columns:1fr 1fr!important}
  .story-inner{padding:22px 0!important}
  .journal-section{padding-top:20px!important}
}

@media(max-width:390px){
  .promo .container{font-size:.58rem!important}
  .promo span:nth-child(2){font-size:.56rem!important}
  .brand-name{font-size:1.08rem!important}
  .brand-tag{font-size:.58rem!important}
  .hero-approved-bg{height:255px!important}
  .hero-approved h1{font-size:38px!important}
  .hero-approved-actions{grid-template-columns:1fr!important}
}


/* v20.1 — cleanup from live iPhone review */
.hero-approved::before,
.hero-approved::after{
  content:none!important;
  display:none!important;
}

@media(max-width:700px){
  .site-header{border-bottom:1px solid #ece4d8!important}
  .nav{min-height:60px!important}
  .brand-name{font-size:1.14rem!important}
  .brand-tag{font-size:.6rem!important}

  .hero-approved-bg{
    height:245px!important;
    background:#eef2f4!important;
  }
  .hero-approved-bg img{
    object-position:center 38%!important;
  }

  .hero-approved-copy{
    background:#fbf7ef!important;
    padding:18px 0 16px!important;
  }
  .hero-approved .eyebrow{
    color:#7c6845!important;
    margin-bottom:6px!important;
  }
  .hero-approved h1{
    font-size:clamp(36px,10.5vw,44px)!important;
    line-height:.94!important;
    margin-bottom:8px!important;
  }
  .hero-approved-copy>p{
    color:#41516a!important;
    font-size:12.5px!important;
    line-height:1.42!important;
    margin-bottom:12px!important;
  }
  .hero-approved-actions{
    margin-bottom:10px!important;
  }
  .hero-approved-actions .btn{
    min-height:42px!important;
    font-size:.71rem!important;
  }
  .hero-approved-benefits{
    color:#4b5b70!important;
    font-size:.58rem!important;
    line-height:1.2!important;
  }

  #featuredGrid{
    margin-top:2px!important;
  }
  #featuredGrid .product-card{
    box-shadow:0 5px 16px rgba(16,40,75,.06)!important;
  }
}


/* v20.2 — restore shop hero image and keep it softly readable */
.shop-hero-premium{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#eef3f5!important;
}
.shop-hero-premium::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:url("../generated/hero-cosmic.webp") center 42%/cover no-repeat!important;
  filter:saturate(.82) brightness(1.13) contrast(.92)!important;
}
.shop-hero-premium::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(90deg,rgba(255,251,244,.95) 0%,rgba(255,251,244,.84) 46%,rgba(255,251,244,.36) 72%,rgba(255,251,244,.12) 100%)!important;
}
.shop-hero-premium>.container{position:relative!important;z-index:1!important}
@media(max-width:700px){
  .shop-hero-premium{
    min-height:360px!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:0!important;
  }
  .shop-hero-premium::before{
    background-image:url("../generated/hero-mobile.webp")!important;
    background-position:center 20%!important;
  }
  .shop-hero-premium::after{
    background:linear-gradient(180deg,rgba(255,251,244,.05) 0%,rgba(255,251,244,.18) 42%,rgba(255,251,244,.94) 76%,#fbf7ef 100%)!important;
  }
  .shop-hero-premium>.container{padding-top:190px!important;padding-bottom:24px!important}
}


/* v20.3 — cart visibility hotfix */
.nav-actions{display:flex!important;align-items:center!important;flex-shrink:0!important}
.nav-actions [data-open-cart],
.nav-actions .cart-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  min-width:52px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:3!important;
}
#cartCount{
  display:inline-grid!important;
  place-items:center!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#d2aa58!important;
  color:#10284b!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
}
@media(max-width:700px){
  .nav-actions [data-open-cart],
  .nav-actions .cart-btn{
    min-width:48px!important;
    height:42px!important;
    padding:0 9px!important;
    font-size:0!important;
  }
  .nav-actions [data-open-cart]::before,
  .nav-actions .cart-btn::before{
    content:"🛒";
    font-size:17px!important;
    line-height:1!important;
  }
  #cartCount{font-size:10px!important;min-width:18px!important;height:18px!important}
}


/* v20.4 — cart functional visibility fix */
@media(max-width:700px){
  /* Previous first-child rule hid the cart on shop.html because no search button precedes it. */
  .nav-actions .round-btn[data-open-cart]{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}
.cart{
  position:fixed!important;
  top:88px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  width:min(390px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 108px)!important;
  overflow:auto!important;
  background:#fffdf9!important;
  color:#10284b!important;
  border:1px solid #e7dfd2!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(16,40,75,.24)!important;
  z-index:10000!important;
}
.cart.open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.cart [data-close-cart]{
  display:inline-flex!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e7dfd2!important;
  background:#fff!important;
  color:#10284b!important;
  border-radius:999px!important;
  padding:0 12px!important;
}
@media(max-width:700px){
  .cart{
    top:auto!important;
    right:10px!important;
    left:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-height:72dvh!important;
  }
}


/* v20.5 — mobile cart structure reset */
.mobile-cart-launcher{display:none}
.cart-scrim{display:none}
.cart{
  box-sizing:border-box!important;
}
body.cart-open{overflow:hidden!important}
.cart-open .cart-scrim{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  background:rgba(16,40,75,.28)!important;
  z-index:9998!important;
}
.cart{z-index:9999!important}
.cart-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  position:sticky!important;
  top:0!important;
  background:#fffdf9!important;
  padding-bottom:10px!important;
  z-index:2!important;
}
@media(max-width:700px){
  .mobile-cart-launcher{
    display:inline-flex!important;
    position:fixed!important;
    right:14px!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    z-index:9000!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:64px!important;
    height:52px!important;
    padding:0 14px!important;
    border:1px solid #d7b25d!important;
    border-radius:999px!important;
    background:#fff8e8!important;
    color:#10284b!important;
    box-shadow:0 10px 28px rgba(16,40,75,.2)!important;
    font:800 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-cart-launcher .cart-icon{font-size:18px!important}
  .mobile-cart-launcher [data-cart-count]{
    display:inline-grid!important;
    place-items:center!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#d2aa58!important;
    color:#10284b!important;
    font-size:11px!important;
  }
  .cart{
    display:none!important;
    top:auto!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    max-height:78dvh!important;
    padding:16px!important;
    border-radius:20px!important;
  }
  .cart.open{display:block!important}
}


/* v20.6 purchase-flow clickability */
.product-card{position:relative!important}
.product-info{position:relative!important;z-index:2!important}
.product-info .btn,
.product-card .actions .btn,
.purchase-actions .btn{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.product-info .btn::before,
.product-info .btn::after,
.product-card .actions .btn::before,
.product-card .actions .btn::after{
  pointer-events:none!important;
}
@media(max-width:700px){
  .product-info .btn,
  .product-card .actions .btn{
    min-height:44px!important;
  }
}

/* v20.7 cart CTA hardening */
.product-card .product-info>a.btn.btn-gold,
.purchase-actions>a.btn.btn-gold{
  position:relative!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(0,0,0,.08)!important;
}
.product-card .product-info{position:relative!important;z-index:20!important}

/* v20.8 native cart link cleanup */
.cart-scrim,.cart,.mobile-cart-launcher{display:none!important;pointer-events:none!important}
.product-card .product-info>a.btn.btn-gold{
  display:flex!important;
  width:100%!important;
  min-height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:10!important;
  pointer-events:auto!important;
}

/* v20.9 native form cart */
.tshop-add-form{display:block!important;margin:10px 0 0!important;padding:0!important;position:relative!important;z-index:50!important}
.tshop-add-submit{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:51!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#purchaseCartForm{display:block!important;position:relative!important;z-index:50!important}
#purchaseCartForm .btn{width:100%!important;min-height:50px!important;pointer-events:auto!important}

/* v20.10 isolated native cart link */
.tshop-cart-wrap{
  position:relative!important;
  z-index:2147483600!important;
  margin-top:10px!important;
  pointer-events:auto!important;
}
.tshop-cart-direct{
  display:flex!important;
  width:100%!important;
  min-height:50px!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:2147483601!important;
  pointer-events:auto!important;
  touch-action:auto!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}

/* v20.11 final mobile cart control */
.tshop-cart-force{
  position:relative!important;
  z-index:2147483646!important;
  display:flex!important;
  width:100%!important;
  min-height:52px!important;
  margin-top:10px!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.product-card,
.product-info{
  pointer-events:auto!important;
}

/* v20.12 single native anchor cart card */
a.tshop-card-cart-link{
  display:flex!important;
  flex-direction:column!important;
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:auto!important;
  position:relative!important;
  z-index:1!important;
}
a.tshop-card-cart-link *{
  pointer-events:none!important;
}
.tshop-card-cart-button{
  display:flex!important;
  width:100%!important;
  min-height:50px!important;
  margin-top:10px!important;
  align-items:center!important;
  justify-content:center!important;
}

/* v20.13 explicit tap-test link */
.tshop-test-link{
  display:flex!important;
  width:100%!important;
  min-height:52px!important;
  margin-top:10px!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:2147483646!important;
  pointer-events:auto!important;
  touch-action:auto!important;
}

/* v20.14 verified mobile Add to Cart */
.tshop-add-link{
  display:flex!important;
  width:100%!important;
  min-height:52px!important;
  margin-top:10px!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
  touch-action:auto!important;
  text-decoration:none!important;
}


/* v20.6 — restore original T-Shop color richness */
html,
body{
  background:
    radial-gradient(circle at 12% 10%,rgba(111,66,216,.16),transparent 28%),
    radial-gradient(circle at 86% 16%,rgba(33,199,255,.13),transparent 24%),
    radial-gradient(circle at 70% 78%,rgba(244,201,93,.10),transparent 22%),
    linear-gradient(180deg,#eef5ff 0%,#efe9ff 32%,#e8f6ff 66%,#f8efff 100%)!important;
}
.site-header{
  background:linear-gradient(90deg,rgba(235,244,255,.96),rgba(243,236,255,.96),rgba(255,246,226,.95))!important;
  border-bottom-color:rgba(87,70,150,.16)!important;
}
.round-btn,
.btn-light{
  background:linear-gradient(180deg,rgba(235,241,255,.96),rgba(244,238,255,.92))!important;
  border-color:rgba(111,66,216,.22)!important;
}
.section,
.section-soft,
.journal-section,
.category-store,
.all-products-section,
#collections.section-soft{
  background:
    radial-gradient(circle at 10% 20%,rgba(111,66,216,.09),transparent 26%),
    radial-gradient(circle at 90% 18%,rgba(33,199,255,.08),transparent 24%),
    linear-gradient(180deg,rgba(239,244,255,.97),rgba(244,238,255,.97) 52%,rgba(236,248,255,.97))!important;
}
.collection-card,
.product-card,
.journal-card,
.mockup-card,
.all-collection,
.info-card,
.step,
.sidebar-card,
.contact-card,
.form-card{
  background:
    linear-gradient(155deg,rgba(246,240,255,.94),rgba(232,246,255,.92) 58%,rgba(255,242,219,.84))!important;
  border-color:rgba(96,78,160,.16)!important;
}
.product-media,
.product-image{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.78),transparent 34%),
    linear-gradient(145deg,rgba(237,231,255,.96),rgba(227,244,255,.95) 58%,rgba(255,239,210,.92))!important;
}
.category-block{
  background:
    linear-gradient(145deg,rgba(242,236,255,.90),rgba(232,244,255,.90) 52%,rgba(255,243,215,.82))!important;
  border-color:rgba(96,78,160,.18)!important;
}
.shop-toolbar,
.all-products-section .shop-toolbar{
  background:linear-gradient(135deg,rgba(232,243,255,.95),rgba(244,235,255,.95),rgba(255,244,220,.92))!important;
  border-color:rgba(96,78,160,.16)!important;
}
.shop-toolbar input,
.shop-toolbar select,
.notice,
.chip{
  background:linear-gradient(180deg,rgba(235,241,255,.95),rgba(244,238,255,.92))!important;
  border-color:rgba(111,66,216,.22)!important;
  color:#243b71!important;
}
.chip.active{
  background:linear-gradient(135deg,#1f4ea3,#6b3fc0,#20b8f2)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.trust{
  background:linear-gradient(90deg,rgba(231,244,255,.96),rgba(241,233,255,.96) 52%,rgba(255,242,216,.94))!important;
}
.story,
.created-mockups{
  background:linear-gradient(120deg,rgba(225,243,255,.96),rgba(240,232,255,.96),rgba(255,241,216,.92))!important;
}
.collections-hero,
.blog-hero,
.page-hero,
.about-hero{
  background:
    radial-gradient(circle at 82% 12%,rgba(111,66,216,.16),transparent 28%),
    radial-gradient(circle at 12% 18%,rgba(33,199,255,.13),transparent 26%),
    linear-gradient(135deg,#eaf5ff,#f0eaff 58%,#fff0d5)!important;
}
.footer{
  background:
    radial-gradient(circle at 82% 12%,rgba(111,66,216,.34),transparent 28%),
    radial-gradient(circle at 14% 0%,rgba(33,199,255,.18),transparent 24%),
    linear-gradient(135deg,#05152f,#08306b 54%,#51298c 100%)!important;
  color:#eef5ff!important;
  border-top-color:rgba(255,255,255,.12)!important;
}
.footer h3,.footer h4,.footer strong{color:#fff!important}
.footer a,.footer small,.footer-bottom{color:#dbe8ff!important}
.footer-bottom{border-color:rgba(255,255,255,.14)!important}

@media(max-width:700px){
  .nav-links{
    background:linear-gradient(180deg,#edf5ff,#f3ecff)!important;
  }
  .hero-approved-copy{
    background:linear-gradient(180deg,#eef6ff,#f3edff 60%,#fff1d9)!important;
  }
  .shop-hero-premium::after{
    background:linear-gradient(180deg,rgba(238,246,255,.04) 0%,rgba(237,241,255,.15) 42%,rgba(239,235,255,.91) 76%,#f4ecff 100%)!important;
  }
}

/* T-Shop Vibrant Restoration v21 — preserve layout, restore original energy */
:root{
  --tv-navy:#061633;
  --tv-blue:#075fc7;
  --tv-cyan:#21c7ff;
  --tv-violet:#6f42d8;
  --tv-magenta:#c845e8;
  --tv-gold:#f4c95d;
  --tv-gold2:#ffe9a7;
  --tv-ink:#10213f;
  --tv-soft:#f6f2ff;
  --tv-glow:0 18px 46px rgba(58,57,174,.20);
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(105,66,216,.12),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(33,199,255,.10),transparent 28%),
    linear-gradient(180deg,#fff 0%,#faf8ff 52%,#f6fbff 100%);
  color:var(--tv-ink);
}
.promo{
  background:linear-gradient(90deg,#07142d 0%,#18285c 42%,#4e2a84 100%);
  box-shadow:0 2px 18px rgba(33,199,255,.12);
}
.promo strong{color:var(--tv-gold2)}
.site-header{
  background:linear-gradient(90deg,rgba(5,19,49,.96),rgba(12,57,126,.94) 52%,rgba(82,42,136,.93))!important;
  border-bottom:1px solid rgba(255,233,167,.25)!important;
  box-shadow:0 8px 26px rgba(3,17,46,.22)!important;
}
.brand-name{color:var(--tv-gold2)!important;text-shadow:0 1px 12px rgba(244,201,93,.18)}
.brand-tag{color:#fff7d8!important}
.nav-links a{position:relative}
.nav-links a:hover{color:var(--tv-gold2)!important;text-shadow:0 0 14px rgba(255,233,167,.35)}
.round-btn{
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.06))!important;
  border-color:rgba(255,233,167,.38)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.hero,.shop-hero,.blog-hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(200,69,232,.35),transparent 28%),
    radial-gradient(circle at 70% 72%,rgba(33,199,255,.26),transparent 30%),
    linear-gradient(135deg,#04152f 0%,#073f8d 48%,#54288f 100%)!important;
}
.shop-hero{
  position:relative;
  overflow:hidden;
  padding:72px 0 62px!important;
}
.shop-hero::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 18% 38%,rgba(255,228,140,.13),transparent 22%),
    radial-gradient(circle at 86% 28%,rgba(91,214,255,.17),transparent 25%);
  pointer-events:none;
}
.shop-hero .container{position:relative;z-index:1}
.shop-hero h1,.blog-hero h1{
  color:var(--tv-gold2)!important;
  text-shadow:0 5px 30px rgba(0,0,0,.22),0 0 24px rgba(244,201,93,.12);
}
.eyebrow{color:#ffe7a0!important;text-shadow:0 0 14px rgba(255,231,160,.16)}
.btn,.chip,.category-view{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn-gold,.tshop-add-link{
  background:linear-gradient(135deg,#f0b93f,#ffe39a 58%,#f7c85c)!important;
  color:#10213f!important;
  border:0!important;
  box-shadow:0 10px 26px rgba(240,185,63,.30),0 0 0 1px rgba(255,255,255,.28) inset!important;
}
.btn-gold:hover,.tshop-add-link:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 15px 34px rgba(240,185,63,.36)!important}
.btn-light{
  background:rgba(255,255,255,.94)!important;
  color:#16305a!important;
  box-shadow:0 9px 24px rgba(0,0,0,.12)!important;
}
.section-soft,.category-store{
  background:
    linear-gradient(180deg,rgba(245,239,255,.95),rgba(249,253,255,.98))!important;
  border-top:1px solid rgba(111,66,216,.08);
  border-bottom:1px solid rgba(33,199,255,.08);
}
.all-products-section{
  background:
    radial-gradient(circle at 8% 10%,rgba(111,66,216,.08),transparent 28%),
    radial-gradient(circle at 92% 24%,rgba(33,199,255,.07),transparent 25%),
    #fff!important;
}
.section h2{
  color:#102d5e!important;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.sub{color:#5d6f8d!important}
.category-block{
  background:linear-gradient(145deg,#ffffff 0%,#fbf9ff 52%,#f3fbff 100%)!important;
  border:1px solid rgba(111,66,216,.13)!important;
  box-shadow:0 14px 34px rgba(34,53,112,.09)!important;
  border-radius:22px!important;
}
.category-block-head{
  background:linear-gradient(90deg,rgba(111,66,216,.08),rgba(33,199,255,.08));
  border-radius:20px 20px 0 0;
}
.category-block h3{color:#263b7c!important}
.category-view{color:#6542c4!important;font-weight:850!important}
.collection-card{
  border:1px solid rgba(255,255,255,.46)!important;
  box-shadow:0 14px 34px rgba(11,38,100,.18)!important;
  transform:translateZ(0);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.collection-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 44px rgba(28,41,104,.25)!important;filter:saturate(1.12)}
.collection-card::after{background:linear-gradient(180deg,rgba(4,18,54,.02) 24%,rgba(9,23,67,.94) 100%)!important}
.collection-card h3{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.product-card{
  background:linear-gradient(165deg,#fff 0%,#fbfaff 55%,#f2f9ff 100%)!important;
  border:1px solid rgba(70,104,178,.16)!important;
  box-shadow:0 12px 28px rgba(24,55,121,.11),0 2px 0 rgba(255,255,255,.9) inset!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.product-card:hover{
  transform:translateY(-5px);
  border-color:rgba(111,66,216,.28)!important;
  box-shadow:0 20px 42px rgba(59,55,154,.19),0 0 26px rgba(33,199,255,.08)!important;
}
.product-media{
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.98),transparent 36%),
    linear-gradient(145deg,#f7f1ff,#eef9ff 58%,#fff5df)!important;
}
.product-media img{filter:saturate(1.08) contrast(1.02)}
.product-info h3 a{color:#162e61!important}
.product-info small{color:#6d6a8d!important}
.price{color:#6b3bb7!important}
.swatches i{box-shadow:0 0 0 1px rgba(255,255,255,.8),0 1px 4px rgba(0,0,0,.18)}
.shop-toolbar input,.shop-toolbar select,.notice{
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(111,66,216,.18)!important;
  box-shadow:0 7px 18px rgba(44,68,124,.07)!important;
}
.shop-toolbar input:focus,.shop-toolbar select:focus{outline:2px solid rgba(33,199,255,.32);outline-offset:1px}
.chip{
  background:linear-gradient(180deg,#fff,#f5f2ff)!important;
  border:1px solid rgba(111,66,216,.18)!important;
  color:#374d7f!important;
}
.chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(78,62,154,.12)}
.chip.active{
  background:linear-gradient(135deg,#173d87,#6b3fc0)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 9px 22px rgba(82,53,167,.22)!important;
}
.trust{
  background:linear-gradient(90deg,#eef8ff,#faf3ff 52%,#fff8e8)!important;
  border-color:rgba(111,66,216,.10)!important;
}
.trust-icon{
  background:linear-gradient(145deg,#fff,#f4efff)!important;
  color:#6744bf!important;
  border-color:rgba(111,66,216,.22)!important;
  box-shadow:0 5px 14px rgba(69,64,144,.10);
}
.story{
  background:
    radial-gradient(circle at 12% 32%,rgba(33,199,255,.18),transparent 28%),
    radial-gradient(circle at 86% 26%,rgba(200,69,232,.22),transparent 30%),
    linear-gradient(135deg,#051531,#092f69 52%,#49237d 100%)!important;
}
.story h2,.story-quote{color:var(--tv-gold2)!important}
.journal-section{
  background:linear-gradient(180deg,#f9f6ff,#eff8ff)!important;
}
.journal-card,.social,.sidebar-card{
  border-color:rgba(111,66,216,.14)!important;
  box-shadow:0 12px 30px rgba(55,65,132,.10)!important;
}
.footer{
  background:
    radial-gradient(circle at 82% 0%,rgba(111,66,216,.30),transparent 32%),
    linear-gradient(135deg,#04142f,#082e65 58%,#2c1e58)!important;
}
.footer a:hover{color:var(--tv-gold2)!important}
@media(max-width:700px){
  .shop-hero{padding:48px 0 42px!important}
  .shop-hero h1{font-size:3rem!important;line-height:.95}
  .category-block{border-radius:18px!important}
  .product-card:hover{transform:none}
  .collection-card:hover{transform:none}
}


/* v21.1 glossy compression pass */
body{
  background:
    radial-gradient(circle at 10% 8%,rgba(111,66,216,.14),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(33,199,255,.12),transparent 26%),
    linear-gradient(180deg,#f9fbff 0%,#f4f0ff 38%,#eef8ff 72%,#fff9ee 100%)!important;
}
.section{padding:22px 0!important}
.category-store{padding-top:20px!important;padding-bottom:18px!important}
.all-products-section{padding-top:18px!important;padding-bottom:24px!important}
.section-head{margin-bottom:12px!important}
.title-row{gap:10px!important}
.shop-hero{padding:54px 0 44px!important}
.shop-hero p{max-width:760px;margin-bottom:14px!important}
.hero-cta-row{margin-top:12px!important}
.category-block{
  margin:12px 0!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.88),rgba(246,242,255,.78) 48%,rgba(236,249,255,.82))!important;
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 18px 42px rgba(38,50,124,.16),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(111,66,216,.08)!important;
  position:relative;
  overflow:hidden;
}
.category-block::before{
  content:"";
  position:absolute;
  left:4%;right:4%;top:0;height:38%;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));
  border-radius:inherit;
  pointer-events:none;
}
.category-block-head{
  position:relative;
  z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,.48),rgba(111,66,216,.08),rgba(33,199,255,.09))!important;
  border-bottom:1px solid rgba(255,255,255,.55);
}
.product-card{
  background:
    linear-gradient(155deg,rgba(255,255,255,.94),rgba(248,245,255,.83) 54%,rgba(236,248,255,.88))!important;
  backdrop-filter:blur(16px) saturate(1.18);
  -webkit-backdrop-filter:blur(16px) saturate(1.18);
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 16px 34px rgba(35,52,119,.15),
    0 2px 8px rgba(33,199,255,.06),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(111,66,216,.08)!important;
  position:relative;
  overflow:hidden;
}
.product-card::before{
  content:"";
  position:absolute;
  left:6%;right:6%;top:0;height:32%;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,0));
  pointer-events:none;
  z-index:1;
}
.product-media,.product-info{position:relative;z-index:2}
.product-media{
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,1),rgba(255,255,255,.15) 34%,transparent 50%),
    linear-gradient(145deg,rgba(245,239,255,.95),rgba(235,248,255,.95) 58%,rgba(255,246,224,.92))!important;
  border-bottom:1px solid rgba(255,255,255,.7);
}
.product-media img{
  filter:saturate(1.12) contrast(1.035) drop-shadow(0 10px 16px rgba(22,36,82,.12))!important;
}
.btn-gold,.tshop-add-link{
  background:
    linear-gradient(180deg,#fff3bf 0%,#ffd96b 38%,#f1b83e 100%)!important;
  box-shadow:
    0 10px 24px rgba(226,165,46,.33),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(122,79,7,.12)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.btn-light,.chip,.shop-toolbar input,.shop-toolbar select,.notice{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,246,255,.88))!important;
  box-shadow:
    0 8px 20px rgba(42,60,122,.10),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
.collection-card{
  box-shadow:
    0 18px 40px rgba(17,37,96,.22),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.collection-card::before{
  content:"";
  position:absolute;
  z-index:2;
  left:5%;right:5%;top:0;height:30%;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
  border-radius:inherit;
  pointer-events:none;
}
.trust{
  margin-top:0!important;
  background:linear-gradient(90deg,rgba(239,248,255,.92),rgba(248,240,255,.92) 52%,rgba(255,247,226,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(111,66,216,.07);
}
.journal-section{padding-top:24px!important;padding-bottom:26px!important}
.footer{margin-top:0!important}
@media(max-width:700px){
  .section{padding:18px 0!important}
  .shop-hero{padding:40px 0 34px!important}
  .category-store{padding-top:16px!important;padding-bottom:14px!important}
  .all-products-section{padding-top:14px!important}
  .category-block{margin:9px 0!important}
  .product-info{padding:8px!important}
}