/* Шапка, мобільне меню й футер: однакові на всіх сторінках (префікс sx-) */
.sx-header,.sx-footer,.sx-mob{font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6;color:#4B3621}
.sx-header *,.sx-footer *,.sx-mob *{box-sizing:border-box}
.sx-header a,.sx-footer a,.sx-mob a{color:inherit;text-decoration:none}
.sx-header{position:sticky;top:0;z-index:50;background:#F0EEE9;border-bottom:1px solid #D3CDBE}
.sx-wrap{max-width:1344px;margin:0 auto;padding:0 48px}
.sx-header .sx-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:18px;padding-bottom:18px}
.sx-brand{display:flex;align-items:center;gap:14px}
.sx-brand svg{width:40px;height:40px;flex:none}
.sx-bt{display:flex;flex-direction:column;line-height:1.15}
.sx-bn{font-family:Unbounded,Arial,sans-serif;font-size:17px;font-weight:600;white-space:nowrap}
.sx-bg{font-size:10px;font-weight:700;letter-spacing:.15em;color:#A04000}
.sx-nav{display:flex;align-items:center;gap:8px 28px;font-weight:600}
.sx-nav>a,.sx-dd>a{display:inline-flex;align-items:center;gap:6px;padding:6px 0}
.sx-nav a:hover{color:#A04000}
.sx-nav .sx-cur{color:#A04000}
.sx-dd{position:relative}
.sx-panel{display:none;position:absolute;left:-16px;top:100%;min-width:270px;background:#F7F5F1;border:1px solid #D3CDBE;border-radius:16px;padding:8px;flex-direction:column;z-index:60}
.sx-dd:hover .sx-panel,.sx-dd:focus-within .sx-panel{display:flex}
.sx-panel a{padding:10px 14px;border-radius:10px;font-size:14px}
.sx-panel a:hover{background:#F0EEE9}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;background:#A04000;color:#F0EEE9!important;padding:12px 22px;border-radius:999px;font-family:Unbounded,Arial,sans-serif;font-size:13px;font-weight:600;white-space:nowrap}
.sx-btn:hover{opacity:.9;color:#F0EEE9!important}
.sx-burger{display:none;background:none;border:0;padding:8px;cursor:pointer;flex-direction:column;gap:5px}
.sx-burger span{display:block;width:24px;height:2px;background:#4B3621;border-radius:2px}
.sx-mob{display:none;position:fixed;inset:0;background:#F0EEE9;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px;text-align:center}
.sx-mob.open{display:flex}
.sx-mob a:not(.sx-btn){font-family:Unbounded,Arial,sans-serif;font-weight:600;font-size:20px}
.sx-close{position:absolute;top:18px;right:18px;font-size:28px;background:none;border:0;cursor:pointer;color:#4B3621}
.sx-footer{background:#4B3621;color:#E3DDD2;font-size:14px}
.sx-footer a:hover{color:#D17A3F}
.sx-foot{display:flex;flex-wrap:wrap;gap:36px 56px;padding-top:48px;padding-bottom:48px}
.sx-foot>div{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:10px}
.sx-foot>div:first-child{flex-basis:240px}
.sx-fn{font-family:Unbounded,Arial,sans-serif;font-size:16px;font-weight:600;color:#F0EEE9}
.sx-fh{font-weight:700;color:#F0EEE9;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
@media(max-width:1080px){.sx-nav,.sx-header .sx-btn{display:none}.sx-burger{display:flex}}
@media(max-width:760px){.sx-wrap{padding-left:20px;padding-right:20px}.sx-bn{font-size:15px}.sx-bg{font-size:9px}}
