/* ============================================================
   Wichita Falls Plumber Finder: shared stylesheet
   Loaded by every page. Edit here, not in individual pages.
   Sections: 1 tokens  2 base  3 header  4 page components  5 footer
   ============================================================ */

/* ---------- header tokens (prefixed .sh-) ---------- */
:root{
  --sh-navy:#0B2545;
  --sh-steel:#134074;
  --sh-copper:#E8873A;
  --sh-copper-dark:#C96F26;
  --sh-ink:#1B1B1B;
  --sh-muted:#5A6674;
  --sh-line:#E2DED6;
}

:root{
  --navy:#0B2545;
  --steel:#134074;
  --copper:#E8873A;
  --copper-dark:#C96F26;
  --bone:#F7F5F0;
  --ink:#1B1B1B;
  --muted:#5A6674;
  --line:#E2DED6;
  --white:#fff;
  --ok:#1F7A4D;
  --warn:#B4331F;

  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;

  --r-sm:6px; --r-md:10px; --r-lg:16px;
  --sh-1:0 1px 2px rgba(11,37,69,.08);
  --sh-2:0 4px 14px rgba(11,37,69,.10);
  --sh-3:0 14px 40px rgba(11,37,69,.16);
  --wrap:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--white); color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:17px; line-height:1.72; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:var(--steel)}

h1,h2,h3,h4,.display{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-weight:700; line-height:1.25; letter-spacing:-.02em; margin:0;
}
h1{font-size:clamp(2.25rem,5vw,3.5rem); font-weight:800; letter-spacing:-.025em; line-height:1.15}
h2{font-size:clamp(1.75rem,4vw,2.5rem); font-weight:700; letter-spacing:-.02em; line-height:1.2}
h3{font-size:clamp(1.25rem,3vw,1.5rem); font-weight:600; letter-spacing:-.015em}
p{margin:0 0 var(--sp-4)}

