/* Visual refresh 2026 — SC Barbearia */
:root{
  --gold:#d99a52;--gold-lt:#f0c98e;--gold-dk:#9d6030;
  --gold-a10:rgba(217,154,82,.10);--gold-a20:rgba(217,154,82,.20);--gold-a40:rgba(217,154,82,.40);
  --ink:#08090b;--ink1:#0d1013;--ink2:#13171c;--ink3:#1a2026;--ink4:#242c33;--ink5:#33404a;
  --text:#f4eee5;--text2:#b9b0a6;--text3:#7f786f;--r:14px;
  --shadow-gold:0 18px 44px -28px rgba(217,154,82,.75);
}
body{
  background:
    radial-gradient(circle at 85% 4%,rgba(217,154,82,.09),transparent 28rem),
    linear-gradient(180deg,#08090b,#0b0d10 62%,#08090b);
}
#hdr{height:72px;padding-inline:clamp(1rem,5vw,4rem)}
#hdr.solid{background:rgba(8,9,11,.9);border-color:rgba(217,154,82,.12);box-shadow:0 14px 40px -34px #000}
.hdr-brand-logo{width:44px;height:44px;border-radius:12px;border-color:var(--gold-a20)}
.hdr-brand-name{letter-spacing:1.4px}
.nav-item{border-radius:999px;padding:.55rem 1rem}
.nav-item.active{background:var(--gold-a10);color:var(--gold-lt)}
.btn{border-radius:999px;letter-spacing:1.2px}
.btn-solid{background:linear-gradient(135deg,#d99a52,#f0c98e);box-shadow:var(--shadow-gold)}
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:calc(100svh - 72px)}
.hero-left{padding:clamp(3rem,7vw,6.5rem) clamp(1.5rem,6vw,5rem)}
.hero-left::before{background:linear-gradient(100deg,#08090b 48%,rgba(8,9,11,.82) 72%,transparent)}
.hero-title{font-size:clamp(4rem,9vw,9rem);letter-spacing:-.03em}
.hero-title .accent{background:linear-gradient(130deg,#9d6030,#d99a52 45%,#f0c98e 72%,#d99a52);-webkit-background-clip:text;background-clip:text}
.hero-desc{font-size:clamp(.95rem,1.4vw,1.1rem);max-width:470px}
.hero-right-img{inset:-2%;width:104%;height:104%;opacity:.2;filter:grayscale(10%) contrast(1.08)}
.hero-right-overlay{background:linear-gradient(to right,#08090b 0%,rgba(8,9,11,.3) 34%,transparent 64%),linear-gradient(to top,#08090b 0%,transparent 20%)}
.hero-badge{border-radius:18px;background:rgba(13,16,19,.88);border-color:var(--gold-a20)}
.hero-stats{border-color:rgba(217,154,82,.14)}
.marquee-strip{background:#0e1216}
.svc-grid{gap:14px;background:transparent;border:0}
.svc-cell{background:linear-gradient(145deg,#101419,#0c0f13);border:1px solid rgba(217,154,82,.12);border-radius:18px;padding:1.6rem}
.svc-cell:hover{background:#141a20;border-color:rgba(217,154,82,.26);transform:translateY(-2px)}
.svc-cell-ico{font-size:0;margin-bottom:1.2rem}
.svc-cell-ico::before{content:"";display:block;width:34px;height:34px;border-radius:11px;border:1px solid var(--gold-a40);background:linear-gradient(135deg,var(--gold-a20),transparent);box-shadow:inset 0 0 0 7px #101419}
.loc-map-wrap{border-radius:20px;border-color:rgba(217,154,82,.16)}
.loc-ico{font-size:0;width:32px;height:32px;border:1px solid var(--gold-a20);border-radius:10px;background:var(--gold-a10)}
.progress{border-color:rgba(217,154,82,.12)}
.prog-step{border-radius:12px 12px 0 0}
.barber-card,.svc-select-card,.confirm-card,.adm-stat,.cfg-box,.modal{border-radius:18px!important}
.time-slot{border-radius:12px!important}
.footer{background:#090b0d}
@media(max-width:768px){.hero{grid-template-columns:1fr}.hero-left::before{background:linear-gradient(135deg,rgba(8,9,11,.97) 52%,rgba(8,9,11,.72))}.hero-title{font-size:clamp(4rem,18vw,6.6rem)}.hero-actions .btn{width:100%}}