/* ==========================================================================
   shop-list.css
   Contains every <style> block and every former style="" attribute from:
   product.blade.php, nt_filter_fresh, nt_subcat_tier, nt_filter_mobile
   Converted inline styles use !important so they keep the same priority
   they had as inline styles.
   ========================================================================== */

/* Elements that used style="display:none;" and are toggled by JS.
   shop-list.js converts this into a real inline display:none on load,
   so external scripts (.show()/.hide()/style.display) behave exactly as before. */
[data-init-hidden] {
    display: none;
}

/* ==========================================================================
   1. MAIN BLOCK (product.blade.php first <style>)
   ========================================================================== */

.nt-filter-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.nt-cat-icon {
    flex: 0 0 auto;
}

.nt-filter-item span {
    flex: 1 1 auto;
    text-align: left;
}

.nt-filter-item .nt-check {
    flex: 0 0 auto;
    margin-left: auto;
}

.nallur-trending-price {
    display: none !important;
}
@media (max-width: 991px) {
    .sub-category-name {
        display: block !important;
        max-width: 12ch !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        line-height: 1.2 !important;
        vertical-align: top !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    ul.breadcrumb {
        margin-top: 25px;
        margin-bottom: 15px;
    }
}
.pr-overlay-dollar-price {
    font-size: 11px;
    color: #27ae60;
    font-weight: 600;
    margin-top: 1px;
}

.svw-info-dollar-price {
    font-size: 11px;
    color: #27ae60;
    font-weight: 600;
    margin-left: 4px;
}

.price-dollar {
    font-size: 12px;
    color: #27ae60;
    font-weight: 600;
    margin-left: 6px;
}

/* ── Dollar price badge on product cards (bottom-right corner) ── */
.na-product-dollar-badge {
    position: absolute;
    bottom: 85px;
    right: 5px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    z-index: 5;
    pointer-events: none;
    align-items: flex-end;
}

.na-product-dollar-badge-for-new-arrivals {
    position: relative;
    bottom: 85px;
    right: 5px;
    display: contents;
    flex-direction: column;
    gap: 3px;
    z-index: 5;
    pointer-events: none;
    align-items: flex-end;
}

.na-product-dollar-badge .na-price-row {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 5px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 8px;
    color: #fff;
    gap: 5px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
    background: #000 !important;
}
.na-product-dollar-badge .na-price-label {
    font-size: 12px;
    font-weight: 700;
    opacity: 0.9;
    letter-spacing: 0.4px;
}
.na-product-dollar-badge .na-price-val {
    font-size: 12px;
}
.na-product-dollar-badge .na-price-row.badge-inr { background: #1a6e3c; }
.na-product-dollar-badge .na-price-row.badge-cad { background: #6a1b9a; }
.na-product-dollar-badge .na-price-row.badge-eur { background: #1a4fa0; }
.na-product-dollar-badge .na-price-row.badge-lkr { background: #e67e22; }
@media (max-width: 991px) {
    .na-product-dollar-badge {
        bottom: 45px;
        right: 4px;
        gap: 2px;
    }
    .na-product-dollar-badge .na-price-row {
        font-size: 8px;
        padding: 2px 6px;
        border-radius: 4px;
    }
    .na-product-dollar-badge .na-price-label { font-size: 11px; }
    .na-product-dollar-badge .na-price-val   { font-size: 11px; }

    .relDiscPrice {
        font-size: 10px !important;
    }

    .relDiscPct {
        font-size: 10px !important;
    }
}

/* ── CHF Corner Badge (top-right) ── */
.na-chf-corner-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 8;
    background: #f5bd41;
    color: #000;
    font-size: 12px;
    font-weight: 800;
    padding: 3px 7px;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    letter-spacing: 0.3px;
    pointer-events: none;
    white-space: nowrap;
}
.for-new-arrivals-chf-badge {
    position: absolute;
    top: 5px;
    right: 290px;
}
@media (max-width: 767px) {
    .na-chf-corner-badge { font-size: 8px; padding: 2px 5px; top: 5px; right: 5px; }
    .for-new-arrivals-chf-badge {
        font-size: 8px;
        padding: 2px 5px;
        top: -35px;
        right: 25px;
    }
}

/* ── Dollar price on SVW strip item (top-right of preview) ── */
.svw-item {
    position: relative;
}
.svw-dollar-badge {
    position: absolute;
    bottom: 80px;
    right: 8px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    z-index: 10;
    pointer-events: none;
    align-items: flex-end;
}
.svw-dollar-badge .na-price-row {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 5px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 8px;
    color: #fff;
    gap: 5px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
    background: #000 !important;
}
.svw-dollar-badge .na-price-label {
    font-size: 12px;
    font-weight: 700;
    opacity: 0.9;
    letter-spacing: 0.4px;
}
.svw-dollar-badge .na-price-val {
    font-size: 12px;
}
.svw-dollar-badge .na-price-row.badge-inr { background: #1a6e3c; }
.svw-dollar-badge .na-price-row.badge-cad { background: #6a1b9a; }
.svw-dollar-badge .na-price-row.badge-eur { background: #1a4fa0; }
.svw-dollar-badge .na-price-row.badge-lkr { background: #e67e22; }
@media (max-width: 767px) {
    .svw-dollar-badge {
        bottom: 60px;
        right: 5px;
        gap: 2px;
    }
    .svw-dollar-badge .na-price-row {
        font-size: 8px;
        padding: 2px 6px;
        border-radius: 4px;
    }
    .svw-dollar-badge .na-price-label { font-size: 9px; }
    .svw-dollar-badge .na-price-val   { font-size: 9px; }
}

/* ── CHF Corner Badge for SVW items ── */
.svw-chf-corner-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    background: #f5bd41;
    color: #000;
    font-size: 12px;
    font-weight: 800;
    padding: 3px 7px;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    letter-spacing: 0.3px;
    pointer-events: none;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .svw-chf-corner-badge { font-size: 8px; padding: 2px 5px; top: 5px; right: 5px; }
}

@media (min-width: 1200px) {
    body.layout-2 #content.col-sm-9, body.layout-1 #content.col-sm-9, body.layout-2 #content.col-md-9, body.layout-1 #content.col-md-9 {
        width: 79.33333%;
    }
}

#orderEnquiryModal .iti {
    width: 100%;
}

#orderEnquiryModal .iti__flag-container {
    z-index: 99999;
}

/* ════════════════════════════════════════════
   SHOP GRID — same card style as the landing
   page product strip (image, bottom-right icon
   actions, category/name, CHF/EUR/CAD pills,
   ₹ price row) — laid out 3 per row.
════════════════════════════════════════════ */
#shop-product-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
}
.shop-product-card-wrap {
    display: flex !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}
.shop-product-card-wrap .lp-prod-card {
    width: 100% !important;
}

.lp-prod-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer !important;
}
.lp-prod-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

.lp-prod-img-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    background: transparent !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: block !important;
    line-height: 0 !important;
}

.lp-prod-img-wrap::before {
    display: none !important;
    content: none !important;
}

.lp-prod-img-wrap .na-carousel-track { position: absolute !important; inset: 0 !important; display: block !important; }

.lp-prod-img-wrap img.na-carousel-img {
    object-fit: cover !important;
    object-position: center top !important;
}

/* badge */
.lp-prod-badge {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    top: auto !important;
    right: auto !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    z-index: 6 !important;
    background: #000 !important;
    color: #fff !important;
}

/* icon actions — bottom-right of image */
.lp-prod-img-wrap .lp-prod-actions {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    z-index: 6 !important;
}
.lp-prod-img-wrap .lp-prod-actions .na-add-to-cart-btn,
.lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn {
    position: static !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
    cursor: pointer !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease !important;
}
.lp-prod-img-wrap .lp-prod-actions .na-add-to-cart-btn {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000 !important;
}
.lp-prod-img-wrap .lp-prod-actions .na-add-to-cart-btn:hover { background: #030d47 !important; border-color: #030d47 !important; }
.lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000 !important;
}
.lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn:hover { background: #e0aa2a !important; border-color: #e0aa2a !important; }
.lp-prod-img-wrap .lp-prod-actions .na-add-to-cart-btn span { display: none !important; }
.lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn .pr-btn-text { display: none !important; }
.lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn svg { display: none !important; }
.lp-prod-img-wrap .lp-prod-actions .na-add-to-cart-btn i,
.lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn i {
    font-size: 14px !important;
    line-height: 1 !important;
    color: #000 !important;
}

/* sold out chip inside actions row */
.lp-prod-img-wrap .lp-prod-soldout {
    background: #888 !important;
    color: #fff !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    z-index: 6 !important;
}

/* info block below image */
.lp-prod-info { padding: 10px 2px 4px !important; flex: 1 !important; display: flex !important; flex-direction: column !important; }

.lp-prod-meta {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    line-height: 18px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.lp-prod-meta .lp-prod-code {
    font-weight: 600 !important;
    color: #6b6b6b !important;
}

.lp-prod-name {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #222 !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: auto !important;
}
.lp-prod-price-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
}
.lp-prod-price-now  { font-size: 15px !important; font-weight: 600 !important; color: #1a1a1a !important; }
.lp-prod-price-mrp  { font-size: 13px !important; text-decoration: line-through !important; color: #9a9a9a !important; }
.lp-prod-off-pct    { font-size: 13px !important; font-weight: 600 !important; color: #1eef4b !important; }

/* currency badges — CHF / EUR / CAD only, all black, as in the landing page card */
.lp-prod-currency-badges {
    display: none !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin: 4px 0 6px !important;
}
.lp-prod-currency-badges .na-price-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    background: #4CAF50 !important;
}
.lp-prod-currency-badges .na-price-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; opacity: 0.95 !important; }
.lp-prod-currency-badges .na-price-val   { font-size: 10.5px !important; }

@media (max-width: 767px) {
    .lp-prod-img-wrap { aspect-ratio: 3 / 4 !important; border-radius: 10px !important; }
    .lp-prod-name    { font-size: 13px !important; min-height: auto !important; }
    .lp-prod-meta    { font-size: 10.5px !important; line-height: 16px !important; }
    .lp-prod-price-now { font-size: 14px !important; }
    .lp-prod-price-mrp { font-size: 11.5px !important; }
    .lp-prod-off-pct   { font-size: 11.5px !important; }
    .lp-prod-badge     { font-size: 9.5px !important; padding: 4px 8px !important; bottom: 8px !important; left: 8px !important; top: auto !important; right: auto !important; }

    .lp-prod-img-wrap .lp-prod-actions { right: 8px !important; bottom: 8px !important; gap: 5px !important; }
    .lp-prod-img-wrap .lp-prod-actions .na-add-to-cart-btn,
    .lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn { width: 28px !important; height: 28px !important; min-width: 28px !important; }
    .lp-prod-img-wrap .lp-prod-actions .na-add-to-cart-btn i,
    .lp-prod-img-wrap .lp-prod-actions .order-now-btn.pr-order-now-btn i { font-size: 12px !important; }

    .lp-prod-currency-badges { gap: 3px !important; margin: 3px 0 5px !important; flex-wrap: nowrap !important; }
    .lp-prod-currency-badges .na-price-row { padding: 2px 5px !important; font-size: 9.5px !important; }
    .lp-prod-currency-badges .na-price-label { font-size: 7px !important; }
    .lp-prod-currency-badges .na-price-val   { font-size: 7px !important; }
}

@media (max-width: 367px) {
    .lp-prod-currency-badges { gap: 3px !important; margin: 3px 0 5px !important; flex-wrap: wrap !important; }
}

/* ==========================================================================
   2. SQUARE IMAGE PAGE (was @if($isSquareImagePage) <style>)
   shop-list.js adds the .shop-square-page class to <body> when needed.
   ========================================================================== */
.shop-square-page .shop-product-card-wrap .product-image-container.second_img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 100% !important;
    background-color: #fff !important;
    overflow: hidden !important;
}
.shop-square-page .shop-product-card-wrap .product-image-container.second_img img.img-1,
.shop-square-page .shop-product-card-wrap .product-image-container.second_img img.img-responsive {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    width: calc(100% - 24px) !important;
    height: calc(100% - 24px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.shop-square-page .nallur-trending-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.3s ease;
    object-position: center;
    background: white;
}

.shop-square-page .owl2-carousel .owl2-item img {
    object-position: center !important;
    object-fit: contain !important;
}

/* ==========================================================================
   3. ORDER ENQUIRY MODAL (former inline styles)
   ========================================================================== */
.enq-product-code-text {
    font-size: 12px !important;
    color: #888 !important;
    margin-bottom: 2px !important;
}
.enq-err {
    font-size: 12px !important;
}
.enq-global-error {
    font-size: 13px !important;
}
.enq-note-en {
    margin-bottom: 3px !important;
    color: gray !important;
    font-weight: 600 !important;
}
.enq-note-ta {
    font-size: 12px !important;
    color: gray !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   4. CATEGORY TITLE + BANNER
   ========================================================================== */
.shop-cat-banner-wrap { margin: 0 0 20px; }
.shop-cat-banner-title {
    font-size: 30px;
    font-weight: 600;
    color: #1a1a1a;

    margin: 0 0 12px;
    line-height: 1.2;
}
.shop-cat-banner-link {
    display: block;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}
.shop-cat-banner-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}
@media (max-width: 767px) {
    .shop-cat-banner-title { font-size: 20px; margin-bottom: 8px; }
    .shop-cat-banner-img   { border-radius: 6px; }
}

/* main row + search wrapper (former inline styles) */
.shop-main-row {
    display: flex !important;
    flex-wrap: wrap !important;
}
.shop-search-wrapper {
    position: relative !important;
    flex: 1 !important;
    min-width: 0 !important;
}

/* ==========================================================================
   5. SHOP GRID — FIXED 3 PER ROW (DESKTOP) / sticky sidebar
   ========================================================================== */
@media (min-width: 992px) {
    /* Keep the filter sidebar following the scroll instead of
       leaving blank white space beneath it once its own
       content ends before the product grid does. */
    #nt-filter-aside {
        position: sticky !important;
        top: 20px !important;
        align-self: flex-start !important;
        max-height: calc(100vh - 40px) !important;
        overflow-y: auto !important;
    }
}

/* generated markup helpers (former inline styles in JS output) */
.shop-scroll-sentinel {
    height: 1px;
}
.shop-sold-chip {
    background: #888 !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.shop-sold-chip--sm {
    padding: 3px 10px !important;
}
.shop-sold-chip--xs {
    padding: 2px 10px !important;
}

/* ==========================================================================
   6. ORDER ENQUIRY FORM STYLES
   ========================================================================== */
.form-group { margin-bottom: 1rem; }
.form-control.error-border { border-color: #dc3545; }
.form-control.valid-border { border-color: #28a745; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

/* ==========================================================================
   7. DISABLED SECTIONS (Watch & Buy / New Arrivals) — former inline styles
   ========================================================================== */
.svw-modal-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background: #000 !important;
    outline: none !important;
    display: block !important;
    border-radius: 16px !important;
}
.svw-modtitle {
    margin-bottom: 25px !important;
    margin-top: 20px !important;
}
.shop-modtitle-pill {
    font-size: 16px !important;
    color: #fff !important;
    font-weight: 700 !important;
    float: inherit !important;
    text-transform: capitalize !important;
    margin-bottom: 0 !important;
    background-color: #ea265e !important;
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    padding: 11px 20px !important;
    position: relative !important;
}
.shop-new-collection-layout {
    margin: 0 0 20px !important;
}
.shop-na-image-rel {
    position: relative !important;
}
.shop-na-order-wrap {
    display: flex !important;
    justify-content: end !important;
}
.shop-na-order-btn {
    margin-top: 10px !important;
    background-color: #ea265e !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 18px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* ==========================================================================
   8. CAROUSEL
   ========================================================================== */
.na-carousel-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.45s cubic-bezier(0.4,0,0.2,1), transform 0.45s cubic-bezier(0.4,0,0.2,1);
    transform: scale(1.03);
    will-change: opacity, transform;
}
.na-carousel-img.active { opacity: 1; z-index: 2; pointer-events: auto; }
.na-carousel-img.exit-left  { transform: translateX(-8px) scale(0.98); opacity: 0; }
.na-carousel-img.exit-right { transform: translateX(8px)  scale(0.98); opacity: 0; }
.na-carousel-img.enter-left  { transform: translateX(8px)  scale(1.02); opacity: 0; }
.na-carousel-img.enter-right { transform: translateX(-8px) scale(1.02); opacity: 0; }

.na-carousel-arrow {
    display: none !important;
}

.na-carousel-dots {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    gap: 5px;
    z-index: 7;
    pointer-events: none;
    opacity: 1;
}
.na-carousel-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,0.45);
    transition: background 0.25s, transform 0.25s;
}
.na-carousel-dot.active {
    background: #fff;
    transform: scale(1.35);
}

/* ==========================================================================
   9. nt_filter_fresh.blade.php  +  nt_filter_mobile.blade.php
   ========================================================================== */
#fMin::placeholder,
#fMax::placeholder,
#fMinMob::placeholder,
#fMaxMob::placeholder {
    color: #434141;
    font-weight: 400;
}

