/* MMTel – Expresná záchrana · 2026 */
:root{--ink:#1A1426;--paper:#F7F6FA;--card:#FFFFFF;--violet:#8B45E6;--violet-deep:#5B21B6;
--green:#16A34A;--line:#E7E2F2;--muted:#6B6478;
--disp:'Archivo',sans-serif;--body:'Source Sans 3',sans-serif;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.55;
-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--violet-deep)}
a:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:2px;border-radius:6px}

/* topbar */
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;
padding:10px 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
border-bottom:1px solid var(--line)}
.topbar__logo img{height:34px;display:block}
.status{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--muted)}
.status__dot{width:9px;height:9px;border-radius:50%;background:#C9C2D6;flex:none}
.status--open{color:var(--green)}
.status--open .status__dot{background:var(--green);animation:beat 1.6s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}
.topbar__call{margin-left:auto;font-family:var(--disp);font-weight:800;text-decoration:none;
color:var(--ink);font-size:16px;letter-spacing:.2px}

/* hero */
.hero{max-width:880px;margin:0 auto;padding:54px 20px 30px;text-align:center}
.hero__eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
color:var(--violet-deep);margin:0 0 14px}
.hero h1{font-family:var(--disp);font-weight:900;font-size:clamp(34px,6vw,56px);
line-height:1.04;letter-spacing:-.015em;margin:0}
.pulse{display:block;width:min(360px,80%);margin:14px auto 6px;color:var(--violet);height:40px}
@media(prefers-reduced-motion:no-preference){
.pulse path{stroke-dasharray:560;stroke-dashoffset:560;animation:draw 1.4s .2s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}}
.hero__sub{font-size:18px;color:var(--muted);max-width:560px;margin:10px auto 26px}
.hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;
font-size:17px;padding:15px 26px;border-radius:14px;text-decoration:none;transition:transform .12s ease, box-shadow .12s ease}
.btn--call{background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff;
box-shadow:0 10px 24px -10px rgba(91,33,182,.55)}
.btn--call:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(91,33,182,.6)}
.btn--ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}
.btn--ghost:hover{border-color:var(--violet)}

/* trust */
.trust{max-width:980px;margin:8px auto 34px;padding:0 20px;display:grid;
grid-template-columns:repeat(4,1fr);gap:12px}
.trust__item{background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.trust__item strong{font-family:var(--disp);font-weight:800;font-size:15.5px}
.trust__item span{font-size:13.5px;color:var(--muted)}
@media(max-width:760px){.trust{grid-template-columns:repeat(2,1fr)}}

/* generic card sections */
.card{max-width:980px;margin:0 auto 26px;background:var(--card);border:1px solid var(--line);
border-radius:18px;padding:30px 26px}
@media(max-width:760px){.card{margin-left:12px;margin-right:12px;padding:22px 16px}}

/* brands (restyle original markup) */
.model-choose-headline{font-family:var(--disp);font-weight:800;font-size:24px;margin:0 0 18px;text-align:center}
.model-choose__content{display:block!important}
.model-choose ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 4px;padding:0}
.model-choose li a{display:block;padding:11px 20px;border:1.5px solid var(--line);border-radius:999px;
font-weight:700;font-size:15.5px;text-decoration:none;color:var(--ink);background:var(--paper);
transition:border-color .12s ease,color .12s ease,transform .12s ease}
.model-choose li a:hover{border-color:var(--violet);color:var(--violet-deep);transform:translateY(-1px)}
.model-choose br{display:none}

/* parts (restyle original markup) */
.section--parts strong{font-family:var(--disp);font-size:19px}
#products-opener{display:inline-block;margin:6px 0 0;font-weight:700}
#products{display:none;margin-top:18px}
#products.visible{display:block}
#products .row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){#products .row{grid-template-columns:repeat(2,1fr)}}
#products .col-3,#products .col-6-sm{background:var(--paper);border:1px solid var(--line);
border-radius:14px;padding:12px;display:flex;flex-direction:column}
#products img{border-radius:10px}
#products h3{font-family:var(--disp);font-weight:600;font-size:15px;line-height:1.25;margin:10px 0 8px}
#products h3 strong{font-weight:900}
.product-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.price span{font-family:var(--disp);font-weight:800;font-size:15px;color:var(--violet-deep)}
.buy-button a{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;
font-weight:700;font-size:14px;padding:8px 16px;border-radius:10px}
.buy-button a:hover{background:var(--violet-deep)}

/* visit */
.visit{max-width:980px;margin:0 auto 30px;padding:0 20px;display:grid;
grid-template-columns:1.05fr .95fr;gap:22px;align-items:center}
@media(max-width:760px){.visit{grid-template-columns:1fr}}
.visit h2{font-family:var(--disp);font-weight:800;font-size:26px;margin:0 0 14px}
.visit__row{margin:7px 0;font-size:16px}
.visit__row strong{display:inline-block;min-width:86px;color:var(--muted);font-weight:600;font-size:13px;
text-transform:uppercase;letter-spacing:.08em}
.visit__tel{font-family:var(--disp);font-weight:800;text-decoration:none;color:var(--ink);font-size:18px}
.visit__note{margin-top:14px;background:#FFF6E8;border:1px solid #F3DFBC;color:#8A5A00;
padding:11px 14px;border-radius:12px;font-size:14.5px}
.visit__photo{margin:0}
.visit__photo img{border-radius:18px;display:block;box-shadow:0 18px 40px -22px rgba(26,20,38,.45)}

/* footer + callbar */
.footer{border-top:1px solid var(--line);padding:22px 20px 96px;text-align:center;
color:var(--muted);font-size:13.5px}
.footer a{color:var(--muted)}
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px;display:none}
.callbar__btn{display:block;text-align:center;background:linear-gradient(135deg,var(--violet),var(--violet-deep));
color:#fff;font-family:var(--disp);font-weight:800;font-size:17px;text-decoration:none;
padding:14px;border-radius:14px;box-shadow:0 -6px 24px rgba(26,20,38,.18)}
@media(max-width:760px){.callbar{display:block}.topbar__call{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
