section.golden-offers-slider-home {
    padding: 2.7vw 10vw;
    width: 100%;
    height: 36vw;
    background-color: var(--gold);
    position: relative;
    justify-content: start !important;
}

.golden-offers-slider-cont {
    width: 100%;
    height: 100%;
    position: relative;
    direction: ltr !important;
    justify-content: start !important;
    gap: 2vw;
}

.golden-offers-slider-cont > svg#faded-polygons {
    position: absolute;
    right: -13vw;
    top: -1.5vw;
    width: 23vw;
}

.golden-offers-slider-top-bar {
    width: 100%;
    justify-content: space-between !important;
}

.golden-offers-slider-top-bar h2 {
    font-size: 1.6vw;
    color: var(--green);
    font-weight: 600;
    font-family: Kalameh, sans-serif;
    gap: 0.4vw;
}

.golden-offers-slider-top-bar h2 svg {
    width: 3vw;
    transform: rotate(-45deg);
}

.golden-offers-slider-top-bar a.btn {
    padding: 0.9vw 0.5vw;
    width: 9vw;
    background-color: var(--light-bg);
    border-radius: 0.75vw;
    color: var(--green);
    gap: 0.3vw;
    font-size: 0.951vw;
    font-weight: 500;
    transition: all 0.25s ease-in-out;
}

.golden-offers-slider-top-bar a.btn:hover {
    filter: brightness(0.95);
}

.golden-offers-slider-cont .swiper-container {
    width: 100%;
    height: 24vw;
    position: relative;
}

.golden-offers-slider-cont .swiper {
    padding: 0 0 0 0;
    width: 100%;
    height: 100% !important;
    position: relative;
    border-radius: 0.85vw;
}

.golden-offers-slider-cont .swiper-slide {
    height: 100%;
    transition: all 0.25s ease-in-out !important;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--light-bg);
    justify-content: start !important;
}

.golden-offers-slider-cont .swiper-slide:first-child {
    border-radius: 0 0.85vw 0.85vw 0;
}

.golden-offers-slider-cont .swiper-slide:last-child {
    border-radius: 0.85vw 0 0 0.85vw;
}

.golden-offers-slider-cont .swiper-slide:not(:last-child) {
    border-left: 0.15vw solid rgba(218, 225, 237, 0.55);
}

.golden-offers-slider-cont .swiper-slide a {
    padding: 1vw 1.8vw;
    width: 100%;
    height: 100%;
    gap: 0.5vw;
    position: relative;
    justify-content: start !important;
}

.golden-offers-slider-cont .swiper-slide a .discount-label {
    width: 2.6vw;
    height: 2.6vw;
    position: absolute;
    top: 1.75vw;
    right: 1.5vw;
    z-index: 2;
}

.golden-offers-slider-cont .swiper-slide a .discount-label > svg {
    width: 100%;
    fill: var(--gold);
}

.golden-offers-slider-cont .swiper-slide a .special-offer-label {
    width: 5vw;
    height: 1.8vw;
    border-radius: 1vw;
    background-color: rgba(255, 60, 74, 0.1);
    color: #de3618;
    position: absolute;
    top: 1.75vw;
    left: 1.5vw;
    z-index: 2;
    font-weight: 600;
    font-size: 0.8vw;
}

.golden-offers-slider-cont .swiper-slide a .discount-label span {
    position: absolute;
    font-weight: 500 !important;
    color: var(--light-bg);
    transform: translateY(-0.1vw);
    gap: 0.25vw;
}

.golden-offers-slider-cont .swiper-slide a figure {
    padding: 1vw 2vw;
    width: 100%;
    height: 69%;
    position: relative;
}

.golden-offers-slider-cont .swiper-slide a figure img {
    width: 100%;
    height: 100%;
}

.golden-offers-slider-cont .golden-offer-card-details {
    padding-top: 1vw;
    width: 100%;
    height: 30%;
    position: relative;
    gap: 0.7vw;
}

