*{box-sizing:border-box;margin:0;padding:0}
:root{--p:#475569;--d:#020617;--bg:#f8fafc;--a:#94a3b8;--text:#334155;--muted:#64748b;--border:#e2e8f0}
body{font-family:Verdana, Geneva, sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.nav{max-width:1279px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px;color:var(--d)}
.logo img{width:46px;height:46px;border-radius:14px}
.links{display:flex;gap:18px;flex-wrap:wrap;font-weight:800;color:#64748b}
.links a:hover{color:var(--p)}
.section{max-width:1279px;margin:auto;padding:78px 7%}
.section-head{text-align:center;max-width:780px;margin:0 auto 42px}
.section-head span,.badge,.pill{display:inline-block;background:rgba(255,255,255,.8);color:var(--p);padding:8px 14px;border-radius:999px;font-weight:900;margin:4px}
.section-head h2{font-size:42px;line-height:1.12;color:var(--d)}
.section-head p,.hero p,.card p{color:var(--muted)}
.btn{display:inline-block;border:0;border-radius:22px;padding:13px 22px;font-weight:900;cursor:pointer}
.primary{background:var(--p);color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.15)}
.ghost{background:#fff;border:1px solid var(--border);color:var(--d)}
.card,.product-card,.article-card,.result-card,.feature-card,.listing-card,.contact-box,.panel,.mini-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:0 14px 44px rgba(15,23,42,.07)}
.products,.articles,.results,.features,.listings,.gallery-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}
.gallery-grid{grid-template-columns:repeat(4,1fr)}
.product-card img,.article-card img,.listing-card img,.result-card img,.feature-card img,.gallery-grid img{width:100%;height:230px;object-fit:cover;border-radius:22px;margin-bottom:16px}
.price{font-size:32px;font-weight:900;color:var(--p);margin:8px 0}
.stars{color:#f59e0b;font-weight:900}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.split img{width:100%;height:420px;object-fit:cover;border-radius:22px}
.contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:22px;padding:14px;font-size:16px}
textarea{min-height:130px}
form{display:grid;gap:14px}
.searchbar{display:flex;gap:10px;background:#fff;padding:14px;border-radius:22px;box-shadow:0 12px 40px rgba(15,23,42,.1)}
.detail-hero{max-width:1279px;margin:0 auto;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.detail-hero img{width:100%;height:430px;object-fit:cover;border-radius:22px}
footer{background:var(--d);color:#cbd5e1;text-align:center;padding:34px 7%;margin-top:40px}
@media(max-width:900px){.links{display:none}.hero,.split,.products,.articles,.results,.features,.listings,.gallery-grid,.contact-box,.detail-hero{grid-template-columns:1fr!important}.hero h1{font-size:42px!important}.section{padding:54px 7%}.searchbar{display:grid}}
.top{padding:24px 7% 88px;background:linear-gradient(135deg,#fff,var(--bg))}.hero{max-width:1279px;margin:70px auto 0;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.hero h1{font-size:66px;color:var(--d);line-height:1.03}.hero p{color:var(--muted);margin:18px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.visual img{height:450px;object-fit:cover;border-radius:26px}