.screen-reader-text{
    display: none;
}
.page{
    display: flex;
    flex-direction: column;
}
.entry-header {
    text-align: center;
    padding: 60px 5% 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

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

.single-product .site-main {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 1%;
    background-color: #fbfbfd;
}

/* ============================================
   LAYOUT СТРАНИЦЫ ТОВАРА
   ============================================ */
/* Основная сетка продукта */
.woocommerce div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "images summary"
        "images summary"
        "tabs tabs"
        "related related";
    gap: 60px;
    background: white;
    border-radius: 24px;
    padding: 60px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    margin-bottom: 60px;
}

/* Контейнер галереи */
.woocommerce div.product .images {
    grid-area: images;
    display: flex !important;
    gap: 20px;
}

/* Превьюшки слева */
.woocommerce div.product .flex-control-thumbs {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    order: -1; /* Перемещаем влево */
    flex-shrink: 0;
    width: 100px; /* фиксированная ширина для превьюшек */
}

.woocommerce div.product .flex-control-thumbs li {
    margin: 0 !important;
}

/* Слайдер занимает оставшееся место */
.woocommerce div.product .flex-viewport {
    flex: 1;
    height: fit-content !important;
    max-height: 77vh; /* добавить - 70% высоты экрана */
    overflow: hidden; /* добавить - обрезает лишнее */
}
.woocommerce div.product .flex-viewport img {
    max-height: 77vh; /* добавить */
    width: 100%; /* добавить */
    object-fit: cover; /* добавить - сохраняет пропорции */
}
.woocommerce div.product .woocommerce-product-gallery__wrapper{
    height: auto !important;
}

/* Summary справа */
.woocommerce div.product .summary {
    grid-area: summary;
}

/* Tabs на всю ширину */
.woocommerce div.product .woocommerce-tabs {
    grid-area: tabs;
}

/* Related на всю ширину */
.woocommerce div.product .related {
    grid-area: related;
}
.woocommerce div.product div.images .flex-control-thumbs{
    padding-left: 1rem !important;
}
/* Основная сетка продукта - задаём минимальную высоту */
.woocommerce div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "images summary"
        "images summary"
        "tabs tabs"
        "related related";
    gap: 60px;
    background: white;
    border-radius: 24px;
    padding: 60px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    margin-bottom: 60px;
    min-height: 800px; /* или любая высота */
}

/* Контейнер галереи */
.woocommerce div.product .images {
    grid-area: images;
    display: flex !important;
    gap: 20px;
    align-self: start; /* чтобы не растягивалась */
}

/* Контейнер превьюшек с ограничением высоты и скроллом */
.woocommerce div.product .flex-control-thumbs {
    gap: 10px;
    order: -1;
    flex-shrink: 0;
    width: 100px;

    /* Высота в процентах от .woocommerce div.product */
    max-height: 77vh; /* или можно calc() */
    overflow-y: auto;
    overflow-x: hidden;

    /* Скролл слева */
    direction: rtl;

    /* Стилизуем скроллбар */
    scrollbar-width: thin;
    scrollbar-color: #ccc #f0f0f0;
}

/* Возвращаем нормальное направление для содержимого */
.woocommerce div.product .flex-control-thumbs li {
    direction: ltr;
    margin: 0 !important;
}
/* Для десктопа JS прокрутка */
.woocommerce div.product .flex-control-thumbs {
    scroll-snap-type: y mandatory; /* добавить */
    scroll-behavior: smooth; /* добавить */
}

.woocommerce div.product .flex-control-thumbs li {
    scroll-snap-align: center; /* добавить */
}

/* Бейдж распродажи */
.woocommerce div.product span.onsale {
    position: absolute;
    max-width: 120px;
    top: 12px;
    left: 12px;
    background-color: #ff3b30;
    color: white;
    padding: 8px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(255, 59, 48, 0.3);
}

/* Цена */
.woocommerce div.product p.price {
    font-size: 32px;
    font-weight: 600;
    color: #1d1d1f;
    margin: 0 0 32px 0;
}

