:root{--mm-primary:#071222;--mm-accent:#f26522;--mm-accent-dark:#da3c0c;--mm-bg:#ffffff;--mm-bg-muted:#fafafa;--mm-bg-hover:#f9f9f9;--mm-border:#e5e5e5;--mm-border-light:#f0f0f0;--mm-text:#333333;--mm-text-muted:#999999;--mm-text-light:#bbbbbb;--mm-sale:#e53935;--mm-shadow:0 10px 40px rgba(0,0,0,0.2);--mm-font:'Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;--mm-transition:0.3s ease;--mm-drawer-width:85%} .mm-burger,.mm-drawer,.mm-drawer *,.mm-drawer *::before,.mm-drawer *::after{box-sizing:border-box;margin:0;padding:0} .mm-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;cursor:pointer;background:none;border:none;padding:0;z-index:100}.mm-burger span{display:block;width:22px;height:2px;background:var(--mm-text);border-radius:1px;transition:all var(--mm-transition)} [data-mm-open]{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;margin-left:5px}.mm-burger-wrap{display:inline-flex;align-items:center}.mm-burger-wrap [data-mm-open]{font-size:inherit !important} .mm-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:9998;opacity:0;pointer-events:none;transition:opacity var(--mm-transition)}.mm-overlay.is-active{opacity:1;pointer-events:auto} body.mm-scroll-locked{position:fixed;left:0;right:0;width:100%;overflow:hidden} .mm-drawer{position:fixed;top:0;left:0;width:var(--mm-drawer-width);max-width:360px; height:100vh;height:100dvh; padding-left:env(safe-area-inset-left,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--mm-bg);z-index:9999;transform:translateX(-100%); visibility:hidden;transition:transform var(--mm-transition),visibility 0s linear 0.3s;display:flex;flex-direction:column;font-family:var(--mm-font);overscroll-behavior:contain}.mm-drawer.is-open{transform:translateX(0);visibility:visible;transition:transform var(--mm-transition),visibility 0s linear 0s} .mm-drawer__header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--mm-border);flex-shrink:0}.mm-drawer__title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--mm-primary)}.mm-drawer__close{background:none;border:none;font-size:26px;cursor:pointer;color:var(--mm-text);line-height:1;padding:4px; min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.mm-drawer__close:hover{color:var(--mm-accent)} .mm-slides{flex:1;min-height:0;position:relative;overflow:hidden}.mm-slide{position:absolute;inset:0;background:var(--mm-bg); overflow-y:hidden; overscroll-behavior:contain;visibility:hidden;transition:transform var(--mm-transition),visibility 0s linear 0.3s;transform:translateX(100%)}.mm-slide.is-active{transform:translateX(0);visibility:visible;transition:transform var(--mm-transition),visibility 0s linear 0s}.mm-drawer.is-open .mm-slide.is-active{overflow-y:auto;-webkit-overflow-scrolling:touch}.mm-slide.is-left{transform:translateX(-100%)} .mm-row{display:flex;align-items:center;min-height:48px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--mm-border-light);gap:12px;text-decoration:none;color:var(--mm-text);background:var(--mm-bg);transition:background 0.15s ease;-webkit-tap-highlight-color:rgba(0,0,0,0.05);touch-action:manipulation;user-select:none}.mm-row:active{background:var(--mm-bg-hover)}.mm-row:hover{background:var(--mm-bg-hover)}.mm-row__icon{width:44px;height:44px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.mm-row__icon img{width:26px;height:26px;object-fit:contain}.mm-row__icon--emoji{font-size:22px}.mm-row__label{flex:1;font-size:14px;font-weight:500;color:var(--mm-text)}.mm-row__label--sale{color:var(--mm-sale) !important;font-weight:600 !important}.mm-row__arrow{flex-shrink:0;color:var(--mm-text-muted)}.mm-row__arrow svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none} .mm-back{display:flex;align-items:center;min-height:48px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--mm-border);gap:8px;background:var(--mm-bg-muted);-webkit-tap-highlight-color:rgba(0,0,0,0.05);touch-action:manipulation;user-select:none}.mm-back:active{background:#f0f0f0}.mm-back svg{width:18px;height:18px;stroke:var(--mm-text);stroke-width:2;fill:none;flex-shrink:0}.mm-back__title{font-size:15px;font-weight:600;color:var(--mm-text)} .mm-category-header{display:flex;align-items:center;padding:14px 16px;gap:12px;border-bottom:1px solid var(--mm-border-light)}.mm-category-header__icon{width:50px;height:50px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.mm-category-header__icon img{width:30px;height:30px;object-fit:contain}.mm-category-header__icon--emoji{font-size:26px}.mm-category-header__info{flex:1}.mm-category-header__title{font-size:15px;font-weight:600;color:var(--mm-text)}.mm-category-header__link{font-size:12px;color:var(--mm-accent);text-decoration:none;display:block;margin-top:2px}.mm-category-header__link:hover{color:var(--mm-accent-dark)} .mm-simple-row{display:flex;align-items:center;min-height:44px;padding:13px 16px;border-bottom:1px solid var(--mm-border-light);color:var(--mm-text);text-decoration:none;transition:background 0.15s ease;-webkit-tap-highlight-color:rgba(0,0,0,0.05);touch-action:manipulation}.mm-simple-row:active,.mm-simple-row:hover{background:var(--mm-bg-hover)}.mm-simple-row__label{flex:1;font-size:14px} .mm-section-title{padding:14px 16px 8px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--mm-text-muted);letter-spacing:1px;border-bottom:1px solid var(--mm-border-light)} .mm-brands-grid{display:flex;flex-wrap:wrap;padding:8px 12px;gap:6px}.mm-brands-grid a{font-size:12px;color:#555;text-decoration:none;background:#f5f5f5;padding:6px 10px;border-radius:4px;transition:background 0.15s ease}.mm-brands-grid a:hover{background:#e0e0e0} .mm-auth{padding:16px;background:linear-gradient(135deg,#f8f9fa 0%,var(--mm-bg) 100%);border-top:1px solid var(--mm-border)}.mm-auth__greeting{font-size:16px;font-weight:700;color:var(--mm-primary);margin-bottom:12px}.mm-auth__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s;border:none;font-family:var(--mm-font)}.mm-auth__btn--login{background:var(--mm-primary);color:#fff;margin-bottom:8px}.mm-auth__btn--login:hover{opacity:0.9}.mm-auth__btn--register{background:var(--mm-bg);color:var(--mm-primary);border:1.5px solid #ccc}.mm-auth__btn--register:hover{border-color:var(--mm-text-muted)}.mm-auth__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.mm-auth__divider{display:flex;align-items:center;gap:10px;margin:14px 0 12px;color:var(--mm-text-muted);font-size:12px}.mm-auth__divider::before,.mm-auth__divider::after{content:'';flex:1;height:1px;background:#e0e0e0}.mm-auth__social{display:flex;gap:8px}.mm-auth__social-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 0;border-radius:8px;border:1px solid #e0e0e0;background:var(--mm-bg);text-decoration:none;font-size:13px;font-weight:500;color:var(--mm-text);transition:all 0.2s;font-family:var(--mm-font)}.mm-auth__social-btn:hover{background:#f5f5f5;border-color:#ccc}.mm-auth__social-btn svg{width:18px;height:18px} .mm-footer{padding:20px 16px 16px;border-top:1px solid var(--mm-border);background:var(--mm-bg-muted)}.mm-footer__social{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.mm-footer__social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f0f0f0;transition:background 0.2s}.mm-footer__social a:hover{background:#e0e0e0}.mm-footer__social a svg{width:22px;height:22px;fill:var(--mm-text-muted);transition:fill 0.2s}.mm-footer__social a:hover svg{fill:var(--mm-text)}.mm-footer__copy{text-align:center;font-size:11px;color:var(--mm-text-light)} .mm-row:focus-visible,.mm-back:focus-visible,.mm-simple-row:focus-visible,.mm-drawer__close:focus-visible,[data-mm-open]:focus-visible{outline:2px solid var(--mm-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.mm-drawer,.mm-drawer.is-open,.mm-slide,.mm-slide.is-active,.mm-overlay{transition:none}}