:root{--bg:#070707;--panel:#111;--panel-soft:#171411;--gold:#b4874d;--gold-deep:#8e6738;--sand:#f6efe3;--muted:#e0d2bf;--line:rgba(180,135,77,.32);--line-strong:rgba(180,135,77,.52);--orange:#f46a1f;--orange2:#ff7d34;--shadow:0 24px 60px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060606;color:var(--sand);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.site-wallpaper{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24;filter:saturate(1.02) contrast(1.04);z-index:-2}.wallpaper-shade{position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.78));z-index:-1}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:rgba(0,0,0,.74);backdrop-filter:blur(6px);border-bottom:1px solid rgba(180,135,77,.22);font-size:.86rem;color:#d7c7b4}.topbarin{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar b{color:var(--gold)}.nav{background:rgba(0,0,0,.82);backdrop-filter:blur(8px);border-bottom:1px solid rgba(180,135,77,.24);position:sticky;top:0;z-index:20}.navin{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;color:var(--sand);display:flex;align-items:center;gap:12px}.mark{width:38px;height:38px;border:2px solid var(--gold);border-radius:50%;position:relative;flex:0 0 auto}.mark:before,.mark:after{content:"";position:absolute;background:var(--gold);left:50%;top:50%;transform:translate(-50%,-50%)}.mark:before{width:3px;height:23px}.mark:after{width:18px;height:3px;top:42%}.brand-title{font-family:Georgia,serif;font-size:1.18rem;letter-spacing:.03em}.brand-sub{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.links{display:flex;align-items:center;gap:22px}.links a{color:#eadfce;text-decoration:none;font-size:.94rem}.links a:hover,.links a.active{color:var(--gold)}.navright{display:flex;align-items:center;gap:14px}.phone{color:var(--muted);text-decoration:none;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;text-decoration:none;font-weight:800;letter-spacing:.02em;border:1px solid transparent;cursor:pointer}.btn-orange{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#111;box-shadow:0 12px 28px rgba(244,106,31,.18)}.btn-dark{background:#0b0b0b;color:var(--sand);border-color:var(--line-strong)}.hero,.page-hero{padding:88px 0 74px}.hero-grid,.split,.plan-grid,.area,.contact-grid,.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:800;color:var(--gold);margin-bottom:13px}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;margin:0}h1{font-size:clamp(3rem,6vw,5.4rem);max-width:900px}h1 span,h2 span{color:var(--gold)}h2{font-size:clamp(2.2rem,4vw,3.7rem);margin-bottom:18px}h3{font-size:1.5rem;color:var(--gold)}.hero p,.lead{color:var(--muted);font-size:1.14rem;line-height:1.75;max-width:820px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.trustline{display:flex;gap:18px;flex-wrap:wrap;color:#d4c4b0;font-size:.92rem}.trustline span{padding-right:18px;border-right:1px solid var(--line)}.trustline span:last-child{border-right:0}.section{padding:76px 0;border-top:1px solid rgba(180,135,77,.15)}.quick{padding:0 0 28px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-card,.service-card,.plan-card,.side-card,.creed-card,.statement-card,.item,.content-card{background:linear-gradient(180deg,rgba(23,20,17,.74),rgba(10,9,8,.82));border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow)}.quick-card{padding:22px;text-decoration:none;color:var(--sand)}.quick-card strong{display:block;color:var(--gold);font-family:Georgia,serif;font-size:1.18rem;margin-bottom:6px}.quick-card span{color:var(--muted);font-size:.92rem}.plan-card,.side-card,.content-card{padding:34px}.big{font-family:Georgia,serif;color:var(--gold);font-size:2.2rem;margin:8px 0 14px}.bullets,.plan-list{display:grid;gap:12px;margin:22px 0}.bullet{display:flex;gap:12px;align-items:flex-start;color:#eadfce}.check{width:28px;height:28px;border:1px solid var(--gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:.82rem;flex:0 0 auto}.plan-pricing,.plan-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.price,.stat{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.27)}.price b,.stat b{display:block;font-size:1.7rem;color:var(--gold);font-family:Georgia,serif}.price span,.stat span,.stat small{color:var(--muted)}.services-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.service-card{padding:28px}.service-card h3{margin-bottom:12px}.service-card p{color:var(--muted)}.service-links{display:grid;gap:9px;margin:18px 0}.service-links a{color:#f0e5d5;text-decoration:none;border-bottom:1px solid rgba(180,135,77,.16);padding-bottom:8px}.creed-grid,.why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.creed-card,.item{padding:24px}.creed-card p,.item span,.content-card p,.side-card p{color:var(--muted)}.item strong{display:block;color:var(--gold);font-family:Georgia,serif;font-size:1.22rem;margin-bottom:7px}.statement-grid{align-items:stretch}.statement-card{padding:30px}.statement-card p{color:var(--muted)}.form{background:rgba(15,13,11,.9);border:1px solid var(--line-strong);padding:30px;border-radius:18px;box-shadow:var(--shadow)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:grid;gap:7px;color:#ebdfcf;font-size:.9rem}input,select,textarea{width:100%;background:#080808;border:1px solid var(--line-strong);border-radius:9px;color:#fff;padding:13px;font:inherit}textarea{min-height:120px;resize:vertical}.smallprint{color:var(--muted);font-size:.84rem}.sticky{position:fixed;right:22px;bottom:22px;z-index:30}footer{padding:48px 0;background:#000;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-grid a{display:block;color:var(--muted);text-decoration:none;margin:7px 0}.footer-grid p{color:var(--muted)}.page-hero h1{font-size:clamp(2.8rem,5vw,4.8rem)}.page-hero p{font-size:1.18rem;color:var(--muted);max-width:820px}.quote-line{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.35;color:#f4eadc;border-left:3px solid var(--gold);padding-left:24px;margin:28px 0}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.values-grid .content-card{height:100%}
@media(max-width:980px){.links{display:none}.hero-grid,.split,.plan-grid,.area,.contact-grid,.statement-grid{grid-template-columns:1fr}.quick-grid,.creed-grid,.why,.values-grid{grid-template-columns:1fr 1fr}.services-tabs{grid-template-columns:1fr}}
@media(max-width:640px){.topbarin{justify-content:center;text-align:center}.topbarin span:first-child{display:none}.navright .phone{display:none}.brand-title{font-size:1rem}.quick-grid,.creed-grid,.why,.values-grid,.grid2,.plan-stats,.plan-pricing{grid-template-columns:1fr}.full{grid-column:auto}.hero,.page-hero{padding-top:64px}.sticky{right:12px;bottom:12px}.footer-grid{grid-template-columns:1fr}.navin{min-height:72px}.btn{min-height:46px}}


/* ===== VISUAL RESTORE: original Kramer background + black text panels ===== */
body{background:#070707;}
.site-wallpaper{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  filter:none !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.wallpaper-shade{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.26) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
body > *:not(.site-wallpaper):not(.wallpaper-shade){position:relative;z-index:2;}
.section,.hero,.page-hero,.quick{background:transparent !important;}
.topbar,.nav{background:#000 !important;backdrop-filter:none !important;}

.quick-card,.service-card,.plan-card,.side-card,.creed-card,.statement-card,.item,.content-card,.form{
  background:rgba(0,0,0,.94) !important;
  border:1px solid rgba(180,135,77,.58) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.52) !important;
}
.quick-card strong,.service-card h3,.why strong,.content-card h3,.side-card h3,.statement-card h3,.creed-card h3{
  color:#fff !important;
}
.quick-card span,.service-card p,.why span,.content-card p,.side-card p,.statement-card p,.creed-card p{
  color:#f2f2f2 !important;
}
.plan-card,.plan-card p,.bullet,.price span,.stat span,.stat small{color:#fff !important;}
footer{background:rgba(0,0,0,.94) !important;}

.phone-call{color:var(--orange)!important;font-weight:900;font-size:1rem;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.phone-call:hover{color:var(--orange2)!important;text-decoration:underline}

/* Kramer Mechanical accessibility + contrast update */
body {
  font-size: 18px;
}

p,
li,
label,
input,
select,
textarea,
button,
a {
  font-size: 1rem;
}

.smallprint {
  font-size: 0.95rem;
}

body::before {
  filter: brightness(0.55);
}

.page-hero p,
.lead,
.bullet,
.form label {
  line-height: 1.65;
}

.form input,
.form select,
.form textarea {
  font-size: 18px;
}


/* Put all visible website text on solid black backing */
body,
section,
.page-hero,
.container,
.card,
.form,
.footer-grid,
.nav,
.navin {
  color: #fff;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li,
a,
span,
.eyebrow,
.lead,
.bullet,
.smallprint,
.brand-title,
.brand-sub,
.phone {
  background: #000;
  color: #fff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.08em 0.22em;
}

/* Keep buttons looking like buttons */
.btn,
button {
  background: #000;
}

/* Keep form fields readable */
input,
select,
textarea {
  background: #000;
  color: #fff;
  border-color: #777;
}

input::placeholder,
textarea::placeholder {
  color: #bbb;
}


/* Keep CTA buttons orange */
.btn,
.btn-orange,
button,
a.btn,
.sticky,
a[href*="schedule"],
a[href*="comfort-plan"] {
  background: #d97706 !important;
  color: #fff !important;
}


/* Top-left brand styling */
.brand-title {
  color: #c9a227 !important;
  display: block !important;
}

.brand-sub {
  color: #fff !important;
  display: block !important;
  margin-top: 2px;
}

/* Keep normal text white, not orange */
h1, h2, h3, p, span, label, li {
  color: #fff !important;
}

/* Pull main content higher */
.page-hero {
  padding-bottom: 20px !important;
}

.section {
  padding-top: 20px !important;
}

/* Schedule page: pull simple scheduling upward */
.contact-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Services page: move service content upward */
.services-grid,
.service-grid,
.cards,
.grid {
  margin-top: 0 !important;
  padding-top: 10px !important;
}


/* Reset normal links/text back to white */
a,
a:visited,
.links a,
.footer-grid a,
.services-grid a,
.service-grid a,
.cards a,
.grid a {
  color: #fff !important;
  background: #000 !important;
}

/* Top navigation links stay white */
.links a,
.links a.active {
  color: #fff !important;
  background: #000 !important;
}

/* Only the main right-side Schedule Now CTA stays orange */
.navright .btn-orange {
  background: #d97706 !important;
  color: #fff !important;
}

/* Do not make Comfort Plan or Schedule nav links orange */
.links a[href*="comfort-plan"],
.links a[href*="schedule"] {
  background: #000 !important;
  color: #fff !important;
}

/* Do not make service links orange */
a[href*="services"] {
  background: #000 !important;
  color: #fff !important;
}


/* Bottom sticky Schedule Now button stays orange */
.sticky.btn,
a.sticky.btn {
  background: #d97706 !important;
  color: #fff !important;
}

/* Comfort Plan CTA button */
a[href*="comfort-plan"].btn,
.comfort-plan .btn,
.plan .btn,
.pricing .btn {
  background: #d97706 !important;
  color: #fff !important;
}

/* Comfort Plan pricing boxes: black fill, orange outline only */
.pricing,
.pricing-card,
.price-card,
.plan-card,
.comfort-plan-card {
  background: #000 !important;
  border: 2px solid #d97706 !important;
  box-shadow: none !important;
}

/* Keep pricing text white */
.pricing *,
.pricing-card *,
.price-card *,
.plan-card *,
.comfort-plan-card * {
  color: #fff !important;
  background: transparent !important;
}

/* But keep buttons inside pricing orange */
.pricing .btn,
.pricing-card .btn,
.price-card .btn,
.plan-card .btn,
.comfort-plan-card .btn {
  background: #d97706 !important;
  color: #fff !important;
}


/* Make page-top black heading boxes hug the text only */
.page-hero h1,
.page-hero h2,
.page-hero .eyebrow,
section h1,
section h2 {
  display: inline-block !important;
  width: auto !important;
  max-width: fit-content !important;
  background: #000 !important;
}

/* Keep following text on its own line */
.page-hero p,
section p {
  display: block !important;
}


/* Make page-top black heading boxes hug the text only */
.page-hero h1,
.page-hero h2,
.page-hero .eyebrow,
section h1,
section h2 {
  display: inline-block !important;
  width: auto !important;
  max-width: fit-content !important;
  background: #000 !important;
}

/* Keep following text on its own line */
.page-hero p,
section p {
  display: block !important;
}


/* ===== CLEAN UNIFIED PANELS ===== */

/* Stop individual words/lines from having separate black boxes */
.page-hero .container *,
.side-card *,
.statement-card *,
.content-card *,
.creed-card *,
.service-card *,
.plan-card *,
.contact-grid > div:first-child * {
  background: transparent !important;
}

/* One rounded black/gold panel for page headers */
.page-hero .container {
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Eyebrow + headline + paragraph become ONE box */
.page-hero h1,
.page-hero h2,
.page-hero .eyebrow,
.page-hero p {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Existing cards use the same Southwest Metro look */
.side-card,
.statement-card,
.content-card,
.creed-card,
.service-card,
.plan-card {
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Schedule: make Simple Scheduling one clean panel */
.contact-grid > div:first-child {
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 26px 30px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Pull Schedule content much closer to the header */
.page-hero {
  padding-bottom: 8px !important;
}

.section {
  padding-top: 10px !important;
}

.contact-grid {
  margin-top: 0 !important;
  align-items: start !important;
}

/* Keep individual text clean inside unified panels */
.page-hero span,
.page-hero p,
.page-hero h1,
.page-hero h2,
.page-hero .eyebrow,
.side-card span,
.side-card p,
.side-card .big,
.statement-card span,
.statement-card p,
.statement-card h2,
.statement-card h3,
.content-card span,
.content-card p,
.content-card h2,
.content-card h3,
.creed-card span,
.creed-card p,
.creed-card h3,
.service-card span,
.service-card p,
.service-card h3,
.plan-card span,
.plan-card p,
.plan-card h3,
.contact-grid > div:first-child span,
.contact-grid > div:first-child p,
.contact-grid > div:first-child h2 {
  background: transparent !important;
}


/* ===== SERVICE AREA + SERVICES PANEL FIX ===== */

/* Service Area left text block = one rounded gold-outlined panel */
.area > div:first-child{
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Services "Our standard" block = one rounded gold-outlined panel */
.statement-grid > div:first-child{
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Remove the separate black boxes inside those sections */
.area > div:first-child *,
.statement-grid > div:first-child *{
  background: transparent !important;
}

/* Keep text stacked cleanly inside the one panel */
.area > div:first-child .eyebrow,
.area > div:first-child h1,
.area > div:first-child h2,
.area > div:first-child h3,
.area > div:first-child p,
.statement-grid > div:first-child .eyebrow,
.statement-grid > div:first-child h1,
.statement-grid > div:first-child h2,
.statement-grid > div:first-child h3,
.statement-grid > div:first-child p{
  display: block !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Make CHECK AVAILABILITY orange */
.area > div:first-child .btn,
.area > div:first-child .btn-orange,
.btn.btn-orange,
a.btn.btn-orange,
.sticky.btn.btn-orange{
  background: #d97706 !important;
  color: #fff !important;
  border: 1px solid #d97706 !important;
}

.area > div:first-child .btn:hover,
.area > div:first-child .btn-orange:hover,
.btn.btn-orange:hover,
a.btn.btn-orange:hover,
.sticky.btn.btn-orange:hover{
  background: #ea8a11 !important;
  color: #fff !important;
  border-color: #ea8a11 !important;
}


/* Services "Our standard" section = one unified rounded panel */
.services-tabs + * {
  margin-top: 0 !important;
}

section.section > .container > .eyebrow:has(+ h2) {
  background: transparent !important;
}

/* Target the final Services section container */
body > section.section:nth-of-type(3) > .container {
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Remove individual black boxes inside it */
body > section.section:nth-of-type(3) > .container * {
  background: transparent !important;
}

/* Service Area left block = same exact unified panel style */
.area > div:first-child {
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

.area > div:first-child * {
  background: transparent !important;
}

/* Keep Check Availability orange */
.area > div:first-child a.btn {
  background: #d97706 !important;
  color: #fff !important;
  border: 1px solid #d97706 !important;
}


/* About "Who we are" section = one unified rounded panel */
body > section.section:nth-of-type(2) > .container {
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Remove the separate black boxes inside that About section */
body > section.section:nth-of-type(2) > .container * {
  background: transparent !important;
}

/* Keep the text stacked cleanly */
body > section.section:nth-of-type(2) > .container .eyebrow,
body > section.section:nth-of-type(2) > .container h2,
body > section.section:nth-of-type(2) > .container p {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}


/* Homepage first section only = one unified rounded gold-outlined panel */
body > section.hero .hero-copy,
body > section.hero .hero-grid > div:first-child,
body > section.hero .container > div:first-child {
  background: rgba(0,0,0,.94) !important;
  border: 1px solid rgba(180,135,77,.70) !important;
  border-radius: 18px !important;
  padding: 28px 32px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.52) !important;
}

/* Remove separate black boxes inside that homepage intro only */
body > section.hero .hero-copy *,
body > section.hero .hero-grid > div:first-child *,
body > section.hero .container > div:first-child * {
  background: transparent !important;
}

/* Keep the text stacked cleanly inside that one box */
body > section.hero .hero-copy .eyebrow,
body > section.hero .hero-copy h1,
body > section.hero .hero-copy p,
body > section.hero .hero-grid > div:first-child .eyebrow,
body > section.hero .hero-grid > div:first-child h1,
body > section.hero .hero-grid > div:first-child p,
body > section.hero .container > div:first-child .eyebrow,
body > section.hero .container > div:first-child h1,
body > section.hero .container > div:first-child p {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}


/* Homepage: make the two top feature boxes line up evenly */
.hero-grid{
  align-items: stretch !important;
}

.hero-grid > div{
  display: flex !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

.hero-grid > div > *{
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  align-self: stretch !important;
}

/* Kill any extra offset on the right box */
.hero-grid > div:last-child{
  margin-top: 0 !important;
  transform: none !important;
}

.hero-grid > div:last-child > *{
  margin-top: 0 !important;
  transform: none !important;
}


/* Revert last homepage alignment override */
.hero-grid{
  align-items: initial !important;
}

.hero-grid > div{
  display: initial !important;
  align-items: initial !important;
  margin-top: initial !important;
}

.hero-grid > div > *{
  width: initial !important;
  height: initial !important;
  margin-top: initial !important;
  align-self: initial !important;
}

.hero-grid > div:last-child{
  margin-top: initial !important;
  transform: initial !important;
}

.hero-grid > div:last-child > *{
  margin-top: initial !important;
  transform: initial !important;
}



/* ===== MOBILE-ONLY PHONE NUMBER BAR ===== */
.mobile-call-bar{
  display:none;
}

@media(max-width:640px){
  .mobile-call-bar{
    display:block;
    width:100%;
    background:#000 !important;
    color:#fff !important;
    text-align:center;
    text-decoration:none;
    font-weight:900;
    font-size:1rem;
    letter-spacing:.02em;
    padding:10px 12px;
    border-bottom:1px solid rgba(180,135,77,.52);
  }

  .mobile-call-bar:hover,
  .mobile-call-bar:focus{
    color:#fff !important;
    background:#111 !important;
  }
}

/* Bigger desktop phone number only */
@media(min-width:641px){
  .phone-call{
    font-size:1.22rem !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
    padding:8px 12px !important;
  }
}

/* ===== FINAL HERO + FLOATING BUTTON FIX ===== */
@media(min-width:981px){
  .hero-grid{
    align-items:start !important;
  }

  .hero-grid > .content-card{
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
  }
}

/* Move floating Schedule Now farther inside screen */
.sticky{
  right:50px !important;
  left:auto !important;
}

/* ===== DESKTOP HERO QUICK LINKS ===== */

.hero-right{
  display:grid;
  gap:18px;
  align-self:start;
}

.hero-quick-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.hero-quick-grid .quick-card{
  padding:18px;
}

/* Desktop: hide old quick-link row below hero */
@media(min-width:981px){
  section.quick{
    display:none !important;
  }
}

/* Tablet/phone: keep original layout, hide hero copies */
@media(max-width:980px){
  .hero-quick-grid{
    display:none !important;
  }

  section.quick{
    display:block !important;
  }
}

/* ===== FORCE REAL SPACE ABOVE 4 QUICK BOXES ===== */
@media(min-width:981px){
  .hero-right > .hero-quick-spacer{
    display:block !important;
    height:140px !important;
    min-height:140px !important;
    width:100% !important;
    flex:none !important;
  }
}