/* Familiar shopping paths within the industrial showroom. */
.header-right { gap: 24px; }
.search-trigger { display:flex; align-items:center; gap:9px; padding:12px 4px; font-size:11px; min-height:44px; }
.search-trigger svg { transition:transform 320ms var(--ease-out); }
.collection-tools { display:flex; align-items:center; gap:22px; }
#collection-count { font-size:9px; color:#7a7a82; white-space:nowrap; }
.piece-navigation { display:flex; align-items:center; gap:24px; }
.product-breadcrumbs { font-size:10px; }
.product-breadcrumbs>div:first-child { align-items:center; }
.product-breadcrumbs [data-back-collection] { display:inline-flex; align-items:center; min-height:40px; }
.product-breadcrumbs .piece-navigation button { min-height:40px; font-size:10px; }
.piece-navigation button { white-space:nowrap; }
.bag-item h3 a { text-decoration:underline; text-decoration-color:#17171930; text-underline-offset:4px; }
.product-help-links { display:flex; gap:14px; flex-wrap:wrap; margin-top:14px; }
.product-help-links button { min-height:28px; padding:0; margin:0; font-size:8px; text-decoration:underline; text-underline-offset:4px; color:#777780; }

#search-dialog {
  width:700px;
  max-width:calc(100% - 40px);
  max-height:calc(100svh - 80px);
  height:min(760px, calc(100svh - 80px));
  padding:34px 36px 28px;
  border:1px solid #d0d0d7;
  border-radius:2px;
  background:#f5f5f6;
  color:#171719;
  box-shadow:0 24px 100px #0003;
  opacity:0;
  transform:translateY(12px);
  transition:opacity 220ms,transform 220ms var(--ease-out);
  overscroll-behavior:contain;
  overflow:hidden;
}
#search-dialog[open] { display:flex; flex-direction:column; }
#search-dialog > * { flex-shrink:0; }
#search-dialog.is-open { opacity:1; transform:none; }
#search-dialog::backdrop { background:#13131b00; backdrop-filter:blur(0); transition:background-color 220ms,backdrop-filter 220ms; }
#search-dialog.is-open::backdrop { background:#13131b70; backdrop-filter:blur(8px); }
.search-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
#search-dialog .kicker { color:#777780; font-size:8px; }
#search-dialog h2 { font-size:34px; line-height:1.15; letter-spacing:-1.5px; margin:14px 0 25px; }
.search-close,.search-clear { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; padding:0; font-size:24px; border:1px solid #aaaab44d; border-radius:50%; transition:background-color 250ms,color 250ms; }
.search-form label { display:block; font-size:10px; color:#74747d; margin-bottom:11px; }
.search-input-wrap { display:flex; align-items:center; gap:15px; min-height:58px; border-bottom:1px solid #777780; }
.search-input-wrap:focus-within { border-bottom-color:#171719; box-shadow:0 1px 0 #171719; }
#apparel-search { width:100%; min-width:0; border:0; background:transparent; color:#171719; font-size:19px; letter-spacing:-.4px; padding:14px 0; outline:none; }
#apparel-search::placeholder { color:#a0a0a8; }
#apparel-search::-webkit-search-cancel-button { display:none; }
.search-clear { border:0; width:32px; height:32px; flex-basis:32px; font-size:20px; }
.search-categories { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 26px; }
.search-categories button { display:flex; gap:13px; align-items:center; min-height:34px; padding:8px 11px; border:1px solid #d8d8dd; font-size:9px; border-radius:1px; transition:background-color 250ms,color 250ms,border-color 250ms; }
.search-results-heading { display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; border-bottom:1px solid #17171920; }
#search-dialog #search-count,.search-results-heading>span { font-size:9px; color:#7c7c85; }
#search-results { min-height:90px; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding-right:6px; }
.search-result { width:100%; display:grid; grid-template-columns:66px 1fr auto; align-items:center; gap:20px; padding:13px 0; text-align:left; border-bottom:1px solid #17171912; }
.search-result-image { display:block; height:76px; background:#e8e8eb; }
.search-result-copy { display:flex; flex-direction:column; gap:6px; font-size:9px; color:#85858e; }
.search-result-copy strong { font-size:13px; letter-spacing:-.15px; color:#1a1a20; }
.search-result-category { text-transform:uppercase; letter-spacing:.7px; font-size:7px; }
.search-result-price { font-size:12px; }
.search-result:focus-visible { outline-offset:2px; }
.search-empty { padding:34px 0; }
.search-empty h3 { font-size:18px; letter-spacing:-.4px; margin-bottom:9px; }
#search-dialog .search-empty p { font-size:11px; }
.search-browse { margin-top:22px; min-height:42px; width:100%; font-size:11px; }
@media (hover:hover) and (pointer:fine) {
  .search-trigger:hover svg { transform:rotate(-10deg); }
  .search-close:hover,.search-clear:hover { background:#242428; color:#fff; }
  .search-categories button:hover { background:#e7e7eb; border-color:#9999a4; }
  .search-result:hover .search-result-copy strong { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
  .bag-item h3 a:hover { text-decoration-color:currentColor; }
}
@media (max-width:1100px) {
  .collection-toolbar { gap:15px; }
  .collection-tools { gap:12px; }
  .filters { gap:20px; }
}
@media (max-width:760px) {
  .site-header { grid-template-columns:1fr auto auto; gap:16px; }
  .header-right { gap:10px; }
  .search-trigger { width:30px; min-height:42px; padding:8px 3px; justify-content:center; }
  .search-trigger span { display:none; }
  .bag-trigger { padding-left:0; }
  .bag-trigger svg { display:none; }
  .collection-toolbar { gap:10px; }
  .collection-tools { width:100%; justify-content:space-between; }
  .collection-toolbar select { margin-left:0; }
  .filters { column-gap:22px; row-gap:6px; }
  .piece-navigation { gap:13px; }
  .product-breadcrumbs { flex-wrap:wrap; row-gap:7px; }
  .product-breadcrumbs>div:first-child { gap:8px; }
  .piece-navigation button { padding-left:0; }
  .product-help-links button { font-size:9px; min-height:36px; }
  #search-dialog { width:100%; max-width:100%; max-height:100svh; height:100svh; margin:0; padding:26px 23px 30px; border:0; border-radius:0; }
  #search-dialog h2 { font-size:30px; margin-bottom:30px; }
  #apparel-search { font-size:18px; }
  .search-categories { gap:7px; margin-bottom:26px; }
  .search-categories button { min-height:38px; font-size:10px; }
  .search-result { grid-template-columns:58px 1fr auto; gap:14px; }
  .search-result-image { height:68px; }
  .search-result-copy strong { font-size:12px; }
  .search-result-copy { font-size:9px; }
  .search-result-price { font-size:11px; }
}
@media (max-width:370px) {
  .site-header { gap:11px; }
  .header-right { gap:7px; }
}
@media (prefers-reduced-motion:reduce) {
  #search-dialog,#search-dialog::backdrop { transition:none; }
}