/* Global - Product items and icons */
body .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    vertical-align: middle;
    background: currentColor;
    -webkit-mask: var(--shop-icon-url) center / contain no-repeat;
    mask: var(--shop-icon-url) center / contain no-repeat;
}

body .section-heading a .icon,
body .text-link .icon { width: 18px; height: 18px; }

body .payment-icon { width: 40px; height: 40px; margin: 4px 12px; }

body .section-products {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    overflow: hidden;
    --shop-rail-gaps: 5;
    --shop-rail-gap: 20px;
    --shop-rail-count: 5.25;
}

body .section-products .product-rail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - var(--shop-rail-gaps) * var(--shop-rail-gap)) / var(--shop-rail-count));
    gap: var(--shop-rail-gap);
    width: 100%;
    padding-inline: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline-start: 0;
    scroll-snap-type: x proximity;
}

body .product-rail > .product-item { scroll-snap-align: start; }

body .product-rail > p { min-width: 260px; }

body .product-rail:focus-visible { outline-offset: -3px; }


@media (max-width: 1199px) {
body .section-products { --shop-rail-gaps: 4; --shop-rail-gap: 16px; --shop-rail-count: 4.25; }
}
@media (max-width: 991px) {
body .section-products { --shop-rail-count: 3.25; --shop-rail-gaps: 3; }
}
@media (max-width: 639px) {
body .section-products { --shop-rail-gaps: 2; --shop-rail-gap: 12px; --shop-rail-count: 2.2; }

body .main-header .header-actions .icon { width: 20px; height: 20px; }


}