/* shared header + side menu (all pages) */
.menu-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1.5px solid #d3cabe;background:#fff;color:#2A2826;cursor:pointer;flex:none}
.menu-btn svg{width:22px;height:22px}
.nav-start{display:flex;align-items:center;gap:12px}
.drawer-bg{position:fixed;inset:0;background:rgba(31,29,27,.45);z-index:60;opacity:0;transition:opacity .2s}
.drawer-bg.on{opacity:1}
.drawer{position:fixed;top:0;bottom:0;right:0;width:min(340px,88vw);background:#faf8f5;z-index:61;box-shadow:-12px 0 40px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow-y:auto}
.drawer.on{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e9e3da}
.drawer-head img{height:36px;width:auto}
.drawer-close{width:40px;height:40px;border-radius:10px;border:0;background:#e6dfd5;color:#2A2826;font-size:22px;cursor:pointer}
.drawer nav{padding:10px 10px 0}
.drawer .grp{font-size:13px;font-weight:700;color:#5d5045;letter-spacing:.02em;margin:16px 10px 6px}
.drawer nav a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#2A2826;font-weight:600;font-size:16.5px;padding:11px 12px;border-radius:12px}
.drawer nav a:hover,.drawer nav a[aria-current=page]{background:#e6dfd5}
.drawer nav a small{font-weight:500;color:#5f554c;font-size:13px}
.drawer-cta{margin-top:auto;padding:18px;display:grid;gap:10px;border-top:1px solid #e9e3da}
.drawer-cta a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 16px;border:1.5px solid #2A2826;color:#2A2826}
.drawer-cta a.wa{background:#1F8F4E;border-color:#1F8F4E;color:#fff}
.drawer-cta svg{width:18px;height:18px}
body.drawer-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.drawer,.drawer-bg{transition:none}}

/* shared footer */
footer.sf{background:#1F1D1B;color:#a1968a;font-size:15px;padding:34px 0 26px;margin-top:40px}
footer.sf .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px}
footer.sf b{display:block;color:#eee9e2;margin-bottom:8px;font-size:15.5px}
footer.sf ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
footer.sf a{color:#cfc7bc;text-decoration:none}
footer.sf a:hover{text-decoration:underline}
footer.sf .bottom{border-top:1px solid #34302C;margin-top:22px;padding-top:16px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
footer.sf .wrap{display:block}
footer.sf p{color:#a1968a;font-size:15px}
@media (max-width:860px){footer.sf .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer.sf .cols{grid-template-columns:1fr}}
.drawer[hidden],.drawer-bg[hidden]{display:none!important}
