/* @media only screen and (max-device-width: 480px) { */
@media all and (max-width: 1000px) {
    body {
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
    }

    .mobileHiddenBlock{
        display: none;
    }

    .slider-header {
        padding: 20px 0px 0px 20px;
        grid-template-columns: 1fr 60px;
        grid-row-gap: 20px;
        opacity: 0;
    }

    .home-slider{
      height: 250px;
      margin-top: 70px;
    }

    .main-slider{
      height: auto !important;
    }

    .header{
        padding: 10px 20px 10px 20px;
        grid-template-columns: 1fr 60px;
        grid-row-gap: 20px;
        position: fixed;
        width: 100%;
    }

    .before-header, .after-header{
        height: 1px;
    }

    .slider-adress{
        display: none;
    }

    .slider-logo{
        text-align: left;
    }

    .slider-logo a{
        content: url(../img/logo-long.png?1);
        height: 40px;
    }

    .mobileMenu{
        display: flex;
        width: 20px;
        padding: 20px;
        margin-right: -20px;
        height: 11px;
        flex-direction: column;
        justify-content: space-between;
    }

    .mobileMenu>div{
        background-color: #25120e;
        height: 1px;
        width: 100%;
    }

    .header__menu{
        position: fixed;
        transform: translateX(100%);
        right: 0px;
        width: calc(100% - 100px);
        z-index: 101;
        transition: transform 0.5s;
        background-color: rgba(250,247,244,0.95);
        top: 0px;
        padding: 40px;
        padding-top: 60px;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }

    .header__menu .menu{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        line-height: 40px;
    }

    .header__menu a:hover::before, .header__menu .current a::before{
        display: none;
    }

    /* .miniHeader .header__menu{
        top: 69px;
    } */

    .slider-menu{
        display: none;
    }

    .slider-content{
        padding-left: 0px;
        padding-right: 0px;
    }

    .slider-images{
        width: 100%;
        max-width: 100%;
        height: 200px;
        justify-content: center;
        overflow: hidden;
    }

    .slider-image:not(.current){
        display: none;
        height: 0px;
    }

    .slider-image.current{
        filter: none !important;
        opacity: 1 !important;
    }

    .slider-video-link{
        bottom: -50px;
        top: auto;
        right: 50%;
        transform: translateX(50%);
    }

    .home-collections {
        /* display: grid; */
        /* grid-template-columns: 100%; */
        /* grid-template-columns: 1fr 1fr; */
        grid-column-gap: 20px;
        grid-row-gap: 50px;
        align-items: end;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .home-collection {
        height: auto;
        width: calc(50% - 30px);
        box-sizing: border-box;
    }

    .footer{
        padding: 20px;
        grid-template-columns: 100%;
    }

    .footer-menu-tech, .footer-menu-tech-2{
        text-align: left;
    }

    .slider-shop-link, .slider-stocks-link{
        padding: 0px;
    }

    .slider-shop-link::before, .slider-stocks-link::after{
        display: none;
    }

    .slider-footer{
        display: grid;
        grid-template-columns: auto auto;
        grid-column-gap: 60px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 12px !important;
    }

    .page{
        padding-top: 100px !important;
        padding-bottom: 100px;
    }

    .home.page{
        padding-top: 50px !important;
    }

    .text{
        width: calc(100% - 40px);
        text-align: justify;
    }

    .margin-bottom-150{
        margin-bottom: 100px;
    }

    .home-collection img{
        /* height: 200px; */
        height: auto;
        width: 100%;
    }

    .title{
        font-size: 20px;
    }

    .page-title{
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-stocks{
        width: calc(100% - 40px);
        display: grid;
        grid-row-gap: 60px;
        padding-left: 20px;
    }

    .home-stocks .stock-about, .home-stocks .stock-image{
        /* width: 100% !important; */
        width: calc(100% - 50px) !important;
    }

    .home-stocks .stock-image{
        height: 350px !important;
    }

    .stock-title{
        font-size: 21px;
    }

    .home-stock{
        display: grid;
        grid-row-gap: 20px;
        position: static !important;
    }

    .home-stocks>div:nth-child(2n){
        height: auto;
    }

    .stock-line{
        width: calc(100% + 20px + 50px) !important;
    }

    .home-stocks>div:nth-child(4n + 1) .stock-line, .home-stocks>div:nth-child(4n - 1) .stock-line{
        /* right: -20px; */
        right: -70px;
    }

    .home-stocks>div:nth-child(2n) .stock-line{
        /* left: -20px; */
        left: -70px;
    }

    .home-stocks>div:nth-child(2n){
        transform: translateX(50px);
    }

    .stock-image::after{
        bottom: -20px;
    }

    .home-stocks>div:nth-child(4n + 1) .stock-image::after{
        right: -20px;
    }

    .home-stocks>div:nth-child(4n - 1) .stock-image::after{
        left: -20px;
    }

    .stock-about{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .image-banner{
        width: calc(100% - 40px);
        border: 10px solid #cdb392;
        height: 200px;
    }

    .margin-bottom-80{
        margin-bottom: 50px;
    }

    .instagram-link{
        padding-left: 20px;
    }

    .instagram-link::before{
        display: none;
    }

    .instagram-grid{
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 1px;
        grid-template-rows: 120px 120px;
        height: auto;
    }

    .instagram-image-link{
        text-align: center;
    }

    .footer-copyright{
        grid-column: 1/2;
        grid-row-start: 4;
    }

    .footer-menu-tech .menu{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-menu-tech .menu .menu-item:not(:first-child){
        margin-left: 0px;
    }

    .footer-menu-tech-2 .menu{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-menu-tech-2 .menu .menu-item:not(:first-child){
        margin-left: 0px;
    }

    .openMenu .header__menu{
        transform: translateX(0px);
    }


    .shop, .shopItem {
        grid-template-columns: 100%;
        padding-left: 20px;
        padding-right: 20px;
        grid-row-gap: 50px;
    }

    .shop, .brandItem {
        padding-top: 150px !important;
    }
    .shopItem{
        padding-bottom: 50px !important;
    }
    .shopItem-options{
        padding-right: 0px;
    }

    #shop-filters-apply, #shop-brand-filters-apply {
        position: fixed;
        left: 50%;
        /* left: auto !important; */
        right: 0px;
        top: auto !important;
        bottom: 70px;
        width: 100%;
        /* width: 50%; */
        height: 50px;
        font-size: 14px;
        transform: translateX(-50%);
        background-color: #25120e;
        color: #FFF;
        z-index: 1000;
        opacity: 0;
        pointer-events: none;
    }

    .shop-filters {
        position: fixed;
        top: 68px;
        left: 0px;
        z-index: 98;
        background-color: white;
        width: 100%;
        /* width: calc(100% - 40px); */
        max-height: calc(100% - 130px);
        overflow: scroll;
    }

    .shop-filters>div {
        position: static;
        max-height: initial;
        padding: 45px 20px 0px 20px;
        overflow: initial;
        overflow-y: initial;
        grid-row-gap: 34px;
        margin-bottom: 20px;
    }

    .shop-items{
        /* grid-template-columns: 100%; */
        grid-template-columns: repeat(2, calc((100% - 21px) / 2));
    }

    .item-image{
        /* height: 350px; */
        height: 200px;
    }
    .brandItem .shop-items .item-image{
        height: 350px;
    }
    .textPage.page.brandItem .shop-items .item-image > div {
        background-position: center center;
    }

    .shop-options{
        display: grid;
        grid-row-gap: 24px;
    }

    .shopItem-photos {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        height: auto;
    }

    .shopItem-photos .bigPhoto {
        grid-row: 1/2;
        grid-column: 1/5;
        height: 350px;
    }

    .shopItem-photo:not(.bigPhoto){
        height: 75px;
    }

    .shopItem-about{
        padding-right: 0px;
    }

    .shop-item-price{
        grid-column: 1/2;
        padding-right: 20px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .shopItem-other{
        grid-column: 1/2;
        grid-template-columns: 100%;
        grid-row-gap: 20px;
        margin-bottom: 30px !important;
    }

    .shopItem-other-title{
        height: auto !important;
        min-height: 50px;
    }

    .shopItem-other .shop-items{
        padding-bottom: 50px;
        grid-row-gap: 30px;
    }

    .cart {
        width: 100%;
        height: 100%;
        top: 69px;
        right: -100vw;
        padding: 30px 20px;
        padding-bottom: 100px;
        z-index: 99;
    }

    .cart-item-count{
        display: none;
    }

    .contactPage .text{
        text-align: center !important;
    }

    .map{
        width: calc(100% - 40px);
        height: 350px;
    }



    .mobile-menu-footer{
        color: #25120e;
        display: block;
        text-align: right;
    }


    .grid-3-col, .grid-2-col, .checkout-buttons{
        grid-template-columns: 100%;
    }

    .big-input-3-col {
        grid-column: 1 / 2;
    }

    

    .checkout-buttons{
        grid-row-gap: 24px;
    }

    .checkout-item{
        margin-bottom: 40px !important;
    }

    .checkout-title.title {
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .checkout-items {
        padding-bottom: 0px;
    }

    .cart-item-image>div{
        transform: none;
    }

    .main{
        overflow: hidden;
    }

    .checkout-sum>div{
        position: static;
        padding: 20px;
    }

    .checkout>div{
        width: calc(100% - 40px);
    }

    .popupForm__inputs{
        grid-template-columns: 100%;
    }

    .popupForm-block{
        padding: 20px;
    }

    .popup-sendForm form{
        width: calc(100% - 40px);
    }


    .filters-line .hide:checked + label::after{
        display: none;
    }



    .brands{
        padding-left: 20px;
        padding-right: 20px;
    }

    .brands-items{
        grid-template-columns: 100%;
        grid-row-gap: 50px;
    }

    .brands-item-logo{
        margin-bottom: 20px;
    }

    .small-images{
        margin-top: 40px;
    }

    .small-images a{
        width: 100px;
    }

    .small-images a:not(:last-child){
        margin-right: 50px;
    }

    .letter-from{
        width: calc(100% - 40px);
        transform: translateX(-50%);
        margin-left: 50%;
    }

    .letter-from:not(:last-child){
        margin-right: 0px;
        margin-bottom: 40px;
    }

    .brandItem .shopItem-other{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #openFiltersMobile{
        display: block;
        width: 100%;
        height: 50px;
        /* margin-bottom: 24px; */
    }
    #closeFiltersMobile{
        display: none;
        width: 100%;
        height: 50px;
        margin-bottom: 24px;
    }
    .shop-filters>div{
        display: none;
    }
    .openFilters.shop-filters>div{
        display: grid;
        padding-bottom: 100px;
    }
    .openFilters #openFiltersMobile{
        display: none;
    }
    .openFilters #closeFiltersMobile{
        display: block;
    }

    .price-button-line{
        grid-template-columns: 100%;
        grid-row-gap: 14px;
    }

    .price-button-line button{
        color: #25120e !important;
    }

    #adress-input{
        width: 100%;
    }

    #adress-open{
        text-align: left;
    }

    #adress-open .radio__text{
        width: calc(100% - 35px);
    }


    .item-price::after, .cart-sum-price::after, .shop-item-price::after, .checkout-sum-line p:last-child::after{
        content: 'Р';
    }

    .event-links a{
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

    .event-links{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      width: 100%;
      grid-row-gap: 15px;
    }

    .cart-checks {
        grid-template-columns: 1fr;
        justify-content: left;
        text-align: left;
        width: 100% !important;
        grid-gap: 20px;
    }


    button#removeFilters{
        /* z-index: 1000;
        width: 100%;
        
        position: absolute;
        left: 0px;
        top: auto !important;
        bottom: -35px;
        width: 100%;
        height: 50px; */
        margin-top: 20px;
        margin-left: 0px;
        font-size: 14px;
        z-index: 97;
    }

    #sort-type{
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 10px;
    }






    .blog-main{
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        min-height: initial;
    }

    .blog-image{
        display: none;
    }

    .blog-title {
        font-size: 34px;
        line-height: 36px;
        text-align: left;
    }

    .blog-items::before{
        height: 100vw;
    }

    .blog-items {
        padding-left: 20px;
        padding-right: 20px;
        grid-template-columns: 100%;
        grid-row-gap: 50px;
    }

    .blog-item {
        grid-template-columns: 100%;
    }

    .blog-item-image{
        display: none;
    }


    .blogItem {
        padding-left: 20px;
        padding-right: 20px;
        max-width: calc(100% - 20px);
    }

    .blogItem .item-text{
        text-align: justify;
    }

    .blog-title>a {
        position: absolute;
        bottom: 0px;
        transform: translateY(100%);
        z-index: 1000;
    }

    .blog-title>a:hover{
        transform: translateY(100%);
    }




    .cart-to-print-button{
        display: none;
    }

    .shop .text-block {
        grid-column: 1/2 !important;
    }



    .social-popup>div {
        padding: 20px;
    }

    .arrow-down {
        display: none;
    }

    .brands-slider-item {
        width: 80vw;
    }

    


    .pwa-install {
        position: fixed;
        background-color: white;
        bottom: 70px;
        display: none;
        width: 100%;
        z-index: 100;
        box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.04), 0px -1px 2px rgba(0, 0, 0, 0.03);
        text-transform: initial;
        font-size: 10px;
    }

    .pwa-install_general {
        border: solid 1px rgba(37, 18, 14, 0.15);
        border-right: none;
        border-left: none;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .pwa-install_general img {
        width: 35px;
        border-radius: 5px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    }

    .pwa-install_general_title {
        font-size: 12px;
        color: rgba(37, 18, 14, 1);
        margin-bottom: 3px;
    }

    .pwa-install_general_close {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-left: auto;
        background: rgba(37, 18, 14, 0.15);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }

    .pwa-install_safari, .pwa-install_chrome {
        display: none;
        padding: 10px 20px;
    }

    .pwa-install ol{
        padding-left: 20px;
    }
    .pwa-install li{
        list-style: decimal-leading-zero;
        display: list-item;
        line-height: 2;
    }

    .pwa-install li svg {
        vertical-align: middle;
    }

    .pwa-install li span {
       color: rgba(37, 18, 14, 1);
    }


    .home-slider-text {
        /* background-color: rgba(250, 247, 244, 0.4); */
        padding: 10px;
        /* background-color: #fcfbf9; */
        bottom: 90px;
        font-size: 16px;
        /* text-shadow: initial; */
    }
    .home-slider-text img {
        width: 50px;
    }

    .home-slider-text p {
        margin-bottom: 0px !important;

    }

    .mobile-menu {
        display: block;
        position: fixed;
        background-color: white;
        bottom: 0;
        width: 100%;
        z-index: 100;
        box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.04), 0px -1px 2px rgba(0, 0, 0, 0.03);
        text-transform: initial;
        font-size: 10px;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .mobile-menu ul {
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }
    .mobile-menu ul li {
        padding: 10px;
        border-radius: 2px;
        box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.04), 0px -1px 2px rgba(0, 0, 0, 0.03);
    }
    .mobile-menu svg {
        width: 24px;
        height: 24px;
    }
    .mobile-menu .consultant-link img {
        width: 48px;
        height: 24px;
        border-radius: 50%;
        overflow: hidden;
        object-fit: cover;
    }

    .mobile-menu a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-size: 8px;
        position: relative;
    }

    .mobile-menu a.consultant-link {
        flex-direction: row;
        gap: 10px;
        height: 100%;
    }

    .big-button {
        width: 150px;
    }

    .count {
        position: absolute;
        right: -2px;
        top: -2px;
        display: inline-flex;
        width: 15px;
        height: 15px;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #cdb392; */
        border: 1px solid #98846c;
        background-color: #fff;
        box-sizing: border-box;
        border-radius: 50%;
    }

    .desctop-mes-links {
        display: none;
    }


    .popup-selection-content {
        padding: 30px 20px;
        grid-template-columns: 100%;
        gap: 0px;
        width: 300px;
        margin: 50px 0px;
    }
    .popup-selection-overlay {
        justify-content: flex-start;
        overflow-y: scroll;
    }
    .selection-grid {
        flex-direction: column;
        gap: 0px;
    }
    .contact-methods {
        margin-bottom: 0px;
    }
    .popup-selection-content h2 {
        padding: 0px !important;
    }
}

