/* Store browsing only: full names, contained logos and one scrollable list. */
#nav-dropdown.nav-dropdown--stores{display:flex;flex-direction:column;width:960px;padding:20px;overflow:hidden;gap:16px}
#nav-dropdown.nav-dropdown--stores[hidden]{display:none}
.stores-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;min-width:0}
.stores-menu-head h2{margin:0;color:var(--ui-ink,#222);font:500 20px/28px Rubik,Arial,sans-serif}
.stores-menu-head .icon-button,dialog:has(.stores-browser) .modal-head .icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:10px;border-radius:50%;background:transparent;color:var(--ui-ink,#222)}
.stores-menu-head .icon-button:hover,dialog:has(.stores-browser) .modal-head .icon-button:hover{background:var(--ui-soft,#f7f3f8)}
#nav-dropdown.nav-dropdown--stores .nav-mobile-links{display:none}
#nav-dropdown.nav-dropdown--stores .stores-menu-head{order:-1}
.stores-browser__search{flex:none;margin:0;min-width:0}
.stores-browser__search>span{color:var(--ui-ink,#222);font-size:13px;line-height:20px}
.stores-browser__search input{height:46px;font-size:15px;line-height:22px;border-radius:10px;background:var(--ui-surface,#fff);border-color:var(--ui-border,#ddd)}
.stores-browser__results{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:3px}
#nav-dropdown.nav-dropdown--stores .nav-store-grid,dialog:has(.stores-browser) .nav-all-stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
#nav-dropdown.nav-dropdown--stores .nav-store,dialog:has(.stores-browser) .nav-store{display:flex;align-items:center;gap:12px;min-width:0;min-height:76px;height:100%;margin:0;padding:12px;border:1px solid var(--ui-border,#ddd);border-radius:12px;background:var(--ui-surface,#fff);color:var(--ui-ink,#222);text-decoration:none}
#nav-dropdown.nav-dropdown--stores .nav-store[hidden],dialog:has(.stores-browser) .nav-store[hidden]{display:none}
#nav-dropdown.nav-dropdown--stores .nav-store:hover,dialog:has(.stores-browser) .nav-store:hover{border-color:var(--ui-link,var(--brand,#8d0de3));background:var(--ui-soft,#f7f3f8)}
#nav-dropdown.nav-dropdown--stores .nav-store img,dialog:has(.stores-browser) .nav-store img,#nav-dropdown.nav-dropdown--stores .nav-store-symbol,dialog:has(.stores-browser) .nav-store-symbol{display:grid;width:44px;height:44px;min-width:44px;flex:none;object-fit:contain;border-radius:8px;padding:4px;background:#fff;color:var(--brand,#8d0de3)}
#nav-dropdown.nav-dropdown--stores .nav-store>span:last-child,dialog:has(.stores-browser) .nav-store>span:last-child{display:block;min-width:0;flex:1}
#nav-dropdown.nav-dropdown--stores .nav-store b,dialog:has(.stores-browser) .nav-store b{display:block;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal;font:500 14px/20px Rubik,Arial,sans-serif;color:var(--ui-ink,#222)}
#nav-dropdown.nav-dropdown--stores .nav-store small,dialog:has(.stores-browser) .nav-store small{display:block;min-width:0;max-width:100%;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 12px/17px Lato,Arial,sans-serif;color:var(--ui-muted,#666)}
#nav-dropdown.nav-dropdown--stores .nav-store-footer{flex:none;justify-content:flex-end;margin:0;padding-top:12px;border-top:1px solid var(--ui-border,#ddd)}
#nav-dropdown.nav-dropdown--stores .nav-store-footer .primary{min-height:44px;padding:11px 16px;font-size:14px}
#nav-dropdown.nav-dropdown--stores :is(a,button,input):focus-visible,dialog:has(.stores-browser) :is(a,button,input):focus-visible{outline:2px solid var(--ui-link,var(--brand,#8d0de3));outline-offset:1px}
.stores-browser__empty{padding:24px 12px;margin:0;text-align:center;font-size:14px;color:var(--ui-muted,#666)}
dialog:has(.stores-browser){width:960px;max-width:calc(100vw - 32px);height:min(740px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border-radius:16px;background:var(--ui-surface,#fff)}
dialog:has(.stores-browser)[open]{display:flex;flex-direction:column}
dialog:has(.stores-browser) .modal-head{flex:none;position:relative;min-width:0;padding:16px 24px;gap:16px}
dialog:has(.stores-browser) .modal-head h2{min-width:0;margin:0;font:500 20px/28px Rubik,Arial,sans-serif}
dialog:has(.stores-browser) #modal-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;padding:20px 24px 24px}
.stores-browser{display:flex;flex:1;flex-direction:column;gap:16px;min-width:0;min-height:0}
@media(max-width:800px){#nav-dropdown.nav-dropdown--stores .nav-store-grid,dialog:has(.stores-browser) .nav-all-stores{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 #nav-dropdown.nav-dropdown--stores{padding:12px;gap:8px}
 #nav-dropdown.nav-dropdown--stores .nav-store-grid,dialog:has(.stores-browser) .nav-all-stores{grid-template-columns:minmax(0,1fr);gap:8px}
 #nav-dropdown.nav-dropdown--stores .nav-store-footer .primary{width:100%;justify-content:center}
 .stores-menu-head h2,dialog:has(.stores-browser) .modal-head h2{font-size:18px;line-height:26px}
 dialog:has(.stores-browser){max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:12px}
 dialog:has(.stores-browser) .modal-head{padding:12px 16px}
 dialog:has(.stores-browser) #modal-body{padding:16px}
 .stores-browser{gap:12px}
}
@media(max-width:1023px) and (max-height:700px){
 #nav-dropdown.nav-dropdown--stores{padding:12px;gap:8px}
 #nav-dropdown.nav-dropdown--stores .stores-browser__search>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}