.c-product__products--related.miloa-related-scroll .c-product-grid__list {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-bottom: 16px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: #AA6A6F #fbe6ef;
    -webkit-overflow-scrolling: touch;
}
.c-product__products--related.miloa-related-scroll .c-product-grid__list > .c-product-grid__item {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    margin-bottom: 0;
    scroll-snap-align: start;
}
.miloa-related-controls { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 0 16px; color: #635159; font-size: 13px; letter-spacing: normal; }
.miloa-related-controls[hidden] { display: none; }
.miloa-related-arrows { display: flex; gap: 8px; }
.miloa-related-controls button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #AA6A6F; border-radius: 5px; background: #F8C8DC; color: #332326; font-size: 22px; cursor: pointer; }
.miloa-related-controls button:disabled { opacity: .4; cursor: default; }
.miloa-related-controls button:focus-visible, .miloa-related-scroll .c-product-grid__list:focus-visible { outline: 3px solid #7B4248; outline-offset: 3px; }
@media (min-width: 768px) and (max-width: 1023px) {
    .c-product__products--related.miloa-related-scroll .c-product-grid__list > .c-product-grid__item { flex-basis: 33.3333%; width: 33.3333%; max-width: 33.3333%; }
}
@media (max-width: 767px) {
    .c-product__products--related.miloa-related-scroll .c-product-grid__list > .c-product-grid__item { flex-basis: 68%; width: 68%; max-width: 68%; }
}