/* TariFox főoldal – csúszkás, letisztult mobilfelület */
:root{--tf-orange:#c24b00;--tf-dark:#142239;--tf-muted:#667085;--tf-cream:#fff8ef;--tf-line:#e4e7ec}
body.home48{color:var(--tf-dark);background:#fff}
.home48-intro{background:linear-gradient(180deg,#fffaf5,#fff 90%);border-bottom:1px solid #f0e7dd}
.home48 .hero{padding:54px 0 42px;gap:48px}
.home48 .hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.02;color:var(--tf-dark)}
.home48 .hero h1 span{color:var(--tf-orange)}
.home48 .hero .lead{font-size:18px;line-height:1.6;color:#536175;max-width:520px}
.home48 .hero-primary{background:var(--tf-orange);box-shadow:0 12px 28px #c24b0030}
.home48 .hero-secondary{border:1px solid #eadfd4;background:#fff;color:var(--tf-dark);border-radius:40px;padding:14px 19px;font-weight:650}
.home48 .hero-visual{height:410px;border-radius:30px;overflow:hidden;background:#f7e8d9;box-shadow:0 22px 54px #8b5a321c}
.home48 .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14223910 15%,#142239a6 100%);pointer-events:none}
.home48 .hero-usage{z-index:2;left:22px;right:22px;bottom:22px;background:#fffffff2;border-radius:17px;padding:15px 17px;box-shadow:0 12px 28px #14223925}
.home48 .hero-personal,.home48 .hero-clear{z-index:2;color:#fff;text-shadow:0 1px 10px #14223955}
.home48 .provider-strip{border-top:0;padding:20px 0 24px}
.home48 .search-section{background:#f6f7f9;border-top:1px solid #eceef2;padding:60px 0 72px}
.home48 .search-section .section-intro h2{font-size:clamp(31px,4vw,48px);color:var(--tf-dark)}
.home48 .category-tabs{background:#e9ebef;padding:5px}
.home48 .category-tabs button{min-height:42px;font-weight:650}
.home48 .category-tabs button.active{color:var(--tf-orange);box-shadow:0 3px 10px #14223912}
.home48 .filter-panel{padding:24px;background:#fff;border:1px solid var(--tf-line);border-radius:22px;box-shadow:0 12px 30px #1422390a}
.home48 .filter-title h3{font-size:20px}
/* A kérdésalapú panel kikerül: kizárólag a három csúszka marad. */
.home48 #usage-picker,.home48 .usage-summary{display:none!important}
.home48 .exact-usage{display:block!important;border:0!important;padding:0!important;margin:0!important}
.home48 .exact-usage>summary{display:none!important}
.home48 .exact-usage:not([open])>div,.home48 .exact-usage:not([open])>p{display:block!important}
.home48 .exact-usage .usage-control{padding:15px 0 4px;border-top:1px solid #eef0f3;margin:0}
.home48 .exact-usage .usage-control label{font-weight:700;font-size:13px;color:var(--tf-dark)}
.home48 .exact-usage .number-line{margin-top:4px}
.home48 .exact-usage .number-line input{font-size:29px;font-weight:750;color:var(--tf-dark)}
.home48 .exact-usage .range{height:6px;accent-color:var(--tf-orange);margin:12px 0 0}
.home48 .exact-usage .range-labels{font-size:10px;color:#8993a2;margin-top:6px}
.home48 .usage-results-link{width:100%;min-height:48px;margin-top:17px}
.home48 .results-toolbar h3{font-size:25px;color:var(--tf-dark)}
.home48 .tariff-card{border-color:var(--tf-line);border-radius:20px;box-shadow:0 8px 22px #14223908}
.home48 .tariff-card.best{border-color:#dfb76a;box-shadow:0 12px 30px #b17a2015}
.home48 .best-badge{background:#fff4dc;color:#916114}
.home48 .how47 .how-grid article{border-color:var(--tf-line);background:#fff;box-shadow:0 10px 25px #14223908}
.home48 .how47 .step{background:#fff0dd;color:var(--tf-orange)}
.home48 .site-footer{background:var(--tf-dark);color:#fff;border-top:0}
.home48 .site-footer a{color:#fff}
@media(max-width:850px){
 .home48 .wrap{width:calc(100% - 32px)}
 .home48 .hero{display:block;padding:32px 0 28px}
 .home48 .hero h1{font-size:46px}
 .home48 .hero .lead{font-size:16px}
 .home48 .hero-visual{height:285px;margin-top:26px;border-radius:24px}
 .home48 .provider-strip{display:block;padding:17px 0}
 .home48 .provider-strip>p{margin-bottom:13px}
 .home48 .coverage-link{display:none}
 .home48 .search-section{padding:46px 0 56px}
 .home48 .search-layout{display:block}
 .home48 .filter-panel{position:static;margin-bottom:24px}
 .home48 .results-panel{margin-top:10px}
}
@media(max-width:520px){
 .home48 .hero h1{font-size:41px}
 .home48 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .home48 .hero-primary,.home48 .hero-secondary{width:100%;justify-content:center}
 .home48 .hero-visual{height:260px}
 .home48 .hero-personal,.home48 .hero-clear{display:none}
 .home48 .category-tabs{width:100%;overflow-x:auto}
 .home48 .toolbar-controls{display:grid;grid-template-columns:1fr 1fr}
 .home48 .toolbar-controls .toolbar-field select{width:100%;font-size:14px}
}

/* PageSpeed: a hajtás alatti blokkok ne terheljék az első renderelést. */
.home48 .how47,.home48 .faq,.home48 .home-magazine{content-visibility:auto;contain-intrinsic-size:760px}
.home48 .editorial-grid{content-visibility:auto;contain-intrinsic-size:520px}