/* ===== TABLET: 768px - 1024px ===== */
@media (max-width: 1024px) {

    .container {
        max-width: 100%;
        padding: 0 20px
    }

    /* HEADER */
    .topbar-left,
    .topbar-right {
        gap: 18px
    }

    .header-inner {
        flex-wrap: wrap;
        gap: 12px 18px
    }

    .logo {
        min-width: auto
    }

    .logo-copy strong {
        font-size: 21px
    }

    .logo-copy small {
        font-size: 11px
    }

    .search-bar {
        order: 3;
        flex: 0 0 100%;
        max-width: none
    }

    .auth-panel {
        grid-template-columns: 1fr 390px
    }

    .auth-card {
        padding: 28px
    }

    .login-layout {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .login-sidebar {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px
    }

    .login-benefits {
        grid-template-columns: repeat(2, 1fr)
    }

    .register-hero,
    .register-layout {
        grid-template-columns: 1fr
    }

    .register-hero-benefits {
        grid-template-columns: repeat(2, 1fr)
    }

    .register-sidebar {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px
    }

    .dealer-filter {
        grid-template-columns: 1fr 1fr;
        gap: 12px
    }

    .dealer-filter button {
        grid-column: 1 / -1
    }

    .dealer-directory-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .dealer-shop-header {
        grid-template-columns: 120px minmax(0, 1fr) 220px
    }

    .shop-cover {
        grid-column: 1 / -1
    }

    .shop-cover img {
        height: 220px
    }

    .shop-gallery,
    .shop-feature-strip {
        grid-template-columns: repeat(2, 1fr)
    }

    .shop-product-card,
    .shop-video-grid article {
        flex-basis: calc((100% - 12px) / 2)
    }

    .shop-slider {
        padding: 12px
    }

    .shop-search-bar {
        flex-wrap: wrap
    }

    .shop-search-bar label {
        flex: 0 0 100%
    }

    .shop-layout {
        grid-template-columns: 1fr
    }

    .shop-sidebar {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px
    }

    .shop-side-box {
        margin-bottom: 0
    }

    .shop-bottom-grid {
        grid-template-columns: 1fr
    }

    .header-actions {
        min-width: auto;
        margin-left: auto
    }

    /* NAV */
    .nav-inner {
        justify-content: flex-start;
        overflow-x: auto
    }

    .nav-menu {
        justify-content: flex-start;
        gap: 18px;
        min-width: max-content
    }

    .nav-menu li a {
        padding: 0;
        font-size: 13px
    }

    /* HERO */
    .hero-inner {
        flex-direction: column
    }

    .hero-slider {
        flex: none;
        width: 100%;
        min-height: 300px
    }

    .slide-content {
        min-height: 300px;
        padding: 28px 30px
    }

    .hero-content h1 {
        font-size: 24px
    }

    .hero-content .highlight {
        font-size: 34px
    }

    .hero-desc {
        font-size: 14px
    }

    .hero-features {
        gap: 8px
    }

    .hero-feat {
        padding: 8px 12px;
        font-size: 11px
    }

    .feat-icon {
        width: 28px;
        height: 28px
    }

    .feat-icon i {
        font-size: 11px
    }

    .hero-dealer {
        padding: 20px
    }

    .dealer-stats {
        gap: 10px
    }

    .stat-num {
        font-size: 18px
    }

    .quick-services-inner {
        overflow-x: auto;
        grid-template-columns: repeat(5, 230px);
        padding-bottom: 4px
    }

    .quick-service-card {
        min-height: 100px;
        padding: 14px 12px
    }

    /* BRANDS */
    .brand-list {
        grid-template-columns: repeat(5, 1fr)
    }

    .supplier-carousel,
    .supplier-region-grid {
        overflow-x: auto;
        grid-template-columns: repeat(5, 240px);
        padding-bottom: 4px
    }

    .supplier-field-grid {
        overflow-x: auto;
        grid-template-columns: repeat(8, 160px);
        padding-bottom: 4px
    }

    .top-rated-head {
        grid-template-columns: 1fr auto;
        gap: 12px
    }

    .top-rated-tabs {
        grid-column: 1 / -1;
        order: 3
    }

    .top-rated-card {
        flex-basis: 360px
    }

    .tech-grid {
        display: flex;
        overflow-x: auto;
        gap: 14px;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory
    }

    .tech-card {
        flex: 0 0 420px;
        scroll-snap-align: start
    }

    /* ARTICLES */
    .article-list {
        grid-template-columns: repeat(3, 1fr)
    }

    /* TRUST */
    .trust-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 28px
    }

    .trust-item {
        gap: 14px
    }

    /* FOOTER */
    .footer-inner {
        flex-wrap: wrap;
        gap: 24px
    }

    .footer-about {
        flex: 0 0 100%
    }

    .footer-col {
        flex: 0 0 calc(25% - 18px)
    }
}