@media all and (max-width: 500px) {
    .brandItem .shop-items .item-image{
        height: 200px;
    }
}


@media (max-width: 1024px) {
    .shop-item {
        flex: 0 0 calc(33.333% - 10px); /* 3 элемента на планшетах */
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .gallery-popup-content {
        height: 60vh;
        width: 95%;
    }
    
    .gallery-thumbnail {
        width: 60px;
        height: 60px;
    }
    
    .gallery-main-image.zoomed {
        transform: scale(1.3);
    }

    
    
}




@media (max-width: 768px) {
    .shop-items-container .shop-item {
        flex: 0 0 calc(50% - 10px);
    }

    /* Общие стили слайдера */
    .br-slider-auto {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-bottom: 30px;
    }

    .brands-slider {
        display: flex;
        transition: transform 0.5s ease; /* Плавная анимация переключения */
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0px;
        margin-bottom: 20px;
    }

    .brands-slider-item {
        flex: 0 0 100%; /* Каждый слайд на всю ширину */
        min-width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .brands-slider-item img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Точки-индикаторы (опционально) */
    .slider-dots {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .slider-dot {
        width: 10px;
        height: 10px;
        background: #ccc;
        border-radius: 50%;
        margin: 0 5px;
        cursor: pointer;
    }

    .slider-dot.active {
        background: #333;
    }
    .brands-slider-item {
        flex: 0 0 100%; /* 3 слайда в ряд */
        min-width: 100%;
    }

    .globalClass__VwIxm {
        display: flex !important;
    }
/* 
    jdiv {
        display: flex !important;
    }*/

    .__jivoMobileButton {
        transform: translateY(80px);
    }
    .button__sRuwS {
        box-shadow: none !important;
        width: 30px !important;
        height: 30px !important;
    }
    ._orientationRight__Y69Xz .button__sRuwS {
        margin-right: 35px !important;
    }

    .logoIconCloud__Z4LwY {
        height: 13px !important;
        width: 15px !important;
        background-position: center !important;
        background-size: contain !important;
    }
    .header__wKGhp._mobile__xaa48 .agentName__maJMN {
        
    } 
}


@media (max-width: 768px) {
    .shop-items-container {
      padding: 0 20px;
      margin-bottom: 60px;
    }

    .shop-items-container .shop-item {
      flex: 0 0 calc(50% - 8px); /* 2 элемента в ряд */
      scroll-snap-align: start;
    }

    .shop-items-container .shop-items {
      gap: 10px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scroll-behavior: smooth;
      padding-bottom: 15px;
    }

    /* Скрываем scrollbar */
    .shop-items-container .shop-items::-webkit-scrollbar {
      display: none;
    }
    .shop-items-container .shop-items {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .shop-items-container .slider-arrow {
      display: none !important; /* Скрываем стрелки на мобильных */
    }

    .shop-items2-container .slider-arrow {
        bottom: 60px;
        width: 50px;
        height: 50px;
    }
    .shop-items2-container .slider-arrow svg {
        width: 10px;
    }


    .personal-data-section input[type='email'] {
        grid-column: 1/2;
    }

    .checkout-page-all-items{
        padding-left: 20px;
        padding-right: 20px;
    }

    .checkout-sum-block > div {
        padding: 10px;
        margin-top: 40px;
    }
  }

@media (max-width: 480px) {
    .shop-items-container .shop-item {
        flex: 0 0 100%;
    }
}