.wrap{max-width:var(--wrap); margin:0 auto; padding:0 var(--sp-5)}
.section{padding:var(--sp-8) 0}
@media(min-width:900px){.section{padding:var(--sp-9) 0}}
.section--bone{background:var(--bone)}
.section--navy{background:var(--navy); color:#DDE6F0}
.section--navy h2,.section--navy h3{color:#fff}

.eyebrow{
  font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.8rem;
  color:var(--copper); margin:0 0 var(--sp-3);
}
.lead{font-size:1.12rem; color:var(--muted); max-width:62ch}
.section--navy .lead{color:#B9C7DA}
.center{text-align:center}
.center .lead{margin-left:auto; margin-right:auto}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  font-family:'Inter',system-ui,sans-serif; font-weight:700;
  font-size:.98rem; letter-spacing:.01em; text-transform:uppercase;
  padding:1rem 1.7rem; border-radius:var(--r-sm); border:2px solid transparent;
  text-decoration:none; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--copper); color:#1B1B1B; box-shadow:var(--sh-2)}
.btn--primary:hover{background:var(--copper-dark); color:#fff; box-shadow:var(--sh-3)}
.btn--ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.55)}
.btn--ghost:hover{background:rgba(255,255,255,.12)}
.btn--navy{background:var(--navy); color:#fff}
.btn--navy:hover{background:var(--steel)}
.btn--block{width:100%}

/* Top utility bar */
.topbar{background:var(--navy); color:#C6D4E6; font-size:.86rem}
.topbar .wrap{display:flex; flex-wrap:wrap; gap:var(--sp-4); justify-content:space-between; align-items:center; padding-top:.5rem; padding-bottom:.5rem}
.topbar span{display:inline-flex; align-items:center; gap:.4rem}
.topbar b{color:#fff; font-weight:600}
@media(max-width:720px){.topbar .wrap{justify-content:center; text-align:center}}


/* Hero */
.hero{position:relative; background:var(--navy); color:#fff; overflow:hidden}
.hero__bg{
  position:absolute; inset:0; opacity:.85;
  background:
    radial-gradient(900px 520px at 84% 10%, rgba(232,135,58,.22), transparent 62%),
    radial-gradient(760px 520px at 8% 92%, rgba(127,196,245,.16), transparent 64%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.03) 0 2px, transparent 2px 34px);
}
.hero__scrim{position:absolute; inset:0; background:linear-gradient(105deg, rgba(11,37,69,.96) 0%, rgba(11,37,69,.88) 45%, rgba(19,64,116,.72) 100%)}
.hero .wrap{position:relative; z-index:2; padding-top:var(--sp-8); padding-bottom:var(--sp-8)}
.hero__grid{display:grid; gap:var(--sp-7); align-items:start}
@media(min-width:1000px){.hero__grid{grid-template-columns:1.15fr .85fr; gap:var(--sp-8)} .hero .wrap{padding-top:var(--sp-9); padding-bottom:var(--sp-9)}}
.hero h1{color:#fff; margin-bottom:var(--sp-4)}
.hero h1 em{font-style:normal; color:var(--copper)}
.hero__sub{font-size:1.15rem; color:#C3D2E4; max-width:54ch; margin-bottom:var(--sp-5)}
.hero__btns{display:flex; flex-wrap:wrap; gap:var(--sp-3); margin-bottom:var(--sp-6)}
.hero__proof{padding-top:var(--sp-5); border-top:1px solid rgba(255,255,255,.16)}
.hero__proof ul{margin:0; padding:0; display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-5)}
.hero__proof li{list-style:none; display:flex; align-items:center; gap:.5rem; font-size:.94rem; color:#CBD8E8}
.hero__proof svg{flex:none; color:var(--copper)}

.badge-strip{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:var(--sp-5)}
.badge{
  display:inline-flex; align-items:center; gap:.4rem; font-size:.8rem; font-weight:600;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22);
  color:#E7EEF7; padding:.35rem .7rem; border-radius:100px;
}

/* Quote form */
.quote{background:#fff; color:var(--ink); border-radius:var(--r-lg); box-shadow:var(--sh-3); overflow:hidden}
.quote__head{background:var(--copper); padding:var(--sp-4) var(--sp-5)}
.quote__head h2{font-size:1.6rem; color:#1B1B1B; margin-bottom:.15rem}
.quote__head p{margin:0; font-size:.9rem; font-weight:600; color:#4a2d0d}
.quote__body{padding:var(--sp-5)}
.field{margin-bottom:var(--sp-4)}
.field label{display:block; font-size:.82rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); margin-bottom:.35rem}
.field input,.field select,.field textarea{
  width:100%; font:inherit; font-size:1rem; padding:.75rem .85rem;
  border:1.5px solid var(--line); border-radius:var(--r-sm); background:#FBFAF7; color:var(--ink);
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--steel); background:#fff; box-shadow:0 0 0 3px rgba(19,64,116,.12)}
.quote__note{font-size:.8rem; color:var(--muted); margin:var(--sp-3) 0 0; text-align:center}

/* Trust strip */
.stats{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border-radius:var(--r-md); overflow:hidden; box-shadow:var(--sh-2)}
@media(min-width:820px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:#fff; padding:var(--sp-5) var(--sp-4); text-align:center}
.stat__n{font-weight:800; font-size:2.4rem; line-height:1; letter-spacing:-.03em; color:var(--navy)}
.stat__n span{color:var(--copper)}
.stat__l{font-size:.88rem; color:var(--muted); margin:.4rem 0 0; font-weight:500}

/* Cards / services */
.grid{display:grid; gap:var(--sp-5)}
.grid--3{grid-template-columns:1fr}
@media(min-width:640px){.grid--3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.grid--3{grid-template-columns:repeat(4,1fr)}}
.card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  padding:var(--sp-5); box-shadow:var(--sh-1);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover{transform:translateY(-4px); box-shadow:var(--sh-3); border-color:#CFD8E4}
.card__ico{
  width:46px; height:46px; border-radius:10px; background:#EEF3F9; color:var(--steel);
  display:grid; place-items:center; margin-bottom:var(--sp-4);
}
.card h3{margin-bottom:var(--sp-2); color:var(--navy)}
.card p{font-size:.96rem; color:var(--muted); margin:0}

/* Comparison / checklist table */
.tablewrap{overflow-x:auto; border-radius:var(--r-md); box-shadow:var(--sh-2); background:#fff}
table.compare{width:100%; min-width:660px; border-collapse:collapse; font-size:.98rem}
table.compare th,table.compare td{padding:var(--sp-4); text-align:left; border-bottom:1px solid var(--line); vertical-align:top}
table.compare thead th{
  font-weight:700; font-size:1rem; letter-spacing:.02em;
  background:var(--navy); color:#fff; border-bottom:none;
}
table.compare thead th:nth-child(2){background:#155F3E; color:#fff}
table.compare thead th:nth-child(3){background:#7A2418; color:#fff}
table.compare tbody th{font-weight:600; color:var(--navy); width:26%}
table.compare td:nth-child(2){background:#F2FAF5}
table.compare td:nth-child(3){background:#FDF4F2; color:#6B2318}
table.compare tr:last-child th,table.compare tr:last-child td{border-bottom:none}
.yes{color:var(--ok); font-weight:700}
.no{color:var(--warn); font-weight:700}

/* Process */
.steps{display:grid; gap:var(--sp-5); counter-reset:step}
@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{position:relative; padding-left:4.2rem}
.step::before{
  counter-increment:step; content:counter(step);
  position:absolute; left:0; top:-.15rem;
  width:3rem; height:3rem; border-radius:50%;
  background:var(--copper); color:#1B1B1B;
  font-weight:800; font-size:1.4rem; letter-spacing:-.02em;
  display:grid; place-items:center;
}
.step h3{margin-bottom:var(--sp-2)}
.step p{font-size:.96rem; margin:0}

/* Split */
.split{display:grid; gap:var(--sp-6); align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr; gap:var(--sp-8)}}
.split img{border-radius:var(--r-md); box-shadow:var(--sh-3); width:100%; height:100%; object-fit:cover; max-height:460px}
.checklist{list-style:none; margin:0; padding:0}
.checklist li{position:relative; padding-left:1.9rem; margin-bottom:var(--sp-3); font-size:1rem}
.checklist li::before{
  content:""; position:absolute; left:0; top:.52em;
  width:.7rem; height:.7rem; border-radius:2px; background:var(--copper);
}

/* Problem cards */
.probs{display:grid; gap:var(--sp-5)}
@media(min-width:820px){.probs{grid-template-columns:repeat(3,1fr)}}
.prob{background:#fff; border-radius:var(--r-md); padding:var(--sp-5); border:1px solid var(--line); box-shadow:var(--sh-1); border-top:4px solid var(--copper)}
.prob h3{color:var(--navy); margin-bottom:var(--sp-2); font-size:1.3rem}
.prob p{font-size:.96rem; color:var(--muted); margin:0 0 var(--sp-3)}
.prob p:last-child{margin-bottom:0}
.prob strong{color:var(--ink)}

/* Areas */
.areas{display:flex; flex-wrap:wrap; gap:.6rem; padding:0; margin:var(--sp-5) 0 0; list-style:none}
.areas li{
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2);
  padding:.5rem .95rem; border-radius:100px; font-size:.92rem; font-weight:500; color:#E4ECF6;
}

/* FAQ */
.faq{max-width:820px; margin:0 auto}
.faq details{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  margin-bottom:var(--sp-3); box-shadow:var(--sh-1); overflow:hidden;
}
.faq summary{
  cursor:pointer; list-style:none; padding:var(--sp-4) var(--sp-5);
  font-weight:700; font-size:1.08rem; letter-spacing:-.015em;
  color:var(--navy); display:flex; justify-content:space-between; gap:var(--sp-4); align-items:center;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; color:var(--copper); font-size:1.7rem; line-height:1; flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details[open] summary{background:#FAF8F4}
.faq .a{padding:0 var(--sp-5) var(--sp-5); color:var(--muted); font-size:.98rem}
.faq .a p:last-child{margin-bottom:0}

/* CTA band */
.ctaband{background:linear-gradient(100deg,var(--navy),var(--steel)); color:#fff; text-align:center}
.ctaband h2{color:#fff; margin-bottom:var(--sp-3)}
.ctaband p{color:#C3D2E4; max-width:60ch; margin:0 auto var(--sp-5)}
.ctaband .hero__btns{justify-content:center; margin-bottom:0}

/* Footer */
.footer{background:#08192F; color:#93A6BE; font-size:.94rem; padding:var(--sp-8) 0 var(--sp-5)}
.footer h4{font-weight:700; font-size:.82rem; color:#fff; letter-spacing:.12em; text-transform:uppercase; margin-bottom:var(--sp-4)}
.footer a{color:#B9C9DD; text-decoration:none}
.footer a:hover{color:var(--copper)}
.footer__grid{display:grid; gap:var(--sp-6)}
@media(min-width:820px){.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.1fr}}
.footer ul{list-style:none; margin:0; padding:0}
.footer li{margin-bottom:.5rem}
.footer__bottom{border-top:1px solid rgba(255,255,255,.12); margin-top:var(--sp-6); padding-top:var(--sp-4); font-size:.85rem; display:flex; flex-wrap:wrap; gap:var(--sp-3); justify-content:space-between}
.disclosure{
  background:rgba(255,255,255,.05); border-left:3px solid var(--copper);
  padding:var(--sp-4) var(--sp-5); border-radius:var(--r-sm);
  margin-top:var(--sp-6); font-size:.88rem; line-height:1.6;
}
.disclosure strong{color:#fff}


.placeholder{background:#FFF4E0; border:1px dashed var(--copper); border-radius:var(--r-sm); padding:.2rem .5rem; font-size:.9em; font-weight:600; color:#7A4A0F}

/* ============================================================
   SITE HEADER
   ============================================================ */
.sh *,.sh *::before,.sh *::after{box-sizing:border-box}
.sh{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}

/* ---------- Top utility bar ---------- */
.sh-topbar{background:var(--sh-navy); color:#C6D4E6; font-size:.86rem}
.sh-topbar__in{
  max-width:1180px; margin:0 auto; padding:.5rem 1.5rem;
  display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between;
}
.sh-topbar b{color:#fff; font-weight:600}
.sh-topbar a{color:inherit; text-decoration:none}
.sh-topbar a:hover{color:#fff}
@media(max-width:720px){
  .sh-topbar__in{justify-content:center; text-align:center; gap:.25rem}
  .sh-topbar__geo{display:none}
}

/* ---------- Header shell ---------- */
.sh-header{
  position:sticky; top:0; z-index:200; background:#fff;
  border-bottom:1px solid var(--sh-line); box-shadow:0 1px 2px rgba(11,37,69,.08);
}
.sh-header__in{
  max-width:1180px; margin:0 auto; padding:.7rem 1.5rem;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
}

/* ---------- Logo ---------- */
.sh-logo{display:flex; align-items:center; gap:.65rem; text-decoration:none; flex:none}
.sh-logo img{height:46px; width:auto; display:block}
.sh-logo__txt{display:flex; flex-direction:column; line-height:1.05}
.sh-logo__name{font-weight:800; font-size:1.28rem; letter-spacing:-.025em; color:var(--sh-navy)}
.sh-logo__sub{font-weight:500; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--sh-muted); margin-top:.15rem}
@media(max-width:420px){.sh-logo__name{font-size:1.1rem} .sh-logo img{height:40px}}

/* ---------- Desktop nav ---------- */
.sh-nav{display:none}
.sh-nav ul{list-style:none; margin:0; padding:0}
.sh-nav>ul{display:flex; align-items:center; gap:1.6rem}
.sh-nav>ul>li{position:relative}
.sh-nav a{
  display:inline-flex; align-items:center; gap:.3rem;
  font-weight:600; font-size:.95rem; color:var(--sh-ink); text-decoration:none;
  padding:.55rem 0; border-bottom:2px solid transparent; white-space:nowrap;
}
.sh-nav a:hover,.sh-nav a:focus-visible{color:var(--sh-steel); border-bottom-color:var(--sh-copper)}
.sh-nav__caret{width:11px; height:11px; transition:transform .18s ease}
.sh-nav>ul>li:hover .sh-nav__caret{transform:rotate(180deg)}

/* dropdown */
.sh-drop{
  position:absolute; top:100%; left:-1rem; min-width:260px;
  background:#fff; border:1px solid var(--sh-line); border-radius:10px;
  box-shadow:0 14px 40px rgba(11,37,69,.16); padding:.5rem;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s;
}
.sh-nav>ul>li:hover .sh-drop,
.sh-nav>ul>li:focus-within .sh-drop{opacity:1; visibility:visible; transform:translateY(0)}
.sh-drop a{
  display:block; padding:.55rem .75rem; border-radius:6px; border-bottom:none;
  font-weight:500; font-size:.92rem; color:var(--sh-ink);
}
.sh-drop a:hover{background:#F1F5FA; color:var(--sh-steel); border-bottom:none}
.sh-drop__all{
  border-top:1px solid var(--sh-line); margin-top:.4rem; padding-top:.4rem;
}
.sh-drop__all a{font-weight:700; color:var(--sh-steel)}

/* ---------- CTA button ---------- */
.sh-cta{
  display:none; align-items:center; justify-content:center; gap:.5rem;
  background:var(--sh-copper); color:#1B1B1B; text-decoration:none;
  font-weight:700; font-size:.95rem; letter-spacing:.01em; text-transform:uppercase;
  padding:.85rem 1.4rem; border-radius:6px; white-space:nowrap;
  box-shadow:0 4px 14px rgba(11,37,69,.10); transition:transform .15s ease, background .15s ease;
}
.sh-cta:hover{background:var(--sh-copper-dark); color:#fff; transform:translateY(-2px)}

/* ---------- Burger ---------- */
.sh-burger{
  display:inline-flex; flex-direction:column; justify-content:center; gap:5px;
  width:46px; height:46px; padding:0 11px; flex:none;
  background:transparent; border:1px solid var(--sh-line); border-radius:8px; cursor:pointer;
}
.sh-burger span{display:block; height:2px; background:var(--sh-navy); border-radius:2px; transition:transform .22s ease, opacity .18s ease}
.sh-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sh-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sh-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(min-width:1024px){
  .sh-nav{display:block}
  .sh-cta{display:inline-flex}
  .sh-burger{display:none}
}

/* ---------- Mobile panel ---------- */
.sh-mobile{
  display:block; position:fixed; inset:0 0 0 auto; width:min(88vw,380px);
  background:#fff; z-index:210; padding:1.25rem 1.25rem 6rem;
  overflow-y:auto; transform:translateX(100%);
  transition:transform .26s cubic-bezier(.4,0,.2,1);
  box-shadow:-10px 0 40px rgba(11,37,69,.22);
}
.sh-mobile[data-open="true"]{transform:translateX(0)}
.sh-scrim{
  position:fixed; inset:0; background:rgba(11,37,69,.5); z-index:205;
  opacity:0; visibility:hidden; transition:opacity .26s ease, visibility .26s;
}
.sh-scrim[data-open="true"]{opacity:1; visibility:visible}
@media(min-width:1024px){.sh-mobile,.sh-scrim{display:none}}

.sh-mobile__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:1.25rem}
.sh-mobile__close{
  width:42px; height:42px; border:1px solid var(--sh-line); border-radius:8px;
  background:transparent; cursor:pointer; font-size:1.5rem; line-height:1; color:var(--sh-navy);
}
.sh-mobile ul{list-style:none; margin:0; padding:0}
.sh-mobile>ul>li{border-bottom:1px solid var(--sh-line)}
.sh-mobile>ul>li>a,.sh-mobile__toggle{
  display:flex; align-items:center; justify-content:space-between; width:100%;
  padding:.95rem .25rem; font-weight:700; font-size:1.02rem; color:var(--sh-navy);
  text-decoration:none; background:transparent; border:none; cursor:pointer;
  font-family:inherit; text-align:left;
}
.sh-mobile__toggle .sh-nav__caret{transition:transform .2s ease}
.sh-mobile__toggle[aria-expanded="true"] .sh-nav__caret{transform:rotate(180deg)}
.sh-mobile__sub{display:none; padding:0 0 .75rem .25rem}
.sh-mobile__sub[data-open="true"]{display:block}
.sh-mobile__sub a{
  display:block; padding:.5rem .25rem; font-size:.95rem; font-weight:500;
  color:var(--sh-muted); text-decoration:none;
}
.sh-mobile__sub a:hover{color:var(--sh-steel)}
.sh-mobile__cta{
  display:flex; align-items:center; justify-content:center; gap:.5rem; margin-top:1.5rem;
  background:var(--sh-copper); color:#1B1B1B; text-decoration:none;
  font-weight:700; text-transform:uppercase; padding:1rem; border-radius:6px;
}
.sh-mobile__note{margin:.75rem 0 0; font-size:.85rem; color:var(--sh-muted); text-align:center}

body.sh-locked{overflow:hidden}

/* ============================================================
   MOBILE STICKY CALL BAR
   Always-visible call + connect buttons under 1024px.
   Sits below the mobile menu panel (z-index 210) on purpose.
   ============================================================ */
.callbar{
  position:fixed; left:0; right:0; bottom:0; z-index:80;
  display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:1px; background:rgba(0,0,0,.15);
  box-shadow:0 -4px 18px rgba(0,0,0,.22);
}
.callbar a{
  padding:.95rem .5rem; text-align:center; text-decoration:none;
  font-family:'Inter',system-ui,sans-serif; font-weight:700;
  font-size:.95rem; letter-spacing:.01em; text-transform:uppercase;
}
.callbar a:first-child{background:var(--copper); color:#1B1B1B}
.callbar a:last-child{background:var(--navy); color:#fff}
@media(min-width:1024px){.callbar{display:none}}
@media(max-width:1023px){body{padding-bottom:56px}}

.callbar__solo{background:var(--copper) !important; color:#1B1B1B !important}