/* Мобильные стили (max-width: 768px) */

:root {
    --tabs-nav-mask-image-left: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 48px, #000 96px);
    --tabs-nav-mask-image-right: linear-gradient(90deg, #000, #000 calc(100% - 96px), rgba(0, 0, 0, 0.25) calc(100% - 48px), rgba(0, 0, 0, 0));
    --tabs-nav-mask-image-both: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 48px, #000 96px, #000 calc(100% - 96px), rgba(0, 0, 0, 0.25) calc(100% - 48px), rgba(0, 0, 0, 0));
}

@media (max-width: 1200px) {
    .product-container{
        display: flex;
        flex-direction: column;
    }

    .product-tab{
        width: 100%;
    }

    .product-help{



        width: 90%;
        margin: 20px auto;
    }

    .help-section{
        border: none;
    }

}


@media (max-width: 768px) {
    /* Общие стили */
    .product-page {
        padding: 15px 0;
    }

    .product-container {
        border-radius: 0;
        box-shadow: none;
    }

    /* Основная секция товара */
    .product-main {
        flex-direction: column;
    }

    .product-gallery {
        min-width: 100%;
        padding: 15px;
        border-right: none;
        border-bottom: 1px solid #e9e9e9;
    }

    /* Мета информация */
    .product-title,
    .product-meta,
    .product-price,
    .product-delivery,
    .product-offer,
    .product-btn {
        margin-left: 15px;
        margin-right: 15px;
    }

    .product-btn{
        min-width: 200px;
        align-self: center;
    }

    .product-meta {
        flex-wrap: wrap;
        gap: 10px;
    }

    /* Преимущества */
    .product-advantages {
        flex-direction: column;
    }

    .product-advantages__item {
        padding: 15px;
        border-right: none;
        border-bottom: 1px solid #e4e4e4;
    }

    /* Секция с табами */
    .product-data {
        flex-direction: column;
        margin-top: 15px;
    }

    .product-tab,
    .product-help {
        width: 100%;
    }

    .product-help {
        margin-top: 20px;
    }

    /* Табы */
    .tabs-nav__items {
        flex-wrap: wrap;
    }

    .tabs-nav__item {
        font-size: 1.2em;
        flex: 1 0 auto;
        border-left: 1px solid #e4e4e4;
    }


    /* Характеристики */
    .product-data__features-item {
        flex-direction: inherit;
        padding: 10px;
    }

    .product-data__features-item-value {
        margin-right: 0;
        margin-top: 5px;
    }

    /* Форма отзывов */
    .product-data-reviews {
        padding: 20px 15px;
    }

    .product-data-reviews-form__title {
        font-size: 1.3em;
    }

    .product-data-reviews-form__button {
        width: 100%;
    }

    /* Блок помощи */
    .help-section {
        border-left: none;
        padding: 20px 0;
    }

    .help-title {
        font-size: 22px;
    }

    .help-desc {
        font-size: 14px;
    }

    /* Общие стили форм */


    /* Кнопки */
    .button-secondary,
    .product-data-reviews-form__button {
        padding: 12px;
        font-size: 15px;
    }

    /* Чекбоксы */
    .help-form-agree-label,
    .product-data-reviews-form__agree-label {
        font-size: 13px;
        align-items: flex-start;
    }

    /* Сообщения об успехе */
    .help-form-success,
    .product-data-reviews-form__success {
        padding: 15px;
    }

    .help-form-success-text-title,
    .product-data-reviews-form__success-text-title {
        font-size: 16px;
    }

    .help-form-success-text-desc,
    .product-data-reviews-form__success-text-desc {
        font-size: 13px;
    }
}


@media (max-width: 580px) {
    .tabs-nav__items{
        flex-wrap: nowrap;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;

        -webkit-overflow-scrolling: touch;
         -webkit-mask-image: var(--tabs-nav-mask-image-right);
         mask-image: var(--tabs-nav-mask-image-left);
        transition: mask-image 0.3s ease, -webkit-mask-image 0.3s ease;
    }

        .tabs-nav__items::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Opera */
    }

    .product-container{
        width: 90%;
    }

    .product-main-bottom{
        margin-top: 30px;
    }

    .review-header{
        grid-template-columns: none;
    }

    .review-date{
        justify-content: inherit;
    }

    .review-rating{
        justify-content: inherit;
    }


    .product-advantages__item{
        justify-content: space-around;
    }

    .
}

/* Дополнительные адаптивные стили для очень маленьких экранов (max-width: 480px) */
@media (max-width: 480px) {



    .product-current-price .current-price-rub,
    .product-current-price .current-price {
        font-size: 1.8em;
    }

    .product-old-price {
        font-size: 1em;
    }

    .tabs-nav__item {
        font-size: 1.2em;
    }

    .help-title {
        font-size: 20px;
    }

    .product-data-reviews-form__title {
        font-size: 1.2em;
    }
}