:root{
  --bg:#0b0c0f;
  --card:#12141a;
  --card2:#0f1116;
  --text:#f2f4f8;
  --muted:#b8c0cc;
  --accent:#ffb200;
  --accent2:#ff7a00;
  --ok:#25d366;
  --line:rgba(255,255,255,.08);
  --shadow: 0 12px 30px rgba(0,0,0,.35);
  --radius:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;background: radial-gradient(1200px 800px at 20% 0%, rgba(255,178,0,.14), transparent 60%), radial-gradient(900px 700px at 100% 10%, rgba(255,122,0,.10), transparent 55%), var(--bg); color:var(--text);}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1120px, 92vw); margin:0 auto;}
header{
  position:sticky;top:0;z-index:50;
  backdrop-filter: blur(10px);
  background: linear-gradient(to bottom, rgba(11,12,15,.92), rgba(11,12,15,.65));
  border-bottom:1px solid var(--line);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;
  gap:14px;
}
.brand{
  display:flex;align-items:center;gap:12px;
}
.logo{
  width:38px;height:38px;border-radius:12px;
  background: conic-gradient(from 210deg, var(--accent), var(--accent2), var(--accent));
  box-shadow: 0 10px 25px rgba(255,178,0,.18);
}
.brand b{display:block;letter-spacing:.2px}
.brand small{display:block;color:var(--muted);margin-top:2px}
.navlinks{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.navlinks a{padding:9px 10px;border-radius:12px;color:var(--muted)}
.navlinks a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.ctaRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 14px;border-radius:14px;border:1px solid var(--line);
  background: rgba(255,255,255,.06);
  box-shadow: none;
  font-weight:650;
  letter-spacing:.2px;
  gap:10px;
}
.btn:hover{background: rgba(255,255,255,.09)}
.btn.primary{
  border:none;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color:#121212;
  box-shadow: 0 14px 35px rgba(255,178,0,.22);
}
.btn.whatsapp{border:1px solid rgba(37,211,102,.35); background: rgba(37,211,102,.10)}
.btn.whatsapp:hover{background: rgba(37,211,102,.14)}
.btn .dot{width:8px;height:8px;border-radius:999px;background:var(--ok); box-shadow:0 0 0 6px rgba(37,211,102,.12)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  color:var(--muted);
  font-size:14px;
}
.hero{
  padding:34px 0 18px;
}
.heroGrid{
  display:grid;
  grid-template-columns: 1.18fr .82fr;
  gap:22px;
  align-items:stretch;
}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.heroCard{
  padding:26px 24px;
  position:relative;
  overflow:hidden;
}
.heroCard:before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(600px 380px at 25% 0%, rgba(255,178,0,.22), transparent 60%),
              radial-gradient(500px 330px at 100% 20%, rgba(255,122,0,.18), transparent 55%);
  pointer-events:none;
  opacity:.85;
}
.heroContent{position:relative}
.kicker{color:var(--muted);font-weight:650;letter-spacing:.28px;text-transform:uppercase;font-size:13px}
h1{margin:10px 0 10px;font-size:44px;line-height:1.08}
.lead{color:var(--muted);font-size:18px;line-height:1.5;margin:0 0 16px}
.pricePills{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.pill{
  padding:10px 12px;border-radius:999px;
  background: rgba(18,20,26,.55);
  border:1px solid var(--line);
  font-weight:700;
}
.pill span{color:var(--muted);font-weight:600;margin-left:6px}
.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.note{color:var(--muted);font-size:13px;margin-top:12px}
.sideCard{padding:16px 16px;display:flex;flex-direction:column;gap:12px}
.slider{
  position:relative;
  border-radius: 16px;
  overflow:hidden;
  border:1px solid var(--line);
  background: #0f1116;
  aspect-ratio: 4/3;
}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
.sliderControls{display:flex;gap:8px;justify-content:center;margin-top:10px}
.dotBtn{width:9px;height:9px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10)}
.dotBtn.active{background: linear-gradient(135deg,var(--accent),var(--accent2)); border:none}
.quickForm{
  padding:14px;
  border-radius:16px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.04);
}
.quickForm label{display:block;font-size:13px;color:var(--muted);margin:10px 0 6px}
.quickForm input, .quickForm textarea, .quickForm select{
  width:100%;padding:12px 12px;border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  color:var(--text);
  outline:none;
}
.quickForm textarea{min-height:88px;resize:vertical}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.section{padding:26px 0}
.section h2{margin:0 0 10px;font-size:28px}
.section p{color:var(--muted);margin:0 0 18px;line-height:1.6}
.tile{
  padding:16px;border-radius:18px;border:1px solid var(--line);
  background: rgba(255,255,255,.04);
}
.tile h3{margin:0 0 8px;font-size:18px}
.tile p{margin:0;color:var(--muted);line-height:1.55}
.icon{
  width:38px;height:38px;border-radius:14px;
  background: rgba(255,178,0,.18);
  border:1px solid rgba(255,178,0,.25);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;
}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{padding:16px;border-radius:18px;border:1px solid var(--line);background: rgba(255,255,255,.04)}
.kpi b{font-size:22px;display:block}
.kpi span{color:var(--muted);font-size:13px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
details{
  border:1px solid var(--line);
  border-radius:16px;
  background: rgba(255,255,255,.04);
  padding:12px 14px;
}
summary{cursor:pointer;font-weight:700}
details p{color:var(--muted);margin:10px 0 0;line-height:1.6}
footer{
  padding:26px 0 100px;
  border-top:1px solid var(--line);
  color:var(--muted);
}
.footerGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.smallLinks{display:flex;gap:12px;flex-wrap:wrap}
.smallLinks a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.smallLinks a:hover{color:var(--text)}
.stickyBar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background: rgba(11,12,15,.92);
  border-top:1px solid var(--line);
  backdrop-filter: blur(10px);
  padding:10px 0;
}
.stickyBar .container{display:flex;gap:10px;justify-content:space-between;align-items:center}
.stickyBar .btn{flex:1}
.installPrompt{
  display:none;
  position:fixed;right:16px;bottom:86px;z-index:70;
  width:min(360px, 92vw);
  border-radius:18px;border:1px solid var(--line);
  background: rgba(18,20,26,.92);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  padding:14px;
}
.installPrompt b{display:block;margin-bottom:6px}
.installPrompt p{margin:0 0 10px;color:var(--muted);line-height:1.5;font-size:14px}
.installPrompt .row{display:flex;gap:10px}
.installPrompt .row .btn{flex:1}
@media (max-width: 900px){
  .heroGrid{grid-template-columns:1fr;gap:14px}
  h1{font-size:36px}
  .grid3{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .faq{grid-template-columns:1fr}
  .navlinks{display:none}
  .footerGrid{grid-template-columns:1fr}
}


/* --- Modern polish additions --- */
body:before{
  content:"";
  position:fixed; inset:0;
  background:
    radial-gradient(900px 600px at 12% 18%, rgba(255,178,0,.16), transparent 60%),
    radial-gradient(900px 600px at 92% 8%, rgba(255,122,0,.12), transparent 55%),
    radial-gradient(900px 600px at 70% 95%, rgba(37,211,102,.08), transparent 55%),
    url("assets/noise.png");
  opacity:1;
  pointer-events:none;
  mix-blend-mode:normal;
  z-index:-1;
}
.section{
  position:relative;
}
.section:before{
  content:"";
  position:absolute; left:0; right:0; top:-14px;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,178,0,.35), rgba(255,255,255,.08), rgba(255,122,0,.25), transparent);
  opacity:.7;
}
h1{
  font-size:46px;
  letter-spacing:-.3px;
}
.section h2{
  font-size:30px;
  letter-spacing:-.2px;
}
.heroCard{
  border:1px solid rgba(255,255,255,.10);
}
.heroCard:after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(500px 220px at 40% 100%, rgba(255,178,0,.14), transparent 60%),
    radial-gradient(420px 220px at 100% 70%, rgba(255,122,0,.10), transparent 55%);
  pointer-events:none;
  opacity:.9;
}
.tile{
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.tile:hover{
  transform: translateY(-2px);
  border-color: rgba(255,178,0,.25);
  background: rgba(255,255,255,.06);
}
.cardGlow{
  position:relative;
  overflow:hidden;
}
.cardGlow:before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(520px 300px at 20% 0%, rgba(255,178,0,.16), transparent 60%),
              radial-gradient(520px 300px at 100% 30%, rgba(255,122,0,.12), transparent 60%);
  opacity:.9;
  pointer-events:none;
}
.cardGlow > *{position:relative}
.trustRow{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:14px;
}
@media (max-width: 900px){ .trustRow{grid-template-columns:1fr;} }
.tagline{
  display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;
}
.tag{
  padding:8px 10px; border-radius:999px;
  background: rgba(255,178,0,.10);
  border:1px solid rgba(255,178,0,.18);
  color: var(--text);
  font-weight:650;
  font-size:13px;
}
.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.04);
}
.table th, .table td{
  padding:12px 12px;
  border-bottom:1px solid var(--line);
  text-align:left;
}
.table th{color:var(--muted);font-size:13px;font-weight:700;background: rgba(0,0,0,.14)}
.table tr:last-child td{border-bottom:none}
.callout{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,178,0,.22);
  background: linear-gradient(135deg, rgba(255,178,0,.14), rgba(255,122,0,.08));
}
.quote{
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.04);
}
.stars{letter-spacing:1px}


