/* AGAFORT homepage rail carousel paging (reuses Recommended chrome; not a second engine). */

.ag-rp-track[data-rp-track],
.ag-fs-track[data-rp-track] {
    --ag-hp-cols: var(--ag-pc-columns-desktop, var(--ag-rp-columns-desktop, 6));
    --ag-hp-rows: var(--ag-pc-rows-desktop, 1);
}

@media (max-width: 1023.98px) {
    .ag-rp-track[data-rp-track],
    .ag-fs-track[data-rp-track] {
        --ag-hp-cols: var(--ag-pc-columns-tablet, var(--ag-rp-columns-tablet, 4));
        --ag-hp-rows: var(--ag-pc-rows-tablet, 1);
    }
}

@media (max-width: 767.98px) {
    .ag-rp-track[data-rp-track],
    .ag-fs-track[data-rp-track] {
        --ag-hp-cols: var(--ag-pc-columns-mobile, var(--ag-rp-columns-mobile, 2));
        --ag-hp-rows: var(--ag-pc-rows-mobile, 1);
    }
}

.ag-rp-carousel [data-hp-page],
.ag-fs-carousel [data-hp-page],
.ag-dh-shortcuts-carousel [data-hp-page] {
    display: grid;
    grid-template-columns: repeat(var(--ag-hp-cols, 6), minmax(0, 1fr));
    grid-template-rows: repeat(var(--ag-hp-rows, 1), auto);
    grid-auto-flow: row;
    gap: var(--ag-rp-gap, 12px);
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    inline-size: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
    scroll-snap-align: start;
}

.ag-rp-carousel:has(> .ag-pc-density) > .ag-pc-density > [data-hp-page] {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    inline-size: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.ag-rp-carousel:has(> .ag-pc-density) > .ag-pc-density:has(> [data-hp-page]),
.ag-fs-carousel:has(> .ag-pc-density) > .ag-pc-density:has(> [data-hp-page]),
.ag-dh-shortcuts-carousel [data-rp-track]:has(> [data-hp-page]) {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-auto-columns: unset !important;
    grid-auto-flow: unset !important;
    gap: 0 !important;
}

.ag-rp-carousel:has(> .ag-pc-density) > .ag-pc-density:has(> [data-hp-page]) > [data-hp-page] > *,
.ag-fs-carousel:has(> .ag-pc-density) > .ag-pc-density:has(> [data-hp-page]) > [data-hp-page] > *,
.ag-dh-shortcuts-carousel [data-hp-page] > * {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: unset;
    inline-size: auto;
}

html.ag-ql-design-on .ag-dh-shortcuts.ag-dh-shortcuts-v1r2.ag-dh-shortcuts-carousel-host,
html.ag-ql-design-on.ag-hl-on .ag-dh-shortcuts.ag-dh-shortcuts-v1r2.ag-dh-shortcuts-carousel-host,
html.ag-hl-on .ag-dh-shortcuts.ag-dh-shortcuts-v1r2.ag-dh-shortcuts-carousel-host,
.ag-dh-shortcuts.ag-dh-shortcuts-v1r2.ag-dh-shortcuts-carousel-host,
.ag-dh-shortcuts.ag-dh-shortcuts-carousel-host {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    padding: 12px !important;
}

.ag-dh-shortcuts-carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
}

.ag-dh-shortcuts-carousel [data-rp-track] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ag-dh-shortcuts-carousel [data-rp-track]::-webkit-scrollbar {
    display: none;
}

.ag-dh-shortcuts-carousel [data-rp-track]:not(:has(> [data-hp-page])) {
    display: grid;
    grid-template-columns: repeat(var(--ag-hp-cols, var(--ag-shortcuts-desktop-columns, 8)), minmax(0, 1fr));
    grid-template-rows: repeat(var(--ag-hp-rows, 1), auto);
    grid-auto-flow: row;
    gap: 12px;
    overflow-x: auto;
}