.nt-bubble-item {
    background: #000;
}

.nt-drawer {
    z-index: 999999;
}

/* price range (former inline styles) */
.nt-price-wrap {
    padding: 10px 0 20px 0 !important;
}
.nt-price-flex {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}
.nt-price-col {
    flex: 1 !important;
}
.nt-price-label {
    font-size: 11px !important;
    color: #888 !important;
    display: block !important;
    margin-bottom: 4px !important;
}
.nt-price-dash {
    color: #bbb !important;
    font-size: 18px !important;
    padding-top: 18px !important;
}
.nt-price-dash--mob {
    padding-top: 20px !important;
}
.nt-price-input {
    width: 100% !important;
    border: 1.5px solid #ddd !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}
.nt-price-input--mob {
    padding: 10px !important;
}
.nt-price-input:focus {
    border-color: #c10037 !important;
}

/* action buttons (former inline styles) */
.nt-filter-actions {
    padding: 20px 0 !important;
    display: grid !important;
    gap: 10px !important;
}
.nt-btn-apply {
    flex: 2 !important;
    background: #000 !important;
    color: #fff !important;
    border: solid 1px !important;
    height: 45px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    letter-spacing: 0.5px !important;
}
.nt-btn-reset {
    flex: 1 !important;
    background: #8a8a8a !important;
    color: #fff !important;
    border: 1px solid #8a8a8a !important;
    height: 45px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    border-radius: 8px !important;
}
.nt-filter-actions--mob {
    padding: 30px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}
.nt-btn-apply--mob {
    width: 100% !important;
    background: #000 !important;
    color: #fff !important;
    border: solid 1px !important;
    height: 55px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 20px rgba(193,0,55,0.2) !important;
}
.nt-btn-reset--mob {
    width: 100% !important;
    background: #8a8a8a !important;
    color: #fff !important;
    border: 1px solid #8a8a8a !important;
    height: 55px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border-radius: 12px !important;
}
.nt-selected-bubbles--mob {
    margin: 8px 0 12px !important;
}

/* ==========================================================================
   10. nt_subcat_tier.blade.php
   ========================================================================== */
.nt-sub-tier-link i {
    font-size: 10px;
    display: none;
}
.nt-sub-tier-wrap {
    width: 100%;
    position: relative;
    padding-top: 8px;
}
.nt-sub-tier-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 6px 0 12px 0 !important;
    margin: 0;
    list-style: none;
    scrollbar-width: thin;
    scrollbar-color: #000 #e6e6e6;
}
.nt-sub-tier-list::-webkit-scrollbar {
    height: 5px;
    width: 0 !important;
}
.nt-sub-tier-list::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: 10px;
}
.nt-sub-tier-list::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;
}
.nt-sub-tier-item {
    flex: 0 0 auto !important;
    display: inline-block !important;
    white-space: nowrap;
    position: relative;
}

/* Dropdown gets re-parented to <body> and positioned with JS
   as position:fixed on hover. Display is controlled purely via
   inline style from JS so it can't be blocked by other CSS. */
.nt-tier-next-level.nt-flyout-fixed {
    position: fixed !important;
    z-index: 99999 !important;
}

/* back arrow icon (former inline style) */
.nt-sub-tier-link i.nt-back-arrow-icon {
    opacity: 1 !important;
    margin-right: 3px !important;
}