/* --- Stronger visual design (less 'nur Schrift') --- */
.heroBackdrop{
  position:absolute; inset:-2px;
  background:
    linear-gradient(180deg, rgba(11,12,15,.35), rgba(11,12,15,.92)),
    url("assets/flyer-1.jpeg");
  background-size: cover;
  background-position: center;
  filter: blur(10px) saturate(1.2) contrast(1.05);
  transform: scale(1.08);
  opacity:.55;
  pointer-events:none;
}
.heroCard{min-height: 520px;}
.heroCard .heroBackdrop{display:block;}
.heroCard:before{opacity:1}
.heroCard:after{opacity:1}
.heroCard{position:relative}
.heroCard .heroContent{max-width: 820px}

.visualBand{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:12px;
  margin-top:14px;
}
.visualBand .v{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  box-shadow: var(--shadow);
  background: #0f1116;
  aspect-ratio: 16/11;
  position:relative;
}
.visualBand .v:after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.35));
  pointer-events:none;
}
.visualBand img{width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.05)}

.sectionWrap{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: var(--shadow);
  padding: 18px;
}
.sectionAlt{
  background: linear-gradient(135deg, rgba(255,178,0,.10), rgba(255,122,0,.06));
  border: 1px solid rgba(255,178,0,.18);
}
.section .grid3{gap:12px}
.tile{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}
.icon{
  background: linear-gradient(135deg, rgba(255,178,0,.22), rgba(255,122,0,.12));
  border:1px solid rgba(255,178,0,.28);
}
.kpi{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.quote{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.table{
  background: rgba(0,0,0,.18);
}
.section:before{opacity:.35}

@media (max-width: 900px){
  .visualBand{grid-template-columns:1fr; }
  .heroCard{min-height:auto;}
}


/* === Ultra "Glass + Light Streaks" Pack === */
.glass{
  background: rgba(18,20,26,.55);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.heroCard{
  overflow:hidden;
}
.heroFX{
  position:absolute; inset:-40px;
  pointer-events:none;
  opacity:1;
}
.heroFX .streak{
  position:absolute;
  width: 520px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,178,0,.0), rgba(255,178,0,.55), rgba(255,122,0,.35), transparent);
  filter: blur(2px);
  transform: rotate(-18deg);
  animation: floatStreak 7.5s ease-in-out infinite;
  mix-blend-mode: screen;
}
.heroFX .streak.s2{
  width: 640px; height: 22px;
  background: linear-gradient(90deg, transparent, rgba(37,211,102,.45), rgba(255,178,0,.35), transparent);
  transform: rotate(-12deg);
  animation-duration: 9.2s;
  animation-delay: -2.2s;
}
.heroFX .streak.s3{
  width: 420px; height: 16px;
  background: linear-gradient(90deg, transparent, rgba(255,122,0,.55), rgba(255,178,0,.35), transparent);
  transform: rotate(-24deg);
  animation-duration: 6.6s;
  animation-delay: -3.4s;
}
@keyframes floatStreak{
  0%{ transform: translate3d(-60px, 0, 0) rotate(var(--r, -18deg)); opacity:.40;}
  50%{ transform: translate3d(60px, -18px, 0) rotate(var(--r, -18deg)); opacity:.70;}
  100%{ transform: translate3d(-60px, 0, 0) rotate(var(--r, -18deg)); opacity:.40;}
}
.heroOrbs{
  position:absolute; inset:0; pointer-events:none;
}
.heroOrbs:before, .heroOrbs:after{
  content:"";
  position:absolute;
  width:520px;height:520px;border-radius:50%;
  filter: blur(22px);
  opacity:.55;
}
.heroOrbs:before{
  left:-180px; top:-240px;
  background: radial-gradient(circle at 30% 30%, rgba(255,178,0,.55), transparent 62%);
  animation: orbMove 10s ease-in-out infinite;
}
.heroOrbs:after{
  right:-220px; bottom:-260px;
  background: radial-gradient(circle at 60% 40%, rgba(255,122,0,.42), transparent 62%);
  animation: orbMove 12s ease-in-out infinite reverse;
}
@keyframes orbMove{
  0%{ transform: translate3d(0,0,0) scale(1);}
  50%{ transform: translate3d(30px,20px,0) scale(1.06);}
  100%{ transform: translate3d(0,0,0) scale(1);}
}
.heroBackdrop{
  filter: blur(12px) saturate(1.25) contrast(1.08);
  opacity:.62;
}
.heroCard:before{
  background: radial-gradient(700px 420px at 18% 0%, rgba(255,178,0,.28), transparent 60%),
              radial-gradient(600px 380px at 100% 10%, rgba(255,122,0,.22), transparent 55%),
              radial-gradient(520px 340px at 70% 100%, rgba(37,211,102,.12), transparent 55%);
}
.heroCard:after{
  background: linear-gradient(180deg, rgba(11,12,15,.10), rgba(11,12,15,.55));
}
.visualBand .v{
  border:1px solid rgba(255,255,255,.14);
}
.visualBand .v:hover img{
  transform: scale(1.02);
  transition: transform .35s ease;
}
.btn.primary{
  position:relative;
  overflow:hidden;
}
.btn.primary:after{
  content:"";
  position:absolute; inset:-40px;
  background: radial-gradient(240px 120px at var(--mx, 20%) var(--my, 30%), rgba(255,255,255,.28), transparent 60%);
  opacity:.45;
  transform: translateZ(0);
}
.reveal{
  opacity:0;
  transform: translateY(14px);
  transition: opacity .55s ease, transform .55s ease;
}
.reveal.visible{
  opacity:1;
  transform: translateY(0);
}


/* === HARD OVERRIDE: prevent white background anywhere === */
html, body{
  background-color:#05060a !important;
}
body{
  background:
    radial-gradient(1100px 720px at 15% 0%, rgba(255,178,0,.20), transparent 62%),
    radial-gradient(980px 680px at 100% 8%, rgba(255,64,0,.18), transparent 58%),
    radial-gradient(900px 650px at 70% 100%, rgba(37,211,102,.10), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 2px, rgba(0,0,0,0) 2px 18px),
    #05060a !important;
  color: var(--text);
}

/* Make panels a bit more aggressive */
:root{
  --accent:#ffb200;
  --accent2:#ff3d00;
}
.logo{background: conic-gradient(from 210deg, var(--accent), var(--accent2), var(--accent));}
.btn.primary{background: linear-gradient(135deg, var(--accent), var(--accent2));}
.sectionWrap{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.12);
}
.sectionAlt{
  background: linear-gradient(135deg, rgba(255,178,0,.14), rgba(255,61,0,.08));
  border: 1px solid rgba(255,178,0,.22);
}

