*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#1b1b1b;background:#f4f4f2}a{color:inherit;text-decoration:none}
.top{background:#111;color:#ddd;font-size:13px;text-align:center;padding:7px}.top a{color:#f5b700;font-weight:700}
header{background:#1b1b1b;color:#fff;position:sticky;top:0;z-index:9}.hw{max-width:1240px;margin:auto;display:flex;align-items:center;gap:22px;padding:12px 18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:.5px}.brand b{color:#f5b700}
.srch{flex:1;display:flex}.srch input{flex:1;padding:10px 12px;border:0;border-radius:6px 0 0 6px;font-size:15px}.srch button{background:#f5b700;border:0;padding:0 16px;border-radius:0 6px 6px 0;font-weight:800;cursor:pointer}
.cartb{background:#f5b700;color:#111;font-weight:800;padding:9px 14px;border-radius:6px;white-space:nowrap}
nav.d{background:#2a2a2a}nav.d div{max-width:1240px;margin:auto;display:flex;gap:2px;overflow-x:auto;padding:0 12px}nav.d a{color:#eee;padding:10px 12px;font-size:14px;font-weight:600;white-space:nowrap}nav.d a:hover{background:#f5b700;color:#111}
main{max-width:1240px;margin:auto;padding:22px 18px}
.hero{background:linear-gradient(100deg,#111 40%,rgba(17,17,17,.55)),url(/img/hero.jpg) right/cover;color:#fff;border-radius:12px;padding:56px 44px;margin-bottom:26px}
.hero h1{font-size:44px;line-height:1.05;margin:0 0 12px;font-weight:900}.hero h1 span{color:#f5b700}.hero p{font-size:18px;max-width:560px;color:#ddd}
.btn{display:inline-block;background:#f5b700;color:#111;font-weight:800;padding:13px 22px;border-radius:7px;border:0;cursor:pointer;font-size:15px}.btn.k{background:#fff}
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.perks div{background:#fff;border-radius:10px;padding:14px;font-size:14px;border-left:4px solid #f5b700}
h2{font-size:26px;margin:28px 0 14px;font-weight:900}
.depts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dept{background:#fff;border-radius:10px;padding:18px;border:1px solid #e3e3e0}.dept:hover{border-color:#f5b700}.dept b{display:block;font-size:17px}.dept small{color:#666}.dept i{font-style:normal;color:#b38500;font-size:13px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.card{background:#fff;border-radius:10px;border:1px solid #e3e3e0;display:flex;flex-direction:column;overflow:hidden}.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.09)}
.card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.card .b{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.card .dp{font-size:12px;color:#888;text-transform:uppercase;font-weight:700}.card .n{font-weight:700;font-size:15px;line-height:1.3;flex:1}
.pr{font-size:21px;font-weight:900}.sh{font-size:12px;color:#287a2b}.add{background:#1b1b1b;color:#fff;border:0;padding:10px;border-radius:6px;font-weight:700;cursor:pointer}.add:hover{background:#f5b700;color:#111}
.shop{display:grid;grid-template-columns:230px 1fr;gap:20px}.side{background:#fff;border-radius:10px;padding:14px;height:fit-content;position:sticky;top:120px}.side h3{margin:4px 0 8px;font-size:15px}
.side label{display:flex;justify-content:space-between;padding:6px 4px;font-size:14px;cursor:pointer;border-radius:5px}.side label:hover{background:#f4f4f2}.side .c{color:#999}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}.bar select{padding:8px;border-radius:6px}
.pp{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#fff;border-radius:12px;padding:24px}.pp img{width:100%;border-radius:8px}.pp h1{margin:6px 0}.pp .pr{font-size:32px}
table.c{width:100%;border-collapse:collapse;background:#fff}table.c td,table.c th{padding:10px;border-bottom:1px solid #eee;text-align:left}table.c img{width:56px}
.form{background:#fff;padding:18px;border-radius:10px;margin-top:16px;display:grid;gap:10px;max-width:640px}.form input,.form textarea{padding:10px;border:1px solid #ccc;border-radius:6px;font:inherit}
.about{background:#fff;border-radius:12px;padding:28px;max-width:820px;line-height:1.65;font-size:16px}
footer{background:#111;color:#bbb;margin-top:40px}footer .fw{max-width:1240px;margin:auto;padding:30px 18px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;font-size:14px}footer a{display:block;padding:3px 0}footer h4{color:#fff;margin:0 0 8px}footer .cp{text-align:center;padding:12px;border-top:1px solid #222;font-size:12px}
@media(max-width:800px){.perks,.depts{grid-template-columns:1fr 1fr}.shop,.pp,footer .fw{grid-template-columns:1fr}.side{position:static}.hero{padding:34px 22px}.hero h1{font-size:32px}.srch{display:none}}