/* Hepp Autósiskola – Google-vélemények */
.hv{
	--hv-k:#2446F5;--hv-e:#0F1535;--hv-l:#C6F432;--hv-lh:#B5E31F;--hv-j:#EEF1FF;--hv-sz:#4B5170;--hv-v:#D9DEF3;--hv-csill:#FFB400;
	font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--hv-e);text-align:left;
}
.hv *,.hv *::before,.hv *::after{box-sizing:border-box}
.hv [hidden]{display:none!important}
.hv a{text-decoration:none}

/* Saját cím (felirat + főcím), a főoldali szekciók stílusában */
.hv-bev{margin-bottom:26px}
.hv-chip{display:inline-flex!important;align-items:center;gap:8px;background:#fff;border:1px solid var(--hv-v);border-radius:999px;padding:6px 14px 6px 10px!important;margin:0 0 14px!important;font-weight:600;font-size:14px;line-height:1.4;color:var(--hv-e)}
.hv-chip::before{content:"";width:9px;height:9px;border-radius:50%;background:#FF5A36;flex:none}
.hv .hv-cim{font-family:"Unbounded","Onest",sans-serif!important;font-weight:700!important;font-size:42px!important;line-height:1.15!important;color:var(--hv-e)!important;margin:0!important;padding:0!important;max-width:760px;letter-spacing:-.01em}
.hv-blokk{margin-top:88px}

/* Fejléc: összesítés + gombok */
.hv-fej{display:flex;align-items:center;justify-content:space-between;gap:18px 24px;flex-wrap:wrap;margin-bottom:22px}
.hv-osszeg{display:flex;align-items:center;gap:14px}
.hv-szam{font-family:"Unbounded","Onest",sans-serif;font-weight:800;font-size:44px;line-height:1;color:var(--hv-e);letter-spacing:-.02em}
.hv-osszeg-jobb{display:flex;flex-direction:column;gap:5px}
.hv-db{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--hv-sz);font-weight:500}
.hv-db a{color:var(--hv-sz)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hv-v)}
.hv-db a:hover{color:var(--hv-k)!important}
.hv-fej-jobb{display:flex;align-items:center;gap:12px}
.hv-nyilak{display:flex;gap:8px}
.hv-nyil{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--hv-v)!important;background:#fff!important;color:var(--hv-e)!important;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0!important;transition:background .15s,border-color .15s,transform .15s}
.hv-nyil:hover{border-color:var(--hv-k)!important;color:var(--hv-k)!important}
.hv-nyil:disabled{opacity:.35;cursor:default}
.hv-nyil:focus-visible,.hv-gomb:focus-visible{outline:3px solid var(--hv-k);outline-offset:3px}
.hv-gomb{display:inline-flex;align-items:center;min-height:46px;padding:11px 22px;border-radius:99px;background:var(--hv-l);color:var(--hv-e)!important;font-weight:800;font-size:15px;white-space:nowrap;transition:background .15s,transform .15s}
.hv-gomb:hover{background:var(--hv-lh);transform:translateY(-2px)}

/* Csillagok */
.hv-csillagok{display:inline-block;font-size:17px;line-height:1;letter-spacing:2px}
.hv-csillagok::before{content:"★★★★★";background:linear-gradient(90deg,var(--hv-csill) calc(var(--hv-ert) / 5 * 100%),#D5DAEE 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hv-csillagok-nagy{font-size:22px}

/* Kártyasáv */
.hv-sav{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 18px) / 3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;margin:0 -2px;scrollbar-width:none;outline:0}
.hv-sav::-webkit-scrollbar{display:none}
.hv-sav:focus-visible{outline:3px solid var(--hv-k);outline-offset:4px;border-radius:24px}
.hv-kartya{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #DCE2FA;border-radius:24px;padding:24px;min-height:100%}
.hv-k-fej{display:flex;align-items:center;gap:12px;min-width:0}
.hv-kep{flex:0 0 auto;width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--hv-j)}
.hv-kep-betu{display:grid;place-items:center;background:var(--hv-k);color:#fff;font-family:"Unbounded",sans-serif;font-weight:700;font-size:16px}
.hv-k-nev{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.hv-k-nev a,.hv-k-nev strong{font-weight:700;font-size:15.5px;color:var(--hv-e)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv-k-nev a:hover{color:var(--hv-k)!important}
.hv-ido{font-size:13px;color:var(--hv-sz);margin-top:2px}
.hv-szoveg{margin:0!important;padding:0!important;font-size:15.5px;line-height:1.6;color:#2B3150;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.hv-kartya.hv-nyitva .hv-szoveg{-webkit-line-clamp:unset;display:block}
.hv-tobb{align-self:flex-start;background:none!important;border:0!important;padding:0!important;margin-top:-4px;color:var(--hv-k)!important;font-weight:700!important;font-size:14px!important;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hv-k-lab{margin-top:auto;padding-top:12px;border-top:1px solid #EEF0F8}
.hv-k-lab a,.hv-k-lab>span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--hv-sz)!important}
.hv-k-lab a:hover{color:var(--hv-k)!important}
.hv-g{flex:0 0 auto}
.hv-megj{margin:6px 0 0!important;padding:0!important;font-size:13px;color:var(--hv-sz)}

@media (max-width:980px){
	.hv-sav{grid-auto-columns:calc((100% - 18px) / 2)}
	.hv .hv-cim{font-size:34px!important}
	.hv-blokk{margin-top:64px}
}
@media (max-width:640px){
	.hv-fej{align-items:flex-start}
	.hv-szam{font-size:38px}
	.hv .hv-cim{font-size:27px!important}
	.hv-blokk{margin-top:48px}
	.hv-fej-jobb{width:100%;justify-content:space-between}
	.hv-sav{grid-auto-columns:86%;gap:14px}
	.hv-kartya{padding:20px;border-radius:20px}
}
@media (prefers-reduced-motion:reduce){
	.hv-sav{scroll-behavior:auto}
	.hv-gomb,.hv-nyil{transition:none}
}