/* =========================================================
   LAST RAID — CLEAN STORE CSS
   Полная версия без дублей и сложных селекторов
   ========================================================= */

/* ---------- БАЗОВЫЕ НАСТРОЙКИ ---------- */

html {
    scrollbar-gutter: stable;
}

body {
    position: relative;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    background-color: #08090b !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

body::before {
    display: none !important;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(0, 0, 0, 0.10) 0%,
            rgba(0, 0, 0, 0.24) 55%,
            rgba(0, 0, 0, 0.58) 100%
        ),
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.08) 0%,
            rgba(0, 0, 0, 0.20) 55%,
            rgba(0, 0, 0, 0.42) 100%
        );
}

body > * {
    position: relative;
    z-index: 1;
}

/* ---------- ОСНОВНОЙ КОНТЕЙНЕР ---------- */

.container {
    width: calc(100% - 32px) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---------- ШАПКА ---------- */

header,
.navbar,
.topbar {
    min-height: 70px !important;
    background: rgba(7, 8, 10, 0.90) !important;
    border: 1px solid rgba(220, 45, 45, 0.18) !important;
    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

header img,
.navbar img,
.topbar img {
    filter:
        drop-shadow(0 0 10px rgba(220, 35, 35, 0.35))
        drop-shadow(0 0 20px rgba(120, 15, 15, 0.22)) !important;
}

header a,
.navbar a,
.topbar a {
    color: rgba(255, 255, 255, 0.82) !important;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

header a:hover,
.navbar a:hover,
.topbar a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 12px rgba(220, 40, 40, 0.35);
}

/* ---------- БАННЕР ---------- */

.hero,
.banner {
    position: relative;
    overflow: hidden;
    max-height: 265px !important;
    margin-bottom: 10px !important;
    border: 1px solid rgba(190, 40, 40, 0.34) !important;
    border-radius: 12px !important;
    box-shadow:
        0 26px 65px rgba(0, 0, 0, 0.48),
        0 0 28px rgba(150, 22, 22, 0.10) !important;
}

.hero::after,
.banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.12),
        rgba(0, 0, 0, 0.01) 50%,
        rgba(0, 0, 0, 0.06)
    );
}

/* ---------- КАТАЛОГ ---------- */

.products,
.catalog,
.shop-products,
.shop-content {
    margin-top: 8px !important;
    padding: 12px !important;
    gap: 14px !important;
    background: rgba(11, 12, 15, 0.84) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

/* ---------- КАРТОЧКИ ---------- */

.card,
.product-card,
[class*="product-card"],
[class*="product_item"],
[class*="product-item"] {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    min-width: 0 !important;
    min-height: 390px !important;
    padding: 38px 12px 12px !important;
    color: #f3f3f3 !important;
    background:
        radial-gradient(
            circle at 50% 16%,
            rgba(255, 255, 255, 0.045),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            rgba(22, 23, 27, 0.98),
            rgba(8, 9, 12, 1)
        ) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-top-color: rgba(220, 45, 45, 0.35) !important;
    border-radius: 10px !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease !important;
}

.card::before,
.product-card::before,
[class*="product-card"]::before,
[class*="product_item"]::before,
[class*="product-item"]::before {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    left: 14px;
    right: 14px;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(230, 50, 50, 0.90),
        transparent
    );
    box-shadow: 0 0 14px rgba(215, 42, 42, 0.28);
}

.card > *,
.product-card > *,
[class*="product-card"] > *,
[class*="product_item"] > *,
[class*="product-item"] > * {
    position: relative;
    z-index: 1;
}

