@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@300;400;600;700&display=swap');
:root{--accent:#d92f30;--text:#222;--muted:#666}
*{box-sizing:border-box}
body{font-family:'Encode Sans', Arial, sans-serif;margin:0;color:var(--text);background:#fff}
.hero{background:#000;display:flex;align-items:center;justify-content:center;min-height:420px;padding:30px 0}
.hero img{width:100%;height:auto;object-fit:contain;display:block;background:#000}
.eshop-top,.eshop-float{position:fixed;z-index:1000;background:var(--accent);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,0.25);}
.eshop-top{top:20px;right:20px;}
.eshop-float{bottom:20px;right:20px;}
.eshop-top:hover,.eshop-float:hover{background:#b32425;}
.section-divider{position:relative;margin:0 auto;padding-top:22px;padding-bottom:18px}
.section-divider .bar{height:6px;background:var(--accent);position:relative}
.section-divider .label{position:absolute;left:50%;top:-18px;transform:translateX(-50%);background:var(--accent);color:#fff;padding:10px 22px;border-radius:6px;font-weight:700;box-shadow:0 6px 14px rgba(0,0,0,0.15)}
.container{max-width:1180px;margin:28px auto;padding:0 20px}
.cards{display:flex;gap:28px;align-items:flex-start}
.card{background:#fff;padding:22px;border-radius:8px;box-shadow:0 12px 30px rgba(20,20,20,0.06);flex:1;min-height:260px}
.card h4{margin:0 0 12px;font-size:13px;color:#999;text-transform:uppercase;letter-spacing:1px}
.service-list{list-style:none;padding:0;margin:0}
.service-list li{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.02);align-items:flex-start}
.service-list li:last-child{border-bottom:0}
.bullet{width:10px;height:10px;border-radius:5px;background:#2bb9d6;margin-top:6px;flex:0 0 10px}
.single-card{background:#fff;padding:18px;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,0.05);margin-top:18px}
.single-card ul{list-style:none;padding:0;margin:0}
.single-card li{display:flex;gap:10px;padding:6px 0;align-items:flex-start}
.price-row{display:flex;gap:28px;margin-top:12px}
.price{flex:1;background:#fff;padding:26px;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,0.06);text-align:center}
.price .amount{font-size:28px;font-weight:800;color:#0b2a3a}
.price .label{color:#999;margin-top:10px}
.map-frame{width:100%;height:220px;border:0;border-radius:6px;overflow:hidden}
.hours-row{display:flex;gap:28px;margin-top:18px}
.hours{flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,0.06);text-align:center}
.hours .time{font-size:28px;font-weight:800;color:#0b2a3a}
.footer{background:#0b0b0b;color:#fff;padding:40px 20px;position:relative}
.footer .pill{position:absolute;left:50%;top:-24px;transform:translateX(-50%);background:#111;color:#fff;padding:10px 18px;border-radius:6px;font-weight:700}
.footer .cols{max-width:1180px;margin:30px auto 0;display:flex;gap:20px;justify-content:center;text-align:center}
.col{flex:1;min-width:180px}
.col h5{color:#d92f30;margin-bottom:8px;font-size:13px}
.col p,.col a{color:#ddd;font-size:14px;margin:6px 0;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.col svg{width:18px;height:18px;fill:#d92f30}
@media (max-width:900px){
  .cards,.price-row,.hours-row{flex-direction:column}
  .footer .cols{flex-direction:column;align-items:center;text-align:center}
}

/* HERO light variant */
.hero{
  background:#f4f4f4;
  padding:48px 16px;
}
.hero .container{
  max-width:1200px;
  margin:0 auto;
  text-align:center;
}
.hero img{
  max-width:1200px;
  width:100%;
  height:auto;
  display:inline-block;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.08));
}
@keyframes pulseBgKM{
  0%{background-color:#c00;color:#fff}
  50%{background-color:#000;color:#fff}
  100%{background-color:#c00;color:#fff}
}
a.eshop-float{
  position:fixed;
  right:18px;
  bottom:18px;
  padding:12px 18px;
  border-radius:9999px;
  font-weight:700;
  text-transform:uppercase;
  animation:pulseBgKM 2s infinite;
  transition:transform .2s ease;
  z-index:9999;
}
a.eshop-float:hover{ transform:scale(1.06); }