@media (hover: hover) {
    button.header_btn:not(.active):hover,
    a.header_btn:not(.active):hover {
        background-color: #FFFFFF;
    }
    .btn:hover,
    .side_modal_top_btn:hover,
    .catalog_load_more:hover {
        background-color: #EFE8DD;
        border-color: #000000;
        color: var(--color-black);
    }
    .product_teaser_img:hover .hover_img {
        opacity: 1;
        z-index: 2;
    }
    .product_teaser_img:hover .teaser_btn {
        opacity: 1;
        visibility: visible;
    }
    a.butik_item_phone:hover {
        color: var(--color-dark-gray);
    }
    .socials li a:hover {
        transform: translateY(-3px);
    }
    a.telegram_bot:hover {
        background-color: var(--color-white);
    }
    .lang_switcher > li > a:hover {
        border-color: #000000;
    }
    .header_cat_menu li > a:hover {
        border-color: #000000;
        background-color: #FFFFFF;
    }
    .header_cat_menu_new li > a:hover {
        transform: translateX(5px);
    }
    .catalog_subcategory ul li a:hover {
        color: #000000;
    }
    .catalog_sort_list ul li > a:hover {
        border-color: #000000;
        background-color: #FFFFFF;
    }
    .checkout_items label:not(.active):hover {
        cursor: pointer;
    }
    .checkout_items label:not(.active):hover .radio_img,
    .checkout_items label:not(.active):hover .radio_title {
        background-color: #FFFFFF;
    }
    .spin_btn:hover {
        background: #000000;
        color: #FFFFFF;
    }
    .spin_btn:hover svg {
        border-color: #FFFFFF;
    }
}
@media (max-width: 1921px) {
    .wheel_page_wrapper {
        grid-template-columns: 2.2fr 1fr;
    }
}
@media (max-width: 1600px) {
    :root {
        --container-padding: 15px;
    }
    .wheel_page_sup {
        font-size: 52px;
        margin-bottom: -14px;
    }
    .wheel_page_title {
        font-size: 52px;
    }
    .wheel_page_text p {
        font-size: 20px;
    }
    .prizes_list_item_title {
        font-size: 20px;
    }
    .prizes_list_item_text {
        font-size: 12px;
    }
    .prizes_list_title {
        font-size: 20px;
    }
    .fw-container {
        padding: 35px;
    }
    .prizes_list_wrapper {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    body .header_btn.active {
        background-color: #000000;
        color: #D8DCDF;
    }
    .front_categories_list .splide__track {
        margin: auto;
        max-width: 1400px;
    }
    body.modal_active .container {
        padding: 0 calc(var(--container-padding) + 10px) 0 var(--container-padding);
    }
    .product_info_wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: fit-content;
        display: flex;
        align-items: center;
        z-index: 10;
    }
    .product_splide .splide__slide {
        aspect-ratio: 3/4;
    }
    .product_gallery_item {
        border-radius: 0px;
    }
    .product_open:after {
        content: '';
        width: 100%;
        height: 73px;
        background: linear-gradient(180deg, rgba(241, 234, 227, 0) 0%, #F1EAE3 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .modal_wrapper_top_right .modal_wrapper_content {
        height: 70vh;
    }
    header.scrolled .header_logo {
        opacity: 0;
        visibility: hidden;
    }
    .product_page .header_logo {
        visibility: hidden;
    }
    .card_section_cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        max-width: 100%;
    }
    .card_section_card {
        position: static;
        margin-bottom: 0;
    }
    .card_section_card:not(:first-child) {
        margin-top: 0;
    }
    .card_section .small_title_wrapper {
        position: static;
    }
}
@media (max-width: 991px) {
    :root {
        --container-padding: 6px;
        --header-height: 60px;
        --page-top: calc(25px + var(--header-height));
        --logo-width: 44px;
        --logo-height: 44px;
        --section-margin: 24px;
    }
    header {
        --container-padding: 6px;
        padding: 8px 0 0;
    }
    .header_logo {
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(6px);
        border-radius: 0px;
        padding: 4px; 
    }
    .header_wrapper {
        gap: 4px;
    }
    .header_main {
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(6px);
        border-radius: 0px;
        padding: 2px 16px;
        display: flex;
        justify-content: space-between;
        flex: 1;
    }
    .header_btn {
        background: transparent;
        backdrop-filter: none;
        padding: 11px 0;
        border-radius: 0px;
        gap: 10px;
        position: relative;
    }
    .icon_btn {
        padding: 8px;
    }
    .basket_wrapper {
        width: 36px;
    }
    .intro_splide .splide__slide {
        max-width: 100%;
        aspect-ratio: 345/440;
    }
    .intro_splide_wrapper {
        padding: 18px 16px;
        justify-content: flex-end;
    }
    .intro_splide_title {
        font-size: 20px;
    }
    .basket_wrapper .header_btn span {
        right: 2px;
    }
    .title {
        font-size: 14px;
    }
    .title_wrapper {
        padding: 0 0 10px;
    }
    .product_teaser_img {
        aspect-ratio: 175/261;
        border-radius: 0px;
    }
    .splide_btn {
        aspect-ratio: 175/261;
        border-radius: 0px;
        padding: 9px;
        width: 100%;
        border-color: #ffffff;
    }
    .product_teaser_info {
        padding: 4px 0 20px;
    }
    .front_list_splide .splide__slide {
        width: 51%;
    }
    .product_mobile_marks {
        position: static;
        display: flex;
        flex-direction: row;
        gap: 5px;
        margin-bottom: 4px;
    }
    .product_mobile_marks > * {
        padding: 3px 4px;
        border-radius: 0px;
        font-size: 8px;
    }
    .product_teaser_info_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        flex: 1;
    }
    .product_teaser_price_wrapper {
        gap: 8px;
    }
    .product_teaser_colors {
        margin-top: 6px;
    }
    .teaser_btn_wrapper {
        bottom: 6px;
        left: auto;
        right: 6px;
        transform: none;
    }
    .product_teaser .splide__pagination {
        background-color: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(5px);
        border-radius: 0px;
        padding: 8px;
        gap: 4px;
        position: absolute;
        margin-top: 0;
        left: 6px;
        right: 6px;
        width: fit-content;
    }
    .product_teaser .splide__pagination__page {
        background: #EFE8DD;
        opacity: 1;
        backdrop-filter: none;
    }
    .small_title {
        font-size: 24px;
        line-height: 1.1;
        padding-top: 10px;
    }
    .marquee {
        margin-top: 220px;
    }
    .info_block_wrapper {
        padding: 12px;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 12px;
    }
    .info_block_img {
        order: -1;
        border-radius: 0px;
    }
    .info_block_title {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }
    .info_block_btn {
        margin: 12px auto;
    }
    .reviews_splide .splide__slide {
        width: 75%;
    }
    .footer_bottom {
        flex-direction: column;
        gap: 24px;
    }
    .footer_top_item {
        margin-bottom: 4px;
    }
    .catalog_items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px;
    }
    .catalog_items.wide_col {
        grid-template-columns: repeat(1, 1fr);
    }
    .wide_products_list {
        grid-template-columns: repeat(2, 1fr);
    }
    .modal_overlay,
    .side_modal_overlay {
        background: rgba(0, 0, 0, 0.3);
        backdrop-filter: none;
    }
    .modal_wrapper {
        position: fixed;
        width: 100vw;
        height: 100svh;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101;
    }
    .modal_wrapper_content {
        position: fixed;
        bottom: 0;
        padding: 8px;
        transform: translateY(100%);
        transition: var(--transition);
    }
    .modal_wrapper.open .modal_wrapper_content {
        transform: translateY(0);
    }
    .modal_wrapper_item {
        background-color: rgba(255, 255, 255, 0.9);
    }
    .side_modal_wrapper {
        padding: 0;
    }
    .side_modal_wrapper .container {
        width: 100%;
        padding: 0;
    }
    .side_modal {
        border-radius: 0;
        background-color: #F1EAE3;
        padding-top: 30px;
    }
    .side_modal_body {
        padding: 0 16px 16px;
    }
    .side_modal_top {
        padding: 0 16px;
        margin-bottom: 16px;
    }
    .checkout {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .checkout .modal_wrapper_item {
        background-color: rgba(255, 255, 255, 0.5);
    }
    .checkout_bottom {
        /*position: fixed;*/
        /*z-index: 6;*/
        /*bottom: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        margin-left: calc(var(--container-padding) * -1);
        width: calc(var(--container-padding) * 2 + 100%);
    }
    .checkout_page {
        z-index: 4;
    }
    body.modal_open {
        overflow: hidden;
    }
    .product_info {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .intro {
        aspect-ratio: auto;
        min-height: 650px;
        height: 100vh;
    }
    .intro_splide .splide__slide {
        aspect-ratio: auto;
        height: 100%;
    }
    .intro_splide,
    .intro_splide .splide__track {
        height: 100%;
    }
    .product_info_col {
        padding: 0 16px;
        background-color: transparent;
        backdrop-filter: none;
        margin-top: 0;
    }
    .product_info_top {
        padding: 28px 16px;
        order: 1;
    }
    .product_info_col_select_wrapper {
        margin-top: 28px;
        padding-top: 28px;
        border-top: 1px solid rgba(216, 220, 223, 0.3);
        border-radius: 0;
    }
    .product_select_item {
        border-bottom: none;
    }
    .product_title_left {
        min-height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .header_drop_menu {
        /*padding: 60px 12px 16px;*/
        border-radius: 0;
        overflow-y: auto;
    }
    .header_drop_wrapper {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 24px;
        height: 100%;
    }
    .header_drop_col .socials {
        margin-top: 24px;
    }
    .lang_switcher {
        flex-direction: row;
    }
    .header_btn_wrapper {
        padding: 0;
        flex-direction: column;
        gap: 4px;
        border-radius: 0;
        background: transparent;
        backdrop-filter: none;
    }
    .header_drop_col {
        max-width: 100%;
    }
    .header_btn_wrapper .header_btn {
        padding: 20px 12px 20px 18px;
        background-color: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(15px);
        justify-content: space-between;
        width: 100%;
    }
    .header_btn_wrapper .header_btn svg {
        transform: rotate(-90deg);
    }
    .header_btn_wrapper .header_btn.active svg {
        transform: rotate(-90deg);
    }
    .header_cat_menu {
        grid-template-columns: repeat(1, 1fr);
    }
    .contacts_items {
        margin-top: 16px;
        grid-template-columns: repeat(1, 1fr);
    }
    #search-box .side_modal {
        padding-top: 0;
    }
    .search_category {
        padding: 0 16px;
        margin-left: -16px;
        width: calc(100% + 32px);
    }
    .advantages_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .front_categories_item {
        width: 320px;
        min-width: 320px;
    }
    .front_category_img {
        border-radius: 0px;
        aspect-ratio: 353/400;
    }
    .news_items {
        grid-template-columns: 1fr;
    }
    .product_page .header_main {
        background-color: transparent;
        backdrop-filter: none;
    }
    .reviews_item_modal_list {
        display: block;
        padding: 0;
        overflow: hidden;
    }
    .reviews_item_modal_title {
        display: none;
    }
    .reviews_item_modal_wrapper {
        grid-template-columns: 1fr;
        height: 100%;
    }
    .reviews_item_modal {
        padding: 0;
        flex: 1;
    }
    .is-front .fancybox__slide {
        padding: 0;
    }
    .reviews_item_modal_info {
        height: auto;
        min-height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 8px;
    }
    .reviews_item_modal_slider .splide__track {
        overflow: visible;
    }
    .reviews_item_modal_slider .splide__slide {
        width: 90%;
    }
    .reviews_item_modal:before,
    .reviews_item_modal:after {
        display: none;
    }
    .wheel_page_wrapper {
        grid-template-columns: 1fr;
        min-height: 100vh;
    }
    .wheel_page_sup {
        font-size: 28px;
        text-align: center;
        margin-bottom: -8px;
    }
    .wheel_page_title {
        font-size: 28px;
        text-align: center;
    }
    .wheel_page_text p {
        font-size: 16px;
        text-align: center;
    }
    .prizes_list_wrapper {
        grid-column: span 1;
        margin-top: 20px;
    }
    .prizes_list_items {
        grid-template-columns: repeat(3, 1fr);
    }
    .wheel_page_info {
        padding-bottom: 10px;
    }
    .fw-container {
        padding: 30px;
    }
    .prizes_list_title {
        font-size: 18px;
        text-align: center;
    }
    .prizes_list_item_title {
        font-size: 16px;
    }
    .prizes_list_item_text {
        font-size: 12px;
    }
    .prizes_list_item {
        padding: 6px;
    }
    .fw-btn__btn {
        width: 100px !important;
        height: 100px !important;
    }
    .wheel_page_text {
        margin-top: 20px;
    }
    .wheel_page_wrapper {
        grid-gap: 0;
        align-items: flex-start;
    }
}
@media (max-width: 768px) {
    .phone_form_container .example {
        --coef: 0.5;
    }
    .phone_form_container h1 {
        font-size: 2.3rem;
    }
    .fw-container {
        width: 80%;
        padding: 24px;
    }
    .prizes_list_item_title {
        font-size: 14px;
    }
    .prizes_list_item_text {
        font-size: 9px;
    }
    .prizes_list_title {
        font-size: 14px;
        text-align: center;
    }
    .wheel_page_text p {
        font-size: 12px;
    }
    .wheel_page_info {
        padding-bottom: 0;
    }
    .wheel_page_text {
        margin-top: 10px;
    }
    .front_banner {
        height: 500px;
    }
    .front_banner:nth-of-type(2) {
        height: 300px;
    }
}