.golden-offers-slider-cont .golden-offer-card-details ul.product-colors-pallet {
    position: absolute;
    width: 110%;
    top: -1vw;
    justify-content: start !important;
    direction: ltr !important;
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li {
    width: 0.85vw;
    height: 0.85vw;
    border-radius: 50%;
    box-shadow: 0 0 0.15vw rgba(0, 0, 0, 0.3);
    color: #142614;
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(2) {
    transform: translateX(-0.2vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(3) {
    transform: translateX(-0.4vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(4) {
    transform: translateX(-0.6vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(5) {
    transform: translateX(-0.8vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(6) {
    transform: translateX(-1vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(7) {
    transform: translateX(-1.2vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(8) {
    transform: translateX(-1.4vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(9) {
    transform: translateX(-1.6vw);
}

.golden-offers-slider-cont
.golden-offer-card-details
ul.product-colors-pallet
li:nth-child(10) {
    transform: translateX(-1.8vw);
}

.golden-offers-slider-cont .golden-offer-card-details h2 {
    width: 100%;
    font-size: 0.95vw;
    font-weight: 600;
    text-align: start;
    height: 2.55vw;
    justify-content: start !important;
}

.golden-offer-card-last-div {
    width: 100%;
    position: relative;
    justify-content: space-between !important;
}

.golden-offer-card-last-div .score {
    width: 3vw;
    gap: 0.3vw;
    font-size: 0.9vw;
    font-weight: 500;
}

.golden-offer-card-last-div .score span {
    margin-top: 0.2vw;
}

.golden-offer-card-last-div .score svg {
    width: 1.25vw;
}

.golden-offers-slider-cont .golden-offer-card-details h3 {
    gap: 0.25vw;
    transform: translateX(-0.6vw);
}

.golden-offers-slider-cont .golden-offer-card-details h3 s {
    font-size: 0.8vw;
    font-weight: 300;
    opacity: 0.75;
}

.golden-offers-slider-cont .golden-offer-card-details h3 span.price {
    color: var(--green);
    font-size: 1.25vw;
    font-weight: 600;
}

.golden-offers-slider-cont .golden-offer-card-details h3 span.toman svg {
    fill: var(--green);
}

section.golden-offers-slider-home .swiper-button-disabled {
    transition: all 0.25s ease-in-out;
    visibility: hidden !important;
    opacity: 0 !important;
}

section.golden-offers-slider-home .swiper-button-next,
section.golden-offers-slider-home .swiper-button-prev {
    position: absolute !important;
    color: var(--red) !important;
    transition: all 0.25s ease-in-out;
}

section.golden-offers-slider-home .swiper-button-next {
    left: 1vw !important;
}

section.golden-offers-slider-home .swiper-button-prev {
    right: 1vw !important;
}

section.golden-offers-slider-home .swiper-button-next::after {
    padding: 0.75vw 1.1vw;
    background-color: var(--light-bg);
    border: 0.1vw solid rgba(224, 226, 231, 0.6) !important;
    border-radius: 1.25vw 0.5vw 0.5vw 1.25vw !important;
    font-size: 1.25vw !important;
    font-weight: bold !important;
    transition: all 0.25s ease-in-out;
}

section.golden-offers-slider-home .swiper-button-next:hover::after {
    box-shadow: 0 0 0.2vw rgba(0, 0, 0, 0.3);
}

section.golden-offers-slider-home .swiper-button-prev::after {
    padding: 0.75vw 1.1vw;
    background-color: var(--light-bg);
    border: 0.1vw solid rgba(224, 226, 231, 0.6) !important;
    border-radius: 0.5vw 1.25vw 1.25vw 0.5vw !important;
    font-size: 1.25vw !important;
    font-weight: bold !important;
    transition: all 0.25s ease-in-out;
}

section.golden-offers-slider-home .swiper-button-prev:hover::after {
    box-shadow: 0 0 0.2vw rgba(0, 0, 0, 0.3);
}

@media (max-width: 450px) {
    section.golden-offers-slider-home {
        height: 75vw;
    }

    .golden-offers-slider-cont .swiper-container {
        height: 56vw;
    }

    .golden-offers-slider-top-bar {
        margin-bottom: 3vw;
    }

    .golden-offers-slider-top-bar h2 {
        font-size: 3.5vw;
        font-weight: 600;
    }

    .golden-offers-slider-top-bar h2 svg {
        width: 6vw;
    }

    .golden-offers-slider-top-bar a.btn {
        padding: 0.9vw 0.5vw;
        width: 19vw;
        background-color: var(--light-bg);
        border-radius: 1.6vw;
        color: var(--green);
        gap: 0.4vw;
        font-size: 2.6vw;
        white-space: nowrap;
        align-items: center;
        font-weight: 500;
        transition: all 0.25s ease-in-out;
    }

    .golden-offers-slider-cont .golden-offer-card-details h2 {
        width: 100%;
        font-size: 2.8vw;
        font-weight: 600;
        text-align: start;
        height: 2.55vw;
        justify-content: start !important;
    }

    .golden-offer-card-last-div .score {
        width: 8vw;
        gap: 0.3vw;
        font-size: 2.17vw;
        font-weight: 500;
    }

    .golden-offer-card-last-div {
        margin-top: 2vw;
    }

    .golden-offers-slider-cont .golden-offer-card-details h3 {
        gap: 0.55vw;
        align-items: center !important;
    }

    .golden-offers-slider-cont .golden-offer-card-details h3 s {
        font-size: 2.6vw;
        font-weight: 300;
        opacity: 0.75;
    }

    .golden-offers-slider-cont .golden-offer-card-details h3 span.price {
        color: var(--green);
        font-size: 3vw;
        font-weight: 600;
    }

    .golden-offers-slider-cont .swiper-slide a .discount-label {
        width: 7vw;
        height: 7vw;
        position: absolute;
        top: 1.75vw;
        right: 2.2vw;
        z-index: 2;
    }

    .golden-offers-slider-cont .swiper-slide a .discount-label span {
        font-size: 2.9vw !important;
    }

    .golden-offers-slider-cont
    .golden-offer-card-details
    ul.product-colors-pallet
    li {
        width: 1.9vw;
        height: 1.9vw;
    }

    .golden-offer-card-last-div .score svg {
        width: 2.4vw !important;
    }

    .golden-offers-slider-cont .swiper-slide a .special-offer-label {
        width: 15vw;
        height: 6.8vw;
        border-radius: 1vw;
        background-color: rgba(255, 60, 74, 0.1);
        color: #de3618;
        position: absolute;
        top: 1.75vw;
        left: 1vw;
        z-index: 2;
        font-weight: 600;
        font-size: 2.8vw;
    }

    .golden-offers-slider-cont .swiper-slide a {
        padding: 2vw 2.8vw;
        width: 100%;
        height: 100%;
        gap: 0.5vw;
        position: relative;
        justify-content: start !important;
    }

    .golden-offers-slider-cont
    .golden-offer-card-details
    ul.product-colors-pallet {
        position: absolute;
        width: 110%;
        top: -2.8vw;
        justify-content: start !important;
        direction: ltr !important;
    }

    .golden-offers-slider-cont .swiper {
        padding: 0 0 0 0;
        width: 100%;
        height: 100% !important;
        position: relative;
        border-radius: 2vw;
    }

    section.golden-offers-slider-home .swiper-button-next,
    section.golden-offers-slider-home .swiper-button-prev {
        position: absolute !important;
        color: var(--red) !important;
        transition: all 0.25s ease-in-out;
        transform: scale(1.9);
    }

}
