/*
Theme Name: Shazam Current Design Child
Template: hello-elementor
Version: 1.0.0
Description: Child theme starter styled to match the current Shazam Repairs design direction more closely.
*/

/* Shazam Repairs premium design system inspired by the current live site */
:root{
  --szm-bg:#0c0f12;
  --szm-bg-2:#12171d;
  --szm-card:#151b22;
  --szm-card-2:#ffffff;
  --szm-line:rgba(255,255,255,.08);
  --szm-text:#f6f7f9;
  --szm-text-dark:#101418;
  --szm-muted:rgba(246,247,249,.72);
  --szm-muted-dark:#506070;
  --szm-accent:#c7a24b;
  --szm-accent-2:#e3c67a;
  --szm-success:#2fa36b;
  --szm-radius:22px;
  --szm-shadow:0 20px 60px rgba(0,0,0,.22);
  --szm-container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--szm-text);background:var(--szm-bg);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.szm-page{background:var(--szm-bg)}
.szm-section{padding:88px 0}
.szm-section.light{background:#fff;color:var(--szm-text-dark)}
.szm-section.alt{background:var(--szm-bg-2)}
.szm-container{width:min(calc(100% - 32px),var(--szm-container));margin:0 auto}
.szm-grid{display:grid;gap:28px}
.szm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.szm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.szm-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.szm-hero{position:relative;overflow:hidden;background:radial-gradient(circle at top right, rgba(199,162,75,.16), transparent 30%),radial-gradient(circle at bottom left, rgba(255,255,255,.06), transparent 25%),linear-gradient(180deg,#0b0f12,#12181f)}
.szm-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--szm-accent-2);padding:10px 14px;border-radius:999px;border:1px solid rgba(199,162,75,.24);background:rgba(199,162,75,.08)}
.szm-h1{font-size:clamp(42px,6vw,72px);line-height:1.02;font-weight:800;letter-spacing:-.03em;margin:18px 0}
.szm-h2{font-size:clamp(30px,4vw,48px);line-height:1.06;font-weight:800;letter-spacing:-.03em;margin:0 0 18px}
.szm-h3{font-size:clamp(22px,2vw,28px);line-height:1.15;font-weight:800;margin:0 0 12px}
.szm-lead{font-size:clamp(17px,2vw,21px);color:var(--szm-muted);max-width:820px}
.light .szm-lead{color:var(--szm-muted-dark)}
.szm-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}
.szm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:16px;font-weight:800;letter-spacing:.01em;transition:.2s ease;border:1px solid transparent}
.szm-btn:hover{transform:translateY(-1px)}
.szm-btn-primary{background:var(--szm-accent);color:#111}
.szm-btn-secondary{background:rgba(255,255,255,.06);border-color:var(--szm-line);color:#fff}
.light .szm-btn-secondary{background:#fff;color:#111;border-color:#dfe5eb}
.szm-card{border:1px solid var(--szm-line);background:rgba(255,255,255,.04);border-radius:var(--szm-radius);padding:28px;box-shadow:var(--szm-shadow)}
.light .szm-card{background:#f7f9fb;color:#111;border-color:#e5eaef;box-shadow:none}
.szm-service-card{height:100%}
.szm-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(199,162,75,.12);margin-bottom:18px}
.szm-icon svg{width:28px;height:28px;stroke:var(--szm-accent);fill:none;stroke-width:1.8}
.szm-bullets{display:grid;gap:12px;padding:0;margin:18px 0 0;list-style:none}
.szm-bullets li{display:flex;gap:12px;align-items:flex-start}
.szm-bullets li:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--szm-accent);margin-top:10px;flex:0 0 auto}
.szm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.szm-metric{padding:20px;border-radius:18px;border:1px solid var(--szm-line);background:rgba(255,255,255,.04)}
.light .szm-metric{background:#fff;border-color:#e7edf2}
.szm-metric strong{display:block;font-size:30px;line-height:1;font-weight:900;margin-bottom:8px}
.szm-quote-box{border-radius:28px;overflow:hidden;border:1px solid var(--szm-line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03))}
.szm-quote-form{display:grid;gap:14px;padding:26px}
.szm-input,.szm-textarea,.szm-select{width:100%;min-height:52px;padding:14px 16px;background:#0d1217;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;font:inherit}
.szm-textarea{min-height:150px;resize:vertical}
.light .szm-input,.light .szm-textarea,.light .szm-select{background:#fff;color:#111;border-color:#dce4ea}
.szm-media{aspect-ratio:4/3;border-radius:28px;background:linear-gradient(135deg,#1b222a,#0d1115);border:1px solid var(--szm-line);display:grid;place-items:center;overflow:hidden}
.szm-media.light{background:linear-gradient(135deg,#fafbfd,#edf2f6);border-color:#e1e8ef}
.szm-pill-row{display:flex;flex-wrap:wrap;gap:12px}
.szm-pill{padding:12px 16px;border-radius:999px;border:1px solid var(--szm-line);background:rgba(255,255,255,.04);font-weight:700}
.light .szm-pill{background:#fff;border-color:#e2e8ee}
.szm-split{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.szm-faq{display:grid;gap:16px}
.szm-faq-item{padding:22px;border-radius:20px;border:1px solid var(--szm-line);background:rgba(255,255,255,.04)}
.light .szm-faq-item{background:#fff;border-color:#e3eaef}
.szm-kicker{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--szm-accent)}
.szm-final-cta{border:1px solid rgba(199,162,75,.22);background:linear-gradient(135deg,rgba(199,162,75,.14),rgba(255,255,255,.04));border-radius:30px;padding:34px}
.szm-image-caption{font-size:13px;opacity:.72;margin-top:10px}
.szm-small{font-size:14px}
.szm-meta-list{display:flex;gap:18px;flex-wrap:wrap;color:var(--szm-muted)}
.light .szm-meta-list{color:var(--szm-muted-dark)}
.szm-footer-note{font-size:14px;opacity:.8}
@media (max-width:980px){
  .szm-grid-4,.szm-grid-3,.szm-grid-2,.szm-split{grid-template-columns:1fr}
  .szm-metrics{grid-template-columns:1fr}
  .szm-section{padding:64px 0}
}

.elementor-section.szm-dark{background:var(--szm-bg);color:var(--szm-text)}
.elementor-section.szm-light{background:#fff;color:var(--szm-text-dark)}
.elementor-button.szm-primary .elementor-button{background:var(--szm-accent)!important;color:#111!important;border-radius:16px!important}
.elementor-button.szm-secondary .elementor-button{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid var(--szm-line)!important;border-radius:16px!important}