/* Tablet Adaptation Styles */
/* For devices with width between 768px and 1024px */

@media (min-width: 768px) and (max-width: 1024px) {
    /* Hero Section */
    .hero-content-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero-left-block {
        order: 2;
    }

    .hero-right-block {
        order: 1;
    }

    .hero-text-stack {
        padding: 40px 20px;
    }

    .feminine-heading {
        font-size: 2.5rem;
    }

    .feminine-subtitle {
        font-size: 1.1rem;
    }

    /* Gallery Styles */
    .art-minimal-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 30px;
    }

    .art-minimal-gallery-image {
        height: 300px;
    }

    /* Staff Grid */
    .art-minimal-staff-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        padding: 0 30px;
    }

    /* Footer */
    .feminine-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    /* Services Table */
    .services-table {
        font-size: 0.9rem;
    }

    .services-table th,
    .services-table td {
        padding: 12px 8px;
    }

    /* Categories Slider */
    .categories-slider {
        gap: 20px;
    }

    .category-card {
        min-width: calc(50% - 10px);
    }

    /* Mobile Header */
    .mobile-header-v2 {
        display: flex;
    }

    .desktop-header-v2 {
        display: none;
    }

    /* Content Containers */
    .container {
        padding: 0 30px;
    }

    /* Editorial Panels */
    .editorial-panel--portrait {
        max-width: 100%;
        margin: 0 auto;
    }

    /* Buttons */
    .feminine-button {
        padding: 14px 28px;
        font-size: 1rem;
    }

    /* Section Spacing */
    .feminine-section {
        padding: 60px 0;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    /* Larger tablets / small laptops */
    .hero-content-grid {
        gap: 50px;
    }

    .art-minimal-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .art-minimal-staff-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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