/* Isolated from the legacy .menu-mobile/.categories rules. */
.mobile-drawer { display:none; }
.mobile-drawer[open] { display:flex; flex-direction:column; position:fixed; inset:0 auto 0 0; margin:0; padding:0; width:calc(100% - 24px); max-width:420px; height:100vh; height:100dvh; max-height:none; border:0; background:#fff; color:#202020; font:16px/1.4 Arial,sans-serif; box-shadow:8px 0 32px #0003; overflow:hidden; }
.mobile-drawer::backdrop { background:rgba(0,0,0,.55); }
.mobile-drawer * { box-sizing:border-box; }
.mobile-drawer .drawer-top { display:flex; align-items:center; gap:8px; flex:none; min-height:72px; padding:10px 10px 10px 16px; background:#d2040b; }
.mobile-drawer .drawer-brand { margin-right:auto; display:flex; align-items:center; }
.mobile-drawer .drawer-brand img { width:128px; height:44px; object-fit:contain; }
.mobile-drawer .drawer-languages { display:flex; }
.mobile-drawer .drawer-languages a { display:flex; align-items:center; justify-content:center; min-width:36px; min-height:44px; color:#fff; font-size:14px; text-decoration:none; opacity:.75; }
.mobile-drawer .drawer-languages a[aria-current] { font-weight:700; opacity:1; text-decoration:underline; text-underline-offset:5px; }
.mobile-drawer .drawer-close { width:44px; height:44px; flex:none; padding:0; background:transparent; color:white; border:0; font:32px/1 Arial,sans-serif; }
.mobile-drawer .drawer-search { display:flex; gap:6px; padding:16px; margin:0; flex:none; }
.mobile-drawer .drawer-search input { box-sizing:border-box; width:100%; min-width:0; height:48px; padding:10px; border:1px solid #bbb; border-radius:6px; background:#fafafa; color:#222; font:16px Arial,sans-serif; }
.mobile-drawer .drawer-search button { padding:0 10px; border:0; border-radius:6px; background:#d2040b; color:white; font:700 14px Arial,sans-serif; }
.mobile-drawer .drawer-scroll { overflow-y:auto; overscroll-behavior:contain; flex:1 1 auto; min-height:0; padding:0 16px 16px; }
.mobile-drawer .drawer-caption { margin:4px 0 8px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#686868; }
.mobile-drawer .drawer-links { margin:0; padding:0; list-style:none; }
.mobile-drawer .drawer-links li { margin:0; padding:0; list-style:none; }
/* Nested catalog links are opened in their own panel by mobile-menu.js. Keep them collapsed in the root panel. */
.mobile-drawer [data-drawer-root] > .drawer-links > li > .drawer-links { display:none; }
.mobile-drawer .drawer-panel > .drawer-links { display:block; }
.mobile-drawer .drawer-links a, .mobile-drawer .drawer-next, .mobile-drawer .drawer-back, .mobile-drawer .drawer-all { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:50px; padding:12px 4px; border:0; background:transparent; text-align:left; color:#202020; font:16px/1.4 Arial,sans-serif; white-space:normal; overflow-wrap:anywhere; text-decoration:none; }
.mobile-drawer .drawer-next::after { content:'›'; flex:none; font-size:26px; color:#777; }
.mobile-drawer .drawer-separated { border-top:1px solid #e5e5e5; margin-top:8px; padding-top:8px; }
.mobile-drawer .drawer-back { color:#9f0910; font-weight:700; justify-content:flex-start; }
.mobile-drawer .drawer-panel-title { margin:12px 0; font:700 20px/1.3 Arial,sans-serif; }
.mobile-drawer .drawer-all { color:#a00008; font-weight:700; border-bottom:1px solid #eee; }
.mobile-drawer [hidden] { display:none!important; }
.mobile-drawer .drawer-bottom { flex:none; padding:12px 16px max(12px,env(safe-area-inset-bottom)); border-top:1px solid #e5e5e5; background:#fff; }
.mobile-drawer .drawer-bottom a { display:flex; align-items:center; justify-content:center; height:48px; border-radius:8px; background:#d2040b; color:#fff; font:700 20px Arial,sans-serif; text-decoration:none; }
.mobile-drawer a:focus-visible,.mobile-drawer button:focus-visible,.mobile-drawer input:focus-visible { outline:2px solid #333; outline-offset:2px; }
.mobile-drawer .drawer-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
html.drawer-open, html.drawer-open body { overflow:hidden!important; }
html.drawer-open .b24-widget-button-wrapper, html.drawer-open .b24-widget-button-position-bottom-right, html.drawer-open #bingc-phone-button, html.drawer-open .fb_dialog { visibility:hidden!important; }
@media(max-width:1024px) { .header .header-modile button.icon-menu { border:0; border-radius:0; padding:0; color:inherit; min-width:44px; min-height:44px; } }