.ag-hp-page > .ag-dh-shortcut,
.ag-hp-page > .ag-dh-product-card {
    min-width: 0;
}

.ag-hp-page[data-hp-partial="1"] {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    inline-size: auto !important;
    max-width: none !important;
    grid-template-columns: repeat(var(--ag-hp-page-items, 1), minmax(0, 1fr)) !important;
}

[data-rp-track][data-hp-rail="single"],
.ag-fs-track[data-hp-rail="single"],
[data-rp-track][data-hp-rail="multi"],
.ag-fs-track[data-hp-rail="multi"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--ag-rp-gap, 12px);
    scroll-snap-type: x mandatory;
}

[data-rp-track][data-hp-rail="single"] > :not([data-hp-page]):not(.ag-rp-nav):not(.ag-fs-nav),
.ag-fs-track[data-hp-rail="single"] > :not([data-hp-page]):not(.ag-rp-nav):not(.ag-fs-nav) {
    flex: 0 0 calc((100% - (var(--ag-hp-visible, 6) - 1) * var(--ag-rp-gap, 12px)) / var(--ag-hp-visible, 6));
    min-width: 0;
    max-width: none;
    scroll-snap-align: start;
}

[data-rp-track][data-hp-rail="multi"] > .ag-hp-col,
.ag-fs-track[data-hp-rail="multi"] > .ag-hp-col {
    flex: 0 0 calc((100% - (var(--ag-hp-visible, 3) - 1) * var(--ag-rp-gap, 12px)) / var(--ag-hp-visible, 3));
    min-width: 0;
    max-width: none;
    display: grid;
    grid-template-rows: repeat(var(--ag-hp-rows, 2), auto);
    gap: var(--ag-rp-gap, 12px);
    scroll-snap-align: start;
    box-sizing: border-box;
}

[data-rp-track][data-hp-rail="multi"] .ag-hp-col-cell,
.ag-fs-track[data-hp-rail="multi"] .ag-hp-col-cell {
    min-width: 0;
}

[data-rp-track][data-hp-rail="multi"] .ag-hp-col-cell[data-hp-empty="1"],
.ag-fs-track[data-hp-rail="multi"] .ag-hp-col-cell[data-hp-empty="1"] {
    visibility: hidden;
    pointer-events: none;
}

[data-rp-track][data-hp-rail="single"] > [data-hp-clone="1"],
.ag-fs-track[data-hp-rail="single"] > [data-hp-clone="1"],
[data-rp-track][data-hp-rail="multi"] > .ag-hp-col[data-hp-clone="1"],
.ag-fs-track[data-hp-rail="multi"] > .ag-hp-col[data-hp-clone="1"] {
    pointer-events: none;
}

.ag-fs-section[data-ag-homepage-carousel="1"] .ag-fs-track:has(> [data-hp-page]) {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-auto-columns: unset !important;
    grid-auto-flow: unset !important;
}

.ag-rp-section[data-ag-homepage-carousel="0"] [data-rp-track],
.ag-fs-section[data-ag-homepage-carousel="0"] .ag-fs-track {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: repeat(var(--ag-pc-columns-desktop, 6), minmax(0, 1fr)) !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
}

@media (max-width: 1023.98px) {
    .ag-rp-section[data-ag-homepage-carousel="0"] [data-rp-track],
    .ag-fs-section[data-ag-homepage-carousel="0"] .ag-fs-track {
        grid-template-columns: repeat(var(--ag-pc-columns-tablet, 4), minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767.98px) {
    .ag-rp-section[data-ag-homepage-carousel="0"] [data-rp-track],
    .ag-fs-section[data-ag-homepage-carousel="0"] .ag-fs-track {
        grid-template-columns: repeat(var(--ag-pc-columns-mobile, 2), minmax(0, 1fr)) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-rp-track,
    .ag-fs-track,
    .ag-dh-shortcuts-carousel [data-rp-track] {
        scroll-behavior: auto;
    }
}