/** custom css */
:root {
    --BT-footer-background: #fff;

    --BT-product-flag-new: #512da8;
    --BT-product-flag-discount: #00bb2d;
    --BT-product-flag-pack: #f57c00;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
span,
p,
strong,
small,
a,
div,
textarea,
input,
input::placeholder,
select,
textarea,
li,
td,
th {
    font-family: 'Jost', sans-serif !important;
}

/** BUTTONS */
/** FORM ELEMENTS */
/** HEADER */
/** MEGAMENU */
/** WRAPPER */
/** FOOTER */
/** FOOTER-BAIRES */
/** PRODUCT-THUMBNAILS */

/** PAGES: ----- */

/** RESPONSIVE MENU */

/** MEDIA-QUERIES */
@media screen and (325px <=width < 767px) {}

@media screen and (768px <=width < 991px) {}

@media screen and (992px <=width < 1199px) {}

@media screen and (1200px <=width < 1400px) {}

@media screen and (1401px <=width) {}

ul.products-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    columns: 1;
    text-align: center;
    gap: 2vw;

    anchor-name: --featuredProducts;
    scroll-marker-group: after;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-padding: 1.9vw;
}

ul.products-carousel::column {
    scroll-snap-align: center;
}

ul.products-carousel::column::scroll-marker {
    content: "";
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 2px solid black;
    border-radius: 10px;
}

ul.products-carousel::column::scroll-marker:target-current {
    background-color: black;
}

ul.products-carousel li {
    display: inline-block;
    width: fit-content;
}

ul.products-carousel li div.product {
    width: 250px;
}

ul.products-carousel::scroll-button(*) {
    border: 0;
    font-size: 1.5rem;
    background: none;
    color: rgb(0 0 0 / 0.7);
    cursor: pointer;
}

ul.products-carousel::scroll-button(*):hover,
ul.products-carousel::scroll-button(*):focus {
    color: rgb(0 0 0 / 1);
}

ul.products-carousel::scroll-button(*):active {
    translate: 1px 1px;
}

ul.products-carousel::scroll-button(*):disabled {
    color: rgb(0 0 0 / 0.2);
    cursor: unset;
}

ul.products-carousel::scroll-button(left) {
    content: "\f053";
}

ul.products-carousel::scroll-button(right) {
    content: "\f054";
}

ul.products-carousel::scroll-button(*) {
    position: absolute;
    position-anchor: --featuredProducts;
    font-family: 'Font Awesome 6 Pro';
}

ul.products-carousel::scroll-button(left) {
    right: calc(anchor(left) - 30px);
    bottom: calc(anchor(top) + 30px);
}

ul.products-carousel::scroll-button(right) {
    left: calc(anchor(right) - 30px);
    bottom: calc(anchor(top) + 30px);
}

ul.products-carousel::scroll-marker-group {
    position: absolute;
    position-anchor: --featuredProducts;
    top: calc(anchor(bottom) - 15px);
    justify-self: anchor-center;

    display: flex;
    justify-content: center;
    gap: 20px;
}

@media (320px <= width < 991px) {
    ul.products-carousel::scroll-button(*) { display:none; }
}