/* TOYS_MOBILE_DRAWER: scoped, no off-screen layout or legacy icon fonts. */
html body .toys-mobile-menu-trigger{display:none}
html body dialog.tmd:not([open]){display:none!important}
html body dialog.tmd{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text,#171717)!important;overflow:hidden!important;box-sizing:border-box;font-family:Manrope,sans-serif}
html body dialog.tmd::backdrop{background:rgba(5,10,18,.48);backdrop-filter:blur(5px)}
html body .tmd *{box-sizing:border-box}
html body .tmd [hidden]{display:none!important}
html body .tmd svg{display:block;width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html body .tmd .tmd-panel{width:calc(100% - 32px);max-width:420px;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--surface,#fff);border-radius:0 17px 17px 0;box-shadow:8px 0 30px #0002}
html body .tmd .tmd-header{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 16px;flex:none;border-bottom:1px solid var(--border,#e5e7eb);background:var(--surface,#fff)}
html body .tmd .tmd-header strong{flex:1;min-width:0;font-size:18px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
html body .tmd button{font:inherit;cursor:pointer;color:inherit;border:0;box-shadow:none;text-transform:none;letter-spacing:normal}
html body .tmd .tmd-back,html body .tmd .tmd-close{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:var(--surface-muted,#f4f5f6);border-radius:50%;padding:7px}
html body .tmd .tmd-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px 16px max(24px,env(safe-area-inset-bottom));scrollbar-width:thin}
html body .tmd a{color:inherit;text-decoration:none;background:transparent;text-transform:none}
html body .tmd .tmd-account{display:flex;align-items:center;gap:12px;border-radius:17px;background:var(--primary-button-bg,#111);color:var(--primary-button-text,#fff);padding:16px;min-height:82px}
html body .tmd .tmd-account>span:first-of-type{flex:1;min-width:0}
html body .tmd strong{font-weight:600}
html body .tmd small{display:block;font-size:11px;line-height:1.6;color:var(--text-muted,#687381)}
html body .tmd .tmd-account small{color:inherit;opacity:.75;margin-top:3px}
html body .tmd .tmd-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 18px}
html body .tmd .tmd-shortcuts a{display:flex;align-items:center;gap:9px;min-height:64px;padding:10px;background:var(--surface-muted,#f4f5f6);border-radius:17px;font-size:12px;font-weight:500;line-height:1.4}
html body .tmd .tmd-shortcuts svg{width:22px;height:22px;flex-basis:22px}
html body .tmd .tmd-catalog-button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;border-radius:17px;background:#63cdfd;color:#10151b;min-height:54px;font-size:15px}
html body .tmd .tmd-catalog-button strong{flex:1;text-align:left}
html body .tmd .tmd-contacts{padding:20px 0;border-bottom:1px solid var(--border,#e5e7eb)}
html body .tmd .tmd-phone{display:flex;align-items:flex-start;gap:12px;padding:0 4px 18px}
html body .tmd .tmd-phone svg{margin-top:3px;color:var(--text-muted,#687381)}
html body .tmd .tmd-phone strong{font-size:19px;line-height:1.5}
html body .tmd .tmd-chats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .tmd .tmd-chats>a,html body .tmd .tmd-chats>span{display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center;border-radius:17px;background:var(--surface-muted,#f4f5f6);padding:12px;font-size:12px;min-height:68px}
html body .tmd .tmd-chats svg{grid-row:span 2;color:#169bd5}
html body .tmd .tmd-chats>span:last-child svg{color:#8b70d8}
html body .tmd .tmd-chats small{grid-column:2}
html body .tmd .tmd-useful a{display:flex;align-items:center;gap:12px;padding:14px 4px;font-size:14px;min-height:50px}
html body .tmd .tmd-useful a span:first-of-type{flex:1}
html body .tmd .tmd-useful a span:last-child{color:var(--text-muted,#687381)}
html body .tmd .tmd-category-section+.tmd-category-section{margin-top:16px}
html body .tmd .tmd-category-row{display:flex;align-items:stretch;min-height:54px;border-bottom:1px solid var(--border,#e5e7eb);min-width:0}
html body .tmd .tmd-category-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1;font-size:14px;line-height:1.5;padding:13px 2px;overflow-wrap:anywhere}
html body .tmd .tmd-category-row.is-root{background:var(--surface-muted,#f4f5f6);border-radius:12px;border:0;padding-left:10px}
html body .tmd .is-root .tmd-category-link{font-weight:700}
html body .tmd .is-root svg{color:#31a9dd}
html body .tmd .tmd-next{flex:0 0 44px;display:grid;place-items:center;min-height:48px;padding:10px;background:transparent}
html body .tmd .tmd-next svg{width:18px;height:18px}
html body .tmd .tmd-view-all{display:block;background:var(--surface-muted,#f4f5f6);border-radius:12px;padding:13px;margin-bottom:8px;color:var(--text,#171717);font-size:14px;font-weight:600}
html body .tmd .tmd-retry{padding:14px;background:#63cdfd;color:#111;border-radius:17px}
html body .tmd a:focus-visible,html body .tmd button:focus-visible{outline:2px solid #63cdfd;outline-offset:2px}
@media(max-width:760px){html body .toys-mobile-menu-trigger{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;background:transparent;color:var(--text,#171717);padding:8px;border-radius:12px}html body .toys-mobile-menu-trigger .toys-icon{width:24px;height:24px}html body .toys-bottom-nav{z-index:700!important}}
@media(prefers-reduced-motion:no-preference){html body .tmd[open] .tmd-panel{animation:tmd-appear .18s ease-out}html body .tmd a,html body .tmd button{transition:opacity .15s}html body .tmd a:active,html body .tmd button:active{opacity:.7}}
@keyframes tmd-appear{from{opacity:.6;transform:translateX(-12px)}to{opacity:1;transform:none}}

/* Shared footer/header controls, always reachable below the drawer scroll area. */
html body .tmd .tmd-preferences{flex:none;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}
html body .tmd .tmd-preferences .toys-footer-preferences{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
html body .tmd .toys-footer-theme-slot svg{flex:0 0 18px}