.static-mobile-menu[hidden] { display: none !important; }
.static-mobile-menu { position: fixed; inset: 0; z-index: 2147483646; font-family: Arial, "Segoe UI", sans-serif; color: #252b25; }
.static-mobile-menu__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; background: rgb(0 0 0 / 45%); cursor: pointer; }
.static-mobile-menu__panel { position: absolute; inset: 0 0 0 auto; box-sizing: border-box; width: min(88vw, 380px); height: 100%; padding: 24px; overflow-y: auto; overscroll-behavior: contain; background: #faf9f5; box-shadow: -8px 0 32px rgb(0 0 0 / 12%); }
.static-mobile-menu__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid #deded4; }
.static-mobile-menu__brand { font-size: 17px; font-weight: 600; }
.static-mobile-menu__close { flex-shrink: 0; width: 44px; height: 44px; border: 0; background: transparent; color: inherit; font-size: 32px; cursor: pointer; }
.static-mobile-menu__nav, .static-mobile-menu__brands { display: flex; flex-direction: column; margin: 16px 0; }
.static-mobile-menu a { display: block; padding: 13px 0; color: inherit; font-size: 17px; line-height: 1.4; text-decoration: none; }
.static-mobile-menu a:hover { color: #546b3d; }
.static-mobile-menu__label { margin: 24px 0 4px; color: #6c7267; font-size: 13px; letter-spacing: .04em; }
.static-mobile-menu__brands a { font-size: 15px; }
.static-mobile-menu__account { padding-top: 16px; border-top: 1px solid #deded4; }
.static-mobile-menu__account a { color: #546b3d; font-weight: 600; }
.static-mobile-menu :focus-visible { outline: 2px solid #546b3d; outline-offset: 4px; }