:root{--bg:#fffaf0;--card:#fff;--text:#1f2430;--muted:#6f6a5e;--line:#efe6d2;--accent:#f5a800;--accent-d:#e39a00;--ink:#2a2110;--link:#b45309;--soft:#fff0c7;--ok:#1f8a3f;--r:14px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
img{max-width:100%}
body{overflow-wrap:break-word;margin:0;font:16px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--link)}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
header{background:var(--card);border-bottom:3px solid var(--accent)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{display:block;height:40px;width:auto}
nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-size:15px}
nav a:hover{color:var(--link)}
.hero{padding:32px 0 8px}
.hero h1{margin:0 0 8px;font-size:30px}
.hero p{margin:0;color:var(--muted)}
.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:20px 0;display:grid;gap:18px;grid-template-columns:1fr 1fr}
.filters label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.filters output{color:var(--text);font-weight:600}
.filters input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:linear-gradient(to right,var(--accent) var(--p,30%),var(--line) var(--p,30%));outline:none;margin:8px 0}
.filters input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer}
.filters input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tag{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;color:var(--text)}
.tag.on{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:600}
.bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--muted);font-size:14px}
.bar select{max-width:100%;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--card);font-size:14px}
#list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;min-width:0}
.offer{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}
.offer>div:first-child{min-height:74px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600}
.ava{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:none}
.badge{display:inline-block;margin-top:4px;font-size:12px;color:var(--ok);background:#e6f6ea;border-radius:6px;padding:1px 8px;font-weight:500}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.facts div small{display:block;color:var(--muted);font-size:12px}
.facts div b{font-size:15px}
.btn{display:block;margin-top:auto;background:var(--accent);color:var(--ink);text-decoration:none;border-radius:10px;padding:12px 22px;font-weight:700;text-align:center;white-space:nowrap}
.btn:hover{background:var(--accent-d)}
.offer{transition:box-shadow .15s,transform .15s}
.offer:hover{box-shadow:0 6px 18px rgba(227,154,0,.18);transform:translateY(-2px)}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px}
.disclaimer{font-size:13px;color:var(--muted);background:#fdf3dc;border-radius:var(--r);padding:14px 16px;margin:18px 0}
section.block{margin:34px 0}
section.block h2{font-size:22px;margin:0 0 14px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:s}
.steps div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;font-size:15px}
.steps div::before{counter-increment:s;content:counter(s);display:flex;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--link);font-weight:700;align-items:center;justify-content:center;margin-bottom:8px}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:8px}
summary{cursor:pointer;font-weight:600}
details p{margin:8px 0 0;color:var(--muted)}
.page{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:28px 0}
.page h1{margin-top:0;overflow-wrap:anywhere;hyphens:auto}
footer{border-top:1px solid var(--line);background:var(--card);margin-top:40px;padding:24px 0;font-size:13px;color:var(--muted)}
footer a{color:var(--muted);margin-right:14px}
footer p:last-child a{margin-right:0}
@media(max-width:720px){
 .filters{grid-template-columns:1fr}
 #list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .offer{padding:12px}
 .btn{padding:12px 8px;white-space:normal}
 .bar select{width:100%}
 .page{padding:18px}
 .page h1{font-size:24px}
 .filters{padding:14px}
 .steps{grid-template-columns:1fr 1fr}
 nav a{margin-left:12px}
 .hero h1{font-size:24px}
}
@media(max-width:420px){#list{grid-template-columns:minmax(0,1fr)}.wrap{padding:0 14px}.offer>div:first-child{min-height:0}}
@media(max-width:360px){.logo img{height:32px}nav a{margin-left:10px;font-size:14px;white-space:nowrap}.page h1{font-size:21px}}