/* ===== media-single-product.css - Адаптивные стили для страницы товара ===== */
/* Загружается после single-product.css */

/* Большие планшеты и небольшие ноутбуки */
@media (max-width: 1200px) {
    .single-product #product-2076 {
        padding: 30px;
        gap: 30px;
    }
    
    .single-product .woocommerce-product-gallery {
        flex: 0 0 40%;
    }
    
    .single-product .product_title {
        font-size: 2rem;
    }
    
    .single-product .price {
        font-size: 1.8rem;
    }
}

/* Планшеты (вертикальная ориентация) */
@media (max-width: 992px) {
    .single-product #product-2076 {
        flex-direction: column;
    }
    
    .single-product .woocommerce-product-gallery {
        flex: 0 0 auto;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .single-product .summary {
        width: 100%;
    }
    
    .single-product .tabs.wc-tabs {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .single-product .tabs.wc-tabs li a {
        padding: 12px 20px;
        font-size: 0.95rem;
    }
}

/* Планшеты и большие телефоны */
@media (max-width: 768px) {
    .single-product .site-content {
        padding: 20px 0;
    }
    
    .single-product .ast-container {
        padding: 0 15px;
    }
    
    .single-product .yoast-breadcrumbs {
        font-size: 0.8rem;
        padding: 10px 15px;
        overflow-x: auto;
        max-width: 100%;
    }
    
    .single-product #product-2076 {
        padding: 20px;
        border-radius: 16px;
    }
    
    .single-product .woocommerce-product-gallery {
        padding: 15px;
    }
    
    .single-product .flex-control-thumbs {
        gap: 5px;
    }
    
    .single-product .flex-control-thumbs li {
        max-width: 60px;
    }
    
    .single-product .product_title {
        font-size: 1.8rem;
        margin: 15px 0;
    }
    
    .single-product .woocommerce-product-details__short-description {
        padding: 20px;
        margin: 20px 0;
    }
    
    .single-product .price {
        font-size: 1.5rem;
        gap: 10px;
    }
    
    .single-product .price del {
        font-size: 1rem;
    }
    
    .single-product .price ins {
        padding: 5px 15px;
    }
    
    .single-product .cart {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        padding: 20px;
    }
    
    .single-product .quantity {
        width: fit-content;
        margin: 0 auto;
    }
    
    .single-product .single_add_to_cart_button {
        width: 100%;
    }
    
    .single-product .woocommerce-tabs {
        padding: 20px;
        margin-top: 30px;
    }
    
    .single-product .tabs.wc-tabs {
        flex-direction: column;
        border-bottom: none;
        gap: 0;
    }
    
    .single-product .tabs.wc-tabs li {
        width: 100%;
        border-bottom: 1px solid var(--border-color);
    }
    
    .single-product .tabs.wc-tabs li:last-child {
        border-bottom: none;
    }
    
    .single-product .tabs.wc-tabs li a {
        padding: 15px;
        text-align: center;
        border-bottom: none;
        margin-bottom: 0;
        border-radius: 8px;
    }
    
    .single-product .tabs.wc-tabs li.active a {
        background: rgba(43, 179, 193, 0.1);
        border-bottom: none;
    }
    
    .single-product .tabs.wc-tabs li a:hover {
        border-radius: 8px;
    }
    
    .single-product .woocommerce-Tabs-panel h2 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    
    .single-product .woocommerce-Tabs-panel h3 {
        font-size: 1.2rem;
    }
    
    #tab-download_tab a {
        padding: 12px 20px;
        font-size: 0.9rem;
    }
    
    .single-product .related.products {
        margin-top: 40px;
        padding: 30px 0;
    }
    
    .single-product .related.products h2 {
        font-size: 1.6rem;
        margin-bottom: 30px;
    }
    
    .single-product .products {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 20px;
        padding: 0 15px;
    }

}

/* Мобильные телефоны */
@media (max-width: 576px) {
    .single-product #product-2076 {
        padding: 15px;
    }
    
    .single-product .woocommerce-product-gallery {
        padding: 10px;
    }
    
    .single-product .flex-control-thumbs {
        justify-content: center;
    }
    
    .single-product .flex-control-thumbs li {
        max-width: 50px;
    }
    
    .single-product .product_title {
        font-size: 1.5rem;
    }
    
    .single-product .woocommerce-product-details__short-description {
        padding: 15px;
    }
    
    .single-product .woocommerce-product-details__short-description p {
        font-size: 0.95rem;
    }
    
    .single-product .price {
        font-size: 1.3rem;
        justify-content: center;
    }
    
    .single-product .quantity {
        transform: scale(0.9);
    }
    
    .single-product .woocommerce-tabs {
        padding: 15px;
    }
    
    .single-product .woocommerce-Tabs-panel {
        padding: 10px 0;
    }
    
    .single-product .woocommerce-Tabs-panel p,
    .single-product .woocommerce-Tabs-panel li {
        font-size: 0.95rem;
    }
    
    #tab-download_tab a {
        font-size: 0.85rem;
        padding: 10px 15px;
    }
    
    .single-product .related.products h2 {
        font-size: 1.4rem;
    }
    
    .single-product .products {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    #ast-scroll-top {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 20px;
    }
}

/* Очень маленькие телефоны */
@media (max-width: 375px) {
    .single-product .product_title {
        font-size: 1.3rem;
    }
    
    .single-product .woocommerce-product-details__short-description {
        padding: 12px;
    }
    
    .single-product .price {
        font-size: 1.2rem;
    }
    
    .single-product .price ins {
        padding: 4px 12px;
    }
    
    .single-product .quantity .ast-qty-placeholder {
        width: 35px;
        height: 45px;
    }
    
    .single-product .quantity input.qty {
        width: 60px;
        height: 45px;
    }
    
    .single-product .single_add_to_cart_button {
        height: 45px;
        font-size: 0.9rem;
    }
    
    .single-product .tabs.wc-tabs li a {
        padding: 12px;
        font-size: 0.9rem;
    }
   
}

/* Планшеты в альбомной ориентации */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
    .single-product #product-2076 {
        flex-direction: row;
    }
    
    .single-product .woocommerce-product-gallery {
        flex: 0 0 45%;
    }
    
    .single-product .summary {
        flex: 1;
    }
    
    .single-product .cart {
        flex-direction: row;
    }
    
    .single-product .single_add_to_cart_button {
        flex: 1;
    }
}

/* Высокие разрешения */
@media (min-width: 1920px) {
    .single-product #product-2076 {
        padding: 50px;
    }
    
    .single-product .product_title {
        font-size: 3rem;
    }
    
    .single-product .price {
        font-size: 2.5rem;
    }
    
    .single-product .woocommerce-product-details__short-description {
        padding: 30px;
    }
    
    .single-product .related.products{
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Анимации для мобильных */
@media (hover: none) and (pointer: coarse) {
    .single-product .single_add_to_cart_button:hover {
        transform: none;
    }
    
    .single-product .flex-control-thumbs li img:hover {
        transform: none;
    }
    
    #tab-download_tab a:hover {
        transform: none;
    }
}

/* Темная тема (опционально, если поддерживается) */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-light: #1e293b;
        --bg-white: #0f172a;
        --text-dark: #f1f5f9;
        --text-gray: #94a3b8;
        --border-color: #334155;
    }
    
    .single-product .woocommerce-product-gallery__image img {
        filter: brightness(0.9);
    }
}