/* Both catalog views share the same register, selection and checkout behavior. */
.catalog-display-choice{display:inline-flex;flex:none;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.catalog-display-choice button{min-height:29px;padding:6px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;font-weight:850;line-height:1.15;white-space:nowrap;box-shadow:none}
.catalog-display-choice button[aria-pressed="true"]{border-color:var(--teal-dark);background:var(--teal-dark);color:var(--panel);box-shadow:0 1px 3px #123b2320}
.catalog-display-choice button:hover{filter:none;background:color-mix(in srgb,var(--teal) 12%,var(--panel));color:var(--ink)}
.catalog-display-choice button[aria-pressed="true"]:hover{background:var(--teal-dark);color:var(--panel)}
.catalog-display-choice button:focus-visible,.utility-controls button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.catalog-display-choice button:disabled,.utility-controls button:disabled{cursor:wait;opacity:.65}
.utility-suite .utility-controls button{color:#fff}
#department-browser-screen .browse-screen-heading{gap:10px}
#department-browser-screen .browse-screen-heading>small{display:none}
.catalog-silhouette{display:flex;align-items:center;justify-content:center;flex:none;pointer-events:none}
.catalog-silhouette svg{display:block;width:100%;height:100%;fill:currentColor}
.catalog-silhouette .silhouette-cutout{fill:var(--silhouette-paper,var(--panel))}
.catalog-silhouette .silhouette-line{fill:none;stroke:var(--silhouette-paper,var(--panel));stroke-width:4;stroke-linecap:round}
html[data-catalog-view="silhouette"] #view-pos #department-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));grid-template-rows:none;grid-auto-rows:124px;align-content:start;gap:10px;overflow-x:hidden!important;overflow-y:auto!important;padding:3px}
html[data-catalog-view="silhouette"] #view-pos #department-buttons .catalog-visual-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:124px!important;height:124px!important;max-height:124px;padding:12px!important;border:1px solid var(--line);border-top:4px solid var(--department-color);border-radius:12px;background:var(--panel);color:var(--ink);font-size:12px;line-height:1.2;text-align:center;text-shadow:none;box-shadow:0 3px 9px #14342b0c}
html[data-catalog-view="silhouette"] #department-buttons .catalog-silhouette{width:49px;height:49px;color:var(--department-color,var(--teal-dark))}
html[data-catalog-view="silhouette"] #view-pos #department-buttons .catalog-visual-tile:hover{border-color:var(--department-color);background:color-mix(in srgb,var(--department-color) 7%,var(--panel));filter:none}
html[data-catalog-view="silhouette"] #view-pos .product-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));grid-auto-rows:158px}
html[data-catalog-view="silhouette"] #view-pos .product-card.catalog-visual-tile{display:flex;flex-direction:column;align-items:stretch;min-height:158px!important;height:158px!important;padding:9px 10px!important;gap:3px!important;border-left-width:1px!important;border-top:3px solid var(--category-color);border-radius:11px}
html[data-catalog-view="silhouette"] #product-results .catalog-silhouette{width:100%;height:57px;margin-bottom:4px;color:var(--teal-dark)}
html[data-catalog-view="silhouette"] #product-results .catalog-silhouette svg{width:54px;height:54px}
html[data-catalog-view="silhouette"] #view-pos .product-card-name{min-height:26px!important;text-align:center;line-height:1.2}
html[data-catalog-view="silhouette"] #product-results .product-card-brand{text-align:center}
html[data-catalog-view="silhouette"] #product-results .product-card-meta{margin-top:auto}
html[data-catalog-view="silhouette"] #view-pos #category-buttons .catalog-visual-tile{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px}
html[data-catalog-view="silhouette"] #category-buttons .catalog-silhouette{width:22px;height:22px;--silhouette-paper:var(--category-color,var(--panel))}
html[data-theme="dark"] .catalog-display-choice button[aria-pressed="true"]{color:#102c22}
html[data-theme="dark"][data-catalog-view="silhouette"] #department-buttons .catalog-silhouette{color:color-mix(in srgb,var(--department-color,var(--teal)) 65%,#fff)}
@media(max-width:1000px){
  #department-browser-screen .browse-screen-heading strong{font-size:15px}
  .catalog-display-choice button{padding:6px 7px;font-size:9px}
}
@media(max-width:700px){
  #department-browser-screen .browse-screen-heading{align-items:center}
  #department-browser-screen .browse-screen-heading strong{font-size:13px}
  #department-browser-screen .browse-screen-heading .eyebrow{font-size:8px}
  #product-browser-screen .browse-back-row{gap:6px}
  .catalog-display-choice button{min-height:32px;padding:7px 8px;font-size:10px}
  html[data-catalog-view="silhouette"] #view-pos #department-buttons{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:8px}
  html[data-catalog-view="silhouette"] #view-pos #department-buttons .catalog-visual-tile{min-height:112px!important;height:112px!important;max-height:112px}
  html[data-catalog-view="silhouette"] #view-pos .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:158px}
}
@media print{.catalog-display-choice{display:none!important}}