.card:hover,
.product-card:hover,
[class*="product-card"]:hover,
[class*="product_item"]:hover,
[class*="product-item"]:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(230, 55, 55, 0.78) !important;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.65),
        0 0 38px rgba(220, 40, 40, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* ---------- КАТЕГОРИЯ ТОВАРА ---------- */

.card [class*="badge"],
.card [class*="category"],
.product-card [class*="badge"],
.product-card [class*="category"],
[class*="product-card"] [class*="badge"],
[class*="product-card"] [class*="category"],
[class*="product_item"] [class*="badge"],
[class*="product_item"] [class*="category"],
[class*="product-item"] [class*="badge"],
[class*="product-item"] [class*="category"] {
    position: absolute !important;
    z-index: 7 !important;
    top: 12px !important;
    left: 12px !important;
    width: auto !important;
    max-width: calc(100% - 24px) !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: rgba(245, 245, 245, 0.84) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    background: linear-gradient(
        180deg,
        rgba(43, 45, 51, 0.98),
        rgba(19, 20, 24, 1)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 5px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 4px 10px rgba(0, 0, 0, 0.24) !important;
}

/* ---------- СКИДКА ---------- */

.card [class*="sale"],
.card [class*="discount"],
.product-card [class*="sale"],
.product-card [class*="discount"],
[class*="product-card"] [class*="sale"],
[class*="product-card"] [class*="discount"],
[class*="product_item"] [class*="sale"],
[class*="product_item"] [class*="discount"],
[class*="product-item"] [class*="sale"],
[class*="product-item"] [class*="discount"] {
    position: absolute !important;
    z-index: 8 !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    min-width: 46px !important;
    min-height: 24px !important;
    padding: 4px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    background: linear-gradient(180deg, #ff575b, #a71919) !important;
    border: 1px solid rgba(255, 130, 130, 0.70) !important;
    border-radius: 6px !important;
    box-shadow:
        0 0 18px rgba(235, 45, 45, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* ---------- ИЗОБРАЖЕНИЕ ТОВАРА ---------- */

.card img,
.product-card img,
[class*="product-card"] img,
[class*="product_item"] img,
[class*="product-item"] img {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    margin: 0 auto 12px !important;
    padding: 3px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background:
        radial-gradient(
            ellipse 62% 48% at 50% 54%,
            rgba(255, 56, 56, 0.76) 0%,
            rgba(220, 24, 24, 0.42) 34%,
            rgba(130, 8, 8, 0.18) 62%,
            transparent 82%
        ),
        radial-gradient(
            circle at 50% 50%,
            rgba(255, 255, 255, 0.045) 0%,
            rgba(15, 3, 4, 0.20) 42%,
            rgba(0, 0, 0, 0.78) 100%
        ),
        linear-gradient(
            180deg,
            rgba(4, 5, 8, 0.86),
            rgba(1, 2, 4, 0.99)
        ) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    filter:
        drop-shadow(0 18px 22px rgba(0, 0, 0, 0.68))
        drop-shadow(0 0 18px rgba(210, 22, 22, 0.30)) !important;
    transition:
        transform 0.22s ease,
        filter 0.22s ease,
        border-color 0.22s ease !important;
}

.card:hover img,
.product-card:hover img,
[class*="product-card"]:hover img,
[class*="product_item"]:hover img,
[class*="product-item"]:hover img {
    transform: scale(1.06) !important;
    border-color: rgba(220, 45, 45, 0.28) !important;
    background:
        radial-gradient(
            ellipse 68% 54% at 50% 54%,
            rgba(255, 68, 68, 0.90) 0%,
            rgba(232, 27, 27, 0.53) 36%,
            rgba(145, 8, 8, 0.22) 64%,
            transparent 84%
        ),
        radial-gradient(
            circle at 50% 50%,
            rgba(255, 255, 255, 0.055) 0%,
            rgba(15, 3, 4, 0.18) 42%,
            rgba(0, 0, 0, 0.76) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 9, 0.84),
            rgba(1, 2, 4, 0.99)
        ) !important;
    filter:
        drop-shadow(0 21px 25px rgba(0, 0, 0, 0.72))
        drop-shadow(0 0 24px rgba(225, 25, 25, 0.44)) !important;
}

/* ---------- НАЗВАНИЕ ---------- */

.card h2,
.card h3,
.card h4,
.product-card h2,
.product-card h3,
.product-card h4,
[class*="product-card"] h2,
[class*="product-card"] h3,
[class*="product-card"] h4,
[class*="product_item"] h2,
[class*="product_item"] h3,
[class*="product_item"] h4,
[class*="product-item"] h2,
[class*="product-item"] h3,
[class*="product-item"] h4 {
    overflow: hidden !important;
    min-height: 24px !important;
    margin: 0 0 5px !important;
    color: #f5f5f5 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* ---------- ОПИСАНИЕ ---------- */

.card p,
.product-card p,
[class*="product-card"] p,
[class*="product_item"] p,
[class*="product-item"] p {
    display: -webkit-box !important;
    overflow: hidden !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 0 10px !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgba(240, 240, 240, 0.70) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

/* ---------- НИЖНЯЯ ОБЛАСТЬ ---------- */

.card > :last-child,
.product-card > :last-child,
[class*="product-card"] > :last-child,
[class*="product_item"] > :last-child,
[class*="product-item"] > :last-child {
    margin-top: auto !important;
}

/* Убираем только старую искусственную корзину */
.card > :last-child::after,
.product-card > :last-child::after,
[class*="product-card"] > :last-child::after,
[class*="product_item"] > :last-child::after,
[class*="product-item"] > :last-child::after {
    content: none !important;
    display: none !important;
}

/* ---------- КНОПКА ПОКУПКИ ---------- */

/* Кнопка, которая сама является последним элементом карточки */
.card > button:last-child,
.product-card > button:last-child,
[class*="product-card"] > button:last-child,
[class*="product_item"] > button:last-child,
[class*="product-item"] > button:last-child,
/* Кнопка внутри нижнего блока карточки */
.card > :last-child button,
.product-card > :last-child button,
[class*="product-card"] > :last-child button,
[class*="product_item"] > :last-child button,
[class*="product-item"] > :last-child button,
/* Часто используемые классы кнопки покупки */
.card [class*="buy"],
.product-card [class*="buy"],
[class*="product-card"] [class*="buy"],
.card [class*="purchase"],
.product-card [class*="purchase"],
[class*="product-card"] [class*="purchase"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.15px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    background: linear-gradient(180deg, #ff575b 0%, #e63d43 100%) !important;
    border: 1px solid rgba(255, 135, 135, 0.55) !important;
    border-radius: 7px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 9px 22px rgba(120, 8, 14, 0.34),
        0 0 18px rgba(235, 50, 55, 0.16) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transition:
        transform 0.18s ease,
        filter 0.18s ease,
        box-shadow 0.18s ease !important;
}

.card > button:last-child:hover,
.product-card > button:last-child:hover,
[class*="product-card"] > button:last-child:hover,
[class*="product_item"] > button:last-child:hover,
[class*="product-item"] > button:last-child:hover,
.card > :last-child button:hover,
.product-card > :last-child button:hover,
[class*="product-card"] > :last-child button:hover,
[class*="product_item"] > :last-child button:hover,
[class*="product-item"] > :last-child button:hover,
.card [class*="buy"]:hover,
.product-card [class*="buy"]:hover,
[class*="product-card"] [class*="buy"]:hover,
.card [class*="purchase"]:hover,
.product-card [class*="purchase"]:hover,
[class*="product-card"] [class*="purchase"]:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.09) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 11px 27px rgba(135, 8, 15, 0.40),
        0 0 24px rgba(245, 55, 60, 0.22) !important;
}

/* ---------- КНОПКИ ЛИСТАНИЯ ИЗОБРАЖЕНИЙ ---------- */

/* Эти правила отменяют растягивание стрелок на всю карточку */
.card [class*="swiper-button"],
.product-card [class*="swiper-button"],
[class*="product-card"] [class*="swiper-button"],
.card [class*="carousel-control"],
.product-card [class*="carousel-control"],
[class*="product-card"] [class*="carousel-control"],
.card [class*="slider-control"],
.product-card [class*="slider-control"],
[class*="product-card"] [class*="slider-control"],
.card [class*="slider-button"],
.product-card [class*="slider-button"],
[class*="product-card"] [class*="slider-button"],
.card button[class*="prev"],
.card button[class*="next"],
.product-card button[class*="prev"],
.product-card button[class*="next"],
[class*="product-card"] button[class*="prev"],
[class*="product-card"] button[class*="next"] {
    position: absolute !important;
    top: 50% !important;
    z-index: 12 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-transform: none !important;
    background: rgba(8, 9, 12, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 7px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.38) !important;
    transform: translateY(-50%) !important;
    opacity: 0.82 !important;
    cursor: pointer !important;
}

.card [class*="prev"],
.product-card [class*="prev"],
[class*="product-card"] [class*="prev"],
.card [class*="swiper-button-prev"],
.product-card [class*="swiper-button-prev"],
[class*="product-card"] [class*="swiper-button-prev"] {
    left: 8px !important;
    right: auto !important;
}

.card [class*="next"],
.product-card [class*="next"],
[class*="product-card"] [class*="next"],
.card [class*="swiper-button-next"],
.product-card [class*="swiper-button-next"],
[class*="product-card"] [class*="swiper-button-next"] {
    right: 8px !important;
    left: auto !important;
}

.card [class*="swiper-button"]:hover,
.product-card [class*="swiper-button"]:hover,
[class*="product-card"] [class*="swiper-button"]:hover,
.card [class*="carousel-control"]:hover,
.product-card [class*="carousel-control"]:hover,
[class*="product-card"] [class*="carousel-control"]:hover,
.card [class*="slider-control"]:hover,
.product-card [class*="slider-control"]:hover,
[class*="product-card"] [class*="slider-control"]:hover,
.card [class*="slider-button"]:hover,
.product-card [class*="slider-button"]:hover,
[class*="product-card"] [class*="slider-button"]:hover,
.card button[class*="prev"]:hover,
.card button[class*="next"]:hover,
.product-card button[class*="prev"]:hover,
.product-card button[class*="next"]:hover,
[class*="product-card"] button[class*="prev"]:hover,
[class*="product-card"] button[class*="next"]:hover {
    background: rgba(185, 35, 39, 0.88) !important;
    border-color: rgba(255, 110, 110, 0.55) !important;
    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.42),
        0 0 16px rgba(225, 42, 46, 0.26) !important;
    transform: translateY(-50%) scale(1.04) !important;
    opacity: 1 !important;
}

/* ---------- ЦЕНЫ ---------- */

.card .old-price,
.product-card .old-price,
[class*="product-card"] .old-price,
.card del,
.product-card del,
[class*="product-card"] del {
    color: rgba(255, 255, 255, 0.44) !important;
    text-decoration: line-through !important;
}

.card .new-price,
.product-card .new-price,
[class*="product-card"] .new-price,
.card [class*="current"],
.product-card [class*="current"],
[class*="product-card"] [class*="current"] {
    color: #ff5555 !important;
    font-weight: 900 !important;
}

/* ---------- ФИЛЬТРЫ И КАТЕГОРИИ ---------- */

[class*="filter"],
[class*="tabs"],
[class*="categor"] {
    gap: 8px !important;
    margin-bottom: 6px !important;
}

[class*="category"],
[class*="filter"] button,
[class*="tabs"] button {
    min-width: auto !important;
    padding: 9px 12px !important;
    white-space: nowrap !important;
    color: rgba(255, 255, 255, 0.79) !important;
    font-size: 12px !important;
    background: rgba(17, 18, 22, 0.78) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

[class*="category"]:hover,
[class*="filter"] button:hover,
[class*="tabs"] button:hover {
    color: #ffffff !important;
    background: rgba(42, 28, 31, 0.94) !important;
    border-color: rgba(184, 42, 42, 0.44) !important;
}

[class*="category"].active,
[class*="category"][aria-selected="true"],
[class*="filter"] button.active,
[class*="filter"] button[aria-selected="true"],
[class*="tabs"] button.active,
[class*="tabs"] button[aria-selected="true"] {
    color: #ffffff !important;
    background: rgba(128, 20, 20, 0.24) !important;
    border-color: rgba(208, 57, 57, 0.56) !important;
    box-shadow:
        inset 0 -3px 0 #c72f2f,
        0 0 18px rgba(175, 25, 25, 0.14) !important;
}

/* ---------- ПОЛЯ ---------- */

input,
select,
textarea {
    color: #eeeeee !important;
    background: rgba(17, 18, 22, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 9px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.43) !important;
}

input:hover,
select:hover,
textarea:hover {
    background: rgba(22, 23, 27, 0.97) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: rgba(195, 48, 48, 0.60) !important;
    box-shadow:
        0 0 0 3px rgba(155, 25, 25, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

input[placeholder*="Поиск"],
input[placeholder*="поиск"] {
    width: 100% !important;
    max-width: 520px !important;
    min-height: 40px !important;
    padding-left: 15px !important;
}

/* ---------- ОБЩИЕ КНОПКИ ---------- */

button,
.btn {
    transition:
        transform 0.18s ease,
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

/* ---------- СКРОЛЛБАР ---------- */

* {
    scrollbar-width: thin;
    scrollbar-color: #761717 rgba(0, 0, 0, 0.15);
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: rgba(5, 6, 8, 0.92);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #8a1a1a, #5e1010);
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #b52a2a, #761515);
}

/* ---------- АДАПТАЦИЯ ---------- */

@media (max-width: 900px) {
    .container {
        width: calc(100% - 20px) !important;
    }

    .card,
    .product-card,
    [class*="product-card"],
    [class*="product_item"],
    [class*="product-item"] {
        min-height: 360px !important;
    }

    .card img,
    .product-card img,
    [class*="product-card"] img,
    [class*="product_item"] img,
    [class*="product-item"] img {
        height: 175px !important;
        min-height: 175px !important;
        max-height: 175px !important;
    }
}

@media (max-width: 600px) {
    body {
        background-attachment: scroll !important;
    }

    .container {
        width: calc(100% - 14px) !important;
    }

    .hero,
    .banner {
        border-radius: 10px !important;
    }

    input[placeholder*="Поиск"],
    input[placeholder*="поиск"] {
        max-width: 100% !important;
    }

    .card:hover,
    .product-card:hover,
    [class*="product-card"]:hover,
    [class*="product_item"]:hover,
    [class*="product-item"]:hover {
        transform: none !important;
    }

    .card > button:last-child,
    .product-card > button:last-child,
    [class*="product-card"] > button:last-child,
    [class*="product_item"] > button:last-child,
    [class*="product-item"] > button:last-child,
    .card > :last-child button,
    .product-card > :last-child button,
    [class*="product-card"] > :last-child button {
        height: 46px !important;
        min-height: 46px !important;
    }
}

@media (max-width: 460px) {
    .card,
    .product-card,
    [class*="product-card"],
    [class*="product_item"],
    [class*="product-item"] {
        min-height: 335px !important;
    }

    .card img,
    .product-card img,
    [class*="product-card"] img,
    [class*="product_item"] img,
    [class*="product-item"] img {
        height: 155px !important;
        min-height: 155px !important;
        max-height: 155px !important;
    }

    .card h2,
    .card h3,
    .card h4,
    .product-card h2,
    .product-card h3,
    .product-card h4,
    [class*="product-card"] h2,
    [class*="product-card"] h3,
    [class*="product-card"] h4 {
        font-size: 16px !important;
    }
}

/* =========================================================
   LAST RAID V3 — PREMIUM POLISH
   Финальная визуальная доводка карточек магазина
   ========================================================= */

/* Карточка: спокойные боковые границы и красный акцент сверху */
.card,
.product-card,
[class*="product-card"],
[class*="product_item"],
[class*="product-item"] {
    border-color: rgba(255, 255, 255, 0.105) !important;
    border-top-color: rgba(229, 48, 53, 0.62) !important;
    background:
        radial-gradient(
            ellipse 70% 30% at 50% 0%,
            rgba(205, 38, 42, 0.07),
            transparent 72%
        ),
        linear-gradient(
            180deg,
            rgba(20, 21, 25, 0.985),
            rgba(8, 9, 12, 1)
        ) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.54),
        inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

/* Верхняя линия короче и аккуратнее */
.card::before,
.product-card::before,
[class*="product-card"]::before,
[class*="product_item"]::before,
[class*="product-item"]::before {
    left: 24px !important;
    right: 24px !important;
    height: 1px !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(242, 63, 68, 0.92) 24%,
        rgba(242, 63, 68, 0.92) 76%,
        transparent 100%
    ) !important;
    box-shadow:
        0 0 10px rgba(227, 45, 50, 0.30),
        0 0 22px rgba(155, 18, 22, 0.14) !important;
}

/* Более естественное центральное свечение:
   яркое ядро за предметом + мягкий широкий ореол */
.card img,
.product-card img,
[class*="product-card"] img,
[class*="product_item"] img,
[class*="product-item"] img {
    background:
        radial-gradient(
            ellipse 34% 44% at 50% 52%,
            rgba(255, 69, 69, 0.66) 0%,
            rgba(222, 28, 32, 0.38) 44%,
            rgba(128, 8, 12, 0.12) 72%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 72% 66% at 50% 52%,
            rgba(191, 19, 24, 0.25) 0%,
            rgba(111, 6, 10, 0.11) 54%,
            transparent 82%
        ),
        radial-gradient(
            ellipse 82% 28% at 50% 72%,
            rgba(122, 8, 12, 0.12) 0%,
            transparent 76%
        ),
        linear-gradient(
            180deg,
            rgba(4, 5, 8, 0.93),
            rgba(1, 2, 4, 1)
        ) !important;
    filter:
        brightness(1.025)
        contrast(1.045)
        drop-shadow(0 18px 20px rgba(0, 0, 0, 0.72))
        drop-shadow(0 4px 15px rgba(188, 20, 25, 0.22)) !important;
}

/* Hover без чрезмерного красного круга */
.card:hover img,
.product-card:hover img,
[class*="product-card"]:hover img,
[class*="product_item"]:hover img,
[class*="product-item"]:hover img {
    transform: scale(1.045) !important;
    background:
        radial-gradient(
            ellipse 38% 48% at 50% 52%,
            rgba(255, 78, 78, 0.78) 0%,
            rgba(230, 31, 36, 0.45) 44%,
            rgba(137, 9, 13, 0.15) 72%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 76% 70% at 50% 52%,
            rgba(205, 22, 27, 0.30) 0%,
            rgba(117, 6, 10, 0.13) 54%,
            transparent 84%
        ),
        radial-gradient(
            ellipse 86% 30% at 50% 72%,
            rgba(137, 8, 12, 0.14) 0%,
            transparent 78%
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 9, 0.91),
            rgba(1, 2, 4, 1)
        ) !important;
    filter:
        brightness(1.045)
        contrast(1.06)
        drop-shadow(0 21px 23px rgba(0, 0, 0, 0.76))
        drop-shadow(0 5px 20px rgba(213, 24, 29, 0.30)) !important;
}

/* Название товара */
.card h2,
.card h3,
.card h4,
.product-card h2,
.product-card h3,
.product-card h4,
[class*="product-card"] h2,
[class*="product-card"] h3,
[class*="product-card"] h4,
[class*="product_item"] h2,
[class*="product_item"] h3,
[class*="product_item"] h4,
[class*="product-item"] h2,
[class*="product-item"] h3,
[class*="product-item"] h4 {
    color: #fafafa !important;
    font-size: 17px !important;
    letter-spacing: 0.05px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.46);
}

/* Описание немного спокойнее */
.card p,
.product-card p,
[class*="product-card"] p,
[class*="product_item"] p,
[class*="product-item"] p {
    color: rgba(235, 235, 235, 0.66) !important;
}

/* Нижняя ценовая область легче и компактнее */
.card > :last-child,
.product-card > :last-child,
[class*="product-card"] > :last-child,
[class*="product_item"] > :last-child,
[class*="product-item"] > :last-child {
    min-height: 56px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 7px !important;
    background:
        linear-gradient(
            180deg,
            rgba(51, 52, 57, 0.78),
            rgba(35, 36, 40, 0.82)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 6px 15px rgba(0, 0, 0, 0.20) !important;
}

/* Цена заметнее, но без тяжёлой плашки */
.card > :last-child span,
.product-card > :last-child span,
[class*="product-card"] > :last-child span,
[class*="product_item"] > :last-child span,
[class*="product-item"] > :last-child span,
.card > :last-child del,
.product-card > :last-child del,
[class*="product-card"] > :last-child del {
    font-size: 15px !important;
    font-weight: 850 !important;
    letter-spacing: 0.05px !important;
}

/* Старая цена менее заметна */
.card .old-price,
.product-card .old-price,
[class*="product-card"] .old-price,
.card del,
.product-card del,
[class*="product-card"] del {
    color: rgba(210, 216, 222, 0.46) !important;
    font-size: 13px !important;
}

/* Новая цена */
.card .new-price,
.product-card .new-price,
[class*="product-card"] .new-price,
.card [class*="current"],
.product-card [class*="current"],
[class*="product-card"] [class*="current"] {
    color: #6df08b !important;
    font-size: 16px !important;
    text-shadow: 0 0 10px rgba(80, 222, 112, 0.18);
}

/* Кнопка покупки: красный игровой CTA */
.card > button:last-child,
.product-card > button:last-child,
[class*="product-card"] > button:last-child,
[class*="product_item"] > button:last-child,
[class*="product-item"] > button:last-child,
.card > :last-child button,
.product-card > :last-child button,
[class*="product-card"] > :last-child button,
[class*="product_item"] > :last-child button,
[class*="product-item"] > :last-child button,
.card [class*="buy"],
.product-card [class*="buy"],
[class*="product-card"] [class*="buy"],
.card [class*="purchase"],
.product-card [class*="purchase"],
[class*="product-card"] [class*="purchase"] {
    height: 52px !important;
    min-height: 52px !important;
    color: #ffffff !important;
    background:
        linear-gradient(
            180deg,
            #ff5b60 0%,
            #ef4449 48%,
            #cc2c32 100%
        ) !important;
    border-color: rgba(255, 137, 140, 0.58) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -1px 0 rgba(91, 5, 9, 0.34),
        0 9px 23px rgba(118, 7, 13, 0.36),
        0 0 18px rgba(230, 45, 50, 0.14) !important;
}

/* Убираем серую оболочку вокруг настоящей кнопки покупки */
.card > :last-child button,
.product-card > :last-child button,
[class*="product-card"] > :last-child button,
[class*="product_item"] > :last-child button,
[class*="product-item"] > :last-child button {
    margin: -9px -10px !important;
    width: calc(100% + 20px) !important;
    min-width: calc(100% + 20px) !important;
}

/* Hover карточки более сдержанный */
.card:hover,
.product-card:hover,
[class*="product-card"]:hover,
[class*="product_item"]:hover,
[class*="product-item"]:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    border-top-color: rgba(242, 57, 62, 0.92) !important;
    box-shadow:
        0 31px 62px rgba(0, 0, 0, 0.66),
        0 0 28px rgba(211, 35, 40, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.065) !important;
}

/* Активная категория */
[class*="category"].active,
[class*="category"][aria-selected="true"],
[class*="filter"] button.active,
[class*="filter"] button[aria-selected="true"],
[class*="tabs"] button.active,
[class*="tabs"] button[aria-selected="true"] {
    background:
        linear-gradient(
            180deg,
            rgba(135, 24, 29, 0.48),
            rgba(74, 13, 16, 0.58)
        ) !important;
    border-color: rgba(225, 55, 60, 0.54) !important;
    box-shadow:
        inset 0 -2px 0 #e33c41,
        0 0 16px rgba(194, 31, 36, 0.12) !important;
}

/* Стрелки слайдера: нейтральные и менее заметные */
.card [class*="swiper-button"],
.product-card [class*="swiper-button"],
[class*="product-card"] [class*="swiper-button"],
.card [class*="carousel-control"],
.product-card [class*="carousel-control"],
[class*="product-card"] [class*="carousel-control"],
.card [class*="slider-control"],
.product-card [class*="slider-control"],
[class*="product-card"] [class*="slider-control"],
.card [class*="slider-button"],
.product-card [class*="slider-button"],
[class*="product-card"] [class*="slider-button"],
.card button[class*="prev"],
.card button[class*="next"],
.product-card button[class*="prev"],
.product-card button[class*="next"],
[class*="product-card"] button[class*="prev"],
[class*="product-card"] button[class*="next"] {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    background: rgba(6, 7, 10, 0.66) !important;
    border-color: rgba(255, 255, 255, 0.13) !important;
    border-radius: 6px !important;
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
    opacity: 0.70 !important;
}

/* На hover стрелки светлеют, но не превращаются в CTA */
.card [class*="swiper-button"]:hover,
.product-card [class*="swiper-button"]:hover,
[class*="product-card"] [class*="swiper-button"]:hover,
.card [class*="carousel-control"]:hover,
.product-card [class*="carousel-control"]:hover,
[class*="product-card"] [class*="carousel-control"]:hover,
.card [class*="slider-control"]:hover,
.product-card [class*="slider-control"]:hover,
[class*="product-card"] [class*="slider-control"]:hover,
.card [class*="slider-button"]:hover,
.product-card [class*="slider-button"]:hover,
[class*="product-card"] [class*="slider-button"]:hover,
.card button[class*="prev"]:hover,
.card button[class*="next"]:hover,
.product-card button[class*="prev"]:hover,
.product-card button[class*="next"]:hover,
[class*="product-card"] button[class*="prev"]:hover,
[class*="product-card"] button[class*="next"]:hover {
    background: rgba(34, 35, 40, 0.90) !important;
    border-color: rgba(240, 73, 78, 0.42) !important;
    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.46),
        0 0 12px rgba(220, 44, 49, 0.14) !important;
}

/* Мобильная версия */
@media (max-width: 600px) {
    .card img,
    .product-card img,
    [class*="product-card"] img,
    [class*="product_item"] img,
    [class*="product-item"] img {
        filter:
            brightness(1.02)
            contrast(1.035)
            drop-shadow(0 15px 18px rgba(0, 0, 0, 0.70))
            drop-shadow(0 3px 12px rgba(188, 20, 25, 0.20)) !important;
    }

    .card > :last-child,
    .product-card > :last-child,
    [class*="product-card"] > :last-child,
    [class*="product_item"] > :last-child,
    [class*="product-item"] > :last-child {
        min-height: 52px !important;
    }
}

/* =========================================================
   LAST RAID V4 — IMAGE LIGHTING FINAL
   Точечная доработка изображения, свечения и hover
   ========================================================= */

/* Карточка — лёгкий подъём без перегруза */
.card,
.product-card,
[class*="product-card"],
[class*="product_item"],
[class*="product-item"] {
    transition:
        transform 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

.card:hover,
.product-card:hover,
[class*="product-card"]:hover,
[class*="product_item"]:hover,
[class*="product-item"]:hover {
    transform: translateY(-4px) !important;
    border-top-color: rgba(245, 66, 70, 0.95) !important;
    box-shadow:
        0 28px 56px rgba(0, 0, 0, 0.64),
        0 0 24px rgba(210, 38, 42, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Изображение: свет строго за предметом, не снизу */
.card img,
.product-card img,
[class*="product-card"] img,
[class*="product_item"] img,
[class*="product-item"] img {
    background:
        radial-gradient(
            ellipse 30% 48% at 50% 50%,
            rgba(255, 78, 78, 0.52) 0%,
            rgba(223, 32, 36, 0.30) 42%,
            rgba(125, 8, 12, 0.08) 72%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 68% 72% at 50% 50%,
            rgba(188, 18, 22, 0.16) 0%,
            rgba(100, 5, 8, 0.07) 52%,
            transparent 82%
        ),
        linear-gradient(
            180deg,
            rgba(4, 5, 8, 0.97),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.025)
        contrast(1.055)
        saturate(1.02)
        drop-shadow(0 18px 20px rgba(0, 0, 0, 0.76))
        drop-shadow(0 4px 12px rgba(175, 18, 22, 0.20)) !important;

    transition:
        transform 0.20s ease,
        filter 0.20s ease,
        border-color 0.20s ease,
        background 0.20s ease !important;
}

/* Hover: предмет увеличивается совсем немного */
.card:hover img,
.product-card:hover img,
[class*="product-card"]:hover img,
[class*="product_item"]:hover img,
[class*="product-item"]:hover img {
    transform: scale(1.025) !important;

    background:
        radial-gradient(
            ellipse 34% 52% at 50% 50%,
            rgba(255, 88, 88, 0.62) 0%,
            rgba(232, 36, 40, 0.36) 42%,
            rgba(138, 9, 13, 0.10) 72%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 72% 76% at 50% 50%,
            rgba(202, 22, 26, 0.20) 0%,
            rgba(110, 6, 9, 0.08) 54%,
            transparent 84%
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 9, 0.96),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.045)
        contrast(1.07)
        saturate(1.035)
        drop-shadow(0 20px 22px rgba(0, 0, 0, 0.80))
        drop-shadow(0 5px 15px rgba(205, 22, 26, 0.25)) !important;
}

/* Машины и крупные объекты получают более тяжёлую тень */
.card [class*="transport"] img,
.product-card [class*="transport"] img,
[class*="product-card"] [class*="transport"] img,
.card [class*="vehicle"] img,
.product-card [class*="vehicle"] img,
[class*="product-card"] [class*="vehicle"] img {
    filter:
        brightness(1.025)
        contrast(1.055)
        saturate(1.02)
        drop-shadow(0 21px 23px rgba(0, 0, 0, 0.82))
        drop-shadow(0 6px 14px rgba(160, 16, 20, 0.20)) !important;
}

/* Верхняя сигнальная линия ярче только на hover */
.card::before,
.product-card::before,
[class*="product-card"]::before,
[class*="product_item"]::before,
[class*="product-item"]::before {
    transition:
        opacity 0.20s ease,
        box-shadow 0.20s ease,
        background 0.20s ease !important;
}

.card:hover::before,
.product-card:hover::before,
[class*="product-card"]:hover::before,
[class*="product_item"]:hover::before,
[class*="product-item"]:hover::before {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 75, 79, 0.98) 24%,
        rgba(255, 75, 79, 0.98) 76%,
        transparent 100%
    ) !important;
    box-shadow:
        0 0 12px rgba(235, 52, 57, 0.36),
        0 0 24px rgba(158, 18, 22, 0.16) !important;
}

/* Кнопка покупки — остаётся красной и становится живее */
.card > button:last-child,
.product-card > button:last-child,
[class*="product-card"] > button:last-child,
[class*="product_item"] > button:last-child,
[class*="product-item"] > button:last-child,
.card > :last-child button,
.product-card > :last-child button,
[class*="product-card"] > :last-child button,
[class*="product_item"] > :last-child button,
[class*="product-item"] > :last-child button,
.card [class*="buy"],
.product-card [class*="buy"],
[class*="product-card"] [class*="buy"],
.card [class*="purchase"],
.product-card [class*="purchase"],
[class*="product-card"] [class*="purchase"] {
    color: #ffffff !important;
    background:
        linear-gradient(
            180deg,
            #ff6266 0%,
            #ee4449 52%,
            #ca2a30 100%
        ) !important;
    border-color: rgba(255, 140, 143, 0.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -1px 0 rgba(86, 4, 8, 0.38),
        0 8px 20px rgba(112, 7, 12, 0.32) !important;
}

.card > button:last-child:hover,
.product-card > button:last-child:hover,
[class*="product-card"] > button:last-child:hover,
[class*="product_item"] > button:last-child:hover,
[class*="product-item"] > button:last-child:hover,
.card > :last-child button:hover,
.product-card > :last-child button:hover,
[class*="product-card"] > :last-child button:hover,
[class*="product_item"] > :last-child button:hover,
[class*="product-item"] > :last-child button:hover,
.card [class*="buy"]:hover,
.product-card [class*="buy"]:hover,
[class*="product-card"] [class*="buy"]:hover,
.card [class*="purchase"]:hover,
.product-card [class*="purchase"]:hover,
[class*="product-card"] [class*="purchase"]:hover {
    filter: brightness(1.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -1px 0 rgba(86, 4, 8, 0.40),
        0 10px 24px rgba(126, 7, 13, 0.38),
        0 0 16px rgba(235, 48, 53, 0.16) !important;
}

/* Мобильная версия без активного подъёма */
@media (max-width: 600px) {
    .card:hover,
    .product-card:hover,
    [class*="product-card"]:hover,
    [class*="product_item"]:hover,
    [class*="product-item"]:hover {
        transform: none !important;
    }

    .card:hover img,
    .product-card:hover img,
    [class*="product-card"]:hover img,
    [class*="product_item"]:hover img,
    [class*="product-item"]:hover img {
        transform: scale(1.015) !important;
    }
}

/* =========================================================
   LAST RAID V5 — FINAL RELEASE
   Финальное свечение и только цвет кнопки покупки
   Структура, размеры и положение кнопки не изменяются
   ========================================================= */

/* ---------- ФИНАЛЬНОЕ СВЕЧЕНИЕ ТОВАРА ---------- */

.card img,
.product-card img,
[class*="product-card"] img,
[class*="product_item"] img,
[class*="product-item"] img {
    background:
        radial-gradient(
            ellipse 64% 17% at 50% 72%,
            rgba(255, 55, 59, 0.34) 0%,
            rgba(219, 28, 33, 0.20) 38%,
            rgba(126, 7, 11, 0.07) 68%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 39% 48% at 50% 51%,
            rgba(255, 66, 70, 0.55) 0%,
            rgba(226, 29, 34, 0.30) 38%,
            rgba(133, 8, 12, 0.10) 68%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 79% 73% at 50% 52%,
            rgba(191, 19, 24, 0.17) 0%,
            rgba(105, 5, 9, 0.07) 52%,
            transparent 84%
        ),
        repeating-radial-gradient(
            ellipse at 50% 57%,
            rgba(238, 41, 45, 0.025) 0,
            rgba(238, 41, 45, 0.025) 2px,
            transparent 4px,
            transparent 10px
        ),
        linear-gradient(
            180deg,
            rgba(4, 5, 8, 0.97),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.03)
        contrast(1.06)
        saturate(1.025)
        drop-shadow(0 19px 21px rgba(0, 0, 0, 0.78))
        drop-shadow(0 5px 13px rgba(184, 18, 23, 0.22)) !important;
}

/* Более яркое свечение при наведении */
.card:hover img,
.product-card:hover img,
[class*="product-card"]:hover img,
[class*="product_item"]:hover img,
[class*="product-item"]:hover img {
    transform: scale(1.03) !important;

    background:
        radial-gradient(
            ellipse 70% 19% at 50% 72%,
            rgba(255, 66, 70, 0.44) 0%,
            rgba(227, 31, 36, 0.26) 38%,
            rgba(139, 8, 13, 0.09) 69%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 44% 53% at 50% 51%,
            rgba(255, 79, 83, 0.68) 0%,
            rgba(236, 35, 40, 0.38) 39%,
            rgba(147, 9, 14, 0.13) 69%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 84% 78% at 50% 52%,
            rgba(207, 22, 27, 0.21) 0%,
            rgba(116, 6, 10, 0.09) 54%,
            transparent 86%
        ),
        repeating-radial-gradient(
            ellipse at 50% 57%,
            rgba(245, 49, 54, 0.032) 0,
            rgba(245, 49, 54, 0.032) 2px,
            transparent 4px,
            transparent 10px
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 9, 0.96),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.05)
        contrast(1.075)
        saturate(1.04)
        drop-shadow(0 21px 24px rgba(0, 0, 0, 0.82))
        drop-shadow(0 6px 17px rgba(215, 23, 28, 0.29)) !important;
}

/* ---------- КНОПКА ПОКУПКИ: ТОЛЬКО ЦВЕТ ---------- */

/*
   Здесь намеренно нет width, height, padding, margin,
   position, display и border-radius.
   Существующая структура кнопки остаётся без изменений.
*/

.card > button:last-child,
.product-card > button:last-child,
[class*="product-card"] > button:last-child,
[class*="product_item"] > button:last-child,
[class*="product-item"] > button:last-child,
.card > :last-child button,
.product-card > :last-child button,
[class*="product-card"] > :last-child button,
[class*="product_item"] > :last-child button,
[class*="product-item"] > :last-child button,
.card .btn-primary,
.product-card .btn-primary,
[class*="product-card"] .btn-primary,
[class*="product_item"] .btn-primary,
[class*="product-item"] .btn-primary,
.card button[class*="buy"],
.product-card button[class*="buy"],
[class*="product-card"] button[class*="buy"],
[class*="product_item"] button[class*="buy"],
[class*="product-item"] button[class*="buy"],
.card button[class*="purchase"],
.product-card button[class*="purchase"],
[class*="product-card"] button[class*="purchase"],
[class*="product_item"] button[class*="purchase"],
[class*="product-item"] button[class*="purchase"] {
    color: #ffffff !important;
    background-color: #c9272d !important;
    background-image: linear-gradient(
        180deg,
        #f34b50 0%,
        #dc343a 48%,
        #b91f25 100%
    ) !important;
    border-color: rgba(255, 109, 113, 0.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 -1px 0 rgba(78, 3, 7, 0.36),
        0 8px 20px rgba(108, 6, 11, 0.32),
        0 0 12px rgba(219, 35, 41, 0.10) !important;
    filter: none !important;
}

/* При наведении фон становится ярко-красным */
.card > button:last-child:hover,
.product-card > button:last-child:hover,
[class*="product-card"] > button:last-child:hover,
[class*="product_item"] > button:last-child:hover,
[class*="product-item"] > button:last-child:hover,
.card > :last-child button:hover,
.product-card > :last-child button:hover,
[class*="product-card"] > :last-child button:hover,
[class*="product_item"] > :last-child button:hover,
[class*="product-item"] > :last-child button:hover,
.card .btn-primary:hover,
.product-card .btn-primary:hover,
[class*="product-card"] .btn-primary:hover,
[class*="product_item"] .btn-primary:hover,
[class*="product-item"] .btn-primary:hover,
.card button[class*="buy"]:hover,
.product-card button[class*="buy"]:hover,
[class*="product-card"] button[class*="buy"]:hover,
[class*="product_item"] button[class*="buy"]:hover,
[class*="product-item"] button[class*="buy"]:hover,
.card button[class*="purchase"]:hover,
.product-card button[class*="purchase"]:hover,
[class*="product-card"] button[class*="purchase"]:hover,
[class*="product_item"] button[class*="purchase"]:hover,
[class*="product-item"] button[class*="purchase"]:hover {
    color: #ffffff !important;
    background-color: #e52f35 !important;
    background-image: linear-gradient(
        180deg,
        #ff6267 0%,
        #ed3d43 48%,
        #ca242a 100%
    ) !important;
    border-color: rgba(255, 144, 147, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        inset 0 -1px 0 rgba(79, 3, 7, 0.40),
        0 10px 25px rgba(129, 6, 12, 0.42),
        0 0 22px rgba(239, 48, 54, 0.26) !important;
    filter: brightness(1.06) !important;
}

/* Нажатие — более тёмный красный */
.card > button:last-child:active,
.product-card > button:last-child:active,
[class*="product-card"] > button:last-child:active,
[class*="product_item"] > button:last-child:active,
[class*="product-item"] > button:last-child:active,
.card > :last-child button:active,
.product-card > :last-child button:active,
[class*="product-card"] > :last-child button:active,
[class*="product_item"] > :last-child button:active,
[class*="product-item"] > :last-child button:active,
.card .btn-primary:active,
.product-card .btn-primary:active,
[class*="product-card"] .btn-primary:active,
[class*="product_item"] .btn-primary:active,
[class*="product-item"] .btn-primary:active {
    background-color: #ae1d23 !important;
    background-image: linear-gradient(
        180deg,
        #cf2c32,
        #a7191f
    ) !important;
    box-shadow:
        inset 0 2px 5px rgba(50, 0, 3, 0.38),
        0 4px 12px rgba(91, 4, 9, 0.30) !important;
}

/* Не красим стрелки и кнопки листания */
.card [class*="swiper-button"],
.product-card [class*="swiper-button"],
[class*="product-card"] [class*="swiper-button"],
[class*="product_item"] [class*="swiper-button"],
[class*="product-item"] [class*="swiper-button"],
.card [class*="carousel-control"],
.product-card [class*="carousel-control"],
[class*="product-card"] [class*="carousel-control"],
[class*="product_item"] [class*="carousel-control"],
[class*="product-item"] [class*="carousel-control"],
.card button[class*="prev"],
.card button[class*="next"],
.product-card button[class*="prev"],
.product-card button[class*="next"],
[class*="product-card"] button[class*="prev"],
[class*="product-card"] button[class*="next"],
[class*="product_item"] button[class*="prev"],
[class*="product_item"] button[class*="next"],
[class*="product-item"] button[class*="prev"],
[class*="product-item"] button[class*="next"] {
    background-color: rgba(6, 7, 10, 0.70) !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    filter: none !important;
}

.card [class*="swiper-button"]:hover,
.product-card [class*="swiper-button"]:hover,
[class*="product-card"] [class*="swiper-button"]:hover,
[class*="product_item"] [class*="swiper-button"]:hover,
[class*="product-item"] [class*="swiper-button"]:hover,
.card [class*="carousel-control"]:hover,
.product-card [class*="carousel-control"]:hover,
[class*="product-card"] [class*="carousel-control"]:hover,
[class*="product_item"] [class*="carousel-control"]:hover,
[class*="product-item"] [class*="carousel-control"]:hover,
.card button[class*="prev"]:hover,
.card button[class*="next"]:hover,
.product-card button[class*="prev"]:hover,
.product-card button[class*="next"]:hover,
[class*="product-card"] button[class*="prev"]:hover,
[class*="product-card"] button[class*="next"]:hover,
[class*="product_item"] button[class*="prev"]:hover,
[class*="product_item"] button[class*="next"]:hover,
[class*="product-item"] button[class*="prev"]:hover,
[class*="product-item"] button[class*="next"]:hover {
    background-color: rgba(34, 35, 40, 0.92) !important;
    background-image: none !important;
    border-color: rgba(232, 64, 69, 0.42) !important;
    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.46),
        0 0 12px rgba(220, 44, 49, 0.14) !important;
    filter: none !important;
}

/* =========================================================
   LAST RAID V6 — PRODUCT PURCHASE FIX
   Точный селектор .product-purchase + мягкое свечение
   ========================================================= */

/* ---------- УБИРАЕМ КОНЦЕНТРИЧЕСКИЕ КОЛЬЦА ---------- */

.card img,
.product-card img,
[class*="product-card"] img,
[class*="product_item"] img,
[class*="product-item"] img,
.product-item img {
    background:
        radial-gradient(
            ellipse 62% 20% at 50% 70%,
            rgba(255, 55, 60, 0.34) 0%,
            rgba(218, 27, 33, 0.19) 38%,
            rgba(123, 7, 11, 0.06) 68%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 42% 50% at 50% 50%,
            rgba(255, 67, 72, 0.54) 0%,
            rgba(226, 29, 35, 0.29) 40%,
            rgba(133, 8, 13, 0.09) 70%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 78% 74% at 50% 52%,
            rgba(190, 19, 24, 0.16) 0%,
            rgba(104, 5, 9, 0.065) 54%,
            transparent 85%
        ),
        linear-gradient(
            180deg,
            rgba(4, 5, 8, 0.97),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.03)
        contrast(1.06)
        saturate(1.025)
        drop-shadow(0 19px 21px rgba(0, 0, 0, 0.78))
        drop-shadow(0 5px 13px rgba(184, 18, 23, 0.22)) !important;
}

.card:hover img,
.product-card:hover img,
[class*="product-card"]:hover img,
[class*="product_item"]:hover img,
[class*="product-item"]:hover img,
.product-item:hover img {
    transform: scale(1.03) !important;

    background:
        radial-gradient(
            ellipse 68% 22% at 50% 70%,
            rgba(255, 68, 73, 0.44) 0%,
            rgba(228, 31, 37, 0.25) 38%,
            rgba(138, 8, 13, 0.08) 69%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 46% 55% at 50% 50%,
            rgba(255, 80, 85, 0.67) 0%,
            rgba(236, 35, 41, 0.37) 40%,
            rgba(146, 9, 14, 0.12) 70%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 84% 79% at 50% 52%,
            rgba(207, 22, 27, 0.20) 0%,
            rgba(116, 6, 10, 0.08) 56%,
            transparent 86%
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 9, 0.96),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.05)
        contrast(1.075)
        saturate(1.04)
        drop-shadow(0 21px 24px rgba(0, 0, 0, 0.82))
        drop-shadow(0 6px 17px rgba(215, 23, 28, 0.29)) !important;
}

/* ---------- ТОЧНЫЙ БЛОК ПОКУПКИ ---------- */

/*
   По HTML магазина покупка — это:
   <div class="product-purchase" onclick="handlePurchaseClick(...)">
   Поэтому красим именно этот div, не меняя его структуру.
*/

.product-purchase {
    color: #ffffff !important;
    background-color: #c9272d !important;
    background-image: linear-gradient(
        180deg,
        #f34b50 0%,
        #dc343a 48%,
        #b91f25 100%
    ) !important;
    border-color: rgba(255, 109, 113, 0.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 -1px 0 rgba(78, 3, 7, 0.36),
        0 8px 20px rgba(108, 6, 11, 0.32),
        0 0 12px rgba(219, 35, 41, 0.10) !important;
    transition:
        background-color 0.18s ease,
        background-image 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease !important;
}

/* Текст и вложенные элементы */
.product-purchase,
.product-purchase *,
.product-purchase div,
.product-purchase span {
    color: #ffffff !important;
}

/* Красный hover */
.product-purchase:hover {
    color: #ffffff !important;
    background-color: #e52f35 !important;
    background-image: linear-gradient(
        180deg,
        #ff6267 0%,
        #ed3d43 48%,
        #ca242a 100%
    ) !important;
    border-color: rgba(255, 144, 147, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        inset 0 -1px 0 rgba(79, 3, 7, 0.40),
        0 10px 25px rgba(129, 6, 12, 0.42),
        0 0 22px rgba(239, 48, 54, 0.26) !important;
    filter: brightness(1.06) !important;
}

/* Нажатие */
.product-purchase:active {
    background-color: #ae1d23 !important;
    background-image: linear-gradient(
        180deg,
        #cf2c32,
        #a7191f
    ) !important;
    box-shadow:
        inset 0 2px 5px rgba(50, 0, 3, 0.38),
        0 4px 12px rgba(91, 4, 9, 0.30) !important;
    filter: brightness(0.98) !important;
}

/* Цена внутри обычных карточек остаётся серой */
.product-item:not(:hover) .product-price {
    color: inherit;
}

/* На случай, если магазин добавляет inline background */
div.product-purchase[style] {
    background-color: #c9272d !important;
    background-image: linear-gradient(
        180deg,
        #f34b50 0%,
        #dc343a 48%,
        #b91f25 100%
    ) !important;
}

div.product-purchase[style]:hover {
    background-color: #e52f35 !important;
    background-image: linear-gradient(
        180deg,
        #ff6267 0%,
        #ed3d43 48%,
        #ca242a 100%
    ) !important;
}

/* =========================================================
   LAST RAID V7 — FINAL GLOW RELEASE
   Финальная доводка свечения без изменения структуры карточек
   ========================================================= */

/* Более горизонтальное и дымчатое свечение */
.card img,
.product-card img,
[class*="product-card"] img,
[class*="product_item"] img,
[class*="product-item"] img,
.product-item img {
    background:
        radial-gradient(
            ellipse 78% 18% at 50% 68%,
            rgba(255, 54, 59, 0.42) 0%,
            rgba(226, 29, 35, 0.24) 34%,
            rgba(135, 8, 13, 0.09) 62%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 52% 43% at 50% 52%,
            rgba(255, 70, 75, 0.48) 0%,
            rgba(221, 28, 34, 0.25) 40%,
            rgba(124, 7, 11, 0.08) 70%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 92% 68% at 50% 54%,
            rgba(179, 17, 22, 0.15) 0%,
            rgba(95, 5, 8, 0.06) 54%,
            transparent 86%
        ),
        radial-gradient(
            ellipse 38% 16% at 34% 62%,
            rgba(243, 44, 49, 0.11) 0%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 38% 16% at 66% 62%,
            rgba(243, 44, 49, 0.11) 0%,
            transparent 100%
        ),
        linear-gradient(
            180deg,
            rgba(4, 5, 8, 0.98),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.03)
        contrast(1.06)
        saturate(1.03)
        drop-shadow(0 20px 22px rgba(0, 0, 0, 0.80))
        drop-shadow(0 5px 14px rgba(188, 19, 24, 0.23)) !important;
}

/* Hover: усиление света без появления отдельного круга */
.card:hover img,
.product-card:hover img,
[class*="product-card"]:hover img,
[class*="product_item"]:hover img,
[class*="product-item"]:hover img,
.product-item:hover img {
    transform: scale(1.03) !important;

    background:
        radial-gradient(
            ellipse 84% 20% at 50% 68%,
            rgba(255, 69, 74, 0.54) 0%,
            rgba(234, 34, 40, 0.31) 34%,
            rgba(146, 9, 14, 0.11) 63%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 58% 48% at 50% 52%,
            rgba(255, 85, 90, 0.61) 0%,
            rgba(232, 33, 39, 0.33) 40%,
            rgba(137, 8, 13, 0.10) 70%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 96% 74% at 50% 54%,
            rgba(196, 20, 25, 0.19) 0%,
            rgba(107, 6, 9, 0.075) 55%,
            transparent 88%
        ),
        radial-gradient(
            ellipse 42% 18% at 34% 62%,
            rgba(250, 51, 56, 0.15) 0%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 42% 18% at 66% 62%,
            rgba(250, 51, 56, 0.15) 0%,
            transparent 100%
        ),
        linear-gradient(
            180deg,
            rgba(5, 6, 9, 0.97),
            rgba(1, 2, 4, 1)
        ) !important;

    filter:
        brightness(1.05)
        contrast(1.075)
        saturate(1.045)
        drop-shadow(0 22px 25px rgba(0, 0, 0, 0.84))
        drop-shadow(0 6px 18px rgba(217, 24, 29, 0.30)) !important;
}

/* Кнопка покупки: структура не меняется, только финальные цвета */
.product-purchase {
    color: #ffffff !important;
    background-color: #c5262c !important;
    background-image: linear-gradient(
        180deg,
        #ef454a 0%,
        #d93238 52%,
        #b41d23 100%
    ) !important;
    border-color: rgba(255, 109, 113, 0.58) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(75, 3, 7, 0.34),
        0 8px 18px rgba(105, 6, 11, 0.30),
        0 0 10px rgba(214, 32, 38, 0.10) !important;
}

.product-purchase:hover {
    color: #ffffff !important;
    background-color: #e13137 !important;
    background-image: linear-gradient(
        180deg,
        #ff575c 0%,
        #e63a40 50%,
        #c42329 100%
    ) !important;
    border-color: rgba(255, 140, 144, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -1px 0 rgba(76, 3, 7, 0.38),
        0 10px 24px rgba(126, 6, 12, 0.40),
        0 0 20px rgba(236, 45, 51, 0.24) !important;
    filter: brightness(1.045) !important;
}

.product-purchase:active {
    background-color: #aa1b21 !important;
    background-image: linear-gradient(
        180deg,
        #c9292f,
        #9e171c
    ) !important;
    box-shadow:
        inset 0 2px 5px rgba(48, 0, 3, 0.38),
        0 4px 11px rgba(88, 4, 8, 0.28) !important;
    filter: brightness(0.98) !important;
}

/* Inline-стили конструктора также перекрываются */
div.product-purchase[style] {
    background-color: #c5262c !important;
    background-image: linear-gradient(
        180deg,
        #ef454a 0%,
        #d93238 52%,
        #b41d23 100%
    ) !important;
}

div.product-purchase[style]:hover {
    background-color: #e13137 !important;
    background-image: linear-gradient(
        180deg,
        #ff575c 0%,
        #e63a40 50%,
        #c42329 100%
    ) !important;
}