/* Home A: keep the Search Studio identity and put the first search first. */
.site-header { gap: .75rem; padding-inline: clamp(1rem, 3.2vw, 3rem); }
.site-header .wordmark { flex-shrink: 0; }
.site-header .site-nav { flex-wrap: nowrap; gap: clamp(.65rem, 1.3vw, 1.2rem); overflow: visible; }
.site-header .site-nav > .language-switch { position: static; }
.home-nav-menu { position: relative; flex: 0 0 auto; }
.home-nav-menu > summary {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  gap: .35rem;
  padding: .4rem .65rem;
  border: 1px solid var(--line);
  border-radius: .6rem;
  background: var(--surface);
  font-size: .8rem;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.home-nav-menu > summary::-webkit-details-marker { display: none; }
.home-nav-menu > summary::after { content: '⌄'; }
.home-nav-menu[open] > summary { border-color: var(--ink-soft); }
.home-nav-menu-panel {
  position: absolute;
  z-index: 40;
  top: calc(100% + .5rem);
  right: 0;
  display: grid;
  min-width: 14rem;
  padding: .4rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: var(--surface);
  box-shadow: 0 12px 35px rgba(38, 39, 33, .12);
}
.home-nav-menu-panel > :is(a, button) {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  padding: .6rem .75rem;
  border: 0;
  border-radius: .4rem;
  background: transparent;
  color: var(--ink);
  font-size: .8rem;
  font-weight: 650;
  text-align: left;
  text-decoration: none;
}
.home-nav-menu-panel > :is(a, button):hover { background: var(--paper); }
.home-nav-menu-panel > .home-nav-mobile { display: none; }

.search-studio-layout > .hero-copy { grid-column: 1; grid-row: 1; min-width: 0; width: 100%; }
.search-studio-layout > .search-card { grid-row: 2; }
.search-studio-layout > .catalogue-hero-proof {
  display: flex;
  grid-column: 1;
  grid-row: 3;
  width: 100%;
  max-width: none;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: .35rem 1rem;
  margin: 0;
  color: var(--ink-soft);
  font-size: .7rem;
  font-weight: 500;
  letter-spacing: 0;
  text-align: left;
}
.search-studio-layout .catalogue-hero-proof-stat { display: inline-flex; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.search-studio-layout .catalogue-hero-proof-icon { display: none; }
.search-studio-layout .catalogue-hero-proof-copy { flex-direction: row; align-items: baseline; gap: .3rem; }
.search-studio-layout .catalogue-hero-proof-stat strong { color: var(--ink); font-size: .75rem; font-weight: 750; line-height: inherit; }
.search-studio-layout .catalogue-hero-proof-label { line-height: 1.4; }
.home-proof-scope { display: none; grid-column: 1; grid-row: 4; margin: -.6rem 0 0; color: var(--ink-soft); font-size: .66rem; line-height: 1.5; }
.search-studio-layout:has(> .catalogue-hero-proof) > .home-proof-scope { display: block; }
.search-studio-layout > .search-studio-media { grid-row: 1 / span 4; }

.search-studio-layout #search-submit { grid-column: 2; grid-row: 1; }
.search-studio-layout #surprise-search {
  grid-column: 3;
  grid-row: 1;
  padding-inline: .4rem;
  border-color: transparent;
  background: transparent;
  color: var(--ink-soft);
  box-shadow: none;
  font-size: .76rem;
  font-weight: 650;
}
.search-studio-layout #surprise-search::after { display: none; animation: none; }
.search-studio-layout #surprise-search:hover { color: var(--ink); text-decoration: underline; text-underline-offset: .2em; }
.search-studio-layout :is(#search-submit, #surprise-search):focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

@media (forced-colors: active) {
  .search-studio-layout #search-submit { forced-color-adjust: none; background: Highlight; color: HighlightText; border: 1px solid Highlight; }
  .search-studio-layout #surprise-search { background: Canvas; color: LinkText; border: 1px solid ButtonText; text-decoration: underline; }
  .search-studio-layout :is(#search-submit, #surprise-search):focus-visible { outline-color: Highlight; }
}

@media (max-width: 63.999rem) {
  .search-studio-layout .search-row { grid-template-columns: minmax(0, 1fr) auto; }
  .search-studio-layout .search-input-wrap { grid-column: 1 / -1; }
  .search-studio-layout #search-submit { grid-column: 1; grid-row: 2; justify-self: stretch; }
  .search-studio-layout #surprise-search { grid-column: 2; grid-row: 2; }
}

@media (max-width: 55.999rem) {
  .site-header .site-nav > .home-nav-direct { display: none; }
  .home-nav-menu-panel > .home-nav-mobile { display: flex; }
}

@media (max-width: 39.999rem) {
  .site-header { padding-block: .4rem .55rem; gap: .2rem; }
  .site-header .wordmark { min-height: 2.25rem; }
  .site-header .site-nav { width: 100%; justify-content: space-between; gap: .25rem; padding: 0; }
  .site-header .site-nav > .home-nav-direct { display: none; }
  .home-nav-menu-panel { right: auto; left: 0; min-width: min(16rem, calc(100vw - 2rem)); }
  .home-nav-menu-panel > .home-nav-mobile { display: flex; }
  .home-nav-menu > summary { padding-inline: .4rem; font-size: .72rem; }
  .site-header .site-nav > .language-switch { min-width: 0; min-height: 2.75rem; padding: .35rem .45rem; font-size: .72rem; white-space: nowrap; }
  .site-header .site-nav > [data-shopping-cart-link] { min-width: 2.75rem; justify-content: center; padding-inline: .3rem; font-size: .72rem; }
  .site-header .saved-button { min-height: 2.75rem; padding-inline: .45rem; gap: .3rem; font-size: .72rem; }
  .site-header .saved-button > span:nth-child(2) { max-inline-size: 9ch; line-height: 1.15; }
  .site-header .count-badge { width: 1.35rem; height: 1.35rem; }
  .search-studio-layout > .hero-copy { align-self: stretch; }
  .search-studio-layout h1 { max-width: none; font-size: clamp(2.25rem, 11vw, 2.7rem); }
  .search-studio-layout .hero-eyebrow { margin-bottom: .65rem; font-size: .65rem; }
  .hero-copy .shopping-discovery-selector { margin-top: .8rem; }
  .search-studio-layout > .search-card { order: 2; }
  .search-studio-layout > .catalogue-hero-proof { order: 3; }
  .search-studio-layout > .home-proof-scope { order: 4; }
  .search-studio-layout > .search-studio-media { order: 5; }
}

/* Phone layouts keep the search and product decisions within easy reach. */
@media (max-width: 39.999rem) {
  .hero { padding-top: 1rem; }
  .search-studio-layout { gap: .75rem; }
  .search-studio-layout h1 { margin-bottom: .6rem; font-size: clamp(2rem, 8.6vw, 2.3rem); line-height: 1.06; }
  .search-studio-layout h1 .hero-line { display: inline; }
  .search-studio-layout h1 .hero-line-canadian { display: block; }
  .search-studio-layout .hero-eyebrow { margin-bottom: .5rem; }
  .search-studio-layout .hero-lede { font-size: .9375rem; line-height: 1.45; }
  .hero-copy .shopping-discovery-selector { margin-top: .65rem; }
  .search-studio-layout > .search-card { padding: .7rem; }
  .search-studio-layout .search-row { gap: .45rem; }
  .search-studio-layout .search-input-wrap input,
  .search-studio-layout .search-button { min-height: 3rem; }
  .search-studio-layout .image-drop { margin-top: .65rem; }
  .search-studio-layout .image-drop-label { min-height: 3rem; padding: .4rem .65rem; }
  .search-studio-layout .query-examples { gap: .4rem; margin-top: .55rem; }

  .results-section { padding-top: .5rem; }
  .intent-query-row { gap: .35rem; padding: .4rem; }
  .intent-query-row .surprise-search-button { min-height: 2.75rem; border-color: transparent; background: transparent; }
  .intent-understanding { padding-block: .3rem; }
  .results-heading { gap: .55rem; margin-block: .4rem .55rem; }
  .results-heading .toolbar-actions { gap: .5rem; }
  .results-heading .refine-products-button { grid-column: auto; }
  .results-heading .toolbar-actions > :is(button, a) { min-width: 0; min-height: 2.75rem; padding: .55rem .65rem; font-size: .875rem; }
  .results-summary { font-size: .75rem; line-height: 1.45; }
  .results-main-column .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
  .results-main-column .product-image-stage { aspect-ratio: 1; }
  .results-main-column .product-body { padding: .65rem; }
  .results-main-column .product-brand { font-size: .6875rem; }
  .results-main-column .product-title { font-size: .875rem; line-height: 1.3; }
  .results-main-column .product-price { font-size: .9375rem; }
  .results-main-column .card-actions { gap: .4rem; }
  .results-main-column .card-actions .card-details-action,
  .results-main-column .card-actions .card-shop-action { grid-column: 1 / -1; padding-inline: .4rem; }
}

@media (max-width: 22.499rem) {
  .results-main-column .product-grid { grid-template-columns: minmax(0, 1fr); }
  .results-main-column .product-image-stage { aspect-ratio: auto; height: 14rem; }
  .results-main-column .card-actions .card-details-action,
  .results-main-column .card-actions .card-shop-action { grid-column: auto; }
}