.cursor-glow-surface {
    --cursor-glow-x: 50%;
    --cursor-glow-y: 50%;
    --cursor-glow-opacity: 0;
    position: relative;
}

.cursor-glow-frame {
    position: absolute;
    inset: 0;
    z-index: 30;
    overflow: hidden;
    border-radius: inherit;
    opacity: var(--cursor-glow-opacity);
    pointer-events: none;
    transition: opacity .24s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity;
}

.cursor-glow-frame::before,
.cursor-glow-frame::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

.cursor-glow-frame::before {
    padding: 1px;
    background: radial-gradient(
        155px circle at var(--cursor-glow-x) var(--cursor-glow-y),
        rgba(215, 224, 255, 1) 0%,
        rgba(105, 137, 255, .92) 28%,
        rgba(62, 105, 254, .34) 56%,
        transparent 78%
    );
    filter: drop-shadow(0 0 6px rgba(93, 128, 255, .55));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.cursor-glow-frame::after {
    inset: 1px;
    background: radial-gradient(
        210px circle at calc(var(--cursor-glow-x) - 1px) calc(var(--cursor-glow-y) - 1px),
        rgba(75, 112, 255, .12) 0%,
        rgba(75, 112, 255, .045) 45%,
        transparent 74%
    );
}

:root[data-theme='light'] .cursor-glow-frame::before {
    background: radial-gradient(
        155px circle at var(--cursor-glow-x) var(--cursor-glow-y),
        rgba(49, 91, 232, .96) 0%,
        rgba(62, 105, 254, .68) 34%,
        rgba(62, 105, 254, .2) 60%,
        transparent 78%
    );
    filter: drop-shadow(0 0 6px rgba(49, 91, 232, .3));
}

:root[data-theme='light'] .cursor-glow-frame::after {
    background: radial-gradient(
        210px circle at calc(var(--cursor-glow-x) - 1px) calc(var(--cursor-glow-y) - 1px),
        rgba(62, 105, 254, .08) 0%,
        rgba(62, 105, 254, .025) 47%,
        transparent 74%
    );
}

@media (hover: none), (pointer: coarse) {
    .cursor-glow-frame {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cursor-glow-frame {
        transition: none;
    }
}
/* Amazing-offers navigation contrast */
.amazing-offers-section .slider-nav .swiper-button-prev,
.amazing-offers-section .slider-nav .swiper-button-next {
    z-index: 3;
    position: static !important;
    inset: auto !important;
    display: flex;
    flex: 0 0 42px;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .2) !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(15, 35, 105, .18);
    opacity: 1;
    transform: none !important;
    transition: background .25s ease, box-shadow .25s ease, opacity .2s ease;
}

.amazing-offers-section .slider-nav .swiper-button-prev:hover,
.amazing-offers-section .slider-nav .swiper-button-next:hover,
.amazing-offers-section .slider-nav .swiper-button-prev:focus,
.amazing-offers-section .slider-nav .swiper-button-next:focus,
.amazing-offers-section .slider-nav .swiper-button-prev:focus-visible,
.amazing-offers-section .slider-nav .swiper-button-next:focus-visible,
.amazing-offers-section .slider-nav .swiper-button-prev:active,
.amazing-offers-section .slider-nav .swiper-button-next:active {
    background: rgba(255, 255, 255, .32) !important;
    transform: none !important;
    box-shadow: 0 6px 18px rgba(4, 16, 55, .18);
}

.amazing-offers-section .slider-nav .swiper-button-disabled {
    opacity: .62;
    cursor: default;
}

.amazing-offers-section .slider-nav {
    margin-top: .85rem;
}

.amazing-offers-section .product-card,
.amazing-offers-section .card-visual-wrapper,
.amazing-offers-section .image-container-shimmer {
    background: rgba(10, 22, 62, .84) !important;
}

.amazing-offers-section .card-info {
    position: relative;
    z-index: 1;
}

.amazing-offers-section .card-title,
.amazing-offers-section .product-card:hover .card-title,
.amazing-offers-section .card-price {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(7, 18, 55, .38);
}

.amazing-offers-section .card-old-price {
    color: rgba(255, 255, 255, .72) !important;
    opacity: 1;
}

@media (max-width: 1023px) {
    .amazing-offers-section .view-all-link {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .amazing-offers-section .slider-nav {
        margin-top: .85rem;
    }
}