:root{--gold:#c9a227;--gold-dark:#a8861a;--dark:#1a1a1a;--gray:#666;--bg:#faf9f6;--white:#fff;--border:#e8e4da;--red:#d9534f}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif}
body{background:var(--bg);color:var(--dark)}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.topbar{background:var(--dark);color:#ccc;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;padding:7px 16px;flex-wrap:wrap;gap:6px}
.topbar b{color:var(--gold)}
header.site{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.header-main{display:flex;align-items:center;gap:24px;padding:14px 16px}
.logo{font-size:24px;font-weight:800;letter-spacing:1px;color:var(--dark);display:flex;align-items:center}
.logo img{height:42px;width:auto;display:block}
.logo span{color:var(--gold)}
.logo small{display:block;font-size:10px;font-weight:400;letter-spacing:3px;color:var(--gray)}
.search{flex:1;display:flex;max-width:520px}
.search input{flex:1;padding:10px 14px;border:2px solid var(--gold);border-right:none;border-radius:4px 0 0 4px;font-size:14px;outline:none}
.search button{padding:10px 20px;background:var(--gold);border:none;color:#fff;font-weight:700;border-radius:0 4px 4px 0;cursor:pointer}
.header-actions{display:flex;gap:20px;font-size:13px;text-align:center}
.header-actions .act{cursor:pointer;position:relative;color:var(--dark)}
.header-actions .ico{font-size:20px}
.badge{position:absolute;top:-6px;right:-10px;background:var(--red);color:#fff;border-radius:50%;font-size:11px;width:18px;height:18px;line-height:18px}
nav.site{background:var(--white);border-bottom:1px solid var(--border)}
.nav-list{display:flex;list-style:none;gap:2px;overflow-x:auto}
.nav-list>li{white-space:nowrap;position:relative}
.nav-list>li>a{display:block;padding:12px 12px;font-size:13.5px;font-weight:600;border-bottom:3px solid transparent}
.nav-list>li>a:hover,.nav-list>li>a.on{border-color:var(--gold);color:var(--gold-dark)}
.mega-drop{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:0 0 8px 8px;box-shadow:0 14px 30px rgba(0,0,0,.12);padding:14px;z-index:150;grid-template-columns:repeat(4,150px);gap:8px;min-width:648px}
.has-mega:hover .mega-drop{display:grid}
.mega-item{padding:9px 10px;font-size:12.5px;font-weight:600;border-radius:6px;cursor:pointer;color:var(--dark)}
.mega-item:hover{background:#faf5e6;color:var(--gold-dark)}
.mega-item.all{background:var(--dark);color:#fff}
.mega-item.all:hover{background:var(--gold)}
@media(max-width:860px){.mega-drop{grid-template-columns:repeat(2,1fr);min-width:0;position:static;box-shadow:none;border:none;padding:6px 0 6px 14px}}
.crumb{font-size:13px;color:var(--gray);margin:18px 0}
.crumb a{color:var(--gold-dark)}
.btn{display:inline-block;padding:12px 26px;border-radius:5px;font-weight:700;font-size:15px;cursor:pointer;border:none;text-align:center}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:var(--gold-dark)}
.btn-dark{background:var(--dark);color:#fff}
.card{background:var(--white);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:.2s;cursor:pointer;position:relative;display:block}
.card:hover{box-shadow:0 10px 24px rgba(0,0,0,.1);transform:translateY(-3px)}
.card .thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:56px;background:linear-gradient(160deg,#f6f2e8,#fff)}
.card .info{padding:13px}
.card .cat{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px}
.card h4{font-size:14px;margin:5px 0 8px;font-weight:600;min-height:38px;color:var(--dark)}
.price{color:var(--gold-dark);font-weight:800;font-size:16px}
.card .add{width:100%;margin-top:10px;padding:9px;background:var(--dark);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer}
.card .add:hover{background:var(--gold)}
footer.site{background:#111;color:#888;text-align:center;padding:24px;font-size:13px;margin-top:48px}
footer.site a{color:var(--gold)}
.chat-fab{position:fixed;bottom:22px;right:22px;background:var(--gold);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:200}
@media(max-width:860px){.header-main{flex-wrap:wrap;gap:10px}.search{order:3;max-width:100%}}