/* Stronger text contrast */
.lead{color: rgba(242,244,248,.86);}
.navlinks a{color: rgba(242,244,248,.74);}
.navlinks a:hover{color: rgba(242,244,248,.98);}

.quote b{display:block;color:#fff}.quote .stars{letter-spacing:2px}


/* === 2026-03 mobile + Google reviews upgrade === */
.googleReviewsSection{padding:22px 18px}
.googleReviewsShell{display:flex;flex-direction:column;gap:14px}
.googleReviewsLoading,.googleReviewsFallback{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--muted);text-align:center}
.googleReviewsHero{text-align:center;padding:10px 0 4px}
.googleReviewsEyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,178,0,.2);background:rgba(255,178,0,.08);font-size:13px;font-weight:700;color:#fff}
.googleWordmark{font-size:19px;font-weight:800;letter-spacing:-.4px}
.googleWordmark .b{color:#4285F4}.googleWordmark .r{color:#EA4335}.googleWordmark .y{color:#FBBC05}.googleWordmark .g{color:#34A853}
.googleReviewsHero h2{margin:14px 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.05}
.googleReviewsSummary{display:flex;flex-direction:column;align-items:center;gap:8px}
.googleRatingRow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.googleScore{font-size:clamp(34px,6vw,58px);font-weight:900;line-height:1;color:#fff}
.googleStars{font-size:clamp(24px,4vw,34px);letter-spacing:3px;color:#fbbc05;line-height:1}
.googleReviewsCount{font-size:clamp(16px,2.4vw,26px);font-weight:800;color:#fff}
.googleReviewsSub{max-width:780px;margin:0 auto;color:var(--muted);line-height:1.65}
.googleReviewsActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.googleReviewsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.googleReviewCard{padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;min-height:250px}
.googleReviewTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.googleReviewer{display:flex;align-items:center;gap:12px;min-width:0}
.googleAvatar{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,178,0,.28),rgba(255,122,0,.18));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff;flex:0 0 52px;overflow:hidden}
.googleAvatar img{width:100%;height:100%;object-fit:cover;display:block}
.googleReviewerName{font-size:18px;font-weight:800;line-height:1.2;color:#fff;word-break:break-word}
.googleReviewerMeta{font-size:14px;color:var(--muted);margin-top:4px}
.googleMiniG{font-size:15px;font-weight:900;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);flex:0 0 34px}
.googleReviewStars{font-size:22px;letter-spacing:2px;color:#fbbc05}
.googleReviewText{color:#fff;line-height:1.6;font-size:clamp(16px,1.6vw,18px);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;min-height:8.2em}
.googleReviewFooter{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.googleReviewLink,.googleSummaryDisclosure{font-size:13px;color:var(--muted)}
.googleReviewLink{color:#fff;text-decoration:underline;text-underline-offset:3px}
.googleReviewsAttribution{text-align:center;font-size:13px;color:var(--muted)}
.googleSummaryText{max-width:860px;margin:0 auto;color:var(--text);line-height:1.7;font-size:16px}
.googleTrustStrip[data-google-place-status="ready"] .googleTrustActions{align-self:center}
.googleTrustStrip[data-google-place-status="ready"] .googleTrustText{color:#fff}
@media (max-width:1100px){.googleReviewsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .section{padding:22px 0}
  .sectionWrap,.googleReviewsSection{padding:16px}
  .heroCard .heroContent{max-width:none}
  h1{font-size:32px}
  .lead{font-size:16px}
  .stickyBar{padding:8px 0}
  .stickyBar .container{gap:8px;padding:0 12px}
  .stickyBar .btn{font-size:14px;padding:12px 10px;min-width:0;white-space:nowrap}
  .googleReviewsHero h2{font-size:34px}
}
@media (max-width:640px){
  .container{padding:0 14px}
  .heroActions,.googleReviewsActions{display:grid;grid-template-columns:1fr;gap:10px}
  .stickyBar .container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .stickyBar .btn{font-size:12px;padding:11px 8px;text-align:center}
  footer{padding-bottom:112px}
  .googleReviewsGrid{grid-template-columns:1fr}
  .googleReviewCard{min-height:auto;padding:18px}
  .googleReviewerName{font-size:17px}
  .googleReviewText{font-size:15px;-webkit-line-clamp:6}
  .googleScore{font-size:40px}
  .googleStars{font-size:26px;letter-spacing:2px}
  .googleReviewsCount{font-size:18px}
}


/* === 2026-03 review ticker between price list and trust section === */
.googleReviewsTickerSection{padding-top:6px}
.googleTickerHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.googleTickerLabel{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,178,0,.22);background:rgba(255,178,0,.08);font-size:13px;font-weight:800;color:#fff;margin-bottom:10px}
.googleTickerTitleRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.googleTickerScore{font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1;color:#fff}
.googleTickerStars{font-size:clamp(20px,3vw,28px);letter-spacing:2px;color:#fbbc05;line-height:1}
.googleTickerCount{font-size:16px;font-weight:700;color:var(--muted)}
.googleTickerBtn{white-space:nowrap}
.googleReviewsTicker{position:relative;overflow:hidden;padding:6px 0 10px}
.googleReviewsTicker::before,.googleReviewsTicker::after{content:"";position:absolute;top:0;bottom:0;width:64px;z-index:2;pointer-events:none}
.googleReviewsTicker::before{left:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(4,9,18,0) 100%)}
.googleReviewsTicker::after{right:0;background:linear-gradient(270deg,var(--bg) 0%,rgba(4,9,18,0) 100%)}
.googleReviewsTrack{display:flex;gap:16px;width:max-content;animation:googleReviewsTickerMove 42s linear infinite;will-change:transform}
.googleReviewsTicker:hover .googleReviewsTrack{animation-play-state:paused}
.googleReviewsTrack .googleReviewCard{width:min(360px,80vw);min-height:220px;flex:0 0 auto}
@keyframes googleReviewsTickerMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@media (max-width:900px){
  .googleTickerHeader{align-items:flex-start}
  .googleTickerBtn{width:100%;text-align:center}
  .googleReviewsTicker::before,.googleReviewsTicker::after{width:24px}
  .googleReviewsTrack{animation-duration:34s}
}
@media (max-width:640px){
  .googleTickerTitleRow{gap:8px}
  .googleTickerCount{font-size:14px}
  .googleReviewsTrack{gap:12px;animation-duration:28s}
  .googleReviewsTrack .googleReviewCard{width:82vw;padding:16px;border-radius:18px}
}