.hami-mobile-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(86vw,360px);max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-left:1px solid #ded1bd;border-radius:18px 0 0 18px;background:#fffdf9;color:#33251d;font:inherit;text-align:right;overflow:hidden;box-shadow:-12px 0 38px #291b1933;overscroll-behavior:contain}
.hami-mobile-drawer[open]{display:flex;flex-direction:column;animation:hami-drawer-enter .24s ease-out}
.hami-mobile-drawer::backdrop{background:rgb(37 28 21 / 48%);animation:hami-drawer-shade .24s ease-out}
.hami-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(22px + env(safe-area-inset-top)) 22px 20px;background:#f2e6ce;border-bottom:1px solid #dfd1b7}
.hami-drawer-header h2{margin:0;font-size:24px;line-height:1.6;font-weight:700}
.hami-drawer-header p{margin:2px 0 0;color:#796342;font-size:13px}
.hami-drawer-header button{flex-shrink:0;width:44px;height:44px;border:1px solid #d6c4a5;border-radius:50%;background:#fffdf9;color:#473523;font:inherit;font-size:29px;line-height:1;cursor:pointer}
.hami-drawer-scroll{min-height:0;flex:1;overflow-y:auto;padding:12px 18px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.hami-drawer-scroll section{margin-top:18px;padding-top:14px;border-top:1px solid #e9e0d3}
.hami-drawer-scroll h3{font-size:13px;font-weight:700;color:#967334;margin:0 10px 8px}
.hami-drawer-links{display:grid;gap:3px}
.hami-drawer-links a{display:flex;align-items:center;gap:13px;min-height:48px;padding:8px 10px;box-sizing:border-box;border-radius:8px;text-decoration:none;color:#3b2b21;font-size:15px;line-height:1.7}
.hami-drawer-links a>svg{width:22px;height:22px;flex-shrink:0;color:#8f713d}
.hami-drawer-links a>span:not(.hami-drawer-chevron){overflow-wrap:anywhere}
.hami-drawer-chevron{margin-right:auto;color:#a9916a;font-size:24px}
.hami-drawer-links a:hover,.hami-drawer-links a:active{background:#f6efdf}
.hami-drawer-categories a{padding-right:14px}
.hami-drawer-social a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:0 6px;color:#79591f;font-size:14px;text-decoration:none}
.hami-mobile-drawer :is(a,button):focus-visible{outline:2px solid #a47c32;outline-offset:2px}
@keyframes hami-drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes hami-drawer-shade{from{background:transparent}to{background:rgb(37 28 21 / 48%)}}
@media(prefers-reduced-motion:reduce){.hami-mobile-drawer[open],.hami-mobile-drawer::backdrop{animation:none}}