/* Homepage row layout only. Existing product_card.css is unchanged. */
#menu.htg-products { --htg-products-accent: #932588; }
#menu .htg-products-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 36px; }
#menu .htg-products-filter { border: 1px solid #e5dce6; border-radius: 24px; padding: 9px 20px; background: #fff; color: #413547; font: inherit; font-size: 14px; cursor: pointer; }
#menu .htg-products-filter.is-active { background: var(--htg-products-accent); border-color: var(--htg-products-accent); color: #fff; }
#menu .htg-products-group { margin-bottom: 36px; min-width: 0; }
#menu .htg-products-group[hidden], #menu .htg-products-arrow[hidden] { display: none !important; }
#menu .htg-products-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid #e9e4ea; }
#menu .htg-products-heading h3 { margin: 0; font: inherit; font-size: clamp(17px, 2vw, 22px); font-weight: 600; color: var(--htg-products-accent); }
#menu .htg-products-count { flex-shrink: 0; color: #777; font-size: 12px; }
#menu .htg-products-slider { position: relative; min-width: 0; }
#menu .htg-products-track { display: flex; flex-wrap: nowrap; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #cdb5cb transparent; padding: 8px 0 18px; }
#menu .htg-products-item { flex: 0 0 calc((100% - 48px) / 4); min-width: 0; scroll-snap-align: start; }
#menu .htg-products-item > a { display: block; }
#menu .htg-products-arrow { position: absolute; z-index: 2; top: 42%; width: 36px; height: 36px; padding: 0; border: 1px solid #e9e4ea; border-radius: 50%; background: #fff; color: var(--htg-products-accent); box-shadow: 0 2px 10px #23102315; cursor: pointer; }
#menu .htg-products-prev { left: -18px; }
#menu .htg-products-next { right: -18px; }
#menu .htg-products-arrow:disabled { opacity: .35; cursor: default; }
#menu .htg-products-filter:focus-visible, #menu .htg-products-arrow:focus-visible, #menu .htg-products-track:focus-visible { outline: 3px solid #b961ac; outline-offset: 3px; }
#menu .htg-products-empty { text-align: center; padding: 30px 0; color: #777; }
@media (max-width: 991px) { #menu .htg-products-item { flex-basis: calc((100% - 32px) / 3); } }
@media (max-width: 767px) {
    #menu .htg-products-track { gap: 12px; }
    #menu .htg-products-item { flex-basis: calc((100% - 12px) / 2); }
    #menu .htg-products-prev { left: -8px; }
    #menu .htg-products-next { right: -8px; }
    #menu .htg-products-filter { padding: 8px 14px; font-size: 12px; }
}