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

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

    .home-featured-product-slider,
    .supplier-featured-slider,
    .top-rated-slider {
        max-width: 100%;
        min-width: 0;
        overflow: hidden
    }

    .home-featured-products .shop-slide-track,
    .supplier-carousel,
    .top-rated-track,
    .supplier-field-grid,
    .supplier-region-grid {
        max-width: 100%;
        min-width: 0;
        overscroll-behavior-x: contain
    }

    .home-featured-products .shop-slide-arrow.left {
        left: 4px
    }

    .home-featured-products .shop-slide-arrow.right {
        right: 4px
    }

    /* 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-layout {
        grid-template-columns: 1fr
    }

    .dealer-filter-sidebar {
        position: static
    }

    .dealer-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px
    }

    .dealer-filter-head,
    .dealer-filter-actions {
        grid-column: 1 / -1
    }

    .dealer-tier-options {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

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

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

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

    .contact-hero {
        gap: 18px
    }

    .contact-channel-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .contact-sidebar {
        position: static;
        grid-template-columns: 1fr 1fr
    }

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

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

    .shop-cover img {
        height: 220px
    }

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

    .shop-gallery {
        padding: 0 38px
    }

    .shop-gallery:not(.swiper-initialized) article {
        flex-basis: calc((100% - 10px) / 2)
    }

    .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(auto-fit, minmax(220px, 1fr));
        gap: 14px
    }

    .shop-side-box {
        min-width: 0;
        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: visible;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-bottom: 4px
    }

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

    .quick-service-card:nth-last-child(-n+3):nth-child(4n+1),
    .quick-service-card:nth-last-child(-n+3):nth-child(4n+1) ~ .quick-service-card {
        grid-column: auto
    }

    .quick-services .quick-services-inner .quick-service-card.service-region {
        order: 1;
        grid-column: 1;
        grid-row: 1
    }

    .quick-services .quick-services-inner .quick-service-card.service-supplier {
        order: 2;
        grid-column: 1;
        grid-row: 2
    }

    .quick-services .quick-services-inner .quick-service-card.service-top-rated {
        order: 3;
        grid-column: 1;
        grid-row: 3
    }

    .quick-services .quick-services-inner .quick-service-card.service-field {
        order: 4;
        grid-column: 1;
        grid-row: 4
    }

    .quick-services .quick-services-inner .quick-service-card.service-repair {
        order: 1;
        grid-column: 2;
        grid-row: 1
    }

    .quick-services .quick-services-inner .quick-service-card.service-liquidation {
        order: 2;
        grid-column: 2;
        grid-row: 2
    }

    .quick-services .quick-services-inner .quick-service-card.service-parts {
        order: 3;
        grid-column: 2;
        grid-row: 3
    }

    .quick-services .quick-services-inner .quick-service-card.service-recruit {
        order: 4;
        grid-column: 2;
        grid-row: 4
    }

    .quick-services .quick-services-inner .quick-service-card.service-electronics {
        order: 5;
        grid-column: 2;
        grid-row: 5
    }

    .quick-services .quick-services-inner .quick-service-card.service-rental {
        order: 6;
        grid-column: 1;
        grid-row: 5
    }

    .quick-services .quick-services-inner .quick-service-card.service-maintenance {
        order: 7;
        grid-column: 1;
        grid-row: 6
    }

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

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

    .supplier-featured-slider {
        --supplier-slides-visible: 3
    }

    .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 {
        gap: 14px;
    }

    .tech-card {
        flex: 0 0 420px;
    }

    .tech-slider-arrow {
        display: none
    }

    /* 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)
    }

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

    .product-shop-card {
        position: static
    }

    .related-product-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .parts-hero-inner,
    .parts-layout,
    .parts-bottom-grid {
        grid-template-columns: 1fr
    }

    .parts-filter-row {
        grid-template-columns: repeat(2, 1fr)
    }

    .parts-category-grid {
        grid-template-columns: repeat(3, 1fr)
    }

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

    .parts-sidebar h2,
    .parts-sidebar button {
        grid-column: 1 / -1
    }

    .parts-filter-block {
        border-top: 0;
        padding: 0
    }

    .parts-product-grid,
    .parts-supplier-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}