*{box-sizing:border-box;margin:0;padding:0}
:root{
  --brand:#E84646;--brand-dark:#C03030;--brand-light:#FFF5F5;--brand-mid:#FECACA;
  --navy:#111827;--navy2:#1F2937;
  --surf:#fff;--surf2:#F9FAFB;--surf3:#F3F4F6;
  --bdr:#E5E7EB;--bdr2:#D1D5DB;
  --t1:#111827;--t2:#374151;--t3:#6B7280;--t4:#9CA3AF;
  --green:#059669;--green-bg:#F0FAF6;--green-bdr:#D1FAE5;
  --blue:#1D4ED8;--blue-bg:#EFF6FF;--blue-bdr:#BFDBFE;
  --amber:#D97706;--amber-bg:#FFFBEB;--amber-bdr:#FDE68A;
  --purple:#7C3AED;--purple-bg:#F5F3FF;--purple-bdr:#DDD6FE;
  --r-md:10px;--r-lg:14px;--r-xl:18px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 14px rgba(0,0,0,.08);
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--surf3);color:var(--t1);min-height:100vh;display:flex;flex-direction:column}

.nav{background:var(--surf);border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:200;box-shadow:var(--shadow-sm)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:20px;font-weight:700;color:var(--t1);text-decoration:none;letter-spacing:-.4px}
.logo span{color:var(--brand)}
.nav-back{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--t3);text-decoration:none}
.nav-back:hover{color:var(--brand)}
.nav-back i{font-size:16px}

/* HERO — green tinted for support */
.hero{background:linear-gradient(120deg,#064E3B 0%,#065F46 55%,#1c3a30 100%);padding:2.5rem 1.5rem}
.hero-inner{max-width:1100px;margin:0 auto}
.hero-tag{font-size:11px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.6rem}
.hero-title{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.3px;margin-bottom:.4rem}
.hero-sub{font-size:14px;color:rgba(255,255,255,.55);line-height:1.65;max-width:620px}

.page-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}

/* ── CONTACT CARDS ── */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.cc{
  background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);
  padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;align-items:center;gap:.85rem;
  text-decoration:none;color:inherit;
  transition:box-shadow .2s,transform .2s;
}
.cc:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.cc-icon{width:56px;height:56px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center}
.cc-icon i{font-size:26px}
.ic-green{background:var(--green-bg)}.ic-green i{color:var(--green)}
.ic-blue{background:var(--blue-bg)}.ic-blue i{color:var(--blue)}
.ic-amber{background:var(--amber-bg)}.ic-amber i{color:var(--amber)}
.ic-purple{background:var(--purple-bg)}.ic-purple i{color:var(--purple)}
.cc-label{font-size:10.5px;font-weight:700;color:var(--t4);text-transform:uppercase;letter-spacing:.6px}
.cc-value{font-size:16px;font-weight:700;color:var(--t1);line-height:1.3}
.cc-sub{font-size:12px;color:var(--t3);line-height:1.55}
.cc-btn{margin-top:.25rem;padding:8px 22px;border-radius:20px;font-size:12px;font-weight:600;background:var(--surf2);border:1px solid var(--bdr2);color:var(--t2);text-decoration:none;transition:all .15s;display:inline-block}
.cc-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}

/* ── TIMINGS ── */
.timings-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm)}
.card-hd{padding:1rem 1.4rem;background:var(--surf2);border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:9px}
.card-hd i{font-size:19px}
.card-hd-title{font-size:14px;font-weight:700;color:var(--t1)}
.card-hd-sub{font-size:12px;color:var(--t3);margin-left:auto}

.timings-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.tg{padding:1.25rem 1rem;text-align:center;border-right:1px solid var(--bdr)}
.tg:last-child{border-right:none}
.tg-day{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.45rem}
.tg-hours{font-size:14px;font-weight:600;color:var(--t1);line-height:1.3}
.tg-hours.closed{color:var(--t4);font-weight:400;font-style:italic}
.tg-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px;margin-top:.4rem}
.badge-open{background:var(--green-bg);color:var(--green);border:0.5px solid var(--green-bdr)}
.badge-open i{font-size:7px}
.badge-closed{background:var(--surf2);color:var(--t4);border:0.5px solid var(--bdr)}

/* ── CONTACT SECTIONS ── */
.sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.section-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm)}
.sc-body{padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.6rem}
.sc-body p{font-size:13.5px;color:var(--t2);line-height:1.75}
.sc-body a{color:var(--brand);text-decoration:none;font-weight:500}
.sc-body a:hover{color:var(--brand-dark)}
.sc-detail{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--t2);line-height:1.6}
.sc-detail i{font-size:16px;color:var(--t3);flex-shrink:0;margin-top:2px}
.sc-detail strong{color:var(--t1)}

/* Address card — full width */
.addr-card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm)}
.addr-body{padding:1.25rem 1.4rem;display:flex;align-items:flex-start;gap:1.5rem}
.addr-icon{width:48px;height:48px;border-radius:var(--r-lg);background:var(--surf2);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.addr-icon i{font-size:22px;color:var(--t3)}
.addr-text{flex:1}
.addr-name{font-size:14px;font-weight:700;color:var(--t1);margin-bottom:.3rem}
.addr-line{font-size:13.5px;color:var(--t2);line-height:1.7}

/* Response times */
.resp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem 1.4rem}
.resp{background:var(--surf2);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:1rem}
.resp-ch{font-size:10.5px;font-weight:700;color:var(--t4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}
.resp-time{font-size:22px;font-weight:700;color:var(--t1);margin-bottom:.3rem}
.resp-note{font-size:11.5px;color:var(--t3);line-height:1.5}

footer{background:var(--navy);margin-top:auto}
.ft{max-width:1100px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.ft-copy{font-size:12px;color:#6B7280}
.ft-links{display:flex;gap:1.25rem}
.ft-links a{font-size:12px;color:#6B7280;text-decoration:none}
.ft-links a:hover{color:#fff}
.ft-sec{display:flex;align-items:center;gap:5px;font-size:12px;color:#6B7280}
.ft-sec i{color:var(--green);font-size:13px}

@media(max-width:780px){
  .contact-grid{grid-template-columns:1fr}
  .sections-grid{grid-template-columns:1fr}
  .timings-grid{grid-template-columns:1fr 1fr}
  .resp-grid{grid-template-columns:1fr}
  .hero{padding:1.75rem 1rem}
  .hero-title{font-size:21px}
  .page-wrap{padding:1.25rem 1rem 3rem}
  .addr-body{flex-direction:column;gap:.85rem}
}
@media(max-width:480px){.timings-grid{grid-template-columns:1fr 1fr}}