/* Top Categories: whole cards aligned to the shared section container. */
.sb-top-categories .product-cats-list { overflow: visible; }
.sb-top-categories .sb-category-marquee {
  --sb-category-columns: 6;
  --sb-category-gap: 24px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--sb-category-columns) - 1) * var(--sb-category-gap)) / var(--sb-category-columns));
  gap: var(--sb-category-gap);
  align-items: start;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y pinch-zoom;
}
.sb-top-categories .sb-category-marquee::-webkit-scrollbar { display: none; }
.sb-top-categories .sb-category-marquee .item-product-cat {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0 !important;
  scroll-snap-align: start;
}
.sb-top-categories .sb-category-marquee .item-product-cat-content { height: 100%; }
.sb-top-categories .sb-category-marquee .item-image { width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 50%; }
.sb-top-categories .sb-category-marquee .item-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.sb-top-categories .sb-category-marquee .product-cat-content-info { padding: 14px 4px 0; text-align: center; }
.sb-top-categories .sb-category-marquee .item-title { margin: 0; line-height: 1.4; }
.sb-top-categories .sb-category-marquee .item-title a { display: inline-block; color: #081716; font: 600 14px/1.4 "Lato", sans-serif; letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
.sb-top-categories .sb-category-marquee a:focus-visible, .sb-top-categories .sb-category-marquee:focus-visible { outline: 2px solid #9b7900; outline-offset: -3px; border-radius: 6px; }
.sb-category-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; }
.sb-category-controls[hidden] { display: none; }
.sb-category-controls [hidden] { display: none !important; }
.sb-category-controls p { margin: 0; color: #496255; font: 400 12px/1.4 "Lato", sans-serif; font-variant-numeric: tabular-nums; }
.sb-category-controls > div { display: flex; gap: 8px; }
.sb-category-controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #081716; border-radius: 50%; background: #081716; color: #fff; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.sb-category-controls svg { width: 18px; height: 18px; }
.sb-category-controls button:disabled { opacity: .3; cursor: default; }
.sb-category-controls button:focus-visible { outline: 2px solid #9b7900; outline-offset: 3px; }
.sb-category-controls button:not(:disabled):active { background: #ffd84d; color: #081716; border-color: #ffd84d; }
@media (hover: hover) and (pointer: fine) { .sb-category-controls button:not(:disabled):hover { background: #ffd84d; color: #081716; border-color: #ffd84d; } }
@media (max-width: 1199px) { .sb-top-categories .sb-category-marquee { --sb-category-columns: 4; --sb-category-gap: 20px; } }
@media (max-width: 767px) { .sb-top-categories .sb-category-marquee { --sb-category-columns: 2; --sb-category-gap: 18px; } }