/* T-Shop v16 — approved cosmic premium visual system */
:root{
  --night:#020d2d;
  --navy:#04173f;
  --navy-2:#082b66;
  --royal:#0a4f9f;
  --cyan:#4ad8ff;
  --violet:#8b63ff;
  --magenta:#ff4fae;
  --gold:#f0c45d;
  --gold-light:#ffe6a0;
  --ivory:#fffaf0;
  --white:#ffffff;
}

html{background:var(--night)!important}
body{
  background:
    radial-gradient(circle at 10% 12%,rgba(65,212,255,.06),transparent 24%),
    radial-gradient(circle at 88% 32%,rgba(142,92,255,.06),transparent 25%),
    linear-gradient(180deg,#031334 0%,#061d49 48%,#031334 100%)!important;
  color:#eef6ff!important;
}

.promo{
  background:#06142f!important;
  color:#ffe09a!important;
  border-bottom:1px solid rgba(255,217,116,.2)!important;
}
.promo .container{color:#ffe09a!important}

.site-header{
  background:
    radial-gradient(circle at 78% 0%,rgba(70,215,255,.18),transparent 24%),
    linear-gradient(135deg,#04183f 0%,#0b3f85 60%,#0b579f 100%)!important;
  border-bottom:1px solid rgba(75,211,255,.3)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
}
.brand-name{color:var(--gold-light)!important}
.brand-tag{color:#fff1c8!important}
.nav-links a{color:#eef7ff!important}
.nav-links a:hover{color:var(--gold-light)!important}
.round-btn{
  background:rgba(3,19,55,.28)!important;
  color:#fff!important;
  border:1px solid rgba(255,225,145,.42)!important;
  backdrop-filter:blur(10px)!important;
}

/* HERO */
.hero-original{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:760px!important;
  background:
    radial-gradient(circle at 74% 22%,rgba(55,220,255,.24),transparent 23%),
    radial-gradient(circle at 67% 55%,rgba(157,83,255,.18),transparent 25%),
    radial-gradient(circle at 25% 70%,rgba(255,187,60,.12),transparent 22%),
    linear-gradient(180deg,#03113a 0%,#06255a 54%,#031435 100%)!important;
}
.hero-bg-photo{
  opacity:.42!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.55) contrast(1.12) brightness(.62)!important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(1,8,31,.9) 0%,rgba(2,17,52,.48) 45%,rgba(2,18,55,.1) 70%,rgba(2,13,41,.42) 100%),
    radial-gradient(circle at 73% 42%,rgba(72,219,255,.22),transparent 31%),
    linear-gradient(160deg,transparent 0 48%,rgba(255,193,60,.08) 50%,transparent 58%)!important;
}
.hero-shop-name,
.hero-original h1{color:#efcf7a!important}
.hero-original h1{
  text-shadow:0 8px 30px rgba(0,0,0,.36),0 0 22px rgba(255,208,98,.08)!important;
}
.hero-subtitle{color:#fff!important}
.hero-big-logo{
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.42)) saturate(1.08)!important;
}
.hero-fashion,
.hero-animal{
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.48)) saturate(1.35) contrast(1.05)!important;
}
.hero-cta-row .btn{box-shadow:0 12px 30px rgba(0,0,0,.25)!important}

/* BUTTONS */
.btn-gold{
  background:linear-gradient(135deg,#ffe178 0%,#f3bf4d 100%)!important;
  color:#071e49!important;
  border:1px solid #ffeba9!important;
  box-shadow:0 12px 28px rgba(240,190,73,.2)!important;
}
.btn-gold:hover{filter:brightness(1.04)!important;transform:translateY(-1px)}
.btn-light{
  background:rgba(5,21,58,.58)!important;
  color:#fff!important;
  border:1px solid rgba(244,201,91,.88)!important;
  backdrop-filter:blur(10px)!important;
}

/* HOMEPAGE SECTIONS */
.section,
.section-soft,
.journal-section{
  background:
    radial-gradient(circle at 12% 18%,rgba(72,215,255,.055),transparent 22%),
    radial-gradient(circle at 89% 72%,rgba(155,86,255,.045),transparent 22%),
    linear-gradient(180deg,#051942 0%,#08275d 60%,#051942 100%)!important;
  color:#eef6ff!important;
}
.section + .section{border-top:1px solid rgba(70,205,255,.08)!important}

.section h2,
.section-head h2{
  font-family:Georgia,serif!important;
  color:#f4d47d!important;
  text-shadow:0 3px 16px rgba(0,0,0,.18)!important;
}
.section .sub,
.section-head .sub{color:#b9cae3!important}
.section .link,
.section-head .link,
.link{color:#43d7ff!important}

/* COLLECTIONS */
.collection-grid{gap:14px!important}
.collection-card{
  background:#061842!important;
  border:1px solid rgba(78,218,255,.28)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,213,92,.04) inset!important;
}
.collection-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 22px 46px rgba(0,0,0,.34),0 0 26px rgba(63,211,255,.1)!important;
}
.collection-card img{
  filter:saturate(1.35) contrast(1.08) brightness(.95)!important;
}
.collection-card::after{
  background:linear-gradient(180deg,transparent 34%,rgba(2,9,29,.96) 100%)!important;
}
.collection-card .cap h3{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.45)!important}
.collection-card .cap small{color:#d9e7fb!important}

/* PRODUCTS */
.products,
.new-products{gap:14px!important}
.product-card{
  background:#fff!important;
  color:#071b42!important;
  border:1px solid rgba(255,211,95,.48)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
}
.product-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 42px rgba(0,0,0,.3)!important}
.product-media{background:#fff!important;padding:6px!important}
.product-media img{object-fit:cover!important}
.product-info{color:#0b1e45!important}
.product-info h3,
.product-info h3 a{color:#071c46!important}
.product-info small{color:#67758a!important}
.product-info .price,.price{color:#0a2d69!important;font-weight:900!important}
.swatches i{box-shadow:0 0 0 1px rgba(0,0,0,.12)!important}

/* TRUST STRIP */
.trust{
  background:
    radial-gradient(circle at 25% 0%,rgba(61,205,255,.1),transparent 24%),
    linear-gradient(90deg,#04173a,#0a3372 50%,#04173a)!important;
  color:#fff!important;
  border-top:1px solid rgba(255,214,99,.18)!important;
  border-bottom:1px solid rgba(255,214,99,.18)!important;
}
.trust-item b{color:#f4d47d!important}
.trust-item span{color:#cddcf1!important}
.trust-icon{color:#f4d47d!important;border-color:rgba(244,212,125,.5)!important}

/* STORY */
.story{
  background:
    radial-gradient(circle at 18% 28%,rgba(255,190,60,.12),transparent 27%),
    radial-gradient(circle at 82% 18%,rgba(67,215,255,.12),transparent 26%),
    linear-gradient(135deg,#031333,#082960 62%,#041638 100%)!important;
  border-top:1px solid rgba(255,214,100,.18)!important;
  border-bottom:1px solid rgba(255,214,100,.12)!important;
}
.story h2{color:#f2d078!important}
.story p{color:#e3edf9!important}
.story-quote{color:#f6e7ba!important}
.story-art img{
  border:1px solid rgba(255,214,100,.22)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.34),0 0 34px rgba(68,211,255,.1)!important;
}

/* JOURNAL */
.journal-card{
  background:#fff!important;
  color:#09204b!important;
  border:1px solid rgba(255,211,97,.26)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
.journal-card h3,
.journal-card h3 a{color:#071d47!important}
.journal-card p{color:#5f6f84!important}
.kicker{color:#0b70b8!important}

/* SHOP PAGE */
.shop-hero-premium{
  background:
    radial-gradient(circle at 78% 18%,rgba(65,219,255,.22),transparent 24%),
    radial-gradient(circle at 16% 82%,rgba(255,203,78,.11),transparent 25%),
    linear-gradient(135deg,#03143a,#0a3d83 58%,#061942)!important;
}
.shop-hero-premium h1{color:#f2d079!important}
.category-store,
.all-products-section{
  background:
    radial-gradient(circle at 14% 20%,rgba(62,205,255,.055),transparent 24%),
    linear-gradient(180deg,#051942,#08275c 60%,#051942)!important;
}
.category-block{
  background:
    radial-gradient(circle at 90% 0%,rgba(60,210,255,.08),transparent 24%),
    linear-gradient(180deg,rgba(5,28,68,.97),rgba(3,18,47,.98))!important;
  border:1px solid rgba(76,214,255,.24)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.24)!important;
}
.category-block-head h3{color:#f2cf73!important}
.category-meta{color:#afc2dd!important}
.category-view{color:#43d7ff!important}
.chip{
  background:#071d48!important;
  color:#dce8f8!important;
  border-color:rgba(76,215,255,.24)!important;
}
.chip.active{
  background:linear-gradient(135deg,#f6d46e,#eab94a)!important;
  color:#071e49!important;
  border-color:#ffe9a7!important;
}
.shop-toolbar{
  background:rgba(4,18,49,.86)!important;
  border-color:rgba(72,211,255,.18)!important;
  backdrop-filter:blur(12px)!important;
}
.shop-toolbar input,
.shop-toolbar select{
  background:#fff!important;
  color:#0a1c42!important;
  border-radius:12px!important;
}

/* FOOTER */
.footer{
  background:#02102b!important;
  color:#dbe8f7!important;
  border-top:1px solid rgba(255,212,98,.18)!important;
}
.footer h3{color:#f3d27c!important}
.footer a{color:#dbe8f7!important}
.footer a:hover{color:#43d7ff!important}

/* MOBILE */
@media(max-width:700px){
  .hero-original{min-height:920px!important}
  .hero-bg-photo{
    opacity:.58!important;
    filter:saturate(1.6) contrast(1.1) brightness(.72)!important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(1,7,28,.24) 0%,rgba(2,12,39,.06) 33%,rgba(2,14,46,.3) 64%,rgba(1,8,30,.9) 100%),
      radial-gradient(circle at 72% 55%,rgba(54,219,255,.2),transparent 30%),
      radial-gradient(circle at 23% 76%,rgba(255,194,57,.12),transparent 27%)!important;
  }
  .hero-shop-name{font-size:clamp(2.1rem,9.6vw,3.35rem)!important}
  .hero-original h1{
    font-size:clamp(2.8rem,11.7vw,4.3rem)!important;
    letter-spacing:.055em!important;
  }
  .hero-subtitle{
    top:45%!important;
    font-size:clamp(1.08rem,5vw,1.62rem)!important;
  }
  .hero-visuals{
    bottom:64px!important;
    height:50%!important;
  }

  .section{padding:20px 0!important}
  .section h2{font-size:1.7rem!important}
  .collection-grid{gap:10px!important}
  .collection-card{
    flex-basis:45%!important;
    border-radius:16px!important;
  }
  .products{gap:9px!important}
  .product-card{border-radius:15px!important}
  .trust-grid{gap:8px!important}
}

@media(max-width:390px){
  .hero-original{min-height:890px!important}
  .hero-original h1{font-size:2.65rem!important}
  .hero-shop-name{font-size:2rem!important}
}

/* v16.1 generated asset integration */
.hero-original{
  min-height:720px!important;
}
.hero-bg-photo{
  opacity:1!important;
  filter:saturate(1.08) contrast(1.03) brightness(.82)!important;
  object-position:center center!important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(1,8,31,.87) 0%,rgba(2,17,52,.58) 42%,rgba(2,18,55,.1) 66%,rgba(2,13,41,.15) 100%),
    linear-gradient(180deg,rgba(2,10,34,.08) 0%,rgba(2,12,38,.04) 58%,rgba(2,10,31,.38) 100%)!important;
}
.hero-visuals{display:none!important}
.hero-topline{width:min(700px,68%)!important}
.hero-subtitle{left:22%!important;width:34%!important;top:62%!important}
.hero-cta-row{left:4%!important;bottom:38px!important}
.collection-card img{
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
.story-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:700px){
  .hero-original{min-height:820px!important}
  .hero-bg-photo{
    opacity:1!important;
    object-position:64% center!important;
    filter:saturate(1.08) contrast(1.02) brightness(.78)!important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(2,9,32,.22) 0%,rgba(2,10,34,.06) 32%,rgba(2,12,39,.1) 58%,rgba(2,9,31,.66) 100%),
      linear-gradient(90deg,rgba(1,8,31,.7) 0%,rgba(1,10,34,.18) 65%,rgba(1,10,34,.02) 100%)!important;
  }
  .hero-topline{
    width:100%!important;
    grid-template-columns:30vw 1fr!important;
  }
  .hero-big-logo{
    width:30vw!important;
    height:30vw!important;
  }
  .hero-shop-name{
    font-size:clamp(1.85rem,8.7vw,3rem)!important;
  }
  .hero-original h1{
    font-size:clamp(2.45rem,10.6vw,3.7rem)!important;
    line-height:1.03!important;
  }
  .hero-subtitle{
    top:48%!important;
    left:4%!important;
    transform:none!important;
    width:48%!important;
    text-align:left!important;
    font-size:clamp(.95rem,4.4vw,1.35rem)!important;
    line-height:1.55!important;
  }
  .hero-cta-row{
    left:3vw!important;
    right:3vw!important;
    bottom:18px!important;
  }
  .collection-card img{aspect-ratio:4/3!important}
}


.hero-bg-picture{
  position:absolute!important;
  inset:0!important;
  z-index:-4!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.hero-bg-picture .hero-bg-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
@media(max-width:700px){
  .hero-bg-picture .hero-bg-photo{
    object-position:center top!important;
  }
}

/* v16.2 mobile hero + product image cleanup */
.hero-bg-picture{z-index:0!important}
.hero-bg-picture .hero-bg-photo{z-index:0!important}
.hero-overlay{z-index:1!important}
.hero-original-inner{z-index:2!important}
.product-media{
  overflow:hidden!important;
  padding:0!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.92),rgba(226,237,250,.88) 52%,rgba(188,211,237,.82) 100%)!important;
}
.product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.055);
  filter:saturate(1.05) contrast(1.03);
  border-radius:0!important;
}
@media(max-width:700px){
  .hero-bg-picture .hero-bg-photo{
    object-position:center top!important;
  }
  .product-media img{transform:scale(1.08)}
}

/* Approved T-Shop mockup implementation — 2026-09-24 */
.hero-approved{position:relative;min-height:720px;overflow:hidden;background:#071d46;color:#fff;isolation:isolate}
.hero-approved-bg{position:absolute;inset:0;z-index:0}
.hero-approved-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-approved-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,20,55,.92) 0%,rgba(6,25,61,.72) 35%,rgba(7,29,70,.12) 67%,rgba(4,17,45,.35) 100%)}
.hero-approved-inner{position:relative;z-index:2;min-height:720px;display:flex;align-items:center}
.hero-approved-copy{width:min(600px,50%);padding:72px 0}
.hero-approved .eyebrow{font-size:13px;line-height:1.55;letter-spacing:.22em;color:#f5d57b;font-weight:700;margin-bottom:18px}
.hero-approved h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6.2vw,96px);line-height:.92;letter-spacing:-.045em;color:#f2cf72;margin:0 0 24px;text-shadow:0 3px 30px rgba(0,0,0,.28)}
.hero-approved-copy>p{font-size:21px;line-height:1.5;color:#f8f4e9;margin:0 0 28px}
.hero-approved-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.hero-approved-actions .btn{min-width:170px;text-align:center;border-radius:999px}
.hero-approved-benefits{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#fff}
.hero-approved-benefits span{display:flex;gap:7px;align-items:center}
.hero-approved-benefits span:first-letter{color:#f2cf72}
.hero-approved-message{position:absolute;right:5%;top:25%;display:flex;flex-direction:column;transform:rotate(-4deg);font-family:'Brush Script MT','Segoe Script',cursive;font-size:clamp(30px,3.2vw,52px);line-height:.92;color:#fff;text-shadow:0 2px 14px #071d46}
.hero-approved-values{position:absolute;right:0;bottom:8%;font-size:11px;line-height:1.75;letter-spacing:.18em;text-align:right;color:#f5d57b;font-weight:700}
#collections.section-soft{background:#f7f3ea}
#collections h2,.all-products-section h2{font-family:Georgia,'Times New Roman',serif;color:#102d58}
.collection-card{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(7,29,70,.12);transition:transform .25s ease,box-shadow .25s ease}
.collection-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(7,29,70,.2)}
.story{position:relative;background:#071d46;color:#fff}
.story h2{font-family:Georgia,'Times New Roman',serif;color:#f2cf72}
@media(max-width:700px){
 .hero-approved{min-height:760px}
 .hero-approved-inner{min-height:760px;align-items:flex-end;padding-bottom:36px}
 .hero-approved-bg img{object-position:center top}
 .hero-approved-shade{background:linear-gradient(180deg,rgba(4,20,55,.08) 0%,rgba(4,20,55,.16) 35%,rgba(4,20,55,.93) 67%,#071d46 100%)}
 .hero-approved-copy{width:100%;padding:0}
 .hero-approved .eyebrow{font-size:10px;margin-bottom:10px}
 .hero-approved h1{font-size:50px;line-height:.94;margin-bottom:12px}
 .hero-approved-copy>p{font-size:16px;margin-bottom:16px}
 .hero-approved-actions{margin-bottom:18px}
 .hero-approved-actions .btn{min-width:0;padding:12px 16px}
 .hero-approved-benefits{gap:10px 16px;font-size:10px}
 .hero-approved-message{top:23%;right:6%;font-size:28px}
 .hero-approved-values{display:none}
}