:root {
    --astri-navy-950: #020817;
    --astri-navy-900: #061126;
    --astri-navy-800: #0b1a38;
    --astri-blue-700: #17305b;
    --astri-gold: #d8b36b;
    --astri-gold-soft: #f0dca9;
    --astri-white: #f7f7f5;
    --astri-silver: #d7dbe6;
    --astri-glass: rgba(3, 12, 30, .38);
    --astri-border: rgba(255, 255, 255, .12);
    --astri-shadow: 0 14px 50px rgba(0, 0, 0, .28);
}

.store-header {
    position: absolute !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999 !important;
    transition: background .5s ease,
        box-shadow .5s ease,
        backdrop-filter .5s ease,
        transform .5s ease;
}

.store-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% -40%,
            rgba(216, 179, 107, .12),
            transparent 44%),
        linear-gradient(to bottom,
            rgba(1, 7, 20, .65),
            rgba(2, 9, 25, .22) 60%,
            transparent);
    z-index: -1;
}

.store-header .top-navbar {
    position: relative;
    background: linear-gradient(90deg,
            rgba(4, 12, 30, .92),
            rgba(15, 34, 71, .84),
            rgba(4, 12, 30, .92)) !important;
    color: var(--astri-white) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    overflow: hidden;
}

.store-header .top-navbar::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -30%;
    width: 30%;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            var(--astri-gold-soft),
            transparent);
}

.store-header .top-navbar p {
    color: #fff !important;
    letter-spacing: .2px;
    text-shadow: 0 0 18px rgba(255, 255, 255, .18);
}

.store-header #mainnav {
    position: relative;
    background: linear-gradient(180deg,
            rgba(2, 8, 23, .30),
            rgba(2, 8, 23, .12)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background .4s ease,
        box-shadow .4s ease,
        backdrop-filter .4s ease;
}

.store-header #mainnav::before {
    content: "";
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    height: 180px;
    background: radial-gradient(ellipse,
            rgba(75, 111, 181, .20),
            rgba(216, 179, 107, .06) 38%,
            transparent 72%);
    filter: blur(12px);
    pointer-events: none;
}

.store-header .navbar-brand {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1),
        filter .45s ease;
    transform-style: preserve-3d;
}

.store-header .navbar-brand img {
    max-height: 46px;
    filter: brightness(0) invert(1) drop-shadow(0 0 14px rgba(255, 255, 255, .16));
    transition: transform .45s ease,
        filter .45s ease;
}

.store-header .navbar-brand:hover {
    transform: perspective(700px) rotateX(4deg) rotateY(-6deg) translateY(-2px);
}

.store-header .navbar-brand:hover img {
    filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(216, 179, 107, .35)) drop-shadow(0 0 24px rgba(216, 179, 107, .18));
}

.store-header .main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.store-header .main-menu>li.root-level {
    position: relative;
    padding: 0 4px;
}

.store-header .main-menu>li.root-level>a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 0 14px;
    color: rgba(255, 255, 255, .94) !important;
    font-weight: 500;
    transition: color .3s ease,
        transform .3s ease,
        text-shadow .3s ease;
}

.store-header .main-menu>li.root-level>a::after {
    content: "";
    position: absolute;
    right: 50%;
    left: 50%;
    bottom: 13px;
    height: 1.5px;
    background: linear-gradient(90deg,
            transparent,
            var(--astri-gold),
            var(--astri-gold-soft),
            var(--astri-gold),
            transparent);
    transition: right .35s ease,
        left .35s ease;
    box-shadow: 0 0 8px rgba(216, 179, 107, .35);
}

.store-header .main-menu>li.root-level:hover>a {
    color: var(--astri-gold-soft) !important;
    transform: translateY(-1px);
    text-shadow: 0 0 16px rgba(216, 179, 107, .18);
}

.store-header .main-menu>li.root-level:hover>a::after {
    right: 12%;
    left: 12%;
}

.store-header .sub-menu {
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(145deg,
            rgba(5, 16, 39, .97),
            rgba(14, 31, 65, .96)) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 25px 70px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    padding: 8px !important;
    overflow: hidden;
    transform-origin: top center;
}

.store-header .sub-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 0%,
            rgba(216, 179, 107, .12),
            transparent 38%);
    pointer-events: none;
}

.store-header .sub-menu li a {
    position: relative;
    display: block;
    padding: 11px 14px !important;
    border-radius: 11px;
    color: rgba(255, 255, 255, .85) !important;
    transition: background .3s ease,
        color .3s ease,
        padding .3s ease;
}

.store-header .sub-menu li a:hover {
    color: #fff !important;
    background: linear-gradient(90deg,
            rgba(216, 179, 107, .13),
            rgba(255, 255, 255, .035));
    padding-right: 20px !important;
}

.store-header .header-btn,
.store-header .header-search-btn,
.store-header .s-cart-summary-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 50%;
    transition: transform .38s cubic-bezier(.2, .7, .2, 1),
        background .35s ease,
        box-shadow .35s ease,
        color .35s ease;
    transform-style: preserve-3d;
}

.store-header .header-btn,
.store-header .header-search-btn {
    width: 42px;
    height: 42px;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .10),
            rgba(255, 255, 255, .025));
    border: 1px solid rgba(255, 255, 255, .09);
}

.store-header .header-btn:hover,
.store-header .header-search-btn:hover {
    color: var(--astri-gold-soft) !important;
    transform: perspective(600px) translateY(-3px) rotateX(8deg);
    background: linear-gradient(145deg,
            rgba(216, 179, 107, .18),
            rgba(255, 255, 255, .05));
    box-shadow: 0 10px 30px rgba(0, 0, 0, .22),
        0 0 22px rgba(216, 179, 107, .12);
}

.store-header .s-cart-summary-wrapper {
    padding: 6px 8px;
    border-radius: 14px;
}

.store-header .s-cart-summary-count {
    position: absolute !important;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border-radius: 50%;
    background: linear-gradient(145deg,
            var(--astri-gold-soft),
            var(--astri-gold)) !important;
    color: var(--astri-navy-950) !important;
    box-shadow: 0 0 0 2px rgba(2, 8, 23, .9),
        0 0 14px rgba(216, 179, 107, .25);
}

.store-header .s-cart-summary-content {
    color: #fff !important;
}

.store-header .header-btn__icon,
.store-header .header-search-btn-icon,
.store-header .sicon-menu,
.store-header .sicon-cart {
    color: #fff !important;
    transition: color .3s ease,
        transform .3s ease;
}

.store-header.astri-scrolled {
    position: fixed !important;
    background: linear-gradient(180deg,
            rgba(3, 10, 28, .96),
            rgba(4, 14, 34, .93)) !important;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .28);
    animation: astriHeaderDrop .45s ease both;
}

.store-header.astri-scrolled .top-navbar {
    display: none;
}

.store-header.astri-scrolled #mainnav {
    background: rgba(3, 11, 29, .86) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(216, 179, 107, .12);
}

.store-header .mobile-menu-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
    transition: transform .3s ease,
        background .3s ease;
}

.store-header .mobile-menu-icon:hover {
    transform: scale(1.07);
    background: rgba(216, 179, 107, .12);
}

@media (max-width:1023px) {
    .store-header #mobile-menu {
        background: linear-gradient(150deg,
                #061127,
                #0b1d40 55%,
                #07152f) !important;
        color: #fff !important;
    }

    .store-header #mobile-menu::before {
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        top: -80px;
        right: -90px;
        border-radius: 50%;
        background: radial-gradient(circle,
                rgba(216, 179, 107, .15),
                transparent 68%);
        pointer-events: none;
    }

    .store-header #mobile-menu a,
    .store-header #mobile-menu span {
        color: #f8f8f7 !important;
    }

    .store-header #mobile-menu li {
        border-color: rgba(255, 255, 255, .07) !important;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .store-header #mainnav {
        height: 68px !important;
    }

    .store-header .navbar-brand img {
        max-height: 42px;
    }
}

@media (max-width:767px) {
    .store-header .top-navbar {
        min-height: 31px;
    }

    .store-header .top-navbar .container-narrow {
        justify-content: center !important;
    }

    .store-header .top-navbar p {
        font-size: 11px !important;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 92vw;
    }

    .store-header #mainnav {
        height: 58px !important;
    }

    .store-header #mainnav .container-narrow {
        height: 58px !important;
    }

    .store-header .navbar-brand img {
        max-height: 34px;
        max-width: 110px;
    }

    .store-header .header-btn,
    .store-header .header-search-btn {
        width: 36px;
        height: 36px;
    }

    .store-header .header-section--right {
        gap: 2px;
    }

    .store-header .s-cart-summary-content {
        display: none !important;
    }
}

@media (max-width:390px) {
    .store-header .navbar-brand img {
        max-width: 88px;
    }

    .store-header .header-btn,
    .store-header .header-search-btn {
        width: 33px;
        height: 33px;
    }

    .store-header .header-section--right {
        gap: 0;
    }
}

@media (prefers-reduced-motion:reduce) {

    .store-header *,
    .store-header *::before,
    .store-header *::after {
        transition: none !important;
    }
}

.store-footer {
    --af-bg-1: #020817;
    --af-bg-2: #061329;
    --af-bg-3: #0b1d3f;
    --af-gold: #d8b36b;
    --af-gold-soft: #f0dca9;
    --af-white: #f7f7f5;
    --af-muted: rgba(235, 239, 247, 0.68);
    --af-border: rgba(255, 255, 255, 0.09);
    position: relative;
    overflow: hidden;
    color: var(--af-white) !important;
    background: radial-gradient(circle at 50% -10%,
            rgba(48, 84, 147, 0.25),
            transparent 34%),
        radial-gradient(circle at 10% 55%,
            rgba(216, 179, 107, 0.07),
            transparent 30%),
        linear-gradient(145deg,
            var(--af-bg-1) 0%,
            var(--af-bg-2) 48%,
            var(--af-bg-3) 100%) !important;
    isolation: isolate;
}

.store-footer::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    top: -330px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(107, 143, 211, 0.18),
            rgba(29, 58, 111, 0.06) 45%,
            transparent 70%);
    filter: blur(15px);
    pointer-events: none;
    z-index: -2;
}

.store-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: 0.32;
    background-image: radial-gradient(circle at 15% 20%,
            rgba(255, 255, 255, .55) 0 1px,
            transparent 1.7px),
        radial-gradient(circle at 75% 35%,
            rgba(216, 179, 107, .5) 0 1px,
            transparent 1.6px),
        radial-gradient(circle at 45% 78%,
            rgba(255, 255, 255, .35) 0 1px,
            transparent 1.5px);
    background-size: 190px 190px,
        270px 270px,
        230px 230px;
}

.store-footer .store-footer__inner {
    position: relative;
    z-index: 2;
    padding-top: 72px;
    padding-bottom: 22px;
}

.store-footer .footer-col {
    position: relative;
    padding: 22px 20px;
    border: 1px solid transparent;
    border-radius: 20px;
    transition: transform .42s cubic-bezier(.2, .8, .2, 1),
        background .42s ease,
        border-color .42s ease,
        box-shadow .42s ease;
    transform-style: preserve-3d;
}

.store-footer .footer-col:hover {
    transform: perspective(900px) translateY(-6px) rotateX(1.5deg);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .055),
            rgba(255, 255, 255, .018));
    border-color: rgba(216, 179, 107, .14);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .05);
}

.store-footer .footer-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: .2px;
    text-shadow: 0 0 18px rgba(255, 255, 255, .07);
}

.store-footer .footer-title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    width: 32px;
    height: 1.5px;
    background: linear-gradient(90deg,
            var(--af-gold-soft),
            var(--af-gold),
            transparent);
    box-shadow: 0 0 10px rgba(216, 179, 107, .3);
    transition: width .35s ease;
}

.store-footer .footer-col:hover .footer-title::after {
    width: 62px;
}

.store-footer,
.store-footer p,
.store-footer span,
.store-footer .contact-info {
    color: var(--af-muted);
}

.store-footer .newsletter-desc {
    font-size: 14px;
    line-height: 1.8;
}

.store-footer .footer-links,
.store-footer .s-menu-footer-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.store-footer .footer-links li {
    list-style: none;
}

.store-footer .footer-links a,
.store-footer .s-menu-footer-item,
.store-footer .contact-info a {
    position: relative;
    display: inline-flex;
    width: fit-content;
    padding: 6px 0;
    color: rgba(240, 243, 249, .73) !important;
    font-size: 14px;
    transition: color .3s ease,
        transform .3s ease,
        text-shadow .3s ease;
}

.store-footer .footer-links a::before,
.store-footer .s-menu-footer-item::before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 2px;
    background: linear-gradient(90deg,
            var(--af-gold),
            transparent);
    transition: width .35s ease;
}

.store-footer .footer-links a:hover,
.store-footer .s-menu-footer-item:hover,
.store-footer .contact-info a:hover {
    color: var(--af-gold-soft) !important;
    transform: translateX(-4px);
    text-shadow: 0 0 14px rgba(216, 179, 107, .14);
}

.store-footer .footer-links a:hover::before,
.store-footer .s-menu-footer-item:hover::before {
    width: 100%;
}

.store-footer .newsletter-form {
    position: relative;
}

.store-footer .newsletter-input-group {
    position: relative;
    overflow: hidden !important;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, .11);
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04),
        0 12px 35px rgba(0, 0, 0, .14);
    transition: border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;
}

.store-footer .newsletter-input-group:focus-within {
    transform: translateY(-2px);
    border-color: rgba(216, 179, 107, .35);
    box-shadow: 0 14px 45px rgba(0, 0, 0, .2),
        0 0 25px rgba(216, 179, 107, .07);
}

.store-footer .newsletter-input-group input {
    min-width: 0;
    background: rgba(255, 255, 255, .97) !important;
    color: #071126 !important;
    outline: none !important;
    border: 0 !important;
    transition: background .3s ease,
        box-shadow .3s ease;
}

.store-footer .newsletter-input-group input::placeholder {
    color: rgba(7, 17, 38, .48);
}

.store-footer .newsletter-btn {
    position: relative;
    min-width: 95px;
    overflow: hidden;
    border: 0 !important;
    color: #071126 !important;
    background: linear-gradient(135deg,
            #f1dda8,
            #d5ac62 45%,
            #b88941) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38);
    transition: transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease;
}

.store-footer .newsletter-btn::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -70%;
    width: 50%;
    height: 300%;
    transform: rotate(25deg);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .55),
            transparent);
    transition: left .7s ease;
}

.store-footer .newsletter-btn:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 7px 25px rgba(216, 179, 107, .2);
}

.store-footer .newsletter-btn:hover::before {
    left: 135%;
}

.store-footer .contact-info {
    line-height: 1.9;
}

.store-footer .contact-info p {
    position: relative;
    padding-right: 13px;
}

.store-footer .contact-info p::before {
    content: "";
    position: absolute;
    right: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--af-gold);
    box-shadow: 0 0 7px rgba(216, 179, 107, .55);
}

.store-footer .s-social-list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.store-footer .s-social-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .09);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .08),
            rgba(255, 255, 255, .025));
    transition: transform .35s cubic-bezier(.2, .8, .2, 1),
        color .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.store-footer .s-social-list a:hover {
    color: var(--af-gold-soft) !important;
    transform: translateY(-4px) rotate(-4deg) scale(1.05);
    border-color: rgba(216, 179, 107, .25);
    background: rgba(216, 179, 107, .09);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2),
        0 0 18px rgba(216, 179, 107, .1);
}

.store-footer .footer-divider {
    position: relative;
    height: 1px;
    border: 0 !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .08) 15%,
            rgba(216, 179, 107, .34) 50%,
            rgba(255, 255, 255, .08) 85%,
            transparent);
}

.store-footer .footer-divider::after {
    content: "✦";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 10px;
    color: var(--af-gold);
    font-size: 10px;
    background: #061329;
    text-shadow: 0 0 11px rgba(216, 179, 107, .4);
}

.store-footer .footer-logo img,
.store-footer .footer-logo-mobile img {
    object-fit: contain;
    filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(255, 255, 255, .09));
    transition: transform .4s ease,
        filter .4s ease;
}

.store-footer .footer-logo a:hover img,
.store-footer .footer-logo-mobile a:hover img {
    transform: translateY(-3px) scale(1.035);
    filter: brightness(0) invert(1) drop-shadow(0 0 16px rgba(216, 179, 107, .25));
}

.store-footer .s-payments-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.store-footer .s-payments-list-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 36px;
    padding: 5px 7px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
    transition: transform .32s ease,
        box-shadow .32s ease;
}

.store-footer .s-payments-list-item:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.store-footer .s-payments-list-item img {
    max-height: 26px;
    object-fit: contain;
}

.store-footer .s-trust-badges-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 13px;
    color: rgba(255, 255, 255, .8);
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .035);
    transition: transform .35s ease,
        border-color .35s ease,
        background .35s ease;
}

.store-footer .s-trust-badges-wrapper:hover {
    transform: translateY(-3px);
    border-color: rgba(216, 179, 107, .18);
    background: rgba(216, 179, 107, .045);
}

.store-footer .s-trust-badges-image {
    border-radius: 8px;
}

.store-footer .s-trust-badges-label,
.store-footer .s-trust-badges-number {
    color: rgba(255, 255, 255, .75) !important;
}

.store-footer .footer-bottom-top {
    padding-top: 12px;
    padding-bottom: 12px;
}

.store-footer .footer-bottom-bottom {
    border-color: rgba(255, 255, 255, .07) !important;
}

.store-footer .copyright,
.store-footer .copyright *,
.store-footer .copyright-text,
.store-footer .copyright-text * {
    color: rgba(231, 235, 244, .58) !important;
}

.store-footer .copyright a {
    color: rgba(216, 179, 107, .85) !important;
    transition: color .3s ease,
        text-shadow .3s ease;
}

.store-footer .copyright a:hover {
    color: var(--af-gold-soft) !important;
    text-shadow: 0 0 12px rgba(216, 179, 107, .2);
}

.store-footer .footer-col.astri-footer-reveal {
    opacity: 0;
    transform: perspective(900px) translateY(35px) rotateX(4deg);
    transition: opacity .8s ease,
        transform .9s cubic-bezier(.16, .8, .25, 1);
}

.store-footer .footer-col.astri-footer-reveal.is-visible {
    opacity: 1;
    transform: perspective(900px) translateY(0) rotateX(0);
}

@media (min-width: 768px) and (max-width: 1023px) {
    .store-footer .store-footer__inner {
        padding-top: 58px;
    }

    .store-footer .footer-col {
        padding: 18px 16px;
    }
}

@media (max-width: 767px) {
    .store-footer .store-footer__inner {
        padding-top: 46px;
        padding-bottom: 12px;
    }

    .store-footer::before {
        width: 420px;
        height: 420px;
        top: -210px;
    }

    .store-footer .footer-logo-mobile {
        justify-content: center !important;
        margin-bottom: 28px !important;
    }

    .store-footer .footer-logo-mobile img {
        width: 110px;
    }

    .store-footer .footer-col {
        padding: 18px 14px;
        border-radius: 16px;
    }

    .store-footer .footer-col:hover {
        transform: none;
    }

    .store-footer .footer-title {
        font-size: 16px;
    }

    .store-footer .newsletter-input-group {
        border-radius: 12px;
    }

    .store-footer .newsletter-input-group input {
        padding-right: 12px !important;
        padding-left: 12px !important;
        font-size: 12px !important;
    }

    .store-footer .newsletter-btn {
        min-width: 78px;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .store-footer .payment-methods-row {
        gap: 15px;
    }

    .store-footer .s-payments-list {
        gap: 5px;
    }

    .store-footer .s-payments-list-item {
        min-width: 42px;
        height: 32px;
        padding: 4px;
    }

    .store-footer .footer-bottom-bottom {
        text-align: center;
    }
}

@media (max-width: 390px) {
    .store-footer .newsletter-input-group input {
        width: 100%;
        min-width: 0;
    }

    .store-footer .newsletter-btn {
        min-width: 70px;
        font-size: 11px !important;
    }

    .store-footer .s-payments-list-item {
        min-width: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .store-footer *,
    .store-footer *::before,
    .store-footer *::after {
        transition: none !important;
    }
}

.s-block--fixed-banner {
    position: relative;
    overflow: visible !important;
    z-index: 1;
}

.s-block--fixed-banner .container {
    position: relative;
    perspective: 1400px;
}

.s-block--fixed-banner .banner--fixed {
    position: relative;
    display: block;
    overflow: hidden !important;
    border-radius: 24px;
    isolation: isolate;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    background: linear-gradient(145deg,
            rgba(5, 15, 38, 0.85),
            rgba(10, 28, 60, 0.65));
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.24),
        0 10px 30px rgba(3, 10, 28, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    transition: transform .35s cubic-bezier(.2, .8, .2, 1),
        box-shadow .4s ease,
        filter .4s ease;
}

.s-block--fixed-banner .banner--fixed::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, .11);
    box-shadow: inset 0 0 0 1px rgba(216, 179, 107, .04);
}

.s-block--fixed-banner .banner--fixed::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -35%;
    width: 24%;
    height: 180%;
    z-index: 4;
    pointer-events: none;
    transform: rotate(18deg) translateZ(45px);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .04),
            rgba(255, 255, 255, .35),
            rgba(216, 179, 107, .16),
            transparent);
    filter: blur(2px);
    opacity: 0;
    transition: left .9s cubic-bezier(.2, .7, .2, 1),
        opacity .4s ease;
}

.s-block--fixed-banner .banner--fixed img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    transform: scale(1.015) translateZ(0);
    transition: transform 1.1s cubic-bezier(.16, .84, .3, 1),
        filter .7s ease;
}

@media (hover:hover) and (pointer:fine) {
    .s-block--fixed-banner .banner--fixed:hover {
        box-shadow: 0 38px 90px rgba(0, 0, 0, .30),
            0 14px 38px rgba(8, 24, 55, .34),
            0 0 45px rgba(216, 179, 107, .07);
    }

    .s-block--fixed-banner .banner--fixed:hover img {
        transform: scale(1.055) translateZ(25px);
        filter: saturate(1.03) contrast(1.025);
    }

    .s-block--fixed-banner .banner--fixed:hover::after {
        left: 125%;
        opacity: 1;
    }
}

.s-block--fixed-banner .container::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    width: 78%;
    height: 60px;
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(36, 74, 135, .24),
            rgba(216, 179, 107, .045) 45%,
            transparent 74%);
    filter: blur(18px);
    pointer-events: none;
    z-index: -1;
}

.s-block--fixed-banner.astri-banner-init {
    opacity: 0;
    transform: perspective(1200px) translateY(48px) rotateX(3deg) scale(.985);
    transition: opacity .9s ease,
        transform 1s cubic-bezier(.16, .84, .3, 1);
}

.s-block--fixed-banner.astri-banner-visible {
    opacity: 1;
    transform: perspective(1200px) translateY(0) rotateX(0) scale(1);
}

.s-block--fixed-banner .banner--fixed picture {
    display: block;
    position: relative;
}

.s-block--fixed-banner .banner--fixed picture::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom,
            rgba(2, 8, 23, .06),
            transparent 18%,
            transparent 80%,
            rgba(2, 8, 23, .12));
    z-index: 2;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .s-block--fixed-banner .banner--fixed {
        border-radius: 20px;
    }

    .s-block--fixed-banner .container::before {
        bottom: -20px;
        height: 48px;
    }
}

@media (max-width: 767px) {
    .s-block--fixed-banner {
        overflow: hidden;
    }

    .s-block--fixed-banner .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .s-block--fixed-banner .banner--fixed {
        border-radius: 15px;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .18),
            0 7px 20px rgba(4, 15, 37, .18);
    }

    .s-block--fixed-banner .banner--fixed img {
        transform: none;
    }

    .s-block--fixed-banner .container::before {
        width: 90%;
        height: 38px;
        bottom: -14px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .s-block--fixed-banner,
    .s-block--fixed-banner *,
    .s-block--fixed-banner *::before,
    .s-block--fixed-banner *::after {
        transition: none !important;
        transform: none !important;
    }
}

.H_special_categories {
    --hsc-navy-950: #020817;
    --hsc-navy-900: #061329;
    --hsc-navy-800: #0d2348;
    --hsc-blue: #264777;
    --hsc-gold: #d6ad62;
    --hsc-gold-soft: #f1dda9;
    --hsc-white: #f7f7f5;
    --hsc-silver: #dce2ee;
    position: relative !important;
    min-height: 760px;
    margin-bottom: 60px !important;
    overflow: hidden !important;
    isolation: isolate;
    background: radial-gradient(circle at 50% 35%,
            rgba(42, 76, 132, .36),
            transparent 37%),
        linear-gradient(145deg,
            #020817,
            #071630 50%,
            #0b2147) !important;
    color: #fff;
    perspective: 1600px;
}

.H_special_categories .hsc-bg {
    position: absolute !important;
    inset: -4% !important;
    width: 108%;
    height: 108%;
    background-size: cover !important;
    background-position: center 22% !important;
    opacity: 0;
    filter: saturate(.82) contrast(1.08) brightness(.52);
    transform: scale(1.08) translateZ(0);
    transition: opacity 1s ease,
        transform 6s cubic-bezier(.16, .7, .2, 1),
        filter 1s ease;
    z-index: -5;
}

.H_special_categories .hsc-bg.astri-bg-active {
    opacity: .62;
    transform: scale(1.01) translateZ(0);
    filter: saturate(.9) contrast(1.08) brightness(.52);
}

.H_special_categories .hsc-veil {
    position: absolute;
    inset: 0;
    z-index: -4;
    pointer-events: none;
    background: linear-gradient(to bottom,
            rgba(2, 8, 23, .88) 0%,
            rgba(2, 8, 23, .34) 38%,
            rgba(2, 8, 23, .46) 67%,
            rgba(2, 8, 23, .95) 100%),
        radial-gradient(ellipse at center,
            transparent 12%,
            rgba(2, 8, 23, .18) 52%,
            rgba(1, 5, 15, .72) 100%);
}

.H_special_categories::before {
    content: "";
    position: absolute;
    width: 900px;
    height: 560px;
    top: 170px;
    left: 50%;
    transform: translateX(-50%) rotateX(70deg);
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(71, 112, 183, .25),
            rgba(216, 173, 98, .05) 44%,
            transparent 72%);
    filter: blur(30px);
    z-index: -3;
    pointer-events: none;
}

.H_special_categories::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 170px;
    background: linear-gradient(to bottom,
            transparent,
            rgba(240, 220, 169, .45),
            transparent);
    box-shadow: 0 0 30px rgba(216, 173, 98, .22);
    opacity: .65;
    pointer-events: none;
}

.H_special_categories .hsc-inner {
    position: relative;
    width: 100%;
    min-height: 760px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.H_special_categories .hsc-inner>.flex.flex-col {
    position: relative;
    z-index: 5;
    padding-top: 66px !important;
    margin-bottom: 36px !important;
}

.H_special_categories h4 {
    position: relative;
    color: #fff !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    font-weight: 700 !important;
    letter-spacing: -.4px;
    text-shadow: 0 4px 25px rgba(0, 0, 0, .36),
        0 0 30px rgba(255, 255, 255, .07);
}

.H_special_categories h4::before {
    content: "✦";
    display: inline-block;
    margin-left: 10px;
    color: var(--hsc-gold);
    font-size: 13px;
    vertical-align: middle;
    text-shadow: 0 0 13px rgba(216, 173, 98, .7);
}

.H_special_categories h4::after {
    content: "";
    display: block;
    width: 64px;
    height: 1px;
    margin: 15px auto 0;
    background: linear-gradient(90deg,
            transparent,
            var(--hsc-gold-soft),
            transparent);
    box-shadow: 0 0 12px rgba(216, 173, 98, .35);
}

.H_special_categories h4+p {
    margin-top: 17px;
    color: rgba(232, 237, 247, .72) !important;
    font-size: 15px !important;
    line-height: 1.9;
    text-shadow: 0 3px 15px rgba(0, 0, 0, .28);
}

.H_special_categories .hsc-active-title {
    position: absolute !important;
    z-index: 2;
    left: 50%;
    bottom: 32px;
    width: 100%;
    transform: translateX(-50%) translateY(10px);
    text-align: center;
    pointer-events: none;
    font-size: clamp(52px, 6.3vw, 116px) !important;
    font-weight: 800;
    line-height: .95;
    color: rgba(255, 255, 255, .91) !important;
    text-shadow: 0 8px 30px rgba(0, 0, 0, .5),
        0 0 40px rgba(255, 255, 255, .08);
    opacity: .92;
    transition: opacity .4s ease,
        transform .55s cubic-bezier(.16, .8, .2, 1);
}

.H_special_categories .hsc-active-title.astri-title-changing {
    opacity: 0;
    transform: translateX(-50%) translateY(30px) scale(.96);
}

.H_special_categories .hsc-strip {
    position: relative;
    z-index: 6;
    width: min(920px, 94%);
    min-height: 460px;
    margin: 0 auto 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-style: preserve-3d;
    perspective: 1500px;
}

.H_special_categories .hsc-card {
    position: relative;
    flex: 0 0 auto;
    cursor: pointer;
    transform-style: preserve-3d;
    opacity: .82;
    filter: saturate(.82) brightness(.89);
    transition: transform .65s cubic-bezier(.16, .82, .2, 1),
        opacity .5s ease,
        filter .5s ease,
        z-index .1s linear;
}

.H_special_categories .hsc-card__frame {
    position: relative;
    height: var(--hsc-h) !important;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .11),
            rgba(255, 255, 255, .025));
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .38),
        0 9px 22px rgba(0, 0, 0, .2),
        inset 0 1px 0 rgba(255, 255, 255, .16);
    transform-style: preserve-3d;
    transition: box-shadow .55s ease,
        border-color .55s ease;
}

.H_special_categories .hsc-card__frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(120deg,
            rgba(255, 255, 255, .22),
            transparent 17%,
            transparent 72%,
            rgba(216, 173, 98, .08));
}

.H_special_categories .hsc-card__frame::after {
    content: "";
    position: absolute;
    z-index: 4;
    top: -30%;
    left: -75%;
    width: 34%;
    height: 170%;
    transform: rotate(14deg);
    pointer-events: none;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .06),
            rgba(255, 255, 255, .30),
            transparent);
    transition: left .9s cubic-bezier(.16, .8, .2, 1);
}

.H_special_categories .hsc-card__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1.04) translateZ(18px);
    transition: transform 1.1s cubic-bezier(.16, .8, .2, 1),
        filter .65s ease;
}

.H_special_categories .hsc-card.astri-active {
    z-index: 20 !important;
    opacity: 1;
    filter: saturate(1) brightness(1);
    transform: translateY(-19px) scale(1.075) rotate(0deg) !important;
}

.H_special_categories .hsc-card.astri-active .hsc-card__frame {
    border-color: rgba(236, 208, 150, .42);
    box-shadow: 0 45px 100px rgba(0, 0, 0, .48),
        0 14px 35px rgba(0, 0, 0, .28),
        0 0 40px rgba(216, 173, 98, .10),
        inset 0 1px 0 rgba(255, 255, 255, .25);
}

.H_special_categories .hsc-card.astri-active .hsc-card__img {
    transform: scale(1.075) translateZ(35px);
    filter: contrast(1.03) saturate(1.03);
}

.H_special_categories .hsc-card.astri-active .hsc-card__frame::after {
    left: 130%;
}

.H_special_categories .hsc-strip:hover .hsc-card:not(.astri-active) {
    opacity: .62;
    filter: saturate(.63) brightness(.68);
}

.H_special_categories .hsc-strip::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    width: 68%;
    height: 72px;
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(0, 0, 0, .58),
            rgba(10, 28, 61, .25) 50%,
            transparent 75%);
    filter: blur(15px);
    pointer-events: none;
}

.H_special_categories.astri-hsc-ready .hsc-card {
    opacity: 0;
    transform: perspective(1200px) translateY(70px) rotateX(10deg) scale(.88) !important;
}

.H_special_categories.astri-hsc-ready.astri-hsc-visible .hsc-card {
    opacity: .82;
    transform: var(--astri-base-transform) !important;
}

.H_special_categories.astri-hsc-visible .hsc-card.astri-active {
    opacity: 1;
    transform: translateY(-19px) scale(1.075) rotate(0deg) !important;
}

@media (max-width: 767px) {
    .H_special_categories {
        min-height: auto;
        padding-bottom: 38px;
        margin-bottom: 34px !important;
        border-radius: 0;
    }

    .H_special_categories .hsc-inner {
        min-height: auto;
    }

    .H_special_categories .hsc-inner>.flex.flex-col {
        padding-top: 42px !important;
        padding-inline: 16px;
    }

    .H_special_categories .hsc-mobile-slider {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: 6;
    }

    .H_special_categories .hsc-strip {
        display: none !important;
    }

    .H_special_categories .hsc-active-title {
        display: none !important;
    }

    .H_special_categories .hsc-slide-wrap {
        padding-top: 14px !important;
        padding-bottom: 22px !important;
    }

    .H_special_categories .hsc-slide-card {
        position: relative;
        overflow: hidden;
        border-radius: 18px !important;
        transform: rotate(0deg) !important;
        border: 1px solid rgba(255, 255, 255, .12);
        background: rgba(255, 255, 255, .05);
        box-shadow: 0 24px 55px rgba(0, 0, 0, .34),
            inset 0 1px 0 rgba(255, 255, 255, .1);
        transition: transform .35s ease,
            box-shadow .35s ease;
    }

    .H_special_categories .swiper-slide-active .hsc-slide-card {
        transform: translateY(-6px) scale(1.015) !important;
        box-shadow: 0 28px 65px rgba(0, 0, 0, .42),
            0 0 28px rgba(216, 173, 98, .07);
    }

    .H_special_categories .hsc-slide-card img {
        width: 100%;
        aspect-ratio: 3 / 4 !important;
        object-fit: cover;
        filter: contrast(1.03) saturate(.96);
    }

    .H_special_categories .hsc-slide-card span {
        padding: 90px 18px 18px !important;
        color: #fff !important;
        font-size: 18px !important;
        text-shadow: 0 3px 14px rgba(0, 0, 0, .55);
        background: linear-gradient(to top,
                rgba(2, 8, 23, .92),
                rgba(2, 8, 23, .45) 45%,
                transparent) !important;
    }

    .H_special_categories::before {
        width: 480px;
        height: 360px;
        top: 240px;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .H_special_categories {
        min-height: 680px;
    }

    .H_special_categories .hsc-strip {
        transform: scale(.82);
        transform-origin: top center;
        margin-bottom: -10px;
    }

    .H_special_categories .hsc-active-title {
        font-size: clamp(58px, 8vw, 82px) !important;
    }
}

@media (min-width:1400px) {
    .H_special_categories .hsc-strip {
        width: 1000px;
    }

    .H_special_categories {
        min-height: 800px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .H_special_categories *,
    .H_special_categories *::before,
    .H_special_categories *::after {
        transition: none !important;
    }
}

.s-block--bundle-hero-area {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 78% 15%,
            rgba(56, 94, 164, .30),
            transparent 34%),
        radial-gradient(circle at 15% 85%,
            rgba(216, 179, 107, .08),
            transparent 30%),
        linear-gradient(135deg,
            #020817 0%,
            #061329 48%,
            #0b2349 100%) !important;
}

.s-block--bundle-hero-area>* {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.s-block--bundle-hero-area .s-block--hero-area {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 680px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 75% 25%,
            rgba(61, 99, 170, .28),
            transparent 35%),
        linear-gradient(135deg,
            #020817,
            #07152f 55%,
            #0b244d) !important;
    color: #fff !important;
}

.s-block--bundle-hero-area .lp-container {
    position: relative !important;
    width: 100% !important;
    max-width: 1500px !important;
    min-height: 680px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    perspective: 1600px !important;
}

.s-block--bundle-hero-area .lp-container.row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 680px !important;
    overflow: hidden !important;
}

.s-block--bundle-hero-area .media {
    position: relative !important;
    width: 54% !important;
    max-width: 54% !important;
    min-width: 54% !important;
    min-height: 680px !important;
    overflow: hidden !important;
    order: 1 !important;
    background: #020817 !important;
    transform-style: preserve-3d !important;
}

.s-block--bundle-hero-area .media::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
            transparent 45%,
            rgba(2, 8, 23, .16) 70%,
            rgba(2, 8, 23, .92) 100%),
        linear-gradient(to top,
            rgba(2, 8, 23, .28),
            transparent 38%) !important;
}

.s-block--bundle-hero-area .media::after {
    content: "" !important;
    position: absolute !important;
    z-index: 4 !important;
    top: 12% !important;
    right: 0 !important;
    width: 1px !important;
    height: 76% !important;
    pointer-events: none !important;
    background: linear-gradient(to bottom,
            transparent,
            rgba(255, 255, 255, .14),
            rgba(216, 179, 107, .50),
            rgba(255, 255, 255, .14),
            transparent) !important;
    box-shadow: 0 0 22px rgba(216, 179, 107, .22) !important;
}

.s-block--bundle-hero-area .media img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 680px !important;
    min-height: 680px !important;
    object-fit: cover !important;
    object-position: center 16% !important;
    border-radius: 0 !important;
    transform: scale(1.035) !important;
    filter: saturate(.93) contrast(1.05) brightness(.94) !important;
    transition: transform 1.2s cubic-bezier(.16, .8, .2, 1),
        filter .7s ease !important;
}

.s-block--bundle-hero-area:hover .media img {
    transform: scale(1.07) translateX(-8px) !important;
    filter: saturate(1) contrast(1.06) brightness(.98) !important;
}

.s-block--bundle-hero-area .content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 46% !important;
    max-width: 46% !important;
    min-width: 46% !important;
    min-height: 680px !important;
    order: 2 !important;
    gap: 25px !important;
    padding: 70px clamp(42px, 5vw, 90px) !important;
    box-sizing: border-box !important;
    text-align: right !important;
    background: radial-gradient(circle at 50% 45%,
            rgba(50, 88, 154, .15),
            transparent 45%),
        linear-gradient(130deg,
            rgba(2, 8, 23, .98),
            rgba(6, 20, 47, .88)) !important;
    color: #fff !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: hidden !important;
}

.s-block--bundle-hero-area .content::before {
    content: "" !important;
    position: absolute !important;
    width: 520px !important;
    height: 520px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle,
            rgba(62, 101, 175, .15),
            rgba(216, 179, 107, .025) 47%,
            transparent 70%) !important;
    filter: blur(20px) !important;
    pointer-events: none !important;
}

.s-block--bundle-hero-area .content>div:first-child {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 610px !important;
    transform: translateZ(30px) !important;
}

.s-block--bundle-hero-area .content .sub {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    margin: 0 0 24px 0 !important;
    padding-bottom: 12px !important;
    border: 0 !important;
    color: #e4c57d !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-shadow: 0 0 18px rgba(216, 179, 107, .17) !important;
}

.s-block--bundle-hero-area .content .sub::before {
    content: "✦" !important;
    display: inline-block !important;
    margin-left: 9px !important;
    color: #f1d99e !important;
    font-size: 10px !important;
    text-shadow: 0 0 12px rgba(216, 179, 107, .7) !important;
}

.s-block--bundle-hero-area .content .sub::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 72px !important;
    height: 1px !important;
    background: linear-gradient(90deg,
            #f1dda9,
            rgba(216, 179, 107, .25),
            transparent) !important;
    box-shadow: 0 0 10px rgba(216, 179, 107, .35) !important;
}

.s-block--bundle-hero-area .content .main {
    position: relative !important;
    width: 100% !important;
    max-width: 630px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(38px,
            3.5vw,
            64px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -1px !important;
    text-align: right !important;
    text-shadow: 0 7px 30px rgba(0, 0, 0, .38),
        0 0 42px rgba(255, 255, 255, .05) !important;
    transform: translateZ(40px) !important;
}

.s-block--bundle-hero-area .content .desc {
    width: 100% !important;
    max-width: 560px !important;
    margin: 24px 0 0 !important;
    color: rgba(229, 235, 246, .70) !important;
    font-size: clamp(15px,
            1.1vw,
            18px) !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    text-align: right !important;
    opacity: 1 !important;
}

.s-block--bundle-hero-area .content .cta {
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    max-width: 430px !important;
}

.s-block--bundle-hero-area::before {
    content: "" !important;
    position: absolute !important;
    z-index: 5 !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 65% !important;
    height: 1px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(216, 179, 107, .45),
            rgba(255, 255, 255, .22),
            rgba(216, 179, 107, .45),
            transparent) !important;
    box-shadow: 0 0 25px rgba(216, 179, 107, .16) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .s-block--bundle-hero-area .lp-container.row {
        flex-direction: column !important;
        min-height: auto !important;
    }

    .s-block--bundle-hero-area .media {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        min-height: 520px !important;
        order: 1 !important;
    }

    .s-block--bundle-hero-area .media img {
        height: 520px !important;
        min-height: 520px !important;
    }

    .s-block--bundle-hero-area .media::before {
        background: linear-gradient(to bottom,
                transparent 50%,
                rgba(2, 8, 23, .95)) !important;
    }

    .s-block--bundle-hero-area .media::after {
        display: none !important;
    }

    .s-block--bundle-hero-area .content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        min-height: auto !important;
        padding: 55px 42px 65px !important;
        align-items: center !important;
        text-align: center !important;
    }

    .s-block--bundle-hero-area .content>div:first-child {
        text-align: center !important;
    }

    .s-block--bundle-hero-area .content .sub {
        margin-inline: auto !important;
    }

    .s-block--bundle-hero-area .content .sub::after {
        right: 50% !important;
        transform: translateX(50%) !important;
    }

    .s-block--bundle-hero-area .content .main,
    .s-block--bundle-hero-area .content .desc {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .s-block--bundle-hero-area .s-block--hero-area {
        min-height: auto !important;
    }

    .s-block--bundle-hero-area .lp-container {
        min-height: auto !important;
    }

    .s-block--bundle-hero-area .lp-container.row {
        flex-direction: column !important;
        min-height: auto !important;
        gap: 0 !important;
    }

    .s-block--bundle-hero-area .media {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        min-height: 430px !important;
        order: 1 !important;
    }

    .s-block--bundle-hero-area .media img {
        width: 100% !important;
        height: 430px !important;
        min-height: 430px !important;
        object-position: center 12% !important;
        transform: scale(1.025) !important;
    }

    .s-block--bundle-hero-area .media::before {
        background: linear-gradient(to bottom,
                transparent 43%,
                rgba(2, 8, 23, .28) 67%,
                rgba(2, 8, 23, .99)) !important;
    }

    .s-block--bundle-hero-area .media::after {
        display: none !important;
    }

    .s-block--bundle-hero-area .content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        min-height: auto !important;
        order: 2 !important;
        margin-top: -1px !important;
        padding: 40px 20px 50px !important;
        align-items: center !important;
        text-align: center !important;
    }

    .s-block--bundle-hero-area .content>div:first-child {
        text-align: center !important;
    }

    .s-block--bundle-hero-area .content .sub {
        margin: 0 auto 20px !important;
        font-size: 12px !important;
    }

    .s-block--bundle-hero-area .content .sub::after {
        right: 50% !important;
        transform: translateX(50%) !important;
    }

    .s-block--bundle-hero-area .content .main {
        max-width: 100% !important;
        font-size: clamp(30px,
                9vw,
                42px) !important;
        line-height: 1.38 !important;
        letter-spacing: -.5px !important;
        text-align: center !important;
    }

    .s-block--bundle-hero-area .content .desc {
        max-width: 100% !important;
        margin-top: 18px !important;
        font-size: 14px !important;
        line-height: 1.9 !important;
        text-align: center !important;
    }

    .s-block--bundle-hero-area .content .cta {
        max-width: 100% !important;
    }
}

@media (max-width: 390px) {
    .s-block--bundle-hero-area .media,

    .s-block--bundle-hero-area .media img {
        height: 380px !important;
        min-height: 380px !important;
    }

    .s-block--bundle-hero-area .content .main {
        font-size: 29px !important;
    }
}

.s-block--bundle-images-gallery>[component-name="images-gallery"]::before {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

.s-block--bundle-images-gallery>[component-name="images-gallery"] {
    filter: none !important;
}

.s-block--bundle-images-gallery::before {
    filter: blur(26px) !important;
    z-index: -2 !important;
    pointer-events: none !important;
}

.s-block--bundle-images-gallery::after {
    pointer-events: none !important;
}

.s-block--bundle-images-gallery {
    --astri-night: #020817;
    --astri-navy: #06142f;
    --astri-blue: #102b58;
    --astri-blue-soft: #234878;
    --astri-gold: #d7af64;
    --astri-gold-soft: #f0dca6;
    position: relative !important;
    width: 100% !important;
    padding: clamp(70px, 7vw, 120px) 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    isolation: isolate;
    background: radial-gradient(ellipse at 50% 50%,
            rgba(35, 69, 126, .30),
            transparent 43%),
        radial-gradient(circle at 10% 20%,
            rgba(215, 175, 100, .07),
            transparent 30%),
        radial-gradient(circle at 88% 80%,
            rgba(67, 105, 170, .12),
            transparent 31%),
        linear-gradient(145deg,
            #020817 0%,
            #06132d 48%,
            #0b234a 100%) !important;
    perspective: 1700px;
}

.s-block--bundle-images-gallery::before {
    content: "";
    position: absolute;
    width: min(1000px, 80vw);
    height: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(68deg);
    border-radius: 50%;
    z-index: -2;
    pointer-events: none;
    background: radial-gradient(ellipse,
            rgba(87, 129, 207, .27),
            rgba(49, 82, 145, .12) 37%,
            rgba(215, 175, 100, .035) 56%,
            transparent 72%);
    filter: blur(26px);
}

.s-block--bundle-images-gallery::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .42;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .80) 0 1px,
            transparent 1.5px),

        radial-gradient(circle,
            rgba(215, 175, 100, .65) 0 1px,
            transparent 1.6px),

        radial-gradient(circle,
            rgba(119, 156, 219, .55) 0 1px,
            transparent 1.4px);
    background-size: 210px 210px,
        330px 330px,
        260px 260px;
    background-position: 10px 20px,
        70px 120px,
        150px 60px;
}

.s-block--bundle-images-gallery>[component-name="images-gallery"] {
    position: relative !important;
    display: block !important;
    width: min(1400px, calc(100% - 70px)) !important;
    margin: 0 auto !important;
    border-radius: 30px !important;
    transform-style: preserve-3d;
    transform: perspective(1600px) translateZ(0);
    transition: transform .65s cubic-bezier(.16, .8, .2, 1),
        filter .55s ease;
    filter: drop-shadow(0 35px 55px rgba(0, 0, 0, .30)) drop-shadow(0 0 30px rgba(40, 75, 140, .10));
}

.s-block--bundle-images-gallery>[component-name="images-gallery"]::before {
    content: "";
    position: absolute;
    inset: -18px;
    z-index: 8;
    pointer-events: none;
    border-radius: 34px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: linear-gradient(135deg,
            rgba(255, 255, 255, .045),
            transparent 25%,
            transparent 72%,
            rgba(215, 175, 100, .035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06),
        0 0 0 1px rgba(0, 0, 0, .06),
        0 30px 90px rgba(0, 0, 0, .18);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.s-block--bundle-images-gallery>[component-name="images-gallery"]::after {
    content: "";
    position: absolute;
    z-index: 9;
    pointer-events: none;
    width: 22%;
    height: 130%;
    top: -15%;
    left: -35%;
    transform: skewX(-17deg);
    opacity: 0;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .04),
            rgba(255, 255, 255, .18),
            rgba(215, 175, 100, .08),
            transparent);
    filter: blur(4px);
    transition: left 1.15s cubic-bezier(.16, .8, .2, 1),
        opacity .35s ease;
}

@media (hover:hover) and (pointer:fine) {
    .s-block--bundle-images-gallery>[component-name="images-gallery"]:hover {
        transform: perspective(1600px) translateY(-9px) translateZ(20px) rotateX(1.2deg);
        filter: drop-shadow(0 48px 75px rgba(0, 0, 0, .38)) drop-shadow(0 0 42px rgba(215, 175, 100, .08));
    }

    .s-block--bundle-images-gallery>[component-name="images-gallery"]:hover::after {
        left: 125%;
        opacity: 1;
    }
}

.s-block--bundle-images-gallery>[component-name="images-gallery"] {
    border-top: 1px solid rgba(215, 175, 100, .23);
}

.s-block--bundle-images-gallery>[component-name="images-gallery"] {
    box-shadow: 0 38px 100px rgba(0, 0, 0, .20);
}

body .s-block--bundle-images-gallery {
    color-scheme: dark;
}

.s-block--bundle-images-gallery {
    border-top: 1px solid rgba(215, 175, 100, .08);
    border-bottom: 1px solid rgba(215, 175, 100, .08);
    box-shadow: inset 0 45px 85px rgba(0, 0, 0, .15),
        inset 0 -45px 85px rgba(0, 0, 0, .17);
}

@media (min-width:768px) and (max-width:1023px) {
    .s-block--bundle-images-gallery {
        padding: 75px 0 !important;
    }

    .s-block--bundle-images-gallery>[component-name="images-gallery"] {
        width: calc(100% - 40px) !important;
        border-radius: 24px !important;
    }

    .s-block--bundle-images-gallery>[component-name="images-gallery"]::before {
        inset: -12px;
        border-radius: 28px;
    }
}

@media (max-width:767px) {
    .s-block--bundle-images-gallery {
        padding: 52px 0 !important;
        background: radial-gradient(circle at 50% 35%,
                rgba(47, 82, 145, .25),
                transparent 42%),

            linear-gradient(155deg,
                #020817,
                #071631 60%,
                #0b2348) !important;
    }

    .s-block--bundle-images-gallery>[component-name="images-gallery"] {
        width: calc(100% - 24px) !important;
        border-radius: 18px !important;
        filter: drop-shadow(0 22px 38px rgba(0, 0, 0, .27));
    }

    .s-block--bundle-images-gallery>[component-name="images-gallery"]::before {
        inset: -8px;
        border-radius: 21px;
        background: linear-gradient(140deg,
                rgba(255, 255, 255, .04),
                transparent 50%,
                rgba(215, 175, 100, .025));
    }

    .s-block--bundle-images-gallery>[component-name="images-gallery"]::after {
        display: none;
    }

    .s-block--bundle-images-gallery::before {
        width: 500px;
        height: 300px;
        filter: blur(30px);
    }
}

@media (max-width:390px) {
    .s-block--bundle-images-gallery {
        padding: 42px 0 !important;
    }

    .s-block--bundle-images-gallery>[component-name="images-gallery"] {
        width: calc(100% - 18px) !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    .s-block--bundle-images-gallery,
    .s-block--bundle-images-gallery::before,
    .s-block--bundle-images-gallery::after,
    .s-block--bundle-images-gallery>[component-name="images-gallery"],
    .s-block--bundle-images-gallery>[component-name="images-gallery"]::before,
    .s-block--bundle-images-gallery>[component-name="images-gallery"]::after {
        transition: none !important;
        transform: none !important;
    }
}

#main-content {
    --astri-bg-1: #020817;
    --astri-bg-2: #061329;
    --astri-bg-3: #0b2147;
    --astri-blue-glow: rgba(55, 95, 168, .22);
    --astri-blue-soft: rgba(103, 140, 202, .10);
    --astri-gold: rgba(216, 179, 107, .08);
    --astri-white-star: rgba(255, 255, 255, .40);
    --astri-blue-star: rgba(119, 156, 219, .32);
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    background: radial-gradient(circle at 15% 12%,
            rgba(216, 179, 107, .055),
            transparent 26%),

        radial-gradient(circle at 82% 18%,
            rgba(63, 103, 177, .18),
            transparent 32%),

        radial-gradient(circle at 48% 55%,
            rgba(38, 72, 132, .14),
            transparent 44%),

        radial-gradient(circle at 10% 88%,
            rgba(39, 76, 142, .12),
            transparent 30%),

        linear-gradient(145deg,
            var(--astri-bg-1) 0%,
            var(--astri-bg-2) 45%,
            var(--astri-bg-3) 100%) !important;
    color: #fff;
}

#main-content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .55;
    background-image: radial-gradient(circle,
            var(--astri-white-star) 0 1px,
            transparent 1.6px),

        radial-gradient(circle,
            rgba(216, 179, 107, .34) 0 1px,
            transparent 1.5px),

        radial-gradient(circle,
            var(--astri-blue-star) 0 1px,
            transparent 1.5px);
    background-size: 190px 190px,
        310px 310px,
        255px 255px;
    background-position: 18px 22px,
        100px 145px,
        170px 70px;
}

#main-content::after {
    content: "";
    position: absolute;
    width: 1100px;
    height: 650px;
    top: 18%;
    left: 50%;
    z-index: -1;
    pointer-events: none;
    transform: translateX(-50%) rotateX(68deg);
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(74, 113, 189, .20),
            rgba(38, 72, 133, .09) 42%,
            rgba(216, 179, 107, .025) 60%,
            transparent 74%);
    filter: blur(36px);
    opacity: .85;
}

#main-content>section,
#main-content .s-block {
    position: relative;
}

#main-content .astri-transparent-section {
    background: transparent !important;
}

#main-content>section::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(82%, 1300px);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .025),
            rgba(216, 179, 107, .055),
            rgba(255, 255, 255, .025),
            transparent);
}

#main-content>section:nth-of-type(3n+1)::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    top: 10%;
    right: -180px;
    pointer-events: none;
    z-index: 0;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(54, 94, 168, .09),
            transparent 68%);
    filter: blur(18px);
}

#main-content>section:nth-of-type(3n+2)::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    bottom: 5%;
    left: -190px;
    pointer-events: none;
    z-index: 0;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(216, 179, 107, .035),
            transparent 70%);
    filter: blur(18px);
}

@media (min-width:768px) and (max-width:1023px) {
    #main-content::before {
        opacity: .45;
        background-size: 220px 220px,
            350px 350px,
            290px 290px;
    }

    #main-content::after {
        width: 800px;
        height: 500px;
        filter: blur(42px);
    }
}

@media (max-width:767px) {
    #main-content {
        background: radial-gradient(circle at 80% 12%,
                rgba(59, 97, 166, .14),
                transparent 30%),

            radial-gradient(circle at 12% 72%,
                rgba(216, 179, 107, .035),
                transparent 26%),

            linear-gradient(155deg,
                #020817,
                #06142d 58%,
                #0b2145) !important;
    }

    #main-content::before {
        opacity: .38;
        background-size: 230px 230px,
            390px 390px,
            320px 320px;
    }

    #main-content::after {
        width: 540px;
        height: 340px;
        top: 25%;
        filter: blur(44px);
        opacity: .62;
    }

    #main-content>section:nth-of-type(3n+1)::before,

    #main-content>section:nth-of-type(3n+2)::before {
        opacity: .55;
        filter: blur(25px);
    }
}

.W_marquee {
    position: relative !important;
    margin-bottom: 34px !important;
    overflow: hidden !important;
    isolation: isolate;
}

.W_marquee>.overflow-hidden {
    position: relative !important;
    background: radial-gradient(circle at 15% 50%,
            rgba(216, 179, 107, .08),
            transparent 28%),
        radial-gradient(circle at 82% 50%,
            rgba(74, 113, 189, .13),
            transparent 30%),
        linear-gradient(90deg,
            #020817 0%,
            #07162f 48%,
            #0b2349 100%) !important;
    border-top: 1px solid rgba(216, 179, 107, .10);
    border-bottom: 1px solid rgba(216, 179, 107, .10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03),
        inset 0 -1px 0 rgba(255, 255, 255, .02),
        0 10px 35px rgba(0, 0, 0, .12);
    overflow: hidden !important;
}

.W_marquee>.overflow-hidden::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .36;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .55) 0 1px,
            transparent 1.4px),
        radial-gradient(circle,
            rgba(216, 179, 107, .45) 0 1px,
            transparent 1.5px),
        radial-gradient(circle,
            rgba(119, 156, 219, .42) 0 1px,
            transparent 1.4px);
    background-size: 180px 180px,
        280px 280px,
        230px 230px;
    background-position: 10px 20px,
        70px 60px,
        130px 25px;
}

.W_marquee>.overflow-hidden::after {
    content: "";
    position: absolute;
    top: -80%;
    left: -25%;
    width: 18%;
    height: 260%;
    z-index: 1;
    pointer-events: none;
    transform: rotate(18deg);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .15),
            rgba(216, 179, 107, .12),
            transparent);
    filter: blur(2px);
}

.W_marquee salla-slider {
    position: relative !important;
    z-index: 2 !important;
    display: block;
}

.W_marquee salla-slider.py-4 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.W_marquee .marquee-item {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .045),
            rgba(255, 255, 255, .012));
    border: 1px solid rgba(255, 255, 255, .05);
    transition: transform .32s ease,
        background .32s ease,
        border-color .32s ease,
        box-shadow .32s ease;
}

.W_marquee .marquee-item img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    flex: 0 0 26px;
    filter: brightness(0) invert(1) sepia(.25) saturate(.8) drop-shadow(0 0 7px rgba(216, 179, 107, .18));
    opacity: .88;
    transition: transform .35s ease,
        filter .35s ease,
        opacity .35s ease;
}

.W_marquee .marquee-item span {
    position: relative;
    color: rgba(255, 255, 255, .92) !important;
    font-size: clamp(14px,
            1.15vw,
            18px) !important;
    font-weight: 500 !important;
    letter-spacing: .1px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
    transition: color .3s ease,
        text-shadow .3s ease;
}

.W_marquee .marquee-item span::after {
    content: "✦";
    display: inline-block;
    margin-right: 12px;
    color: rgba(216, 179, 107, .75);
    font-size: 8px;
    vertical-align: middle;
    text-shadow: 0 0 10px rgba(216, 179, 107, .4);
}

@media (hover:hover) and (pointer:fine) {
    .W_marquee .marquee-item:hover {
        transform: translateY(-2px) scale(1.015);
        background: linear-gradient(145deg,
                rgba(216, 179, 107, .09),
                rgba(255, 255, 255, .025));
        border-color: rgba(216, 179, 107, .18);
        box-shadow: 0 8px 25px rgba(0, 0, 0, .16),
            0 0 22px rgba(216, 179, 107, .05);
    }

    .W_marquee .marquee-item:hover img {
        transform: translateY(-1px) rotate(-6deg) scale(1.08);
        opacity: 1;
        filter: brightness(0) invert(1) sepia(.35) saturate(1) drop-shadow(0 0 10px rgba(216, 179, 107, .28));
    }

    .W_marquee .marquee-item:hover span {
        color: #f0dca6 !important;
        text-shadow: 0 0 14px rgba(216, 179, 107, .12);
    }
}

.W_marquee .swiper {
    -webkit-mask-image: linear-gradient(90deg,
            transparent 0%,
            #000 6%,
            #000 94%,
            transparent 100%);
    mask-image: linear-gradient(90deg,
            transparent 0%,
            #000 6%,
            #000 94%,
            transparent 100%);
}

.W_marquee .swiper-slide {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    opacity: 1 !important;
}

.W_marquee .swiper-slide.reveal,
.W_marquee .swiper-slide.will-animate,
.W_marquee .swiper-slide.animating {
    opacity: 1 !important;
    transform: none !important;
}

@media (min-width:768px) and (max-width:1023px) {
    .W_marquee salla-slider.py-4 {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    .W_marquee .marquee-item {
        padding: 7px 12px;
    }

    .W_marquee .marquee-item img {
        width: 24px !important;
        height: 24px !important;
        flex-basis: 24px;
    }
}

@media (max-width:767px) {
    .W_marquee {
        margin-bottom: 25px !important;
    }

    .W_marquee>.overflow-hidden {
        background: radial-gradient(circle at 75% 50%,
                rgba(58, 98, 169, .12),
                transparent 32%),
            linear-gradient(90deg,
                #020817,
                #07152f,
                #0a2043) !important;
    }

    .W_marquee salla-slider.py-4 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .W_marquee .marquee-item {
        padding: 6px 10px;
        gap: 7px !important;
    }

    .W_marquee .marquee-item img {
        width: 21px !important;
        height: 21px !important;
        flex-basis: 21px;
    }

    .W_marquee .marquee-item span {
        font-size: 13px !important;
    }

    .W_marquee .marquee-item span::after {
        margin-right: 9px;
        font-size: 7px;
    }

    .W_marquee>.overflow-hidden::before {
        opacity: .25;
        background-size: 220px 220px,
            350px 350px,
            290px 290px;
    }

    .W_marquee>.overflow-hidden::after {
        opacity: .55;
    }
}

@media (max-width:390px) {
    .W_marquee .marquee-item {
        padding: 5px 8px;
    }

    .W_marquee .marquee-item span {
        font-size: 12px !important;
    }

    .W_marquee .marquee-item img {
        width: 19px !important;
        height: 19px !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    .W_marquee *,
    .W_marquee *::before,
    .W_marquee *::after {
        transition: none !important;
    }
}

.H_product_set {
    --hps-navy-950: #020817;
    --hps-navy-900: #061329;
    --hps-navy-800: #0d2348;
    --hps-gold: #d7af64;
    --hps-gold-soft: #f0dca6;
    --hps-white: #f7f8fb;
    --hps-muted: rgba(230, 235, 245, .68);
    position: relative !important;
    padding: clamp(60px, 6vw, 100px) 0 !important;
    margin-bottom: clamp(45px, 5vw, 85px) !important;
    overflow: hidden !important;
    background: transparent !important;
    isolation: isolate;
}

.H_product_set::before {
    content: "";
    position: absolute;
    width: 900px;
    height: 520px;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%) rotateX(68deg);
    border-radius: 50%;
    pointer-events: none;
    z-index: -2;
    background: radial-gradient(ellipse,
            rgba(64, 103, 178, .18),
            rgba(39, 75, 136, .08) 44%,
            rgba(215, 175, 100, .02) 60%,
            transparent 74%);
    filter: blur(32px);
}

.H_product_set::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .28;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .45) 0 1px,
            transparent 1.5px),
        radial-gradient(circle,
            rgba(215, 175, 100, .32) 0 1px,
            transparent 1.5px);
    background-size: 230px 230px,
        360px 360px;
    background-position: 30px 60px,
        120px 140px;
}

.H_product_set .container-narrow {
    position: relative;
    z-index: 2;
}

.H_product_set .hps-layout {
    position: relative;
    gap: 30px !important;
    padding: clamp(16px, 2vw, 28px);
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .045),
            rgba(255, 255, 255, .012));
    box-shadow: 0 30px 90px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.H_product_set h4 {
    position: relative;
    color: #fff !important;
    font-size: clamp(25px, 2.2vw, 34px) !important;
    font-weight: 700 !important;
    line-height: 1.45;
    text-shadow: 0 5px 25px rgba(0, 0, 0, .25);
}

.H_product_set h4::before {
    content: "✦";
    margin-left: 10px;
    color: var(--hps-gold);
    font-size: 10px;
    text-shadow: 0 0 12px rgba(215, 175, 100, .65);
}

.H_product_set h4::after {
    content: "";
    display: block;
    width: 65px;
    height: 1px;
    margin: 14px auto 0;
    background: linear-gradient(90deg,
            transparent,
            var(--hps-gold-soft),
            transparent);
    box-shadow: 0 0 12px rgba(215, 175, 100, .3);
}

.H_product_set h4+p {
    margin-top: 14px;
    color: var(--hps-muted) !important;
    font-size: clamp(14px, 1.1vw, 16px) !important;
    line-height: 1.9;
    text-align: center;
}

.H_product_set .hps-panel {
    position: relative;
    padding: 12px;
    border-radius: 22px;
    background: linear-gradient(145deg,
            rgba(5, 17, 42, .80),
            rgba(8, 28, 60, .50));
    border: 1px solid rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.H_product_set .hps-list {
    border: 0 !important;
}

.H_product_set .hps-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 104px;
    padding: 12px 14px !important;
    margin-bottom: 8px;
    border: 1px solid rgba(255, 255, 255, .055) !important;
    border-radius: 16px;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .045),
            rgba(255, 255, 255, .015));
    transition: transform .38s cubic-bezier(.2, .8, .2, 1),
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.H_product_set .hps-item:hover {
    transform: translateX(-5px) translateY(-2px);
    border-color: rgba(215, 175, 100, .18) !important;
    background: linear-gradient(145deg,
            rgba(215, 175, 100, .07),
            rgba(255, 255, 255, .02));
    box-shadow: 0 15px 36px rgba(0, 0, 0, .16),
        0 0 24px rgba(215, 175, 100, .04);
}

.H_product_set .divide-y> :not([hidden])~ :not([hidden]) {
    border-top-width: 0 !important;
}

.H_product_set .hps-thumb-link {
    position: relative;
    display: block;
    flex: 0 0 76px;
    width: 76px;
    height: 88px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: #08162f;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}

.H_product_set .hps-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center;
    transition: transform .6s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease;
}

.H_product_set .hps-item:hover .hps-thumb {
    transform: scale(1.07);
    filter: contrast(1.03) saturate(1.02);
}

.H_product_set .hps-body {
    flex: 1;
}

.H_product_set .hps-name-row {
    gap: 15px;
}

.H_product_set .hps-name {
    color: #fff !important;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 600;
    line-height: 1.7;
    transition: color .3s ease,
        transform .3s ease;
}

.H_product_set .hps-name:hover {
    color: var(--hps-gold-soft) !important;
}

.H_product_set .hps-price {
    white-space: nowrap;
    color: var(--hps-gold-soft) !important;
    font-weight: 700;
    font-size: 15px;
    text-shadow: 0 0 12px rgba(215, 175, 100, .12);
}

.H_product_set .hps-image-col {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, .09);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .04),
            rgba(255, 255, 255, .01));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .28),
        0 0 35px rgba(55, 95, 165, .07);
    transform-style: preserve-3d;
    transition: transform .55s cubic-bezier(.16, .8, .2, 1),
        box-shadow .45s ease;
}

@media (hover:hover) and (pointer:fine) {
    .H_product_set .hps-image-col:hover {
        transform: perspective(1300px) translateY(-6px) rotateX(1deg) rotateY(-1deg);
        box-shadow: 0 42px 100px rgba(0, 0, 0, .34),
            0 0 45px rgba(215, 175, 100, .06);
    }
}

.H_product_set .hps-image-col::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(135deg,
            rgba(255, 255, 255, .12),
            transparent 20%,
            transparent 72%,
            rgba(215, 175, 100, .08));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.H_product_set .hps-image-col::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: 22%;
    pointer-events: none;
    background: linear-gradient(to top,
            rgba(2, 8, 23, .32),
            transparent);
}

.H_product_set .hps-hero-img {
    display: block;
    width: 100% !important;
    border-radius: 24px !important;
    object-fit: cover !important;
    transform: scale(1.01);
    transition: transform 1.1s cubic-bezier(.16, .8, .2, 1),
        filter .6s ease;
}

.H_product_set .hps-image-col:hover .hps-hero-img {
    transform: scale(1.045);
    filter: contrast(1.035) saturate(1.02);
}

.H_product_set .hps-hotspot {
    z-index: 8 !important;
}

.H_product_set .hps-bullet {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    color: #071127 !important;
    font-weight: 800;
    background: linear-gradient(145deg,
            #f1dda8,
            #d6ac60) !important;
    border: 2px solid rgba(255, 255, 255, .75);
    box-shadow: 0 0 0 6px rgba(215, 175, 100, .12),
        0 0 0 12px rgba(215, 175, 100, .045),
        0 9px 25px rgba(0, 0, 0, .22),
        0 0 20px rgba(215, 175, 100, .3);
    transition: transform .3s ease,
        box-shadow .3s ease !important;
}

.H_product_set .hps-hotspot:hover .hps-bullet,
.H_product_set .hps-hotspot:focus-visible .hps-bullet {
    transform: scale(1.15) translateY(-2px);
    box-shadow: 0 0 0 8px rgba(215, 175, 100, .16),
        0 0 0 15px rgba(215, 175, 100, .05),
        0 12px 30px rgba(0, 0, 0, .25),
        0 0 30px rgba(215, 175, 100, .42);
}

.H_product_set .hps-tooltip {
    z-index: 30 !important;
    border-radius: 14px !important;
    overflow: hidden;
    color: #fff !important;
    background: rgba(4, 14, 35, .94) !important;
    border: 1px solid rgba(215, 175, 100, .15);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .35),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.H_product_set .hps-tooltip__inner {
    padding: 10px !important;
    gap: 10px;
}

.H_product_set .hps-tooltip__img {
    width: 66px !important;
    height: 72px !important;
    border-radius: 9px;
    object-fit: cover;
    object-position: top center;
}

.H_product_set .hps-tooltip__name {
    color: #fff !important;
    font-weight: 600;
}

.H_product_set .hps-tooltip__price {
    color: var(--hps-gold-soft) !important;
    font-weight: 700;
}

.H_product_set .hps-cta {
    margin-top: 14px !important;
}

.H_product_set .hps-add-all-btn {
    position: relative;
    overflow: hidden;
    min-height: 56px !important;
    border-radius: 14px;
    border: 1px solid rgba(241, 221, 168, .35);
    color: #071127 !important;
    font-weight: 700;
    background: linear-gradient(135deg,
            #f2dfa9,
            #d7ae62 48%,
            #bd8e48) !important;
    box-shadow: 0 13px 32px rgba(0, 0, 0, .20),
        0 0 24px rgba(215, 175, 100, .09),
        inset 0 1px 0 rgba(255, 255, 255, .45);
    transition: transform .32s ease,
        box-shadow .32s ease,
        filter .32s ease;
}

.H_product_set .hps-add-all-btn::before {
    content: "";
    position: absolute;
    top: -80%;
    left: -40%;
    width: 24%;
    height: 250%;
    transform: rotate(20deg);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .62),
            transparent);
    transition: left .8s cubic-bezier(.16, .8, .2, 1);
}

.H_product_set .hps-add-all-btn:hover {
    transform: translateY(-3px);
    filter: brightness(1.04);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .27),
        0 0 34px rgba(215, 175, 100, .14);
}

.H_product_set .hps-add-all-btn:hover::before {
    left: 125%;
}

.H_product_set .hps-add-all-btn i,
.H_product_set .hps-add-all-btn span {
    position: relative;
    z-index: 2;
    color: #071127 !important;
}

.H_product_set>.container-narrow>.flex.flex-col.justify-center {
    position: relative;
    z-index: 4;
    margin-bottom: 28px !important;
}

@media (min-width:768px) and (max-width:1023px) {
    .H_product_set {
        padding: 55px 0 !important;
    }

    .H_product_set .hps-layout {
        padding: 18px;
        border-radius: 22px;
    }

    .H_product_set .hps-image-col {
        border-radius: 20px !important;
    }

    .H_product_set .hps-hero-img {
        border-radius: 20px !important;
    }
}

@media (max-width:767px) {
    .H_product_set {
        padding: 38px 0 48px !important;
        margin-bottom: 30px !important;
    }

    .H_product_set .container-narrow {
        padding-inline: 12px !important;
    }

    .H_product_set .hps-layout {
        gap: 16px !important;
        padding: 11px;
        border-radius: 18px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .H_product_set h4 {
        font-size: 22px !important;
    }

    .H_product_set h4+p {
        max-width: 94% !important;
        font-size: 14px !important;
    }

    .H_product_set .hps-panel {
        padding: 8px;
        border-radius: 16px;
    }

    .H_product_set .hps-item {
        min-height: 88px;
        padding: 9px !important;
        gap: 10px;
        border-radius: 13px;
    }

    .H_product_set .hps-thumb-link {
        flex-basis: 61px;
        width: 61px;
        height: 73px;
        border-radius: 9px;
    }

    .H_product_set .hps-name {
        font-size: 13px;
    }

    .H_product_set .hps-price {
        font-size: 13px;
    }

    .H_product_set .hps-image-col,
    .H_product_set .hps-hero-img {
        border-radius: 16px !important;
    }

    .H_product_set .hps-bullet {
        width: 34px !important;
        height: 34px !important;
        font-size: 12px;
        box-shadow: 0 0 0 4px rgba(215, 175, 100, .12),
            0 0 0 8px rgba(215, 175, 100, .04),
            0 6px 18px rgba(0, 0, 0, .2);
    }

    .H_product_set .hps-add-all-btn {
        min-height: 52px !important;
        border-radius: 12px;
        font-size: 13px;
    }

    .H_product_set::after {
        opacity: .18;
        background-size: 290px 290px,
            430px 430px;
    }

    .H_product_set::before {
        width: 520px;
        height: 340px;
        filter: blur(38px);
    }
}

@media (max-width:390px) {
    .H_product_set .hps-name-row {
        gap: 8px;
    }

    .H_product_set .hps-price {
        font-size: 12px;
    }

    .H_product_set .hps-thumb-link {
        flex-basis: 55px;
        width: 55px;
        height: 67px;
    }
}

@media (prefers-reduced-motion:reduce) {

    .H_product_set *,
    .H_product_set *::before,
    .H_product_set *::after {
        transition: none !important;
    }
}

.H_FAQ {
    --faq-night: #020817;
    --faq-navy: #06142f;
    --faq-blue: #102b58;
    --faq-gold: #d7af64;
    --faq-gold-soft: #f0dca6;
    --faq-white: #f7f8fb;
    --faq-muted: rgba(229, 235, 245, .68);
    position: relative !important;
    padding: clamp(60px, 6vw, 100px) 0 !important;
    margin-bottom: clamp(45px, 5vw, 80px) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 18% 30%,
            rgba(215, 175, 100, .045),
            transparent 28%),
        radial-gradient(circle at 82% 60%,
            rgba(61, 100, 174, .15),
            transparent 35%),
        linear-gradient(145deg,
            rgba(2, 8, 23, .72),
            rgba(7, 22, 48, .50)) !important;
    border-top: 1px solid rgba(255, 255, 255, .03);
    border-bottom: 1px solid rgba(215, 175, 100, .05);
    isolation: isolate;
}

.H_FAQ::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .28;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .45) 0 1px,
            transparent 1.5px),

        radial-gradient(circle,
            rgba(215, 175, 100, .34) 0 1px,
            transparent 1.5px),

        radial-gradient(circle,
            rgba(109, 148, 215, .34) 0 1px,
            transparent 1.4px);
    background-size: 220px 220px,
        360px 360px,
        285px 285px;
    background-position: 20px 40px,
        120px 170px,
        170px 70px;
}

.H_FAQ::after {
    content: "";
    position: absolute;
    width: 850px;
    height: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(68deg);
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(65, 104, 180, .15),
            rgba(38, 73, 134, .07) 45%,
            transparent 72%);
    filter: blur(35px);
}

.H_FAQ .container-narrow {
    position: relative;
    z-index: 2;
}

.H_FAQ .container-narrow>.grid {
    position: relative;
    gap: clamp(35px, 5vw, 80px) !important;
    padding: clamp(22px, 3vw, 38px);
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, .07);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .038),
            rgba(255, 255, 255, .012));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .20),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.H_FAQ .container-narrow>.grid>div:first-child {
    position: relative;
    padding: 18px 10px;
    z-index: 2;
}

.H_FAQ .container-narrow>.grid>div:first-child::before {
    content: "";
    position: absolute;
    right: -15px;
    top: 5%;
    width: 1px;
    height: 90%;
    background: linear-gradient(to bottom,
            transparent,
            rgba(215, 175, 100, .28),
            rgba(255, 255, 255, .08),
            transparent);
    box-shadow: 0 0 18px rgba(215, 175, 100, .10);
}

.H_FAQ .container-narrow>.grid>div:first-child>span {
    position: relative;
    color: var(--faq-gold-soft) !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(215, 175, 100, .14);
    background: rgba(215, 175, 100, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.H_FAQ .container-narrow>.grid>div:first-child>span::before {
    content: "✦";
    margin-left: 7px;
    color: var(--faq-gold);
    font-size: 8px;
    text-shadow: 0 0 10px rgba(215, 175, 100, .6);
}

.H_FAQ h2 {
    position: relative;
    margin-top: 10px !important;
    color: #fff !important;
    font-size: clamp(30px,
            3vw,
            48px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 5px 28px rgba(0, 0, 0, .30),
        0 0 40px rgba(255, 255, 255, .04);
}

.H_FAQ h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 1px;
    margin-top: 18px;
    background: linear-gradient(90deg,
            var(--faq-gold-soft),
            rgba(215, 175, 100, .18),
            transparent);
    box-shadow: 0 0 12px rgba(215, 175, 100, .26);
}

.H_FAQ .container-narrow>.grid>div:first-child>p {
    margin-top: 8px !important;
    color: var(--faq-muted) !important;
    font-size: clamp(14px,
            1.15vw,
            16px) !important;
    line-height: 2 !important;
    max-width: 520px !important;
}

.H_FAQ [role="list"] {
    gap: 10px;
    border: 0 !important;
}

.H_FAQ .divide-y> :not([hidden])~ :not([hidden]) {
    border-top-width: 0 !important;
}

.H_FAQ .h-faq-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 18px;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, .06);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .042),
            rgba(255, 255, 255, .013));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    transition: transform .35s cubic-bezier(.2, .8, .2, 1),
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.H_FAQ .h-faq-item:hover {
    transform: translateY(-2px);
    border-color: rgba(215, 175, 100, .14);
    background: linear-gradient(145deg,
            rgba(215, 175, 100, .055),
            rgba(255, 255, 255, .015));
    box-shadow: 0 14px 35px rgba(0, 0, 0, .13),
        inset 0 1px 0 rgba(255, 255, 255, .035);
}

.H_FAQ .h-faq-item:has(button[aria-expanded="true"]) {
    border-color: rgba(215, 175, 100, .22);
    background: radial-gradient(circle at 100% 0%,
            rgba(215, 175, 100, .07),
            transparent 35%),
        linear-gradient(145deg,
            rgba(13, 38, 77, .76),
            rgba(4, 15, 38, .72));
    box-shadow: 0 18px 46px rgba(0, 0, 0, .20),
        0 0 28px rgba(215, 175, 100, .035),
        inset 0 1px 0 rgba(255, 255, 255, .04);
}

.H_FAQ .h-faq-item:has(button[aria-expanded="true"])::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom,
            transparent,
            var(--faq-gold-soft),
            transparent);
    box-shadow: 0 0 12px rgba(215, 175, 100, .4);
}

.H_FAQ .h-faq-item button {
    position: relative;
    min-height: 68px;
    padding: 17px 0 !important;
    color: #fff !important;
    outline: none !important;
}

.H_FAQ .h-faq-item button>span:first-child {
    color: rgba(250, 251, 253, .94) !important;
    font-size: clamp(14px,
            1.1vw,
            16px) !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
    transition: color .3s ease,
        transform .3s ease;
}

.H_FAQ .h-faq-item:hover button>span:first-child {
    color: #fff !important;
}

.H_FAQ button[aria-expanded="true"]>span:first-child {
    color: var(--faq-gold-soft) !important;
    text-shadow: 0 0 14px rgba(215, 175, 100, .10);
}

.H_FAQ .h-faq-caret {
    position: relative;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50%;
    color: rgba(255, 255, 255, .82) !important;
    border: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .07),
            rgba(255, 255, 255, .018));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    transition: transform .4s cubic-bezier(.2, .8, .2, 1),
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.H_FAQ button[aria-expanded="true"] .h-faq-caret {
    transform: rotate(180deg);
    color: #071127 !important;
    border-color: rgba(255, 255, 255, .35);
    background: linear-gradient(145deg,
            #f1dda8,
            #d5aa5c);
    box-shadow: 0 0 0 5px rgba(215, 175, 100, .07),
        0 0 20px rgba(215, 175, 100, .20);
}

.H_FAQ .h-faq-panel {
    overflow: hidden;
    opacity: .55;
    transition: opacity .35s ease;
}

.H_FAQ .h-faq-panel.is-open {
    opacity: 1;
}

.H_FAQ .h-faq-panel p {
    padding: 0 0 20px !important;
    color: rgba(221, 228, 241, .70) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
}

.H_FAQ .h-faq-item button:focus-visible {
    outline: 1px solid rgba(240, 220, 166, .6) !important;
    outline-offset: 5px !important;
    border-radius: 9px;
}

@media (min-width:768px) and (max-width:1023px) {
    .H_FAQ {
        padding: 55px 0 !important;
    }

    .H_FAQ .container-narrow>.grid {
        padding: 24px;
        border-radius: 22px;
    }

    .H_FAQ .h-faq-item {
        border-radius: 15px;
    }
}

@media (max-width:767px) {
    .H_FAQ {
        padding: 40px 0 48px !important;
        margin-bottom: 30px !important;
    }

    .H_FAQ .container-narrow {
        padding-inline: 12px !important;
    }

    .H_FAQ .container-narrow>.grid {
        gap: 28px !important;
        padding: 16px 12px;
        border-radius: 18px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .H_FAQ .container-narrow>.grid>div:first-child {
        align-items: center !important;
        padding: 8px 6px 4px;
        text-align: center;
    }

    .H_FAQ .container-narrow>.grid>div:first-child::before {
        display: none;
    }

    .H_FAQ h2 {
        font-size: 29px !important;
        text-align: center;
    }

    .H_FAQ h2::after {
        margin-inline: auto;
    }

    .H_FAQ .container-narrow>.grid>div:first-child>p {
        text-align: center;
        font-size: 14px !important;
    }

    .H_FAQ .h-faq-item {
        padding: 0 13px;
        margin-bottom: 8px;
        border-radius: 14px;
    }

    .H_FAQ .h-faq-item button {
        min-height: 61px;
        padding: 14px 0 !important;
        gap: 10px !important;
    }

    .H_FAQ .h-faq-item button>span:first-child {
        font-size: 13px !important;
    }

    .H_FAQ .h-faq-caret {
        width: 30px !important;
        height: 30px !important;
    }

    .H_FAQ .h-faq-panel p {
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    .H_FAQ::before {
        opacity: .18;
        background-size: 300px 300px,
            450px 450px,
            370px 370px;
    }

    .H_FAQ::after {
        width: 520px;
        height: 330px;
        filter: blur(40px);
    }
}

@media (max-width:390px) {
    .H_FAQ .container-narrow>.grid {
        padding-inline: 9px;
    }

    .H_FAQ .h-faq-item {
        padding-inline: 11px;
    }

    .H_FAQ .h-faq-item button>span:first-child {
        font-size: 12.5px !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    .H_FAQ *,
    .H_FAQ *::before,
    .H_FAQ *::after {
        transition: none !important;
    }
}

.H_explore_categories {
    --hec-night: #020817;
    --hec-navy: #06142f;
    --hec-blue: #0d2854;
    --hec-gold: #d7af64;
    --hec-gold-soft: #f0dca6;
    --hec-white: #f8f9fc;
    --hec-muted: rgba(225, 232, 244, .64);
    position: relative !important;
    padding: clamp(55px, 6vw, 100px) 0 !important;
    margin-bottom: clamp(45px, 5vw, 85px) !important;
    overflow: hidden !important;
    isolation: isolate;
    background: radial-gradient(circle at 15% 25%,
            rgba(215, 175, 100, .05),
            transparent 26%),
        radial-gradient(circle at 83% 55%,
            rgba(57, 98, 170, .17),
            transparent 35%),
        linear-gradient(145deg,
            rgba(2, 8, 23, .76),
            rgba(7, 21, 46, .54)) !important;
    border-top: 1px solid rgba(255, 255, 255, .03);
    border-bottom: 1px solid rgba(215, 175, 100, .05);
}

.H_explore_categories::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .24;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .42) 0 1px,
            transparent 1.5px),
        radial-gradient(circle,
            rgba(215, 175, 100, .34) 0 1px,
            transparent 1.5px);
    background-size: 250px 250px,
        390px 390px;
    background-position: 30px 40px,
        140px 170px;
}

.H_explore_categories::after {
    content: "";
    position: absolute;
    width: 900px;
    height: 520px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(67deg);
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(63, 104, 181, .16),
            rgba(34, 69, 128, .07) 45%,
            transparent 72%);
    filter: blur(36px);
}

.H_explore_categories .hec-wrapper {
    position: relative;
    min-height: 720px !important;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, .075);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .045),
            rgba(255, 255, 255, .012));
    box-shadow: 0 34px 95px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.H_explore_categories .hec-list {
    position: relative;
    z-index: 4;
    justify-content: center;
    padding: 35px clamp(20px, 4vw, 60px) !important;
    background: radial-gradient(circle at 50% 50%,
            rgba(52, 91, 158, .10),
            transparent 60%),
        linear-gradient(145deg,
            rgba(3, 12, 31, .90),
            rgba(7, 23, 50, .72));
    border-left: 1px solid rgba(255, 255, 255, .05);
}

.H_explore_categories .hec-list::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle,
            rgba(75, 114, 183, .09),
            transparent 68%);
    filter: blur(20px);
}

.H_explore_categories .hec-item {
    position: relative;
    opacity: .32 !important;
    transform: scale(.96);
    transition: opacity .45s ease,
        transform .5s cubic-bezier(.16, .8, .2, 1),
        background .4s ease,
        box-shadow .4s ease !important;
}

.H_explore_categories .hec-item:hover {
    opacity: .72 !important;
    transform: scale(.985);
}

.H_explore_categories .hec-item.is-active {
    opacity: 1 !important;
    transform: scale(1);
    background: linear-gradient(90deg,
            transparent,
            rgba(215, 175, 100, .045),
            transparent);
}

.H_explore_categories .hec-item.is-active::before {
    content: "";
    position: absolute;
    right: -2px;
    top: 20%;
    width: 2px;
    height: 60%;
    border-radius: 999px;
    background: linear-gradient(to bottom,
            transparent,
            var(--hec-gold-soft),
            transparent);
    box-shadow: 0 0 16px rgba(215, 175, 100, .5);
}

.H_explore_categories .hec-title-row {
    position: relative;
    min-height: 78px;
    padding: 18px 10px !important;
}

.H_explore_categories .hec-title,
.H_explore_categories .hec-title-row span {
    color: rgba(235, 239, 247, .48) !important;
    font-size: clamp(20px, 2vw, 29px) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color .4s ease,
        text-shadow .4s ease,
        transform .4s ease !important;
}

.H_explore_categories .hec-item.is-active .hec-title,

.H_explore_categories .hec-item.is-active .hec-title-row span {
    color: #fff !important;
}

.H_explore_categories .hec-item.is-active .hec-title {
    color: var(--hec-gold-soft) !important;
    font-weight: 700 !important;
    text-shadow: 0 0 18px rgba(215, 175, 100, .11);
}

.H_explore_categories .hec-title-row .flex>span:last-child {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(215, 175, 100, .52) !important;
    margin-right: 5px;
    transform: translateY(-2px);
}

.H_explore_categories .hec-item.is-active .hec-title-row .flex>span:last-child {
    color: rgba(240, 220, 166, .82) !important;
}

.H_explore_categories .hec-item.is-active .hec-title-row::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 1px;
    left: 50%;
    bottom: 3px;
    transform: translateX(-50%);
    background: linear-gradient(90deg,
            transparent,
            var(--hec-gold),
            transparent);
    box-shadow: 0 0 12px rgba(215, 175, 100, .35);
}

.H_explore_categories .hec-expand p {
    color: var(--hec-muted) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}

.H_explore_categories .hec-btn {
    position: relative;
    overflow: hidden;
    min-height: 43px;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    color: #071127 !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255, 255, 255, .28);
    background: linear-gradient(135deg,
            #f1dda8,
            #d8ae62 48%,
            #bb8a43) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .20),
        0 0 22px rgba(215, 175, 100, .08),
        inset 0 1px 0 rgba(255, 255, 255, .45);
    transition: transform .3s ease,
        box-shadow .3s ease,
        gap .3s ease,
        filter .3s ease !important;
}

.H_explore_categories .hec-btn::before {
    content: "";
    position: absolute;
    top: -80%;
    left: -45%;
    width: 25%;
    height: 250%;
    transform: rotate(20deg);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .65),
            transparent);
    transition: left .8s cubic-bezier(.16, .8, .2, 1);
}

.H_explore_categories .hec-btn:hover {
    transform: translateY(-3px);
    gap: 16px !important;
    filter: brightness(1.05);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .26),
        0 0 30px rgba(215, 175, 100, .13);
}

.H_explore_categories .hec-btn:hover::before {
    left: 125%;
}

.H_explore_categories .hec-btn>* {
    position: relative;
    z-index: 2;
}

.H_explore_categories .hec-btn-arrow {
    transition: transform .3s ease;
}

.H_explore_categories .hec-btn:hover .hec-btn-arrow {
    transform: translateX(-4px);
}

.H_explore_categories .h-px {
    height: 1px !important;
    opacity: 1 !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .055),
            rgba(215, 175, 100, .05),
            transparent) !important;
}

.H_explore_categories .hec-item.is-active .h-px {
    opacity: 0 !important;
}

.H_explore_categories .hec-image-panel {
    position: relative !important;
    overflow: hidden !important;
    min-height: 720px;
    aspect-ratio: auto !important;
    background: #041026;
    transform-style: preserve-3d;
}

.H_explore_categories .hec-image-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(90deg,
            rgba(2, 8, 23, .82) 0%,
            rgba(2, 8, 23, .25) 18%,
            transparent 42%),
        linear-gradient(to top,
            rgba(2, 8, 23, .35),
            transparent 35%);
}

.H_explore_categories .hec-image-panel::after {
    content: "";
    position: absolute;
    z-index: 6;
    top: 8%;
    right: 0;
    width: 1px;
    height: 84%;
    pointer-events: none;
    background: linear-gradient(to bottom,
            transparent,
            rgba(215, 175, 100, .42),
            rgba(255, 255, 255, .12),
            rgba(215, 175, 100, .42),
            transparent);
    box-shadow: 0 0 22px rgba(215, 175, 100, .18);
}

.H_explore_categories .hec-slide {
    inset: 0 !important;
    width: 100%;
    height: 100%;
    aspect-ratio: auto !important;
    transition: opacity .75s ease,
        transform 1s cubic-bezier(.16, .8, .2, 1),
        filter .8s ease !important;
    transform: scale(1.07) !important;
    filter: brightness(.76) saturate(.86);
}

.H_explore_categories .hec-slide.is-active {
    opacity: 1 !important;
    transform: scale(1) !important;
    filter: brightness(.95) saturate(.96);
}

.H_explore_categories .hec-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1.02);
    transition: transform 6s cubic-bezier(.16, .7, .2, 1),
        filter .7s ease;
}

.H_explore_categories .hec-slide.is-active img {
    transform: scale(1.065);
}

@media (hover:hover) and (pointer:fine) {
    .H_explore_categories .hec-image-panel:hover .hec-slide.is-active img {
        transform: scale(1.09);
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .H_explore_categories {
        padding: 55px 0 !important;
    }

    .H_explore_categories .hec-wrapper {
        min-height: 620px !important;
        border-radius: 23px;
    }

    .H_explore_categories .hec-image-panel {
        min-height: 620px;
    }

    .H_explore_categories .hec-list {
        padding: 25px 22px !important;
    }

    .H_explore_categories .hec-title,

    .H_explore_categories .hec-title-row span {
        font-size: 20px !important;
    }
}

@media (max-width:767px) {
    .H_explore_categories {
        padding: 38px 0 48px !important;
        margin-bottom: 30px !important;
    }

    .H_explore_categories .container-narrow {
        padding-inline: 12px !important;
    }

    .H_explore_categories .hec-wrapper {
        display: flex !important;
        flex-direction: column !important;
        min-height: auto !important;
        border-radius: 18px;
    }

    .H_explore_categories .hec-image-panel {
        order: 1 !important;
        width: 100%;
        min-height: 420px;
        aspect-ratio: 1 / 1 !important;
    }

    .H_explore_categories .hec-list {
        order: 2 !important;
        width: 100%;
        padding: 16px 12px 20px !important;
        border-left: 0;
        border-top: 1px solid rgba(215, 175, 100, .08);
    }

    .H_explore_categories .hec-image-panel::before {
        background: linear-gradient(to top,
                rgba(2, 8, 23, .52),
                transparent 45%);
    }

    .H_explore_categories .hec-image-panel::after {
        top: auto;
        bottom: 0;
        right: 10%;
        width: 80%;
        height: 1px;
        background: linear-gradient(90deg,
                transparent,
                rgba(215, 175, 100, .38),
                transparent);
    }

    .H_explore_categories .hec-title-row {
        min-height: 60px;
        padding: 13px 6px !important;
    }

    .H_explore_categories .hec-title,

    .H_explore_categories .hec-title-row span {
        font-size: 18px !important;
    }

    .H_explore_categories .hec-title-row .flex>span:last-child {
        font-size: 11px !important;
    }

    .H_explore_categories .hec-expand p {
        font-size: 13px !important;
    }

    .H_explore_categories .hec-btn {
        min-height: 40px;
        padding: 9px 18px !important;
        font-size: 12px !important;
    }

    .H_explore_categories::before {
        opacity: .16;
        background-size: 320px 320px,
            480px 480px;
    }

    .H_explore_categories::after {
        width: 520px;
        height: 330px;
        filter: blur(42px);
    }
}

@media (max-width:390px) {
    .H_explore_categories .hec-image-panel {
        min-height: 365px;
    }

    .H_explore_categories .hec-title,

    .H_explore_categories .hec-title-row span {
        font-size: 16px !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    .H_explore_categories *,
    .H_explore_categories *::before,
    .H_explore_categories *::after {
        transition: none !important;
    }
}

.H_featured_look {
    --afl-night: #020817;
    --afl-navy: #06142f;
    --afl-blue: #0d2854;
    --afl-gold: #d7af64;
    --afl-gold-soft: #f0dca6;
    --afl-white: #f8f9fc;
    --afl-muted: rgba(226, 232, 243, .68);
    position: relative !important;
    padding: clamp(50px, 6vw, 90px) 0 !important;
    margin-bottom: clamp(45px, 5vw, 85px) !important;
    overflow: hidden !important;
    isolation: isolate;
    background: radial-gradient(circle at 15% 20%,
            rgba(215, 175, 100, .05),
            transparent 26%),
        radial-gradient(circle at 80% 65%,
            rgba(61, 100, 174, .16),
            transparent 35%),
        linear-gradient(145deg,
            rgba(2, 8, 23, .78),
            rgba(7, 22, 48, .56)) !important;
    border-top: 1px solid rgba(255, 255, 255, .03);
    border-bottom: 1px solid rgba(215, 175, 100, .05);
}

.H_featured_look::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .22;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .45) 0 1px,
            transparent 1.5px),
        radial-gradient(circle,
            rgba(215, 175, 100, .34) 0 1px,
            transparent 1.5px);
    background-size: 240px 240px,
        390px 390px;
    background-position: 20px 40px,
        120px 170px;
}

.H_featured_look::after {
    content: "";
    position: absolute;
    width: 900px;
    height: 520px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(66deg);
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(63, 103, 180, .16),
            rgba(34, 69, 128, .07) 44%,
            transparent 72%);
    filter: blur(36px);
}

.H_featured_look>div.relative {
    position: relative !important;
    max-width: 1500px;
    margin-inline: auto;
}

.H_featured_look>div.relative>div.flex {
    position: relative;
    min-height: 690px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .04),
            rgba(255, 255, 255, .012));
    box-shadow: 0 35px 100px rgba(0, 0, 0, .26),
        inset 0 1px 0 rgba(255, 255, 255, .04);
}

.H_featured_look .h-featured-sidebar {
    width: 25% !important;
    min-width: 220px;
    padding: 34px 24px !important;
    background: radial-gradient(circle at 50% 20%,
            rgba(215, 175, 100, .10),
            transparent 34%),
        linear-gradient(160deg,
            #041027,
            #071a39 60%,
            #0b264e) !important;
    border-left: 1px solid rgba(215, 175, 100, .12);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .025);
    color: #fff !important;
}

.H_featured_look .h-featured-sidebar .navbar-brand {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .07);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .05),
            rgba(255, 255, 255, .012));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    transition: transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.H_featured_look .h-featured-sidebar .navbar-brand:hover {
    transform: translateY(-4px) scale(1.03);
    border-color: rgba(215, 175, 100, .18);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18),
        0 0 25px rgba(215, 175, 100, .06);
}

.H_featured_look .h-featured-sidebar .navbar-brand img {
    max-height: 78px;
    object-fit: contain;
    filter: brightness(0) invert(1) drop-shadow(0 0 14px rgba(255, 255, 255, .10));
    transition: transform .4s ease,
        filter .4s ease !important;
}

.H_featured_look .h-featured-sidebar .navbar-brand:hover img {
    transform: scale(1.05) !important;
    filter: brightness(0) invert(1) drop-shadow(0 0 18px rgba(215, 175, 100, .22));
}

.H_featured_look .swiper-button-prev,
.H_featured_look .swiper-button-next {
    color: #fff !important;
}

.H_featured_look .swiper-button-prev button,
.H_featured_look .swiper-button-next button {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .08),
            rgba(255, 255, 255, .018)) !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    transition: transform .35s cubic-bezier(.2, .8, .2, 1),
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.H_featured_look .swiper-button-prev button svg,
.H_featured_look .swiper-button-next button svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
    color: inherit;
}

.H_featured_look .swiper-button-prev:hover button,
.H_featured_look .swiper-button-next:hover button {
    transform: translateY(-3px) scale(1.05);
    color: #071127 !important;
    border-color: rgba(255, 255, 255, .25);
    background: linear-gradient(145deg,
            #f1dda8,
            #d7ad61) !important;
    box-shadow: 0 13px 32px rgba(0, 0, 0, .24),
        0 0 22px rgba(215, 175, 100, .15);
}

.H_featured_look .swiper-button-disabled {
    opacity: .30 !important;
}

.H_featured_look .h-featured-slider-wrap {
    width: 75% !important;
    min-height: 690px;
    overflow: hidden;
    background: #020817;
}

.H_featured_look .h-featured-slider-wrap salla-slider,

.H_featured_look .h-featured-slider-wrap .swiper,

.H_featured_look .h-featured-slider-wrap .swiper-wrapper,

.H_featured_look .h-featured-slider-wrap .hero-slide {
    height: 690px !important;
    min-height: 690px !important;
}

.H_featured_look .hero-slide>a {
    overflow: hidden;
}

.H_featured_look .hero-slide>a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(1.035);
    filter: contrast(1.05) saturate(.92) brightness(.90);
    transition: transform 6s cubic-bezier(.16, .7, .2, 1),
        filter .7s ease;
}

.H_featured_look .hero-slide.swiper-slide-active>a img {
    transform: scale(1.075);
    filter: contrast(1.05) saturate(.96) brightness(.96);
}

.H_featured_look .hero-slide>.absolute.inset-0.z-10 {
    opacity: 1 !important;
    background: linear-gradient(90deg,
            rgba(2, 8, 23, .93) 0%,
            rgba(2, 8, 23, .74) 28%,
            rgba(2, 8, 23, .32) 58%,
            rgba(2, 8, 23, .10) 100%) !important;
}

.H_featured_look .hero-slide::before {
    content: "";
    position: absolute;
    z-index: 11;
    width: 500px;
    height: 500px;
    right: -160px;
    top: -160px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle,
            rgba(215, 175, 100, .11),
            transparent 70%);
    filter: blur(16px);
}

.H_featured_look .hero-content {
    position: relative;
    z-index: 20;
    max-width: 720px !important;
    padding-inline: clamp(30px, 5vw, 85px) !important;
    transform-style: preserve-3d;
}

.H_featured_look .hero-title {
    position: relative;
    color: #fff !important;
    font-size: clamp(38px,
            4vw,
            68px) !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -1px;
    text-shadow: 0 8px 35px rgba(0, 0, 0, .40),
        0 0 44px rgba(255, 255, 255, .05);
}

.H_featured_look .hero-title::before {
    content: "✦";
    display: block;
    width: fit-content;
    margin-bottom: 15px;
    color: var(--afl-gold);
    font-size: 11px;
    text-shadow: 0 0 13px rgba(215, 175, 100, .65);
}

.H_featured_look .hero-title::after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    margin-top: 20px;
    background: linear-gradient(90deg,
            var(--afl-gold-soft),
            rgba(215, 175, 100, .14),
            transparent);
    box-shadow: 0 0 13px rgba(215, 175, 100, .28);
}

.H_featured_look .hero-description {
    max-width: 570px;
    margin-top: 6px;
    color: rgba(236, 240, 247, .75) !important;
    font-size: clamp(14px,
            1.2vw,
            18px) !important;
    line-height: 2 !important;
    font-weight: 400;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .25);
}

.H_featured_look .hero-btn {
    position: relative;
    overflow: hidden;
    min-height: 48px;
    padding: 11px 24px !important;
    margin-top: 14px !important;
    border-radius: 999px !important;
    color: #071127 !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255, 255, 255, .30) !important;
    background: linear-gradient(135deg,
            #f2dfa9,
            #d8ae62 50%,
            #ba8841) !important;
    box-shadow: 0 13px 34px rgba(0, 0, 0, .23),
        0 0 25px rgba(215, 175, 100, .09),
        inset 0 1px 0 rgba(255, 255, 255, .45);
    transition: transform .32s ease,
        box-shadow .32s ease,
        gap .32s ease,
        filter .32s ease !important;
}

.H_featured_look .hero-btn::before {
    content: "";
    position: absolute;
    top: -90%;
    left: -45%;
    width: 24%;
    height: 280%;
    transform: rotate(20deg);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .66),
            transparent);
    transition: left .8s cubic-bezier(.16, .8, .2, 1);
}

.H_featured_look .hero-btn:hover {
    transform: translateY(-3px) scale(1.02) !important;
    gap: 14px !important;
    filter: brightness(1.05);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28),
        0 0 34px rgba(215, 175, 100, .15);
}

.H_featured_look .hero-btn:hover::before {
    left: 125%;
}

.H_featured_look .hero-btn>* {
    position: relative;
    z-index: 2;
}

.H_featured_look .hero-btn .hec-btn-arrow {
    transition: transform .3s ease;
}

.H_featured_look .hero-btn:hover .hec-btn-arrow {
    transform: translateX(-4px);
}

.H_featured_look .hero-products-external {
    left: 25% !important;
    width: 230px !important;
    max-width: 230px !important;
    height: auto !important;
    aspect-ratio: auto !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: auto !important;
    filter: drop-shadow(0 30px 55px rgba(0, 0, 0, .35));
    transition: transform .5s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease !important;
}

.H_featured_look .hero-products-external:hover {
    transform: translate(-50%, -53%) scale(1.025) !important;
    filter: drop-shadow(0 38px 70px rgba(0, 0, 0, .42));
}

.H_featured_look .hero-products-external salla-product-card {
    display: none;
}

.H_featured_look .hero-products-external salla-product-card.is-active {
    display: block !important;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(215, 175, 100, .16);
    background: linear-gradient(145deg,
            rgba(8, 24, 52, .96),
            rgba(3, 12, 30, .96));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.H_featured_look .hero-products-external .s-product-card-image {
    position: relative;
    overflow: hidden;
    background: #06142f !important;
}

.H_featured_look .hero-products-external .s-product-card-image img {
    width: 100% !important;
    aspect-ratio: 4 / 5;
    object-fit: cover !important;
    object-position: top center !important;
    transform: scale(1.02);
    transition: transform .8s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease;
}

.H_featured_look .hero-products-external salla-product-card:hover .s-product-card-image img {
    transform: scale(1.07);
    filter: contrast(1.03) saturate(1.02);
}

.H_featured_look .hero-products-external .s-product-card-wishlist-btn {
    color: #fff !important;
}

.H_featured_look .hero-products-external .s-product-card-wishlist-btn button {
    border-radius: 50% !important;
    background: rgba(4, 14, 35, .72) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, .10);
}

.H_featured_look .hero-products-external .s-product-card-content {
    padding: 14px !important;
    background: linear-gradient(145deg,
            rgba(6, 19, 43, .98),
            rgba(3, 12, 30, .98)) !important;
}

.H_featured_look .hero-products-external .s-product-card-content-title a {
    color: #fff !important;
    font-weight: 600 !important;
    line-height: 1.6;
}

.H_featured_look .hero-products-external .s-product-card-price {
    color: var(--afl-gold-soft) !important;
    font-weight: 700 !important;
    text-shadow: 0 0 12px rgba(215, 175, 100, .12);
}

.H_featured_look .hero-products-external .s-product-card-content-footer .s-button-element {
    min-height: 43px;
    border-radius: 10px !important;
    color: #071127 !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    background: linear-gradient(135deg,
            #f1dda8,
            #d6ac61) !important;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    transition: transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease;
}

.H_featured_look .hero-products-external .s-product-card-content-footer .s-button-element:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .20),
        0 0 20px rgba(215, 175, 100, .10);
}

@media (min-width:768px) and (max-width:1023px) {
    .H_featured_look {
        padding: 55px 0 !important;
    }

    .H_featured_look>div.relative>div.flex {
        min-height: 600px !important;
        border-radius: 22px !important;
    }

    .H_featured_look .h-featured-sidebar {
        min-width: 190px;
        padding: 26px 18px !important;
    }

    .H_featured_look .h-featured-slider-wrap,

    .H_featured_look .h-featured-slider-wrap salla-slider,

    .H_featured_look .h-featured-slider-wrap .swiper,

    .H_featured_look .h-featured-slider-wrap .swiper-wrapper,

    .H_featured_look .h-featured-slider-wrap .hero-slide {
        min-height: 600px !important;
        height: 600px !important;
    }

    .H_featured_look .hero-products-external {
        width: 200px !important;
        max-width: 200px !important;
    }
}

@media (max-width:767px) {
    .H_featured_look {
        padding: 38px 0 48px !important;
        margin-bottom: 30px !important;
    }

    .H_featured_look>div.relative>div.flex {
        flex-direction: column !important;
        min-height: auto !important;
        border-radius: 18px !important;
    }

    .H_featured_look .h-featured-sidebar {
        width: 100% !important;
        min-width: 0;
        min-height: 100px;
        flex-direction: row !important;
        padding: 14px 16px !important;
        border-left: 0;
        border-bottom: 1px solid rgba(215, 175, 100, .08);
    }

    .H_featured_look .h-featured-sidebar .navbar-brand {
        max-width: 88px !important;
        margin: 0 !important;
        padding: 8px;
        border-radius: 12px;
    }

    .H_featured_look .h-featured-sidebar .navbar-brand img {
        max-height: 48px;
    }

    .H_featured_look .h-featured-sidebar>div {
        margin: 0 !important;
    }

    .H_featured_look .swiper-button-prev button,
    .H_featured_look .swiper-button-next button {
        width: 40px !important;
        height: 40px !important;
    }

    .H_featured_look .h-featured-slider-wrap {
        width: 100% !important;
        min-height: 520px;
    }

    .H_featured_look .h-featured-slider-wrap salla-slider,

    .H_featured_look .h-featured-slider-wrap .swiper,

    .H_featured_look .h-featured-slider-wrap .swiper-wrapper,

    .H_featured_look .h-featured-slider-wrap .hero-slide {
        min-height: 520px !important;
        height: 520px !important;
    }

    .H_featured_look .hero-slide>.absolute.inset-0.z-10 {
        background: linear-gradient(to top,
                rgba(2, 8, 23, .95) 0%,
                rgba(2, 8, 23, .62) 45%,
                rgba(2, 8, 23, .20) 78%,
                rgba(2, 8, 23, .08) 100%) !important;
    }

    .H_featured_look .hero-content {
        justify-content: flex-end !important;
        align-items: center !important;
        text-align: center !important;
        padding: 26px 20px 48px !important;
    }

    .H_featured_look .hero-title {
        font-size: 31px !important;
        text-align: center !important;
    }

    .H_featured_look .hero-title::before {
        margin-inline: auto;
    }

    .H_featured_look .hero-title::after {
        margin-inline: auto;
    }

    .H_featured_look .hero-description {
        font-size: 14px !important;
        line-height: 1.9 !important;
        text-align: center !important;
    }

    .H_featured_look .hero-products-external {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: calc(100% - 24px) !important;
        max-width: 360px !important;
        margin: 18px auto 0;
        aspect-ratio: auto !important;
        pointer-events: auto !important;
        filter: none;
    }

    .H_featured_look .hero-products-external:hover {
        transform: none !important;
    }
}

@media (max-width:390px) {
    .H_featured_look .h-featured-slider-wrap,

    .H_featured_look .h-featured-slider-wrap salla-slider,

    .H_featured_look .h-featured-slider-wrap .swiper,

    .H_featured_look .h-featured-slider-wrap .swiper-wrapper,

    .H_featured_look .h-featured-slider-wrap .hero-slide {
        min-height: 470px !important;
        height: 470px !important;
    }

    .H_featured_look .hero-title {
        font-size: 28px !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    .H_featured_look *,
    .H_featured_look *::before,
    .H_featured_look *::after {
        transition: none !important;
    }
}

.H_featured_look>div.relative>div.flex {
    position: relative !important;
}

@media (min-width: 1024px) {
    .H_featured_look .hero-products-external {
        position: absolute !important;
        top: 50% !important;
        left: auto !important;
        right: calc(12.5% - 110px) !important;
        bottom: auto !important;
        width: 220px !important;
        max-width: 220px !important;
        height: auto !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        transform: translateY(-48%) !important;
        z-index: 120 !important;
        pointer-events: auto !important;
        filter: none !important;
        transition: transform .45s cubic-bezier(.16, .8, .2, 1),
            filter .4s ease !important;
    }

    .H_featured_look .hero-products-external:hover {
        transform: translateY(-51%) scale(1.025) !important;
    }
}

@media (min-width: 1024px) {
    .H_featured_look .h-featured-sidebar {
        position: relative !important;
        width: 25% !important;
        min-width: 260px !important;
        padding: 30px 22px !important;
        justify-content: space-between !important;
        overflow: hidden !important;
        z-index: 30 !important;
    }

    .H_featured_look .h-featured-sidebar::before {
        content: "";
        position: absolute;
        width: 280px;
        height: 360px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: radial-gradient(ellipse,
                rgba(72, 112, 188, .18),
                rgba(215, 175, 100, .035) 48%,
                transparent 72%);
        filter: blur(26px);
        pointer-events: none;
        z-index: -1;
    }
}

.H_featured_look .hero-products-external salla-product-card {
    display: none !important;
}

.H_featured_look .hero-products-external salla-product-card.is-active {
    display: block !important;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(215, 175, 100, .20) !important;
    background: linear-gradient(155deg,
            rgba(11, 31, 65, .98),
            rgba(3, 12, 30, .98)) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .40),

        0 0 30px rgba(68, 108, 181, .08),

        inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

.H_featured_look .hero-products-external .s-product-card-image {
    position: relative !important;
    width: 100% !important;
    height: 245px !important;
    overflow: hidden !important;
    background: #07142e !important;
    border-radius: 17px 17px 0 0 !important;
}

.H_featured_look .hero-products-external .s-product-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to top,
            rgba(2, 8, 23, .30),
            transparent 38%);
    z-index: 2;
}

.H_featured_look .hero-products-external .s-product-card-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.H_featured_look .hero-products-external .s-product-card-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1.015);
    transition: transform .8s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease !important;
}

.H_featured_look .hero-products-external salla-product-card:hover .s-product-card-image img {
    transform: scale(1.065);
}

.H_featured_look .hero-products-external .s-product-card-wishlist-btn {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10 !important;
}

.H_featured_look .hero-products-external .s-product-card-wishlist-btn button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(3, 12, 30, .66) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .18);
    transition: transform .3s ease,
        background .3s ease,
        color .3s ease !important;
}

.H_featured_look .hero-products-external .s-product-card-wishlist-btn button:hover {
    transform: scale(1.08);
    color: #071127 !important;
    background: linear-gradient(145deg,
            #f1dda8,
            #d5aa5e) !important;
}

.H_featured_look .hero-products-external .s-product-card-content {
    padding: 15px 14px 14px !important;
    background: linear-gradient(155deg,
            #071831,
            #031024) !important;
}

.H_featured_look .hero-products-external .s-product-card-content-title {
    margin-bottom: 6px !important;
}

.H_featured_look .hero-products-external .s-product-card-content-title a {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
    text-align: right !important;
    transition: color .3s ease;
}

.H_featured_look .hero-products-external .s-product-card-content-title a:hover {
    color: #f0dca6 !important;
}

.H_featured_look .hero-products-external .s-product-card-price {
    margin: 3px 0 12px !important;
    color: #f0dca6 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: right !important;
    text-shadow: 0 0 12px rgba(215, 175, 100, .13);
}

.H_featured_look .hero-products-external .s-product-card-content-footer {
    margin-top: 8px !important;
}

.H_featured_look .hero-products-external .s-product-card-content-footer .s-button-element {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    min-height: 44px !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(255, 255, 255, .30) !important;
    border-radius: 10px !important;
    color: #071127 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg,
            #f3dfa8,
            #d9b062 50%,
            #bd8c45) !important;
    box-shadow: 0 9px 25px rgba(0, 0, 0, .20),

        inset 0 1px 0 rgba(255, 255, 255, .45);
    transition: transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease !important;
}

.H_featured_look .hero-products-external .s-product-card-content-footer .s-button-element:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 13px 30px rgba(0, 0, 0, .26),

        0 0 20px rgba(215, 175, 100, .12);
}

@media (min-width: 1024px) {
    .H_featured_look .hero-content {
        max-width: 720px !important;
        padding-right: clamp(45px,
                5vw,
                90px) !important;
        padding-left: clamp(40px,
                4vw,
                70px) !important;
    }
}

@media (min-width: 1024px) {
    .H_featured_look .h-featured-sidebar .navbar-brand {
        position: relative;
        z-index: 140;
        margin: 0 auto !important;
    }

    .H_featured_look .h-featured-sidebar>div:last-child {
        position: relative;
        z-index: 140;
        margin-top: auto !important;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .H_featured_look .hero-products-external {
        position: absolute !important;
        top: 50% !important;
        left: auto !important;
        right: calc(12.5% - 88px) !important;
        width: 176px !important;
        max-width: 176px !important;
        transform: translateY(-48%) !important;
        z-index: 120 !important;
    }

    .H_featured_look .hero-products-external .s-product-card-image {
        height: 190px !important;
    }

    .H_featured_look .hero-products-external .s-product-card-content {
        padding: 11px !important;
    }

    .H_featured_look .hero-products-external .s-product-card-content-title a {
        font-size: 12px !important;
    }

    .H_featured_look .hero-products-external .s-product-card-price {
        font-size: 13px !important;
    }
}

@media (max-width:767px) {
    .H_featured_look .hero-products-external {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: calc(100% - 24px) !important;
        max-width: 340px !important;
        height: auto !important;
        margin: 18px auto !important;
        transform: none !important;
        pointer-events: auto !important;
        filter: none !important;
        z-index: 50 !important;
    }

    .H_featured_look .hero-products-external:hover {
        transform: none !important;
    }

    .H_featured_look .hero-products-external .s-product-card-image {
        height: 300px !important;
    }
}

.s-block--custom-testimonials {
    --atr-night: #020817;
    --atr-navy: #06142f;
    --atr-blue: #102b58;
    --atr-gold: #d7af64;
    --atr-gold-soft: #f0dca6;
    --atr-white: #f8f9fc;
    --atr-muted: rgba(228, 234, 244, .68);
    position: relative !important;
    padding: clamp(55px, 6vw, 90px) clamp(12px, 2vw, 30px) !important;
    margin-bottom: clamp(40px, 5vw, 80px) !important;
    overflow: hidden !important;
    border-radius: 28px;
    isolation: isolate;
    background: radial-gradient(circle at 16% 20%,
            rgba(215, 175, 100, .05),
            transparent 28%),
        radial-gradient(circle at 84% 70%,
            rgba(61, 100, 174, .16),
            transparent 34%),
        linear-gradient(145deg,
            rgba(2, 8, 23, .82),
            rgba(7, 21, 46, .60)) !important;
    border: 1px solid rgba(255, 255, 255, .06);
    box-shadow: 0 32px 90px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .035);
}

.s-block--custom-testimonials::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .24;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .42) 0 1px,
            transparent 1.5px),
        radial-gradient(circle,
            rgba(215, 175, 100, .32) 0 1px,
            transparent 1.5px);
    background-size: 240px 240px,
        380px 380px;
    background-position: 20px 50px,
        110px 170px;
}

.s-block--custom-testimonials::after {
    content: "";
    position: absolute;
    width: 820px;
    height: 450px;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%) rotateX(68deg);
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(70, 110, 188, .15),
            rgba(39, 73, 136, .06) 45%,
            transparent 72%);
    filter: blur(34px);
}

.s-block--custom-testimonials .s-reviews-container {
    position: relative;
    z-index: 2;
    max-width: 1300px;
    margin-inline: auto;
}

.s-block--custom-testimonials .s-reviews-header-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 34px !important;
    text-align: center;
}

.s-block--custom-testimonials .s-reviews-header {
    position: relative;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(28px,
            3vw,
            44px) !important;
    font-weight: 700 !important;
    line-height: 1.35;
    text-shadow: 0 5px 28px rgba(0, 0, 0, .32),
        0 0 40px rgba(255, 255, 255, .04);
}

.s-block--custom-testimonials .s-reviews-header::before {
    content: "✦";
    display: inline-block;
    margin-left: 10px;
    color: var(--atr-gold);
    font-size: 10px;
    vertical-align: middle;
    text-shadow: 0 0 12px rgba(215, 175, 100, .7);
}

.s-block--custom-testimonials .s-reviews-header::after {
    content: "";
    display: block;
    width: 74px;
    height: 1px;
    margin: 16px auto 0;
    background: linear-gradient(90deg,
            transparent,
            var(--atr-gold-soft),
            transparent);
    box-shadow: 0 0 12px rgba(215, 175, 100, .28);
}

.s-block--custom-testimonials .s-slider-block__title {
    min-height: 0 !important;
    margin: 0 !important;
}

.s-block--custom-testimonials .s-slider-block__title-left {
    width: 100%;
}

.s-block--custom-testimonials .s-slider-block__title-nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

.s-block--custom-testimonials .s-slider-nav-arrow {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    color: #fff !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .07),
            rgba(255, 255, 255, .018)) !important;
    box-shadow: 0 9px 25px rgba(0, 0, 0, .17),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    transition: transform .32s ease,
        background .32s ease,
        border-color .32s ease,
        color .32s ease,
        box-shadow .32s ease;
}

.s-block--custom-testimonials .s-slider-nav-arrow:hover {
    transform: translateY(-3px) scale(1.04);
    color: #071127 !important;
    border-color: rgba(255, 255, 255, .25) !important;
    background: linear-gradient(145deg,
            #f1dda8,
            #d7ad61) !important;
    box-shadow: 0 13px 32px rgba(0, 0, 0, .23),
        0 0 22px rgba(215, 175, 100, .13);
}

.s-block--custom-testimonials .s-slider-nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

.s-block--custom-testimonials .swiper {
    overflow: visible !important;
    padding: 8px 0 18px !important;
}

.s-block--custom-testimonials .s-reviews-swiper-slide {
    opacity: .48;
    transform: scale(.92);
    transition: opacity .5s ease,
        transform .55s cubic-bezier(.16, .8, .2, 1),
        filter .4s ease !important;
    filter: saturate(.86) brightness(.88);
}

.s-block--custom-testimonials .s-reviews-swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    filter: saturate(1) brightness(1);
}

.s-block--custom-testimonials .s-reviews-swiper-slide.swiper-slide-prev,

.s-block--custom-testimonials .s-reviews-swiper-slide.swiper-slide-next {
    opacity: .68;
    transform: scale(.95);
}

.s-block--custom-testimonials .s-reviews-testimonial {
    position: relative;
    min-height: 270px;
    padding: 6px;
    border-radius: 22px;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .05),
            rgba(255, 255, 255, .012));
    border: 1px solid rgba(255, 255, 255, .065);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    transition: transform .4s cubic-bezier(.16, .8, .2, 1),
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.s-block--custom-testimonials .s-reviews-testimonial:hover {
    transform: translateY(-5px);
    border-color: rgba(215, 175, 100, .16);
    background: linear-gradient(145deg,
            rgba(215, 175, 100, .045),
            rgba(255, 255, 255, .015));
    box-shadow: 0 30px 75px rgba(0, 0, 0, .25),
        0 0 30px rgba(215, 175, 100, .04),
        inset 0 1px 0 rgba(255, 255, 255, .04);
}

.s-block--custom-testimonials .s-reviews-testimonial__inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 256px;
    padding: 28px 26px !important;
    border-radius: 18px;
    background: radial-gradient(circle at 90% 10%,
            rgba(215, 175, 100, .04),
            transparent 30%),
        linear-gradient(145deg,
            rgba(5, 17, 42, .92),
            rgba(7, 25, 54, .72));
    overflow: hidden;
}

.s-block--custom-testimonials .s-reviews-testimonial__avatar {
    position: relative;
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    padding: 4px;
    background: linear-gradient(145deg,
            #f0dca6,
            #b7863d);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22),
        0 0 0 6px rgba(215, 175, 100, .05);
}

.s-block--custom-testimonials .s-reviews-testimonial__avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50%;
    border: 3px solid #07162f;
    filter: contrast(1.02) saturate(.96);
    transition: transform .5s ease;
}

.s-block--custom-testimonials .s-reviews-testimonial:hover .s-reviews-testimonial__avatar img {
    transform: scale(1.05);
}

.s-block--custom-testimonials .s-reviews-testimonial__text {
    flex: 1;
    position: relative;
    z-index: 3;
}

.s-block--custom-testimonials .s-reviews-testimonial__text>p {
    margin: 0 0 20px !important;
    color: rgba(238, 242, 248, .80) !important;
    font-size: clamp(14px,
            1.1vw,
            17px) !important;
    line-height: 2 !important;
    font-weight: 400 !important;
    text-shadow: 0 3px 16px rgba(0, 0, 0, .18);
}

.s-block--custom-testimonials .s-reviews-testimonial__name_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.s-block--custom-testimonials .s-reviews-testimonial__info h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.s-block--custom-testimonials .s-rating-stars-btn-star {
    color: var(--atr-gold) !important;
}

.s-block--custom-testimonials .s-rating-stars-btn-star svg {
    width: 17px !important;
    height: 17px !important;
    fill: var(--atr-gold) !important;
    filter: drop-shadow(0 0 5px rgba(215, 175, 100, .24));
}

.s-block--custom-testimonials .s-reviews-testimonial__icon {
    position: absolute !important;
    left: 22px !important;
    top: 22px !important;
    width: 54px !important;
    height: 54px !important;
    color: rgba(215, 175, 100, .16) !important;
    opacity: 1 !important;
    z-index: 1;
    pointer-events: none;
    transform: rotate(-6deg);
}

.s-block--custom-testimonials .s-reviews-testimonial__icon svg {
    width: 100% !important;
    height: 100% !important;
    fill: currentColor !important;
    filter: drop-shadow(0 0 12px rgba(215, 175, 100, .08));
}

.s-block--custom-testimonials .swiper-slide-active .s-reviews-testimonial {
    border-color: rgba(215, 175, 100, .14);
    box-shadow: 0 28px 75px rgba(0, 0, 0, .28),
        0 0 34px rgba(215, 175, 100, .045),
        inset 0 1px 0 rgba(255, 255, 255, .04);
}

@media (min-width:768px) and (max-width:1023px) {
    .s-block--custom-testimonials {
        padding: 50px 20px !important;
        border-radius: 22px;
    }

    .s-block--custom-testimonials .s-reviews-testimonial {
        min-height: 240px;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__inner {
        min-height: 226px;
        padding: 24px 20px !important;
    }
}

@media (max-width:767px) {
    .s-block--custom-testimonials {
        padding: 40px 12px 48px !important;
        border-radius: 18px;
        margin-bottom: 30px !important;
    }

    .s-block--custom-testimonials .s-reviews-header {
        font-size: 28px !important;
    }

    .s-block--custom-testimonials .s-reviews-header-wrapper {
        margin-bottom: 24px !important;
    }

    .s-block--custom-testimonials .swiper {
        padding-bottom: 10px !important;
    }

    .s-block--custom-testimonials .s-reviews-swiper-slide {
        transform: scale(.96);
        opacity: .68;
    }

    .s-block--custom-testimonials .s-reviews-swiper-slide.swiper-slide-active {
        transform: scale(1);
        opacity: 1;
    }

    .s-block--custom-testimonials .s-reviews-testimonial {
        min-height: auto;
        border-radius: 17px;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
        min-height: 290px;
        padding: 26px 18px !important;
        border-radius: 14px;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__avatar {
        flex: 0 0 68px;
        width: 68px;
        height: 68px;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__text {
        width: 100%;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__text>p {
        font-size: 14px !important;
        line-height: 1.9 !important;
        margin-bottom: 17px !important;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__name_wrapper {
        flex-direction: column;
        justify-content: center;
        gap: 8px;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__icon {
        width: 44px !important;
        height: 44px !important;
        left: 16px !important;
        top: 15px !important;
    }

    .s-block--custom-testimonials .s-slider-nav-arrow {
        width: 38px !important;
        height: 38px !important;
    }

    .s-block--custom-testimonials::before {
        opacity: .16;
        background-size: 310px 310px,
            470px 470px;
    }

    .s-block--custom-testimonials::after {
        width: 520px;
        height: 320px;
        filter: blur(40px);
    }
}

@media (max-width:390px) {
    .s-block--custom-testimonials .s-reviews-testimonial__inner {
        padding: 22px 14px !important;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__text>p {
        font-size: 13px !important;
    }

    .s-block--custom-testimonials .s-reviews-testimonial__info h2 {
        font-size: 14px !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    .s-block--custom-testimonials *,
    .s-block--custom-testimonials *::before,
    .s-block--custom-testimonials *::after {
        transition: none !important;
    }
}

.s-block--features {
    --feat-night: #020817;
    --feat-navy: #06142f;
    --feat-blue: #0d2854;
    --feat-gold: #d7af64;
    --feat-gold-soft: #f0dca6;
    --feat-white: #f8f9fc;
    --feat-muted: rgba(226, 232, 243, .66);
    position: relative !important;
    padding: clamp(45px, 5vw, 80px) 0 !important;
    margin-bottom: clamp(35px, 4vw, 70px) !important;
    overflow: hidden !important;
    isolation: isolate;
    background: transparent !important;
}

.s-block--features::before {
    content: "";
    position: absolute;
    width: 850px;
    height: 420px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(68deg);
    z-index: -2;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(ellipse,
            rgba(62, 103, 181, .14),
            rgba(37, 72, 133, .06) 45%,
            transparent 72%);
    filter: blur(34px);
}

.s-block--features::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .18;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .40) 0 1px,
            transparent 1.5px),
        radial-gradient(circle,
            rgba(215, 175, 100, .30) 0 1px,
            transparent 1.5px);
    background-size: 260px 260px,
        420px 420px;
    background-position: 20px 50px,
        120px 160px;
}

.s-block--features>.grid {
    position: relative;
    z-index: 2;
    gap: clamp(14px, 2vw, 26px) !important;
}

.s-block--features__item {
    position: relative;
    min-height: 230px;
    padding: 28px 22px !important;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, .07);
    background: radial-gradient(circle at 85% 15%,
            rgba(215, 175, 100, .045),
            transparent 32%),
        linear-gradient(145deg,
            rgba(255, 255, 255, .045),
            rgba(255, 255, 255, .012));
    box-shadow: 0 20px 55px rgba(0, 0, 0, .17),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform-style: preserve-3d;
    transition: transform .45s cubic-bezier(.16, .8, .2, 1),
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.s-block--features__item::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(135deg,
            rgba(255, 255, 255, .10),
            transparent 22%,
            transparent 70%,
            rgba(215, 175, 100, .055));
    opacity: .7;
}

.s-block--features__item::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -55%;
    width: 28%;
    height: 180%;
    pointer-events: none;
    transform: rotate(18deg);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .05),
            rgba(255, 255, 255, .22),
            rgba(215, 175, 100, .10),
            transparent);
    opacity: 0;
    transition: left .9s cubic-bezier(.16, .8, .2, 1),
        opacity .3s ease;
}

.s-block--features__item .feature-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 18px;
    border-radius: 50%;
    color: #071127 !important;
    background: linear-gradient(145deg,
            #f2dda6,
            #d8ae62 48%,
            #b88742) !important;
    border: 1px solid rgba(255, 255, 255, .34);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18),
        0 0 0 6px rgba(215, 175, 100, .055),
        0 0 25px rgba(215, 175, 100, .10),
        inset 0 1px 0 rgba(255, 255, 255, .48);
    transform: translateZ(22px);
    transition: transform .4s cubic-bezier(.16, .8, .2, 1),
        box-shadow .35s ease;
}

.s-block--features__item .feature-icon i {
    font-size: 29px !important;
    color: #071127 !important;
    line-height: 1;
    transition: transform .4s ease;
}

.s-block--features__item h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 9px !important;
    color: #fff !important;
    font-size: clamp(17px,
            1.45vw,
            21px) !important;
    font-weight: 700 !important;
    line-height: 1.5;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .25);
    transform: translateZ(14px);
}

.s-block--features__item p {
    position: relative;
    z-index: 2;
    margin: 0 !important;
    max-width: 240px;
    color: var(--feat-muted) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    font-weight: 400;
}

@media (hover:hover) and (pointer:fine) {
    .s-block--features__item:hover {
        transform: perspective(1000px) translateY(-8px) rotateX(1.4deg) scale(1.015);
        border-color: rgba(215, 175, 100, .18);
        background: radial-gradient(circle at 80% 20%,
                rgba(215, 175, 100, .075),
                transparent 34%),
            linear-gradient(145deg,
                rgba(10, 31, 66, .74),
                rgba(4, 15, 37, .76));
        box-shadow: 0 30px 75px rgba(0, 0, 0, .25),
            0 0 32px rgba(215, 175, 100, .05),
            inset 0 1px 0 rgba(255, 255, 255, .045);
    }

    .s-block--features__item:hover::after {
        left: 130%;
        opacity: 1;
    }

    .s-block--features__item:hover .feature-icon {
        transform: translateZ(30px) translateY(-3px) scale(1.07);
        box-shadow: 0 16px 36px rgba(0, 0, 0, .23),
            0 0 0 8px rgba(215, 175, 100, .065),
            0 0 34px rgba(215, 175, 100, .18),
            inset 0 1px 0 rgba(255, 255, 255, .52);
    }

    .s-block--features__item:hover .feature-icon i {
        transform: scale(1.08) rotate(-4deg);
    }
}

@media (min-width:768px) {
    .s-block--features>.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .s-block--features {
        padding: 48px 0 !important;
    }

    .s-block--features__item {
        min-height: 210px;
        padding: 24px 18px !important;
        border-radius: 18px;
    }

    .s-block--features__item .feature-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 15px;
    }

    .s-block--features__item .feature-icon i {
        font-size: 25px !important;
    }
}

@media (max-width:767px) {
    .s-block--features {
        padding: 34px 0 44px !important;
        margin-bottom: 28px !important;
    }

    .s-block--features>.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .s-block--features__item {
        min-height: 175px;
        padding: 20px 10px !important;
        border-radius: 15px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .s-block--features__item .feature-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 13px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .17),
            0 0 0 4px rgba(215, 175, 100, .045);
    }

    .s-block--features__item .feature-icon i {
        font-size: 21px !important;
    }

    .s-block--features__item h2 {
        font-size: 15px !important;
        margin-bottom: 6px !important;
    }

    .s-block--features__item p {
        max-width: 150px;
        font-size: 11.5px !important;
        line-height: 1.7 !important;
    }

    .s-block--features__item:nth-child(3) {
        grid-column: 1 / -1;
        width: calc(50% - 5px);
        justify-self: center;
    }

    .s-block--features::before {
        width: 520px;
        height: 310px;
        filter: blur(40px);
    }
}

@media (max-width:390px) {
    .s-block--features__item {
        min-height: 165px;
        padding: 18px 8px !important;
    }

    .s-block--features__item h2 {
        font-size: 14px !important;
    }

    .s-block--features__item p {
        font-size: 11px !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    .s-block--features *,
    .s-block--features *::before,
    .s-block--features *::after {
        transition: none !important;
        transform: none !important;
    }
}

#slider-with-bg-12 {
    --lp-night: #020817;
    --lp-navy: #07172f;
    --lp-gold: #d7af64;
    --lp-gold-light: #f0dca6;
    --lp-white: #f8f9fc;
    --lp-muted: rgba(230, 235, 244, .62);
    padding: clamp(50px, 6vw, 90px) clamp(18px, 4vw, 60px) clamp(55px, 6vw, 90px) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 85% 15%,
            rgba(53, 91, 164, .12),
            transparent 30%),
        linear-gradient(145deg,
            rgba(2, 8, 23, .70),
            rgba(8, 26, 55, .48)) !important;
}

#slider-with-bg-12 .s-slider-block__title {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 25px;
    margin-bottom: 38px !important;
    padding: 0 !important;
}

#slider-with-bg-12 .s-slider-block__title-right h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(30px,
            3.4vw,
            46px) !important;
    font-weight: 700 !important;
    line-height: 1.25;
    letter-spacing: -.4px;
    text-shadow: 0 6px 28px rgba(0, 0, 0, .28);
}

#slider-with-bg-12 .s-slider-block__title-right h2::before {
    content: "✦";
    margin-left: 10px;
    color: var(--lp-gold);
    font-size: 9px;
    vertical-align: middle;
}

#slider-with-bg-12 .s-slider-block__title-right h2::after {
    content: "";
    display: block;
    width: 76px;
    height: 1px;
    margin-top: 15px;
    background: linear-gradient(90deg,
            var(--lp-gold-light),
            rgba(215, 175, 100, .14),
            transparent);
}

#slider-with-bg-12 .s-slider-block__title-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#slider-with-bg-12 .s-slider-block__display-all {
    min-height: 40px;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    color: var(--lp-gold-light) !important;
    border: 1px solid rgba(215, 175, 100, .14);
    background: rgba(255, 255, 255, .025);
    font-size: 12px !important;
    transition: .3s ease;
}

#slider-with-bg-12 .s-slider-block__display-all:hover {
    color: #071127 !important;
    background: linear-gradient(135deg,
            #f0dda8,
            #d7ad61);
    transform: translateY(-2px);
}

#slider-with-bg-12 .s-slider-nav-arrow {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #fff !important;
    box-shadow: none !important;
    transition: .3s ease;
}

#slider-with-bg-12 .s-slider-nav-arrow:hover:not(:disabled) {
    transform: translateY(-2px);
    color: #071127 !important;
    background: linear-gradient(145deg,
            #f0dda8,
            #d6ab60) !important;
}

#slider-with-bg-12 .swiper {
    overflow: visible !important;
    padding: 5px 0 20px !important;
}

#slider-with-bg-12 .s-products-slider-card {
    padding: 0 6px !important;
    height: auto !important;
}

#slider-with-bg-12 custom-salla-product-card {
    display: block;
    position: relative;
    overflow: visible !important;
    height: 100%;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: transform .45s cubic-bezier(.16, .8, .2, 1) !important;
}

@media (hover:hover) and (pointer:fine) {
    #slider-with-bg-12 custom-salla-product-card:hover {
        transform: translateY(-6px) !important;
    }
}

#slider-with-bg-12 .s-product-card-image {
    position: relative !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .07);
    background: #08162c !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
    transition: transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

#slider-with-bg-12 .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    filter: none !important;
    opacity: 1 !important;
    transform: scale(1.01);
    transition: transform 1s cubic-bezier(.16, .8, .2, 1) !important;
}

#slider-with-bg-12 custom-salla-product-card:hover .s-product-card-image {
    border-color: rgba(215, 175, 100, .16);
    box-shadow: 0 26px 58px rgba(0, 0, 0, .26);
}

#slider-with-bg-12 custom-salla-product-card:hover .s-product-card-image img {
    transform: scale(1.045);
}

#slider-with-bg-12 .s-product-card-image::after {
    display: none !important;
}

#slider-with-bg-12 .s-product-card-image>a>div.absolute {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
}

#slider-with-bg-12 .s-product-card-image>a>div.absolute>div {
    padding: 6px 11px !important;
    border-radius: 999px !important;
    max-width: none !important;
    color: #071127 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    background: linear-gradient(145deg,
            #f2dfa9,
            #d7ac60) !important;
    border: 1px solid rgba(255, 255, 255, .30);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .17);
}

#slider-with-bg-12 .s-product-card-side-actions {
    top: 12px !important;
    inset-inline-end: 12px !important;
    gap: 7px !important;
}

#slider-with-bg-12 .side-action-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    background: rgba(3, 12, 30, .68) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .16);
    transition: transform .3s ease,
        background .3s ease,
        color .3s ease !important;
}

#slider-with-bg-12 .side-action-btn:hover {
    transform: scale(1.07);
    color: #071127 !important;
    background: linear-gradient(145deg,
            #f0dda8,
            #d6ab60) !important;
}

#slider-with-bg-12 .s-product-card-image-overlay {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    transform: translateY(12px) !important;
    transition: opacity .35s ease,
        transform .35s ease !important;
}

#slider-with-bg-12 custom-salla-product-card:hover .s-product-card-image-overlay {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

#slider-with-bg-12 .s-product-card-image-overlay .s-button-element {
    min-height: 46px !important;
    border-radius: 999px !important;
    color: #071127 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255, 255, 255, .35) !important;
    background: linear-gradient(135deg,
            #f2dfa9,
            #d8ae62 50%,
            #bb8942) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .45);
    transition: transform .3s ease,
        filter .3s ease !important;
}

#slider-with-bg-12 .s-product-card-image-overlay .s-button-element:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
}

#slider-with-bg-12 .s-product-card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-height: auto !important;
    padding: 16px 6px 4px !important;
    background: transparent !important;
}

#slider-with-bg-12 .s-product-card-content-title {
    margin: 0 0 6px !important;
    text-align: center;
}

#slider-with-bg-12 .s-product-card-content-title a {
    color: rgba(249, 250, 252, .94) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    transition: color .3s ease;
}

#slider-with-bg-12 custom-salla-product-card:hover .s-product-card-content-title a {
    color: var(--lp-gold-light) !important;
}

#slider-with-bg-12 .s-rating-stars-wrapper {
    margin: 1px 0 4px !important;
    transform: scale(.82);
    transform-origin: center;
}

#slider-with-bg-12 .s-rating-stars-btn-star svg {
    width: 14px !important;
    height: 14px !important;
    fill: rgba(215, 175, 100, .35) !important;
}

#slider-with-bg-12 .s-product-card-content-sub {
    margin-top: 4px !important;
}

#slider-with-bg-12 .s-product-card-price {
    margin: 0 !important;
    color: var(--lp-gold-light) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-shadow: none !important;
}

#slider-with-bg-12 .s-products-slider-card.swiper-slide-active custom-salla-product-card {
    border: 0 !important;
    box-shadow: none !important;
}

@media (min-width:1024px) {
    #slider-with-bg-12 .s-product-card-image {
        aspect-ratio: 4 / 5 !important;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    #slider-with-bg-12 {
        padding: 45px 20px 60px !important;
    }

    #slider-with-bg-12 .s-product-card-image {
        aspect-ratio: 4 / 5 !important;
        border-radius: 16px !important;
    }
}

@media (max-width:767px) {
    #slider-with-bg-12 {
        padding: 36px 12px 48px !important;
    }

    #slider-with-bg-12 .s-slider-block__title {
        align-items: center !important;
        margin-bottom: 24px !important;
    }

    #slider-with-bg-12 .s-slider-block__title-right h2 {
        font-size: 25px !important;
    }

    #slider-with-bg-12 .s-slider-block__display-all {
        display: none !important;
    }

    #slider-with-bg-12 .s-slider-nav-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    #slider-with-bg-12 .s-product-card-image {
        aspect-ratio: 4 / 5 !important;
        border-radius: 14px !important;
    }

    #slider-with-bg-12 .s-product-card-image-overlay {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    #slider-with-bg-12 .s-product-card-image-overlay .s-button-element {
        min-height: 40px !important;
        font-size: 11px !important;
    }

    #slider-with-bg-12 .side-action-btn {
        width: 32px !important;
        height: 32px !important;
    }

    #slider-with-bg-12 .s-product-card-content {
        padding: 12px 3px 2px !important;
    }

    #slider-with-bg-12 .s-product-card-content-title a {
        font-size: 12.5px !important;
    }

    #slider-with-bg-12 .s-product-card-price {
        font-size: 14px !important;
    }
}

@media (prefers-reduced-motion:reduce) {

    #slider-with-bg-12 *,
    #slider-with-bg-12 *::before,
    #slider-with-bg-12 *::after {
        transition: none !important;
    }
}

#best-offers-13-slider {
    --astri-night: #030a18;
    --astri-navy: #071933;
    --astri-navy-2: #0b2448;
    --astri-gold: #d5ae64;
    --astri-gold-light: #f1dba0;
    --astri-white: #f8f9fc;
    --astri-muted: rgba(238, 242, 250, .62);
    position: relative;
    isolation: isolate;
    max-width: none !important;
    width: 100% !important;
    margin: clamp(40px, 6vw, 90px) 0 !important;
    padding: clamp(54px, 7vw, 100px) max(18px, calc((100vw - 1380px) / 2)) clamp(60px, 7vw, 100px) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 82% 22%,
            rgba(79, 124, 204, .18) 0,
            rgba(79, 124, 204, .06) 22%,
            transparent 44%),
        radial-gradient(circle at 8% 78%,
            rgba(207, 165, 88, .08),
            transparent 28%),
        linear-gradient(135deg,
            #020817 0%,
            #06152c 48%,
            #0b2852 100%) !important;
}

#best-offers-13-slider::before,
#best-offers-13-slider::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

#best-offers-13-slider::before {
    inset: 0;
    opacity: .45;
    background-image: radial-gradient(circle, rgba(255, 255, 255, .45) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(215, 174, 100, .45) 0 1px, transparent 1.8px);
    background-size: 145px 145px,
        235px 235px;
    background-position: 10px 22px,
        72px 90px;
    mask-image: linear-gradient(to bottom,
            transparent,
            #000 12%,
            #000 88%,
            transparent);
}

#best-offers-13-slider::after {
    width: 520px;
    height: 520px;
    top: -270px;
    left: 18%;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(220, 183, 111, .10),
            rgba(66, 105, 177, .06) 38%,
            transparent 68%);
    filter: blur(10px);
}

#slider-with-bg-13 {
    display: block !important;
    position: relative !important;
    overflow: visible !important;
}

#slider-with-bg-13 .s-slider-block__title {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 0 clamp(28px, 4vw, 48px) !important;
    padding: 0 !important;
}

#slider-with-bg-13 .s-slider-block__title-right {
    position: relative;
}

#slider-with-bg-13 .s-slider-block__title-right::before {
    content: "ASTRI COLLECTION";
    display: block;
    margin-bottom: 9px;
    color: var(--astri-gold);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4px;
    direction: ltr;
    text-align: right;
    opacity: .82;
}

#slider-with-bg-13 .s-slider-block__title-right h2 {
    position: relative;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(29px, 4vw, 49px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-shadow: 0 8px 30px rgba(0, 0, 0, .32);
}

#slider-with-bg-13 .s-slider-block__title-right h2::after {
    content: "";
    display: block;
    width: clamp(65px, 8vw, 105px);
    height: 1px;
    margin-top: 16px;
    background: linear-gradient(90deg,
            var(--astri-gold-light),
            rgba(213, 174, 100, .28),
            transparent);
    box-shadow: 0 0 14px rgba(213, 174, 100, .20);
}

#slider-with-bg-13 .s-slider-block__title-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#slider-with-bg-13 .s-slider-block__display-all {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 18px !important;
    border: 1px solid rgba(213, 174, 100, .18);
    border-radius: 999px !important;
    color: var(--astri-gold-light) !important;
    background: linear-gradient(135deg,
            rgba(255, 255, 255, .055),
            rgba(255, 255, 255, .018)) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 12px !important;
    font-weight: 600 !important;
    overflow: hidden;
    transition: color .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;
}

#slider-with-bg-13 .s-slider-block__display-all::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
            transparent 20%,
            rgba(255, 255, 255, .18) 45%,
            transparent 70%);
    transform: translateX(120%);
    transition: transform .55s ease;
}

#slider-with-bg-13 .s-slider-block__display-all:hover {
    transform: translateY(-2px);
    color: #071127 !important;
    border-color: transparent;
    background: linear-gradient(135deg,
            #f1dda4,
            #d7ae62) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .18);
}

#slider-with-bg-13 .s-slider-block__display-all:hover::before {
    transform: translateX(-120%);
}

#slider-with-bg-13 .s-slider-block__title-nav {
    display: flex !important;
    gap: 8px !important;
}

#slider-with-bg-13 .s-slider-nav-arrow {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 50% !important;
    color: rgba(255, 255, 255, .88) !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .065),
            rgba(255, 255, 255, .02)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06),
        0 7px 22px rgba(0, 0, 0, .16);
    transition: transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease !important;
}

#slider-with-bg-13 .s-slider-nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
}

#slider-with-bg-13 .s-slider-nav-arrow:hover:not(:disabled) {
    transform: translateY(-2px) scale(1.04);
    color: #061127 !important;
    border-color: transparent !important;
    background: linear-gradient(145deg,
            #f2dfa8,
            #d6a95b) !important;
}

#slider-with-bg-13 .s-slider-nav-arrow:disabled {
    opacity: .26 !important;
}

#slider-with-bg-13 .s-slider-container {
    overflow: visible !important;
}

#slider-with-bg-13 .swiper-wrapper {
    align-items: stretch !important;
}

#slider-with-bg-13 .s-products-slider-card {
    height: auto !important;
    padding: 3px 7px 18px !important;
    perspective: 1000px;
}

#slider-with-bg-13 custom-salla-product-card {
    display: block !important;
    position: relative !important;
    height: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform-style: preserve-3d;
    transition: transform .55s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease !important;
}

#slider-with-bg-13 .s-product-card-image {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 22px 22px 14px 14px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .07),
            rgba(255, 255, 255, .015)) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    transform: translateZ(0);
    transition: transform .55s cubic-bezier(.16, .8, .2, 1),
        border-color .4s ease,
        box-shadow .45s ease !important;
}

#slider-with-bg-13 .s-product-card-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to top,
            rgba(0, 10, 28, .34) 0%,
            transparent 24%);
    opacity: .62;
    transition: opacity .45s ease;
}

#slider-with-bg-13 .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    filter: none !important;
    opacity: 1 !important;
    transform: scale(1.015);
    transition: transform 1.15s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease !important;
    backface-visibility: hidden;
}

@media (hover:hover) and (pointer:fine) {
    #slider-with-bg-13 custom-salla-product-card:hover {
        transform: translateY(-9px) rotateX(1deg) !important;
    }

    #slider-with-bg-13 custom-salla-product-card:hover .s-product-card-image {
        transform: translateZ(12px);
        border-color: rgba(215, 174, 100, .27) !important;
        box-shadow: 0 32px 65px rgba(0, 0, 0, .26),
            0 0 28px rgba(74, 113, 180, .08);
    }

    #slider-with-bg-13 custom-salla-product-card:hover .s-product-card-image img {
        transform: scale(1.065);
    }

    #slider-with-bg-13 custom-salla-product-card:hover .s-product-card-image::before {
        opacity: .34;
    }
}

#slider-with-bg-13 .s-product-card-image>a>div.absolute {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    z-index: 5 !important;
}

#slider-with-bg-13 .s-product-card-image>a>div.absolute>div {
    max-width: none !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    color: #071329 !important;
    background: linear-gradient(145deg,
            #f3e1aa,
            #d4aa5e) !important;
    border: 1px solid rgba(255, 255, 255, .42);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
    font-size: 10px !important;
    font-weight: 700 !important;
}

#slider-with-bg-13 .s-product-card-side-actions {
    top: 13px !important;
    inset-inline-end: 12px !important;
    gap: 7px !important;
    z-index: 7 !important;
}

#slider-with-bg-13 .side-action-btn {
    width: 37px !important;
    height: 37px !important;
    border-radius: 50% !important;
    color: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    background: rgba(3, 12, 28, .64) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .17);
    transition: transform .3s ease,
        background .3s ease,
        color .3s ease !important;
}

#slider-with-bg-13 .side-action-btn:hover {
    transform: rotate(-5deg) scale(1.08);
    color: #071229 !important;
    background: linear-gradient(145deg,
            #f1dda4,
            #d5aa5d) !important;
}

#slider-with-bg-13 .s-product-card-image-overlay {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    padding: 0 !important;
    z-index: 8 !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 0 !important;
    transform: translateY(15px) scale(.97) !important;
    transition: opacity .35s ease,
        transform .4s cubic-bezier(.16, .8, .2, 1) !important;
}

@media (hover:hover) and (pointer:fine) {
    #slider-with-bg-13 custom-salla-product-card:hover .s-product-card-image-overlay {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }
}

#slider-with-bg-13 .s-product-card-image-overlay .s-button-element {
    min-height: 47px !important;
    border-radius: 999px !important;
    color: #071329 !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    background: linear-gradient(115deg,
            #f1dfa9,
            #d5ad64 52%,
            #b98945) !important;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .27),
        inset 0 1px 0 rgba(255, 255, 255, .42);
    font-size: 12px !important;
    font-weight: 700 !important;
    overflow: hidden;
    transition: transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease !important;
}

#slider-with-bg-13 .s-product-card-image-overlay .s-button-element:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 17px 34px rgba(0, 0, 0, .32),
        inset 0 1px 0 rgba(255, 255, 255, .5);
}

#slider-with-bg-13 .s-product-card-content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 17px 8px 4px !important;
    min-height: 106px;
    background: transparent !important;
    text-align: center !important;
}

#slider-with-bg-13 .s-product-card-content::before {
    content: "";
    width: 24px;
    height: 1px;
    margin-bottom: 10px;
    background: linear-gradient(90deg,
            transparent,
            rgba(216, 177, 104, .8),
            transparent);
    transition: width .35s ease;
}

#slider-with-bg-13 custom-salla-product-card:hover .s-product-card-content::before {
    width: 46px;
}

#slider-with-bg-13 .s-product-card-content-title {
    margin: 0 0 5px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

#slider-with-bg-13 .s-product-card-content-title a {
    color: rgba(249, 250, 253, .95) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
    transition: color .3s ease,
        letter-spacing .3s ease !important;
}

#slider-with-bg-13 custom-salla-product-card:hover .s-product-card-content-title a {
    color: var(--astri-gold-light) !important;
}

#slider-with-bg-13 salla-rating-stars {
    margin: 1px 0 3px !important;
}

#slider-with-bg-13 .s-rating-stars-wrapper {
    transform: scale(.78);
    transform-origin: center;
}

#slider-with-bg-13 .s-rating-stars-btn-star svg {
    width: 15px !important;
    height: 15px !important;
    fill: rgba(213, 174, 100, .40) !important;
}

#slider-with-bg-13 .s-rating-stars-selected svg {
    fill: var(--astri-gold) !important;
}

#slider-with-bg-13 .s-product-card-content-sub {
    margin-top: 4px !important;
}

#slider-with-bg-13 .s-product-card-price {
    margin: 0 !important;
    color: var(--astri-gold-light) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: .15px;
}

#slider-with-bg-13 .swiper-slide-active custom-salla-product-card,

#slider-with-bg-13 .swiper-slide-prev custom-salla-product-card,

#slider-with-bg-13 .swiper-slide-next custom-salla-product-card {
    opacity: 1 !important;
    filter: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    #best-offers-13-slider {
        padding: 55px 20px 65px !important;
    }

    #slider-with-bg-13 .s-product-card-image {
        border-radius: 18px 18px 12px 12px !important;
    }
}

@media (max-width: 767px) {
    #best-offers-13-slider {
        margin: 34px 0 !important;
        padding: 42px 12px 54px !important;
    }

    #slider-with-bg-13 .s-slider-block__title {
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 24px !important;
    }

    #slider-with-bg-13 .s-slider-block__title-right::before {
        font-size: 8px;
        letter-spacing: 2.4px;
        margin-bottom: 6px;
    }

    #slider-with-bg-13 .s-slider-block__title-right h2 {
        font-size: 25px !important;
    }

    #slider-with-bg-13 .s-slider-block__title-right h2::after {
        width: 50px;
        margin-top: 10px;
    }

    #slider-with-bg-13 .s-slider-block__display-all {
        display: none !important;
    }

    #slider-with-bg-13 .s-slider-nav-arrow {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
    }

    #slider-with-bg-13 .s-products-slider-card {
        padding: 2px 5px 12px !important;
    }

    #slider-with-bg-13 .s-product-card-image {
        aspect-ratio: 4 / 5 !important;
        border-radius: 15px 15px 10px 10px !important;
    }

    #slider-with-bg-13 .s-product-card-image-overlay {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    #slider-with-bg-13 .s-product-card-image-overlay .s-button-element {
        min-height: 40px !important;
        font-size: 11px !important;
    }

    #slider-with-bg-13 .side-action-btn {
        width: 32px !important;
        height: 32px !important;
    }

    #slider-with-bg-13 .s-product-card-content {
        min-height: 92px;
        padding: 13px 3px 2px !important;
    }

    #slider-with-bg-13 .s-product-card-content-title a {
        font-size: 12.5px !important;
    }

    #slider-with-bg-13 .s-product-card-price {
        font-size: 14px !important;
    }
}

@media (max-width: 420px) {
    #slider-with-bg-13 .s-slider-block__title-nav {
        gap: 5px !important;
    }

    #slider-with-bg-13 .s-slider-nav-arrow {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    #best-offers-13-slider *,
    #best-offers-13-slider *::before,
    #best-offers-13-slider *::after {
        transition: none !important;
    }
}

.s-block.s-block--best-offers {
    --astri-night: #030a18;
    --astri-navy: #071933;
    --astri-navy-2: #0b2448;
    --astri-gold: #d5ae64;
    --astri-gold-light: #f1dba0;
    --astri-white: #f8f9fc;
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    max-width: none !important;
    margin: clamp(40px, 6vw, 90px) 0 !important;
    padding: clamp(54px, 7vw, 95px) max(18px, calc((100vw - 1380px) / 2)) clamp(58px, 7vw, 90px) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 82% 18%,
            rgba(72, 115, 190, .17),
            transparent 35%),
        radial-gradient(circle at 10% 85%,
            rgba(213, 174, 100, .07),
            transparent 27%),
        linear-gradient(135deg,
            #020817 0%,
            #06152c 50%,
            #0a2750 100%) !important;
}

.s-block.s-block--best-offers::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
    opacity: .38 !important;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, .42) 0 1px,
            transparent 1.5px),
        radial-gradient(circle,
            rgba(213, 174, 100, .35) 0 1px,
            transparent 1.6px) !important;
    background-size: 145px 145px,
        230px 230px !important;
    background-position: 10px 20px,
        75px 95px !important;
}

.s-block.s-block--best-offers::after {
    content: "" !important;
    position: absolute !important;
    width: 500px !important;
    height: 500px !important;
    top: -300px !important;
    left: 15% !important;
    z-index: -1 !important;
    pointer-events: none !important;
    border-radius: 50% !important;
    background: radial-gradient(circle,
            rgba(224, 187, 113, .10),
            rgba(62, 105, 181, .06) 38%,
            transparent 70%) !important;
    filter: blur(10px) !important;
}

.s-block.s-block--best-offers salla-products-slider,
.s-block.s-block--best-offers salla-slider {
    position: relative !important;
    display: block !important;
    overflow: visible !important;
}

.s-block.s-block--best-offers .s-slider-block__title {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 0 clamp(28px, 4vw, 46px) !important;
    padding: 0 !important;
}

.s-block.s-block--best-offers .s-slider-block__title-right {
    position: relative !important;
}

.s-block.s-block--best-offers .s-slider-block__title-right::before {
    content: "ASTRI COLLECTION" !important;
    display: block !important;
    margin-bottom: 8px !important;
    direction: ltr !important;
    text-align: right !important;
    color: var(--astri-gold) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 4px !important;
    opacity: .82 !important;
}

.s-block.s-block--best-offers .s-slider-block__title-right h2 {
    position: relative !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(29px, 4vw, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-shadow: 0 8px 30px rgba(0, 0, 0, .30) !important;
}

.s-block.s-block--best-offers .s-slider-block__title-right h2::after {
    content: "" !important;
    display: block !important;
    width: clamp(60px, 8vw, 100px) !important;
    height: 1px !important;
    margin-top: 15px !important;
    background: linear-gradient(90deg,
            var(--astri-gold-light),
            rgba(213, 174, 100, .30),
            transparent) !important;
    box-shadow: 0 0 14px rgba(213, 174, 100, .22) !important;
}

.s-block.s-block--best-offers .s-slider-block__title-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.s-block.s-block--best-offers .s-slider-block__display-all {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 9px 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(213, 174, 100, .20) !important;
    border-radius: 999px !important;
    color: var(--astri-gold-light) !important;
    background: linear-gradient(135deg,
            rgba(255, 255, 255, .055),
            rgba(255, 255, 255, .018)) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: transform .3s ease,
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}

.s-block.s-block--best-offers .s-slider-block__display-all::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg,
            transparent 20%,
            rgba(255, 255, 255, .20) 45%,
            transparent 70%) !important;
    transform: translateX(120%) !important;
    transition: transform .55s ease !important;
}

.s-block.s-block--best-offers .s-slider-block__display-all:hover {
    color: #071127 !important;
    border-color: transparent !important;
    background: linear-gradient(135deg,
            #f2dfa8,
            #d5aa5e) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .20) !important;
}

.s-block.s-block--best-offers .s-slider-block__display-all:hover::before {
    transform: translateX(-120%) !important;
}

.s-block.s-block--best-offers .s-slider-block__title-nav {
    display: flex !important;
    gap: 8px !important;
}

.s-block.s-block--best-offers .s-slider-nav-arrow {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 50% !important;
    color: rgba(255, 255, 255, .90) !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .07),
            rgba(255, 255, 255, .02)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06),
        0 7px 22px rgba(0, 0, 0, .17) !important;
    transition: transform .3s ease,
        background .3s ease,
        color .3s ease !important;
}

.s-block.s-block--best-offers .s-slider-nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

.s-block.s-block--best-offers .s-slider-nav-arrow:hover:not(:disabled) {
    color: #071127 !important;
    background: linear-gradient(145deg,
            #f2dfa8,
            #d5aa5e) !important;
    border-color: transparent !important;
    transform: translateY(-2px) scale(1.04) !important;
}

.s-block.s-block--best-offers .s-slider-container {
    overflow: visible !important;
}

.s-block.s-block--best-offers .swiper-wrapper {
    align-items: stretch !important;
}

.s-block.s-block--best-offers .s-products-slider-card {
    height: auto !important;
    padding: 3px 7px 18px !important;
    perspective: 1000px !important;
}

.s-block.s-block--best-offers custom-salla-product-card {
    position: relative !important;
    display: block !important;
    height: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform-style: preserve-3d !important;
    transition: transform .55s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease !important;
}

.s-block.s-block--best-offers .s-product-card-image {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 22px 22px 14px 14px !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .07),
            rgba(255, 255, 255, .015)) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .20),
        inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    transform: translateZ(0) !important;
    transition: transform .55s cubic-bezier(.16, .8, .2, 1),
        border-color .4s ease,
        box-shadow .45s ease !important;
}

.s-block.s-block--best-offers .s-product-card-image::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(to top,
            rgba(0, 10, 28, .34) 0%,
            transparent 27%) !important;
    opacity: .62 !important;
    transition: opacity .45s ease !important;
}

.s-block.s-block--best-offers .s-product-card-image img,
.s-block.s-block--best-offers .s-product-card-image-cover {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    opacity: 1 !important;
    filter: none !important;
    transform: scale(1.015) !important;
    backface-visibility: hidden !important;
    transition: transform 1.1s cubic-bezier(.16, .8, .2, 1),
        filter .5s ease !important;
}

@media (hover:hover) and (pointer:fine) {
    .s-block.s-block--best-offers custom-salla-product-card:hover {
        transform: translateY(-9px) rotateX(1deg) !important;
    }

    .s-block.s-block--best-offers custom-salla-product-card:hover .s-product-card-image {
        border-color: rgba(213, 174, 100, .28) !important;
        box-shadow: 0 32px 65px rgba(0, 0, 0, .28),
            0 0 30px rgba(70, 112, 185, .08) !important;
        transform: translateZ(12px) !important;
    }

    .s-block.s-block--best-offers custom-salla-product-card:hover .s-product-card-image img {
        transform: scale(1.065) !important;
    }

    .s-block.s-block--best-offers custom-salla-product-card:hover .s-product-card-image::before {
        opacity: .32 !important;
    }
}

.s-block.s-block--best-offers .s-product-card-image>a>div.absolute {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    z-index: 6 !important;
}

.s-block.s-block--best-offers .s-product-card-image>a>div.absolute>div {
    max-width: none !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    color: #071329 !important;
    background: linear-gradient(145deg,
            #f3e1aa,
            #d4aa5e) !important;
    border: 1px solid rgba(255, 255, 255, .40) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.s-block.s-block--best-offers .s-product-card-side-actions {
    top: 13px !important;
    inset-inline-end: 12px !important;
    gap: 7px !important;
    z-index: 8 !important;
}

.s-block.s-block--best-offers .side-action-btn {
    width: 37px !important;
    height: 37px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: 50% !important;
    color: rgba(255, 255, 255, .93) !important;
    background: rgba(3, 12, 28, .68) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .20) !important;
    transition: transform .3s ease,
        background .3s ease,
        color .3s ease !important;
}

.s-block.s-block--best-offers .side-action-btn:hover {
    color: #071229 !important;
    background: linear-gradient(145deg,
            #f1dda4,
            #d5aa5d) !important;
    transform: rotate(-5deg) scale(1.08) !important;
}

.s-block.s-block--best-offers .s-product-card-image-overlay {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    padding: 0 !important;
    z-index: 9 !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 0 !important;
    transform: translateY(15px) scale(.97) !important;
    transition: opacity .35s ease,
        transform .4s cubic-bezier(.16, .8, .2, 1) !important;
}

@media (hover:hover) and (pointer:fine) {
    .s-block.s-block--best-offers custom-salla-product-card:hover .s-product-card-image-overlay {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }
}

.s-block.s-block--best-offers .s-product-card-image-overlay .s-button-element {
    width: 100% !important;
    min-height: 47px !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    border-radius: 999px !important;
    color: #071329 !important;
    background: linear-gradient(115deg,
            #f1dfa9,
            #d5ad64 52%,
            #b98945) !important;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .27),
        inset 0 1px 0 rgba(255, 255, 255, .42) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    transition: transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease !important;
}

.s-block.s-block--best-offers .s-product-card-image-overlay .s-button-element:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.05) !important;
    box-shadow: 0 17px 34px rgba(0, 0, 0, .32),
        inset 0 1px 0 rgba(255, 255, 255, .50) !important;
}

.s-block.s-block--best-offers .s-product-card-content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 108px !important;
    padding: 17px 8px 4px !important;
    background: transparent !important;
    text-align: center !important;
}

.s-block.s-block--best-offers .s-product-card-content::before {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 1px !important;
    flex: 0 0 auto !important;
    margin-bottom: 10px !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(216, 177, 104, .85),
            transparent) !important;
    transition: width .35s ease !important;
}

.s-block.s-block--best-offers custom-salla-product-card:hover .s-product-card-content::before {
    width: 46px !important;
}

.s-block.s-block--best-offers .s-product-card-content-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
}

.s-block.s-block--best-offers .s-product-card-content-title {
    width: 100% !important;
    margin: 0 0 5px !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

.s-block.s-block--best-offers .s-product-card-content-title a {
    color: rgba(249, 250, 253, .96) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color .3s ease !important;
}

.s-block.s-block--best-offers custom-salla-product-card:hover .s-product-card-content-title a {
    color: var(--astri-gold-light) !important;
}

.s-block.s-block--best-offers salla-rating-stars {
    margin: 1px 0 3px !important;
}

.s-block.s-block--best-offers .s-rating-stars-wrapper {
    transform: scale(.78) !important;
    transform-origin: center !important;
}

.s-block.s-block--best-offers .s-rating-stars-btn-star svg {
    width: 15px !important;
    height: 15px !important;
    fill: rgba(213, 174, 100, .42) !important;
}

.s-block.s-block--best-offers .s-product-card-content-sub {
    width: 100% !important;
    margin-top: 4px !important;
    text-align: center !important;
}

.s-block.s-block--best-offers .s-product-card-price {
    margin: 0 !important;
    color: var(--astri-gold-light) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: .15px !important;
}

.s-block.s-block--best-offers .s-product-card-price .sicon-sar {
    color: var(--astri-gold-light) !important;
}

.s-block.s-block--best-offers .swiper-slide-active custom-salla-product-card,

.s-block.s-block--best-offers .swiper-slide-prev custom-salla-product-card,

.s-block.s-block--best-offers .swiper-slide-next custom-salla-product-card {
    opacity: 1 !important;
    filter: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .s-block.s-block--best-offers {
        padding: 55px 20px 65px !important;
    }

    .s-block.s-block--best-offers .s-product-card-image {
        border-radius: 18px 18px 12px 12px !important;
    }
}

@media (max-width: 767px) {
    .s-block.s-block--best-offers {
        margin: 30px 0 !important;
        padding: 40px 12px 48px !important;
    }

    .s-block.s-block--best-offers .s-slider-block__title {
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 23px !important;
    }

    .s-block.s-block--best-offers .s-slider-block__title-right::before {
        margin-bottom: 5px !important;
        font-size: 8px !important;
        letter-spacing: 2px !important;
    }

    .s-block.s-block--best-offers .s-slider-block__title-right h2 {
        font-size: 24px !important;
    }

    .s-block.s-block--best-offers .s-slider-block__title-right h2::after {
        width: 48px !important;
        margin-top: 9px !important;
    }

    .s-block.s-block--best-offers .s-slider-block__display-all {
        display: none !important;
    }

    .s-block.s-block--best-offers .s-slider-block__title-nav {
        gap: 5px !important;
    }

    .s-block.s-block--best-offers .s-slider-nav-arrow {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .s-block.s-block--best-offers .s-slider-nav-arrow svg {
        width: 15px !important;
        height: 15px !important;
    }

    .s-block.s-block--best-offers .s-products-slider-card {
        padding: 2px 5px 12px !important;
    }

    .s-block.s-block--best-offers .s-product-card-image {
        aspect-ratio: 4 / 5 !important;
        border-radius: 15px 15px 10px 10px !important;
    }

    .s-block.s-block--best-offers .s-product-card-image-overlay {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .s-block.s-block--best-offers .s-product-card-image-overlay .s-button-element {
        min-height: 40px !important;
        font-size: 11px !important;
    }

    .s-block.s-block--best-offers .side-action-btn {
        width: 32px !important;
        height: 32px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .s-block.s-block--best-offers .s-product-card-content {
        min-height: 94px !important;
        padding: 13px 3px 2px !important;
    }

    .s-block.s-block--best-offers .s-product-card-content::before {
        margin-bottom: 7px !important;
    }

    .s-block.s-block--best-offers .s-product-card-content-title a {
        font-size: 12.5px !important;
    }

    .s-block.s-block--best-offers .s-product-card-price {
        font-size: 14px !important;
    }

    .s-block.s-block--best-offers .s-rating-stars-wrapper {
        transform: scale(.68) !important;
    }
}

@media (max-width: 420px) {
    .s-block.s-block--best-offers {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .s-block.s-block--best-offers .s-slider-nav-arrow {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
    }

    .s-block.s-block--best-offers .s-slider-block__title-right h2 {
        font-size: 21px !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .s-block.s-block--best-offers,
    .s-block.s-block--best-offers *,
    .s-block.s-block--best-offers *::before,
    .s-block.s-block--best-offers *::after {
        transition: none !important;
    }
}

:root {
    --astri-night: #020817;
    --astri-night-2: #06152c;
    --astri-blue: #0b2851;
    --astri-gold: #d4aa60;
    --astri-gold-soft: #f1dda4;
    --astri-white: #f8f9fc;
    --astri-header-blur: 18px;
}

.store-header {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    isolation: isolate !important;
    background: transparent !important;
    transition: background .4s ease,
        box-shadow .4s ease,
        transform .4s ease !important;
}

.store-header .top-navbar {
    position: relative !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    color: rgba(255, 255, 255, .82) !important;
    background: linear-gradient(90deg,
            #020817 0%,
            #0b2349 50%,
            #020817 100%) !important;
    border-bottom: 1px solid rgba(213, 174, 100, .10) !important;
    overflow: hidden !important;
}

.store-header .top-navbar::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(110deg,
            transparent 30%,
            rgba(255, 255, 255, .05) 48%,
            transparent 66%) !important;
    transform: translateX(80%) !important;
}

.store-header .top-navbar p {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 11px !important;
    letter-spacing: .2px !important;
}

.store-header #mainnav.main-nav-container {
    position: relative !important;
    height: 78px !important;
    background: linear-gradient(115deg,
            rgba(2, 8, 23, .93) 0%,
            rgba(7, 24, 50, .90) 45%,
            rgba(9, 38, 77, .88) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .16) !important;
    backdrop-filter: blur(var(--astri-header-blur)) saturate(145%) !important;
    -webkit-backdrop-filter: blur(var(--astri-header-blur)) saturate(145%) !important;
    transition: height .35s ease,
        background .35s ease,
        box-shadow .35s ease !important;
}

.store-header #mainnav::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 50% 0%,
            rgba(85, 132, 210, .16),
            transparent 44%) !important;
    opacity: .9 !important;
}

.store-header #mainnav::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: min(900px, 75vw) !important;
    height: 1px !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(213, 174, 100, .20),
            rgba(241, 221, 164, .55),
            rgba(213, 174, 100, .20),
            transparent) !important;
    box-shadow: 0 0 16px rgba(213, 174, 100, .15) !important;
}

.store-header #mainnav .container-narrow {
    width: min(94%, 1500px) !important;
    max-width: 1500px !important;
    height: 78px !important;
    margin-inline: auto !important;
    padding-inline: clamp(12px, 2vw, 30px) !important;
    transition: height .35s ease !important;
}

.store-header .main-menu>li.root-level>a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 46px !important;
    padding-inline: 14px !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: color .3s ease,
        transform .3s ease !important;
}

.store-header .main-menu>li.root-level>a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 4px !important;
    width: 0 !important;
    height: 1px !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(90deg,
            transparent,
            var(--astri-gold-soft),
            transparent) !important;
    transition: width .35s ease !important;
}

.store-header .main-menu>li.root-level:hover>a {
    color: var(--astri-gold-soft) !important;
    transform: translateY(-1px) !important;
}

.store-header .main-menu>li.root-level:hover>a::after {
    width: 65% !important;
}

.store-header .main-menu .sub-menu {
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 0 0 16px 16px !important;
    background: linear-gradient(145deg,
            rgba(4, 13, 31, .96),
            rgba(8, 34, 68, .96)) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .35) !important;
}

.store-header .main-menu .sub-menu a {
    padding: 11px 13px !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, .75) !important;
    transition: color .25s ease,
        background .25s ease,
        transform .25s ease !important;
}

.store-header .main-menu .sub-menu li:hover>a {
    color: var(--astri-gold-soft) !important;
    background: rgba(255, 255, 255, .05) !important;
    transform: translateX(-3px) !important;
}

.store-header .header-btn,
.store-header .header-search-btn,
.store-header .mobile-menu-icon {
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 3px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 50% !important;
    color: rgba(255, 255, 255, .90) !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .075),
            rgba(255, 255, 255, .018)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06),
        0 7px 18px rgba(0, 0, 0, .13) !important;
    transition: transform .3s ease,
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}

.store-header .header-btn:hover,
.store-header .header-search-btn:hover {
    color: #071329 !important;
    border-color: rgba(241, 221, 164, .65) !important;
    background: linear-gradient(145deg,
            #f2dfa7,
            #d4aa60) !important;
    transform: translateY(-2px) scale(1.04) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22),
        0 0 18px rgba(213, 174, 100, .12) !important;
}

.store-header .header-btn__icon,
.store-header .header-search-btn svg,
.store-header .mobile-menu-icon i {
    color: inherit !important;
    stroke: currentColor !important;
}

.store-header .s-cart-summary-wrapper {
    color: rgba(255, 255, 255, .92) !important;
}

.store-header .s-cart-summary-count {
    min-width: 19px !important;
    height: 19px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #07152c !important;
    border-radius: 50% !important;
    color: #061329 !important;
    background: linear-gradient(145deg,
            #f4dfa2,
            #cfa255) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .20) !important;
}

.store-header .s-cart-summary-total {
    color: var(--astri-gold-soft) !important;
}

.store-header .navbar-brand {
    display: flex !important;
    align-items: center !important;
    transition: transform .3s ease !important;
}

.store-header .navbar-brand:hover {
    transform: scale(1.035) !important;
}

.store-header .navbar-brand img {
    max-height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
}

.store-header.astri-header-scrolled #mainnav.main-nav-container {
    height: 66px !important;
    background: linear-gradient(115deg,
            rgba(1, 7, 20, .97),
            rgba(6, 23, 48, .96),
            rgba(8, 33, 66, .95)) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .30) !important;
}

.store-header.astri-header-scrolled #mainnav .container-narrow {
    height: 66px !important;
}

.store-header.astri-header-scrolled .navbar-brand img {
    max-height: 42px !important;
}

.s-block.s-block--fixed-banner.astri-main-hero {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(14px, 2vw, 26px) 0 clamp(32px, 4vw, 60px) !important;
    overflow: visible !important;
    background: transparent !important;
    isolation: isolate !important;
}

.s-block.s-block--fixed-banner.astri-main-hero>.container {
    width: 90vw !important;
    max-width: none !important;
    margin-inline: calc(50% - 45vw) !important;
    padding: 0 !important;
}

.s-block.s-block--fixed-banner.astri-main-hero .banner--fixed {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 0 0 28px 28px !important;
    background: #030b1b !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .25),
        0 0 60px rgba(52, 96, 175, .06) !important;
    transform: translateZ(0) !important;
}

.s-block.s-block--fixed-banner.astri-main-hero .banner--fixed::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10),
        inset 0 -1px 0 rgba(213, 174, 100, .14) !important;
}

.s-block.s-block--fixed-banner.astri-main-hero .banner--fixed picture {
    display: block !important;
    width: 100% !important;
}

.s-block.s-block--fixed-banner.astri-main-hero .banner--fixed img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: inherit !important;
    filter: none !important;
    transform: scale(1) !important;
    transition: transform 1.6s cubic-bezier(.16, .8, .2, 1) !important;
}

@media (hover:hover) and (pointer:fine) {
    .s-block.s-block--fixed-banner.astri-main-hero .banner--fixed:hover img {
        transform: scale(1.012) !important;
    }
}

@media (max-width: 767px) {
    .store-header .top-navbar {
        min-height: 30px !important;
    }

    .store-header #mainnav.main-nav-container {
        height: 64px !important;
    }

    .store-header #mainnav .container-narrow {
        width: 96% !important;
        height: 64px !important;
        padding-inline: 6px !important;
    }

    .store-header .header-btn,
    .store-header .header-search-btn,
    .store-header .mobile-menu-icon {
        width: 37px !important;
        height: 37px !important;
        margin: 0 2px !important;
    }

    .store-header .navbar-brand img {
        max-height: 41px !important;
    }

    .s-block.s-block--fixed-banner.astri-main-hero>.container {
        width: 94vw !important;
        margin-inline: calc(50% - 47vw) !important;
    }

    .s-block.s-block--fixed-banner.astri-main-hero {
        padding-top: 10px !important;
        padding-bottom: 30px !important;
    }

    .s-block.s-block--fixed-banner.astri-main-hero .banner--fixed {
        border-radius: 0 0 18px 18px !important;
    }
}

@media (max-width: 420px) {

    .store-header .header-btn,
    .store-header .header-search-btn {
        width: 34px !important;
        height: 34px !important;
    }

    .store-header .top-navbar p {
        font-size: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .store-header *,
    .store-header *::before,
    .store-header *::after,

    .s-block.s-block--fixed-banner.astri-main-hero *,
    .s-block.s-block--fixed-banner.astri-main-hero *::before,
    .s-block.s-block--fixed-banner.astri-main-hero *::after {
        transition: none !important;
    }
}

.s-modal-body:has(.newsletter-popup) {
    width: min(92vw, 470px) !important;
    max-width: 470px !important;
    overflow: visible !important;
    border: 1px solid rgba(216, 179, 107, .24) !important;
    border-radius: 22px !important;
    background: #061126 !important;
    box-shadow: 0 26px 80px rgba(0, 0, 0, .52), 0 0 42px rgba(216, 179, 107, .09) !important;
}

.s-modal-body:has(.newsletter-popup) .s-modal-header {
    position: absolute !important;
    top: 12px !important;
    inset-inline-end: 12px !important;
    z-index: 5 !important;
}

.s-modal-body:has(.newsletter-popup) .s-modal-close {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(2, 8, 23, .62) !important;
    backdrop-filter: blur(8px) !important;
    transition: transform .25s ease, color .25s ease, background .25s ease !important;
}

.s-modal-body:has(.newsletter-popup) .s-modal-close:hover {
    transform: rotate(90deg) !important;
    color: #061126 !important;
    background: var(--astri-gold-soft) !important;
}

.s-modal-body:has(.newsletter-popup) .s-modal-close svg {
    width: 17px !important;
    height: 17px !important;
    fill: currentColor !important;
}

.newsletter-popup {
    overflow: hidden !important;
    color: var(--astri-white, #f7f7f5) !important;
    background: linear-gradient(145deg, #061126, #0b1a38) !important;
}

.newsletter-popup__hero-image-wrap {
    position: relative !important;
    aspect-ratio: 16 / 8 !important;
    background: #020817 !important;
}

.newsletter-popup__hero-image-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(to bottom, transparent 45%, #061126 100%) !important;
}

.newsletter-popup__hero-image-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.newsletter-popup__body {
    position: relative !important;
    padding: 22px 24px 26px !important;
    background: radial-gradient(circle at 50% 0, rgba(216, 179, 107, .08), transparent 35%) !important;
}

.newsletter-popup__promo,
.newsletter-popup__description {
    color: rgba(247, 247, 245, .7) !important;
}

.newsletter-popup__promo-line,
.newsletter-popup__divider {
    background: var(--astri-gold, #d8b36b) !important;
}

.newsletter-popup__accent {
    color: var(--astri-gold-soft, #f0dca9) !important;
}

.newsletter-popup__main-title,
.newsletter-popup__subtitle {
    color: #fff !important;
}

.newsletter-popup__main-title {
    font-size: clamp(23px, 5vw, 30px) !important;
    text-shadow: 0 5px 18px rgba(0, 0, 0, .24) !important;
}

.newsletter-popup__form-wrap {
    min-height: 52px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.newsletter-popup__form-wrap:focus-within {
    border-color: rgba(240, 220, 169, .65) !important;
    box-shadow: 0 0 0 3px rgba(216, 179, 107, .12) !important;
}

.newsletter-popup__email-input {
    min-width: 0 !important;
    color: #fff !important;
}

.newsletter-popup__email-input::placeholder {
    color: rgba(255, 255, 255, .46) !important;
}

.newsletter-popup__submit-button {
    color: #061126 !important;
    background: linear-gradient(135deg, var(--astri-gold-soft, #f0dca9), var(--astri-gold, #d8b36b)) !important;
}

.newsletter-popup__submit-button:hover {
    filter: brightness(1.06) !important;
}

.newsletter-popup__dismiss-button {
    color: rgba(255, 255, 255, .56) !important;
}

.newsletter-popup__dismiss-button:hover {
    color: var(--astri-gold-soft, #f0dca9) !important;
}

@media (max-width: 480px) {
    .s-modal-body:has(.newsletter-popup) {
        width: calc(100vw - 24px) !important;
        border-radius: 18px !important;
    }

    .newsletter-popup__body {
        padding: 20px 18px 22px !important;
    }

    .newsletter-popup__hero-image-wrap {
        aspect-ratio: 16 / 9 !important;
    }
}

.footer-bottom-bottom {
    position: relative !important;
}

.footer-bottom-bottom .tayeef-credit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 9px 18px !important;
    direction: rtl !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background: linear-gradient(135deg,
            rgba(255, 255, 255, .10),
            rgba(255, 255, 255, .025)) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 50px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .15),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    opacity: 1 !important;
    isolation: isolate !important;
    transition: transform .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease !important;
}

.footer-bottom-bottom .tayeef-credit__text {
    color: rgba(255, 255, 255, .78) !important;
    font-weight: 400 !important;
    transition: color .3s ease !important;
}

.footer-bottom-bottom .tayeef-credit__brand {
    position: relative !important;
    display: inline-block !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.footer-bottom-bottom .tayeef-credit__brand::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    bottom: -4px !important;
    width: 55% !important;
    height: 1px !important;
    margin: auto !important;
    background: linear-gradient(90deg,
            transparent,
            #fff,
            transparent) !important;
    opacity: .7 !important;
    transition: width .35s ease,
        opacity .35s ease !important;
}

.footer-bottom-bottom .tayeef-credit::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -60% !important;
    width: 35% !important;
    height: 100% !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .13),
            transparent) !important;
    transform: skewX(-20deg) !important;
    transition: left .6s ease !important;
}

.footer-bottom-bottom .tayeef-credit:hover {
    color: #fff !important;
    background: linear-gradient(135deg,
            rgba(255, 255, 255, .15),
            rgba(255, 255, 255, .045)) !important;
    border-color: rgba(255, 255, 255, .32) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.footer-bottom-bottom .tayeef-credit:hover::before {
    left: 130% !important;
}

.footer-bottom-bottom .tayeef-credit:hover .tayeef-credit__text {
    color: #fff !important;
}

.footer-bottom-bottom .tayeef-credit:hover .tayeef-credit__brand::after {
    width: 100% !important;
    opacity: 1 !important;
}

@media (min-width: 1024px) {
    .footer-bottom-bottom .tayeef-credit {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 5 !important;
    }

    .footer-bottom-bottom .tayeef-credit:hover {
        transform: translate(-50%, calc(-50% - 3px)) scale(1.02) !important;
    }
}

@media (max-width: 1023px) {
    .footer-bottom-bottom .tayeef-credit {
        position: relative !important;
        order: 2 !important;
        margin: 4px auto !important;
        padding: 9px 16px !important;
    }
}

@media (max-width: 480px) {
    .footer-bottom-bottom .tayeef-credit {
        width: fit-content !important;
        max-width: 95% !important;
        padding: 8px 14px !important;
        gap: 5px !important;
        font-size: 11px !important;
    }

    .footer-bottom-bottom .tayeef-credit__brand {
        font-size: 12px !important;
    }
}

.s-block--bundle-hero-area .media img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 680px !important;
    min-height: 680px !important;
    object-fit: cover;
    object-position: center 51% !important;
    border-radius: 0 !important;
    transform: scale(1.035) !important;
    filter: saturate(.93) contrast(1.05) brightness(.94) !important;
    transition: transform 1.2s cubic-bezier(.16, .8, .2, 1), filter .7s ease !important;
}

.content--single-page {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 40px 46px !important;
    background: radial-gradient(circle at 15% 10%,
            rgba(212, 172, 90, 0.08),
            transparent 28%),
        radial-gradient(circle at 90% 85%,
            rgba(54, 99, 170, 0.14),
            transparent 34%),
        linear-gradient(145deg,
            rgba(7, 20, 43, 0.96),
            rgba(10, 31, 66, 0.94) 52%,
            rgba(6, 18, 39, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 28px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.content--single-page::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 8% !important;
    width: 220px !important;
    height: 2px !important;
    background: linear-gradient(90deg,
            transparent,
            #d6ad5f,
            transparent) !important;
    box-shadow: 0 0 20px rgba(214, 173, 95, 0.45) !important;
}

.content--single-page::after {
    content: "✦  ·  ✧  ·  ✦" !important;
    position: absolute !important;
    top: 24px !important;
    left: 30px !important;
    color: rgba(219, 180, 103, 0.35) !important;
    font-size: 13px !important;
    letter-spacing: 7px !important;
    pointer-events: none !important;
}

.content--single-page>h1 {
    position: relative !important;
    margin: 0 0 38px !important;
    padding-bottom: 18px !important;
    color: #ffffff !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

.content--single-page>h1::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 90px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg,
            #e9ca84,
            #b98937) !important;
    box-shadow: 0 0 16px rgba(223, 180, 93, 0.35) !important;
}

.content--single-page .content-entry {
    position: relative !important;
    z-index: 2 !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 16px !important;
    line-height: 2.15 !important;
}

.content--single-page .content-entry * {
    color: inherit !important;
}

.content--single-page .content-entry p {
    margin: 0 0 18px !important;
    color: rgba(240, 244, 250, 0.82) !important;
    font-size: 16px !important;
    line-height: 2.15 !important;
}

.content--single-page .content-entry strong {
    color: #f4d891 !important;
    font-weight: 700 !important;
}

.content--single-page .content-entry h3 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 34px 0 14px !important;
    color: #ffffff !important;
    font-size: clamp(19px, 2vw, 24px) !important;
    font-weight: 800 !important;
}

.content--single-page .content-entry h3::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    background: #d9af5d !important;
    box-shadow: 0 0 0 5px rgba(217, 175, 93, 0.10),
        0 0 14px rgba(217, 175, 93, 0.45) !important;
}

.content--single-page .content-entry p:has(br:only-child) {
    display: none !important;
}

.content--single-page .content-entry a {
    color: #e7c576 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(231, 197, 118, 0.45) !important;
    transition: color 0.25s ease,
        border-color 0.25s ease !important;
}

.content--single-page .content-entry a:hover {
    color: #fff1c8 !important;
    border-color: #fff1c8 !important;
}

.content--single-page salla-comments {
    display: none !important;
}

@media (max-width: 1023px) {
    .content--single-page {
        padding: 32px 28px !important;
        border-radius: 22px !important;
    }
}

@media (max-width: 640px) {
    .content--single-page {
        margin-top: 18px !important;
        padding: 26px 20px !important;
        border-radius: 18px !important;
    }

    .content--single-page>h1 {
        margin-bottom: 28px !important;
        padding-bottom: 14px !important;
    }

    .content--single-page .content-entry {
        font-size: 14px !important;
        line-height: 2 !important;
    }

    .content--single-page .content-entry p {
        font-size: 14px !important;
        line-height: 2 !important;
    }

    .content--single-page .content-entry h3 {
        margin-top: 28px !important;
        font-size: 19px !important;
    }

    .content--single-page::after {
        display: none !important;
    }
}

.store-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    background: transparent !important;
}

#mainnav {
    position: relative !important;
    height: 72px !important;
    background: linear-gradient(135deg,
            rgba(5, 12, 28, 0.92),
            rgba(9, 29, 61, 0.90)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .20) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
    transition: background .3s ease,
        box-shadow .3s ease,
        backdrop-filter .3s ease !important;
}

#mainnav::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 20% 10%,
            rgba(214, 175, 95, .10),
            transparent 25%),
        radial-gradient(circle at 85% 20%,
            rgba(52, 99, 170, .12),
            transparent 30%) !important;
}

#mainnav .inner {
    position: relative !important;
    z-index: 2 !important;
}

#mainnav .container-narrow {
    height: 72px !important;
    width: min(94%, 1450px) !important;
    max-width: 1450px !important;
    margin-inline: auto !important;
    padding-inline: 14px !important;
}

#mainnav .header-section {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

#mainnav .header-section--left {
    gap: 10px !important;
}

#mainnav .header-section--right {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#mainnav .navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 54px !important;
    transition: transform .3s ease,
        filter .3s ease !important;
}

#mainnav .navbar-brand img {
    width: auto !important;
    max-width: 125px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 5px 14px rgba(0, 0, 0, .22)) !important;
    transition: transform .3s ease !important;
}

#mainnav .navbar-brand:hover img {
    transform: scale(1.04) !important;
}

#mainnav .header-section--center {
    flex: 1 !important;
    justify-content: center !important;
}

#mainnav .main-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mainnav .main-menu>li.root-level {
    position: relative !important;
    margin: 0 !important;
}

#mainnav .main-menu>li.root-level>a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 9px 14px !important;
    border-radius: 12px !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color .25s ease,
        background .25s ease,
        transform .25s ease !important;
}

#mainnav .main-menu>li.root-level>a::after {
    content: "" !important;
    position: absolute !important;
    right: 50% !important;
    left: 50% !important;
    bottom: 4px !important;
    height: 2px !important;
    border-radius: 50px !important;
    background: linear-gradient(90deg,
            #e9ca84,
            #b78a3f) !important;
    transition: right .3s ease,
        left .3s ease !important;
}

#mainnav .main-menu>li.root-level:hover>a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .055) !important;
    transform: translateY(-1px) !important;
}

#mainnav .main-menu>li.root-level:hover>a::after {
    right: 18% !important;
    left: 18% !important;
}

#mainnav .sub-menu {
    top: calc(100% + 10px) !important;
    padding: 10px !important;
    background: linear-gradient(145deg,
            rgba(7, 18, 40, .98),
            rgba(10, 31, 64, .98)) !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .30) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    overflow: hidden !important;
}

#mainnav .sub-menu li {
    margin: 2px 0 !important;
}

#mainnav .sub-menu li>a {
    display: block !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 13px !important;
    transition: color .25s ease,
        background .25s ease,
        padding .25s ease !important;
}

#mainnav .sub-menu li>a:hover {
    color: #f4d891 !important;
    background: rgba(255, 255, 255, .055) !important;
    padding-inline-start: 17px !important;
}

#mainnav .header-btn,
#mainnav .header-search-btn,
#mainnav .s-cart-summary-wrapper {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 50px !important;
    background: rgba(255, 255, 255, .045) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}

#mainnav .header-btn:hover,
#mainnav .header-search-btn:hover,
#mainnav .s-cart-summary-wrapper:hover {
    transform: translateY(-2px) !important;
    background: rgba(255, 255, 255, .10) !important;
    border-color: rgba(225, 190, 112, .35) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .16) !important;
}

#mainnav .header-btn__icon,
#mainnav .header-search-btn-icon,
#mainnav .sicon-cart {
    color: #ffffff !important;
    font-size: 18px !important;
}

#mainnav .s-cart-summary-wrapper {
    gap: 6px !important;
    padding-inline: 11px !important;
}

#mainnav .s-cart-summary-count {
    position: absolute !important;
    top: -5px !important;
    right: -4px !important;
    min-width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg,
            #e4c47e,
            #b48637) !important;
    color: #071327 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .20) !important;
}

#mainnav .s-cart-summary-content {
    display: none !important;
}

#mainnav .mobile-menu-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .045) !important;
}

#mainnav .mobile-menu-icon i {
    color: #ffffff !important;
    font-size: 20px !important;
}

@media (max-width: 1023px) {
    #mainnav {
        height: 66px !important;
    }

    #mainnav .container-narrow {
        height: 66px !important;
        width: 96% !important;
        padding-inline: 8px !important;
    }

    #mainnav .header-section--left {
        gap: 7px !important;
    }

    #mainnav .navbar-brand {
        height: 48px !important;
    }

    #mainnav .navbar-brand img {
        max-width: 92px !important;
        max-height: 42px !important;
    }

    #mainnav .header-section--right {
        gap: 5px !important;
    }

    #mainnav .header-btn,
    #mainnav .header-search-btn,
    #mainnav .s-cart-summary-wrapper,
    #mainnav .mobile-menu-icon {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
    }

    #mainnav .header-btn__icon,
    #mainnav .header-search-btn-icon,
    #mainnav .sicon-cart {
        font-size: 17px !important;
    }
}

@media (max-width: 420px) {
    #mainnav .container-narrow {
        width: 100% !important;
        padding-inline: 8px !important;
    }

    #mainnav .navbar-brand img {
        max-width: 78px !important;
    }

    #mainnav .header-section--right {
        gap: 3px !important;
    }

    #mainnav .header-btn,
    #mainnav .header-search-btn,
    #mainnav .s-cart-summary-wrapper,
    #mainnav .mobile-menu-icon {
        width: 35px !important;
        min-width: 35px !important;
        height: 35px !important;
    }
}

#mainnav .inner {
    position: relative !important;
    z-index: 2 !important;
    background: #0b1c36;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 {
    width: min(94%, 1500px) !important;
    max-width: 1500px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .breadcrumbs {
    padding: 18px 0 14px !important;
    margin-bottom: 8px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-breadcrumb-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(10, 25, 50, 0.08) !important;
    border-radius: 16px !important;
    padding: 10px 14px !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 10px 30px rgba(11, 24, 45, 0.05) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-breadcrumb-item,
.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-breadcrumb-item a {
    color: #26354a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-breadcrumb-item a:hover {
    color: #0f2748 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-breadcrumb-arrow {
    opacity: 0.45 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-breadcrumb-arrow svg {
    width: 16px !important;
    height: 16px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 24px !important;
    margin: 6px 0 34px !important;
    background: radial-gradient(circle at top right, rgba(41, 70, 108, 0.09), transparent 34%),
        linear-gradient(135deg, #fbfcfe 0%, #f3f6fa 100%) !important;
    border: 1px solid rgba(15, 39, 72, 0.08) !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 50px rgba(15, 39, 72, 0.07) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-height: 155px !important;
    padding: 18px 12px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(15, 39, 72, 0.07) !important;
    border-radius: 22px !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition: transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg,
            rgba(18, 45, 78, 0.06),
            rgba(185, 151, 86, 0.03)) !important;
    opacity: 0 !important;
    transition: opacity 0.35s ease !important;
    pointer-events: none !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(20, 55, 92, 0.18) !important;
    box-shadow: 0 16px 36px rgba(15, 39, 72, 0.12) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a:hover::before {
    opacity: 1 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a>div {
    width: 88px !important;
    height: 88px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(15, 39, 72, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
    transition: transform 0.35s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a:hover>div {
    transform: scale(1.06) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a>div>div {
    background: radial-gradient(circle at 35% 30%, #eef3f8, #d8e0e8 65%, #ccd6df) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories svg {
    width: 38px !important;
    height: 38px !important;
    color: #78889a !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories p {
    margin: 0 !important;
    color: #14283f !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .main-content>.mb-4 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 16px 18px !important;
    margin-bottom: 22px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(15, 39, 72, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 35px rgba(15, 39, 72, 0.06) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 #page-main-title {
    margin: 0 !important;
    color: #0f2238 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 #page-main-title span {
    min-width: 34px !important;
    height: 34px !important;
    padding-inline: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #102b4c, #1c456f) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 16px rgba(16, 43, 76, 0.18) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 label[for="product-filter"] {
    color: #314357 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 #product-filter {
    min-width: 190px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(15, 39, 72, 0.12) !important;
    background-color: #f8fafc !important;
    color: #182b40 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 #product-filter:hover,
.container-narrow.px-2\.5.ms\:px-5.mb-10 #product-filter:focus {
    border-color: rgba(16, 43, 76, 0.35) !important;
    box-shadow: 0 0 0 4px rgba(16, 43, 76, 0.06) !important;
    background: #ffffff !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .min-h-screen {
    min-height: unset !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 salla-products-list {
    overflow: visible !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-products-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px 18px !important;
    align-items: stretch !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 custom-salla-product-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    display: block !important;
    border-radius: 22px !important;
    background: #fff !important;
    border: 1px solid rgba(15, 39, 72, 0.07) !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(15, 39, 72, 0.06),
        0 2px 7px rgba(15, 39, 72, 0.03) !important;
    transition: transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 custom-salla-product-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(31, 67, 105, 0.18) !important;
    box-shadow: 0 22px 48px rgba(15, 39, 72, 0.12),
        0 4px 12px rgba(15, 39, 72, 0.05) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image {
    position: relative !important;
    aspect-ratio: 3 / 4.4 !important;
    min-height: unset !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #eef1f4 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image>a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.65s cubic-bezier(.22, .61, .36, 1),
        filter 0.4s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 custom-salla-product-card:hover .s-product-card-image img {
    transform: scale(1.045) !important;
    filter: saturate(1.03) contrast(1.02) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image .absolute.top-2.left-2 {
    top: 12px !important;
    left: 12px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image .absolute.top-2.left-2>div {
    max-width: none !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: rgba(11, 31, 53, 0.86) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.13) !important;
    backdrop-filter: blur(8px) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-side-actions {
    top: 12px !important;
    inset-inline-end: 12px !important;
    gap: 8px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .side-action-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(18, 42, 67, 0.12) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #17314c !important;
    box-shadow: 0 7px 18px rgba(13, 31, 49, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .side-action-btn:hover {
    transform: translateY(-2px) scale(1.06) !important;
    background: #102b4c !important;
    color: #fff !important;
    border-color: #102b4c !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image-overlay {
    padding: 12px !important;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.7),
            rgba(255, 255, 255, 0.95)) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image-overlay .s-button-element {
    min-height: 44px !important;
    border-radius: 13px !important;
    border: none !important;
    background: linear-gradient(135deg, #102b4c, #1d486f) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 9px 22px rgba(16, 43, 76, 0.18) !important;
    transition: transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image-overlay .s-button-element:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.08) !important;
    box-shadow: 0 12px 26px rgba(16, 43, 76, 0.25) !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    padding: 15px 14px 18px !important;
    min-height: 118px !important;
    text-align: center !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-content-main {
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-content-title {
    margin: 0 0 4px !important;
    line-height: 1.6 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-content-title a {
    display: block !important;
    color: #12283e !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 custom-salla-product-card:hover .s-product-card-content-title a {
    color: #1e4f79 !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 salla-rating-stars {
    transform: scale(0.82) !important;
    transform-origin: center !important;
    opacity: 0.62 !important;
    margin-top: -2px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-rating-stars-btn-star {
    margin-inline: 1px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-content-sub {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 2px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-price {
    margin: 0 !important;
    color: #0e2946 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-infinite-scroll-status {
    grid-column: 1 / -1 !important;
    margin-top: 18px !important;
    text-align: center !important;
}

.container-narrow.px-2\.5.ms\:px-5.mb-10 .s-infinite-scroll-last {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 130px !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    background: #eef3f8 !important;
    color: #63758a !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

@media (max-width: 1024px) {
    .container-narrow.px-2\.5.ms\:px-5.mb-10 {
        width: min(95%, 1100px) !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-products-list-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 22px 14px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories {
        gap: 14px !important;
        padding: 18px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a {
        min-height: 140px !important;
    }
}

@media (max-width: 767px) {
    .container-narrow.px-2\.5.ms\:px-5.mb-10 {
        width: calc(100% - 24px) !important;
        margin-inline: auto !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-breadcrumb-wrapper {
        border-radius: 13px !important;
        padding: 8px 11px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding: 14px !important;
        margin-bottom: 24px !important;
        border-radius: 20px !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories::-webkit-scrollbar {
        display: none !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a {
        flex: 0 0 125px !important;
        min-height: 128px !important;
        padding: 14px 8px !important;
        border-radius: 17px !important;
        scroll-snap-align: start !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories>a>div {
        width: 72px !important;
        height: 72px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories svg {
        width: 31px !important;
        height: 31px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .sub-categories p {
        font-size: 13px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .main-content>.mb-4 {
        align-items: center !important;
        padding: 12px !important;
        border-radius: 16px !important;
        gap: 10px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 #page-main-title {
        font-size: 16px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 #page-main-title span {
        min-width: 29px !important;
        height: 29px !important;
        font-size: 11px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 #product-filter {
        min-width: 135px !important;
        width: 135px !important;
        height: 40px !important;
        padding-inline: 10px !important;
        font-size: 11px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-products-list-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 custom-salla-product-card {
        border-radius: 16px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image {
        aspect-ratio: 3 / 4.5 !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-side-actions {
        top: 8px !important;
        inset-inline-end: 8px !important;
        gap: 6px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .side-action-btn {
        width: 31px !important;
        height: 31px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image .absolute.top-2.left-2 {
        top: 8px !important;
        left: 8px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image .absolute.top-2.left-2>div {
        padding: 5px 8px !important;
        font-size: 9px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image-overlay {
        padding: 8px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-image-overlay .s-button-element {
        min-height: 37px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-content {
        min-height: 102px !important;
        padding: 11px 8px 14px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-content-title a {
        font-size: 12px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-product-card-price {
        font-size: 15px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 salla-rating-stars {
        transform: scale(0.68) !important;
        margin-block: -3px !important;
    }
}

@media (max-width: 380px) {
    .container-narrow.px-2\.5.ms\:px-5.mb-10 {
        width: calc(100% - 16px) !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 .s-products-list-wrapper {
        gap: 14px 7px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 #product-filter {
        width: 120px !important;
        min-width: 120px !important;
    }

    .container-narrow.px-2\.5.ms\:px-5.mb-10 #page-main-title {
        font-size: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .container-narrow.px-2\.5.ms\:px-5.mb-10 *,
    .container-narrow.px-2\.5.ms\:px-5.mb-10 *::before,
    .container-narrow.px-2\.5.ms\:px-5.mb-10 *::after {
        transition-duration: 0.01ms !important;
    }
}

#product-714321727 {
    --astri-primary: #0d1b2a;
    --astri-secondary: #1b263b;
    --astri-blue: #415a77;
    --astri-soft: #e8edf3;
    --astri-bg: #f7f8fa;
    --astri-white: #ffffff;
    --astri-text: #111827;
    --astri-muted: #6b7280;
    --astri-border: rgba(13, 27, 42, 0.10);
    --astri-gold: #b99457;
    width: 100% !important;
    max-width: 1440px !important;
    margin-inline: auto !important;
    padding: 18px 24px 40px !important;
    gap: 34px !important;
    align-items: flex-start !important;
}

#product-714321727>.sidebar {
    width: 54% !important;
    max-width: 54% !important;
    flex: 0 0 54% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 24px !important;
    overflow: visible !important;
}

#product-714321727>.sidebar .relative.hidden.md\:block {
    width: 100% !important;
}

#product-714321727>.sidebar .grid.grid-cols-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 0 !important;
}

#product-714321727>.sidebar .grid.grid-cols-2>a {
    display: block !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #f2f3f5 !important;
    position: relative !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07),
        inset 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
    transition: transform .45s ease,
        box-shadow .45s ease !important;
}

#product-714321727>.sidebar .grid.grid-cols-2>a img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1),
        filter .5s ease !important;
}

#product-714321727>.sidebar .grid.grid-cols-2>a:first-child {
    grid-column: span 2 !important;
}

#product-714321727>.sidebar .grid.grid-cols-2>a:first-child img {
    aspect-ratio: 16 / 10 !important;
    object-position: center top !important;
}

@media (hover:hover) {
    #product-714321727>.sidebar .grid.grid-cols-2>a:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12),
            inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
    }

    #product-714321727>.sidebar .grid.grid-cols-2>a:hover img {
        transform: scale(1.035) !important;
    }
}

#product-714321727>.main-content {
    width: 46% !important;
    max-width: 46% !important;
    flex: 0 0 46% !important;
    margin: 0 !important;
    padding: 30px !important;
    top: 110px !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .98),
            rgba(247, 249, 252, .98)) !important;
    border: 1px solid var(--astri-border) !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 55px rgba(13, 27, 42, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

#product-714321727 .save-percentage[data-sale-price="0"] {
    display: none !important;
}

#product-714321727 .main-content h1 {
    color: var(--astri-primary) !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    margin-bottom: 14px !important;
}

#product-714321727 .main-content>.flex.justify-between.mb-1 {
    align-items: center !important;
    border-bottom: 1px solid var(--astri-border) !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
}

#product-714321727 .btn--wishlist .s-button-element {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(13, 27, 42, .12) !important;
    background: #fff !important;
    color: var(--astri-primary) !important;
    box-shadow: 0 7px 20px rgba(13, 27, 42, .07) !important;
    transition: all .3s ease !important;
}

@media (hover:hover) {
    #product-714321727 .btn--wishlist .s-button-element:hover {
        background: var(--astri-primary) !important;
        color: #fff !important;
        transform: translateY(-2px) scale(1.04) !important;
        border-color: var(--astri-primary) !important;
    }
}

#product-714321727 .price-wrapper {
    margin: 8px 0 22px !important;
    padding: 18px 20px !important;
    background: linear-gradient(135deg,
            rgba(13, 27, 42, .035),
            rgba(65, 90, 119, .06)) !important;
    border: 1px solid rgba(13, 27, 42, .07) !important;
    border-radius: 18px !important;
}

#product-714321727 .total-price {
    color: var(--astri-primary) !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

#product-714321727 .total-price .sicon-sar {
    font-size: .78em !important;
}

#product-714321727 .product-entry__sub-title {
    display: block !important;
    -webkit-line-clamp: unset !important;
    max-height: none !important;
    color: #303846 !important;
    font-size: 15px !important;
    line-height: 2 !important;
    margin-bottom: 18px !important;
}

#product-714321727 .product-entry__sub-title span {
    color: inherit !important;
}

#product-714321727 .product-entry__sub-title a,
#product-714321727 .main-content>h2 a,
#product-714321727 .main-content>ul a {
    color: var(--astri-blue) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(65, 90, 119, .25) !important;
    transition: .25s ease !important;
}

#product-714321727 .product-entry__sub-title a:hover,
#product-714321727 .main-content>h2 a:hover,
#product-714321727 .main-content>ul a:hover {
    color: var(--astri-primary) !important;
    border-bottom-color: var(--astri-primary) !important;
}

#product-714321727 .main-content>h2,
#product-714321727 .main-content>h3 {
    color: var(--astri-primary) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    padding-right: 14px !important;
}

#product-714321727 .main-content>h2::before,
#product-714321727 .main-content>h3::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 7px !important;
    width: 4px !important;
    height: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg,
            var(--astri-blue),
            var(--astri-gold)) !important;
}

#product-714321727 .main-content>ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 8px 0 22px !important;
    padding: 0 !important;
    list-style: none !important;
}

#product-714321727 .main-content>ul>li {
    position: relative !important;
    padding: 11px 38px 11px 12px !important;
    background: #f9fafb !important;
    border: 1px solid rgba(13, 27, 42, .07) !important;
    border-radius: 12px !important;
    color: #3c4553 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

#product-714321727 .main-content>ul>li::before {
    content: "✓" !important;
    position: absolute !important;
    right: 13px !important;
    top: 11px !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(65, 90, 119, .10) !important;
    color: var(--astri-blue) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

#product-714321727 .main-content>ul span,
#product-714321727 .main-content>ul strong {
    color: inherit !important;
}

#product-714321727 .my-3.flex.items-center.gap-2 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 24px 0 !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--astri-border) !important;
}

#product-714321727 .my-3.flex.items-center.gap-2>a {
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 8px 12px !important;
    border-radius: 50px !important;
    background: #f4f6f8 !important;
    border: 1px solid rgba(13, 27, 42, .08) !important;
    color: #4b5563 !important;
    font-size: 12px !important;
    transition: all .25s ease !important;
}

#product-714321727 .my-3.flex.items-center.gap-2>a svg {
    width: 15px !important;
    height: 15px !important;
}

#product-714321727 .my-3.flex.items-center.gap-2>a svg path {
    fill: var(--astri-blue) !important;
}

@media (hover:hover) {
    #product-714321727 .my-3.flex.items-center.gap-2>a:hover {
        color: #fff !important;
        background: var(--astri-primary) !important;
        border-color: var(--astri-primary) !important;
        transform: translateY(-2px) !important;
    }

    #product-714321727 .my-3.flex.items-center.gap-2>a:hover svg path {
        fill: #fff !important;
    }
}

#product-714321727 .sticky-product-bar {
    position: relative !important;
    inset: auto !important;
    margin-top: 26px !important;
    padding: 20px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg,
            rgba(13, 27, 42, .055),
            rgba(65, 90, 119, .08)) !important;
    border: 1px solid rgba(13, 27, 42, .08) !important;
    box-shadow: none !important;
}

#product-714321727 .sticky-product-bar__container {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
}

#product-714321727 .sticky-product-bar__quantity {
    width: 112px !important;
}

#product-714321727 .s-quantity-input-container {
    min-height: 50px !important;
    border: 1px solid rgba(13, 27, 42, .12) !important;
    background: #fff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 18px rgba(13, 27, 42, .04) !important;
}

#product-714321727 .s-quantity-input-button {
    color: var(--astri-primary) !important;
}

#product-714321727 .s-quantity-input-input {
    color: var(--astri-primary) !important;
    font-weight: 800 !important;
    text-align: center !important;
}

#product-714321727 .sticky-product-bar__btn .s-button-primary {
    min-height: 52px !important;
    border-radius: 14px !important;
    border: none !important;
    background: linear-gradient(135deg,
            #0d1b2a 0%,
            #1b263b 52%,
            #415a77 100%) !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    box-shadow: 0 12px 25px rgba(13, 27, 42, .20) !important;
    transition: transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease !important;
}

@media (hover:hover) {
    #product-714321727 .sticky-product-bar__btn .s-button-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 16px 34px rgba(13, 27, 42, .27) !important;
        filter: brightness(1.08) !important;
    }
}

#product-714321727 .s-add-product-button-mini-checkout {
    border-radius: 14px !important;
    overflow: hidden !important;
}

#product-714321727 salla-installment {
    display: block !important;
    margin: 18px 0 !important;
}

#product-714321727 section.grid.justify-items-center.my-4 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

#product-714321727 section.grid.justify-items-center.my-4>div {
    width: 100% !important;
    min-height: 100px !important;
    display: flex !important;
    justify-content: center !important;
    padding: 14px 8px !important;
    background: #f8f9fb !important;
    border: 1px solid rgba(13, 27, 42, .07) !important;
    border-radius: 14px !important;
    transition: .3s ease !important;
}

#product-714321727 section.grid.justify-items-center.my-4>div img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
}

#product-714321727 section.grid.justify-items-center.my-4 h3 {
    color: var(--astri-primary) !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    opacity: 1 !important;
}

@media (hover:hover) {
    #product-714321727 section.grid.justify-items-center.my-4>div:hover {
        transform: translateY(-3px) !important;
        background: #fff !important;
        box-shadow: 0 10px 24px rgba(13, 27, 42, .08) !important;
    }
}







@media (max-width: 1024px) {
    #product-714321727 {
        padding-inline: 16px !important;
        gap: 20px !important;
    }

    #product-714321727>.sidebar {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
    }

    #product-714321727>.main-content {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
        padding: 22px !important;
    }

    #product-714321727 .main-content>ul>li {
        padding-right: 34px !important;
    }
}

@media (max-width: 767px) {
    #product-714321727 {
        display: flex !important;
        flex-direction: column !important;
        padding: 8px 12px 30px !important;
        gap: 14px !important;
    }

    #product-714321727>.sidebar,
    #product-714321727>.main-content {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
        position: relative !important;
        top: auto !important;
    }

    #product-714321727>.sidebar {
        padding: 0 !important;
    }

    #product-714321727>.main-content {
        padding: 20px 16px !important;
        border-radius: 20px !important;
        box-shadow: 0 10px 30px rgba(13, 27, 42, .06) !important;
    }

    #product-714321727 .main-content h1 {
        font-size: 23px !important;
        line-height: 1.5 !important;
        margin-bottom: 8px !important;
    }

    #product-714321727 .total-price {
        font-size: 26px !important;
    }

    #product-714321727 .price-wrapper {
        padding: 14px 16px !important;
        margin-bottom: 18px !important;
    }

    #product-714321727 .product-entry__sub-title {
        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    #product-714321727 .main-content>h2,
    #product-714321727 .main-content>h3 {
        font-size: 17px !important;
    }

    #product-714321727 .sticky-product-bar {
        padding: 14px !important;
        margin-top: 18px !important;
    }

    #product-714321727 .sticky-product-bar__container {
        gap: 8px !important;
    }

    #product-714321727 .sticky-product-bar__quantity {
        width: 92px !important;
    }

    #product-714321727 section.grid.justify-items-center.my-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    #product-714321727 section.grid.justify-items-center.my-4>div {
        min-height: 88px !important;
        padding: 10px 5px !important;
    }

    #product-714321727 section.grid.justify-items-center.my-4 h3 {
        font-size: 11px !important;
    }

    #product-714321727 section.grid.justify-items-center.my-4>div img {
        width: 22px !important;
        height: 22px !important;
    }
}

@media (max-width: 420px) {
    #product-714321727 {
        padding-inline: 9px !important;
    }

    #product-714321727>.main-content {
        padding: 18px 13px !important;
    }

    #product-714321727 .sticky-product-bar__container {
        flex-wrap: wrap !important;
    }

    #product-714321727 .sticky-product-bar__quantity {
        width: 100% !important;
    }

    #product-714321727 .sticky-product-bar__btn {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    #product-714321727 section.grid.justify-items-center.my-4 {
        grid-template-columns: 1fr !important;
    }

    #product-714321727 section.grid.justify-items-center.my-4>div {
        min-height: 70px !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        padding-inline: 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    #product-714321727 *,
    #product-714321727 *::before,
    #product-714321727 *::after {
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

[id^="product-"] {
    --astri-navy: #071525;
    --astri-navy-2: #10243b;
    --astri-blue: #526d8a;
    --astri-gold: #b89a68;
    --astri-text: #172033;
    --astri-muted: #6f7785;
    --astri-line: rgba(7, 21, 37, .09);
    --astri-soft: #f6f8fa;
    --astri-white: #fff;
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto 50px !important;
    padding: 18px 24px !important;
    gap: 42px !important;
    align-items: flex-start !important;
}

[id^="product-"]>.sidebar {
    width: calc(55% - 21px) !important;
    flex: 0 0 calc(55% - 21px) !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

[id^="product-"]>.sidebar>.relative.hidden.md\:block {
    width: 100% !important;
}

[id^="product-"]>.sidebar .grid.grid-cols-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}

[id^="product-"]>.sidebar .grid.grid-cols-2>a {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #f1f2f4 !important;
    box-shadow: 0 5px 20px rgba(7, 21, 37, .045) !important;
    transform: translateZ(0);
    transition: transform .45s cubic-bezier(.2, .7, .2, 1),
        box-shadow .45s ease !important;
}

[id^="product-"]>.sidebar .grid.grid-cols-2>a img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 0 !important;
    transition: transform .8s cubic-bezier(.2, .7, .2, 1),
        filter .5s ease !important;
}

[id^="product-"]>.sidebar .grid.grid-cols-2>a:first-child {
    grid-column: 1 / -1 !important;
}

[id^="product-"]>.sidebar .grid.grid-cols-2>a:first-child img {
    aspect-ratio: 16 / 11 !important;
}

[id^="product-"]>.sidebar .grid.grid-cols-2>a::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg,
            transparent 65%,
            rgba(5, 17, 30, .08)) !important;
    opacity: 0 !important;
    transition: opacity .4s ease !important;
}

@media (hover:hover) {
    [id^="product-"]>.sidebar .grid.grid-cols-2>a:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 18px 42px rgba(7, 21, 37, .12) !important;
    }

    [id^="product-"]>.sidebar .grid.grid-cols-2>a:hover img {
        transform: scale(1.025) !important;
    }

    [id^="product-"]>.sidebar .grid.grid-cols-2>a:hover::after {
        opacity: 1 !important;
    }
}

[id^="product-"]>.main-content {
    width: calc(45% - 21px) !important;
    flex: 0 0 calc(45% - 21px) !important;
    margin: 0 !important;
    padding: 30px 30px 24px !important;
    top: 105px !important;
    background: linear-gradient(145deg,
            rgba(255, 255, 255, .98),
            rgba(249, 250, 252, .98)) !important;
    border: 1px solid var(--astri-line) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(7, 21, 37, .07) !important;
    overflow: visible !important;
}

[id^="product-"] .save-percentage[data-sale-price="0"] {
    display: none !important;
}

[id^="product-"]>.main-content>.flex.items-center.gap-0 {
    margin-bottom: 0 !important;
}

[id^="product-"]>.main-content>.flex.justify-between.mb-1 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    margin-bottom: 4px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--astri-line) !important;
}

[id^="product-"]>.main-content>.flex.justify-between.mb-1>h1 {
    flex: 1 !important;
    margin: 0 !important;
    color: var(--astri-navy) !important;
    font-size: clamp(25px, 2.1vw, 35px) !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    letter-spacing: -.3px !important;
}

[id^="product-"] .btn--wishlist {
    flex-shrink: 0 !important;
}

[id^="product-"] .btn--wishlist .s-button-element {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--astri-navy) !important;
    border: 1px solid rgba(7, 21, 37, .11) !important;
    box-shadow: 0 6px 18px rgba(7, 21, 37, .06) !important;
    transition: transform .3s ease,
        background .3s ease,
        color .3s ease,
        box-shadow .3s ease !important;
}

[id^="product-"] .btn--wishlist .sicon-heart {
    font-size: 19px !important;
}

@media (hover:hover) {
    [id^="product-"] .btn--wishlist .s-button-element:hover {
        background: var(--astri-navy) !important;
        color: #fff !important;
        border-color: var(--astri-navy) !important;
        transform: translateY(-2px) scale(1.04) !important;
        box-shadow: 0 10px 25px rgba(7, 21, 37, .16) !important;
    }
}

[id^="product-"] .price-wrapper {
    display: flex !important;
    align-items: center !important;
    margin: 18px 0 22px !important;
    padding: 17px 19px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg,
            rgba(7, 21, 37, .035),
            rgba(82, 109, 138, .075)) !important;
    border: 1px solid rgba(7, 21, 37, .065) !important;
}

[id^="product-"] .total-price {
    color: var(--astri-navy) !important;
    font-size: 29px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

[id^="product-"] .total-price .sicon-sar {
    font-size: .76em !important;
    opacity: .9 !important;
}

[id^="product-"] .product-entry__sub-title {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    margin: 0 0 25px !important;
    color: #414958 !important;
    font-size: 15px !important;
    line-height: 2 !important;
    font-weight: 400 !important;
}

[id^="product-"] .product-entry__sub-title p {
    margin-bottom: 10px !important;
}

[id^="product-"] .product-entry__sub-title span {
    color: inherit !important;
    background: transparent !important;
}

[id^="product-"]>.main-content>h2,
[id^="product-"]>.main-content>h3 {
    position: relative !important;
    margin: 27px 0 14px !important;
    padding-right: 16px !important;
    color: var(--astri-navy) !important;
    font-size: 19px !important;
    line-height: 1.65 !important;
    font-weight: 800 !important;
}

[id^="product-"]>.main-content>h2::before,
[id^="product-"]>.main-content>h3::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 7px !important;
    width: 4px !important;
    height: 20px !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg,
            var(--astri-navy),
            var(--astri-gold)) !important;
}

[id^="product-"]>.main-content>h2 *,
[id^="product-"]>.main-content>h3 * {
    background: transparent !important;
}

[id^="product-"] .product-entry__sub-title a,

[id^="product-"]>.main-content>h2 a,

[id^="product-"]>.main-content>h3 a,

[id^="product-"]>.main-content>ul a {
    color: var(--astri-blue) !important;
    background: transparent !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(82, 109, 138, .28) !important;
    transition: color .25s ease,
        border-color .25s ease !important;
}

@media (hover:hover) {
    [id^="product-"] .product-entry__sub-title a:hover,

    [id^="product-"]>.main-content>h2 a:hover,

    [id^="product-"]>.main-content>ul a:hover {
        color: var(--astri-navy) !important;
        border-color: var(--astri-navy) !important;
    }
}

[id^="product-"]>.main-content>ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 0 23px !important;
    list-style: none !important;
}

[id^="product-"]>.main-content>ul>li {
    position: relative !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 37px 10px 12px !important;
    color: #4b5361 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    background: #f7f8fa !important;
    border: 1px solid rgba(7, 21, 37, .065) !important;
    border-radius: 12px !important;
    transition: background .25s ease,
        transform .25s ease,
        border-color .25s ease !important;
}

[id^="product-"]>.main-content>ul>li::before {
    content: "✓" !important;
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(82, 109, 138, .11) !important;
    color: var(--astri-blue) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

[id^="product-"]>.main-content>ul>li strong {
    color: var(--astri-navy) !important;
    background: transparent !important;
    font-weight: 700 !important;
}

[id^="product-"]>.main-content>ul>li span {
    color: inherit !important;
    background: transparent !important;
}

@media (hover:hover) {
    [id^="product-"]>.main-content>ul>li:hover {
        transform: translateY(-2px) !important;
        background: #fff !important;
        border-color: rgba(82, 109, 138, .18) !important;
    }
}

[id^="product-"]>.main-content>.my-3.flex.items-center.gap-2 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 27px 0 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--astri-line) !important;
}

[id^="product-"]>.main-content>.my-3.flex.items-center.gap-2>a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 7px 11px !important;
    border-radius: 30px !important;
    background: #f6f7f9 !important;
    border: 1px solid rgba(7, 21, 37, .075) !important;
    color: #616977 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: background .25s ease,
        color .25s ease,
        transform .25s ease !important;
}

[id^="product-"]>.main-content>.my-3.flex.items-center.gap-2>a svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

[id^="product-"]>.main-content>.my-3.flex.items-center.gap-2>a svg path {
    fill: var(--astri-blue) !important;
    transition: fill .25s ease !important;
}

@media (hover:hover) {
    [id^="product-"]>.main-content>.my-3.flex.items-center.gap-2>a:hover {
        background: var(--astri-navy) !important;
        border-color: var(--astri-navy) !important;
        color: #fff !important;
        transform: translateY(-2px) !important;
    }

    [id^="product-"]>.main-content>.my-3.flex.items-center.gap-2>a:hover svg path {
        fill: #fff !important;
    }
}

[id^="product-"] salla-installment {
    display: block !important;
    margin: 18px 0 !important;
}

[id^="product-"] .sticky-product-bar {
    position: relative !important;
    inset: auto !important;
    margin: 24px 0 0 !important;
    padding: 17px !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg,
            #f5f7f9,
            #eef2f6) !important;
    border: 1px solid rgba(7, 21, 37, .075) !important;
    box-shadow: none !important;
}

[id^="product-"] .sticky-product-bar__container {
    display: flex !important;
    align-items: stretch !important;
    gap: 9px !important;
    margin: 0 !important;
}

[id^="product-"] .sticky-product-bar__quantity {
    width: 110px !important;
    flex: 0 0 110px !important;
}

[id^="product-"] .s-quantity-input-container {
    width: 100% !important;
    height: 52px !important;
    display: grid !important;
    grid-template-columns: 34px 1fr 34px !important;
    align-items: center !important;
    border: 1px solid rgba(7, 21, 37, .12) !important;
    border-radius: 13px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(7, 21, 37, .035) !important;
}

[id^="product-"] .s-quantity-input-button {
    width: 34px !important;
    height: 100% !important;
    padding: 0 !important;
    color: var(--astri-navy) !important;
    background: transparent !important;
}

[id^="product-"] .s-quantity-input-button svg {
    width: 15px !important;
    height: 15px !important;
}

[id^="product-"] .s-quantity-input-input {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    color: var(--astri-navy) !important;
    font-weight: 800 !important;
    background: transparent !important;
}

[id^="product-"] .sticky-product-bar__btn {
    min-width: 0 !important;
}

[id^="product-"] .sticky-product-bar__btn .s-add-product-button-main {
    gap: 8px !important;
}

[id^="product-"] .sticky-product-bar__btn .s-button-primary {
    min-height: 52px !important;
    border: none !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg,
            #071525 0%,
            #10243b 58%,
            #29445f 100%) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 24px rgba(7, 21, 37, .18) !important;
    transition: transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease !important;
}

@media (hover:hover) {
    [id^="product-"] .sticky-product-bar__btn .s-button-primary:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.08) !important;
        box-shadow: 0 15px 30px rgba(7, 21, 37, .25) !important;
    }
}

[id^="product-"] .s-add-product-button-mini-checkout {
    border-radius: 13px !important;
    overflow: hidden !important;
}

[id^="product-"] salla-quick-buy {
    display: block !important;
    margin-top: 8px !important;
}

[id^="product-"] .s-quick-buy-apple-pay {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

[id^="product-"]>.main-content>section.grid.justify-items-center.my-4 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 20px 0 0 !important;
}

[id^="product-"]>.main-content>section.grid.justify-items-center.my-4>div {
    width: 100% !important;
    min-height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 8px !important;
    border: 1px solid rgba(7, 21, 37, .065) !important;
    border-radius: 13px !important;
    background: #f8f9fb !important;
    transition: transform .3s ease,
        box-shadow .3s ease,
        background .3s ease !important;
}

[id^="product-"]>.main-content>section.grid.justify-items-center.my-4 img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
}

[id^="product-"]>.main-content>section.grid.justify-items-center.my-4 h3 {
    color: var(--astri-navy) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

@media (hover:hover) {
    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4>div:hover {
        transform: translateY(-3px) !important;
        background: #fff !important;
        box-shadow: 0 10px 25px rgba(7, 21, 37, .07) !important;
    }
}







@media (min-width: 768px) and (max-width: 1100px) {
    [id^="product-"] {
        gap: 22px !important;
        padding-inline: 16px !important;
    }

    [id^="product-"]>.sidebar {
        width: calc(50% - 11px) !important;
        flex-basis: calc(50% - 11px) !important;
    }

    [id^="product-"]>.main-content {
        width: calc(50% - 11px) !important;
        flex-basis: calc(50% - 11px) !important;
        padding: 22px 19px !important;
    }

    [id^="product-"]>.main-content>ul {
        grid-template-columns: 1fr !important;
    }

    [id^="product-"] .sticky-product-bar__container {
        flex-wrap: wrap !important;
    }

    [id^="product-"] .sticky-product-bar__quantity {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
}

@media (max-width: 767px) {
    [id^="product-"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 6px 10px 28px !important;
        margin-bottom: 25px !important;
    }

    [id^="product-"]>.sidebar,
    [id^="product-"]>.main-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
        position: relative !important;
        top: auto !important;
        margin: 0 !important;
    }

    [id^="product-"]>.sidebar {
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 18px !important;
    }

    [id^="product-"]>.main-content {
        padding: 19px 15px !important;
        border-radius: 19px !important;
        box-shadow: 0 10px 30px rgba(7, 21, 37, .055) !important;
    }

    [id^="product-"]>.main-content>.flex.justify-between.mb-1>h1 {
        font-size: 23px !important;
        line-height: 1.5 !important;
    }

    [id^="product-"] .btn--wishlist .s-button-element {
        width: 43px !important;
        height: 43px !important;
        min-width: 43px !important;
    }

    [id^="product-"] .price-wrapper {
        margin: 14px 0 18px !important;
        padding: 14px 15px !important;
    }

    [id^="product-"] .total-price {
        font-size: 26px !important;
    }

    [id^="product-"] .product-entry__sub-title {
        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    [id^="product-"]>.main-content>h2,
    [id^="product-"]>.main-content>h3 {
        font-size: 17px !important;
        margin-top: 23px !important;
    }

    [id^="product-"]>.main-content>ul {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    [id^="product-"]>.main-content>ul>li {
        min-height: 45px !important;
        font-size: 13px !important;
    }

    [id^="product-"] .sticky-product-bar {
        padding: 13px !important;
        margin-top: 18px !important;
    }

    [id^="product-"] .sticky-product-bar__quantity {
        width: 95px !important;
        flex: 0 0 95px !important;
    }

    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4 {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
    }

    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4>div {
        min-height: 88px !important;
        padding: 9px 4px !important;
    }

    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4 h3 {
        font-size: 10px !important;
    }

    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4 img {
        width: 22px !important;
        height: 22px !important;
    }
}

@media (max-width: 430px) {
    [id^="product-"] {
        padding-inline: 7px !important;
    }

    [id^="product-"]>.main-content {
        padding: 17px 12px !important;
    }

    [id^="product-"] .sticky-product-bar__container {
        display: grid !important;
        grid-template-columns: 90px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    [id^="product-"] .sticky-product-bar__quantity {
        width: 90px !important;
        min-width: 0 !important;
    }

    [id^="product-"] .sticky-product-bar__btn {
        width: 100% !important;
        min-width: 0 !important;
    }

    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4 {
        grid-template-columns: 1fr !important;
    }

    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4>div {
        min-height: 62px !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        padding: 10px 14px !important;
    }

    [id^="product-"]>.main-content>section.grid.justify-items-center.my-4 h3 {
        font-size: 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    [id^="product-"] *,
    [id^="product-"] *::before,
    [id^="product-"] *::after {
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

.breadcrumbs {
    width: 100% !important;
    padding: 12px 0 !important;
    margin: 0 0 16px !important;
}

.breadcrumbs .s-breadcrumb-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    background: linear-gradient(135deg,
            #ffffff 0%,
            #f5f7fa 100%) !important;
    border: 1px solid rgba(7, 21, 37, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 20px rgba(7, 21, 37, 0.04) !important;
}

.breadcrumbs .s-breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #667386 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

.breadcrumbs .s-breadcrumb-item a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #526d8a !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.25s ease,
        transform 0.25s ease !important;
}

.breadcrumbs .s-breadcrumb-item:first-child a {
    color: #071525 !important;
    font-weight: 700 !important;
}

.breadcrumbs .s-breadcrumb-item:first-child a::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    margin-left: 7px !important;
    border-radius: 50% !important;
    background: #b89a68 !important;
    box-shadow: 0 0 0 4px rgba(184, 154, 104, 0.12) !important;
}

@media (hover: hover) {
    .breadcrumbs .s-breadcrumb-item a:hover {
        color: #071525 !important;
        transform: translateY(-1px) !important;
    }
}

.breadcrumbs .s-breadcrumb-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 1px !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
}

.breadcrumbs .s-breadcrumb-arrow svg {
    width: 13px !important;
    height: 13px !important;
    fill: #9ba5b3 !important;
    opacity: 0.75 !important;
}

.breadcrumbs .s-breadcrumb-item:last-child {
    position: relative !important;
    padding: 5px 10px !important;
    color: #071525 !important;
    font-weight: 700 !important;
    background: rgba(7, 21, 37, 0.055) !important;
    border: 1px solid rgba(7, 21, 37, 0.06) !important;
    border-radius: 8px !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
    .breadcrumbs {
        padding: 10px 0 !important;
    }

    .breadcrumbs .s-breadcrumb-wrapper {
        padding: 10px 14px !important;
    }

    .breadcrumbs .s-breadcrumb-item {
        font-size: 11.5px !important;
    }
}

@media (max-width: 767px) {
    .breadcrumbs {
        padding: 6px 0 !important;
        margin-bottom: 10px !important;
    }

    .breadcrumbs .s-breadcrumb-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        padding: 9px 11px !important;
        gap: 4px !important;
        border-radius: 11px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .breadcrumbs .s-breadcrumb-wrapper::-webkit-scrollbar {
        display: none !important;
    }

    .breadcrumbs .s-breadcrumb-item {
        flex: 0 0 auto !important;
        font-size: 10.5px !important;
        white-space: nowrap !important;
    }

    .breadcrumbs .s-breadcrumb-arrow {
        width: 13px !important;
        height: 13px !important;
        flex: 0 0 auto !important;
    }

    .breadcrumbs .s-breadcrumb-arrow svg {
        width: 10px !important;
        height: 10px !important;
    }

    .breadcrumbs .s-breadcrumb-item:last-child {
        padding: 4px 8px !important;
        border-radius: 7px !important;
    }

    .breadcrumbs .s-breadcrumb-item:first-child a::before {
        width: 5px !important;
        height: 5px !important;
        margin-left: 5px !important;
        box-shadow: 0 0 0 3px rgba(184, 154, 104, 0.12) !important;
    }
}

@media (max-width: 400px) {
    .breadcrumbs .s-breadcrumb-wrapper {
        padding: 8px 9px !important;
    }

    .breadcrumbs .s-breadcrumb-item {
        font-size: 10px !important;
    }
}

.pt-5.flex.flex-col.pb-6 {
    padding-top: 20px !important;
    padding-bottom: 32px !important;
}

#free-shipping {
    background: linear-gradient(135deg, #ffffff 0%, #f7f9fc 100%) !important;
    border: 1px solid rgba(7, 21, 37, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(7, 21, 37, 0.06) !important;
    padding: 20px !important;
}

#free-shipping .sicon-shipping-fast {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #071525, #183b5f) !important;
    color: #fff !important;
}

#free-shipping .shipping-item {
    color: #071525 !important;
}

#free-shipping #free-shipping-msg {
    color: #667386 !important;
}

#free-shipping-bar {
    height: 8px !important;
    background: #e8edf3 !important;
    border-radius: 999px !important;
    overflow: visible !important;
}

#free-shipping-bar .progress-bg {
    height: 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg,
            #597896 0%,
            #183b5f 45%,
            #071525 100%) !important;
}

.pt-5.flex.flex-col.lg\:flex-row.pb-6.lg\:pb-20 {
    gap: 28px !important;
    align-items: flex-start !important;
}

.main-content.w-full.lg\:w-\[calc\(100\%-384px\)\] {
    min-width: 0 !important;
}

.main-content>.hidden.md\:grid {
    padding: 0 18px 12px !important;
    color: #7b8796 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.cart-item {
    position: relative !important;
    padding: 18px !important;
    background: linear-gradient(145deg,
            #ffffff 0%,
            #fbfcfe 100%) !important;
    border: 1px solid rgba(7, 21, 37, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(7, 21, 37, 0.055) !important;
    overflow: hidden !important;
    transition: transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}

@media (hover:hover) {
    .cart-item:hover {
        transform: translateY(-3px) !important;
        border-color: rgba(42, 81, 119, 0.18) !important;
        box-shadow: 0 14px 38px rgba(7, 21, 37, 0.09) !important;
    }
}

.cart-item::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(90deg,
            transparent,
            #7890a7,
            #183b5f,
            transparent) !important;
    opacity: .5 !important;
}

.cart-item-grid {
    display: grid !important;
    grid-template-columns: 96px minmax(170px, 1fr) minmax(80px, .65fr) minmax(115px, .9fr) minmax(85px, .65fr) !important;
    align-items: center !important;
    gap: 18px !important;
}

.cart-item-image {
    display: flex !important;
    align-items: center !important;
}

.cart-item-image a {
    display: block !important;
    width: 90px !important;
    height: 110px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #f4f6f8 !important;
}

.cart-item-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 14px !important;
    transition: transform .4s ease !important;
}

@media (hover:hover) {
    .cart-item:hover .cart-item-image img {
        transform: scale(1.035) !important;
    }
}

.cart-item-info {
    min-width: 0 !important;
}

.cart-item-info h1 {
    margin: 0 0 6px !important;
    line-height: 1.6 !important;
}

.cart-item-info h1 a {
    color: #071525 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: color .25s ease !important;
}

.cart-item-info h1 a:hover {
    color: #365d81 !important;
}

.cart-item-info .item-weight-row,
.cart-item-info .offer-name {
    color: #8893a0 !important;
}

.cart-item-price,
.cart-item-total {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
}

.cart-item-price .item-price {
    color: #33465b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.cart-item-total .item-total {
    color: #071525 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.cart-item-quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-item-quantity salla-quantity-input {
    width: 116px !important;
}

.cart-item-quantity .s-quantity-input-container {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: 1px solid rgba(7, 21, 37, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.cart-item-quantity .s-quantity-input-button {
    width: 38px !important;
    height: 40px !important;
    background: transparent !important;
    color: #071525 !important;
    border: 0 !important;
    transition: background .2s ease,
        color .2s ease !important;
}

.cart-item-quantity .s-quantity-input-button:hover {
    background: #071525 !important;
    color: #fff !important;
}

.cart-item-quantity .s-quantity-input-button svg {
    width: 15px !important;
    height: 15px !important;
    fill: currentColor !important;
}

.cart-item-quantity .s-quantity-input-input {
    width: 40px !important;
    color: #071525 !important;
    font-weight: 800 !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
}

.cart-item .btn--delete .s-button-element {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    background: rgba(165, 55, 55, 0.08) !important;
    color: #a43e3e !important;
    border: 1px solid rgba(165, 55, 55, 0.12) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    transition: background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}

.cart-item .btn--delete .s-button-element:hover {
    background: #a43e3e !important;
    color: #fff !important;
    transform: rotate(5deg) scale(1.05) !important;
}

.cart-item .btn--delete i {
    font-size: 11px !important;
}

.pt-5.flex.flex-col.lg\:flex-row.pb-6.lg\:pb-20>.sticky {
    top: 100px !important;
}

salla-cart-summary-card {
    display: block !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(7, 21, 37, 0.08) !important;
    box-shadow: 0 15px 42px rgba(7, 21, 37, 0.09) !important;
}

.s-cart-summary-card-sheet-wrap,
.s-cart-summary-card-sheet {
    background: transparent !important;
}

.s-cart-summary-card-sheet {
    padding: 22px !important;
}

.s-cart-summary-card-sheet-header {
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(7, 21, 37, 0.08) !important;
}

.s-cart-summary-card-sheet-title {
    color: #071525 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.s-cart-summary-card-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    color: #6f7b89 !important;
    font-size: 13px !important;
}

.s-cart-summary-card-line b {
    color: #071525 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.s-cart-summary-card-bar {
    padding: 18px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: linear-gradient(135deg,
            #f7f9fb,
            #eef3f7) !important;
    border-top: 1px solid rgba(7, 21, 37, 0.07) !important;
}

.s-cart-summary-card-bar-label-text {
    color: #071525 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.s-cart-summary-card-bar-count {
    color: #83909d !important;
    font-size: 11px !important;
}

.s-cart-summary-card-bar-total {
    color: #071525 !important;
    font-size: 19px !important;
    font-weight: 900 !important;
}

.s-cart-summary-card-action {
    padding: 0 22px 22px !important;
    background: #fff !important;
}

#s-cart-summary-card-submit {
    width: 100% !important;
}

#s-cart-summary-card-submit .s-button-element {
    min-height: 52px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg,
            #071525 0%,
            #173653 55%,
            #294e70 100%) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border: 0 !important;
    box-shadow: 0 8px 20px rgba(7, 21, 37, .18) !important;
    transition: transform .25s ease,
        box-shadow .25s ease !important;
}

#s-cart-summary-card-submit .s-button-element:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(7, 21, 37, .26) !important;
}

#cart-gifting {
    border-radius: 16px !important;
    border: 1px solid rgba(7, 21, 37, .08) !important;
    box-shadow: 0 8px 25px rgba(7, 21, 37, .06) !important;
    overflow: hidden !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
    .cart-item-grid {
        grid-template-columns: 82px minmax(140px, 1fr) 70px 105px 72px !important;
        gap: 12px !important;
    }

    .cart-item-image a {
        width: 76px !important;
        height: 96px !important;
    }

    .cart-item-info h1 a {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {
    .pt-5.flex.flex-col.pb-6 {
        padding-top: 10px !important;
    }

    .pt-5.flex.flex-col.lg\:flex-row.pb-6.lg\:pb-20 {
        gap: 16px !important;
    }

    .cart-item {
        padding: 14px !important;
        margin-bottom: 12px !important;
        border-radius: 15px !important;
    }

    .cart-item-grid {
        display: grid !important;
        grid-template-columns: 78px 1fr !important;
        gap: 10px 12px !important;
        align-items: start !important;
    }

    .cart-item-image {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
    }

    .cart-item-image a {
        width: 78px !important;
        height: 100px !important;
        border-radius: 11px !important;
    }

    .cart-item-info {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding-left: 30px !important;
    }

    .cart-item-info h1 a {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .cart-item-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-content: flex-start !important;
        margin-top: 2px !important;
    }

    .cart-item-price .item-price {
        font-size: 13px !important;
    }

    .cart-item-quantity {
        grid-column: 1 / span 2 !important;
        grid-row: 3 !important;
        justify-content: flex-start !important;
        padding-top: 9px !important;
        border-top: 1px solid rgba(7, 21, 37, .06) !important;
    }

    .cart-item-quantity salla-quantity-input {
        width: 110px !important;
    }

    .cart-item-total {
        grid-column: 1 / span 2 !important;
        grid-row: 3 !important;
        justify-content: flex-end !important;
        align-self: center !important;
        pointer-events: none !important;
    }

    .cart-item-total::before {
        content: "الإجمالي" !important;
        margin-left: 7px !important;
        color: #8a94a0 !important;
        font-size: 10px !important;
        font-weight: 500 !important;
    }

    .cart-item-total .item-total {
        font-size: 14px !important;
    }

    .cart-item>span.absolute {
        top: 12px !important;
        left: 12px !important;
        right: auto !important;
    }

    salla-cart-summary-card {
        border-radius: 16px !important;
    }

    .s-cart-summary-card-sheet {
        padding: 18px !important;
    }

    .s-cart-summary-card-bar {
        padding: 15px 18px !important;
    }

    .s-cart-summary-card-action {
        padding: 0 18px 18px !important;
    }

    #s-cart-summary-card-submit .s-button-element {
        min-height: 50px !important;
    }
}

@media (max-width: 390px) {
    .cart-item {
        padding: 12px !important;
    }

    .cart-item-grid {
        grid-template-columns: 70px 1fr !important;
        gap: 9px 10px !important;
    }

    .cart-item-image a {
        width: 70px !important;
        height: 92px !important;
    }

    .cart-item-info {
        padding-left: 25px !important;
    }

    .cart-item-info h1 a {
        font-size: 12px !important;
    }

    .cart-item-total::before {
        display: none !important;
    }
}

#app.container--margined {
    --astri-navy: #071426;
    --astri-navy-2: #0b1d33;
    --astri-blue: #18334f;
    --astri-gold: #c6a56b;
    --astri-soft: #f5f7fa;
    --astri-border: rgba(7, 20, 38, 0.10);
    --astri-text: #101828;
    --astri-muted: #667085;
    max-width: 1380px !important;
    margin-inline: auto !important;
    padding: 32px 24px 55px !important;
    direction: rtl !important;
}

body:has(#app.container--margined) {
    background: radial-gradient(circle at 85% 10%, rgba(24, 51, 79, 0.08), transparent 30%),
        linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #f7f9fc 100%) !important;
}

#app .sections-wrapper,
#app .section--payment {
    background: transparent !important;
}

#app #payment_process {
    width: 100% !important;
}

#app .section--payment {
    max-width: 100% !important;
}

#app .cart-summary-main {
    background: linear-gradient(155deg,
            rgba(7, 20, 38, 0.98),
            rgba(11, 29, 51, 0.96)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 70px rgba(7, 20, 38, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#app .cart-summary-content {
    padding: 22px !important;
}

#app .store-info-wrapper {
    min-height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 65%) !important;
}

#app .store-logo-summary {
    max-width: 130px !important;
    max-height: 80px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}

#app .cart-summary-main .cart-summary {
    color: #fff !important;
}

#app .cart-summary-main .cart-summary li {
    border-color: rgba(255, 255, 255, 0.10) !important;
    padding-block: 14px !important;
}

#app .cart-summary-main .cart-summary h4,
#app .cart-summary-main .cart-summary span,
#app .cart-summary-main .cart-summary b,
#app .cart-summary-main .cart-summary small,
#app .cart-summary-main .currency {
    color: #fff !important;
}

#app .cart-summary-main .cart-summary h4 {
    font-size: 14px !important;
    font-weight: 500 !important;
    opacity: 0.78 !important;
}

#app .cart-summary--total {
    margin-top: 12px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

#app .cart-summary--total li {
    border: 0 !important;
}

#app .cart-summary--total .total-title-wrapper b {
    font-size: 16px !important;
}

#app .cart-summary--total .currency b {
    font-size: 25px !important;
    color: #fff !important;
}

#app .cart-items-preview {
    margin-top: 15px !important;
    padding: 14px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 16px !important;
}

#app .cart-items-row {
    gap: 8px !important;
}

#app .cart-items-preview .cart-item-image {
    width: 48px !important;
    height: 58px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    background: #fff !important;
}

#app .cart-items-preview .cart-item-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

#app .remaining-count {
    background: var(--astri-gold) !important;
    color: var(--astri-navy) !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    min-width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#app .btn--coupon {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    opacity: .9 !important;
    transition: .25s ease !important;
}

#app .btn--coupon:hover {
    color: var(--astri-gold) !important;
}

#app .coupon-full-width {
    margin-top: 14px !important;
}

#app .form--coupon fieldset {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

#app #coupon_field {
    min-height: 48px !important;
    border: 1px solid var(--astri-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding-inline: 15px !important;
    box-shadow: none !important;
}

#app #coupon_form_submit {
    min-height: 48px !important;
    padding-inline: 22px !important;
    border-radius: 12px !important;
    background: var(--astri-navy) !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: 700 !important;
}

#app .checkout-step {
    background: #fff !important;
    border: 1px solid var(--astri-border) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 14px 40px rgba(7, 20, 38, .055),
        0 2px 8px rgba(7, 20, 38, .025) !important;
}

#app .title--step {
    margin-bottom: 18px !important;
    padding-bottom: 17px !important;
    border-bottom: 1px solid var(--astri-border) !important;
}

#app .title--step h3 {
    color: var(--astri-text) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -.2px !important;
}

#app .title--step small {
    color: var(--astri-muted) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

#app .title--step>div>span:first-child {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(7, 20, 38, .055) !important;
    color: var(--astri-navy) !important;
}

#app .title--step>div>span:first-child svg {
    width: 22px !important;
    height: 22px !important;
}

#app .title--step.done>div>span:first-child {
    background: var(--astri-navy) !important;
    color: #fff !important;
}

#app .title--step.done>div>span:first-child svg *,
#app .title--step.done>div>span:first-child svg path,
#app .title--step.done>div>span:first-child svg circle {
    stroke: currentColor !important;
}

#app .btn-edit {
    border: 1px solid var(--astri-border) !important;
    background: #fff !important;
    color: var(--astri-navy) !important;
    border-radius: 10px !important;
    padding: 8px 13px !important;
    font-weight: 700 !important;
    transition: .25s ease !important;
}

#app .btn-edit:hover {
    background: var(--astri-navy) !important;
    color: #fff !important;
    border-color: var(--astri-navy) !important;
}

#app .list--payment-methods {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

#app .list--payment-methods li {
    width: 100% !important;
    margin: 0 !important;
}

#app .btn--payment-option {
    width: 100% !important;
    min-height: 74px !important;
    border-radius: 14px !important;
    border: 1px solid var(--astri-border) !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}

#app .btn--payment-option:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(7, 20, 38, .30) !important;
    box-shadow: 0 9px 25px rgba(7, 20, 38, .08) !important;
}

#app .btn--payment-option.active {
    border: 2px solid var(--astri-navy) !important;
    background: linear-gradient(180deg,
            rgba(7, 20, 38, .035),
            rgba(7, 20, 38, .01)) !important;
    box-shadow: 0 0 0 4px rgba(7, 20, 38, .06) !important;
}

#app .btn--payment-option img {
    max-width: 75px !important;
    max-height: 38px !important;
    object-fit: contain !important;
}

#app [data-testid="checkout-payment-method-cod"] {
    font-size: 12px !important;
    gap: 5px !important;
}

#app [data-testid="checkout-payment-method-cod"] .ribbon {
    font-size: 10px !important;
    border-radius: 999px !important;
}

#app .saved-cards__new-card-form {
    margin-top: 17px !important;
    padding: 20px !important;
    border-radius: 16px !important;
    background: var(--astri-soft) !important;
    border: 1px solid var(--astri-border) !important;
}

#app .card-details-label,
#app .form-group label {
    color: var(--astri-text) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
}

#app .form-control,
#app .card-input {
    border-color: rgba(7, 20, 38, .13) !important;
}

#app .card-details-wrapper {
    border: 1px solid rgba(7, 20, 38, .13) !important;
    border-radius: 13px !important;
    background: #fff !important;
    overflow: hidden !important;
}

#app .card-input.form-control,
#app .card-holder-input {
    min-height: 50px !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

#app .card-input.form-control:focus,
#app .card-holder-input:focus,
#app #coupon_field:focus {
    border-color: var(--astri-navy) !important;
    box-shadow: 0 0 0 3px rgba(7, 20, 38, .07) !important;
    outline: none !important;
}

#app .card-number-wrapper {
    border-bottom: 1px solid rgba(7, 20, 38, .10) !important;
}

#app .expiry-cvv-wrapper {
    background: #fff !important;
}

#app .expiry-separator {
    color: var(--astri-muted) !important;
}

#app .saved-cards__save-checkbox {
    margin-top: 15px !important;
    color: var(--astri-muted) !important;
}

#app .saved-cards__save-checkbox label {
    font-weight: 500 !important;
}

#app #submit_form_btn {
    min-height: 56px !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(135deg,
            #071426 0%,
            #102a47 48%,
            #071426 100%) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    box-shadow: 0 14px 30px rgba(7, 20, 38, .22),
        inset 0 1px rgba(255, 255, 255, .10) !important;
    transition: transform .25s ease,
        box-shadow .25s ease !important;
}

#app #submit_form_btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(7, 20, 38, .29),
        inset 0 1px rgba(255, 255, 255, .10) !important;
}

#app #submit_form_btn:active {
    transform: translateY(0) scale(.995) !important;
}

#app .cart-drawer-cont {
    background: #fff !important;
}

#app .cart-drawer__header {
    background: var(--astri-navy) !important;
    color: #fff !important;
    padding: 20px !important;
}

#app .cart-drawer__title {
    font-size: 19px !important;
    font-weight: 800 !important;
}

#app .cart-drawer__close {
    color: #fff !important;
}

#app .cart-drawer__content {
    padding: 16px !important;
}

#app .cart-drawer__content .cart-item {
    display: grid !important;
    grid-template-columns: 78px 1fr auto !important;
    gap: 13px !important;
    align-items: center !important;
    padding: 14px !important;
    border-radius: 14px !important;
    border: 1px solid var(--astri-border) !important;
    margin-bottom: 10px !important;
    background: #fff !important;
}

#app .cart-drawer__content .cart-item__image {
    width: 78px !important;
    height: 94px !important;
    overflow: hidden !important;
    border-radius: 11px !important;
    background: #f3f4f6 !important;
}

#app .cart-drawer__content .cart-item__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

#app .cart-item__name {
    color: var(--astri-text) !important;
    font-weight: 700 !important;
}

#app .cart-item__specs {
    color: var(--astri-muted) !important;
}

#app .cart-item__price {
    color: var(--astri-navy) !important;
    font-weight: 800 !important;
}

#app .cart-drawer__footer {
    border-top: 1px solid var(--astri-border) !important;
    background: #fff !important;
}

#app .cart-summary--drawer {
    padding: 18px !important;
}

#app .cart-summary--drawer .cart-summary--total {
    background: var(--astri-soft) !important;
    border-color: var(--astri-border) !important;
}

#app .cart-summary--drawer .cart-summary,
#app .cart-summary--drawer .cart-summary * {
    color: var(--astri-text) !important;
}

#app .cart-summary--toggle .btn {
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--astri-navy) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    font-weight: 700 !important;
}

#app .footer-text-wrapper {
    margin-top: 22px !important;
}

#app .list--brands li {
    padding: 15px 20px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,
            rgba(198, 165, 107, .11),
            rgba(7, 20, 38, .035)) !important;
    border: 1px solid rgba(198, 165, 107, .28) !important;
    color: var(--astri-text) !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

@media (max-width: 991px) {
    #app.container--margined {
        padding: 20px 16px 42px !important;
    }

    #app .list--payment-methods {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #app .checkout-step {
        padding: 20px !important;
        border-radius: 18px !important;
    }

    #app .cart-summary-main {
        border-radius: 20px !important;
    }
}

@media (max-width: 767px) {
    #app.container--margined {
        padding: 12px 10px 32px !important;
    }

    #app .checkout-step {
        padding: 16px !important;
        margin-bottom: 12px !important;
        border-radius: 16px !important;
    }

    #app .title--step {
        margin-bottom: 14px !important;
        padding-bottom: 14px !important;
    }

    #app .title--step>div {
        align-items: flex-start !important;
    }

    #app .title--step>div>span:first-child {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 11px !important;
    }

    #app .title--step h3 {
        font-size: 16px !important;
    }

    #app .title--step small {
        font-size: 12px !important;
    }

    #app .list--payment-methods {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    #app .btn--payment-option {
        min-height: 65px !important;
        border-radius: 12px !important;
    }

    #app .btn--payment-option img {
        max-width: 65px !important;
    }

    #app .saved-cards__new-card-form {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    #app .card-fields-row>div {
        width: 100% !important;
    }

    #app #submit_form_btn {
        min-height: 52px !important;
        border-radius: 12px !important;
        font-size: 15px !important;
    }

    #app .cart-summary-main {
        border-radius: 17px !important;
    }

    #app .cart-summary-content {
        padding: 16px !important;
    }

    #app .store-info-wrapper {
        min-height: 90px !important;
    }

    #app .store-logo-summary {
        max-width: 105px !important;
    }

    #app .form--coupon fieldset {
        gap: 7px !important;
    }

    #app #coupon_form_submit {
        padding-inline: 15px !important;
    }

    #app .list--brands li {
        font-size: 12px !important;
        padding: 12px !important;
    }
}

@media (max-width: 390px) {
    #app .list--payment-methods {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    #app .btn--payment-option {
        min-height: 61px !important;
    }

    #app .checkout-step {
        padding: 14px !important;
    }
}

.container.relative.flex.justify-between.h-full.items-center .breadcrumbs {
    width: 100% !important;
    padding: 18px 0 !important;
    margin: 0 !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    background: linear-gradient(135deg,
            rgba(7, 20, 38, 0.045),
            rgba(24, 51, 79, 0.025)) !important;
    border: 1px solid rgba(7, 20, 38, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(7, 20, 38, 0.035) !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #667085 !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item a {
    color: #4b5563 !important;
    text-decoration: none !important;
    padding: 5px 9px !important;
    border-radius: 8px !important;
    transition: background-color .25s ease,
        color .25s ease,
        transform .25s ease !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item a:hover {
    color: #071426 !important;
    background: rgba(7, 20, 38, 0.055) !important;
    transform: translateY(-1px) !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item:last-of-type {
    color: #071426 !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg,
            #071426,
            #15324f) !important;
    padding: 6px 12px !important;
    border-radius: 9px !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(7, 20, 38, 0.15) !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    opacity: 0.45 !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-arrow svg {
    width: 16px !important;
    height: 16px !important;
}

.container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-arrow svg path {
    fill: #071426 !important;
}

@media (max-width: 991px) {
    .container.relative.flex.justify-between.h-full.items-center .breadcrumbs {
        padding: 14px 0 !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-wrapper {
        gap: 6px !important;
        padding: 9px 12px !important;
        border-radius: 12px !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item {
        font-size: 12px !important;
    }
}

@media (max-width: 767px) {
    .container.relative.flex.justify-between.h-full.items-center {
        padding-inline: 12px !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .breadcrumbs {
        padding: 10px 0 !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-wrapper {
        padding: 8px 10px !important;
        gap: 3px !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-wrapper::-webkit-scrollbar {
        display: none !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item {
        font-size: 11px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item a {
        padding: 4px 6px !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-item:last-of-type {
        padding: 5px 9px !important;
        border-radius: 8px !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-arrow {
        width: 15px !important;
        height: 15px !important;
        flex-shrink: 0 !important;
    }

    .container.relative.flex.justify-between.h-full.items-center .s-breadcrumb-arrow svg {
        width: 13px !important;
        height: 13px !important;
    }
}

salla-products-slider[source="related"] {
    --related-navy: #071426;
    --related-navy-2: #173a59;
    --related-text: #171d29;
    --related-muted: #7b8493;
    --related-border: rgba(7, 20, 38, 0.10);
    --related-soft: #f7f9fb;
    --related-white: #ffffff;
    display: block !important;
    position: relative !important;
    padding: 28px 0 10px !important;
}

salla-products-slider[source="related"] .s-slider-block__title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
    padding-bottom: 14px !important;
    position: relative !important;
}

salla-products-slider[source="related"] .s-slider-block__title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
            transparent 0%,
            rgba(7, 20, 38, .06) 25%,
            rgba(7, 20, 38, .13) 65%,
            transparent 100%);
}

salla-products-slider[source="related"] .s-slider-block__title-right {
    position: relative !important;
}

salla-products-slider[source="related"] .s-slider-block__title-right::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 30px;
    border-radius: 999px;
    background: linear-gradient(180deg,
            #071426,
            #315d7f);
}

salla-products-slider[source="related"] .s-slider-block__title h2 {
    margin: 0 !important;
    padding-right: 14px !important;
    color: var(--related-navy) !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    letter-spacing: -.3px !important;
}

salla-products-slider[source="related"] .s-slider-block__title-nav {
    display: flex !important;
    gap: 8px !important;
}

salla-products-slider[source="related"] .s-slider-nav-arrow {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--related-navy) !important;
    background: #fff !important;
    border: 1px solid var(--related-border) !important;
    border-radius: 50% !important;
    box-shadow: 0 7px 18px rgba(7, 20, 38, .07) !important;
    transition: transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}

salla-products-slider[source="related"] .s-slider-nav-arrow:not(:disabled):hover {
    color: #fff !important;
    background: linear-gradient(135deg,
            #071426,
            #173a59) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(7, 20, 38, .18) !important;
}

salla-products-slider[source="related"] .s-slider-nav-arrow:disabled {
    opacity: .35 !important;
    cursor: default !important;
}

salla-products-slider[source="related"] .s-slider-nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
}

salla-products-slider[source="related"] .s-slider-nav-arrow svg path {
    fill: currentColor !important;
}

salla-products-slider[source="related"] .s-slider-container {
    overflow: visible !important;
    padding-top: 4px !important;
    padding-bottom: 25px !important;
}

salla-products-slider[source="related"] .s-products-slider-card {
    height: auto !important;
}

salla-products-slider[source="related"] custom-salla-product-card {
    position: relative !important;
    display: block !important;
    height: 100% !important;
    background: linear-gradient(180deg,
            #ffffff 0%,
            #fcfdfe 100%) !important;
    border: 1px solid var(--related-border) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 28px rgba(7, 20, 38, .055) !important;
    transition: transform .35s cubic-bezier(.2, .8, .2, 1),
        box-shadow .35s ease,
        border-color .35s ease !important;
}

salla-products-slider[source="related"] custom-salla-product-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(7, 20, 38, .16) !important;
    box-shadow: 0 22px 48px rgba(7, 20, 38, .11) !important;
}

salla-products-slider[source="related"] custom-salla-product-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 12%;
    left: 12%;
    height: 1px;
    z-index: 8;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .95),
            transparent);
    opacity: 0;
    transition: opacity .3s ease;
}

salla-products-slider[source="related"] custom-salla-product-card:hover::before {
    opacity: 1;
}

salla-products-slider[source="related"] .s-product-card-image {
    position: relative !important;
    width: 100% !important;
    height: 405px !important;
    border-radius: 0 !important;
    background: #f2f4f6 !important;
    overflow: hidden !important;
}

salla-products-slider[source="related"] .s-product-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 55%,
            rgba(4, 14, 26, .10) 100%);
    transition: background .35s ease;
}

salla-products-slider[source="related"] custom-salla-product-card:hover .s-product-card-image::after {
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 46%,
            rgba(4, 14, 26, .16) 100%);
}

salla-products-slider[source="related"] .s-product-card-image-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1.001);
    transition: transform .8s cubic-bezier(.2, .8, .2, 1),
        filter .5s ease !important;
}

salla-products-slider[source="related"] custom-salla-product-card:hover .s-product-card-image-cover {
    transform: scale(1.055) !important;
    filter: contrast(1.02) saturate(.98) !important;
}

salla-products-slider[source="related"] .s-product-card-image .absolute.top-2.left-2>div {
    max-width: none !important;
    padding: 6px 10px !important;
    color: #fff !important;
    background: rgba(7, 20, 38, .88) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .12) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

salla-products-slider[source="related"] .s-product-card-side-actions {
    top: 12px !important;
    inset-inline-end: 12px !important;
    gap: 7px !important;
}

salla-products-slider[source="related"] .side-action-btn {
    width: 36px !important;
    height: 36px !important;
    color: var(--related-navy) !important;
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid rgba(7, 20, 38, .10) !important;
    border-radius: 50% !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .10) !important;
    transition: transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}

salla-products-slider[source="related"] .side-action-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg,
            #071426,
            #173a59) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 10px 22px rgba(7, 20, 38, .20) !important;
}

salla-products-slider[source="related"] .s-product-card-image-overlay {
    padding: 12px !important;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, .70),
            rgba(255, 255, 255, .96)) !important;
    border-top: 1px solid rgba(255, 255, 255, .45) !important;
    backdrop-filter: blur(13px) !important;
    -webkit-backdrop-filter: blur(13px) !important;
}

@media (min-width: 768px) {
    salla-products-slider[source="related"] .s-product-card-image-overlay {
        transform: translateY(105%) !important;
        opacity: 0 !important;
    }

    salla-products-slider[source="related"] custom-salla-product-card:hover .s-product-card-image-overlay {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
}

salla-products-slider[source="related"] .s-product-card-image-overlay .s-button-element {
    min-height: 45px !important;
    border: none !important;
    border-radius: 11px !important;
    color: #fff !important;
    background: linear-gradient(135deg,
            #071426 0%,
            #173a59 100%) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(7, 20, 38, .17) !important;
    transition: transform .25s ease,
        box-shadow .25s ease !important;
}

salla-products-slider[source="related"] .s-product-card-image-overlay .s-button-element:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px rgba(7, 20, 38, .23) !important;
}

salla-products-slider[source="related"] .s-product-card-image-overlay .s-button-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
}

salla-products-slider[source="related"] .s-product-card-image-overlay .s-button-text i {
    margin: 0 !important;
    font-size: 15px !important;
}

salla-products-slider[source="related"] .s-product-card-content {
    min-height: 108px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 15px 15px 16px !important;
    background: #fff !important;
}

salla-products-slider[source="related"] .s-product-card-content-main {
    flex: 1 1 auto !important;
    align-items: flex-start !important;
    text-align: right !important;
    min-width: 0 !important;
}

salla-products-slider[source="related"] .s-product-card-content-title {
    width: 100% !important;
    margin: 0 0 7px !important;
    line-height: 1.6 !important;
    text-align: right !important;
}

salla-products-slider[source="related"] .s-product-card-content-title a {
    display: block !important;
    color: var(--related-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: color .25s ease !important;
}

salla-products-slider[source="related"] custom-salla-product-card:hover .s-product-card-content-title a {
    color: var(--related-navy-2) !important;
}

salla-products-slider[source="related"] salla-rating-stars {
    transform: scale(.78) !important;
    transform-origin: right center !important;
    opacity: .58 !important;
}

salla-products-slider[source="related"] .s-rating-stars-wrapper {
    justify-content: flex-start !important;
}

salla-products-slider[source="related"] .s-rating-stars-btn-star {
    color: #a48b60 !important;
}

salla-products-slider[source="related"] .s-product-card-content-sub {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

salla-products-slider[source="related"] .s-product-card-price {
    position: relative !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    color: var(--related-navy) !important;
    background: linear-gradient(135deg,
            #f5f7f9,
            #ffffff) !important;
    border: 1px solid rgba(7, 20, 38, .075) !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

@media (max-width: 1023px) {
    salla-products-slider[source="related"] {
        padding-top: 22px !important;
    }

    salla-products-slider[source="related"] .s-slider-block__title h2 {
        font-size: 22px !important;
    }

    salla-products-slider[source="related"] .s-product-card-image {
        height: 355px !important;
    }

    salla-products-slider[source="related"] .s-product-card-content {
        padding: 13px !important;
    }

    salla-products-slider[source="related"] .side-action-btn {
        width: 34px !important;
        height: 34px !important;
    }
}

@media (max-width: 767px) {
    salla-products-slider[source="related"] {
        padding: 18px 0 4px !important;
    }

    salla-products-slider[source="related"] .s-slider-block__title {
        margin-bottom: 17px !important;
        padding-bottom: 11px !important;
    }

    salla-products-slider[source="related"] .s-slider-block__title h2 {
        padding-right: 11px !important;
        font-size: 19px !important;
    }

    salla-products-slider[source="related"] .s-slider-block__title-right::before {
        width: 3px !important;
        height: 24px !important;
    }

    salla-products-slider[source="related"] .s-slider-nav-arrow {
        width: 34px !important;
        height: 34px !important;
    }

    salla-products-slider[source="related"] custom-salla-product-card {
        border-radius: 14px !important;
    }

    salla-products-slider[source="related"] .s-product-card-image {
        height: 300px !important;
    }

    salla-products-slider[source="related"] .s-product-card-image-overlay {
        padding: 9px !important;
    }

    salla-products-slider[source="related"] .s-product-card-image-overlay .s-button-element {
        min-height: 41px !important;
        border-radius: 9px !important;
        font-size: 11px !important;
    }

    salla-products-slider[source="related"] .s-product-card-content {
        min-height: 100px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 12px !important;
    }

    salla-products-slider[source="related"] .s-product-card-content-main {
        width: 100% !important;
    }

    salla-products-slider[source="related"] .s-product-card-content-title a {
        font-size: 13px !important;
    }

    salla-products-slider[source="related"] .s-product-card-content-sub {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    salla-products-slider[source="related"] .s-product-card-price {
        padding: 5px 9px !important;
        font-size: 13px !important;
    }

    salla-products-slider[source="related"] salla-rating-stars {
        transform: scale(.70) !important;
    }

    salla-products-slider[source="related"] .side-action-btn {
        width: 32px !important;
        height: 32px !important;
        background: rgba(255, 255, 255, .92) !important;
    }
}

@media (max-width: 390px) {
    salla-products-slider[source="related"] .s-product-card-image {
        height: 270px !important;
    }

    salla-products-slider[source="related"] .s-slider-block__title h2 {
        font-size: 18px !important;
    }

    salla-products-slider[source="related"] .s-slider-nav-arrow {
        width: 31px !important;
        height: 31px !important;
    }
}

@media screen and (max-width: 1024px) {

    .store-features,
    .features-section,
    .features-wrapper,
    .store-features-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 20px 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .store-features>div,
    .features-section>div,
    .features-wrapper>div,
    .store-features-wrapper>div {
        width: 100% !important;
        max-width: 420px !important;
        margin: 0 auto !important;
        padding: 28px 20px !important;
        position: relative !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 22px !important;
        background: linear-gradient(145deg,
                rgba(27, 52, 84, 0.95),
                rgba(14, 37, 66, 0.98)) !important;
        border: 1px solid rgba(255, 255, 255, 0.09) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
            0 15px 35px rgba(0, 0, 0, 0.12) !important;
        box-sizing: border-box !important;
    }

    .store-features>div:nth-child(odd),
    .store-features>div:nth-child(even),
    .features-section>div:nth-child(odd),
    .features-section>div:nth-child(even),
    .features-wrapper>div:nth-child(odd),
    .features-wrapper>div:nth-child(even),
    .store-features-wrapper>div:nth-child(odd),
    .store-features-wrapper>div:nth-child(even) {
        margin-right: auto !important;
        margin-left: auto !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
    }

    .store-features img,
    .features-section img,
    .features-wrapper img,
    .store-features-wrapper img {
        width: 68px !important;
        height: 68px !important;
        object-fit: contain !important;
        margin: 0 auto 18px !important;
        border-radius: 50% !important;
        background: linear-gradient(145deg,
                #f3cd7b,
                #c9953c) !important;
        padding: 14px !important;
        border: 2px solid rgba(255, 255, 255, 0.55) !important;
        box-shadow: 0 10px 28px rgba(201, 149, 60, 0.22) !important;
    }

    .store-features h3,
    .store-features h4,
    .features-section h3,
    .features-section h4,
    .features-wrapper h3,
    .features-wrapper h4,
    .store-features-wrapper h3,
    .store-features-wrapper h4 {
        color: #ffffff !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;
        margin: 0 0 8px !important;
        text-align: center !important;
    }

    .store-features p,
    .features-section p,
    .features-wrapper p,
    .store-features-wrapper p {
        color: rgba(255, 255, 255, 0.68) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.9 !important;
        margin: 0 !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {

    .store-features,
    .features-section,
    .features-wrapper,
    .store-features-wrapper {
        padding-right: 12px !important;
        padding-left: 12px !important;
        gap: 14px !important;
    }

    .store-features>div,
    .features-section>div,
    .features-wrapper>div,
    .store-features-wrapper>div {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 190px !important;
        padding: 24px 18px !important;
        border-radius: 20px !important;
    }

    .store-features img,
    .features-section img,
    .features-wrapper img,
    .store-features-wrapper img {
        width: 64px !important;
        height: 64px !important;
    }
}

@media screen and (max-width: 1024px) {
    .s-block.s-block--features.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 14px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .s-block.s-block--features.container>.grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .s-block--features__item {
        width: 100% !important;
        max-width: 520px !important;
        min-height: 210px !important;
        margin: 0 auto !important;
        padding: 28px 22px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        background: linear-gradient(145deg,
                #0b1d34 0%,
                #102844 52%,
                #142f50 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 22px !important;
        box-shadow: 0 16px 38px rgba(5, 18, 37, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        position: relative !important;
        overflow: hidden !important;
        transform: none !important;
        right: auto !important;
        left: auto !important;
        box-sizing: border-box !important;
    }

    .s-block--features__item::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background: radial-gradient(circle at 50% 0%,
                rgba(208, 167, 88, 0.09),
                transparent 42%) !important;
        pointer-events: none !important;
    }

    .s-block--features__item .feature-icon {
        width: 72px !important;
        height: 72px !important;
        margin: 0 auto 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: linear-gradient(145deg,
                #f1cb78 0%,
                #d1a34d 100%) !important;
        border: 2px solid rgba(255, 255, 255, 0.7) !important;
        box-shadow: 0 10px 30px rgba(209, 163, 77, 0.25),
            0 0 0 7px rgba(209, 163, 77, 0.05) !important;
        position: relative !important;
        z-index: 2 !important;
        flex-shrink: 0 !important;
    }

    .s-block--features__item .feature-icon i {
        font-size: 28px !important;
        line-height: 1 !important;
        color: #07182d !important;
    }

    .s-block--features__item h2 {
        margin: 0 0 8px !important;
        color: #ffffff !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.7 !important;
        text-align: center !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .s-block--features__item p {
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 auto !important;
        color: rgba(255, 255, 255, 0.72) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 2 !important;
        text-align: center !important;
        position: relative !important;
        z-index: 2 !important;
    }
}

@media screen and (max-width: 480px) {
    .s-block.s-block--features.container {
        padding: 16px 12px !important;
    }

    .s-block.s-block--features.container>.grid {
        gap: 14px !important;
    }

    .s-block--features__item {
        max-width: 100% !important;
        min-height: 190px !important;
        padding: 24px 18px !important;
        border-radius: 20px !important;
    }

    .s-block--features__item .feature-icon {
        width: 66px !important;
        height: 66px !important;
        margin-bottom: 16px !important;
    }

    .s-block--features__item .feature-icon i {
        font-size: 25px !important;
    }

    .s-block--features__item h2 {
        font-size: 17px !important;
    }

    .s-block--features__item p {
        font-size: 12.5px !important;
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 1025px) {
    .s-block.s-block--features.container>.grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 28px !important;
    }

    .s-block--features__item {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto !important;
    }
}

#mainnav,
#mainnav *,
.s-modal-overlay,
.s-modal,
.s-modal *,
.s-modal-wrapper,
.s-modal-container {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
}

#mainnav {
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
}

.s-modal-overlay {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    will-change: auto !important;
}

.s-modal,
.s-modal-wrapper,
.s-modal-container {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
}

button.s-modal-close,
.s-modal-close {
    animation: none !important;
    will-change: auto !important;
    transition:
        background-color 150ms ease,
        color 150ms ease,
        border-color 150ms ease !important;
}

@media (hover: hover) and (pointer: fine) {

    #mainnav a,
    #mainnav button {
        transition:
            color 160ms ease,
            background-color 160ms ease,
            border-color 160ms ease,
            opacity 160ms ease !important;
    }

    custom-salla-product-card .s-product-card-image-cover {
        transition: transform 250ms ease !important;
    }

    custom-salla-product-card:hover .s-product-card-image-cover {
        transform: scale(1.025) !important;
    }

    custom-salla-product-card .side-action-btn {
        transition:
            opacity 160ms ease,
            transform 160ms ease,
            background-color 160ms ease !important;
    }
}

@media (hover: none),
(pointer: coarse) {

    custom-salla-product-card .s-product-card-image-cover {
        transition: none !important;
    }

    custom-salla-product-card:hover .s-product-card-image-cover {
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    #mainnav *,
    .s-modal *,
    custom-salla-product-card * {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}

.s-block--fixed-banner .banner--fixed,
.s-block--bundle-image .banner,
.s-block--bundle-image a,
[data-testid="store-home-fixed-banner"] .banner {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}

.s-block--fixed-banner picture,
.s-block--bundle-image picture,
[data-testid="store-home-fixed-banner"] picture {
    display: block !important;
    width: 100% !important;
}

.s-block--fixed-banner img,
.s-block--bundle-image img,
[data-testid="store-home-fixed-banner"] img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

[data-testid="store-home-fixed-banner"] .banner--fixed {
    aspect-ratio: 4 / 1 !important;
}

[data-testid="store-home-fixed-banner"] .banner--fixed picture {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

[data-testid="store-home-fixed-banner"] .banner--fixed img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.s-block--fixed-banner,
.s-block--bundle-image {
    contain: layout !important;
}

@media (max-width: 767px) {

    [data-testid="store-home-fixed-banner"] .banner--fixed {
        aspect-ratio: 4 / 1 !important;
    }
}

.s-modal-overlay {
    background: rgba(8, 25, 44, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transition:
        opacity 0.15s ease,
        visibility 0.15s ease !important;

    animation: none !important;
    transform: none !important;
    will-change: opacity !important;
}

.s-modal-overlay.s-modal-overlay-leaving {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transition:
        opacity 0.12s ease,
        visibility 0s linear 0.12s !important;
}

:root {
    --astri-navy-950: #020817;
    --astri-navy-900: #061126;
    --astri-navy-800: #0b1a38;
    --astri-blue-700: #17305b;
    --astri-gold: #d8b36b;
    --astri-gold-soft: #f0dca9;
    --astri-white: #f7f7f5;
}

#mainnav {
    position: relative !important;
    z-index: 1000 !important;
}

#mainnav .container,
#mainnav .container-narrow {
    position: relative !important;
}

#mainnav .navbar-brand img {
    object-fit: contain !important;
}

@media only screen and (max-width:1024px) {

    .store-header #mainnav.main-nav-container,
    #mainnav {
        min-height: 64px !important;
        height: 64px !important;
        background: linear-gradient(180deg, #061126 0%, #0b1a38 100%) !important;
        border-bottom: 1px solid rgba(216, 179, 107, .18) !important;
    }

    #mainnav .container,
    #mainnav .container-narrow {
        height: 64px !important;
        min-height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 6px !important;
    }

    #mainnav .mobile-menu-icon,
    #mainnav a.mobile-menu-icon,
    a[href="#mobile-menu"].mobile-menu-icon {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(216, 179, 107, .30) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .045) !important;
        color: var(--astri-gold-soft) !important;
        box-shadow: none !important;
    }

    #mainnav .mobile-menu-icon i,
    #mainnav .mobile-menu-icon .sicon-menu {
        color: var(--astri-gold-soft) !important;
        font-size: 21px !important;
        line-height: 1 !important;
    }

    #mainnav .navbar-brand {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2 !important;
    }

    #mainnav .navbar-brand img {
        width: auto !important;
        max-width: 108px !important;
        max-height: 42px !important;
        height: auto !important;
        filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255, 255, 255, .10)) !important;
    }

    #mainnav .header-section--left,
    #mainnav .header-section--right {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        z-index: 3 !important;
    }

    #mainnav .header-btn,
    #mainnav .header-search-btn,
    #header-search-btn-mobile,
    #mainnav .s-cart-summary-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--astri-white) !important;
    }

    #mainnav .header-btn,
    #mainnav .header-search-btn,
    #header-search-btn-mobile {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid rgba(255, 255, 255, .10) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .04) !important;
        box-shadow: none !important;
    }

    #mainnav .header-btn__icon,
    #mainnav .header-btn i,
    #mainnav .header-search-btn-icon,
    #header-search-btn-mobile svg,
    #mainnav .sicon-cart {
        color: var(--astri-white) !important;
        stroke: currentColor !important;
    }

    #header-search-btn-desktop {
        display: none !important;
    }

    #mainnav .s-cart-summary-content {
        display: none !important;
    }

    #mainnav .s-cart-summary-count {
        background: var(--astri-gold) !important;
        color: var(--astri-navy-950) !important;
        border: 2px solid var(--astri-navy-900) !important;
    }

    nav#mobile-menu,
    #mobile-menu.mobile-menu,
    #mobile-menu.mm-spn,
    #mobile-menu.mm-spn--light {
        direction: rtl !important;
        text-align: right !important;
        background: linear-gradient(180deg, #061126 0%, #0b1a38 52%, #102447 100%) !important;
        color: var(--astri-white) !important;
        border-color: rgba(216, 179, 107, .15) !important;
        box-shadow: -18px 0 45px rgba(0, 0, 0, .32) !important;
    }

    #mobile-menu.mm-spn--navbar::after {
        color: var(--astri-white) !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(216, 179, 107, .18) !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        opacity: 1 !important;
    }

    #mobile-menu.mm-spn--navbar::before {
        border-color: var(--astri-gold) !important;
        color: var(--astri-gold) !important;
    }

    #mobile-menu ul,
    #mobile-menu li {
        background: transparent !important;
        color: var(--astri-white) !important;
    }

    #mobile-menu .main-menu>li.lg\:hidden {
        background: rgba(255, 255, 255, .045) !important;
        border: 1px solid rgba(255, 255, 255, .08) !important;
        border-radius: 14px !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    #mobile-menu .main-menu>li.lg\:hidden>a,
    #mobile-menu .main-menu>li.lg\:hidden>span {
        color: var(--astri-white) !important;
        background: transparent !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-shadow: none !important;
    }

    #mobile-menu .main-menu>li.lg\:hidden>ul {
        background: rgba(2, 8, 23, .32) !important;
        border-top: 1px solid rgba(216, 179, 107, .12) !important;
    }

    #mobile-menu .main-menu>li.lg\:hidden>ul>li {
        background: transparent !important;
        border-color: rgba(255, 255, 255, .07) !important;
    }

    #mobile-menu .main-menu>li.lg\:hidden>ul>li>a {
        color: rgba(247, 247, 245, .84) !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-shadow: none !important;
    }

    #mobile-menu .main-menu>li.lg\:hidden>ul>li:first-child>a {
        color: var(--astri-gold-soft) !important;
        font-weight: 800 !important;
    }

    #mobile-menu a,
    #mobile-menu a span,
    #mobile-menu li>span {
        color: inherit !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-shadow: none !important;
    }

    #mobile-menu li::before,
    #mobile-menu li::after {
        border-color: rgba(216, 179, 107, .72) !important;
        color: var(--astri-gold) !important;
    }

    #mobile-menu .close-mobile-menu,
    #mobile-menu .btn--close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--astri-gold-soft) !important;
        background: rgba(255, 255, 255, .05) !important;
        border: 1px solid rgba(216, 179, 107, .26) !important;
        border-radius: 50% !important;
        box-shadow: none !important;
    }

    #mobile-menu li.root-level,
    #mobile-menu li[data-menu-item] {
        display: none !important;
    }

    #mobile-menu {
        scrollbar-width: thin !important;
        scrollbar-color: rgba(216, 179, 107, .55) rgba(255, 255, 255, .03) !important;
    }

    #mobile-menu::-webkit-scrollbar {
        width: 4px !important;
    }

    #mobile-menu::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, .03) !important;
    }

    #mobile-menu::-webkit-scrollbar-thumb {
        background: rgba(216, 179, 107, .55) !important;
        border-radius: 20px !important;
    }
}

@media only screen and (max-width:480px) {

    #mainnav .container,
    #mainnav .container-narrow {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    #mainnav .navbar-brand img {
        max-width: 92px !important;
        max-height: 38px !important;
    }

    #mainnav .mobile-menu-icon,
    #mainnav .header-btn,
    #mainnav .header-search-btn,
    #header-search-btn-mobile {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
    }
}

@media only screen and (min-width:1025px) {

    #mainnav .mobile-menu-icon,
    #mainnav a.mobile-menu-icon,
    a[href="#mobile-menu"].mobile-menu-icon,
    .mburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    #mainnav .navbar-brand {
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #mainnav .navbar-brand img {
        max-height: 52px !important;
        width: auto !important;
        filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(255, 255, 255, .10)) !important;
    }

    #mainnav .header-section--center {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    nav#mobile-menu,
    #mobile-menu.mobile-menu,
    #mobile-menu.mm-spn {
        display: block !important;
        position: static !important;
        inset: auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        color: var(--astri-white) !important;
    }

    #mobile-menu::before,
    #mobile-menu::after {
        display: none !important;
        content: none !important;
    }

    #mobile-menu>.main-menu,
    #mobile-menu>ul.main-menu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        background: transparent !important;
        list-style: none !important;
    }

    #mobile-menu>.main-menu>li.lg\:hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    #mobile-menu>.main-menu>li.root-level {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 3px !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
    }

    #mobile-menu>.main-menu>li.root-level>a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 64px !important;
        padding: 0 14px !important;
        color: rgba(255, 255, 255, .94) !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    #mobile-menu>.main-menu>li.root-level>a:hover,
    #mobile-menu>.main-menu>li.root-level:focus-within>a {
        color: var(--astri-gold-soft) !important;
    }

    #mobile-menu .root-level.has-children>.sub-menu {
        display: block !important;
        position: absolute !important;
        top: calc(100% - 2px) !important;
        right: 0 !important;
        left: auto !important;
        width: 230px !important;
        min-width: 230px !important;
        margin: 0 !important;
        padding: 8px !important;
        background: linear-gradient(145deg, rgba(5, 16, 39, .99), rgba(14, 31, 65, .98)) !important;
        border: 1px solid rgba(216, 179, 107, .16) !important;
        border-radius: 14px !important;
        box-shadow: 0 20px 55px rgba(0, 0, 0, .34) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(6px) !important;
        transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
        z-index: 99999 !important;
    }

    #mobile-menu .root-level.has-children:hover>.sub-menu,
    #mobile-menu .root-level.has-children:focus-within>.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    #mobile-menu .sub-menu ul {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        background: transparent !important;
    }

    #mobile-menu .sub-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    #mobile-menu .sub-menu li>a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 10px 12px !important;
        color: rgba(255, 255, 255, .86) !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: right !important;
        border-radius: 9px !important;
        text-decoration: none !important;
    }

    #mobile-menu .sub-menu li>a:hover,
    #mobile-menu .sub-menu li>a:focus {
        color: var(--astri-gold-soft) !important;
        background: rgba(216, 179, 107, .10) !important;
    }

    #mobile-menu .close-mobile-menu,
    #mobile-menu .btn--close {
        display: none !important;
    }

    #header-search-btn-mobile {
        display: none !important;
    }

    #header-search-btn-desktop {
        display: flex !important;
    }
}



body,
.app,
.page-wrapper,
.main-content,
.store-home {
    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(72, 115, 190, 0.17),
            transparent 35%
        ),
        radial-gradient(
            circle at 10% 85%,
            rgba(213, 174, 100, 0.07),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #020817 0%,
            #06152c 50%,
            #0a2750 100%
        ) !important;

    background-attachment: fixed !important;
    color: #ffffff;
}




/* =========================================================
   ASTRI - UNIFIED STORE BACKGROUND
   One continuous background for the storefront.
   This block intentionally comes LAST so it overrides the
   individual section backgrounds defined above.
   ========================================================= */

:root {
    --astri-store-bg:
        radial-gradient(circle at 82% 18%,
            rgba(72, 115, 190, .17),
            transparent 35%),
        radial-gradient(circle at 10% 85%,
            rgba(213, 174, 100, .07),
            transparent 27%),
        linear-gradient(135deg,
            #020817 0%,
            #06152c 50%,
            #0a2750 100%);
}

/* The ONE page background */
html,
body {
    background: var(--astri-store-bg) !important;
    background-color: #020817 !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #fff;
}

/* Main storefront becomes transparent so the body background
   stays visually continuous from section to section. */
#main-content,
main,
.main-content,
.store-home,
.page-wrapper,
.app {
    background: transparent !important;
    background-image: none !important;
}

/* Remove the old global star/glow background layers. */
#main-content::before,
#main-content::after,
#main-content > section::before,
#main-content > section::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Make homepage section shells use the same single background. */
#main-content > section,
#main-content .s-block,
.s-block--fixed-banner,
.H_special_categories,
.s-block--bundle-hero-area,
.s-block--bundle-hero-area .s-block--hero-area,
.s-block--bundle-hero-area .content,
.s-block--bundle-images-gallery,
.W_marquee,
.W_marquee > .overflow-hidden,
.H_product_set,
.H_FAQ,
.H_explore_categories,
.H_featured_look,
.s-block--custom-testimonials,
.s-block--features,
#slider-with-bg-12,
#best-offers-13-slider,
#slider-with-bg-13,
.s-block.s-block--best-offers,
.store-footer {
    background: transparent !important;
    background-image: none !important;
}

/* Remove decorative background glows/stars from individual sections.
   Product cards, buttons and actual banner/photo overlays are preserved. */
.s-block--fixed-banner .container::before,
.H_special_categories::before,
.H_special_categories::after,
.s-block--bundle-hero-area::before,
.s-block--bundle-hero-area .content::before,
.s-block--bundle-images-gallery::before,
.s-block--bundle-images-gallery::after,
.W_marquee > .overflow-hidden::before,
.W_marquee > .overflow-hidden::after,
.H_product_set::before,
.H_product_set::after,
.H_FAQ::before,
.H_FAQ::after,
.H_explore_categories::before,
.H_explore_categories::after,
.H_featured_look::before,
.H_featured_look::after,
.s-block--custom-testimonials::before,
.s-block--custom-testimonials::after,
.s-block--features::before,
.s-block--features::after,
#best-offers-13-slider::before,
#best-offers-13-slider::after,
.s-block.s-block--best-offers::before,
.s-block.s-block--best-offers::after,
.store-footer::before,
.store-footer::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* The special-categories component had its own full-section image
   and veil. Hide those so it no longer creates a second background. */
.H_special_categories .hsc-bg,
.H_special_categories .hsc-veil {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
}

/* Hero: keep the actual fashion image, remove only the separate
   text-side panel background so it blends into the store. */
.s-block--bundle-hero-area .content {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Keep section spacing clean while the background stays continuous. */
#main-content > section,
#main-content .s-block {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

/* Marquee no longer looks like a separate colored strip. */
.W_marquee > .overflow-hidden {
    box-shadow: none !important;
    border-top-color: rgba(216, 179, 107, .10) !important;
    border-bottom-color: rgba(216, 179, 107, .10) !important;
}

/* Footer continues on the same page background, with a subtle divider. */
.store-footer {
    border-top: 1px solid rgba(216, 179, 107, .10) !important;
    isolation: isolate;
}

/* Mobile/tablet must use the exact same background too. */
@media (max-width: 1023px) {
    html,
    body {
        background: var(--astri-store-bg) !important;
        background-color: #020817 !important;
        background-attachment: scroll !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    #main-content,
    .s-block--bundle-images-gallery,
    .W_marquee > .overflow-hidden,
    .H_special_categories,
    .s-block--bundle-hero-area,
    .s-block--bundle-hero-area .s-block--hero-area,
    .s-block--bundle-hero-area .content,
    #best-offers-13-slider,
    .s-block.s-block--best-offers,
    .store-footer {
        background: transparent !important;
        background-image: none !important;
    }
}







































@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
        display: none !important;
    }
}




.transition-shadow {
    border-radius: 9px !important;
    transition-duration

: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}



.object-cover
 {
    border-radius: 9px !important;
    -o-object-fit: cover;
    object-fit: cover;
}









.text-t-prim
{
    color: #ffffff !important;
}




.text-t-sec {
    color: #a4a4a4;
}





.s-block.s-block--best-offers .s-slider-block__title-left
 {
    display: none !important;
    align-items: center !important;
    gap: 10px !important;
}









/* ===== ASTRI | Latest Products Title ===== */

.s-slider-block__title-right {
    position: relative !important;
    text-align: right !important;
}

/* ASTRI COLLECTION */
.s-slider-block__title-right::before {
    content: "ASTRI COLLECTION" !important;
    display: block !important;
    margin-bottom: 12px !important;

    color: #d5ae64 !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: 4px !important;

    direction: ltr !important;
    text-align: right !important;
    opacity: .9 !important;
}

/* أحدث المنتجات */
.s-slider-block__title-right h2 {
    margin: 0 !important;

    color: #fff !important;
    font-size: clamp(25px, 2.6vw, 36px) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}

/* الخط الذهبي */
.s-slider-block__title-right::after {
    content: "" !important;
    display: block !important;

    width: 52px !important;
    height: 1px !important;
    margin-top: 14px !important;

    background: linear-gradient(
        90deg,
        transparent,
        #d5ae64
    ) !important;

    opacity: .85 !important;
}

/* Mobile */
@media (max-width: 767px) {

    .s-slider-block__title-right::before {
        font-size: 8px !important;
        letter-spacing: 3px !important;
        margin-bottom: 8px !important;
    }

    .s-slider-block__title-right h2 {
        font-size: 25px !important;
        font-weight: 400 !important;
    }

    .s-slider-block__title-right::after {
        width: 40px !important;
        margin-top: 10px !important;
    }
}






















.s-block.s-block--best-offers .s-slider-block__title-right h2 {
    position: relative !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(29px, 4vw, 40px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-shadow: 0 8px 8px rgba(0, 0, 0, .30) !important;
}



























/* ================================
   ASTRI - Latest Collection Title
================================ */

.s-slider-block__title-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    text-align: right !important;
    width: 100% !important;
}

/* إخفاء النص القديم بصريًا */
.s-slider-block__title-right h2 {
    font-size: 0 !important;
    line-height: 1 !important;
    margin: 0 !important;
    color: #ffffff !important;
}

/* كتابة أحدث المجموعة */
.s-slider-block__title-right h2::after {
    content: "أحدث المجموعة" !important;
    display: block !important;
    color: #ffffff !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

/* ASTRI COLLECTION */
.s-slider-block__title-right::before {
    content: "ASTRI COLLECTION" !important;
    display: block !important;
    margin-bottom: 10px !important;

    color: #d5ae64 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 4px !important;

    direction: ltr !important;
    text-align: right !important;
}

/* الخط الذهبي أسفل العنوان */
.s-slider-block__title-right::after {
    content: "" !important;
    display: block !important;
    width: 62px !important;
    height: 1px !important;
    margin-top: 14px !important;
    margin-right: 0 !important;

    background: linear-gradient(
        90deg,
        #d5ae64,
        rgba(213, 174, 100, 0)
    ) !important;
}

/* ================================
   Mobile
================================ */

@media (max-width: 767px) {

    .s-slider-block__title,
    .s-slider-block__title-right {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .s-slider-block__title-right {
        width: 100% !important;
        padding: 0 16px !important;
        margin-bottom: 24px !important;
        text-align: right !important;
    }

    .s-slider-block__title-right::before {
        display: block !important;
        font-size: 8px !important;
        letter-spacing: 3px !important;
        margin-bottom: 8px !important;
        text-align: right !important;
    }

    .s-slider-block__title-right h2 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .s-slider-block__title-right h2::after {
        display: block !important;
        color: #ffffff !important;
        font-size: 26px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-align: right !important;
    }

    .s-slider-block__title-right::after {
        width: 45px !important;
        margin-top: 10px !important;
    }
}







s-block.s-block--best-offers .s-slider-block__title-right::before {
    content: "ASTRI COLLECTION" !important;
    display: block !important;
    margin-bottom: 8px !important;
    direction: ltr !important;
    text-align: center !important;
    color: var(--astri-gold) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 4px !important;
    opacity: .82 !important;
}


.s-slider-block__title-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
}














/* ================================
   ASTRI - Center Collection Heading
================================ */

.s-slider-block__title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

.s-slider-block__title-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 38px !important;
}

/* ASTRI COLLECTION */
.s-slider-block__title-right::before {
    content: "ASTRI COLLECTION" !important;
    display: block !important;

    margin: 0 0 10px !important;

    color: #d5ae64 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 4px !important;

    direction: ltr !important;
    text-align: center !important;
}

/* العنوان العربي */
.s-slider-block__title-right h2 {
    display: block !important;

    margin: 0 !important;

    color: #ffffff !important;
    font-size: 34px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    text-align: center !important;
}

/* لو عايز تغير النص لـ أحدث المجموعة */
.s-slider-block__title-right h2 {
    font-size: 0 !important;
}

.s-slider-block__title-right h2::after {
    content: "أحدث المجموعة" !important;
    display: block !important;

    color: #ffffff !important;
    font-size: 34px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    text-align: center !important;
}

/* الخط الذهبي */
.s-slider-block__title-right::after {
    content: "" !important;
    display: block !important;

    width: 60px !important;
    height: 1px !important;

    margin: 14px auto 0 !important;

    background: linear-gradient(
        90deg,
        transparent,
        #d5ae64,
        transparent
    ) !important;
}


/* ================================
   Mobile
================================ */

@media (max-width: 767px) {

    .s-slider-block__title {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .s-slider-block__title-right {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        margin-bottom: 24px !important;
        padding: 0 15px !important;

        text-align: center !important;
    }

    .s-slider-block__title-right::before {
        font-size: 8px !important;
        letter-spacing: 3px !important;
        text-align: center !important;
    }

    .s-slider-block__title-right h2::after {
        font-size: 26px !important;
        text-align: center !important;
    }

    .s-slider-block__title-right::after {
        width: 45px !important;
        margin: 10px auto 0 !important;
    }
}























.s-slider-block__title-right::after,
.s-slider-block__title::after {
    display: none !important;
    content: none !important;
}



.s-slider-block__title-right::after {
    content: "" !important;
    display: block !important;

    width: 60px !important;
    height: 1px !important;

    margin: 14px auto 0 !important;

    background: linear-gradient(
        90deg,
        transparent,
        #d5ae64,
        transparent
    ) !important;
}





/* شيل أي خطوط أو عناصر تحت عنوان أحدث المجموعة */
.s-slider-block__title-right::after,
.s-slider-block__title::after,
.s-slider-block__title-left::after,
.s-slider-block__title-nav::after,
.s-slider-block__title-nav::before {
    display: none !important;
    content: none !important;
}

/* اخفاء أسهم السلايدر بالكامل */
.s-slider-block__title-nav {
    display: none !important;
}

/* خلي عرض الكل لوحده بدون أي عناصر جنبه */
.s-slider-block__title-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* لو عايز عرض الكل يفضل ظاهر */
.s-slider-block__display-all {
    display: inline-flex !important;
}

/* منع أي border مسبب خط */
.s-slider-block__title,
.s-slider-block__title-right,
.s-slider-block__title-left {
    border: none !important;
    box-shadow: none !important;
}














.s-block.s-block--best-offers {
    --astri-night: #030a18;
    --astri-navy: #071933;
    --astri-navy-2: #0b2448;
    --astri-gold: #d5ae64;
    --astri-gold-light: #f1dba0;
    --astri-white: #f8f9fc;
    position: relative !important;
    isolation: isolate !important;
  padding-top: 0px !important ; 
    width: 100% !important;
    max-width: none !important;
    margin: clamp(40px, 6vw, 90px) 0 !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 82% 18%, rgba(72, 115, 190, .17), transparent 35%), radial-gradient(circle at 10% 85%, rgba(213, 174, 100, .07), transparent 27%), linear-gradient(135deg, #020817 0%, #06152c 50%, #0a2750 100%) !important;
}


s-slider-block__title-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 4px !important;
}














/* =========================================
   ASTRI - Categories Section
========================================= */

.H_special_categories {
    position: relative !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 120px 0 90px !important;
    overflow: hidden !important;
    background: transparent !important;
    color: #fff !important;
}

/* محتوى القسم */
.H_special_categories .hsc-inner {
    position: relative !important;
    width: min(92%, 1380px) !important;
    min-height: auto !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* عنوان القسم */
.H_special_categories .hsc-inner > .flex.flex-col {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 54px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    text-align: center !important;
}

/* أقسامنا */
.H_special_categories h4 {
    margin: 0 !important;
    color: #fff !important;

    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: center !important;
}

/* النجمة */
.H_special_categories h4::before {
    content: none !important;
}

.H_special_categories h4::after {
    content: "✦" !important;
    display: inline-block !important;

    width: auto !important;
    height: auto !important;
    margin: 0 8px 0 0 !important;

    background: none !important;

    color: #d5ae64 !important;
    font-size: 12px !important;
    vertical-align: middle !important;

    box-shadow: none !important;
}

/* الوصف */
.H_special_categories h4 + p {
    margin: 14px 0 0 !important;

    color: rgba(255, 255, 255, .62) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;

    text-align: center !important;
}

/* =========================================
   Desktop Categories Grid
========================================= */

.H_special_categories .hsc-strip {
    position: relative !important;
    z-index: 5 !important;

    width: 100% !important;
    min-height: auto !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;

    align-items: stretch !important;
    justify-content: center !important;

    transform: none !important;
    perspective: none !important;
}

/* كل كارت */
.H_special_categories .hsc-card {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    opacity: 1 !important;
    filter: none !important;

    transform: none !important;
}

/* امنع أي transform inline */
.H_special_categories .hsc-card[style] {
    width: 100% !important;
    margin-inline-end: 0 !important;
    transform: none !important;
}

/* الإطار */
.H_special_categories .hsc-card__frame {
    position: relative !important;

    width: 100% !important;
    height: 430px !important;

    overflow: hidden !important;

    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;

    background: #07152f !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .22) !important;

    transform: none !important;
}

/* شيل اللمعات القديمة */
.H_special_categories .hsc-card__frame::before,
.H_special_categories .hsc-card__frame::after {
    content: none !important;
    display: none !important;
}

/* اللينك */
.H_special_categories .hsc-card__frame a {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;
}

/* الصورة */
.H_special_categories .hsc-card__img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center top !important;

    transform: none !important;

    transition:
        transform .55s ease,
        filter .55s ease !important;
}

/* Dark fade من تحت */
.H_special_categories .hsc-card__frame a::after {
    content: "" !important;

    position: absolute !important;
    inset: auto 0 0 0 !important;

    height: 38% !important;

    pointer-events: none !important;

    background: linear-gradient(
        to top,
        rgba(2, 8, 23, .94) 0%,
        rgba(2, 8, 23, .58) 46%,
        transparent 100%
    ) !important;

    z-index: 2 !important;
}

/* اسم التصنيف */
.H_special_categories .hsc-card__frame a::before {
    content: attr(aria-label) !important;

    position: absolute !important;

    left: 18px !important;
    right: 18px !important;
    bottom: 20px !important;

    z-index: 5 !important;

    color: #fff !important;

    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: center !important;

    text-shadow: 0 4px 18px rgba(0, 0, 0, .55) !important;
}

/* لأن aria-label موجود على article مش a */
.H_special_categories .hsc-card::after {
    content: attr(data-title) !important;

    position: absolute !important;

    left: 18px !important;
    right: 18px !important;
    bottom: 20px !important;

    z-index: 10 !important;

    color: #fff !important;

    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: center !important;

    pointer-events: none !important;

    text-shadow: 0 4px 18px rgba(0, 0, 0, .65) !important;
}

/* Hover */
@media (hover:hover) and (pointer:fine) {

    .H_special_categories .hsc-card:hover {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }

    .H_special_categories .hsc-card:hover .hsc-card__img {
        transform: scale(1.035) !important;
        filter: brightness(1.02) contrast(1.02) !important;
    }

    .H_special_categories .hsc-strip:hover .hsc-card:not(:hover) {
        opacity: 1 !important;
        filter: none !important;
    }
}

/* شيل العنوان الكبير القديم لو موجود */
.H_special_categories .hsc-active-title {
    display: none !important;
}

/* شيل الخلفيات القديمة الداخلية */
.H_special_categories .hsc-bg,
.H_special_categories .hsc-veil {
    display: none !important;
}

/* شيل التأثيرات القديمة */
.H_special_categories::before,
.H_special_categories::after {
    content: none !important;
    display: none !important;
}


/* =========================================
   Tablet
========================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    .H_special_categories {
        padding: 90px 0 70px !important;
    }

    .H_special_categories .hsc-strip {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 18px !important;

        transform: none !important;
    }

    .H_special_categories .hsc-card__frame {
        height: 410px !important;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .H_special_categories {
        padding: 70px 0 55px !important;
    }

    .H_special_categories .hsc-inner {
        width: 100% !important;
    }

    .H_special_categories .hsc-inner > .flex.flex-col {
        padding: 0 18px !important;
        margin-bottom: 34px !important;
    }

    .H_special_categories h4 {
        font-size: 27px !important;
    }

    .H_special_categories h4 + p {
        max-width: 90% !important;
        font-size: 13px !important;
    }

    /* نخفي نسخة الديسكتوب */
    .H_special_categories .hsc-strip {
        display: none !important;
    }

    /* نظهر السلايدر */
    .H_special_categories .hsc-mobile-slider {
        display: block !important;

        width: 100% !important;

        padding: 0 16px 10px !important;
    }

    .H_special_categories .hsc-slide-wrap {
        padding: 0 !important;
    }

    .H_special_categories .hsc-slide-card {
        position: relative !important;

        overflow: hidden !important;

        border-radius: 18px !important;
        border: 1px solid rgba(255, 255, 255, .13) !important;

        transform: none !important;

        box-shadow:
            0 16px 35px rgba(0, 0, 0, .20) !important;
    }

    .H_special_categories .hsc-slide-card img {
        display: block !important;

        width: 100% !important;
        aspect-ratio: 3 / 4 !important;

        object-fit: cover !important;
        object-position: center top !important;
    }

    .H_special_categories .hsc-slide-card span {
        position: absolute !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        padding: 70px 14px 17px !important;

        color: #fff !important;

        font-size: 18px !important;
        font-weight: 600 !important;

        text-align: center !important;

        background: linear-gradient(
            to top,
            rgba(2, 8, 23, .95),
            rgba(2, 8, 23, .48) 48%,
            transparent
        ) !important;
    }
}






/* =========================================
   ASTRI Categories - Premium Animation
========================================= */

/* الحالة الأساسية */
.H_special_categories .hsc-card {
    transition:
        transform .55s cubic-bezier(.16,.8,.2,1),
        box-shadow .45s ease,
        opacity .35s ease,
        filter .35s ease !important;

    will-change: transform;
}

.H_special_categories .hsc-card__frame {
    transition:
        transform .55s cubic-bezier(.16,.8,.2,1),
      
        box-shadow .5s ease !important;
}

.H_special_categories .hsc-card__img {
    transform: scale(1.01) !important;

    transition:
        transform .9s cubic-bezier(.16,.8,.2,1),
        filter .55s ease !important;

    will-change: transform;
}

/* اسم التصنيف */
.H_special_categories .hsc-card::after {
    transition:
        transform .45s cubic-bezier(.16,.8,.2,1),
        opacity .35s ease,
        letter-spacing .35s ease !important;
}

/* =========================================
   Hover Desktop
========================================= */

@media (hover:hover) and (pointer:fine) {

    .H_special_categories .hsc-card:hover {
        transform: translateY(-10px) !important;
        z-index: 10 !important;
    }

    .H_special_categories .hsc-card:hover .hsc-card__frame {
        transform: translateZ(10px) !important;

      

        box-shadow:
            0 28px 65px rgba(0, 0, 0, .30),
            0 0 0 1px rgba(213, 174, 100, .08),
            0 0 35px rgba(213, 174, 100, .08) !important;
    }

    .H_special_categories .hsc-card:hover .hsc-card__img {
        transform: scale(1.065) !important;
        filter:
            brightness(1.04)
            contrast(1.03)
            saturate(1.03) !important;
    }

    .H_special_categories .hsc-card:hover::after {
        transform: translateY(-4px) !important;
        opacity: 1 !important;
        letter-spacing: .2px !important;
    }

    /* باقي الكروت تهدى شوية وقت الـhover */
    .H_special_categories .hsc-strip:hover .hsc-card:not(:hover) {
        opacity: .72 !important;
        filter: brightness(.82) saturate(.88) !important;
        transform: scale(.985) !important;
    }

    /* يخلي العنصر اللي عليه hover واضح أكتر */
    .H_special_categories .hsc-strip:hover .hsc-card:hover {
        opacity: 1 !important;
        filter: none !important;
    }
}


/* =========================================
   Gradient Overlay Animation
========================================= */

.H_special_categories .hsc-card__frame a::after {
    transition:
        height .45s ease,
        background .45s ease !important;
}

@media (hover:hover) and (pointer:fine) {

    .H_special_categories .hsc-card:hover .hsc-card__frame a::after {
        height: 48% !important;

        background: linear-gradient(
            to top,
            rgba(2, 8, 23, .98) 0%,
            rgba(2, 8, 23, .62) 44%,
            rgba(2, 8, 23, .10) 82%,
            transparent 100%
        ) !important;
    }
}


/* =========================================
   Entrance Animation
========================================= */

@keyframes astriCategoryReveal {
    0% {
        opacity: 0;
        transform: translateY(38px) scale(.97);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* دخول تدريجي للكروت */
.H_special_categories .hsc-card {
    opacity: 0;
    animation:
        astriCategoryReveal .8s cubic-bezier(.16,.8,.2,1) forwards;
}

/* تأخير بسيط لكل كارت */
.H_special_categories .hsc-card:nth-child(1) {
    animation-delay: .08s;
}

.H_special_categories .hsc-card:nth-child(2) {
    animation-delay: .16s;
}

.H_special_categories .hsc-card:nth-child(3) {
    animation-delay: .24s;
}

.H_special_categories .hsc-card:nth-child(4) {
    animation-delay: .32s;
}


/* =========================================
   Mobile
========================================= */

@media (max-width:767px) {

    .H_special_categories .hsc-slide-card {
        transition:
            transform .4s cubic-bezier(.16,.8,.2,1),
            box-shadow .4s ease !important;
    }

    .H_special_categories .swiper-slide-active .hsc-slide-card {
        transform: translateY(-5px) scale(1.015) !important;

        box-shadow:
            0 22px 45px rgba(0, 0, 0, .28),
            0 0 24px rgba(213, 174, 100, .06) !important;
    }

    .H_special_categories .hsc-slide-card img {
        transition:
            transform .75s cubic-bezier(.16,.8,.2,1),
            filter .45s ease !important;
    }

    .H_special_categories .swiper-slide-active .hsc-slide-card img {
        transform: scale(1.035) !important;
        filter: brightness(1.02) contrast(1.02) !important;
    }
}


/* =========================================
   Reduce Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

    .H_special_categories .hsc-card,
    .H_special_categories .hsc-card__frame,
    .H_special_categories .hsc-card__img,
    .H_special_categories .hsc-slide-card,
    .H_special_categories .hsc-slide-card img {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}


/* =========================================
   Safe Entrance Animation
========================================= */

.H_special_categories .hsc-card {
    opacity: 1 !important;
    transform: none !important;
}

/* دخول ناعم بدون إخفاء الصورة */
@keyframes astriCategoryRevealSafe {
    from {
        transform: translateY(24px) scale(.985);
    }

    to {
        transform: translateY(0) scale(1);
    }
}

.H_special_categories .hsc-card {
    animation: astriCategoryRevealSafe .75s cubic-bezier(.16,.8,.2,1) both !important;
}

.H_special_categories .hsc-card:nth-child(1) {
    animation-delay: .05s !important;
}

.H_special_categories .hsc-card:nth-child(2) {
    animation-delay: .12s !important;
}

.H_special_categories .hsc-card:nth-child(3) {
    animation-delay: .19s !important;
}

.H_special_categories .hsc-card:nth-child(4) {
    animation-delay: .26s !important;
}

/* تأكيد ظهور الصور */
.H_special_categories .hsc-card__img,
.H_special_categories .hsc-card__frame,
.H_special_categories .hsc-card__frame a {
    opacity: 1 !important;
    visibility: visible !important;
}




.H_special_categories .hsc-card__frame,
.H_special_categories .hsc-slide-card {
    border: none !important;
    box-shadow: none !important;
}

/* كمان لو في border بيظهر وقت الـ hover */
.H_special_categories .hsc-card:hover .hsc-card__frame,
.H_special_categories .swiper-slide-active .hsc-slide-card {
    border: none !important;
    box-shadow: none !important;
}


.H_special_categories .hsc-card__frame::before,
.H_special_categories .hsc-card__frame::after,
.H_special_categories .hsc-slide-card::before,
.H_special_categories .hsc-slide-card::after {
    display: none !important;
    content: none !important;
}




























.H_special_categories .hsc-card__img {
    transform: scale(2) !important;
    transition: transform .9s cubic-bezier(.16, .8, .2, 1), filter .55s ease !important;
    will-change: transform;
}


.H_special_categories .hsc-card,
.H_special_categories .hsc-card__frame,
.H_special_categories .hsc-card__frame a,
.H_special_categories .hsc-slide-card {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* شيل أي طبقة عاملة خط أبيض */
.H_special_categories .hsc-card::before,
.H_special_categories .hsc-card::after,
.H_special_categories .hsc-card__frame::before,
.H_special_categories .hsc-card__frame::after,
.H_special_categories .hsc-card__frame a::before,
.H_special_categories .hsc-slide-card::before,
.H_special_categories .hsc-slide-card::after {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Hover */
.H_special_categories .hsc-card:hover,
.H_special_categories .hsc-card:hover .hsc-card__frame,
.H_special_categories .hsc-card:hover .hsc-card__frame a {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus / Active */
.H_special_categories .hsc-card:focus,
.H_special_categories .hsc-card:focus-visible,
.H_special_categories .hsc-card:active,
.H_special_categories .hsc-card__frame a:focus,
.H_special_categories .hsc-card__frame a:focus-visible,
.H_special_categories .hsc-card__frame a:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* شيل أي inset shadow */
.H_special_categories .hsc-card__frame {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}



/* تقليل المسافة قبل سكشن التصنيفات */
.H_special_categories {
    padding-top: 55px !important;
    margin-top: 0 !important;
}

/* لو السكشن اللي قبله عامل مسافة كبيرة */
#main-content > section:has(+ .H_special_categories),
#main-content > .s-block:has(+ .H_special_categories) {
    margin-bottom: 0 !important;
    padding-bottom: 25px !important;
}

/* تقليل المسافة داخل عنوان التصنيفات */
.H_special_categories .hsc-inner > .flex.flex-col {
    margin-bottom: 30px !important;
    padding-top: 0 !important;
}





.s-slider-block__title, .s-slider-block__title-right, .s-slider-block__title-left {
    border: none !important;
    display: none !important;
    box-shadow: none !important;
}






/* =========================================================
   ASTRI CATEGORIES
   Match original product cards
========================================================= */


/* ---------- Categories grid ---------- */

.H_special_categories .hsc-strip {
    width: min(100%, 1120px) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;

    align-items: start !important;

    min-height: 0 !important;
    height: auto !important;

    perspective: none !important;
    transform: none !important;
}


/* ---------- Category card ---------- */

.H_special_categories .hsc-card,
.H_special_categories .hsc-card[style] {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    margin-inline-end: 0 !important;

    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    filter: none !important;

    transform: none !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    overflow: visible !important;

    transition:
        transform .35s cubic-bezier(.16,.8,.2,1) !important;
}


/* ---------- Image area exactly like product card ---------- */

.H_special_categories .hsc-card__frame,
.H_special_categories .hsc-card__frame[style] {
    position: relative !important;

    width: 100% !important;

    /*
      قريب من نفس نسبة كارت المنتج الأصلي
    */
    height: auto !important;
    aspect-ratio: 4 / 5 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: none !important;
    outline: none !important;

    border-radius: 18px !important;

    background: transparent !important;

    box-shadow: none !important;

    transform: none !important;
}


/* ---------- Link ---------- */

.H_special_categories .hsc-card__frame > a {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    border: none !important;
    outline: none !important;

    border-radius: 18px !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* ---------- Category image ---------- */

.H_special_categories .hsc-card__img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;

    object-fit: cover !important;
    object-position: center top !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 18px !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: scale(1) translateZ(0) !important;

    filter: none !important;

    transition:
        transform .65s cubic-bezier(.16,.8,.2,1),
        filter .45s ease !important;

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}


/* =========================================================
   Gradient at bottom
========================================================= */

.H_special_categories .hsc-card__frame > a::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 36% !important;

    z-index: 2 !important;

    pointer-events: none !important;

    border: none !important;

    background:
        linear-gradient(
            to top,
            rgba(2, 8, 23, .78) 0%,
            rgba(2, 8, 23, .38) 42%,
            rgba(2, 8, 23, 0) 100%
        ) !important;

    transition:
        height .4s ease,
        background .4s ease !important;
}


/* =========================================================
   Category title on image
========================================================= */

.H_special_categories .hsc-card::after {
    content: attr(data-title) !important;

    display: block !important;

    position: absolute !important;

    left: 16px !important;
    right: 16px !important;
    bottom: 18px !important;

    z-index: 6 !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    text-align: center !important;

    pointer-events: none !important;

    text-shadow:
        0 3px 12px rgba(0,0,0,.48) !important;

    border: none !important;
    background: none !important;

    transition:
        transform .35s ease,
        opacity .35s ease !important;
}


/* =========================================================
   Kill old borders / old design
========================================================= */

.H_special_categories .hsc-card::before,
.H_special_categories .hsc-card__frame::before,
.H_special_categories .hsc-card__frame::after {
    content: none !important;
    display: none !important;
}

.H_special_categories .hsc-card,
.H_special_categories .hsc-card:hover,
.H_special_categories .hsc-card:focus,
.H_special_categories .hsc-card:focus-visible,
.H_special_categories .hsc-card:active,
.H_special_categories .hsc-card__frame,
.H_special_categories .hsc-card__frame:hover,
.H_special_categories .hsc-card__frame > a,
.H_special_categories .hsc-card__frame > a:hover,
.H_special_categories .hsc-card__frame > a:focus,
.H_special_categories .hsc-card__frame > a:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================================
   Remove old active / rotated category behavior
========================================================= */

.H_special_categories .hsc-card.astri-active,
.H_special_categories.astri-hsc-visible .hsc-card,
.H_special_categories.astri-hsc-visible .hsc-card.astri-active,
.H_special_categories.astri-hsc-ready .hsc-card {
    opacity: 1 !important;

    transform: none !important;

    filter: none !important;
}

.H_special_categories .hsc-card.astri-active .hsc-card__frame {
    border: none !important;

    box-shadow: none !important;

    transform: none !important;
}

.H_special_categories .hsc-card.astri-active .hsc-card__img {
    transform: scale(1) !important;

    filter: none !important;
}


/* =========================================================
   Premium hover - same feel as product card
========================================================= */

@media (hover:hover) and (pointer:fine) {

    .H_special_categories .hsc-card:hover {
        transform: translateY(-5px) !important;

        opacity: 1 !important;
        filter: none !important;

        z-index: 10 !important;
    }

    .H_special_categories .hsc-card:hover .hsc-card__img {
        transform: scale(1.045) translateZ(0) !important;

        filter:
            brightness(1.025)
            contrast(1.02) !important;
    }

    .H_special_categories .hsc-card:hover::after {
        transform: translateY(-3px) !important;
    }

    .H_special_categories .hsc-card:hover .hsc-card__frame > a::after {
        height: 42% !important;

        background:
            linear-gradient(
                to top,
                rgba(2, 8, 23, .86) 0%,
                rgba(2, 8, 23, .42) 42%,
                rgba(2, 8, 23, 0) 100%
            ) !important;
    }

    /*
      مهم:
      ما نعتمش باقي الصور وقت hover
    */
    .H_special_categories .hsc-strip:hover .hsc-card:not(:hover) {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }
}


/* =========================================================
   Section heading
========================================================= */

.H_special_categories .hsc-inner {
    min-height: 0 !important;
    height: auto !important;
}

.H_special_categories .hsc-inner > .flex.flex-col {
    padding-top: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 32px !important;

    text-align: center !important;
}

.H_special_categories h4 {
    color: #ffffff !important;

    font-size: 28px !important;
    font-weight: 700 !important;

    text-align: center !important;
}

.H_special_categories h4 + p {
    margin-top: 9px !important;

    color: rgba(255,255,255,.60) !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   Tablet
========================================================= */

@media (min-width:768px) and (max-width:1023px) {

    .H_special_categories .hsc-strip {
        width: min(94%, 850px) !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 16px !important;
    }

    .H_special_categories .hsc-card__frame {
        aspect-ratio: 4 / 5 !important;
    }
}


/* =========================================================
   Mobile - use existing Salla slider
========================================================= */

@media (max-width:767px) {

    .H_special_categories .hsc-strip {
        display: none !important;
    }

    .H_special_categories .hsc-mobile-slider {
        display: block !important;

        width: 100% !important;

        padding: 0 14px 8px !important;
    }

    .H_special_categories .hsc-slide-wrap {
        padding: 0 !important;
    }

    .H_special_categories .hsc-slide-card {
        position: relative !important;

        display: block !important;

        overflow: hidden !important;

        border: none !important;
        outline: none !important;

        border-radius: 16px !important;

        box-shadow: none !important;

        transform: none !important;

        background: transparent !important;
    }

    .H_special_categories .hsc-slide-card img {
        display: block !important;

        width: 100% !important;

        aspect-ratio: 4 / 5 !important;

        object-fit: cover !important;
        object-position: center top !important;

        border-radius: 16px !important;

        transform: none !important;
    }

    .H_special_categories .hsc-slide-card span {
        position: absolute !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        z-index: 4 !important;

        padding:
            58px 12px 16px !important;

        color: #ffffff !important;

        font-size: 14px !important;
        font-weight: 700 !important;

        text-align: center !important;

        background:
            linear-gradient(
                to top,
                rgba(2,8,23,.80),
                rgba(2,8,23,.30),
                transparent
            ) !important;
    }
}


/* =========================================================
   Accessibility
========================================================= */

@media (prefers-reduced-motion:reduce) {

    .H_special_categories .hsc-card,
    .H_special_categories .hsc-card__img,
    .H_special_categories .hsc-card::after {
        transition: none !important;
        animation: none !important;
    }
}

]

















.s-product-card-content {
    display: flex;
    background-color: aqua;
    flex-direction: column;
    padding: .75rem
12px
;
    position: relative;
}






/* زر أضف إلى السلة - الخلفية الأصلية كحلي */
.s-product-card-image-overlay .s-button-element,
.s-product-card-image-overlay button.s-button-element {
    position: relative !important;
    overflow: hidden !important;

    background: #071933 !important;
    background-color: #071933 !important;
    background-image: none !important;

    color: #ffffff !important;

    border: 1px solid #071933 !important;

    z-index: 1 !important;
}

/* طبقة الذهبي */
.s-product-card-image-overlay .s-button-element::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    background: #d5ae64 !important;

    transform: scaleX(0) !important;
    transform-origin: right center !important;

    transition: transform .45s cubic-bezier(.16,.8,.2,1) !important;

    z-index: -1 !important;
}

/* وقت الـ Hover */
.s-product-card-image-overlay .s-button-element:hover::before {
    transform: scaleX(1) !important;
}

/* النص وقت الـ Hover */
.s-product-card-image-overlay .s-button-element:hover {
    color: #071933 !important;
    border-color: #d5ae64 !important;
}

/* تأكيد لون النص */
.s-product-card-image-overlay .s-button-element .s-button-text,
.s-product-card-image-overlay .s-button-element span,
.s-product-card-image-overlay .s-button-element i {
    position: relative !important;
    z-index: 2 !important;
    color: inherit !important;
}



/* =====================================================
   ASTRI - FORCE ADD TO CART BUTTON NAVY
===================================================== */

/* الوضع الطبيعي */
custom-salla-product-card
.s-product-card-image-overlay
salla-add-product-button
salla-button
button.s-button-element.s-button-primary {

    --color-primary: #071933 !important;
    --color-primary-dark: #071933 !important;
   border-radius: 10px !important;
    background: #071933 !important;
    background-color: #071933 !important;
    background-image: none !important;

    color: #ffffff !important;

    border: 1px solid #071933 !important;

    position: relative !important;
    overflow: hidden !important;

    isolation: isolate !important;

    box-shadow: none !important;
}


/* النص + أيقونة الشنطة */
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary
.s-button-text,

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary
span,

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary
i {

    position: relative !important;
    z-index: 3 !important;

    color: inherit !important;
}


/* =====================================================
   GOLD FILL LAYER
===================================================== */

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary::before {

    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 1 !important;

    background: linear-gradient(
        90deg,
        #d5ae64 0%,
        #e8ca84 100%
    ) !important;

    transform: scaleX(0) !important;
    transform-origin: right center !important;

    transition:
        transform .45s cubic-bezier(.16,.8,.2,1) !important;

    pointer-events: none !important;
}


/* =====================================================
   HOVER
===================================================== */

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:hover::before {

    transform: scaleX(1) !important;
}


/* نخلي الخلفية الأساسية كحلي حتى وقت الـ Hover
   والذهبي يظهر من طبقة ::before فقط */
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:hover {

    background: #071933 !important;
    background-color: #071933 !important;
    background-image: none !important;

    color: #071933 !important;

    border-color: #d5ae64 !important;
}


/* تأكيد رجوع الزرار للكحلي بعد خروج الماوس */
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:not(:hover)::before {

    transform: scaleX(0) !important;
}

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:not(:hover) {

    background: #071933 !important;
    background-color: #071933 !important;

    color: #ffffff !important;
}


/* Mobile = كحلي ثابت */
@media (max-width: 767px) {

    custom-salla-product-card
    .s-product-card-image-overlay
    button.s-button-element.s-button-primary {

        background: #071933 !important;
        background-color: #071933 !important;
        color: #ffffff !important;
    }

    custom-salla-product-card
    .s-product-card-image-overlay
    button.s-button-element.s-button-primary::before {

        transform: scaleX(0) !important;
    }
}



custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary {
    border-radius: 12px !important;
}


/* =========================================
   FORCE ADD TO CART RADIUS
========================================= */

custom-salla-product-card
.s-product-card-image-overlay
salla-add-product-button,

custom-salla-product-card
.s-product-card-image-overlay
salla-add-product-button > div,

custom-salla-product-card
.s-product-card-image-overlay
salla-button,

custom-salla-product-card
.s-product-card-image-overlay
.s-button-wrap,

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element,

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-btn {
    border-radius: 11px !important;
}

/* الزرار نفسه */
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary {
    border-radius: 11px !important;
    overflow: hidden !important;
}

/* Hover / Focus / Active */
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:hover,

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:focus,

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:active {
    border-radius: 11px !important;
}

/* لو سلة واخدة القيمة من Variable */
custom-salla-product-card {
    --button-radius: 11px !important;
    --btn-radius: 11px !important;
    --s-button-border-radius: 11px !important;
}


/* FORCE NORMAL STATE RADIUS */

custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:not(:hover),
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:not(:focus),
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:not(:active) {
    border-radius: 10px !important;
}

/* تأكيد على الزرار في حالته الافتراضية */
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* الغلاف نفسه */
custom-salla-product-card
.s-product-card-image-overlay
salla-button,
custom-salla-product-card
.s-product-card-image-overlay
.s-button-wrap,
custom-salla-product-card
.s-product-card-image-overlay
salla-add-product-button,
custom-salla-product-card
.s-product-card-image-overlay
salla-add-product-button > div {
    border-radius: 10px !important;
    overflow: hidden !important;
}






.s-block.s-block--best-offers .s-product-card-image img, .s-block.s-block--best-offers .s-product-card-image-cover {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    opacity: 1 !important;
    filter: none !important;
    border-radius: 19px !important;
    transform: scale(0.963) !important;
    backface-visibility: hidden !important;
    transition: transform 1.1s cubic-bezier(.16, .8, .2, 1), filter .5s ease !important;
}












/* تقليل المسافة بعد سكشن المنتجات */
.s-block.s-block--best-offers,
#best-offers-13-slider {
    margin-bottom: 18px !important;
    padding-bottom: 25px !important;
}

/* تقليل المسافة قبل سكشن المميزات */
.s-block--features {
    margin-top: 0 !important;
    padding-top: 35px !important;
}

/* لو فيه container داخلي عامل فراغ */
.s-block--features .container,
.s-block--features .container-narrow {
    padding-top: 0 !important;
}

/* موبايل */
@media (max-width: 767px) {
    .s-block.s-block--best-offers,
    #best-offers-13-slider {
        margin-bottom: 10px !important;
        padding-bottom: 18px !important;
    }

    .s-block--features {
        padding-top: 24px !important;
    }
}




/* شيل الحاوية اللي بتظهر على hover في أعمدة الفوتر */
.store-footer .footer-col,
.store-footer .footer-col:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

/* لو التأثير معمول بـ pseudo elements */
.store-footer .footer-col::before,
.store-footer .footer-col::after,
.store-footer .footer-col:hover::before,
.store-footer .footer-col:hover::after {
    content: none !important;
    display: none !important;
}

/* خلى الروابط نفسها تتحرك أو تغير لون فقط بدون حاوية */
.store-footer .footer-links a,
.store-footer .s-menu-footer-item,
.store-footer .contact-info a {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* hover بسيط وأشيك */
.store-footer .footer-links a:hover,
.store-footer .s-menu-footer-item:hover,
.store-footer .contact-info a:hover {
    color: #d5ae64 !important;
    background: transparent !important;
    transform: translateX(-3px);
}
/* =========================================
   ASTRI - Minimal Luxury Testimonials
========================================= */

/* السكشن */
.s-block--testimonials {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

/* الحاوية الكبيرة */
.s-block--testimonials .s-reviews-container {
    width: min(92%, 1180px) !important;
    margin: 0 auto !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    padding: 0 !important;
}

/* العنوان */
.s-block--testimonials .s-reviews-header-wrapper {
    margin-bottom: 34px !important;
    text-align: center !important;
}

.s-block--testimonials .s-reviews-header {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    margin: 0 !important;
}

/* شيل الخط لو موجود */
.s-block--testimonials .s-reviews-header-wrapper::after,
.s-block--testimonials .s-reviews-header::after {
    content: none !important;
    display: none !important;
}

/* السلايدر */
.s-block--testimonials .s-slider-container {
    overflow: visible !important;
}

/* كل Slide */
.s-block--testimonials .s-reviews-swiper-slide {
    opacity: .42 !important;
    transform: scale(.94) !important;

    transition:
        opacity .45s ease,
        transform .45s cubic-bezier(.16,.8,.2,1) !important;
}

/* الكارت النشط */
.s-block--testimonials .s-reviews-swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* الكارت نفسه */
.s-block--testimonials .s-reviews-testimonial {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Inner card */
.s-block--testimonials .s-reviews-testimonial__inner {
    position: relative !important;

    min-height: 220px !important;
    padding: 34px 34px 30px !important;

    border-radius: 18px !important;

    background: rgba(7, 25, 51, .48) !important;

    border: 1px solid rgba(255,255,255,.06) !important;

    box-shadow:
        0 16px 42px rgba(0,0,0,.14) !important;

    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;

    transition:
        background .4s ease,
        border-color .4s ease,
        box-shadow .4s ease,
        transform .4s ease !important;
}

/* Active card أهدى */
.s-block--testimonials
.swiper-slide-active
.s-reviews-testimonial__inner {
    background: rgba(7, 25, 51, .62) !important;

    border-color: rgba(213,174,100,.14) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.18) !important;
}

/* Hover بسيط */
@media (hover:hover) and (pointer:fine) {

    .s-block--testimonials
    .swiper-slide-active
    .s-reviews-testimonial__inner:hover {
        transform: translateY(-4px) !important;

        border-color: rgba(213,174,100,.22) !important;

        box-shadow:
            0 24px 58px rgba(0,0,0,.22) !important;
    }
}

/* Avatar أصغر وأهدى */
.s-block--testimonials .s-reviews-testimonial__avatar {
    width: 58px !important;
    height: 58px !important;

    flex: 0 0 58px !important;

    border-radius: 50% !important;

    padding: 3px !important;

    background: rgba(213,174,100,.10) !important;

    border: 1px solid rgba(213,174,100,.30) !important;

    box-shadow: none !important;
}

.s-block--testimonials .s-reviews-testimonial__avatar img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    border-radius: 50% !important;
}

/* نص الرأي */
.s-block--testimonials .s-reviews-testimonial__text p {
    color: rgba(255,255,255,.78) !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;

    margin-bottom: 18px !important;
}

/* الاسم */
.s-block--testimonials
.s-reviews-testimonial__info h2 {
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}

/* النجوم */
.s-block--testimonials
.s-rating-stars-selected svg {
    fill: #d5ae64 !important;
    color: #d5ae64 !important;
}

/* Quote icon أهدى جدًا */
.s-block--testimonials .s-reviews-testimonial__icon {
    position: absolute !important;

    top: 22px !important;
    left: 24px !important;

    opacity: .10 !important;

    color: #d5ae64 !important;

    transform: scale(.9) !important;
}

.s-block--testimonials .s-reviews-testimonial__icon svg {
    width: 34px !important;
    height: 34px !important;
}

/* الأسهم */
.s-block--testimonials .s-slider-nav-arrow {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    border-radius: 50% !important;

    background: rgba(7,25,51,.75) !important;

    border: 1px solid rgba(213,174,100,.18) !important;

    color: #ffffff !important;

    box-shadow: none !important;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease !important;
}

.s-block--testimonials .s-slider-nav-arrow:hover {
    background: #d5ae64 !important;
    color: #071933 !important;

    border-color: #d5ae64 !important;

    transform: translateY(-2px) !important;
}

/* موبايل */
@media (max-width: 767px) {

    .s-block--testimonials {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .s-block--testimonials .s-reviews-header {
        font-size: 26px !important;
    }

    .s-block--testimonials .s-reviews-testimonial__inner {
        min-height: 200px !important;

        padding: 28px 24px 24px !important;

        border-radius: 16px !important;
    }

    .s-block--testimonials .s-reviews-testimonial__avatar {
        width: 52px !important;
        height: 52px !important;

        flex-basis: 52px !important;
    }

    .s-block--testimonials .s-reviews-testimonial__text p {
        font-size: 13px !important;
        line-height: 1.8 !important;
    }
}





/* =========================================
   FIX TESTIMONIALS TOP SPACING
========================================= */

.s-block--testimonials {
    margin-top: 70px !important;
    padding-top: 70px !important;
}

/* مساحة بين العنوان والسلايدر */
.s-block--testimonials .s-reviews-header-wrapper {
    margin-bottom: 42px !important;
}

/* لو السلايدر نفسه متقصوص من فوق */
.s-block--testimonials .s-slider-container,
.s-block--testimonials .swiper,
.s-block--testimonials .swiper-wrapper {
    padding-top: 14px !important;
    overflow: visible !important;
}

/* موبايل */
@media (max-width: 767px) {
    .s-block--testimonials {
        margin-top: 45px !important;
        padding-top: 45px !important;
    }

    .s-block--testimonials .s-reviews-header-wrapper {
        margin-bottom: 28px !important;
    }

    .s-block--testimonials .s-slider-container,
    .s-block--testimonials .swiper,
    .s-block--testimonials .swiper-wrapper {
        padding-top: 10px !important;
    }
}






.s-block--testimonials .s-reviews-testimonial__inner {
    position: relative !important;
    min-height: 220px !important;
    padding: 34px 34px 30px !important;
    margin-top: 10px !important;
    border-radius: 18px !important;
    background: rgba(7, 25, 51, .48) !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .14) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    transition: background .4s ease, border-color .4s ease, box-shadow .4s ease, transform .4s ease !important;
}












custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:hover,
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:hover .s-button-text,
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:hover span,
custom-salla-product-card
.s-product-card-image-overlay
button.s-button-element.s-button-primary:hover i {
    color: #071933 !important;
}


































































































































.details-slider .swiper-slide img

 {
    max-height: 100% !important;
    object-fit: contain;
    width: 100%;
}










.details-slider .swiper-slide img {
    max-height: 100% !important;
    object-fit: contain;
    background-color: #0b1c36 !important;
    width: 100%;
}






.details-slider .swiper-slide img {
    max-height: 107% !important;
    object-fit: cover;
    background-color: #0b1c36 !important;
    width: 100%;
}









.object-cover {
    border-radius: 0px !important;
    -o-object-fit: cover;
    object-fit: cover;
}

































/* Fix Product Gallery Overflow */
@media (min-width: 768px) {

    .details-slider {
        height: 70vh !important;
        max-height: 70vh !important;
        overflow: hidden !important;
        align-items: stretch !important;
    }

    /* الصورة الرئيسية */
    .details-slider .s-slider-container {
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        min-width: 0 !important;
    }

    .details-slider .s-slider-container .swiper-wrapper,
    .details-slider .s-slider-container .swiper-slide {
        height: 100% !important;
    }

    .details-slider .s-slider-container .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* عمود الصور الصغيرة */
    .details-slider .s-slider-thumbs {
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .details-slider .s-slider-thumbs-container {
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    .details-slider .s-slider-thumbs-container .swiper-wrapper {
        height: 100% !important;
    }

    /* منع الصور الصغيرة من الخروج لتحت */
    .details-slider .s-slider-thumbs .swiper-slide {
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .details-slider .s-slider-thumbs .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
}   







.s-block.s-block--best-offers .s-product-card-image {
    border-color: #816c34 !important;
    border-width: 0.01px !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 0px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .015)) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    transform: translateZ(0) !important;
    transition: transform .55s cubic-bezier(.16, .8, .2, 1), border-color .4s ease, box-shadow .45s ease !important;
}










@media (max-width: 767px) {
    .s-block.s-block--best-offers .side-action-btn

 {
        background: rgba(213, 174, 100, .55) !important;
        width: 32px !important;
        height: 32px !important;
        opacity: 1 !important;
        transform: none !important;
    }
}



@media (max-width: 767px) {
    .s-block.s-block--best-offers .side-action-btn {
        background: rgba(213, 174, 100, .42) !important;
        width: 32px !important;
        color: #ecedef !important;
        height: 32px !important;
        opacity: 1 !important;
        transform: none !important;
    }
}  





















/* =========================================
   ASTRI - SPECIAL CATEGORIES GOLD CONTAINER
========================================= */

.H_special_categories {
    padding: 65px 20px !important;
    background: transparent !important;
}


/* الحاوية الرئيسية */
.H_special_categories .hsc-inner {
    position: relative !important;

    width: min(1400px, 100%) !important;
    min-height: 720px !important;

    margin: 0 auto !important;
    padding: 50px 35px 30px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    border-radius: 32px !important;

    /* Navy + Gold */
    background:
        radial-gradient(
            circle at 50% -10%,
            rgba(240, 220, 169, 0.16),
            transparent 38%
        ),
        radial-gradient(
            circle at 85% 50%,
            rgba(216, 179, 107, 0.08),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(5, 17, 40, 0.98),
            rgba(7, 26, 55, 0.96)
        ) !important;

    border: 1px solid rgba(216, 179, 107, 0.42) !important;

    isolation: isolate;
}


/* الخط الدهبي أعلى الحاوية */
.H_special_categories .hsc-inner::before {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 65%;
    height: 2px;

    z-index: 10;

    background: linear-gradient(
        90deg,
        transparent,
        #b88941,
        #d8b36b,
        #f1dda8,
        #d8b36b,
        #b88941,
        transparent
    );

    box-shadow:
        0 0 12px rgba(216, 179, 107, 0.65),
        0 0 30px rgba(216, 179, 107, 0.20);

    pointer-events: none;
}


/* إضاءة ذهبية داخل الحاوية */
.H_special_categories .hsc-inner::after {
    content: "";

    position: absolute;

    width: 700px;
    height: 300px;

    top: -210px;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    background: radial-gradient(
        ellipse,
        rgba(240, 220, 169, 0.18),
        rgba(216, 179, 107, 0.06) 42%,
        transparent 72%
    );

    filter: blur(25px);

    z-index: -1;
    pointer-events: none;
}


/* =========================================
   TITLE
========================================= */

.H_special_categories .hsc-inner h4 {
    color: #f7f7f5 !important;

    font-weight: 700 !important;

    text-shadow:
        0 3px 18px rgba(0, 0, 0, 0.35),
        0 0 22px rgba(216, 179, 107, 0.10);
}






/* الوصف */
.H_special_categories .hsc-inner h4 + p {
    color: rgba(247, 247, 245, 0.74) !important;
}


/* =========================================
   CATEGORY CARDS
========================================= */

.H_special_categories .hsc-card__frame {
    border: 1px solid rgba(216, 179, 107, 0.28) !important;

    background: linear-gradient(
        145deg,
        rgba(216, 179, 107, 0.10),
        rgba(255, 255, 255, 0.025)
    ) !important;

    box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(240, 220, 169, 0.14) !important;
}


/* الكارت Active */
.H_special_categories .hsc-card.astri-active .hsc-card__frame {
    border-color: rgba(240, 220, 169, 0.72) !important;

    box-shadow:
        0 38px 90px rgba(0, 0, 0, 0.45),
        0 0 18px rgba(216, 179, 107, 0.15),
        0 0 40px rgba(216, 179, 107, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .H_special_categories {
        padding: 35px 12px !important;
    }

    .H_special_categories .hsc-inner {
        min-height: auto !important;

        padding:
            30px 12px
            25px !important;

        border-radius: 22px !important;
    }

    .H_special_categories .hsc-inner::before {
        width: 75% !important;
    }

    .H_special_categories .hsc-slide-card {
        border:
            1px solid
            rgba(216, 179, 107, 0.32) !important;

        box-shadow:
            0 20px 45px rgba(0, 0, 0, 0.34),
            0 0 16px rgba(216, 179, 107, 0.07) !important;
    }
}










.H_special_categories .hsc-inner {
    position: relative !important;
    width: min(1400px, 100%) !important;
    min-height: 562px !important;
    margin: 0 auto !important;
    padding: 50px 35px 30px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 32px !important;
    background: transparent;
    border: 1px solid rgba(216, 179, 107, 0.42) !important;
    box-shadow: transparent !important;
    isolation: isolate;
}






.H_special_categories .hsc-inner {
    position: relative !important;
    width: min(1400px, 100%) !important;
    min-height: 562px !important;
    margin: 0 auto !important;
    padding: 50px 35px 30px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 32px !important;
    background: transparent !important;
    border: 1px solid rgba(216, 179, 107, 0.42) !important;
    isolation: isolate;
} 







.H_special_categories h4::after {
    content: "" !important;
  display: none !important ;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 8px 0 0 !important;
    background: none !important;
    color: #d5ae64 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
    box-shadow: none !important;
}










.store-footer .footer-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    color: #f1dba0 !important;
    font-weight: 700;
    letter-spacing: .2px;
    text-shadow: 0 0 18px rgba(255, 255, 255, .07);
}  








/* ===== Full Width Fixed Banner ===== */

.s-block--fixed-banner.wide-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-block--fixed-banner.wide-placeholder > .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.s-block--fixed-banner.wide-placeholder .banner--fixed {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

.s-block--fixed-banner.wide-placeholder picture {
    display: block !important;
    width: 100% !important;
}

.s-block--fixed-banner.wide-placeholder img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 !important;
}









.s-block.s-block--best-offers .s-product-card-content-title a {
    color: rgba(249, 250, 253, .96) !important;
    font-family: "Tajawal", sans-serif !important;
    font-size: 15px !important;
    font-weight: 200 !important; /* ExtraLight */
    line-height: normal !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color .3s ease !important;
}





.s-block.s-block--best-offers .s-product-card-content-title a {
    color: rgba(249, 250, 253, .96) !important;
    font-family: "Tajawal", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: normal !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color .3s ease !important;
}







.s-block--features__item h2 {
    font-family: "Tajawal", sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: normal !important;
    letter-spacing: -0.02em !important;
}

.s-block--features__item p {
    font-family: "Tajawal", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.02em !important;
}  



























.H_special_categories h4 {
    font-family: "Tajawal", sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: normal !important;
    letter-spacing: -0.02em !important;
}

.H_special_categories h4 + p {
    font-family: "Tajawal", sans-serif !important;
    font-size: 15px !important;
    font-weight: 200 !important;
    line-height: normal !important;
    letter-spacing: -0.02em !important;
}








.s-block--testimonials .s-reviews-header

 {
    font-family: "Tajawal", sans-serif !important;
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}







.H_FAQ h2 {
    position: relative;
    margin-top: 10px !important;
    color: #fff !important;
    font-size: clamp(30px, 3vw, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 5px 28px rgba(0, 0, 0, .30), 0 0 40px rgba(255, 255, 255, .04);
    font-family: "Tajawal", sans-serif !important;
}

.H_FAQ .h-faq-item button {
    position: relative;
    min-height: 68px;
    font-family: "Tajawal", sans-serif !important;
    padding: 17px 0 !important;
    color: #fff !important;
    outline: none !important;
}



.store-footer .footer-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    font-family: "Tajawal", sans-serif !important;
    color: #f1dba0 !important;
    font-weight: 700;
    letter-spacing: .2px;
    text-shadow: 0 0 18px rgba(255, 255, 255, .07);
}








.s-block--testimonials .s-reviews-testimonial__text p {
    color: rgba(255, 255, 255, .78) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: "Tajawal", sans-serif !important;
    line-height: 1.9 !important;
    margin-bottom: 18px !important;
}











[id^="product-"]>.main-content {
    width: calc(45% - 21px) !important;
    flex: 0 0 calc(45% - 21px) !important;
    margin: 0 !important;
    font-family: "Tajawal", sans-serif !important;
    padding: 30px 30px 24px !important;
    top: 105px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 250, 252, .98)) !important;
    border: 1px solid var(--astri-line) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(7, 21, 37, .07) !important;
    overflow: visible !important;
}  




.salla-products-slider[source="related"] .s-product-card-content-title a {
    display: block !important;
    color: var(--related-text) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: "Tajawal", sans-serif !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: color .25s ease !important;
}  







salla-products-slider[source="related"] .s-product-card-content-title a {
    display: block !important;
    color: var(--related-text) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    font-family: "Tajawal", sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: color .25s ease !important;
}  




[id^="product-"]>.main-content {
    width: 100% !important;
    flex: 0 0 calc(45% - 21px) !important;
    margin: 0 !important;
    font-family: "Tajawal", sans-serif !important;
    padding: 30px 30px 24px !important;
    top: 105px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 250, 252, .98)) !important;
    border: 1px solid var(--astri-line) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(7, 21, 37, .07) !important;
    overflow: visible !important;
}




.s-block.s-block--best-offers .s-product-card-image {
    border-color: #816c34 !important;
    border-width: 0.01px !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 21px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .015)) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    transform: translateZ(0) !important;
    transition: transform .55s cubic-bezier(.16, .8, .2, 1), border-color .4s ease, box-shadow .45s ease !important;
} 



 .btn--wishlist .s-button-element {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: 0px solid rgba(13, 27, 42, .12) !important;
    background: #f1dba0 !important;
    color: #000000 !important;
    box-shadow: 0 7px 20px rgba(13, 27, 42, .07) !important;
    transition: all .3s ease !important;
}  






[id^="product-"]>.main-content>.my-3.flex.items-center.gap-2>a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 7px 11px !important;
    border-radius: 30px !important;
    background: #f1dba0 !important;
    border: 1px solid rgba(7, 21, 37, .075) !important;
    color: #616977 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: background .25s ease, color .25s ease, transform .25s ease !important;
}  


.btn--wishlist .s-button-element {
    width: 46px !important;
    height: 46px !important;
    padding: 10px !important;
    border-radius: 50% !important;
    border: 0px solid rgba(13, 27, 42, .12) !important;
    background: #f1dba0 !important;
    color: #000000 !important;
    box-shadow: 0 7px 20px rgba(13, 27, 42, .07) !important;
    transition: all .3s ease !important;
}  


















[id^="product-"] .btn--wishlist .s-button-element {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #f1dba0 !important;
    color: var(--astri-navy) !important;
    border: 1px solid rgba(7, 21, 37, .11) !important;
    box-shadow: 0 6px 18px rgba(7, 21, 37, .06) !important;
    transition: transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease !important;
}










.H_FAQ h2 {
    color: #f0dca6 !important;
    position: relative;
    margin-top: 10px !important;
    font-size: clamp(30px, 3vw, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 5px 28px rgba(0, 0, 0, .30), 0 0 40px rgba(255, 255, 255, .04);
    font-family: "Tajawal", sans-serif !important;
}



.s-block--testimonials .s-reviews-header {
    font-family: "Tajawal", sans-serif !important;
    color: #f0dca6 !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}  



.H_special_categories .hsc-inner h4 {
    color: #f0dca6 !important;
    font-weight: 700 !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.35), 0 0 22px rgba(216, 179, 107, 0.10);
}  



#mainnav, #mainnav *, .s-modal-overlay, .s-modal, .s-modal *, .s-modal-wrapper, .s-modal-container

 {
    animation-duration: 0s !important;
    color: #f0dca6 !important;
    animation-delay: 0s !important;
}  



.sicon-heart:before {
    content: "\eca1";
    color: #f0dca6 !important;
}  



.sicon-cart:before {
    content: "\e96b";
    color: #f0dca6;
}  


.s-block.s-block--best-offers .s-product-card-content-title a {
    color: rgba(249, 250, 253, .96) !important;
    font-family: "Tajawal", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: normal !important;
    color: #f0dca6 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color .3s ease !important;
}  



.s-block--testimonials .s-reviews-testimonial__info h2 {
    color: #f0dca6 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
} 



.sicon-user:before {
    content: "\f078";
    color: #f0dca6 !important;
} 

























/* شكل عام للفوتر */
.footer-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* العناوين */
.footer-title {
  display: inline-block;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 14px;
  background: rgba(212, 175, 55, 0.12);
  border: 1px solid rgba(212, 175, 55, 0.35);
  color: #d4af37 !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.12);
  margin-bottom: 8px;
}

/* روابط التصنيفات وروابط هامة */
.footer-links a,
.s-menu-footer-item {
  display: inline-block;
  width: fit-content;
  padding: 8px 14px;
  margin-bottom: 8px;
  border-radius: 14px;
  background: rgba(212, 175, 55, 0.10);
  border: 1px solid rgba(212, 175, 55, 0.30);
  color: #d4af37 !important;
  text-decoration: none;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: 0.3s ease;
}

.footer-links a:hover,
.s-menu-footer-item:hover {
  background: rgba(212, 175, 55, 0.18);
  border-color: rgba(212, 175, 55, 0.50);
  transform: translateY(-1px);
}

/* بيانات التواصل */
.contact-info p {
  display: inline-block;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 14px;
  background: rgba(212, 175, 55, 0.10);
  border: 1px solid rgba(212, 175, 55, 0.30);
  color: #d4af37 !important;
  margin: 0 0 8px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* الإيميل أو الرقم داخل النص */
.contact-info a,
.contact-info bdi {
  color: #f6d77a !important;
}

/* أيقونات السوشيال */
.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(212, 175, 55, 0.10);
  border: 1px solid rgba(212, 175, 55, 0.30);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: 0.3s ease;
}

.footer-social a:hover {
  background: rgba(212, 175, 55, 0.18);
  border-color: rgba(212, 175, 55, 0.50);
  transform: translateY(-2px);
}

.footer-social svg {
  fill: #d4af37;
}  



.store-footer .footer-links a, .store-footer .s-menu-footer-item, .store-footer .contact-info a {
    background: transparent !important;
    box-shadow: none !important;
    color: #f1dba0 !important;
    border: none !important;
}
















/* محتوى المقال */
.main-content article {
    padding: 20px 30px;
}

/* خلي كل النصوص بيضاء */
.main-content article,
.main-content article p,
.main-content article span,
.main-content article strong,
.main-content article h1,
.main-content article h2,
.main-content article h3,
.main-content article li {
    color: #fff !important;
}

/* المسافات وشكل القراءة */
.main-content article p {
    line-height: 1.9;
    margin-bottom: 18px;
}

.main-content article h1,
.main-content article h2,
.main-content article h3 {
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 1.5;
}

/* اللينكات تفضل مميزة */
.main-content article a,
.main-content article a strong {
    color: #d4b76a !important;
}

/* الموبايل */
@media (max-width: 768px) {
    .main-content article {
        padding: 15px;
    }
}






























/* Padding بسيط على وصف المنتج */
.product__description {
    padding: 20px 30px !important;
}

/* كل نصوص الوصف أبيض */
.product__description .article--main,
.product__description .article--main p,
.product__description .article--main span,
.product__description .article--main strong,
.product__description .article--main h1,
.product__description .article--main h2,
.product__description .article--main h3,
.product__description .article--main h4,
.product__description .article--main li {
    color: #fff !important;
}

/* تحسين قراءة الفقرات */
.product__description .article--main p {
    line-height: 1.9;
    margin-bottom: 16px;
}

/* العناوين */
.product__description .article--main h2,
.product__description .article--main h3 {
    color: #fff !important;
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 1.6;
}

/* القوائم */
.product__description .article--main ul {
    padding-right: 25px;
    margin-bottom: 20px;
}

.product__description .article--main li {
    margin-bottom: 8px;
    line-height: 1.8;
}

/* اللينكات تفضل واضحة */
.product__description .article--main a,
.product__description .article--main a strong {
    color: #d4b76a !important;
}

/* الموبايل */
@media (max-width: 768px) {
    .product__description {
        padding: 15px !important;
    }
}
.product__description,
.product__description *,
.product__description .article--main,
.product__description .article--main *,
.product__description span,
.product__description strong,
.product__description p,
.product__description li,
.product__description h1,
.product__description h2,
.product__description h3,
.product__description h4 {
    color: #fff !important;
}

/* Padding للوصف */
.product__description {
    padding: 25px 30px !important;
}

/* تحسين شكل النص */
.product__description p,
.product__description li {
    line-height: 1.9 !important;
}

/* مسافات بين الفقرات */
.product__description p {
    margin-bottom: 16px !important;
}

/* العناوين */
.product__description h1,
.product__description h2,
.product__description h3 {
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    color: #fff !important;
}

/* القوائم */
.product__description ul,
.product__description ol {
    padding-right: 25px !important;
    margin-bottom: 20px !important;
}

/* الروابط لو عايزها جولد */
.product__description a,
.product__description a * {
    color: #d4b76a !important;
}

/* موبايل */
@media (max-width: 768px) {
    .product__description {
        padding: 15px !important;
    }
}
/* =========================
   PRODUCT TABS
========================= */

/* Padding للجزء كله */
.s-tabs-content-wrapper .s-tabs-content {
    padding: 20px 25px !important;
}

/* إجبار كل النصوص داخل التابات على اللون الأبيض */
.s-tabs-content-wrapper .s-tabs-content,
.s-tabs-content-wrapper .s-tabs-content p,
.s-tabs-content-wrapper .s-tabs-content span,
.s-tabs-content-wrapper .s-tabs-content strong,
.s-tabs-content-wrapper .s-tabs-content h1,
.s-tabs-content-wrapper .s-tabs-content h2,
.s-tabs-content-wrapper .s-tabs-content h3,
.s-tabs-content-wrapper .s-tabs-content h4,
.s-tabs-content-wrapper .s-tabs-content li,
.s-tabs-content-wrapper .s-tabs-content div {
    color: #fff !important;
}


/* =========================
   DESCRIPTION
========================= */

salla-tab-content[name="description"] .product__description {
    padding: 20px 25px !important;
}

salla-tab-content[name="description"] .article--main,
salla-tab-content[name="description"] .article--main * {
    color: #fff !important;
}


/* الفقرات */
salla-tab-content[name="description"] .article--main p {
    color: #fff !important;
    line-height: 1.9 !important;
    margin-bottom: 15px !important;
}


/* العناوين */
salla-tab-content[name="description"] .article--main h1,
salla-tab-content[name="description"] .article--main h2,
salla-tab-content[name="description"] .article--main h3 {
    color: #fff !important;
    line-height: 1.6 !important;
    margin-top: 25px !important;
    margin-bottom: 12px !important;
}


/* القوائم */
salla-tab-content[name="description"] .article--main ul,
salla-tab-content[name="description"] .article--main ol {
    padding-right: 25px !important;
    margin: 10px 0 20px !important;
}

salla-tab-content[name="description"] .article--main li {
    color: #fff !important;
    line-height: 1.9 !important;
    margin-bottom: 5px !important;
}


/* =========================
   LINKS
========================= */

salla-tab-content[name="description"] .article--main a,
salla-tab-content[name="description"] .article--main a strong,
salla-tab-content[name="description"] .article--main a span {
    color: #d4b76a !important;
}


/* =========================
   ADDITIONAL INFO
========================= */

salla-tab-content[name="info"] .s-tabs-content,
salla-tab-content[name="info"] .s-tabs-content * {
    color: #fff !important;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    .s-tabs-content-wrapper .s-tabs-content {
        padding: 15px !important;
    }

    salla-tab-content[name="description"] .product__description {
        padding: 10px !important;
    }
} 

















salla-tab-content[name="description"] .article--main h2 {
    display: inline-block !important;
    padding: 10px 18px !important;

    color: #f1dba0 !important;

    border: 1px solid #f1dba0 !important;
    border-radius: 14px !important;

    background: rgba(241, 219, 160, 0.08) !important;

    margin-top: 25px !important;
    margin-bottom: 20px !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    position: relative !important;
}

/* عشان الـ strong اللي جواه ياخد نفس اللون */
salla-tab-content[name="description"] .article--main h2 strong {
    color: #f1dba0 !important;
}

/* الخط الصغير تحت الحاوية زي الصورة */
salla-tab-content[name="description"] .article--main h2::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 15px;

    width: 55px;
    height: 1px;

    background: #f1dba0 !important;
}  





salla-tab-content[name="description"] .article--main h2,
salla-tab-content[name="description"] .article--main h3 {
    display: inline-block !important;
    padding: 10px 18px !important;
    color: #f1dba0 !important;
    border: 1px solid #f1dba0 !important;
    border-radius: 14px !important;
    background: rgba(241, 219, 160, 0.08) !important;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    position: relative !important;
}

salla-tab-content[name="description"] .article--main h2 strong,
salla-tab-content[name="description"] .article--main h3 strong {
    color: #f1dba0 !important;
}

salla-tab-content[name="description"] .article--main h2::after,
salla-tab-content[name="description"] .article--main h3::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 15px;
    width: 55px;
    height: 1px;
    background: #f1dba0 !important;
} 





.s-tabs-header {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* كل Tab */
.s-tabs-header .s-tabs-header-item {
    color: #f1dba0 !important;
    padding: 10px 18px !important;

    background: transparent !important;
    border: 1px solid rgba(241, 219, 160, 0.35) !important;
    border-radius: 14px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    position: relative !important;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease !important;
}

/* النص */
.s-tabs-header .s-tabs-header-item span {
    color: #f1dba0 !important;
    transition: transform 0.3s ease !important;
    display: inline-block !important;
}

/* Hover */
.s-tabs-header .s-tabs-header-item:hover {
    transform: translateY(-3px) !important;

    background: rgba(241, 219, 160, 0.08) !important;

    border-color: #f1dba0 !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.18),
        0 0 10px rgba(241, 219, 160, 0.12) !important;
}

/* حركة النص وقت الـ Hover */
.s-tabs-header .s-tabs-header-item:hover span {
    transform: scale(1.04) !important;
}

/* Active Tab */
.s-tabs-header .s-tabs-header-item.s-tabs-active {
    background: rgba(241, 219, 160, 0.1) !important;

    border-color: #f1dba0 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.2),
        0 0 12px rgba(241, 219, 160, 0.15) !important;
}

/* الخط المتحرك تحت الـ Active */
.s-tabs-header .s-tabs-header-item::after {
    content: "";

    position: absolute;

    right: 50%;
    bottom: -7px;

    width: 0;
    height: 2px;

    transform: translateX(50%);

    background: #f1dba0 !important;

    border-radius: 10px;

    transition: width 0.35s ease !important;
}

.s-tabs-header .s-tabs-header-item:hover::after,
.s-tabs-header .s-tabs-header-item.s-tabs-active::after {
    width: 55% !important;
}

/* حركة الضغط */
.s-tabs-header .s-tabs-header-item:active {
    transform: translateY(0) scale(0.96) !important;
} 





.s-tabs-header {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    padding-top: 14px !important;
} 







.s-tabs-header {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.s-tabs-header .s-tabs-header-item {
    color: #f1dba0 !important;
    padding: 10px 18px !important;

    background: transparent !important;

    border: 1px solid rgba(241, 219, 160, 0.55) !important;
    border-radius: 14px !important;

    font-weight: 600 !important;
    cursor: pointer !important;

    position: relative !important;

    transform: none !important;
    box-shadow: none !important;

    transition: all 0.3s ease !important;
}

.s-tabs-header .s-tabs-header-item span {
    color: #f1dba0 !important;
}

/* Hover فقط */
.s-tabs-header .s-tabs-header-item:hover {
    transform: translateY(-3px) !important;
    border-color: #f1dba0 !important;
    background: rgba(241, 219, 160, 0.07) !important;
}

/* الـ Active يبقى بنفس شكل الباقي */
.s-tabs-header .s-tabs-header-item.s-tabs-active {
    color: #f1dba0 !important;
    background: transparent !important;
    border: 1px solid rgba(241, 219, 160, 0.55) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* بس نوضح التاب الحالي بخط ذهبي */
.s-tabs-header .s-tabs-header-item::after {
    content: "";
    position: absolute;

    right: 50%;
    bottom: -7px;

    width: 0;
    height: 2px;

    transform: translateX(50%);

    background: #f1dba0 !important;
    border-radius: 20px;

    transition: width 0.3s ease !important;
}

.s-tabs-header .s-tabs-header-item.s-tabs-active::after {
    width: 55% !important;
}


.s-tabs-header {
    display: flex !important;
    gap: 10px !important;
    border-bottom: transparent !important;
    flex-wrap: wrap !important;
} 








.btn--wishlist {
    width: 42px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #040E21 !important;
    border: 1px solid #040E21 !important;

    border-radius: 50% !important;

    padding: 0 !important;
    margin: 0 !important;

    box-shadow: none !important;
}

.btn--wishlist .s-button-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn--wishlist .sicon-heart {
    color: #FFFFFF !important;
    font-size: 19px !important;
}

/* Hover */
.btn--wishlist:hover {
    background: #0A1830 !important;
    border-color: #0A1830 !important;
}

/* لما المنتج يكون مضاف للمفضلة */
.btn--wishlist:not(.not-added) {
    background: #040E21 !important;
    border-color: #040E21 !important;
}

.btn--wishlist:not(.not-added) .sicon-heart {
    color: #F5D88E !important;
}.btn--wishlist .sicon-heart,
.btn--wishlist .s-button-text .sicon-heart,
button.btn--wishlist i.sicon-heart {
    color: #FFFFFF !important;
} 



[id^="product-"] .btn--wishlist .s-button-element {
    background-color: #21262d !important;
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: var(--astri-navy) !important;
    border: 1px solid rgba(7, 21, 37, .11) !important;
    box-shadow: 0 6px 18px rgba(7, 21, 37, .06) !important;
    transition: transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease !important;
}