:root{
  --sg-ink:#121a18;
  --sg-muted:#52605c;
  --sg-paper:#fbfaf6;
  --sg-card:#ffffff;
  --sg-line:#d9e5df;
  --sg-green:#0a8f62;
  --sg-orange:#ff6b00;
  --sg-navy:#122238;
  --sg-sky:#eaf4ff;
  --sg-shadow:0 18px 44px rgba(18,34,56,.10);
}
body{
  background:linear-gradient(180deg,#f7fbf8 0%,#fff 48%,#fff7ef 100%)!important;
  color:var(--sg-ink)!important;
}
.site-header{
  background:rgba(255,255,255,.95)!important;
  border-bottom:1px solid var(--sg-line)!important;
  box-shadow:0 10px 28px rgba(18,34,56,.06)!important;
}
.brand-logo{max-width:176px!important}
.nav a,.sugargoo-main-nav a{color:#26342f!important}
.nav a:hover,.sugargoo-main-nav a:hover{color:var(--sg-orange)!important}
.nav-cta,.button.primary,.hero-actions a:first-child{
  background:linear-gradient(135deg,var(--sg-orange),#ff8f2b)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 16px 30px rgba(255,107,0,.22)!important;
}
.button.secondary,.hero-actions a:not(:first-child){
  background:#fff!important;
  border:1px solid #cfe2d9!important;
  color:var(--sg-green)!important;
}
.hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  max-width:none!important;
  min-height:620px!important;
  padding:clamp(72px,8vw,118px) clamp(18px,5vw,76px)!important;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.82fr)!important;
  background:
    linear-gradient(90deg,rgba(9,21,29,.92),rgba(9,21,29,.72) 48%,rgba(9,21,29,.48)),
    url("https://si.geilicdn.com/open1615294873-1234478995-59fb00000191cd36e5d00a22d234-unadjust_800_800.png") right center/contain no-repeat,
    #111c24!important;
}
.hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:38%;
  background:linear-gradient(180deg,rgba(255,255,255,0),#f7fbf8);
  z-index:-1;
}
.hero .eyebrow,.eyebrow{
  color:#81f0bd!important;
  letter-spacing:.12em!important;
}
.hero h1{
  color:#fff!important;
  max-width:850px!important;
  font-size:clamp(44px,6.4vw,86px)!important;
  line-height:.98!important;
  text-wrap:balance;
}
.hero p{
  color:#d7e7e1!important;
  max-width:690px!important;
  font-size:18px!important;
  line-height:1.62!important;
}
.hero-board{
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
}
.board-row{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
.quick-stats article,.category-grid a,.product-card,.why-grid article,.guide li,.faq details,.seo-depth,.site-clean-note,.sugargoo-keyword-focus,.sugargoo-buyer-notes{
  border:1px solid var(--sg-line)!important;
  border-radius:12px!important;
  background:var(--sg-card)!important;
  box-shadow:var(--sg-shadow)!important;
}
.quick-stats strong,.category-grid span,.product-card em,.price{color:var(--sg-orange)!important}
.section-title h2,.guide h2,.seo-depth h2,.sugargoo-keyword-focus h2,.sugargoo-buyer-notes h2{
  color:var(--sg-navy)!important;
  letter-spacing:0!important;
}
.section-title p,.guide p,.why-grid p,.faq p,.sugargoo-keyword-focus p,.sugargoo-buyer-notes p{
  color:var(--sg-muted)!important;
}
.category-grid a{
  min-height:86px!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.category-grid a:hover,.product-card:hover{transform:translateY(-2px);border-color:#ffbd8a!important}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.product-card{overflow:hidden!important}
.visual{
  height:190px!important;
  background-size:cover!important;
  background-position:center!important;
  border-bottom:1px solid var(--sg-line);
}
.visual.hoodie{background-image:url("https://si.geilicdn.com/open1699570075-1234478995-207a0000019d34e328b40aa08676_1440_1440.jpg")!important}
.visual.tee{background-image:url("https://si.geilicdn.com/open1812172141-1234478995-75bb00000195b5b914170a22d249_1170_1170.jpg")!important}
.visual.bag{background-image:url("https://si.geilicdn.com/open1812172141-1234478995-2985000001963a231c720a8133b0_2560_3413.jpg")!important}
.visual.pants{background-image:url("https://si.geilicdn.com/open1699570075-1234478995-20260000019d20de3c7f0aa08676_800_800.jpg")!important}
.visual.cap{background-image:url("https://si.geilicdn.com/open1615294873-1234478995-56e1000001959f0383fb0aa0834c-unadjust_850_850.png")!important}
.visual.shoes,.visual.sneaker{background-image:url("https://si.geilicdn.com/open1615294873-1234478995-1c8900000192b98dcf100a232357-unadjust_800_800.png")!important}
.guide{align-items:stretch!important}
.guide ol{counter-reset:step}
.guide li{position:relative;padding-left:22px!important}
.guide li:before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:999px;background:#e9f8f1;color:var(--sg-green);font-weight:900}
.footer,.sg-footer,footer{
  background:#101b21!important;
  color:#d7e6df!important;
  border-top:0!important;
}
.footer a,.sg-footer a,footer a{color:#80efb9!important}
.footer-disclaimer,.site-disclaimer,.disclaimer{color:#b9c9c3!important}
.sg-ctr-paths{
  max-width:1180px;
  margin:0 auto;
  padding:34px clamp(18px,4vw,42px) 8px;
}
.sg-ctr-paths-inner{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:14px;
}
.sg-ctr-paths a{
  display:block;
  padding:18px;
  border:1px solid var(--sg-line);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--sg-shadow);
}
.sg-ctr-paths span{
  display:block;
  color:var(--sg-orange);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.sg-ctr-paths strong{display:block;margin-top:7px;font-size:19px;color:var(--sg-navy)}
.sg-ctr-paths p{margin:8px 0 0;color:var(--sg-muted);line-height:1.45}
@media(max-width:900px){
  .hero{
    display:block!important;
    min-height:auto!important;
    padding:92px 18px 50px!important;
    background:
      linear-gradient(180deg,rgba(9,21,29,.90),rgba(9,21,29,.76)),
      url("https://si.geilicdn.com/open1615294873-1234478995-59fb00000191cd36e5d00a22d234-unadjust_800_800.png") center top/cover no-repeat!important;
  }
  .hero-board{margin-top:24px!important}
  .quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-bottom:28px!important}
  .category-grid,.product-grid,.why-grid,.sg-ctr-paths-inner{grid-template-columns:1fr!important}
  .product-grid{gap:12px!important}
  .visual{height:180px!important}
}