/* Desktop uses the same navigation, cards and colors as the mobile surface. */
.desktop-sidebar{display:none}
/* Browsing controls belong to the Discover page in both navigation layouts. */
#drawer-navigation .nav-submenu{margin:8px 0 0 23px;padding-left:10px;border-left:1px solid var(--line)}
#drawer-navigation .nav-submenu .nav-section-label{margin:12px 10px 6px;font-size:12px}
#drawer-navigation .nav-submenu .nav-row{min-height:44px;padding:10px;gap:9px;font-size:14px;border-radius:10px}
#drawer-navigation .nav-submenu .nav-row svg{width:18px;height:18px}
@media(min-width:1024px){
  :root{--sidebar-width:240px;--desktop-inset:16px}
  html,body{background:#000}
  .header-inner{max-width:none;padding-inline:32px}
  .menu-toggle{display:none}
  .desktop-sidebar{display:block;position:fixed;left:var(--desktop-inset);top:calc(var(--header-height) + env(safe-area-inset-top));bottom:var(--desktop-inset);width:var(--sidebar-width);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--bg)}
  .desktop-sidebar .drawer-panel{width:100%;height:100%;border:0;padding:10px 0 18px;scrollbar-width:thin}
  .desktop-sidebar .drawer-heading{display:none}
  .desktop-sidebar #drawer-navigation{padding:8px 10px}
  .desktop-sidebar .nav-row{gap:11px;padding:13px 12px;min-height:50px;font-size:15px;border-radius:12px}
  .desktop-sidebar .nav-row svg{width:21px;height:21px}
  .desktop-sidebar .nav-section-label{margin:26px 12px 9px;font-size:13px}
  .desktop-sidebar .nav-value{font-size:13px}
  .desktop-sidebar .nav-row:hover{border-color:var(--line)}
  .desktop-sidebar .nav-row[aria-pressed=true][data-nav-sort]{background:var(--button);color:var(--button-ink);border-color:var(--button)}
  .desktop-sidebar .nav-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
  .content-shell{left:calc(var(--sidebar-width) + 2 * var(--desktop-inset));right:var(--desktop-inset);max-width:none;margin:0;height:calc(var(--visual-height,100dvh) - var(--header-height) - env(safe-area-inset-top) - var(--desktop-inset));border-radius:28px}
  .content-shell main{max-width:none;padding:24px;min-height:calc(100dvh - var(--header-height) - 162px)}
  .intro{margin-bottom:26px}
  .intro h1{font-size:34px;max-width:none}
  #search-form{max-width:none}
  .catalog-controls{margin-block:14px 30px}
  .sort-tabs{flex:0 1 240px}
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
  .results-heading{margin-bottom:18px}
  .opportunity{border-radius:14px}
  .opportunity-gap{padding:8px 10px}
  .opportunity .reference-value{font-size:23px}
  .opportunity .gap-action{font-size:13px;gap:4px;min-height:38px}
  .opportunity .source-switcher{padding:6px 8px;gap:6px}
  .opportunity .source-chip{min-height:36px;padding:5px 6px;gap:4px;font-size:12px}
  .opportunity .source-chip .platform-logo{width:20px;height:20px}
  .opportunity .source-options{gap:4px}
  .market-card{padding:8px 9px 10px}
  .platform-line{min-height:24px;margin-bottom:6px}
  .platform-line .platform-logo{width:24px;height:24px}
  .opportunity .market-photo{aspect-ratio:1.15;max-height:170px}
  .market-copy{padding-top:7px}
  .market-copy h3{font-size:14px;line-height:1.35;height:38px;margin-bottom:6px}
  .opportunity .market-price strong{font-size:25px}
  .source-chip:not(:disabled):hover{border-color:var(--ink)}
  .site-footer{max-width:none;margin-inline:24px;padding-inline:0}
  .detail-view{max-width:1000px;margin-inline:auto}
  .product-detail-heading h1{font-size:36px}
  .detail-main-image{height:300px;aspect-ratio:auto}
  .detail-view>.source-switcher{padding:12px 20px;gap:20px}
  .detail-view .source-chip{min-width:104px}
  .detail-view .calc-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .calculator .primary-button{width:auto;min-width:200px}
  .global-search-inner{max-width:1000px;padding:32px 32px 0}
  .global-search-categories{padding-block:20px}
  .global-search-result{padding:14px 12px;min-height:80px}
  .global-search-result:hover{outline:1px solid var(--line);outline-offset:-1px}
  :root[data-theme=dark] .desktop-sidebar{border-color:#3a3a3a}
}
@media(min-width:1200px){
  .catalog-controls{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}
  .catalog-controls .sort-tabs{min-width:0}
  .catalog-controls .clear-filters{grid-column:1/-1}
}