/* ==========================================================
   Mobile Quick Categories Auto-Slider & Mobile Search Bar
   ========================================================== */
.home-mobile-search-wrapper {
    display: none;
}

@media (max-width: 991.98px) {
    /* Auto continuous scrolling category ticker on mobile */
    .quick-categories-slider-wrapper {
        overflow: hidden;
        width: 100%;
        position: relative;
        background: #ffffff;
        border-radius: 12px;
        padding: 10px 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
        margin-bottom: 12px;
    }

    .quick-categories-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        animation: quickCategoryScroll 22s linear infinite;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .quick-categories-slider-wrapper:hover .quick-categories-track,
    .quick-categories-slider-wrapper:active .quick-categories-track {
        animation-play-state: paused;
    }

    @keyframes quickCategoryScroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }

    .quick-cat-slide-item {
        flex: 0 0 auto !important;
        width: 76px !important;
        padding: 4px 6px !important;
        text-align: center;
        border: none !important;
        background: transparent !important;
    }

    .quick-cat-icon-wrap {
        width: 50px;
        height: 50px;
        margin: 0 auto 5px;
        border-radius: 12px;
        background: #f4f7fa;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
        border: 1px solid #e5e9f0;
        transition: transform 0.2s;
    }

    .quick-cat-slide-item:active .quick-cat-icon-wrap {
        transform: scale(0.94);
    }

    .quick-cat-icon-wrap img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .quick-cat-name {
        font-size: 11px;
        font-weight: 600;
        color: #2d3748;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    /* Mobile Search Bar: Modern clean full width */
    .home-mobile-search-wrapper {
        display: block;
        margin: 8px 0 16px 0;
        padding: 0 2px;
    }

    .home-mobile-search-form {
        display: flex;
        align-items: center;
        background: #ffffff;
        border: 2px solid #0056b3;
        border-radius: 50px;
        padding: 4px 6px 4px 16px;
        box-shadow: 0 4px 14px rgba(0, 86, 179, 0.12);
        transition: all 0.25s ease;
    }

    .home-mobile-search-form:focus-within {
        box-shadow: 0 6px 18px rgba(0, 86, 179, 0.22);
        border-color: #003d80;
    }

    .home-mobile-search-form input {
        flex: 1;
        border: none;
        outline: none;
        background: transparent;
        font-size: 13.5px;
        color: #1a202c;
        padding: 8px 6px 8px 0;
    }

    .home-mobile-search-form input::placeholder {
        color: #8c98a4;
        font-size: 13px;
    }

    .home-mobile-search-form button {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #0056b3;
        border: none;
        color: #ffffff !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        flex-shrink: 0;
        cursor: pointer;
        box-shadow: 0 2px 6px rgba(0, 86, 179, 0.3);
    }

    .home-mobile-search-form button i,
    .home-mobile-search-form button .ec-search {
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 1;
    }

    /* ==========================================================
       Mobile Product Details Page Refinements
       ========================================================== */
    .volt-product-detail-page #sliderSyncingNav {
        background: #ffffff;
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0 4px 20px rgba(0, 86, 179, 0.06);
        border: 1px solid #edf2f7;
    }

    .volt-product-detail-page #sliderSyncingNav img {
        max-height: 280px;
        width: auto;
        margin: 0 auto;
        object-fit: contain;
    }

    .volt-product-detail-page #sliderSyncingThumb {
        margin-top: 10px;
    }

    .volt-product-detail-page #sliderSyncingThumb .js-slide {
        padding: 4px;
    }

    .volt-product-detail-page #sliderSyncingThumb img {
        border-radius: 10px;
        border: 2px solid #e2e8f0;
        padding: 4px;
        background: #ffffff;
        max-height: 60px;
        object-fit: contain;
        transition: border-color 0.2s;
    }

    .volt-product-detail-page #sliderSyncingThumb .slick-current img {
        border-color: #0056b3;
    }

    .volt-product-title {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #1a202c !important;
        line-height: 1.35 !important;
        margin-top: 8px;
    }

    .volt-free-delivery-badge {
        background: #e6f7f2 !important;
        color: #0d825c !important;
        border: 1px solid #b7ebd8 !important;
        border-radius: 8px !important;
        padding: 7px 12px !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        display: inline-flex !important;
        align-items: center;
        gap: 6px;
    }

    .volt-buy-card {
        border-radius: 18px !important;
        box-shadow: 0 10px 30px rgba(0, 40, 90, 0.08) !important;
        border: 1.5px solid #e2e8f0 !important;
        padding: 20px !important;
        background: #ffffff;
    }

    .volt-price-wrap {
        display: flex;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 16px;
    }

    .volt-current-price {
        font-size: 30px !important;
        font-weight: 800 !important;
        color: #0056b3 !important;
        letter-spacing: -0.5px;
    }

    .volt-del-price {
        font-size: 15px !important;
        color: #a0aec0 !important;
        text-decoration: line-through;
    }

    .volt-stock-badge {
        background: #eafbf0;
        color: #15803d;
        font-size: 12px;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 20px;
        display: inline-block;
    }

    /* Quantity Control on Mobile */
    .volt-qty-box {
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 30px !important;
        padding: 2px 10px !important;
        background: #f8fafc;
        max-width: 140px;
    }

    .volt-qty-box input {
        font-weight: 700;
        font-size: 15px;
        color: #1e293b;
        text-align: center;
        background: transparent !important;
    }

    .volt-qty-btn {
        width: 28px !important;
        height: 28px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important;
        border: 1px solid #e2e8f0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        color: #334155 !important;
    }

    /* Action Buttons */
    .volt-btn-cart {
        background: #0056b3 !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        border-radius: 12px !important;
        padding: 13px !important;
        font-size: 15px !important;
        letter-spacing: 0.3px;
        box-shadow: 0 4px 14px rgba(0, 86, 179, 0.28) !important;
        border: none !important;
        transition: all 0.2s ease;
    }

    .volt-btn-cart:active {
        transform: scale(0.98);
    }

    .volt-btn-buynow {
        background: #111827 !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        border-radius: 12px !important;
        padding: 13px !important;
        font-size: 15px !important;
        letter-spacing: 0.3px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
        border: none !important;
        transition: all 0.2s ease;
    }

    .volt-btn-buynow:active {
        transform: scale(0.98);
    }

    /* Tabs styling on Mobile */
    .volt-product-detail-page .nav-tabs {
        border-bottom: 2px solid #e2e8f0 !important;
    }

    .volt-product-detail-page .nav-tabs .nav-link {
        font-weight: 700 !important;
        font-size: 15px !important;
        color: #64748b !important;
        border: none !important;
        padding: 10px 18px !important;
    }

    .volt-product-detail-page .nav-tabs .nav-link.active {
        color: #0056b3 !important;
        border-bottom: 3px solid #0056b3 !important;
        background: transparent !important;
    }
}