/* Tablet Adjustments */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Hero */
    .hero-section {
        padding: 40px 35px !important;
        width: 100% !important;
        min-height: 580px !important;
    }
    .hero-content {
        width: 60% !important;
    }
    .hero-title { font-size: 30px !important; line-height: 1.08 !important; }
    .hero-desc { font-size: 13px !important; line-height: 1.5 !important; }
    .hero-ai-bar { width: 100% !important; min-height: 56px !important; }

    /* Categories */
    .categories-section {
        margin: 0 !important;
        padding: 28px 30px 30px 30px !important;
        height: auto !important;
        min-height: auto !important;
    }
    .categories-flexbox {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        column-gap: 0.5rem !important;
        row-gap: 0 !important;
    }

    /* Filters + Products */
    .filters-products-wrapper {
        margin: 0 !important;
        padding: 30px 30px 50px 30px !important;
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        column-gap: 2rem !important;
        row-gap: 0 !important;
    }
    .filters-column {
        width: 28% !important;
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 1.5rem !important;
    }
    .products-column {
        width: 72% !important;
        height: auto !important;
        min-height: auto !important;
    }

    /* Projects */
    .projects-section {
        padding: 50px 30px !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        column-gap: 2rem !important;
    }
    .projects-text-col { width: 28% !important; }
    .projects-cards-col { width: 72% !important; }
    .projects-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        column-gap: 1rem !important;
        row-gap: 1rem !important;
    }
    .projects-grid > * { width: 47% !important; }

    /* Consultant */
    .consultant-section {
        width: 100% !important;
        min-height: 400px !important;
        padding: 35px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .consultant-benefits {
        width: 45% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.7rem !important;
    }
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    /* Hero */
    .hero-section {
        width: 100% !important;
        min-height: 560px !important;
        padding: 40px 20px !important;
    }
    .hero-inner {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
    }
    .hero-left { width: 100% !important; }
    .hero-right-banner { display: none !important; }
    .hero-title { font-size: 27px !important; line-height: 1.08 !important; }
    .hero-desc { font-size: 12px !important; line-height: 1.5 !important; }
    .hero-ai-bar { width: 100% !important; min-height: 56px !important; }

    /* Categories */
    .categories-flexbox {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .categories-flexbox > * {
        min-width: 70px !important;
    }
    .categories-section {
        padding: 25px 20px !important;
        min-height: auto !important;
        margin: 0 !important;
    }

    /* Filters + Products */
    .filters-products-wrapper {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        row-gap: 2rem !important;
        column-gap: 0 !important;
        padding: 30px 20px 45px 20px !important;
    }
    .filters-column { width: 100% !important; }
    .husky-filters-container { width: 100% !important; }
    .help-banner {
        width: 100% !important;
        min-height: 210px !important;
        padding: 20px !important;
    }
    .products-column {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
    }
    .sorting-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.8rem !important;
    }
    .sorting-row select { width: 100% !important; }

    /* Projects */
    .projects-section {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 45px 20px !important;
    }
    .projects-text-col, .projects-cards-col { width: 100% !important; }
    .projects-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        row-gap: 1rem !important;
    }
    .projects-grid > * { width: 100% !important; }

    /* Consultant */
    .consultant-section {
        width: 100% !important;
        min-height: 650px !important;
        padding: 35px 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        background-position: bottom right !important;
    }
    .consultant-text-block { width: 100% !important; }
    .consultant-title { font-size: 19px !important; font-weight: 600 !important; line-height: 1.15 !important; }
    .consultant-desc { font-size: 12.5px !important; line-height: 1.5 !important; }
    .consultant-btn { width: auto !important; align-self: flex-start !important; }
    
    .consultant-benefits {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.8rem !important;
        width: 100% !important;
    }
    .consultant-benefits > * { width: 100% !important; }
    
    .consultant-phrase {
        width: 100% !important;
        text-align: center !important;
        font-size: 8px !important;
        letter-spacing: 2px !important;
        margin-top: 20px !important;
    }

    /* Footer */
    .site-footer {
        background-color: #0C0D0C !important;
        border-top: 1px solid #292A28 !important;
        padding: 18px 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
    }
    .site-footer * {
        color: #92928D !important;
        font-size: 10.5px !important;
    }
}
