/* Homepage featured products: one scrollable row, with the existing card design. */
.storefront-2026 .store-featured .store-section-heading {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.storefront-2026 .store-featured .store-section-heading > div:first-child { flex: 1; }
.storefront-2026 .featured-carousel-controls { display: flex; gap: 8px; }
.storefront-2026 .featured-carousel-controls[hidden] { display: none; }
.storefront-2026 .featured-carousel-controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #d9e3dc;
  border-radius: 50%;
  color: #233b40;
  background: #fff;
  font-size: 19px;
  transition: background .2s, border-color .2s;
}
.storefront-2026 .featured-carousel-controls button:hover {
  background: #edf4ed;
  border-color: #92b4a4;
}
.storefront-2026 .featured-carousel-controls [data-featured-pause] { font-size: 12px; }
.storefront-2026 .featured-carousel-controls button:focus-visible,
.storefront-2026 .featured-track:focus-visible,
.storefront-2026 .featured-slide a:focus-visible {
  outline: 2px solid #087f72;
  outline-offset: 3px;
}
.storefront-2026 .featured-track {
  --featured-gap: 20px;
  --featured-width: calc((100% - 80px) / 5);
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--featured-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #b6cfc1 transparent;
  margin: 0;
  padding: 4px 0 14px;
}
.storefront-2026 .featured-slide {
  flex: 0 0 var(--featured-width);
  min-width: 0;
  scroll-snap-align: start;
}
.storefront-2026 .featured-track .featuredbox {
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
  float: none !important;
}
.storefront-2026 .featured-track .featuredbox img { height: 185px; }
.storefront-2026 .featured-track .featuredbox h4 { overflow-wrap: anywhere; }
@media (min-width: 992px) and (max-width: 1199px) {
  .storefront-2026 .featured-track { --featured-width: calc((100% - 60px) / 4); }
}
@media (min-width: 768px) and (max-width: 991px) {
  .storefront-2026 .featured-track { --featured-width: calc((100% - 40px) / 3); }
}
@media (max-width: 767px) {
  .storefront-2026 .store-featured .store-section-heading { gap: 10px; }
  .storefront-2026 .store-featured .store-section-heading > p { order: 3; flex-basis: 100%; }
  .storefront-2026 .featured-carousel-controls { gap: 5px; }
  .storefront-2026 .featured-carousel-controls button { width: 36px; height: 36px; }
  .storefront-2026 .featured-track { --featured-gap: 11px; --featured-width: calc((100% - 11px) / 2); }
  .storefront-2026 .featured-track .featuredbox img { height: 155px; }
}
@media (max-width: 359px) {
  .storefront-2026 .store-featured .store-section-heading h3 { font-size: 20px; }
  .storefront-2026 .featured-track { --featured-width: 100%; }
  .storefront-2026 .featured-track .featuredbox img { height: 185px; }
  .storefront-2026 .featured-track .featuredbox h4 { min-height: 40px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .storefront-2026 .featured-track .featuredbox { transition: none; }
}