/* Mana Source MTG v6.3.11 — Singles filter rail polish.
   This file is loaded only by singles.html. No shared site styles are changed. */

/* Keep the complete desktop Singles workspace safely below the fixed header.
   The extra gap intentionally uses the previously empty lower viewport space
   instead of letting the rails/gallery borders visually collide with header. */
:root{--singles-header-gap:34px;--singles-workspace-nudge:14px}
.fixed-catalog .catalog-shell,
.fixed-catalog.chrome-hidden .catalog-shell{
  height:calc(100dvh - var(--site-header-h) - var(--singles-header-gap))!important;
  max-height:calc(100dvh - var(--site-header-h) - var(--singles-header-gap))!important;
  margin-top:calc(var(--site-header-h) + var(--singles-header-gap))!important;
  padding-top:0!important;
}

.view-settings-title,
.view-setting-group>span,
.sort-control>span{
  color:#9ca5b1;
  font-size:10px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.sort-control,.view-setting-group{display:grid;gap:6px}
.sort-control select{width:100%}

/* ---------------- Wide desktop ---------------- */
@media (min-width:1180px){
  .fixed-catalog .catalog-body{
    display:grid!important;
    grid-template-columns:216px minmax(0,1fr) 188px!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:8px!important;
    height:calc(100% - var(--singles-workspace-nudge))!important;
    min-height:0!important;
    margin-top:var(--singles-workspace-nudge)!important;
    box-sizing:border-box!important;
    /* Keep the entire Singles workspace visibly below the fixed header.
       This deliberately uses some of the unused lower viewport instead of
       allowing the first card row / view controls to sit beneath the header. */
    padding:24px 8px 8px!important;
    border-top:1px solid #20262e!important;
    background:#080b0f!important;
  }

  .fixed-catalog .catalog-main,
  .fixed-catalog .catalog-toolbar{display:contents!important}

  /* Search occupies the top of the filter rail. The old listing/page status is
     intentionally hidden so the rail is used for controls, not bookkeeping. */
  .fixed-catalog .catalog-toolbar-left{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    z-index:4!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    margin:10px 10px 0!important;
    padding:0!important;
    display:block!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .fixed-catalog .catalog-toolbar-left .mobile-filter-btn,
  .fixed-catalog .catalog-toolbar-left .results-count,
  .fixed-catalog .catalog-toolbar-left .active-filter-text{display:none!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search,
  .fixed-catalog .catalog-toolbar-left .toolbar-search input{width:100%!important;min-width:0!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search input{height:38px!important;min-height:38px!important}

  .fixed-catalog .filter-sidebar{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    z-index:4!important;
    inset:auto!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    transform:none!important;
    overflow:hidden!important;
    padding:57px 10px 8px!important;
    border:1px solid #262d36!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#10141a,#0b0f14)!important;
    box-shadow:none!important;
  }
  .fixed-catalog .filter-sidebar [data-close-filters]{display:none!important}
  .fixed-catalog .sidebar-head{margin-bottom:6px!important}
  .fixed-catalog .sidebar-head h3{font-size:18px!important;line-height:1.05!important}
  .fixed-catalog .advanced-filter-stack{gap:5px!important}
  .fixed-catalog .compact-filter{gap:2px!important}
  .fixed-catalog .compact-filter>span,
  .fixed-catalog .price-range-grid .compact-filter>span{font-size:8.5px!important}
  .fixed-catalog .filter-sidebar .compact-filter input,
  .fixed-catalog .filter-sidebar .compact-filter select{
    min-height:33px!important;
    height:33px!important;
    padding:6px 8px!important;
    font-size:10px!important;
  }
  .fixed-catalog .mana-color-grid{gap:5px!important;margin-top:2px!important}
  .fixed-catalog .mana-color-toggle{
    min-width:28px!important;min-height:28px!important;width:28px!important;height:28px!important;
    font-size:10px!important;
  }
  .fixed-catalog .check-row{min-height:25px!important;margin-top:1px!important}
  .fixed-catalog .compact-filter-help{font-size:7px!important;line-height:1.18!important}
  .fixed-catalog .price-range-grid{gap:6px!important}
  .fixed-catalog .sidebar-disclaimer{display:none!important}

  /* View controls: compact, fully inside the usable viewport, never under header. */
  .fixed-catalog .catalog-toolbar-right{
    grid-column:3!important;
    grid-row:1!important;
    position:static!important;
    align-self:start!important;
    min-width:0!important;
    width:auto!important;
    margin-top:0!important;
    padding:12px 10px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    overflow:visible!important;
    border:1px solid #262d36!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#11151b,#0c1015)!important;
    box-shadow:none!important;
  }
  .view-settings-title{display:none!important}
  .fixed-catalog .cards-per-page-control{
    width:100%!important;height:auto!important;display:grid!important;gap:5px!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  .fixed-catalog .cards-per-page-control span{display:block!important;font-size:9px!important}
  .fixed-catalog .cards-per-page-control select,
  .fixed-catalog .sort-control select{
    width:100%!important;max-width:none!important;min-width:0!important;
    min-height:39px!important;height:39px!important;
    border:1px solid #323a45!important;border-radius:9px!important;
    background:#161b22!important;color:#f0f2f5!important;
    padding:0 9px!important;font-size:11px!important;
  }
  .fixed-catalog .catalog-page-nav{
    width:100%!important;min-width:0!important;height:39px!important;
    justify-content:space-between!important;padding:3px 5px!important;
  }
  .fixed-catalog .catalog-page-nav span{flex:1;text-align:center;font-size:9px!important;white-space:nowrap!important}

  /* Center gallery uses virtually all remaining width. */
  .fixed-catalog .card-scroll{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    border:1px solid #242b34!important;
    border-radius:14px!important;
    background:#090c10!important;
  }
  .fixed-catalog .catalog-pages{height:100%!important;min-height:100%!important}
  .fixed-catalog .catalog-page{
    min-height:100%!important;height:100%!important;
    padding:5px!important;overflow:hidden!important;
    display:grid!important;place-items:center!important;
  }
  .fixed-catalog .catalog-page-grid{
    width:max-content!important;height:max-content!important;
    max-width:100%!important;max-height:100%!important;
    grid-template-columns:repeat(var(--page-cols),var(--fitted-card-width))!important;
    grid-template-rows:repeat(var(--page-rows),var(--fitted-card-height))!important;
    gap:var(--page-gap,8px)!important;
    place-content:center!important;place-items:stretch!important;
    padding:var(--binder-pad,10px)!important;
    margin:auto!important;
    border-radius:15px!important;
    overflow:visible!important;
  }

  .fixed-catalog .catalog-page-grid[data-grid-view] .product-card.binder-card{
    position:relative!important;display:block!important;
    width:var(--fitted-card-width)!important;max-width:var(--fitted-card-width)!important;
    height:var(--fitted-card-height)!important;max-height:var(--fitted-card-height)!important;
    min-height:0!important;align-self:center!important;padding:0!important;
    border-radius:11px!important;overflow:visible!important;
  }
  .fixed-catalog .catalog-page-grid[data-grid-view] .binder-card .product-image-wrap{
    position:absolute!important;top:0!important;right:0!important;
    bottom:var(--binder-status-h,32px)!important;left:0!important;
    width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:auto!important;
  }
  .fixed-catalog .catalog-page-grid[data-grid-view] .binder-card .product-image-wrap>img,
  .fixed-catalog .catalog-page-grid[data-grid-view] .binder-card .card-flip-face img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  .fixed-catalog .catalog-page-grid[data-grid-view] .binder-card-status{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;
    width:auto!important;height:var(--binder-status-h,32px)!important;min-height:0!important;
    padding:0 6px!important;
  }


  /* v6.3.24 — keep the compact grid, but never shrink the customer-facing
     price/cart controls into unreadable micro-text. */
  .fixed-catalog .catalog-page-grid[data-grid-view="10"] .binder-card-status,
  .fixed-catalog .catalog-page-grid[data-grid-view="12"] .binder-card-status{padding:0 7px!important;gap:5px!important}
  .fixed-catalog .catalog-page-grid[data-grid-view="10"] .binder-card-status strong,
  .fixed-catalog .catalog-page-grid[data-grid-view="12"] .binder-card-status strong{font-size:13px!important;line-height:1!important;font-weight:950!important}
  .fixed-catalog .catalog-page-grid[data-grid-view="10"] .binder-card-action,
  .fixed-catalog .catalog-page-grid[data-grid-view="12"] .binder-card-action{min-height:27px!important;padding:5px 7px!important;border-radius:7px!important;font-size:8px!important}

  /* Keep every desktop layer inside the header-safe viewport. */
  .fixed-catalog .catalog-body,
  .fixed-catalog .filter-sidebar,
  .fixed-catalog .card-scroll,
  .fixed-catalog .catalog-toolbar-right,
  .fixed-catalog .catalog-page,
  .fixed-catalog .catalog-page-grid{box-sizing:border-box!important}
}

/* ---------------- iPad / tablet ---------------- */
@media (max-width:1179px){:root{--singles-header-gap:0px;--singles-workspace-nudge:0px}}
@media (min-width:621px) and (max-width:1179px){
  .view-settings-title,.view-setting-group>span,.sort-control>span{display:none!important}
  .catalog-toolbar{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important}
  .catalog-toolbar-left{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;flex:1!important}
  .catalog-toolbar-right{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
  .cards-per-page-control{height:37px!important;padding:3px 6px!important}
  .sort-control{display:block!important}
  .sort-control select{height:37px!important;max-width:145px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel)!important;color:var(--text)!important;padding:0 9px!important;font-size:10px!important}
  .view-setting-group{display:block!important}
  .catalog-page{height:auto!important;min-height:100%!important;overflow:auto!important;align-content:start!important}
  .catalog-page-grid{max-height:none!important;overflow:visible!important;align-self:start!important;margin:0 auto!important}
}

/* ---------------- Mobile phone ---------------- */
@media (max-width:620px){
  .view-settings-title,.view-setting-group>span,.sort-control>span{display:none!important}
  .catalog-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:7px!important}
  .catalog-toolbar-left{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:6px!important;width:100%!important}
  .catalog-toolbar-left .mobile-filter-btn{grid-column:1!important;grid-row:1!important}
  .catalog-toolbar-left .toolbar-search{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important}
  .catalog-toolbar-left .results-count{grid-column:1/-1!important;grid-row:2!important;max-width:none!important;font-size:10px!important}
  .catalog-toolbar-left .active-filter-text{display:none!important}
  .catalog-toolbar-right{width:100%!important;display:grid!important;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important}
  .cards-per-page-control{width:64px!important;height:38px!important;padding:3px!important}
  .cards-per-page-control select{width:100%!important;min-width:0!important}
  .view-setting-group{display:block!important;min-width:0!important}
  .catalog-page-nav{width:100%!important;min-width:0!important;height:38px!important}
  .sort-control{display:block!important;min-width:0!important}
  .sort-control select{width:100%!important;height:38px!important;max-width:none!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel)!important;color:var(--text)!important;padding:0 6px!important;font-size:9.5px!important}
  .catalog-page{height:auto!important;min-height:100%!important;overflow:visible!important;align-content:start!important}
  .catalog-page-grid{max-height:none!important;overflow:visible!important;align-self:start!important;margin:0 auto!important}
  .catalog-page-grid[data-grid-view="10"] .binder-card-status,
  .catalog-page-grid[data-grid-view="12"] .binder-card-status{padding:0 5px!important}
  .catalog-page-grid[data-grid-view="10"] .binder-card-status strong,
  .catalog-page-grid[data-grid-view="12"] .binder-card-status strong{font-size:7px!important}
  .catalog-page-grid[data-grid-view="10"] .binder-card-status span,
  .catalog-page-grid[data-grid-view="12"] .binder-card-status span{font-size:5px!important}
}

/* v6.3.10 — desktop Singles viewport anchoring.
   Anchor the whole workspace between the fixed header and viewport bottom.
   This replaces margin/height arithmetic that could leave a large dead area
   below the workspace on some desktop browser viewport calculations. */
@media (min-width:1180px){
  .fixed-catalog .catalog-shell,
  .fixed-catalog.chrome-hidden .catalog-shell{
    position:fixed!important;
    top:calc(var(--site-header-h) + 16px)!important;
    right:0!important;
    bottom:12px!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .fixed-catalog .catalog-body{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 8px 0!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
  }

  .fixed-catalog .filter-sidebar,
  .fixed-catalog .card-scroll{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
  }

  .fixed-catalog .catalog-toolbar-right{
    margin-top:0!important;
    align-self:start!important;
  }
}


/* v6.3.11 — desktop filter rail polish only.
   Keep the full-height workspace and card gallery untouched. The left rail now
   uses its reserved top area for Search instead of showing a large blank block,
   and filter spacing/price fields are visually balanced. */
@media (min-width:1180px){
  .fixed-catalog .catalog-body{position:relative!important}

  /* Put Search visibly inside the top of the left rail. */
  .fixed-catalog .catalog-toolbar-left{
    position:absolute!important;
    top:12px!important;
    left:18px!important;
    width:196px!important;
    margin:0!important;
    padding:0!important;
    z-index:8!important;
    display:block!important;
    pointer-events:auto!important;
  }
  .fixed-catalog .catalog-toolbar-left .mobile-filter-btn,
  .fixed-catalog .catalog-toolbar-left .results-count,
  .fixed-catalog .catalog-toolbar-left .active-filter-text{display:none!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search input{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    font-size:10px!important;
    border-radius:9px!important;
  }

  /* Compact, top-aligned filter content. */
  .fixed-catalog .filter-sidebar{
    padding:61px 12px 14px!important;
    overflow:hidden!important;
  }
  .fixed-catalog .sidebar-head{
    align-items:flex-start!important;
    margin-bottom:9px!important;
  }
  .fixed-catalog .sidebar-head .eyebrow{font-size:8px!important;letter-spacing:.14em!important}
  .fixed-catalog .sidebar-head h3{
    margin:3px 0 0!important;
    font-size:21px!important;
    line-height:1!important;
  }
  .fixed-catalog .clear-filters{
    padding:2px 0!important;
    font-size:9px!important;
  }
  .fixed-catalog .advanced-filter-stack{gap:7px!important}
  .fixed-catalog .compact-filter{gap:4px!important}
  .fixed-catalog .compact-filter>span,
  .fixed-catalog .price-range-grid .compact-filter>span{
    font-size:8.5px!important;
    line-height:1.2!important;
    letter-spacing:.055em!important;
  }
  .fixed-catalog .filter-sidebar .compact-filter input,
  .fixed-catalog .filter-sidebar .compact-filter select{
    height:35px!important;
    min-height:35px!important;
    padding:6px 9px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }
  .fixed-catalog .mana-color-grid{
    gap:5px!important;
    margin:1px 0 0!important;
  }
  .fixed-catalog .mana-color-toggle{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    font-size:10px!important;
  }
  .fixed-catalog .check-row{
    min-height:26px!important;
    margin:0!important;
    gap:7px!important;
  }
  .fixed-catalog .compact-filter-help{
    margin-top:0!important;
    font-size:7px!important;
    line-height:1.22!important;
  }
  .fixed-catalog .price-range-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    align-items:end!important;
  }
  .fixed-catalog .price-range-grid .compact-filter>span{
    display:flex!important;
    align-items:flex-end!important;
    min-height:20px!important;
  }
  .fixed-catalog .price-range-grid input{
    width:100%!important;
    min-width:0!important;
  }
}

/* v6.3.12 — align the desktop filter rail like the right-side view rail.
   The old desktop search overlay reserved 57px at the top of this panel even
   when it was not visible. Remove that dead zone so Browse / Find cards begins
   at the panel's top edge and any unused room remains only below the filters. */
@media (min-width:1180px){
  .fixed-catalog .catalog-toolbar-left{
    display:none!important;
  }
  .fixed-catalog .filter-sidebar{
    padding:12px 10px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .fixed-catalog .sidebar-head{
    margin-top:0!important;
    padding-top:0!important;
    flex:0 0 auto!important;
  }
  .fixed-catalog .advanced-filter-stack{
    flex:0 0 auto!important;
  }
}


/* v6.3.13 — Singles responsive-only hotfix.
   Desktop >=1180px is intentionally untouched.
   Phone exposes only 1/4 card views. Tablet/iPad uses one full-width catalog
   column with Filters as an off-canvas drawer, eliminating the stale reserved
   sidebar column that could push the catalog left and leave a black void. */
@media (min-width:621px) and (max-width:1179px){
  body.fixed-catalog{overflow:hidden!important}
  .fixed-catalog .catalog-shell,
  .fixed-catalog.chrome-hidden .catalog-shell{
    position:fixed!important;
    top:var(--site-header-h)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .fixed-catalog .catalog-body{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  .fixed-catalog .catalog-main{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .fixed-catalog .filter-sidebar{
    position:fixed!important;
    top:var(--site-header-h)!important;
    bottom:0!important;
    left:0!important;
    right:auto!important;
    width:min(360px,88vw)!important;
    height:auto!important;
    max-height:none!important;
    z-index:610!important;
    transform:translateX(-105%)!important;
    overflow-y:auto!important;
    border-radius:0 14px 14px 0!important;
    padding:22px 18px 30px!important;
    box-shadow:22px 0 60px rgba(0,0,0,.5)!important;
  }
  .fixed-catalog .filter-sidebar.open{transform:translateX(0)!important}
  .fixed-catalog .filter-sidebar [data-close-filters]{display:inline-grid!important}
  .fixed-catalog .catalog-toolbar{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    border-bottom:1px solid var(--line)!important;
    background:rgba(9,12,16,.98)!important;
    overflow:visible!important;
    z-index:20!important;
  }
  .fixed-catalog .catalog-toolbar-left{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .fixed-catalog .catalog-toolbar-left .mobile-filter-btn{display:inline-flex!important;flex:0 0 auto!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search{display:block!important;min-width:160px!important;flex:1 1 auto!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search input{width:100%!important;min-width:0!important;height:38px!important}
  .fixed-catalog .catalog-toolbar-left .results-count{max-width:150px!important;font-size:9px!important;white-space:nowrap!important}
  .fixed-catalog .catalog-toolbar-left .active-filter-text{display:none!important}
  .fixed-catalog .catalog-toolbar-right{
    position:static!important;
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .fixed-catalog .cards-per-page-control{width:auto!important;min-width:70px!important;height:38px!important;padding:3px 5px!important}
  .fixed-catalog .cards-per-page-control span{display:none!important}
  .fixed-catalog .cards-per-page-control select{height:32px!important;min-width:60px!important;width:64px!important}
  .fixed-catalog .view-setting-group{display:block!important;min-width:150px!important}
  .fixed-catalog .catalog-page-nav{width:100%!important;min-width:150px!important;height:38px!important}
  .fixed-catalog .sort-control{display:block!important;min-width:130px!important}
  .fixed-catalog .sort-control select{width:100%!important;max-width:150px!important;height:38px!important}
  .fixed-catalog .card-scroll{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:8px!important;
    overflow:auto!important;
    border:0!important;
    border-radius:0!important;
    background:#080b0f!important;
  }
  .fixed-catalog .catalog-pages,
  .fixed-catalog .catalog-page{width:100%!important;min-width:0!important;min-height:100%!important}
  .fixed-catalog .catalog-page{padding:8px!important;overflow:visible!important}
  .fixed-catalog .catalog-page-grid{max-width:100%!important;margin:0 auto!important}
}

/* iPad portrait / narrower tablet: toolbar gets two balanced rows instead of
   squeezing the search and view controls into a narrow left-aligned strip. */
@media (min-width:621px) and (max-width:900px){
  .fixed-catalog .catalog-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .fixed-catalog .catalog-toolbar-left,
  .fixed-catalog .catalog-toolbar-right{width:100%!important;max-width:none!important}
  .fixed-catalog .catalog-toolbar-right{display:grid!important;grid-template-columns:72px minmax(150px,1fr) minmax(135px,1fr)!important}
  .fixed-catalog .cards-per-page-control,
  .fixed-catalog .catalog-page-nav,
  .fixed-catalog .sort-control,
  .fixed-catalog .sort-control select{width:100%!important;max-width:none!important;min-width:0!important}
  .fixed-catalog .catalog-toolbar-left .results-count{max-width:none!important;flex:0 0 auto!important}
}

/* Phone: intentionally simple. Only 1 or 4 cards per page are available. */
@media (max-width:620px){
  .fixed-catalog .cards-per-page-control{width:64px!important}
  .fixed-catalog .catalog-page-grid[data-grid-view="1"]{grid-template-columns:1fr!important}
  .fixed-catalog .catalog-page-grid[data-grid-view="4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important}
}


/* v6.3.16 — keep inventory-only card search visibly inside the desktop filter rail.
   The search logic already exists; this only fixes its desktop placement. */
@media (min-width:1180px){
  .fixed-catalog .catalog-toolbar-left{
    display:block!important;
    position:relative!important;
    isolation:isolate!important;
    top:auto!important;left:auto!important;
    grid-column:1!important;grid-row:1!important;
    align-self:start!important;
    width:auto!important;min-width:0!important;
    margin:10px 10px 0!important;padding:0!important;
    z-index:20!important;pointer-events:auto!important;
  }
  .fixed-catalog .catalog-toolbar-left .mobile-filter-btn,
  .fixed-catalog .catalog-toolbar-left .results-count,
  .fixed-catalog .catalog-toolbar-left .active-filter-text{display:none!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search{display:block!important;width:100%!important;min-width:0!important;position:relative!important}
  .fixed-catalog .catalog-toolbar-left .toolbar-search input{width:100%!important;height:38px!important;min-height:38px!important;padding:0 12px 0 38px!important;font-size:10px!important;border-radius:9px!important;background-position:5px 7px,19px 22px!important}
  .fixed-catalog .catalog-toolbar-left .search-suggestions{position:absolute!important;top:calc(100% + 5px)!important;left:0!important;width:100%!important;max-height:330px!important;overflow:auto!important;z-index:60!important}
  .fixed-catalog .filter-sidebar{padding-top:58px!important}
}

/* v6.3.23 — fixed-slot filtered results.
   The selected 1 / 4 / 10 / 12 layout keeps its normal tracks even when a
   search returns fewer cards. Remaining tracks stay blank, preserving card
   size and preventing the filtered grid from widening or clipping. */


/* v6.4.1 — maximize the desktop Singles workspace again.
   Slot counts remain 1 / 4 / 10 / 12; this only gives the center gallery more room. */
@media (min-width:1180px){
  .fixed-catalog .catalog-body{grid-template-columns:196px minmax(0,1fr) 172px!important;gap:6px!important;padding-left:4px!important;padding-right:4px!important}
  .fixed-catalog .catalog-page{padding:2px!important}
  .fixed-catalog .catalog-page-grid{max-width:calc(100% - 2px)!important;max-height:calc(100% - 2px)!important}
}


/* v6.4.2 — maximize the visible binder workspace without changing 1/4/10/12 slots. */
@media (min-width:1180px){
  :root{--singles-header-gap:12px;--singles-workspace-nudge:4px}
  .fixed-catalog .catalog-body{padding-top:10px!important}
  .fixed-catalog .card-scroll{overflow:auto!important;scrollbar-gutter:stable both-edges}
  .fixed-catalog .catalog-page{height:auto!important;min-height:100%!important;place-items:start center!important;padding-top:4px!important}
  .fixed-catalog .catalog-page-grid{place-content:start center!important;margin:0 auto!important}
}


/* v6.4.45 — adaptive high-resolution Singles workspace.
   Scale side panels, header controls, card footers, and available gallery area
   with the viewport instead of leaving a 2560px desktop looking undersized. */
@media (min-width:1180px){
  .fixed-catalog{
    --desktop-shell-pad:clamp(14px,.72vw,20px);
    --desktop-side-panel:clamp(220px,10.25vw,280px);
  }
  .fixed-catalog .catalog-body{
    grid-template-columns:var(--desktop-side-panel) minmax(0,1fr) var(--desktop-side-panel)!important;
    gap:clamp(14px,.72vw,20px)!important;
    padding:var(--desktop-shell-pad)!important;
  }
  .fixed-catalog .catalog-toolbar-left{
    left:var(--desktop-shell-pad)!important;
    width:var(--desktop-side-panel)!important;
  }
  .fixed-catalog .catalog-toolbar-right{
    right:var(--desktop-shell-pad)!important;
    width:var(--desktop-side-panel)!important;
  }
}

@media (min-width:1800px){
  .fixed-catalog .filter-sidebar{
    padding-left:clamp(14px,.72vw,20px)!important;
    padding-right:clamp(14px,.72vw,20px)!important;
  }
  .fixed-catalog .filter-sidebar select,
  .fixed-catalog .filter-sidebar input,
  .fixed-catalog .catalog-toolbar-right select{
    min-height:clamp(40px,2.15vw,46px)!important;
    font-size:clamp(10px,.48vw,12px)!important;
  }
  .fixed-catalog .filter-sidebar .compact-filter>span,
  .fixed-catalog .view-settings-title,
  .fixed-catalog .view-setting-group>span,
  .fixed-catalog .cards-per-page-control>span,
  .fixed-catalog .sort-control>span{
    font-size:clamp(9px,.44vw,11px)!important;
  }
  .fixed-catalog .catalog-page-grid[data-grid-view="10"] .binder-card-status,
  .fixed-catalog .catalog-page-grid[data-grid-view="12"] .binder-card-status{
    padding:0 clamp(7px,.38vw,10px)!important;
    gap:clamp(5px,.3vw,8px)!important;
  }
  .fixed-catalog .catalog-page-grid[data-grid-view="10"] .binder-card-status strong,
  .fixed-catalog .catalog-page-grid[data-grid-view="12"] .binder-card-status strong{
    font-size:clamp(13px,.62vw,16px)!important;
  }
  .fixed-catalog .catalog-page-grid[data-grid-view="10"] .binder-card-action,
  .fixed-catalog .catalog-page-grid[data-grid-view="12"] .binder-card-action{
    min-height:clamp(28px,1.45vw,34px)!important;
    padding:5px clamp(7px,.42vw,11px)!important;
    font-size:clamp(8px,.4vw,10px)!important;
  }
}

@media (min-width:2000px){
  .fixed-catalog .smart-header{
    grid-template-columns:clamp(290px,13vw,340px) minmax(760px,1fr) clamp(205px,9vw,235px)!important;
    padding-left:clamp(24px,2.2vw,56px)!important;
    padding-right:clamp(24px,2.2vw,56px)!important;
  }
  .fixed-catalog .smart-header .brand{
    width:auto!important;
    min-width:0!important;
  }
  .fixed-catalog .smart-header .brand-mark{
    width:clamp(42px,2vw,50px)!important;
    height:clamp(42px,2vw,50px)!important;
  }
  .fixed-catalog .smart-header .brand-copy strong{font-size:clamp(16px,.78vw,19px)!important}
  .fixed-catalog .smart-header .brand-copy small{font-size:clamp(8px,.4vw,10px)!important}
  .fixed-catalog .smart-header .main-nav{
    grid-template-columns:repeat(6,minmax(90px,1fr))!important;
    max-width:840px!important;
    width:100%!important;
  }
  .fixed-catalog .smart-header .main-nav a{font-size:clamp(12px,.54vw,14px)!important}
}