/* ============================================================
   Kobiadam - Responsive Ek Stiller
   ============================================================ */

/* XL+ Ekranlar (1400px+) */
@media (min-width: 1400px) {
    .hero-content .hero-title,
    .hero-content h1,
    .hero-content h2 {
        font-size: 2.75rem;
    }
}

/* MD Ekranlar (768px - 991px) */
@media (max-width: 991.98px) {
    /* WooCommerce */
    .product-info-box {
        margin-top: 30px;
    }

    .footer-bottom .text-end,
    .footer-bottom .text-start {
        text-align: center !important;
    }

    /* Mağaza sidebar */
    .kobiadam-shop-sidebar {
        display: none;
    }

    /* Ürün detay butonlar */
    .product-actions-row {
        flex-wrap: wrap;
    }

    .product-actions-row .kobiadam-add-favorite {
        flex: 1 1 100%;
    }
}

/* SM Ekranlar (576px - 767px) */
@media (max-width: 767.98px) {
    /* WooCommerce Detay */
    .product-info-box {
        padding: 20px;
    }

    .product-title {
        font-size: 1.2rem;
    }

    .product-price-amount {
        font-size: 22px;
    }

    .kobiadam-product-tabs .nav-tabs .nav-link {
        font-size: 12px;
        padding: 10px 12px;
    }

    /* Ürün kartları */
    .kobiadam-product-card .product-card-footer {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .kobiadam-product-card .product-card-buy {
        width: 100%;
        justify-content: center;
    }

    /* Sepet */
    .woocommerce-cart .woocommerce table.shop_table td.product-thumbnail {
        display: none;
    }

    /* İletişim */
    .contact-card {
        padding: 20px !important;
    }

    /* SSS */
    .kobiadam-faq-accordion .accordion-button {
        font-size: 14px;
        padding: 12px 15px;
    }
}

/* XS Ekranlar (320px - 575px) */
@media (max-width: 575.98px) {
    .product-price-amount {
        font-size: 20px;
    }

    .swiper-pagination {
        bottom: 10px !important;
    }

    /* Ürün detay */
    .product-info-box {
        padding: 16px;
    }

    .product-actions-row .btn {
        font-size: 11px;
        padding: 6px 10px;
    }

    .product-price-box {
        padding: 14px;
    }
}