.woocommerce div.product p.price del {
    color: #86868b;
    font-size: 24px;
    margin-right: 12px;
    opacity: 0.8;
}

.woocommerce div.product p.price ins {
    text-decoration: none;
    color: #ff3b30;
}

/* Короткое описание */
.woocommerce div.product div.summary .woocommerce-product-details__short-description {
    font-size: 17px;
    line-height: 1.6;
    color: #6e6e73;
    margin-bottom: 0;
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description p {
    margin-bottom: 0;
}

.stock{
    font-size: 1rem;
    color: #0066cc;
    font-weight: 500;
}


/* ============================================
   ФОРМА ДОБАВЛЕНИЯ В КОРЗИНУ
   ============================================ */

.woocommerce div.product form.cart {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 32px;
    padding: 32px;
    background-color: #f5f5f7;
    border-radius: 18px;
}
.input-text{
    min-width: 15%;
    max-width: 4rem;
    display: flex;
    text-align: center;
    padding: 12px;
    font-size: 17px;
    font-weight: 500;
    background-color: #f5f5f7;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: border-color 0.3s ease;
}
.input-text:focus {
    outline: none;
    background-color: white;
    border-color: #0066cc;
}

/* Вариации товара */
.woocommerce div.product form.cart .variations {
    width: 100%;
    border: none;
    margin-bottom: 16px;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    padding: 12px 0;
    border: none;
    vertical-align: middle;
}

.woocommerce div.product form.cart .variations label {
    font-size: 15px;
    font-weight: 600;
    color: #1d1d1f;
}

.woocommerce div.product form.cart .variations select {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    color: #1d1d1f;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: border-color 0.3s ease;
    cursor: pointer;
}

.woocommerce div.product form.cart .variations select:focus {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

/* Количество и кнопка */
.woocommerce div.product form.cart .quantity {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background-color: white;
    border-radius: 12px;
    padding: 8px;
}

/* Кнопка "Добавить в корзину" */
.woocommerce div.product form.cart button.single_add_to_cart_button {
    background-color: #0066cc;
    color: white;
    border: none;
    padding: 18px 48px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 980px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    min-width: 60%;
    margin-top: 8px;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
    background-color: #0055b3;
    transform: scale(1.02);
}

.woocommerce div.product form.cart button.single_add_to_cart_button:disabled {
    background-color: #86868b;
    cursor: not-allowed;
    transform: none;
}
a{
    text-align: center;
    text-decoration: none;
    color: #0066cc;
}
a:hover {
    color: #0055b3;
}

/* ============================================
   МЕТАИНФОРМАЦИЯ
   ============================================ */

.woocommerce div.product .product_meta {
    padding: 24px;
    background-color: #f5f5f7;
    border-radius: 12px;
    font-size: 15px;
    line-height: 2;
}

.woocommerce div.product .product_meta > span {
    display: block;
    color: #6e6e73;
}

.woocommerce div.product .product_meta a {
    color: #0066cc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.woocommerce div.product .product_meta a:hover {
    color: #0055b3;
}


/* ============================================
   ТАБЫ (ОПИСАНИЕ, ОТЗЫВЫ)
   ============================================ */

.woocommerce div.product .woocommerce-tabs {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Навигация табов */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 0 0 40px 0;
    padding: 0;
    border: none;
    background-color: #f5f5f7;
    border-radius: 12px;
    padding: 8px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 12px 24px;
    color: #1d1d1f;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
    background-color: rgba(0, 102, 204, 0.1);
    color: #0066cc;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: #0066cc;
    color: white;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}


/* ============================================
   НАВИГАЦИЯ МЕЖДУ ПОСТАМИ - СКРЫТА
   ============================================ */

.post-navigation {
    display: none;
}
.woocommerce .products, .woocommerce-page .products{
    display: flex !important;
    flex-direction: column;
}
.products .columns-4{
    flex-direction: row;
}

/* Миниатюры */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-direction: column;
    /* grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));*/
    gap: 12px;
    /*margin-top: 16px;*/
    padding: 0;
    list-style: none;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 12px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s ease, transform 0.2s ease;
}


.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    opacity: 1;
    transform: scale(1.05);
}
.flex-viewport{
    border-radius: 2rem;
}
/* Кнопка полноэкранного просмотра */
.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 0.5rem;
    right: 4rem;
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-product-gallery__trigger:hover {
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/*

.woocommerce-product-gallery__trigger .emoji {
    display: none !important;
}


.woocommerce-product-gallery__trigger::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}*/
.summary.entry-summary{
    display: flex;
    flex-direction: column;
    max-width: 100%;
}
.woocommerce-Tabs-panel p{
    font-weight: 400;
    color: #6e6e73;
    padding: 1rem;
}
.woocommerce-Tabs-panel h2{
    font-weight: 500;
}

/* Таблица характеристик */
.woocommerce-product-attributes {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
}

/* Заголовок (левая колонка) */
.woocommerce-product-attributes-item__label {
    font-weight: 600;
    color: #1d1d1f;
    padding: 16px 20px;
    text-align: left;
    width: 40%;
}

/* Значение (правая колонка) */
.woocommerce-product-attributes-item__value {
    color: #6e6e73;
    padding: 16px 20px;
}

/* Убрать отступы у параграфов внутри */
.woocommerce-product-attributes-item__value p {
    margin: 0;
}

/* ЗЕБРА - чередование цветов */
.woocommerce-product-attributes-item:nth-child(odd) {
    background-color: #f5f5f7;
}

.woocommerce-product-attributes-item:nth-child(even) {
    background-color: white;
}

/* Первая строка - скругление сверху */
.woocommerce-product-attributes-item:first-child th {
    border-top-left-radius: 12px;
}

.woocommerce-product-attributes-item:first-child td {
    border-top-right-radius: 12px;
}

/* Последняя строка - скругление снизу */
.woocommerce-product-attributes-item:last-child th {
    border-bottom-left-radius: 12px;
}

.woocommerce-product-attributes-item:last-child td {
    border-bottom-right-radius: 12px;
}

/* Контейнер галереи */
.woocommerce-product-gallery__image {
    height: 80vh;
    width: auto;
    max-width: 100%;
}

/* Само изображение внутри */
.woocommerce-product-gallery__image img {
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Ссылка вокруг изображения */
.woocommerce-product-gallery__image a {
    display: block;
    height: 100%;
    width: 100%;
}

/* Zoom изображение (второе img с классом zoomImg) */
.zoomImg {
    height: 80vh;
    width: auto;
}

/* Контейнер галереи */
.woocommerce-product-gallery {
    position: relative;
}

/* Убираем дублирование изображений */
.woocommerce-product-gallery .zoomImg {
    display: none;
}

/* Основное изображение - 80vh */
.flex-viewport {
    height: 70vh;
    border-radius: 2rem;
    width: auto;
}

.woocommerce-product-gallery__wrapper {
    height: 100%;
}

.woocommerce-product-gallery__image {
    height: 100%;
}

.woocommerce-product-gallery__image img {
    height: 100%;
    object-fit: contain;
    object-position: center;
}
/* Кнопки навигации галереи */
.gallery-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 60px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    font-size: 40px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.2s ease;
    pointer-events: auto;
}

.gallery-arrow:hover {
    background: rgba(0, 0, 0, 0.15);
}

.gallery-arrow--left {
    left: 0;
    border-radius: 20px 0 0 20px;
}

.gallery-arrow--right {
    right: 0;
    border-radius: 0 20px 20px 0;
}

/* Скрываем 4-й элемент в похожих товарах */
.woocommerce div.product .related ul.products li.product:nth-child(4) {
    display: none;
}
/* Перепопределяем карточки для нормального отображения */
.woocommerce .products, .woocommerce-page .products, ul.products.columns-3{
    padding: 0;
}

/* Название товара */
.product-title {
    font-size: 32px;
    font-weight: 700;
    color: #1d1d1f;
    margin: 0 0 16px 0;
    line-height: 1.2;
}
/* Исправление touch-событий для FlexSlider */
.woocommerce-product-gallery,
.flex-viewport,
.woocommerce-product-gallery__wrapper {
    touch-action: pan-y pinch-zoom;
}
.flex-control-thumbs {
    touch-action: pan-x pan-y;
}


/* ============================================
   АДАПТАЦИЯ ДЛЯ 4K И БОЛЬШИХ ЭКРАНОВ (>1920px)
   ============================================ */
@media (min-width: 1921px) {
    .single-product .site-main {
        max-width: 2400px;
        padding: 0 5%;
    }

    .woocommerce div.product {
        padding: 80px;
        gap: 80px;
    }

    .woocommerce div.product p.price {
        font-size: 42px;
    }

    .woocommerce div.product form.cart button.single_add_to_cart_button {
        font-size: 20px;
        padding: 22px 56px;
    }
}


/* ============================================
   МОБИЛЬНЫЕ УСТРОЙСТВА (<768px)
   ============================================ */
@media (max-width: 767px) {
    .entry-header {
        padding: 40px 5% 20px;
    }

    .woocommerce div.product {
        display: flex;
        flex-direction: column;
        padding: 20px;
        gap: 30px;
        border-radius: 16px;
    }

    /* Превьюшки под основной картинкой */
    .woocommerce div.product .images {
        flex-direction: column-reverse;
        gap: 15px;
        width: 100%;
    }

    .woocommerce div.product .flex-control-thumbs {
        flex-direction: row !important;
        width: 100% !important;
        max-height: none !important;
        overflow-x: auto;
        overflow-y: hidden;
        direction: ltr;
        gap: 8px;
    }

    .woocommerce div.product .flex-control-thumbs li {
        flex-shrink: 0;
        width: 60px;
    }

    .woocommerce div.product .flex-control-thumbs li img {
        height: 60px;
    }

    /* Картинка */
    .woocommerce div.product .flex-viewport {
        max-height: 50vh;
    }

    .woocommerce div.product .flex-viewport img {
        max-height: 50vh;
    }

    /* Кнопка полного экрана */
    .woocommerce-product-gallery__trigger {
        right: 3rem;
        width: 36px;
        height: 36px;
    }

    /* Цена */
    .woocommerce div.product p.price {
        font-size: 28px;
    }

    .woocommerce div.product p.price del {
        font-size: 20px;
    }

    /* Форма */
    .woocommerce div.product form.cart {
        padding: 20px;
        gap: 15px;
    }

    .woocommerce div.product form.cart button.single_add_to_cart_button {
        width: 100%;
        min-width: 100%;
        padding: 16px 32px;
        font-size: 16px;
    }

    .woocommerce div.product div.images .flex-control-thumbs{
        padding-left: 0 !important;
    }

    /* Табы */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column;
        gap: 4px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 14px 20px;
    }

    /* Таблица характеристик */
    .woocommerce-product-attributes-item__label,
    .woocommerce-product-attributes-item__value {
        padding: 12px 16px;
        font-size: 14px;
    }

    /* Похожие товары */
    ul.products.columns-4,
    ul.products.columns-3 {
        display: flex;
        flex-direction: column;
    }

    /* Кнопки галереи */
    .gallery-arrow {
        width: 40px;
        font-size: 30px;
    }

    .woocommerce div.product .flex-control-thumbs li {
        width: 80px; /* было 60px */
    }

    .woocommerce div.product .flex-control-thumbs li img {
        height: 80px; /* было 60px */
    }

    .woocommerce-Tabs-panel p{
        padding: 0;
    }
     h2{
        text-align: center;
    }
    .woocommerce-product-attributes {
        text-align: center;
    }

    .woocommerce div.product {
        padding: 15px;
        gap: 20px;
    }

    .woocommerce div.product p.price {
        font-size: 24px;
    }

    .woocommerce div.product form.cart {
        padding: 15px;
    }

    .woocommerce-product-attributes-item__label {
        width: 45%;
        font-size: 13px;
    }

    .woocommerce-product-attributes-item__value {
        font-size: 13px;
    }
}