/* The dropdown is a category index; product catalogue grids retain their size. */
@media (min-width: 1200px) {
 body[data-preview-layout] #main-nav .visual-products-grid[data-catalogue-navigation] {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
 }
}
@media (min-width: 851px) and (max-width: 1199px) {
 body[data-preview-layout] #main-nav .visual-products-grid[data-catalogue-navigation] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
 }
}
body[data-preview-layout] #main-nav .visual-products-grid[data-catalogue-navigation] .showcase-menu-label {
 font-size: 12px !important;
 line-height: 1.45 !important;
}
body[data-preview-layout] #main-nav .visual-products-grid[data-catalogue-navigation] > .visual-product-link {
 grid-template-rows: auto minmax(2.9em, auto) !important;
 min-height: 0 !important;
 align-content: start;
 padding: 8px !important;
 gap: 9px 6px !important;
}
body[data-preview-layout] :is(.visual-product-link, .category-tile) {
 overflow: hidden;
 transition: box-shadow 400ms ease, border-color 400ms ease !important;
}
body[data-preview-layout] :is(.visual-product-link, .category-tile) > .category-image {
 position: relative;
 isolation: isolate;
 transition: scale 650ms cubic-bezier(.2,.65,.3,1) !important;
}
body[data-preview-layout] #main-nav .visual-products-grid[data-catalogue-navigation] .category-image::after,
body[data-preview-layout] #main #product-families #family-track .category-image::after {
 content: "" !important;
 display: block !important;
 position: absolute !important;
 inset: 0 !important;
 z-index: 5 !important;
 background: linear-gradient(180deg, rgb(10 14 16 / 2%), rgb(10 14 16 / 22%)) !important;
 opacity: 0 !important;
 pointer-events: none !important;
 transition: opacity 450ms ease !important;
}
@media (hover: hover) and (pointer: fine) {
 body[data-preview-layout] :is(.visual-product-link, .category-tile):hover {
  box-shadow: 0 10px 24px rgb(15 19 20 / 14%) !important;
  border-color: #a98b68 !important;
 }
 body[data-preview-layout] :is(.visual-product-link, .category-tile):hover > .category-image {
  scale: 1.035;
 }
 body[data-preview-layout] #main-nav .visual-products-grid[data-catalogue-navigation] .visual-product-link:hover .category-image::after,
 body[data-preview-layout] #main #product-families #family-track .category-tile:hover .category-image::after {
  opacity: 1 !important;
 }
}
body[data-preview-layout] :is(.visual-product-link, .category-tile):focus-visible {
 outline: 2px solid #a97235;
 outline-offset: 3px;
}
body.home-approved[data-preview-layout] #collections .slide-dot-name { font-size: 11px !important; }
.preview-lift-specs {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 9px 12px;
 margin: 15px 0 10px;
 padding-block: 13px;
 border-block: 1px solid #d9d5ce;
}
.preview-lift-specs div { min-width: 0; }
.preview-lift-specs dt { margin: 0 0 4px; color: #68645d; font-size: 10px; line-height: 1.4; }
.preview-lift-specs dd { margin: 0; color: #252a27; font-weight: 600; font-size: 12px; line-height: 1.45; text-align: start; }
.preview-lift-features { font-size: 11px; line-height: 1.6; color: #68645d; margin: 0 0 16px; }
.preview-tiktok span { white-space: nowrap; }
@media (max-width: 760px) {
 body.home-approved[data-preview-layout] #collections .slide-dot-name { font-size: 12.1px !important; }
 /* Product/custom examples stay between their original model groups. Only
    their mobile presentation becomes a single swipeable row. */
 main[data-category-flow] :is([data-category-video-kind="custom"], [data-category-video-kind="product"]) .video-cover-grid {
  display: grid !important;
  grid-template-columns: none !important;
  grid-auto-flow: column !important;
  grid-auto-columns: min(68vw, 250px) !important;
  gap: 12px !important;
  max-width: 100%;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 2px;
  padding: 3px 2px 13px !important;
  scrollbar-width: thin;
  scrollbar-color: #a5825d #e9e1d7;
 }
 main[data-category-flow] :is([data-category-video-kind="custom"], [data-category-video-kind="product"]) .video-cover-grid > .product-video-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  aspect-ratio: 16 / 10 !important;
  scroll-snap-align: start;
  background: #171b19;
 }
 main[data-category-flow] [data-category-video-kind="custom"] .product-video-card.is-short img { object-fit: contain; }
 main[data-category-flow] [data-category-video-flow="custom"] { min-width: 0; }
 main[data-category-flow] [data-category-video-flow="custom"] .collection-video-group { margin-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
 body[data-preview-layout] :is(.visual-product-link, .category-tile),
 body[data-preview-layout] :is(.visual-product-link, .category-tile) > .category-image { transition: none !important; scale: 1 !important; }
 body[data-preview-layout] #main-nav .visual-products-grid[data-catalogue-navigation] .category-image::after,
 body[data-preview-layout] #main #product-families #family-track .category-image::after { transition: none !important; }
}
