/* Product Detail Page Specific Styles */
.product-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-bottom: 3rem;
}

.product-images {
    position: relative;
}

.product-info {
    position: relative;
}

.product-thumbnails {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 0.5rem;
}

.quantity-selector {
    display: flex;
    align-items: center;
    border: 2px solid var(--color-border);
    border-radius: 8px;
    padding: 0.5rem;
}

.add-to-cart-section {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

/* Tablet: 768px - 1024px */
@media (max-width: 1024px) {
    .product-detail-grid {
        gap: 2rem;
    }
}

/* Mobile: < 768px */
@media (max-width: 768px) {
    .product-detail-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    /* Fix main product image height on mobile */
    #main-image img {
        height: 300px !important;
        max-height: 300px !important;
    }

    .product-thumbnails {
        grid-template-columns: repeat(4, 1fr);
    }

    .add-to-cart-section {
        flex-direction: column;
    }

    .quantity-selector {
        width: 100%;
        justify-content: center;
    }

    /* Breadcrumb */
    .breadcrumb {
        font-size: 0.875rem;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* Make price more visible */
    .price-display {
        font-size: 2rem !important;
        margin: 1rem 0 !important;
    }

    /* Adjust spacing */
    .product-info h1 {
        font-size: 1.5rem !important;
    }
}

/* Small Mobile: < 480px */
@media (max-width: 480px) {
    .product-detail-grid {
        gap: 1rem;
    }

    /* Smaller image on very small screens */
    #main-image img {
        height: 250px !important;
        max-height: 250px !important;
    }

    .product-thumbnails {
        grid-template-columns: repeat(3, 1fr);
    }

    .price-display {
        font-size: 1.75rem !important;
    }

    .discount-badge {
        font-size: 0.875rem !important;
        padding: 0.4rem 0.8rem !important;
    }

    .product-info h1 {
        font-size: 1.25rem !important;
    }

    /* Make buttons full width */
    .btn {
        font-size: 1rem !important;
    }
}

/* Cart Page Specific */
.cart-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

@media (max-width: 768px) {
    .cart-layout {
        grid-template-columns: 1fr;
    }

    .cart-summary {
        position: static !important;
    }
}

/* Checkout Page Specific */
.checkout-layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 2rem;
}

@media (max-width: 768px) {
    .checkout-layout {
        grid-template-columns: 1fr;
    }
}

/* Products Grid Mobile Fix */
@media (max-width: 768px) {
    .products-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .filter-section {
        width: 100%;
    }
}

/* Contact Page */
@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr !important;
    }
}

/* About Page */
@media (max-width: 768px) {
    .about-grid {
        grid-template-columns: 1fr !important;
    }
}