.site-foot { background:#111; color:#ddd; padding:0 0 16px; margin-top:24px; border-top:6px solid #ffe14a; }
.site-foot .wrap { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.foot-cats { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:16px 0; }
.foot-cats a { position:relative; display:block; height:90px; border-radius:10px; overflow:hidden; }
.foot-cats img { width:100%; height:100%; object-fit:cover; }
.foot-cats span { position:absolute; left:10px; bottom:8px; color:#fff; font-weight:700; text-shadow:0 1px 4px #000; }
.foot-logo { height:84px; width:auto; background:#fff; border-radius:12px; padding:6px; }
.site-foot p { color:#bbb; max-width:280px; }
.foot-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:22px; padding-top:8px; }
.foot-grid strong { display:block; color:#fff; letter-spacing:.08em; text-transform:uppercase; font-size:12px; margin-bottom:8px; }
.addr span, .addr a { display:block; color:#ddd; padding:2px 0; }
.social { display:flex; gap:8px; margin-top:10px; }
.social a { width:34px; height:34px; border-radius:50%; background:#222; display:grid; place-items:center; padding:0; }
.social svg { width:16px; height:16px; fill:#fff; }
.foot-bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #2a2a2a; margin-top:18px; padding-top:12px; color:#999; }
.cards { display:flex; gap:6px; }
.cards span { border:1px solid #444; border-radius:4px; padding:4px 8px; font-size:11px; color:#fff; }
@media (max-width:800px) { .foot-grid, .foot-cats { grid-template-columns:1fr 1fr; } .foot-bottom { display:grid; gap:8px; } }