*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1b1b1b;line-height:1.55;background:#fafafa}
a{color:#111}.wrap{max-width:1150px;margin:0 auto;padding:0 18px}h1,h2,h3{line-height:1.2}
.topbar{background:#000;color:#fff;text-align:center;font-size:.85rem;padding:6px}.topbar a{color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{height:54px}.brand small{display:block;color:#444}
.nav nav{display:flex;gap:18px;align-items:center}.nav nav a{text-decoration:none;font-weight:600}.menu{display:none;font-size:1.6rem;background:none;border:0}
.btn{display:inline-block;background:#111;color:#fff!important;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600;border:2px solid #111;cursor:pointer;font-size:1rem}
.btn.ghost{background:transparent;color:#fff!important;border-color:#fff}.btn.big{padding:14px 26px;font-size:1.1rem}.btn.sec{background:#fff;color:#111!important}
.hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1600) center/cover;color:#fff;padding:90px 0}
.hero h1{font-size:2.4rem;max-width:760px}.hero p{font-size:1.15rem;max-width:700px}
.vp{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:40px 18px}.vp div{background:#fff;padding:22px;border-radius:10px;border:1px solid #e3e3e3}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:20px 0}
.card{background:#fff;border:1px solid #e3e3e3;border-radius:10px;overflow:hidden}.card img,.noimg{width:100%;height:190px;object-fit:cover;display:block;background:#ddd}
.noimg{display:flex;align-items:center;justify-content:center;color:#666}.cb{padding:14px}.cb h3{font-size:1.05rem;margin:4px 0}.cb h3 a{text-decoration:none}
.price{font-size:1.3rem;font-weight:700}.price.big{font-size:2rem}.muted{color:#555}.small{font-size:.82rem}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.chip{background:#fff;border:1px solid #111;border-radius:30px;padding:8px 16px;text-decoration:none}.chip small{color:#666}
.cta{background:#111;color:#fff;padding:50px 0;text-align:center}.cta .btn{background:#fff;color:#111!important}
.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;background:#fff;padding:14px;border:1px solid #e3e3e3;border-radius:10px}.filters label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem}
select,input,textarea{font:inherit;padding:9px;border:1px solid #bbb;border-radius:6px;width:100%}
.detail .hero-img{width:100%;max-height:480px;object-fit:cover;border-radius:10px}.facts{display:flex;gap:20px;list-style:none;padding:0;flex-wrap:wrap}
footer{background:#111;color:#ddd;margin-top:40px;padding:30px 0}footer a{color:#fff}.fgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.eho{display:flex;gap:12px;font-size:.85rem}
.steps{display:flex;gap:8px;margin:20px 0}.steps div{flex:1;padding:10px;text-align:center;background:#e9e9e9;border-radius:6px;font-weight:600}.steps .on{background:#111;color:#fff}
.panel{background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:22px;margin-bottom:20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row label,.panel>label{display:block;margin:8px 0;font-weight:600}
.note{background:#f3f3f3;border-left:4px solid #111;padding:12px;margin:12px 0}.check{display:flex!important;gap:10px;font-weight:400!important}.check input{width:auto}
.hidden{display:none}.ok{background:#e8f6ea;border-left:4px solid #2a7a3a;padding:12px}
@media(max-width:760px){.menu{display:block}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:14px;border-bottom:1px solid #ddd}
.open .nav nav{display:flex}.vp,.fgrid,.row{grid-template-columns:1fr}.hero h1{font-size:1.7rem}.hero{padding:50px 0}.brand img{height:42px}}