@media (max-width: 1024px){
    .top_header{
        width: 91%;
    }
    .bottom_header{
        width: 90%;
    }
    .slider_text{
        bottom: 15%;
    }
    .show_more{
        width: 165px;
        height: 55px;
    }
    .service{
        margin: 110px 30px;
    }
    .service-item{
        gap: 15px;
    }
    button.calling{
        width: 165px;
        height: 72px;
    }
    .service-image img {
        width: 200px;
    }
    .service-text {
        margin: 50px 50px;
        margin-bottom: 50px;
    }
    .service-content{
        width: 205px;
    }
    .service-content{
        gap: 15px;
    }
    .service-content h3{
        font-size: 15px;
    }
    .service-content p{
        font-size: 10px;
    }
    .columns {
        gap: 30px;
    }
    .category-item img {
        width: 100%;
        height: 150px;
        margin:0 auto;
    }
}

@media (max-width: 820px) {
    #single_photo{
        padding-top: 50px;
    }
    #header{
        position: fixed;
        z-index: 2000;
        width: 100%;
    }
    .page_text{
        font-size: 13px;
    }
    .product-categories li {
        width: calc(50% - 20px); /* 2 категории в строке на планшетах */
    }
    .top-side{
        height: 40px;
    }
    .contacts{
        justify-content: center;
    }
    .top_header{
        width: 98%;
    }
    /* Прячем обычную навигацию */
    .nav_bar {
        display: none;
    }
    .bottom_container{
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 25px;
        margin: -20px 0%;
    }
    .bottom_header{
        width: 73%;
        height: 100px;
        gap: 25px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }
    .slider-container{
        margin: 0px auto;
    }
    #cart_mob{
        display: block;
    }
    /* Прячем кнопки */
    .comand_menu{
        display: flex;
    }
    .comand_btn {
        display: none;
    }
    .ring{
        display: block;
        padding-top: 1%;
    }
    .ring_phone img{
        height: 30px;
    }
    .logo img{
        width: 110px;
    }
    .burger-menu {
        display: block; /* Показываем меню только на мобильных устройствах */
        z-index: 1;
    }
    /* Иконка бургера */
    .burger-icon {
        width: 25px;
        height: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 10;
    }

    .burger-icon span {
        display: block;
        width: 100%;
        height: 4px;
        background: #c3a554;
        border-radius: 2px;
        transition: 0.4s;
    }

    /* Меню (изначально скрыто) */
    .menu {
        position: absolute;
        top: 0;
        left: -100%;
        width: 200px;
        height: 110vh;
        background: #0d2e12;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: left 0.4s ease-in-out;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    }

    .menu a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        padding: 10px;
        transition: color 0.3s ease;
    }

    .menu a:hover {
        color: #c3a554;
    }

    /* Активное состояние (показывает меню) */
    .menu.active {
        left: 0;
    }

    /* Анимация для бургера */
    .burger-icon.active span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .burger-icon.active span:nth-child(2) {
        opacity: 0;
    }

    .burger-icon.active span:nth-child(3) {
        transform: translateY(-10px) rotate(-45deg);
    }
    .slide{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .call{
        display: none;
    }
    .show_more{
        width: 140px;
        height: 35px;
    }
    button.show_more{
        padding: 0px 20px;
    }
    .slider_text{
        display: flex;
        max-width: 320px;
        flex-direction: column;
        bottom: auto;
        left: auto;
        align-items: normal
    }
    .slider_text h3{
        font-size: 30px;
    }
    .slider_text p{
        width: 255px;
        font-size: 16px;
        line-height: 2;
    }
    .indicators{
        display: none;
    }
    .service{
        max-width: 768px;
        min-width: 320px;
        margin: 80px 10px;
        margin-bottom: 100px;
    }
    .service-text{
        margin: 30px 20px;
    }
    .service-text h2{
        font-family: Outfit;
        font-weight: 400;
    }
    .service-content h3{
        font-size: 18px;
        width: 200px;
        margin-right: 30px;
    }
    .service-content p{
        font-family: Outfit;
        font-size: 13px;
    }
    .service-list{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 30px;
    }
    .service-item{
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .service-content{
        gap: 0px;
        width: 230px;
    }
    .partner{
        height: 511px;
    }
    .partner-slider{
        height: 80px;
        margin-bottom: 30px;
    }
    .partner-text h1{
        font-size: 30px;
    }

    .form-container{
        background-size: 515px;
        background-position-x: -133px;
        gap: 35px;
        width: 310px;
        height: 415px;
        justify-content: space-around;
        background-position-y: -4px;
    }
    .form-text{
        margin-top: 30px;
        width: 260px;
    }
    .form-text h1{
        font-size: 17px;
    }
    .form-text p{
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.4;
    }
    .contact-form {
        width: 280px; /* Ширина формы */
        height: 84px; /* Высота формы */
        margin: 0 auto;
        font-family: Arial, sans-serif;
        background: transparent;
        display: grid;
        grid-template-columns: 280px; /* Два столбца для Nume и Numar */
        grid-template-rows: 37px 37px 37px; /* Высота строк */
        grid-gap: 10px 25px; /* Отступы между элементами */
        grid-template-areas:
                "nume"
                "telefon"
                "mesaj"; /* Указание расположения элементов */
    }
    input[type="text"],
    input[type="tel"],
    input[type="message"]{
        width: 260px;
    }
    .contact-form{
        padding-bottom: 45px;
    }
    button.require{
        margin-bottom: 20px;
    }
    .footer{
        height: 100%;
    }
    .flex{
        display: flex;
        justify-content: center;
    }
    .columns{
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        gap: 0px;
    }
    .column1{
        align-items: center;
        padding-right: 0;
        gap: 0;
    }
    .column1 p{
        text-align: center;
    }
    .column2, .column3, .column4{
        text-align: center;
    }
    .footer-logo img{
        width: 175px;
    }
    .footer-container{
        padding: 40px 5px;
    }
    .column2 h3, .column3 h3, .column4 h3 {
        margin-bottom: 20px;
    }
}
@media (max-width: 760px) {
    .woocommerce-cart-form{
        width: 100%;
    }
    .woocommerce table.cart td.actions .coupon{
        display: none;
    }
}


/* Адаптивность для мобильных устройств */
@media (max-width: 480px) {
    .sliders {
        margin: 8px;
        border-radius: 25px;
    }
    .slider-container-box{
        border-radius: 25px;
    }
    .product-categories li {
        width: 50%; /* Одна категория в строке на мобильных устройствах */
    }
    .partner {
        height: 465px;
    }
    .politics{
        flex-direction: column;
    }
    .cart_totals{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

    @media (max-width: 430px){
    .category-slider{
    width: 225px !important;
    }
    .bottom_header{
        width: 61%;
    }
    .service {
        margin: 30px auto;
        margin-bottom: 65px;
    }
    .service-list{
        margin: 25px auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .srevice-text h2{
        font-size: 25px;
    }
    .service-text p{
        font-size: 17px;
    }
    .slider_text{
        width: 200px;
        left: 10%;
        bottom: 35%;
    }
    .slider_text h3{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .show_more{
        width: 120px;
        height: 40px;
    }
    button.show_more{
        font-size: 12px;
    }
    .controls{
        gap: 68%;
    }
    .slider_text p{
        font-size: 14px;
        margin-top: 2px;
        margin-bottom: 3%;
        line-height: 1.5;
    }
    .support{
        margin: 60px auto;
    }
    .support-text h2{
        font-size: 30px;
    }
    .support-text p{
        font-size: 17px;
    }

}
@media (max-width: 385px) {
    #sort-button{
        width: 110%;
    }
}
@media (max-width: 375px){
    #sort-button{
        width: 120%;
    }
    .category-item a h4{
        margin: 5px auto;
    }
    .category-item img{
        width: 100%;
        height: 120px;
    }
    .slider_text p {
        font-size: 13px;
        line-height: 1;
    }
    .slider_text h3 {
        font-size: 15px;
    }
    .catalog{
        grid-column-gap: 0px !important;
    }
    .controls{
        gap: 63%
    }
}
@media (max-width: 320px){
    .controls{
        gap: 56%
    }
}