/* Simple responsive styles for Red Flame MK landing page */
:root{
  --accent:#e62412;
  --accent-dark:#aa1509;
  --gold:#ffd819;
  --bg:#090909;
  --surface:#141414;
  --surface-raised:#1c1c1c;
  --text:#f7f7f7;
  --muted:#b9b9b9;
  --border:#2b2b2b;
  --max-width:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5;color:var(--text);margin:0;background:var(--bg)}
.wrap{width:min(100%,var(--max-width));margin:0 auto;padding:24px clamp(24px,4vw,40px)}
.site-header{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.96);border-bottom:1px solid #2f170f;box-shadow:0 8px 30px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.site-header .wrap{position:relative;display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}
.brand{display:inline-flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:1.2rem;font-weight:800;line-height:1;text-decoration:none;letter-spacing:.01em}
.brand-logo{display:block;width:35px;height:51px;object-fit:contain}
.brand-flame{color:var(--accent)}
.nav{margin-left:auto;display:flex;gap:4px}
.nav a{color:#ddd;padding:9px 12px;border-radius:6px;text-decoration:none;transition:color .2s ease,background .2s ease}
.nav a:hover,.nav a:focus-visible{color:var(--accent);background:#24100c}
.nav a.is-active,.nav a[aria-current="location"]{color:var(--accent);background:#24100c;font-weight:750}
.menu-toggle{display:none}
.hero{position:relative;display:flex;align-items:flex-start;min-height:clamp(520px,52vw,700px);background-color:#000;background-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.24) 43%,rgba(0,0,0,0) 68%),url("assets/red-flame-mk-header-clean.webp");background-position:center;background-size:cover;border-bottom:1px solid #35160c}
.hero-content{width:100%;padding-top:clamp(36px,6vw,84px)}
.hero h2{max-width:540px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;margin:0 0 14px;text-shadow:0 2px 18px #000}
.hero p{max-width:500px;margin:0 0 22px;color:#e5e5e5;font-size:1.05rem;text-shadow:0 2px 12px #000}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hero-trust-actions{position:absolute;right:24px;bottom:28px;left:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}
.gas-safe-lockup{display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;font-size:clamp(.7rem,1vw,.84rem);font-weight:750;letter-spacing:.02em;text-shadow:0 2px 8px #000}
.gas-safe-badge{display:block;width:clamp(105px,12vw,150px);height:auto;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.google-review-button{pointer-events:auto;display:inline-flex;width:auto;max-width:230px;align-items:center;gap:11px;min-height:58px;padding:10px 16px;border:1px solid rgba(230,36,18,.75);border-radius:9px;background:linear-gradient(135deg,rgba(28,12,9,.94),rgba(5,5,5,.94));color:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(9px);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.google-review-button:hover,.google-review-button:focus-visible{color:#fff;border-color:#ff3b27;background:linear-gradient(135deg,rgba(170,21,9,.96),rgba(20,7,5,.96));transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.58),0 0 22px rgba(230,36,18,.18)}
.google-review-button strong,.google-review-button small{display:block;line-height:1.12}
.google-review-button strong{font-size:.96rem}
.google-review-button small{margin-top:4px;font-size:.75rem;color:#d1d1d1}
.review-stars{color:var(--gold);letter-spacing:.06em}
.google-review-icon{display:grid;width:35px;min-width:35px;max-width:35px;height:35px;min-height:35px;max-height:35px;padding:6px;place-items:center;flex:0 0 35px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.google-review-icon svg{display:block;width:23px;max-width:23px;height:23px;max-height:23px}
.cta,button{display:inline-block;border:0;background:linear-gradient(135deg,#f02a15,var(--accent-dark));color:#fff;padding:12px 19px;border-radius:7px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(230,36,18,.2);transition:transform .2s ease,filter .2s ease}
.cta:hover,button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.contact-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid rgba(255,255,255,.3);border-radius:7px;color:#fff;font-weight:750;text-decoration:none;background:rgba(8,8,8,.72);box-shadow:0 8px 24px rgba(0,0,0,.25);backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.contact-button:hover,.contact-button:focus-visible{color:#fff;transform:translateY(-1px);border-color:#fff;background:rgba(25,25,25,.9)}
.whatsapp-button{border-color:#25d366;color:#eafff1}
.whatsapp-button:hover,.whatsapp-button:focus-visible{border-color:#25d366;background:#128c4a}
.button-icon{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
button:disabled{cursor:wait;filter:saturate(.4);transform:none}
.section{padding-top:clamp(42px,5vw,68px);padding-bottom:clamp(42px,5vw,68px);border-top:1px solid #1d1d1d}
.section h3{margin:0 0 22px;font-size:clamp(1.5rem,2.5vw,2rem)}
.section h3::after{content:"";display:block;width:52px;height:3px;margin-top:10px;border-radius:2px;background:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:linear-gradient(145deg,var(--surface-raised),#101010);border:1px solid var(--border);padding:22px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.card h4{margin:0 0 8px;color:#fff;font-size:1.08rem}
.card p{margin:0;color:var(--muted)}
.form{background:linear-gradient(145deg,var(--surface-raised),#111);border:1px solid var(--border);padding:24px;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.row{display:flex;gap:12px}
label{display:flex;flex:1;flex-direction:column;font-size:0.95rem;margin-bottom:12px;color:#d4d4d4}
.honeypot{display:none}
input,textarea,select{width:100%;margin-top:5px;padding:11px 12px;border:1px solid #3a3a3a;border-radius:6px;background:#0c0c0c;color:#fff;font:inherit;color-scheme:dark}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(230,36,18,.45);border-color:var(--accent)}
.actions{display:flex;gap:12px;align-items:center}
#formMessage{color:var(--muted);font-size:0.95rem}
.form-privacy{margin:16px 0 0;color:var(--muted);font-size:.86rem}
.note{margin-top:12px;color:var(--muted)}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px}
.pill{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#f1f1f1}
.two-column{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}
.check-list{padding-left:18px;color:var(--muted);display:grid;gap:10px}
.quote-card,.testimonial{background:linear-gradient(145deg,var(--surface-raised),#101010);border:1px solid var(--border);padding:20px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.testimonial p{margin:0 0 10px;color:#f1f1f1}
a{color:#ff6a57}
.site-footer{background:#050505;border-top:1px solid #2f170f;padding:12px 0;margin-top:24px;color:#aaa}
.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-links{display:flex;align-items:center;gap:16px}
.footer-links a,.footer-link-button{color:#d0d0d0;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.footer-link-button{min-height:0;padding:0;border:0;border-radius:0;background:none;font-weight:400;box-shadow:none}
.footer-link-button:hover,.footer-link-button:focus-visible{color:#fff;background:none;filter:none;transform:none}
.cookie-banner{position:fixed;z-index:1000;left:18px;right:18px;bottom:18px;max-width:1060px;margin:0 auto;padding:20px;background:#111;border:1px solid #4a2921;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.65)}
.cookie-banner__content{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cookie-banner h2{margin:0 0 6px;font-size:1.2rem}
.cookie-banner p{max-width:680px;margin:0;color:#d0d0d0;font-size:.94rem}
.cookie-banner__actions{display:flex;flex:0 0 auto;gap:10px}
.cookie-reject{background:#252525;border:1px solid #555;box-shadow:none}
.legal-page{max-width:900px;padding-top:54px;padding-bottom:70px}
.legal-page h1{margin:0 0 8px;font-size:clamp(2rem,5vw,3rem)}
.legal-page h2{margin:38px 0 10px;font-size:1.35rem}
.legal-page p,.legal-page li{color:#d0d0d0}
.legal-page li+li{margin-top:8px}
.legal-updated{color:var(--muted)}
.privacy-home-link{margin-left:auto;color:#fff;text-decoration:none}
.privacy-cookie-button{margin-top:8px}
.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.social-button{display:inline-flex;min-height:46px;align-items:center;gap:9px;padding:10px 16px;border:1px solid #3e5f9f;border-radius:8px;background:#152344;color:#fff;font-weight:750;text-decoration:none;transition:transform .2s ease,filter .2s ease}
.social-button:hover,.social-button:focus-visible{color:#fff;filter:brightness(1.15);transform:translateY(-1px)}
.social-button svg{width:20px;height:20px;fill:currentColor}
.instagram-button{border-color:#c33a8b;background:linear-gradient(135deg,#6b35b5,#c52e78 55%,#e56836)}
.gallery-hero{padding:clamp(62px,9vw,110px) 0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.5)),url("assets/red-flame-mk-header-clean.webp") center 44%/cover;border-bottom:1px solid #35160c}
.gallery-hero h1{max-width:760px;margin:0 0 14px;font-size:clamp(2.2rem,6vw,4.3rem);line-height:1.03}
.gallery-hero p:not(.eyebrow){max-width:700px;margin:0;color:#ddd;font-size:1.05rem}
.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.gallery-section{padding-top:clamp(46px,6vw,76px);padding-bottom:clamp(60px,8vw,100px)}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.gallery-heading h2{margin:0 0 6px;font-size:clamp(1.7rem,4vw,2.5rem)}
.gallery-heading p{margin:0;color:var(--muted)}
.gallery-filters{display:flex;gap:8px}
.gallery-filter{min-height:42px;padding:8px 15px;background:#1d1d1d;border:1px solid #3a3a3a;box-shadow:none}
.gallery-filter.is-active{background:var(--accent);border-color:var(--accent)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-card{overflow:hidden;background:linear-gradient(145deg,var(--surface-raised),#101010);border:1px solid var(--border);border-radius:11px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.gallery-media{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#050505}
video.gallery-media{aspect-ratio:16/9;max-height:65vh;object-fit:contain}
img.gallery-media{cursor:zoom-in}
.gallery-card-copy{padding:17px}
.gallery-card-copy h3{margin:0 0 6px;font-size:1.05rem}
.gallery-card-copy p{margin:0;color:var(--muted);font-size:.93rem}
.gallery-sound-button{margin-top:14px;min-height:42px;padding:9px 14px;background:var(--accent);border:1px solid var(--accent);font-size:.9rem}
.gallery-sound-button:hover,.gallery-sound-button:focus-visible{background:#f02a18;border-color:#f02a18}
.gallery-empty{padding:60px 24px;text-align:center;background:var(--surface);border:1px dashed #414141;border-radius:12px}
.gallery-empty h2{margin:0 0 8px}
.gallery-empty p{margin:0 0 22px;color:var(--muted)}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox{position:fixed;z-index:1100;inset:0;display:flex;padding:60px 24px 30px;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,.94)}
.gallery-lightbox img{max-width:min(1100px,94vw);max-height:78vh;object-fit:contain}
.gallery-lightbox p{margin:14px 0 0;color:#fff}
.gallery-lightbox-close{position:absolute;top:16px;right:20px;width:46px;height:46px;padding:0;background:#222;border:1px solid #555;border-radius:50%;font-size:2rem;line-height:1;box-shadow:none}
.lightbox-open{overflow:hidden}

@media (min-width:1000px){
  .hero h2{font-size:3.15rem}
  .hero-content{padding-top:90px}
  .card{padding:26px}
  .form{padding:30px}
}

@media (max-width:800px){
  .grid{grid-template-columns:1fr}
  .testimonial-grid{grid-template-columns:1fr}
  .two-column{grid-template-columns:1fr}
  .row{flex-direction:column}
  .menu-toggle{display:inline-flex;width:44px;height:44px;margin-left:auto;padding:10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #343434;border-radius:8px;background:#111;box-shadow:none}
  .menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav{position:absolute;top:100%;left:18px;right:18px;display:none;margin:0;padding:8px;flex-direction:column;background:rgba(8,8,8,.98);border:1px solid #352019;border-radius:0 0 10px 10px;box-shadow:0 18px 34px rgba(0,0,0,.45)}
  .nav.is-open{display:flex}
  .nav a{min-height:44px;display:flex;align-items:center;padding:10px 12px}
  .hero{min-height:650px;background-image:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.42) 100%),url("assets/red-flame-mk-header-clean.webp");background-position:58% center}
  .hero h2{max-width:420px}
  .hero p{max-width:420px}
  .trust-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pill{justify-content:center;text-align:center}
  .form{padding:20px}
  .actions{align-items:stretch;flex-direction:column}
  .actions button{width:100%;min-height:48px}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-heading{align-items:stretch;flex-direction:column}
  .cookie-banner__content{align-items:stretch;flex-direction:column}
  .cookie-banner__actions{width:100%}
  .cookie-banner__actions button{flex:1}
}

@media (max-width:500px){
  .wrap{padding-left:18px;padding-right:18px}
  .brand-logo{width:29px;height:42px}
  .brand{font-size:1.08rem}
  .hero{min-height:680px;background-position:60% center}
  .hero-content{padding-top:32px}
  .hero h2{font-size:clamp(1.85rem,9vw,2.35rem)}
  .hero p{font-size:1rem}
  .hero-actions{align-items:stretch}
  .hero-actions a{flex:1 1 auto}
  .phone-button{flex-basis:100%}
  .hero-trust-actions{right:18px;bottom:18px;left:18px;gap:12px}
  .gas-safe-badge{width:96px}
  .google-review-button{max-width:158px;min-height:50px;padding:8px 10px;gap:8px}
  .google-review-button strong{font-size:.82rem}
  .google-review-button small{font-size:.68rem}
  .google-review-icon{width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;max-height:30px;flex-basis:30px;padding:5px}
  .google-review-icon svg{width:20px;max-width:20px;height:20px;max-height:20px}
  .trust-strip{grid-template-columns:1fr}
  .section{padding-top:38px;padding-bottom:38px}
  .card,.quote-card,.testimonial{padding:18px}
  .form{padding:16px}
  input,textarea,select{font-size:16px}
  .site-footer{text-align:center}
  .site-footer .wrap{flex-direction:column;gap:10px}
  .cookie-banner{left:10px;right:10px;bottom:10px;padding:16px}
  .cookie-banner__actions{flex-direction:column}
  .cookie-banner__actions button{width:100%}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-filters{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
}