
:root{--bg:#07100d;--panel:#0c1511;--panel2:#111d18;--ink:#eef5f0;--muted:#91a098;--line:#34423b;--accent:#d4ff61;--accent-rgb:212,255,97;--strong:#38936e;--good:#789b4a;--partial:#9a7c3e;--weak:#82504b;--unknown:#1a2521;--map1:#12221b;--map2:#08110e}
:root[data-product="infranet"]{--bg:#071116;--panel:#0c171d;--panel2:#102129;--ink:#eef8fa;--muted:#91a5aa;--line:#314952;--accent:#65d9ff;--accent-rgb:101,217,255;--strong:#347f93;--good:#507d92;--partial:#697184;--weak:#765258;--unknown:#17242b;--map1:#132832;--map2:#08141a}
:root[data-product="medinet"]{--bg:#130b18;--panel:#1a1020;--panel2:#24152d;--ink:#fff5ff;--muted:#b39fba;--line:#4a3354;--accent:#ff8bd8;--accent-rgb:255,139,216;--strong:#8d4fa8;--good:#6d679e;--partial:#79677f;--weak:#76505f;--unknown:#25192b;--map1:#291633;--map2:#120a17}
*{box-sizing:border-box}html,body,.app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}button,input,select{font:inherit}.top{height:70px;position:absolute;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:220px 294px minmax(280px,1fr) auto;align-items:center;gap:14px;padding:0 18px;background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{min-width:0;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left;padding:0}.brand-badge{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:grid;place-items:center;background:var(--accent);color:var(--bg);font-size:22px;font-weight:950;font-style:normal;line-height:1;border-radius:7px}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:16px;line-height:1.1}.brand-copy small{margin-top:4px;font-size:9px;line-height:1.1;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-switch{height:42px;width:294px;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow:hidden}.product-switch a{height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:background .15s,color .15s}.product-switch a:hover{color:var(--ink)}.product-switch a.active{color:var(--accent);background:rgba(var(--accent-rgb),.13);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}
.search{height:44px;position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:0 12px}.search>span{font-size:22px;color:var(--muted)}.search input{height:100%;width:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:0 10px;font-size:14px}.search>div{display:none;position:absolute;z-index:100;top:51px;left:0;right:0;max-height:65vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 24px 60px #0009}.search>div.open{display:block}.result{width:100%;border:0;background:transparent;color:var(--ink);display:flex;justify-content:space-between;gap:14px;text-align:left;padding:12px;border-radius:8px;cursor:pointer;font-size:13px}.result:hover{background:var(--panel2)}.result small{color:var(--muted);font-size:11px}
nav{justify-self:end;display:flex;gap:8px}nav button,.controls button{border:1px solid var(--line);background:var(--panel2);color:#b6c2bc;border-radius:10px;padding:10px 13px;cursor:pointer;font-size:13px;white-space:nowrap}nav button:hover,.controls button:hover,nav button.active{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}nav button.active{background:rgba(var(--accent-rgb),.12);color:var(--accent)}
.map{position:absolute;inset:70px 0 0;background:radial-gradient(circle,var(--map1),var(--map2) 68%);overflow:hidden;touch-action:none}#world{width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline:0;-webkit-tap-highlight-color:transparent}#world.dragging{cursor:grabbing}.country{cursor:pointer;pointer-events:auto;transition:fill .15s,opacity .15s}.country.strong{fill:var(--strong)}.country.good{fill:var(--good)}.country.partial{fill:var(--partial)}.country.weak{fill:var(--weak)}.country.unknown{fill:var(--unknown)}.country.filtered{opacity:.24}#borders{fill:none;stroke:#6b7a74;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-opacity:.82;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;pointer-events:none}#hoverCountry path{fill:none;stroke:var(--accent);stroke-width:2.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-opacity:.95;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;pointer-events:none}#selection path{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;pointer-events:none}
.stats{position:absolute;top:18px;left:20px;height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--muted);font-size:11px;backdrop-filter:blur(10px)}.stats b{color:var(--ink);font-size:13px}.stats i{width:1px;height:18px;background:var(--line)}.controls{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column}.controls button{width:46px;height:44px;border-radius:0;font-size:18px;padding:0}.controls button:first-child{border-radius:11px 11px 0 0}.controls button:last-child{border-radius:0 0 11px 11px}
.legend{position:absolute;right:20px;bottom:20px;width:330px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 91%,transparent);padding:17px;backdrop-filter:blur(10px)}.legend header div{display:flex;flex-direction:column}.legend header b{font-size:15px;line-height:1.2}.legend header small{font-size:11px;color:var(--muted);margin-top:4px}.legend-items{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:54px;gap:10px 12px;margin-top:15px}.legend-item{height:54px;display:grid;grid-template-columns:17px 1fr;grid-template-rows:18px 32px;column-gap:9px;align-items:start}.legend-item i{grid-row:1/3;width:17px;height:17px;border-radius:4px;margin-top:1px}.legend-item i.strong{background:var(--strong)}.legend-item i.good{background:var(--good)}.legend-item i.partial{background:var(--partial)}.legend-item i.weak{background:var(--weak)}.legend-item i.unknown{background:var(--unknown);border:1px solid #53625b}.legend-item b{font-size:13px;line-height:18px}.legend-item small{font-size:10px;color:var(--muted);line-height:1.25}.legend-note{font-size:11px;color:#b5c0ba;line-height:1.45;border-top:1px solid var(--line);padding-top:11px;margin:2px 0 0}
#tip{position:fixed;z-index:80;display:none;pointer-events:none;background:#edf4ef;color:#07100d;padding:10px 12px;border-radius:8px;font-size:11px;box-shadow:0 14px 40px #0008}#tip.show{display:block}#tip b{display:block;font-size:13px}#tip span{display:block;margin-top:4px;color:#4c5953}
#drawer,#filters,#about{position:absolute;z-index:50;right:0;top:70px;bottom:0;width:min(520px,96vw);transform:translateX(104%);transition:.25s;background:color-mix(in srgb,var(--panel) 98%,transparent);border-left:1px solid var(--line);overflow:auto;box-shadow:-25px 0 70px #0007}#drawer.open,#filters.open,#about.open{transform:none}.close{position:absolute;z-index:3;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:#aab6b0;font-size:24px;cursor:pointer}.countryHead{padding:38px 30px 25px;border-bottom:1px solid var(--line)}.countryHead small{color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:.1em}.countryHead h1{font-size:42px;line-height:1;margin:13px 0 16px}.coverage{display:flex;gap:12px;align-items:center;color:#b1bdb7;font-size:13px}.bar{height:5px;flex:1;background:color-mix(in srgb,var(--line) 70%,transparent);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metrics div{text-align:center;padding:18px 7px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics b{display:block;font-size:23px}.metrics span{font-size:10px;color:var(--muted);text-transform:uppercase;line-height:1.25}.scoreNote{padding:17px 29px;border-bottom:1px solid var(--line);color:#b7c2bc;font-size:13px;line-height:1.6}.sourceList{padding:13px 17px 36px}.source{padding:18px 17px;border:1px solid transparent;border-bottom-color:var(--line);cursor:pointer}.source:hover{border-color:color-mix(in srgb,var(--line) 80%,var(--accent));background:var(--panel2);border-radius:11px}.source h3{font-size:17px;line-height:1.3;margin:0;padding-right:55px}.source p{font-size:14px;line-height:1.62;color:#a9b5af;margin:11px 0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.chip{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#b4c0ba;line-height:1.25}.score{float:right;color:var(--accent);font:11px monospace}.source a,.detail a.main{display:inline-flex;margin-top:13px;color:var(--accent);font-size:13px;text-decoration:none}.detail{padding:36px 30px}.detail>button{font-size:13px!important}.detail h1{font-size:36px;line-height:1.08;margin:19px 0 13px}.detail>p{color:#adb9b3;line-height:1.7;font-size:15px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:23px}.detailGrid div{padding:16px 0;border-bottom:1px solid var(--line)}.detailGrid div:nth-child(odd){border-right:1px solid var(--line);padding-right:15px}.detailGrid div:nth-child(even){padding-left:15px}.detailGrid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.detailGrid b{display:block;font-size:13px;line-height:1.45;margin-top:5px}.detail a.main{display:flex;justify-content:space-between;background:var(--accent);color:var(--bg);padding:15px;border-radius:9px;font-weight:800;font-size:14px}
#filters,#about{padding:36px 31px}#filters h2,#about h2{font-size:36px;margin:0 0 13px}.filterIntro{font-size:13px;line-height:1.6;color:#aab6b0;margin:0 46px 25px 0}#filters label{display:block;font-size:12px;color:#aab6b0;text-transform:uppercase;margin:21px 0;letter-spacing:.04em}#filters select{display:block;width:100%;margin-top:9px;padding:14px 13px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:15px;line-height:1.3;outline:none}#filters select:focus{border-color:var(--accent)}.check{display:flex!important;gap:12px;align-items:flex-start;text-transform:none!important;font-size:14px!important;padding:14px 0;margin:0!important;border-top:1px solid var(--line)}.check input{accent-color:var(--accent);width:18px;height:18px;margin-top:3px;flex:0 0 auto}.check span{display:flex;flex-direction:column}.check b{font-size:14px;color:var(--ink);font-weight:700}.check small{font-size:12px;color:var(--muted);line-height:1.48;margin-top:4px}#filters footer{display:flex;gap:10px;margin-top:29px}#filters footer button{flex:1;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--ink);padding:14px;cursor:pointer;font-size:14px}#filters footer button:last-child{background:var(--accent);color:var(--bg);font-weight:800}#about p{font-size:15px;line-height:1.75;color:#abb7b1}#about h3{font-size:14px;margin-top:30px}.muted{color:#728078!important;font-size:12px!important}#scrim{position:absolute;z-index:45;inset:0;background:#0006;opacity:0;pointer-events:none}#scrim.open{opacity:1;pointer-events:auto}
@media(max-width:1160px){.top{grid-template-columns:205px 268px minmax(230px,1fr) auto;gap:9px}.product-switch{width:268px}.brand-copy small{display:none}nav button{padding:10px}}
@media(max-width:900px){.top{grid-template-columns:auto 252px 1fr auto;padding:0 10px;gap:8px}.brand-copy{display:none}.product-switch{width:252px}.search input{font-size:13px}nav button{font-size:0;width:42px;height:42px;padding:0}nav button:before{font-size:16px}#globalBtn:before{content:'◎'}#filterBtn:before{content:'☷'}#aboutBtn:before{content:'i'}.stats{left:10px;top:10px}.legend{right:10px;bottom:10px;width:270px;padding:13px}.legend-items{grid-template-columns:1fr;grid-auto-rows:45px}.legend-item{height:45px;grid-template-rows:18px 24px}.legend-note{display:none}.controls{left:10px;bottom:10px}#drawer{top:auto;height:min(75vh,710px);width:100%;border-radius:18px 18px 0 0;border-left:0;border-top:1px solid var(--line);transform:translateY(104%)}#drawer.open{transform:none}.countryHead h1{font-size:35px}.source p{font-size:14px}}
@media(max-width:650px){.top{height:64px;grid-template-columns:40px 222px 1fr auto}.map{inset:64px 0 0}.brand-badge{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:20px}.product-switch{width:222px;height:38px}.product-switch a{height:30px;font-size:11px}.search{height:40px}.search>span{display:none}.search input{padding:0 4px}.stats span:nth-of-type(3),.stats b:nth-of-type(3),.stats i:nth-of-type(2){display:none}.legend{width:210px}.legend header small,.legend-item small{display:none}.legend-items{grid-auto-rows:28px}.legend-item{height:28px;grid-template-rows:20px;align-items:center}.legend-item i{grid-row:1}.legend-item b{line-height:20px}.metrics b{font-size:18px}.metrics span{font-size:8px}.detailGrid{grid-template-columns:1fr}.detailGrid div:nth-child(odd){border-right:0;padding-right:0}.detailGrid div:nth-child(even){padding-left:0}}


/* ===== Unified responsive shell v-mobile ===== */
html,body{overscroll-behavior:none}
.legend header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.legend-toggle{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0}
.legend-toggle:hover{color:var(--ink);border-color:color-mix(in srgb,var(--line) 65%,var(--accent))}
.legend.collapsed{width:270px}
.legend.collapsed .legend-items,.legend.collapsed .legend-note{display:none}
.legend.collapsed header small{margin-top:2px}
#drawer,#filters,#about{max-width:100vw;overflow-x:hidden;overscroll-behavior:contain;will-change:transform}
.countryHead h1,.source h3,.source p,.detail h1,.detail>p,.detailGrid b{overflow-wrap:anywhere}

@media(max-width:900px){
  :root{--mobile-header:108px}
  html,body,.app{position:fixed;inset:0;width:100%;max-width:100vw;height:100%;height:100dvh;overflow:hidden}
  .top{height:var(--mobile-header);grid-template-columns:38px minmax(136px,1fr) auto;grid-template-rows:46px 44px;align-content:center;padding:8px 10px 7px;gap:4px 8px}
  .brand{grid-column:1;grid-row:1;width:38px;min-width:38px;padding:0;justify-content:center}
  .brand-copy{display:none!important}
  .brand-badge{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;font-size:20px!important;border-radius:8px}
  .product-switch{grid-column:2;grid-row:1;width:min(246px,100%)!important;height:38px!important;justify-self:start;padding:3px}
  .product-switch a{height:30px!important;font-size:11px!important;font-weight:700!important}
  .search{grid-column:1/-1;grid-row:2;width:100%;height:42px;min-width:0;z-index:80}
  .search input{font-size:14px!important;padding:0 7px!important;min-width:0}
  .search>span{display:block!important;font-size:19px}
  .search>div{position:fixed;left:10px;right:10px;top:101px;max-height:calc(100dvh - 116px);z-index:100}
  nav{grid-column:3;grid-row:1;justify-self:end;gap:4px}
  nav button{width:34px!important;height:34px!important;padding:0!important;border-radius:9px;font-size:0!important}
  nav button:before{font-size:15px!important}
  .map{inset:var(--mobile-header) 0 0;min-width:0;max-width:100vw;overflow:hidden}
  #world{width:100%;height:100%;max-width:100vw;touch-action:none}
  #tip{display:none!important}
  .stats{top:10px;left:10px;height:38px;max-width:calc(100vw - 20px);padding:0 11px;gap:6px;font-size:10px;white-space:nowrap}
  .stats b{font-size:12px}
  .stats span:nth-of-type(3),.stats b:nth-of-type(3),.stats i:nth-of-type(2){display:none}
  .controls{left:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:8}
  .controls button{width:40px;height:39px;padding:0}
  .legend{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:min(310px,calc(100vw - 70px));max-height:calc(100dvh - var(--mobile-header) - 70px);overflow:auto;padding:13px;z-index:9}
  .legend.collapsed{width:auto;min-width:205px;max-width:calc(100vw - 70px);overflow:hidden}
  .legend.collapsed header small{display:none}
  .legend-items{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:9px!important;margin-top:12px!important}
  .legend-item{height:auto!important;min-height:38px;grid-template-rows:17px auto!important}
  .legend-item b{font-size:12px!important;line-height:17px!important}
  .legend-item small{font-size:9px!important;line-height:1.25!important}
  .legend-note{font-size:9px!important}
  #drawer{position:fixed;z-index:60;inset:auto 0 0 0;top:auto!important;right:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:min(78dvh,720px)!important;max-height:calc(100dvh - 64px);transform:translate3d(0,105%,0)!important;border-left:0!important;border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -24px 70px #0008;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch}
  #drawer.open{transform:translate3d(0,0,0)!important}
  #filters,#about{position:fixed;z-index:70;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:100%;height:100dvh;transform:translate3d(105%,0,0)!important;border-left:0!important;padding:calc(22px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));box-shadow:none;-webkit-overflow-scrolling:touch}
  #filters.open,#about.open{transform:translate3d(0,0,0)!important}
  #scrim{position:fixed;z-index:55;inset:0}
  .close{position:sticky;float:right;top:12px;right:12px;margin:0 0 -38px 0}
  .countryHead{padding:30px 22px 20px}
  .countryHead h1{font-size:34px!important;margin-right:45px}
  .coverage{font-size:12px}
  .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .metrics div{padding:14px 3px}
  .metrics b{font-size:18px!important}
  .metrics span{font-size:8px!important}
  .scoreNote{padding:14px 21px;font-size:12px}
  .sourceList{padding:10px 12px 28px}
  .source{padding:16px 13px}
  .source h3{font-size:16px!important;padding-right:0}
  .source p{font-size:13px!important;line-height:1.55}
  .score{float:none;display:inline-block;margin-bottom:8px}
  .detail{padding:29px 22px calc(30px + env(safe-area-inset-bottom))}
  .detail h1{font-size:30px!important;margin-right:35px}
  .detail>p{font-size:14px!important}
  .detailGrid{grid-template-columns:1fr 1fr}
  #filters h2,#about h2{font-size:30px;margin-top:8px}
  #filters label{font-size:12px;margin:16px 0}
  #filters select{font-size:16px;padding:14px 12px}
  .check b{font-size:14px}.check small{font-size:12px}
}

@media(max-width:520px){
  :root{--mobile-header:104px}
  .top{grid-template-columns:36px minmax(124px,1fr) auto;grid-template-rows:44px 42px;padding:7px 8px 6px;gap:4px 6px}
  .brand{width:36px;min-width:36px}.brand-badge{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;font-size:19px!important}
  .product-switch{width:min(220px,100%)!important;height:36px!important}.product-switch a{height:28px!important;font-size:10.5px!important}
  nav button{width:32px!important;height:32px!important}
  .search{height:40px}.search>div{top:97px;left:8px;right:8px}
  .stats{top:8px;left:8px;height:36px;max-width:calc(100vw - 16px)}
  .controls{left:8px;bottom:max(8px,env(safe-area-inset-bottom))}.controls button{width:38px;height:37px}
  .legend{right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 58px);max-height:55dvh;padding:12px}
  .legend.collapsed{min-width:190px;max-width:calc(100vw - 58px)}
  .legend header b{font-size:13px}.legend header small{font-size:9px}.legend-toggle{width:28px;height:28px}
  .countryHead{padding:26px 18px 18px}.countryHead h1{font-size:30px!important}
  .metrics span{font-size:7px!important}.metrics b{font-size:17px!important}
  .sourceList{padding-left:8px;padding-right:8px}.source{padding:15px 11px}
  .detail{padding-left:18px;padding-right:18px}.detailGrid{grid-template-columns:1fr}.detailGrid div:nth-child(odd){border-right:0!important;padding-right:0!important}.detailGrid div:nth-child(even){padding-left:0!important}
}

.groupTitle{display:flex;align-items:center;justify-content:space-between;padding:19px 16px 8px;color:var(--ink);font-size:13px;border-top:1px solid var(--line)}.groupTitle:first-child{border-top:0}.groupTitle small{color:var(--accent);font-size:11px}.statusPill{display:inline-flex;padding:5px 7px;border-radius:999px;border:1px solid var(--line);font-size:9px;line-height:1;color:var(--muted);white-space:nowrap}.statusPill.verified_active{color:#d8ffd8;border-color:#4d8257;background:#18341e}.statusPill.likely_active{color:#fff0b6;border-color:#76653a;background:#332a14}.statusPill.needs_manual_review{color:#ffd3bd;border-color:#7a503c;background:#352018}.contactMissing{display:inline-block;margin-top:12px;color:#d7ad72;font-size:11px;line-height:1.4}.detailWarning{margin-top:18px;padding:13px 14px;border:1px solid #795743;border-radius:10px;background:#2c1b18;color:#f0c4ac;font-size:12px;line-height:1.5}.channelLinks{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.channelLinks a{display:inline-flex;border:1px solid var(--line);border-radius:8px;padding:8px 9px;color:var(--muted);font-size:10px;text-decoration:none}.channelLinks a:hover{color:var(--accent)}
@media(max-width:900px){.top{grid-template-columns:38px minmax(220px,1fr) auto}.product-switch{width:min(246px,100%)!important}.product-switch a{font-size:10.5px!important}}
@media(max-width:520px){.top{grid-template-columns:36px minmax(202px,1fr) auto}.product-switch{width:min(220px,100%)!important}.product-switch a{font-size:9.7px!important}}
