.banners-title {margin-bottom: 25px;}
.shop_BIU .banners-title h2 {font-family: 'Crimson Text'}

/*************** SMALL BANNERS ***************/
.small-banners-module {display: flex;flex-direction: column;overflow-x: hidden;font-family: 'Sofia Pro', sans-serif;}
.small-banners-module .small-banners-wrapper {display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 2%;overflow-x: auto;}
.small-banners-module .small-banner {flex: 1 0 calc(100%/3 - 2%);display: flex;flex-direction: column;margin-right: 3%;}
.small-banners-module .small-banners-module--elem {flex: 1 0 calc(25% - 1.5%);display: flex;flex-direction: column;overflow: hidden;cursor: pointer;margin: 0; text-align: center;}
.small-banners-module .small-banner--coupon {width: 100%;height: auto;object-fit: cover;display: block;}
.shop_BLV .small-banners-module .small-banner--coupon {border-radius: 10px;}
.small-banners-module .small-banner--tittle {font-size: 25px; margin-top: 15px; font-weight: 700; color: #000;}
.shop_BLV .small-banners-module .small-banner--tittle {font-family: 'Kanit';font-weight: 500;font-size: 26px; line-height: 30px;}
.small-banners-module .small-banner--description {font-size: 16px; margin-top: 2%; line-height: 28px; color: #000;}
.shop_BLV .small-banners-module .small-banner--description {line-height: 28px; font-font: 'Inter';font-weight: 300;}
.small-banners-module .small-banner--cta-button {padding: 3.1%; color: #000; text-decoration: underline; font-size:16px; border-radius: 4%/15%; margin-top: 4%; margin-bottom: 4%; width: max-content; min-width: 33%; text-align: center; max-width: 50%; margin: 0 auto; font-weight: 600}
.shop_BLV .small-banners-module .small-banner--cta-button{font-family: 'Kanit';}
@media (max-width: 1200px) {
    .small-banners-module .small-banners-module--elem {flex: 1 0 calc(50% - 2%);}
}
@media (max-width: 800px) {
    .small-banners-module .psmall-banners-wrapper {justify-content: flex-start;scroll-snap-type: x mandatory;}
    .small-banners-module .small-banners-module--elem {flex: 1 0 85%;scroll-snap-align: start;margin-right: 15px; margin-bottom: 20px;}
    .small-banners-module .small-banners-module--elem:last-child {margin-right: 0;}
    .small-banners-module .small-banner--tittle {font-size: 22px;font-weight: 700;}
    .small-banners-module .small-banner--cta-button {padding: 3.3%; min-width:35%; max-width: max-content;border-radius: 3%/15%; font-size: 14px; text-decoration: underline!important;}
}

/*************** LIST BRAND BANNERS ***************/
.brands-module .brands-module--brand {display: flex;align-items: center;justify-content: center;background-color: #f2f2f2;}
.categories-module .categories-module--category{display: flex;align-items: center;justify-content: center;border:1px solid;border-radius: 10px;text-align: center;}
.brands-module .swiper-container, .categories-module .swiper-container {padding-bottom: 30px;width: 100%;}
.is-mobile .brands-module .swiper-container, .is-mobile .categories-module .swiper-container {padding-bottom: 0;}
.desktop .brands-module .brands-module--brand {height: 100px;}
.desktop .categories-module .categories-module--category {height: 80px;}
.shop_BLV .brands-module .brands-module--brand{border-radius: 10px;}
.desktop .brands-module .brands-module--brand:hover, .desktop .categories-module .categories-module--category:hover {cursor: pointer;}
.desktop .categories-module .categories-module--category:hover {background: #000000; color: #ffffff;}
.shop_BLV.desktop .categories-module .categories-module--category:hover {background: #0047b2;}
.desktop .brands-module .brands-module--brand img, .desktop .categories-module .categories-module--category .category-name {width:150px;}
.desktop .categories-module .categories-module--category .category-name {font-family: 'Kanit', 'sans-serif'; font-weight: 600;font-size: 20px;text-transform: uppercase;}
/* MOBILE */
.is-mobile .brands-module {padding: 0 10px;}
.is-mobile .brands-module .brands-module--brand img {width: 100%; height: 65px;}
@media (max-width: 1200px) {
    .brands-module {padding: 0 2%;}
}


/*************** PROMOTION BANNERS ***************/
.promotions-banners-module {overflow-x: auto;font-family: 'Sofia Pro'; margin-top: 20px;}
.shop_BIU .promotions-banners-module {font-family: Inter;}
.promotions-banners-module .promotions-banners-wrapper {display: flex;flex-wrap: nowrap;justify-content: space-between;}
.promotions-banners-module .promotions-banner {flex: 1 0 calc(100%/3 - 2%);display: flex;flex-direction: column;margin-right: 3%;}
.promotions-banners-module .promotions-banner a .promotions-banner--coupon {width: 100%;height: 100%;}
.promotions-banners-module .promotions-banner .promotions-banner--tittle {font-size: 25px; margin-top: 15px; font-weight: 800; color: #000;}
.promotions-banners-module .promotions-banner .promotions-banner--description {font-size: 16px; margin-top: 2%; line-height: 28px; color: #000;}
.promotions-banners-module .promotions-banner .promotions-banner--cta-button {padding: 3.1%; background:#000000; color: #ffffff; font-size:16px; border-radius: 4%/15%; margin-top: 4%; margin-bottom: 4%; width: max-content; min-width: 33%; text-align: center; max-width: 50%;}
@media(max-width:800px) {
    .promotions-banners-module .promotions-banner {flex: 1 0 85%;}
    .promotions-banners-module .promotions-banner .promotions-banner--tittle {font-size: 22px;font-weight: 700;}
    .promotions-banners-module .promotions-banner .promotions-banner--cta-button {padding: 3.3%; min-width:35%; max-width: max-content;border-radius: 3%/15%; font-size: 14px;}
}