/* ==========================================================
   TakAVM - Responsive Stiller
   ========================================================== */

/* ---- Tablet / iPad (max 991px) ---- */
@media (max-width: 991px) {
    /* Header */
    .header-search {
        max-width: 350px;
    }
    
    .header-action-btn span {
        display: none;
    }
    
    /* Category Nav */
    .category-nav-inner {
        padding: 0 10px;
    }
    
    .cat-nav-link {
        padding: 10px 12px;
        font-size: 12px;
    }
    
    /* Slider */
    .slider-slide img {
        height: 300px;
    }
    
    .slide-content h2 {
        font-size: 28px;
    }
    
    /* CTA Grid */
    .cta-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    /* Product Grid */
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    /* Footer */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Product page sidebar */
    .products-page-grid {
        grid-template-columns: 200px 1fr;
        gap: 20px;
    }
    
    /* Product detail */
    .product-detail-grid {
        gap: 30px;
    }
}

/* ---- Mobile Landscape / Small Tablet (max 767px) ---- */
@media (max-width: 767px) {
    /* Top bar */
    .top-bar-left .phone-number span {
        display: none;
    }
    
    /* Header */
    .hamburger-btn {
        display: block;
    }
    
    .header-search {
        display: none;
    }
    
    .header-inner {
        justify-content: space-between;
    }
    
    .header-action-btn {
        padding: 6px 8px;
    }
    
    .header-action-btn i {
        font-size: 18px;
    }
    
    /* Category Nav */
    .category-nav {
        display: none;
    }
    
    /* Mobile menu */
    .mobile-bottom-nav {
        display: block;
    }
    
    body {
        padding-bottom: 60px;
    }
    
    /* Slider */
    .slider-slide img {
        height: 220px;
    }
    
    .slide-content h2 {
        font-size: 20px;
    }
    
    .slide-content p {
        font-size: 13px;
    }
    
    .slider-arrow {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
    
    .slider-arrow.prev { left: 10px; }
    .slider-arrow.next { right: 10px; }
    
    /* CTA Section */
    .cta-section {
        padding: 20px 0;
    }
    
    .cta-card {
        padding: 16px;
    }
    
    .cta-card-icon {
        width: 46px;
        height: 46px;
        font-size: 22px;
    }
    
    .cta-card-content h3 {
        font-size: 14px;
    }
    
    .cta-card-content p {
        font-size: 12px;
    }
    
    /* Products */
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .product-card-image img {
        height: 160px;
    }
    
    .product-card-body {
        padding: 10px 12px 12px;
    }
    
    .product-card-title {
        font-size: 12px;
        min-height: 32px;
    }
    
    .product-price .current-price {
        font-size: 15px;
    }
    
    .product-card-actions {
        padding: 0 12px 12px;
    }
    
    .product-card-actions .btn-wishlist {
        display: none;
    }
    
    /* Section title */
    .section-title h2 {
        font-size: 18px;
    }
    
    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .site-footer {
        padding-top: 30px;
        margin-bottom: 56px;
    }
    
    /* Products page */
    .products-page-grid {
        grid-template-columns: 1fr;
    }
    
    .filter-sidebar {
        position: static;
    }
    
    /* Product detail */
    .product-detail-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }
    
    .product-gallery .main-image {
        height: 280px;
    }
    
    .product-info h1 {
        font-size: 20px;
    }
    
    .price-box .main-price {
        font-size: 24px;
    }
    
    /* Auth */
    .auth-card {
        padding: 24px;
        margin: 0 10px;
    }
    
    /* Page header */
    .page-header h1 {
        font-size: 22px;
    }
    
    /* Sort bar */
    .sort-bar {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

/* ---- Small Mobile (max 480px) ---- */
@media (max-width: 480px) {
    .site-logo .logo-text {
        font-size: 20px;
    }
    
    .slider-slide img {
        height: 180px;
    }
    
    .slide-content h2 {
        font-size: 16px;
    }
    
    .slide-content p {
        font-size: 12px;
        display: none;
    }
    
    .slide-content .btn-slide {
        padding: 8px 20px;
        font-size: 12px;
    }
    
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    
    .product-card-image {
        padding: 10px;
    }
    
    .product-card-image img {
        height: 130px;
    }
    
    .product-price .current-price {
        font-size: 14px;
    }
    
    .product-installment {
        font-size: 10px;
        padding: 3px 6px;
    }
    
    .product-card-actions .btn-add-cart {
        font-size: 11px;
        padding: 6px 8px;
    }
    
    .cta-card {
        gap: 12px;
        padding: 14px;
    }
    
    .cta-card-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

/* ---- Print ---- */
@media print {
    .top-bar,
    .main-header,
    .category-nav,
    .mobile-bottom-nav,
    .site-footer,
    .hero-slider {
        display: none !important;
    }
    
    body {
        background: white;
        color: black;
        font-size: 12pt;
    }
}