/* =============================================================================
   Elite Diesel & Auto Works: "industrial" theme (ELITE_THEME=industrial)
   Loaded AFTER site.css, so it only overrides. Direction: clean, edgy, industrial,
   rugged. Charcoal/steel and brand teal dominate. Reclaimed wood is the warm material
   (header, warranty panel, footer CTA), shop orange is the secondary accent, and
   polished concrete is used for reading surfaces. Textures: CSS stripes plus two small
   self-generated images (see tools/make_textures.py).
   Fonts are self-hosted, SIL OFL: Barlow Condensed (headings), Source Sans 3 (body).
   ============================================================================= */
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-700-normal.woff2) format("woff2");font-weight:700 800;font-display:swap}

:root{
  /* steel + charcoal */
  --ink:#15171a; --ink-2:#1b1e22; --ink-3:#0f1113; --steel:#2b3035; --steel-2:#3b4148; --steel-3:#6b737b;
  /* concrete reading surfaces */
  --bg:#f5f4f1; --bg-soft:#e9e7e2; --card:#fcfbf9; --line:#d3d0c9; --line-dark:#33393f;
  --muted:#565c63;
  /* brand teal (sampled from the logo ~#2aaeb0) */
  --teal:#26b3b1; --teal-lite:#4fcfcb; --teal-dark:#0b6563;
  /* warm accents */
  --wood:#5a3d27; --wood-2:#6e4a2f; --wood-3:#3e2a1b; --cognac:#c2410c; --cognac-2:#f97316;
  --amber:#c98a2b;
  --radius:3px; --shadow:none;
  --font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-head:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  /* textures */
  --corrugated:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 2px,rgba(0,0,0,.12) 2px 5px,rgba(255,255,255,0) 5px 16px);
  --grain:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 34px),
          repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,rgba(0,0,0,.035) 2px 5px,transparent 5px 23px),
          linear-gradient(90deg,#4f3522,#5d3f28 35%,#513723 60%,#5a3d27 85%,#4c3321);
}

