/* Preserve chm-zero layout and visual tokens; style only new content. */
.home-popular-brand-list .scn-popular-single { grid-column:1/-1; aspect-ratio:1; }
.home-popular-brand-list .scn-popular-single img { object-fit:contain; background:#fff; padding:12%; }
#mobile-panel .scn-native-type-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
#mobile-panel .scn-native-type-links .all-brand-link { min-height:44px; min-width:0; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
#mobile-panel [data-scn-root] img { object-fit:contain; background:#fff; }
#mobile-panel [id^="scn-category-"] .all-category-tile img { object-fit:contain; background:#fff; }
#mobile-panel [id^="scn-category-"] a:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
#mobile-panel .scn-drawer-view-all { display:flex; align-items:center; gap:12px; min-height:82px; margin:0 -20px; padding:14px 20px; border-top:1px solid var(--line,#e5e5e5); border-bottom:1px solid var(--line,#e5e5e5); color:var(--ink,#111); text-decoration:none; }
#mobile-panel .scn-view-all-icon { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:50%; color:#fff; background:#111; }
#mobile-panel .scn-view-all-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; }
#mobile-panel .scn-view-all-label { flex:1; font-size:16px; font-weight:650; }
#mobile-panel .scn-view-all-arrow { font-size:26px; color:var(--muted,#777); }
#mobile-panel .scn-drawer-section { padding-bottom:24px; }
body.no-scroll:has(#mobile-panel .all-drawer.is-category-open) > .sw-tab { visibility:hidden; }
#mobile-panel .scn-drawer-section + .scn-drawer-section { border-top:1px solid var(--line,#e5e5e5); }
.desktop-nav .nav-item.scn-mega-item { position:static; display:flex; align-items:center; }
.desktop-nav .scn-mega-item > .nav-toggle { position:static; margin-left:-29px; margin-right:3px; transform:none; }
.desktop-nav .nav-dropdown.scn-mega-menu { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; width:min(1120px,calc(100vw - 48px)); max-height:calc(100vh - 180px); overflow:auto; padding:32px 36px; border-radius:16px; }
.scn-mega-heading { display:inline-block; margin-bottom:16px; padding:0 0 9px; border-bottom:2px solid currentColor; color:var(--ink,#111); font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.scn-mega-links { display:grid; gap:2px; }
.scn-mega-links a { display:block; min-height:36px; padding:7px 0; color:var(--muted,#777); font-size:14px; line-height:22px; }
.scn-mega-links a:hover, .scn-mega-links a:focus-visible { color:var(--ink,#111); text-decoration:underline; text-underline-offset:4px; }
.scn-mega-wide { grid-column:1/-1; }
.scn-mega-wide .scn-mega-links { grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px 24px; }
.desktop-nav .nav-item.scn-hover-open > .nav-dropdown { visibility:visible; opacity:1; pointer-events:auto; transform:translate(-50%,0); }
.desktop-nav .nav-dropdown::before { height:12px; }
.desktop-nav .nav-item.scn-menu-dismissed .nav-dropdown { visibility:hidden; opacity:0; pointer-events:none; }
@media(prefers-reduced-motion:reduce) { #mobile-panel [id^="scn-category-"] .all-category-tile img { transition:none; transform:none; } }