/* Add custom CSS styles below */ 
.s-block__title {
    align-items: start !important;
}
.center-block-title .s-block__title
 {
    flex-direction: column;
    justify-content: right;
    gap: 1.25rem;
    text-align: right;
}

    .center-block-title .s-block__title h2::after {
    background-color: #aa5936;
    bottom: -10px;
    height: 2px;
    width: 50%;
    position: relative;
    content: "";
    display: block;
}
@media(max-width: 560px){
.s-block--main-slider-1 salla-slider, .s-block--main-slider-1 div[slot=items], .s-block--main-slider-1 .swiper-slide {
    height: 220px !important;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, 1);
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
}

.s-block--main-slider-1 salla-slider, .s-block--main-slider-1 div[slot=items], .s-block--main-slider-1 .swiper-slide {
    height: 750px;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, 1);
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

@media(max-width: 480px) {
    .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .md\:grid-cols-3 a.banner-entry.square-photos {
        height: 200px !important;
        width: 100%;
    }
}

.banners-grid--3 .banner-entry:first-child, .banners-grid--3 .banner-entry:nth-child(2), .banners-grid--3 .banner-entry:nth-child(3) {
    grid-column: span 1 / span 2;
    grid-row: span 8 / span 8;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: var(--bg-gray);
}

.navbar-brand {
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex
;
    align-items: center;
    zoom: 190%;
}
.discount-amount {
    display: none;
    color: #1d1f1f;
}