body{font-size:1.09rem;color:#1d2024;background:var(--bg)}
a{color:var(--teal-dark);text-underline-offset:.15em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}

h1,h2,h3,.footer-name,.footer-h,.card-links strong,.stat-row strong,legend{font-family:var(--font-head);font-weight:700;letter-spacing:.01em}
h1{text-transform:uppercase;font-size:clamp(2.2rem,6vw,3.9rem);line-height:1.02;letter-spacing:.005em}
h2{text-transform:uppercase;font-size:clamp(1.55rem,3.2vw,2.15rem);line-height:1.08;color:var(--ink)}
h3{font-size:1.35rem;text-transform:uppercase;letter-spacing:.03em}

/* ---- top bar + header: corrugated steel ---- */
.topbar{background:var(--ink-3);color:#aeb6bd;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid #22262b}
.topbar a{color:#dfe5e9}
.site-header{background-color:var(--ink);background-image:var(--corrugated);border-bottom:1px solid var(--line-dark);box-shadow:0 1px 0 rgba(38,179,177,.55)}
.header-row{min-height:72px}
.nav-toggle{border-radius:var(--radius);border-color:var(--steel-2)}
.site-nav a{font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.09em;font-size:1.05rem;border-bottom-color:var(--steel)}
.site-nav a[aria-current="page"]{color:var(--teal-lite)}
.header-phone{font-family:var(--font-head);font-weight:700;font-size:1.25rem;letter-spacing:.04em}
.header-phone:hover{color:var(--teal-lite)}

/* ---- buttons: square, stenciled ---- */
.btn{border-radius:2px;font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:1.02rem;padding:.8rem 1.35rem}
.btn-sm{padding:.45rem .95rem;font-size:.95rem}
.btn-primary{background:var(--teal);color:#05100f;border-color:var(--teal)}
.btn-primary:hover{background:var(--teal-lite);border-color:var(--teal-lite);color:#05100f}
.btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
.btn-light:hover{background:#fff;color:var(--ink)}
.content .btn-light,.form .btn-light{color:var(--ink);border-color:var(--ink)}
.btn-dark{background:var(--ink);border-color:var(--ink)}
.btn-outline{border-color:var(--ink);color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:#fff}
.btn-google{background:var(--cognac);color:#fff;border-color:var(--cognac)}
.btn-google:hover{background:var(--cognac-2);border-color:var(--cognac-2);color:#fff}

/* ---- hero: real photo, heavy left-weighted overlay, thin teal line ---- */
.hero{background-color:var(--ink);background-image:var(--corrugated),linear-gradient(180deg,#1b1e22,#121417);border-bottom:3px solid var(--teal)}
.hero.has-img::after{background:linear-gradient(90deg,rgba(13,15,17,.94) 0%,rgba(13,15,17,.82) 42%,rgba(13,15,17,.45) 100%),linear-gradient(0deg,rgba(13,15,17,.7),rgba(13,15,17,0) 45%)}
.hero-inner{padding:2.25rem 0 2.5rem}
.hero .lead{font-size:1.2rem;color:#dfe4e7;max-width:40rem}
.kicker{display:flex;align-items:center;gap:.7rem;color:var(--teal-lite);font-family:var(--font-head);font-weight:600;letter-spacing:.2em;font-size:.9rem}
.kicker::before{content:"";width:2.25rem;height:2px;background:var(--teal);flex:none}
.crumbs ol{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#b9c1c7}
.crumbs a{color:#e8ecef}
body.home .hero.has-img{min-height:540px}
body.home .hero h1{font-size:clamp(2.6rem,7.5vw,5rem)}

/* ---- content surfaces ---- */
.content{padding:2.5rem 0 3.5rem}
.figure img,.gallery figure img{border-radius:var(--radius);box-shadow:none;border:1px solid var(--line)}
.caption{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}

/* stat strip: no boxes, teal rules */
.stat-row{gap:0;margin:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-row li{background:none;border:0;border-radius:0;padding:1.1rem 1.1rem 1.1rem 1.25rem;position:relative;color:var(--muted)}
.stat-row li::before{content:"";position:absolute;left:0;top:1.1rem;bottom:1.1rem;width:3px;background:var(--teal)}
.stat-row strong{font-size:1.4rem;text-transform:uppercase;color:var(--ink);line-height:1.1;margin-bottom:.2rem}

/* "name" note: wood accent strip */
.name-note{background:var(--card);border:1px solid var(--line);border-left:0;border-radius:var(--radius);position:relative;padding:1.1rem 1.35rem 1.1rem 1.9rem;font-size:1.12rem}
.name-note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--grain);border-radius:var(--radius) 0 0 var(--radius);box-shadow:inset -2px 0 0 var(--teal)}
.name-note strong{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem;color:var(--cognac)}

/* service links: steel top rule, not floating cards */
.card-links{gap:0 1.5rem}
.card-links a{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:1rem 0 1.1rem;transition:none;position:relative}
.card-links a::before{content:"";position:absolute;left:0;top:-1px;width:2.5rem;height:3px;background:var(--steel-2);transition:width .2s,background .2s}
.card-links a:hover{transform:none}
.card-links a:hover::before{width:100%;background:var(--teal)}
.card-links strong{font-size:1.35rem;text-transform:uppercase;color:var(--ink)}
.card-links a:hover strong{color:var(--teal-dark)}

/* dark corrugated band (homepage feature section etc.) */
.band{background-color:var(--ink);background-image:var(--corrugated);color:#d9dee2;border-block:0;border-top:3px solid var(--teal);padding-block:3.25rem}
.band h2,.band h3{color:#fff}
.band a{color:var(--teal-lite)}
.band a:hover{color:#fff}
.band .figure img{border-color:var(--line-dark)}
.band strong{color:#fff}

.diesel-mini{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--steel-2);border-radius:var(--radius)}
.diesel-mini h2{font-size:1.45rem}

/* warranty: the "reception desk" (wood panel with a teal base line) */
.warranty-box{background:var(--grain);border:0;border-bottom:3px solid var(--teal);border-radius:var(--radius);color:#f1e9df;padding:1.5rem 1.6rem}
.warranty-box h2{color:#fff;font-size:1.55rem}
.warranty-box a{color:#9fe3e0}
.warranty-box a:hover{color:#fff}
.warranty-box img{background:#fff;border-radius:50%;padding:3px}

.cta-box{background-color:var(--ink);background-image:var(--corrugated);border-left:0;border-bottom:3px solid var(--teal);border-radius:var(--radius);padding:1.75rem}
.cta-box a:not(.btn){color:var(--teal-lite)}

.review{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cognac);border-radius:var(--radius);box-shadow:none}
.review blockquote{font-size:1.08rem}
.review figcaption{text-transform:uppercase;letter-spacing:.07em;font-size:.78rem}
.stars{color:#c2410c}

.make-grid a{border-radius:var(--radius);background:var(--card);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem}
.make-grid a:hover{border-color:var(--teal);box-shadow:inset 0 -3px 0 var(--teal)}
.town-list li{border-radius:2px;background:var(--card);font-size:.92rem}
.hours th{font-weight:700}
.map{border-radius:var(--radius);border-color:var(--line)}
.map iframe{filter:grayscale(.45) contrast(1.05)}
.steps li::before{border-radius:2px;background:var(--ink);color:var(--teal-lite);font-family:var(--font-head);font-size:1.1rem}
.note{background:#f4ece2;border-color:#dcc6ad;border-radius:var(--radius)}
.faq-item{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:.2rem 0}
.faq-item summary{font-size:1.08rem}
.faq-item summary::marker{color:var(--teal-dark)}
.drive-table th{background:var(--ink);color:#fff;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-weight:600}

/* forms */
.form fieldset{border-radius:var(--radius);background:var(--card);border-color:var(--line)}
.form legend{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem}
.field input,.field select,.field textarea{border-radius:2px;border-color:#9ea4aa;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-dark);outline:2px solid var(--teal);outline-offset:0}
.form-status{border-radius:var(--radius);background:#e6f4f3;border-color:#8fd0cd}

/* prefooter: wood lip + teal line over corrugated steel */
.prefooter{background-color:var(--ink-2);background-image:var(--corrugated);border-top:8px solid var(--wood);box-shadow:inset 0 2px 0 var(--teal);padding-block:2.5rem}
.prefooter h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.prefooter p{color:#c9cfd4}
.site-footer{background:var(--ink-3);color:#b3bbc2}
.site-footer a{color:#e3e8eb}
.site-footer a:hover{color:var(--teal-lite)}
.footer-name,.footer-h{text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem}
.footer-h::after{content:"";display:block;width:2rem;height:2px;background:var(--teal);margin-top:.35rem}
.footer-bottom{border-top-color:#22272c;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:#8a939b}

/* sticky mobile bar: CSS icons instead of emoji */
.mobile-bar{box-shadow:0 -1px 0 var(--teal),0 -6px 18px rgba(0,0,0,.3)}
.mobile-bar a{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.12em;font-size:1.15rem;gap:.55rem}
.mobile-bar .ico{display:none}
.mobile-bar a::before{content:"";width:1.15rem;height:1.15rem;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.mb-call{background:var(--teal);color:#05100f;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
.mb-book{background:var(--ink);background-image:var(--corrugated);color:#fff;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3zm12 8H5v9h14zM5 6v2h14V6z'/%3E%3C/svg%3E")}

@media (min-width:980px){
  .site-nav a{padding:.45rem .7rem;border-radius:2px;position:relative}
  .site-nav a:hover{background:none;color:var(--teal-lite)}
  .site-nav a[aria-current="page"]::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-.1rem;height:2px;background:var(--teal)}
  .brand img{width:200px}
  .stat-row li+li{border-left:1px solid var(--line)}
  .stat-row li+li::before{left:-1px}
  .card-links{gap:0 2rem}
  body.home .hero.has-img{min-height:640px}
  body.home .hero-inner{padding:4rem 0 4.5rem}
  .hero.has-img{min-height:440px}
}
@media (max-width:639px){
  .kicker{letter-spacing:.14em;font-size:.8rem}
  .kicker::before{width:1.25rem}
}

/* =============================================================================
   VIBE PASS: match the shop-lobby reference. The dark steel frame is lit by warm
   linear lights, reclaimed-wood walls are a real material, a teal LED strip runs
   along the "reception desk" panels, and reading surfaces are polished concrete.
   Textures are generated by tools/make_textures.py: wood 30 KB, concrete 1.5 KB.
   ============================================================================= */
:root{
  --bg:#e3dfd9; --bg-soft:#d8d3cc; --card:#f7f5f1; --line:#c9c3ba;
  --muted:#4f545b; --teal-dark:#095957; --cognac-text:#a8380a;
  --wood-img:url(/img/wood-planks.webp);
  --led:0 0 10px rgba(38,179,177,.55),0 0 2px rgba(38,179,177,.9);
  --warm-glow:radial-gradient(ellipse 75% 60% at 50% 0%,rgba(255,198,132,.14),rgba(255,198,132,0) 70%);
  --corrugated-lit:repeating-linear-gradient(90deg,rgba(255,236,212,.055) 0 3px,rgba(0,0,0,.2) 3px 7px,rgba(255,236,212,0) 7px 18px);
  --light-bars:linear-gradient(90deg,transparent 0 5%,#fff0da 5% 27%,transparent 27% 39%,#fff0da 39% 61%,transparent 61% 73%,#fff0da 73% 95%,transparent 95%);
}
/* polished concrete */
body{background:var(--bg) url(/img/concrete.webp) repeat}

/* black corrugated steel, a touch warmer where the light hits */
.site-header{background-image:var(--warm-glow),var(--corrugated);box-shadow:0 1px 0 rgba(38,179,177,.6),0 2px 12px rgba(38,179,177,.18)}
.site-footer{background-color:#0f0f10;background-image:var(--corrugated)}

/* hero: warm-dark overlay, lit ribs on the edges, teal LED base line */
.hero{background-color:#161514;background-image:var(--warm-glow),var(--corrugated-lit),linear-gradient(180deg,#1c1a18,#121110);box-shadow:var(--led)}
.hero.has-img::after{background:
  radial-gradient(ellipse 55% 65% at 72% 0%,rgba(255,190,120,.16),rgba(255,190,120,0) 70%),
  linear-gradient(90deg,rgba(19,15,11,.94) 0%,rgba(19,15,11,.8) 42%,rgba(19,15,11,.42) 100%),
  linear-gradient(0deg,rgba(19,15,11,.72),rgba(19,15,11,0) 45%)}
.hero.has-img::before{content:"";position:absolute;inset:0;z-index:1;background:var(--corrugated-lit);
  -webkit-mask-image:linear-gradient(90deg,#000 0,transparent 16%,transparent 80%,#000 100%);mask-image:linear-gradient(90deg,#000 0,transparent 16%,transparent 80%,#000 100%);opacity:.9}
.hero .lead{color:#e6e0d8}
.crumbs ol{color:#c9c0b5}

/* steel bands lit by linear pendant lights */
.band{position:relative;background-color:#171615;background-image:var(--warm-glow),var(--corrugated-lit);color:#e2ddd6;border-top:0;padding-block:4.25rem 3.5rem}
.band::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:min(1160px,92%);height:3px;border-radius:2px;background:var(--light-bars);
  filter:drop-shadow(0 0 5px rgba(255,214,160,.75)) drop-shadow(0 8px 18px rgba(255,190,120,.35));opacity:.9}
.band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--teal);box-shadow:var(--led)}

/* reclaimed wood: the "name" note */
.name-note{background:linear-gradient(90deg,rgba(18,12,7,.62),rgba(18,12,7,.28)),var(--wood-img) 0 0/480px 288px repeat,#4f3522;
  color:#f4ece2;border:0;border-radius:var(--radius);padding:1.35rem 1.6rem;border-bottom:3px solid var(--teal);box-shadow:0 4px 12px -4px rgba(38,179,177,.6)}
.name-note::before{display:none}
.name-note strong{color:#fb8c2e}

/* reclaimed wood: the reception-desk panel (warranty) with a glowing teal strip */
.warranty-box{background:linear-gradient(180deg,rgba(255,214,160,.08),rgba(18,12,7,.35)),var(--wood-img) 0 0/480px 288px repeat,#4f3522;
  border-bottom:4px solid var(--teal);box-shadow:0 5px 16px -5px rgba(38,179,177,.7),inset 0 1px 0 rgba(255,222,180,.18);padding:1.75rem 1.9rem}
.warranty-box p{color:#f1e9df}

/* reclaimed wood wall: the footer CTA band, lit from above, with the desk's teal strip */
.prefooter{position:relative;background:
  radial-gradient(ellipse 60% 90% at 28% 0%,rgba(255,200,140,.2),rgba(255,200,140,0) 70%),
  linear-gradient(90deg,rgba(15,10,6,.8) 0%,rgba(15,10,6,.5) 55%,rgba(15,10,6,.3) 100%),
  var(--wood-img) 0 0/480px 288px repeat,#4f3522;
  border-top:1px solid #000;border-bottom:3px solid var(--teal);box-shadow:var(--led);padding-block:3rem}
.prefooter p{color:#eee5da}
.prefooter .btn-google{border-color:#ea580c}

/* steel CTA box on service pages keeps the LED line */
.cta-box{background-image:var(--warm-glow),var(--corrugated-lit);border-bottom:3px solid var(--teal);box-shadow:0 4px 12px -4px rgba(38,179,177,.6)}

/* secondary accents (now shop orange, see OWNER PASS 2) */
.review{position:relative;background:var(--card);border-left:3px solid var(--cognac)}
.review::before{content:"\201C" / "";position:absolute;right:1rem;top:.1rem;font:700 4.25rem/1 var(--font-head);color:var(--cognac);opacity:.45;pointer-events:none}
.review figcaption,.caption{color:var(--cognac-text)}
.stars{color:var(--cognac)}
.stat-row strong{color:var(--ink)}
.card-links a::before{background:var(--cognac)}
.card-links a:hover::before{background:var(--teal)}
.faq-item summary::marker{color:var(--cognac)}

/* concrete-friendly surfaces */
.stat-row{border-color:var(--line)}
.diesel-mini,.form fieldset,.faq-item,.town-list li,.make-grid a{border-color:var(--line)}
.mobile-bar{box-shadow:0 -1px 0 var(--teal),0 -3px 12px rgba(38,179,177,.35),0 -6px 18px rgba(0,0,0,.3)}
@media (prefers-reduced-motion:reduce){.card-links a::before{transition:none}}
/* light pools under each linear light */
.band{background-image:
  radial-gradient(ellipse 20% 55% at 18.7% 0,rgba(255,205,150,.13),rgba(255,205,150,0) 70%),
  radial-gradient(ellipse 20% 55% at 50% 0,rgba(255,205,150,.13),rgba(255,205,150,0) 70%),
  radial-gradient(ellipse 20% 55% at 81.3% 0,rgba(255,205,150,.13),rgba(255,205,150,0) 70%),
  var(--corrugated-lit)}
.band::before{height:2px;opacity:.8}

/* =============================================================================
   OWNER PASS 2: wood-plank header + shop orange accents (replaces cognac/brown).
   Orange contrast (WCAG 2.x), measured against the darkest concrete mottling #dcd8d1,
   the concrete base #e3dfd9 and cards #f7f5f1:
     --orange-text #a8380a  small text on light: 4.57 / 4.89 / 5.96 (AA)
     --orange-ui   #c2410c  rules, borders, stars, quote marks, markers: 3.65 / 3.90 / 4.76 (>=3:1 graphics; 4.76 text on cards)
     --orange      #ea580c  Google-review button background with #140800 text: 5.54 (AA)
     --orange-hi   #f97316  button hover with #140800 text: 7.04
     --orange-lite #fb8c2e  on wood/dark: >=5.0 on the name-note wood (>=.5 overlay), 7.6 on #15171a
   The wood texture itself is unchanged.
   ============================================================================= */
:root{
  --orange:#ea580c; --orange-hi:#f97316; --orange-ui:#c2410c; --orange-text:#a8380a; --orange-lite:#fb8c2e;
  /* old cognac hooks now point at orange so nothing brown is left over */
  --cognac:var(--orange-ui); --cognac-2:var(--orange-hi); --cognac-text:var(--orange-text);
}

/* ---- header: reclaimed-wood bar under a dark steel utility strip ---- */
.site-header{
  background:
    linear-gradient(180deg,rgba(14,10,6,.58) 0%,rgba(14,10,6,.44) 50%,rgba(14,10,6,.6) 100%),
    radial-gradient(ellipse 60% 120% at 50% 0%,rgba(255,205,150,.12),rgba(255,205,150,0) 70%),
    var(--wood-img) 0 0/480px 288px repeat,#3f2b1c;
  border-bottom:2px solid var(--teal);
  box-shadow:0 1px 10px rgba(38,179,177,.45),0 4px 14px rgba(0,0,0,.35);
}
.site-header .brand img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}
.site-nav a,.header-phone{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.site-nav a{border-bottom-color:rgba(255,255,255,.14)}
.site-nav a[aria-current="page"]{color:var(--teal-lite)}
.nav-toggle{background:rgba(14,10,6,.55);border-color:rgba(255,255,255,.45)}
.site-header .btn-primary{box-shadow:0 2px 6px rgba(0,0,0,.4)}
/* open mobile drawer: darker wood so the stacked links stay easy to read */
.site-nav.open{background:rgba(14,10,6,.5);margin:0 -1rem;padding:0 1rem;width:calc(100% + 2rem)}
.topbar{background:var(--ink-3);background-image:var(--corrugated)}

/* ---- orange accents ---- */
.btn-google{background:var(--orange);border-color:var(--orange);color:#140800}
.btn-google:hover{background:var(--orange-hi);border-color:var(--orange-hi);color:#140800}
.prefooter .btn-google{border-color:var(--orange)}
.name-note{background:linear-gradient(90deg,rgba(18,12,7,.66),rgba(18,12,7,.5)),var(--wood-img) 0 0/480px 288px repeat,#4f3522}
.name-note strong{color:var(--orange-lite)}
.review{border-left:3px solid var(--orange-ui)}
.review::before{color:var(--orange-ui);opacity:.7}
.review figcaption,.caption{color:var(--orange-text)}
.stars{color:var(--orange-ui)}
.card-links a::before{background:var(--orange-ui)}
.card-links a:hover::before{background:var(--teal)}
.faq-item summary::marker{color:var(--orange-ui)}
.note{background:#f7eee6;border-color:#e8b08a}
.warranty-box strong,.band strong{color:#fff}

/* ---- photo slider + gallery (industrial) ---- */
.shop-slider .slider-head h2{display:flex;align-items:center;gap:.8rem}
.shop-slider .slider-head h2::after{content:"";flex:0 0 3rem;height:3px;background:var(--orange-ui,#c2410c)}
.slider{background-color:var(--ink);border-radius:var(--radius);border:1px solid var(--line-dark);border-top:0;box-shadow:0 10px 24px -14px rgba(0,0,0,.55)}
.slider::before{content:"";position:absolute;z-index:4;top:0;left:0;right:0;height:3px;background:var(--teal);box-shadow:var(--led)}
.slider-bar{background-color:var(--ink-2);background-image:var(--corrugated);border-top:1px solid var(--line-dark)}
.slider-dots button::before{border-radius:1px;background:var(--steel-3)}
.slider-dots button[aria-current="true"]::before{background:var(--orange,#ea580c)}
.slider-btn{border-radius:2px;background:rgba(21,23,26,.8);border-color:rgba(255,255,255,.18)}
.slider-btn:hover{background:var(--orange,#ea580c);border-color:var(--orange,#ea580c);color:#140800}
.slider-pause{border-radius:2px;border-color:var(--steel-2)}
.slide figcaption{font-family:var(--font-head);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:1.02rem}
.photo-link{border-radius:var(--radius);border:1px solid var(--line)}
.gallery-filters button{border-radius:2px;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;background:var(--card)}
.gallery-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--orange,#ea580c)}
.src-badge{border-radius:2px;font-family:var(--font-head);letter-spacing:.1em}
.src-badge.src-google{box-shadow:inset 3px 0 0 var(--teal)}
.src-badge.src-facebook{box-shadow:inset 3px 0 0 #4f8cff}
.lb-close,.lb-btn{border-radius:2px}
.lb-btn:hover,.lb-close:hover{background:var(--orange,#ea580c);color:#140800;border-color:var(--orange,#ea580c)}
.lb-stage figcaption{font-family:var(--font);}

@media (min-width:980px) and (max-width:1199px){
  .site-nav a{padding:.6rem .25rem;border-bottom:1px solid rgba(255,255,255,.14)}
  .site-nav a[aria-current="page"]::after{display:none}
}