.filter-sidebar {
        position: sticky;
        top: 6rem;
    }
    #product-layout-row #categories-sidebar,
    #product-layout-row #main-products-column {
        transition: all 0.25s ease;
    }
    #toggle-categories-sidebar i,
    #toggle-categories-sidebar-inline i {
        width: 1rem;
        text-align: center;
    }
    .product-controls .search-group {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
        border-radius: 0.75rem;
        overflow: hidden;
    }
    .product-controls .search-group input[type="text"] {
        border: none;
        box-shadow: none;
        padding-right: 2.4rem;
    }
    .product-controls .search-group .input-group-text {
        background: transparent;
        border: none;
    }
    .product-controls .search-feedback {
        min-height: 1rem;
        font-size: 0.78rem;
        margin-top: 0.35rem;
    }
    .product-controls {
        position: relative;
        --search-dock-top: 5.1rem;
    }
    .product-controls.is-search-docked {
        position: sticky;
        top: calc(var(--search-dock-top) + env(safe-area-inset-top));
        z-index: 1036;
        border: 1px solid rgba(13, 110, 253, 0.2);
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
        backdrop-filter: blur(6px);
    }
    .shop-secondary-nav {
        position: relative;
        margin-bottom: 0.9rem;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 1rem;
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
        overflow: hidden;
    }
    .shop-secondary-nav::after {
        content: '';
        position: absolute;
        inset: auto 0 0 0;
        height: 3px;
        background: linear-gradient(90deg, rgba(36, 87, 255, 0.95) 0%, rgba(0, 184, 169, 0.9) 100%);
    }
    .shop-secondary-nav-inner {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.78rem 1rem 0.88rem;
    }
    .shop-secondary-nav-title {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        padding-right: 1.1rem;
        border-right: 1px solid rgba(15, 23, 42, 0.08);
        color: #0f172a;
        font-size: 0.94rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .shop-secondary-nav-links {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        gap: 0.45rem;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.1rem;
        scrollbar-width: thin;
    }
    .shop-secondary-nav-links::-webkit-scrollbar {
        height: 6px;
    }
    .shop-secondary-nav-links::-webkit-scrollbar-thumb {
        background: rgba(15, 23, 42, 0.2);
        border-radius: 999px;
    }
    .shop-secondary-nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2.3rem;
        padding: 0.46rem 0.86rem;
        border-radius: 999px;
        color: #334155;
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
        transition: all 0.2s ease;
    }
    .shop-secondary-nav-link:hover,
    .shop-secondary-nav-link:focus {
        color: #183edb;
        background: rgba(36, 87, 255, 0.08);
    }
    .shop-secondary-nav-link.is-active {
        color: #2244db;
        background: rgba(36, 87, 255, 0.14);
        box-shadow: inset 0 0 0 1px rgba(36, 87, 255, 0.18);
    }
    .shop-secondary-nav-support {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        min-height: 2.3rem;
        padding: 0.46rem 0.82rem;
        border-radius: 999px;
        border: 1px solid rgba(15, 23, 42, 0.08);
        color: #0f172a;
        font-weight: 600;
        text-decoration: none;
        background: rgba(255, 255, 255, 0.88);
        white-space: nowrap;
        transition: all 0.2s ease;
    }
    .shop-secondary-nav-support:hover,
    .shop-secondary-nav-support:focus {
        color: #0d6efd;
        border-color: rgba(13, 110, 253, 0.25);
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    }
    .shop-secondary-ticker {
        display: flex;
        align-items: center;
        gap: 0.85rem;
        margin: 0.55rem 0 0.95rem;
        padding: 0.62rem 0.9rem;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 999px;
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
        overflow: hidden;
    }
    .shop-secondary-ticker-label {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        color: #0f172a;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .shop-secondary-ticker-label i {
        color: #2244db;
    }
    .shop-secondary-ticker-viewport {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
    }
    .shop-secondary-ticker-track {
        display: flex;
        width: max-content;
        animation: shopTickerScroll 34s linear infinite;
        will-change: transform;
    }
    .shop-secondary-ticker:hover .shop-secondary-ticker-track,
    .shop-secondary-ticker:focus-within .shop-secondary-ticker-track {
        animation-play-state: paused;
    }
    .shop-secondary-ticker-group {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        flex: 0 0 auto;
        padding-right: 0.55rem;
    }
    .shop-secondary-ticker-item {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        min-height: 1.95rem;
        padding: 0.32rem 0.76rem;
        border-radius: 999px;
        border: 1px solid rgba(15, 23, 42, 0.08);
        background: rgba(255, 255, 255, 0.92);
        color: #0f172a;
        font-size: 0.84rem;
        font-weight: 600;
        white-space: nowrap;
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
    }
    .shop-secondary-ticker-item i {
        color: #2244db;
    }
    .shop-secondary-ticker-item.is-accent {
        color: #183edb;
        border-color: rgba(36, 87, 255, 0.18);
        background: rgba(36, 87, 255, 0.08);
    }
    .shop-secondary-ticker-item.is-success {
        color: #0f766e;
        border-color: rgba(0, 184, 169, 0.22);
        background: rgba(0, 184, 169, 0.1);
    }
    .shop-secondary-ticker-item.is-dark i {
        color: #0f172a;
    }
    @keyframes shopTickerScroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .shop-secondary-ticker-track {
            animation: none;
        }
        .shop-secondary-ticker-viewport {
            overflow-x: auto;
            overflow-y: hidden;
            mask-image: none;
            -webkit-mask-image: none;
        }
    }
    .desktop-filter-bar {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid rgba(15, 23, 42, 0.08);
    }
    .desktop-filter-summary-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.75rem;
    }
    .desktop-filter-trigger {
        width: 100%;
        min-height: 84px;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 0.95rem;
        padding: 0.8rem 0.95rem;
        background: #fff;
        color: #0f172a;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.45rem;
        text-align: left;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }
    .desktop-filter-trigger:hover,
    .desktop-filter-trigger:focus {
        border-color: rgba(13, 110, 253, 0.24);
        box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
        transform: translateY(-1px);
    }
    .desktop-filter-trigger small {
        display: block;
        margin: 0;
        color: #64748b;
        font-size: 0.74rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .desktop-filter-trigger strong {
        display: block;
        width: 100%;
        color: #0f172a;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .desktop-filter-trigger i {
        align-self: flex-end;
        color: #94a3b8;
        font-size: 0.9rem;
    }
    .desktop-filter-panels {
        display: grid;
        gap: 0.7rem;
        margin-top: 0.85rem;
    }
    .desktop-filter-panel .advanced-filter-panel {
        margin-top: 0;
        border-radius: 1rem;
        box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
    }
    .filter-chip-group {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .compact-filter-shell {
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 0.9rem;
        padding: 0.85rem;
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    }
    .compact-filter-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }
    .compact-filter-hint {
        font-size: 0.8rem;
        color: #64748b;
    }
    .compact-filter-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.35rem;
        margin-top: 0.55rem;
    }
    .compact-filter-scroll::-webkit-scrollbar {
        height: 6px;
    }
    .compact-filter-scroll::-webkit-scrollbar-thumb {
        background: rgba(15, 23, 42, 0.2);
        border-radius: 999px;
    }
    .compact-chip-row {
        flex-wrap: nowrap;
        width: max-content;
        min-width: 100%;
    }
    .compact-chip-row .filter-chip,
    .compact-chip-row .intent-chip {
        white-space: nowrap;
    }
    .advanced-filter-panel {
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 0.9rem;
        background: #fff;
        margin-top: 0.7rem;
        padding: 0.8rem;
    }
    #categories-sidebar #advancedFiltersPanel .advanced-filter-panel {
        max-height: 52vh;
        overflow-y: auto;
    }
    #categories-sidebar #advancedFiltersPanel .advanced-filter-panel::-webkit-scrollbar {
        width: 6px;
    }
    #categories-sidebar #advancedFiltersPanel .advanced-filter-panel::-webkit-scrollbar-thumb {
        background: rgba(15, 23, 42, 0.22);
        border-radius: 999px;
    }
    .advanced-filter-block {
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 0.75rem;
        background: #f8fafc;
        padding: 0.7rem;
        height: 100%;
    }
    .advanced-filter-block .filter-chip {
        background: #fff;
    }
    .advanced-filter-block .filter-chip.active,
    .advanced-filter-block .filter-chip input:checked + span {
        background: rgba(13, 110, 253, 0.1);
    }
    .filter-chip {
        position: relative;
        display: inline-flex;
        align-items: center;
        padding: 0.35rem 0.85rem;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        font-size: 0.85rem;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    .filter-chip input {
        display: none;
    }
    .filter-chip i {
        margin-right: 0.35rem;
    }
    .filter-chip.active,
    .filter-chip input:checked + span {
        color: #0d6efd;
        border-color: rgba(13, 110, 253, 0.35);
        background: rgba(13, 110, 253, 0.08);
        font-weight: 600;
    }
    .filter-chip span {
        display: inline-flex;
        align-items: center;
    }
    .product-card {
        border: none;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        border-radius: 0.75rem;
    }
    .product-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
    }
    .product-card .card-body {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.85rem;
        min-width: 0;
    }
    #products-container > [class*="col-"] {
        min-width: 0;
    }
    .product-card,
    .product-card-head,
    .product-card-actions,
    .product-card-actions-main,
    .product-card-actions-side,
    .product-price-row {
        min-width: 0;
    }
    .product-card-head .card-title,
    .product-description,
    .product-price-current,
    .product-stock-line,
    .mobile-minicart-meta .subtotal,
    .mobile-minicart-meta .goal {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .product-card-head .card-title {
        min-width: 0;
    }
    .product-category-badge {
        flex: 0 0 auto;
        max-width: 45%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .product-card .card-title {
        font-size: 1.12rem;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 2.9rem;
    }
    .product-card .product-description {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 0.84rem;
        line-height: 1.3;
        color: #6c757d;
        min-height: 2.2rem;
    }
    .product-price-row {
        display: flex;
        align-items: baseline;
        gap: 0.5rem;
        flex-wrap: wrap;
    }
    .product-price-current {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.1;
        color: var(--bs-primary);
    }
    .product-price-old {
        font-size: 0.86rem;
    }
    .product-card-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: stretch;
        gap: 0.5rem;
    }
    .product-card-actions-main {
        min-width: 0;
    }
    .product-card-actions-side {
        flex: 0 0 96px;
        width: 96px;
        max-width: 96px;
    }
    .product-card-actions .btn {
        min-height: 2.35rem;
        font-weight: 600;
    }
    .product-card-actions-side .btn {
        width: 100%;
        white-space: nowrap;
        line-height: 1.2;
        padding-left: 0.55rem;
        padding-right: 0.55rem;
    }
    .product-stock-line {
        font-size: 0.82rem;
        color: #6c757d;
    }
    .badge-stack {
        position: absolute;
        top: 0.75rem;
        left: 0.75rem;
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        z-index: 2;
    }
    .product-card .sale-badge {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        z-index: 2;
    }
    .product-image-wrapper {
        position: relative;
        padding-top: 62%;
        overflow: hidden;
        border-top-left-radius: 0.75rem;
        border-top-right-radius: 0.75rem;
        background: #f8fafc;
    }
    .product-image-wrapper img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform: translate(-50%, -50%);
    }
    .quick-view-image-wrap {
        position: relative;
        aspect-ratio: 1 / 1;
        border-radius: 0.75rem;
        border: 1px solid rgba(15, 23, 42, 0.08);
        background: #f8fafc;
        overflow: hidden;
    }
    .quick-view-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 0.75rem;
        display: block;
    }
    .quick-view-image-wrap video.quick-view-image {
        padding: 0;
        background: #000;
    }
    .quick-view-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2.35rem;
        height: 2.35rem;
        border: 1px solid rgba(15, 23, 42, 0.1);
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.94);
        color: #0f172a;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
        z-index: 2;
    }
    .quick-view-nav:hover {
        background: #fff;
        color: #0b5ed7;
    }
    .quick-view-nav:disabled {
        opacity: 0.35;
        cursor: not-allowed;
    }
    .quick-view-nav.prev {
        left: 0.65rem;
    }
    .quick-view-nav.next {
        right: 0.65rem;
    }
    .quick-view-image-counter {
        position: absolute;
        left: 50%;
        bottom: 0.55rem;
        transform: translateX(-50%);
        border-radius: 999px;
        background: rgba(15, 23, 42, 0.65);
        color: #fff;
        padding: 0.2rem 0.55rem;
        font-size: 0.72rem;
        line-height: 1;
        z-index: 2;
    }
    @media (max-width: 575.98px) {
        .quick-view-nav {
            width: 2.1rem;
            height: 2.1rem;
        }
    }
    @media (max-width: 991.98px) {
        body.modal-open.has-mobile-dock #quickViewModal .modal-body {
            padding-bottom: calc(6rem + env(safe-area-inset-bottom));
        }
    }
    .product-card .card-footer {
        background: transparent;
        border: none;
    }
    .rating-stars i {
        color: #f4c542;
    }
    .recommended-scroll {
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }
    .recommended-item {
        min-width: 220px;
    }
    .skeleton-card {
        animation: pulse 1.5s ease-in-out infinite;
        background: linear-gradient(90deg, rgba(226, 232, 240, 0.6) 25%, rgba(203, 213, 225, 0.9) 50%, rgba(226, 232, 240, 0.6) 75%);
        background-size: 200% 100%;
        border-radius: 0.75rem;
        height: 255px;
    }
    @keyframes pulse {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }
    .offcanvas-filters {
        width: 300px;
    }
    .mobile-shop-toolbar {
        display: none;
    }
    .mobile-minicart-strip {
        display: none;
    }
    .filter-chip.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .filter-chip.disabled span {
        pointer-events: none;
    }
    .intent-chip-group {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .intent-chip {
        border: 1px dashed rgba(13, 110, 253, 0.4);
        background: rgba(13, 110, 253, 0.05);
        color: #0d6efd;
        border-radius: 999px;
        padding: 0.35rem 0.7rem;
        font-size: 0.8rem;
    }
    .intent-chip:hover {
        background: rgba(13, 110, 253, 0.12);
        border-style: solid;
    }
    .trust-strip .badge {
        font-weight: 500;
    }
    .verified-pill {
        border-radius: 999px;
        padding: 0.2rem 0.5rem;
        font-size: 0.72rem;
        font-weight: 600;
    }
    .compare-toggle-btn.active {
        border-color: rgba(25, 135, 84, 0.45);
        background: rgba(25, 135, 84, 0.08);
        color: #198754;
    }
    .compare-drawer {
        position: fixed;
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
        z-index: 1055;
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.12);
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
        border-radius: 0.85rem;
        padding: 0.75rem 1rem;
    }
    .compare-drawer-items {
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
    }
    .compare-drawer-item {
        border: 1px solid rgba(13, 110, 253, 0.3);
        border-radius: 999px;
        padding: 0.18rem 0.6rem;
        font-size: 0.8rem;
        background: rgba(13, 110, 253, 0.06);
    }
    .bundle-card {
        border: 1px solid rgba(13, 110, 253, 0.12);
        border-radius: 0.75rem;
        height: 100%;
    }
    .bundle-reason {
        font-size: 0.8rem;
        color: #4f5d75;
        background: rgba(79, 93, 117, 0.08);
        border-radius: 0.5rem;
        padding: 0.35rem 0.5rem;
    }
    .wishlist-toggle-btn.active {
        background: rgba(220, 53, 69, 0.12);
        border-color: rgba(220, 53, 69, 0.35);
        color: #dc3545;
    }
    .notify-toggle-btn.active {
        background: rgba(25, 135, 84, 0.12);
        border-color: rgba(25, 135, 84, 0.4);
        color: #198754;
    }
    .cashback-pill {
        border-radius: 999px;
        padding: 0.2rem 0.55rem;
        font-size: 0.72rem;
        font-weight: 600;
        border: 1px solid rgba(25, 135, 84, 0.25);
        color: #198754;
        background: rgba(25, 135, 84, 0.08);
    }
    .delivery-preview-card {
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 0.75rem;
        padding: 0.75rem;
        background: #fff;
        min-width: 0;
    }
    .mobile-sidebar-stack .card {
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 0.75rem;
    }
    .mobile-sidebar-stack .card-header {
        background: #fff;
    }
    .mobile-sidebar-stack .list-group-item {
        font-size: 0.95rem;
        padding: 0.72rem 1rem;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .mobile-sidebar-help .card-body {
        padding: 0.95rem;
    }
    .mobile-sidebar-help h6 {
        font-size: 1.05rem;
        letter-spacing: 0.01em;
    }
    .mobile-sidebar-help p {
        margin-bottom: 0.6rem;
    }
    .shop-hero-header {
        gap: 0.75rem;
    }
    .shop-hero-main {
        min-width: 0;
    }
    .shop-hero-meta {
        min-width: 0;
        flex-wrap: wrap;
    }
    .shop-hero-meta .badge {
        white-space: nowrap;
    }
    .mission-card {
        border: 1px solid rgba(13, 110, 253, 0.2);
        border-radius: 0.75rem;
        height: 100%;
    }
    .mission-card.mission-added {
        border-color: rgba(25, 135, 84, 0.45);
        box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.12), 0 12px 24px rgba(15, 23, 42, 0.08);
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .mission-products-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mission-products-list li {
        font-size: 0.9rem;
        margin-bottom: 0.3rem;
    }
    .sticky-minicart {
        position: relative;
        border: 1px solid rgba(13, 110, 253, 0.15);
        border-radius: 0.75rem;
        background: #fff;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
        padding: 0.85rem;
    }
    .desktop-products-shell {
        display: block;
    }
    .desktop-sticky-rail {
        min-width: 0;
    }
    .desktop-products-main {
        min-width: 0;
    }
    .desktop-sticky-rail .sticky-minicart {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        min-height: 100%;
    }
    .sticky-minicart-copy {
        color: #64748b;
        font-size: 0.86rem;
        line-height: 1.45;
    }
    .sticky-minicart-actions {
        margin-top: auto;
    }
    .sticky-minicart .progress {
        height: 0.6rem;
    }
    .recently-viewed-scroll {
        overflow-x: auto;
        padding-bottom: 0.4rem;
    }
    .recently-viewed-item {
        min-width: 220px;
    }
    @media (min-width: 1200px) {
        .desktop-products-shell {
            display: grid;
            grid-template-columns: minmax(250px, 280px) minmax(0, 1fr);
            gap: 1rem;
            align-items: start;
        }
        .desktop-sticky-rail {
            position: sticky;
            top: calc(5.15rem + env(safe-area-inset-top, 0px));
            align-self: start;
            z-index: 30;
        }
        .desktop-sticky-rail .sticky-minicart {
            position: static;
        }
        #product-layout-row,
        #main-products-column {
            display: block;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }
        #products-container > .product-grid-col {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
            width: 33.333333%;
        }
    }
    @media (min-width: 1200px) {
        #product-layout-row.sidebar-collapsed #main-products-column,
        #main-products-column {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
    @media (max-width: 1199.98px) {
        #product-layout-row {
            display: block !important;
        }
        #main-products-column {
            flex: 0 0 100% !important;
            max-width: 100% !important;
            width: 100% !important;
        }
        #products-container > .product-grid-col {
            flex: 0 0 50% !important;
            max-width: 50% !important;
            width: 50% !important;
        }
        .product-controls {
            --search-dock-top: 4.9rem;
        }
        .container.py-4 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
        .mobile-sidebar-stack {
            margin-bottom: 0.8rem;
        }
        .mobile-sidebar-stack .card-header h5 {
            font-size: 1.28rem;
        }
        .mobile-sidebar-stack .list-group-item {
            font-size: 0.96rem;
            padding: 0.68rem 0.9rem;
        }
        .mobile-sidebar-help h6 {
            font-size: 1rem;
        }
        .mobile-sidebar-help p {
            font-size: 0.9rem;
            line-height: 1.35;
        }
        .mobile-sidebar-help .btn {
            min-height: 2.15rem;
            font-size: 0.86rem;
        }
        .shop-hero-header {
            gap: 0.55rem;
            margin-bottom: 0.7rem !important;
        }
        .shop-hero-main h1 {
            font-size: 2rem;
            line-height: 1.14;
            margin-bottom: 0.2rem !important;
        }
        .shop-hero-main > p {
            font-size: 0.84rem;
            line-height: 1.3;
        }
        .shop-hero-main .trust-strip {
            flex-wrap: nowrap !important;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 0.2rem;
            gap: 0.35rem !important;
        }
        .shop-hero-main .trust-strip .badge {
            flex: 0 0 auto;
            white-space: nowrap;
            font-size: 0.72rem;
            padding: 0.24rem 0.42rem;
            font-weight: 600;
        }
        .shop-hero-main .delivery-preview-row {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            gap: 0.45rem;
            padding-bottom: 0.22rem;
            margin-top: 0.55rem !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-col {
            flex: 0 0 calc((100% - 0.9rem) / 3);
            min-width: 185px;
            max-width: none;
            padding: 0;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-card {
            border-radius: 0.7rem;
            padding: 0.56rem;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-card small,
        .shop-hero-main .delivery-preview-row .delivery-preview-card .small {
            font-size: 0.74rem;
            line-height: 1.23;
        }
        .shop-hero-meta {
            margin-top: 0.1rem !important;
            gap: 0.35rem !important;
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            flex-wrap: nowrap;
            justify-content: flex-start !important;
            padding-bottom: 0.18rem;
        }
        .shop-hero-meta .badge {
            flex: 0 0 auto;
            font-size: 0.74rem;
            padding: 0.24rem 0.44rem;
        }
        .filter-sidebar {
            position: static;
        }
        .legacy-mobile-filter-trigger {
            display: none !important;
        }
        .mobile-shop-toolbar {
            position: sticky;
            top: calc(4.8rem + env(safe-area-inset-top));
            z-index: 1010;
            display: block !important;
            margin-bottom: 0.6rem;
            padding: 0.38rem;
            border: 1px solid rgba(15, 23, 42, 0.1);
            border-radius: 0.8rem;
            background: rgba(255, 255, 255, 0.97);
            backdrop-filter: blur(8px);
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
        }
        .mobile-shop-toolbar .btn {
            width: 100%;
            min-height: 38px;
            font-weight: 600;
            font-size: 0.78rem;
            padding-left: 0.62rem;
            padding-right: 0.62rem;
            white-space: nowrap;
        }
        .mobile-shop-toolbar .btn .badge {
            margin-left: 0.3rem;
            font-size: 0.62rem;
        }
        .shop-secondary-nav {
            margin-bottom: 0.9rem;
        }
        .product-controls .card-body {
            padding: 0.7rem;
        }
        #search-form {
            --bs-gutter-x: 0.45rem;
            --bs-gutter-y: 0.45rem;
        }
        #search-form .form-control,
        #search-form .form-select {
            min-height: 36px;
            padding: 0.35rem 0.55rem;
            font-size: 0.79rem;
        }
        #search-form .btn {
            font-size: 0.75rem;
            padding: 0.35rem 0.56rem;
        }
        .compact-filter-shell {
            border-radius: 0.8rem;
            padding: 0.65rem;
        }
        .compact-filter-hint {
            font-size: 0.7rem;
        }
        .compact-filter-toolbar .btn {
            font-size: 0.72rem;
            padding: 0.3rem 0.52rem;
        }
        .filter-chip {
            font-size: 0.74rem;
            padding: 0.28rem 0.56rem;
        }
        .intent-chip {
            font-size: 0.7rem;
            padding: 0.26rem 0.52rem;
        }
        #products-container {
            --bs-gutter-x: 0.55rem;
            --bs-gutter-y: 0.55rem;
        }
        .mobile-top-fab {
            position: fixed;
            right: max(0.85rem, calc(env(safe-area-inset-right) + 0.6rem));
            bottom: calc(6.2rem + env(safe-area-inset-bottom));
            z-index: 1056;
            width: 52px;
            height: 52px;
            border: 0;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            background: linear-gradient(135deg, #2457ff 0%, #183edb 100%);
            box-shadow: 0 12px 24px rgba(36, 87, 255, 0.34);
            opacity: 0;
            transform: translateY(16px) scale(0.92);
            pointer-events: none;
            transition: opacity 0.22s ease, transform 0.22s ease, box-shadow 0.2s ease;
        }
        .mobile-top-fab:hover,
        .mobile-top-fab:focus {
            color: #fff;
            box-shadow: 0 14px 28px rgba(36, 87, 255, 0.42);
        }
        .mobile-top-fab.is-visible {
            opacity: 1;
            transform: translateY(0) scale(1);
            pointer-events: auto;
        }
        .mobile-minicart-strip {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            border: 1px solid rgba(13, 110, 253, 0.16);
            border-radius: 0.8rem;
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
            padding: 0.7rem 0.8rem;
        }
        .mobile-minicart-meta {
            min-width: 0;
        }
        .mobile-minicart-meta .count {
            font-size: 0.76rem;
            color: #64748b;
            display: block;
            margin-bottom: 0.12rem;
        }
        .mobile-minicart-meta .subtotal {
            font-size: 1.02rem;
            font-weight: 700;
            color: #1e293b;
            line-height: 1.15;
        }
        .mobile-minicart-meta .goal {
            font-size: 0.74rem;
            color: #64748b;
            display: block;
            margin-top: 0.12rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .mobile-minicart-strip .btn {
            min-height: 42px;
            white-space: nowrap;
            font-weight: 600;
        }
        body.mobile-nav-expanded .mobile-shop-toolbar,
        body.mobile-nav-expanded .mobile-minicart-strip,
        body.mobile-nav-expanded .mobile-top-fab {
            display: none !important;
        }
        .product-card .card-body {
            padding: 0.56rem;
            gap: 0.34rem;
        }
        .product-card-head {
            gap: 0.3rem !important;
            align-items: flex-start !important;
            flex-direction: row !important;
            justify-content: space-between !important;
        }
        .product-card .card-title {
            font-size: 0.84rem;
            line-height: 1.18;
            min-height: 1.95rem;
        }
        .product-category-badge {
            max-width: 48%;
            font-size: 0.58rem;
            padding: 0.23rem 0.34rem;
        }
        .product-card .product-description {
            font-size: 0.62rem;
            line-height: 1.22;
            min-height: 1.6rem;
        }
        .product-price-current {
            font-size: 0.9rem;
            line-height: 1.12;
            white-space: normal;
        }
        .product-price-old {
            font-size: 0.56rem;
        }
        .product-price-row {
            align-items: baseline;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 0.2rem;
        }
        .product-price-row .badge {
            font-size: 0.52rem;
            padding: 0.16rem 0.26rem;
        }
        .product-card-actions {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 76px;
            align-items: stretch;
            gap: 0.28rem;
        }
        .product-card-actions-side {
            width: 76px;
            max-width: 76px;
            flex-basis: 76px;
        }
        .product-card-actions .btn {
            min-height: 1.9rem;
            font-size: 0.64rem;
            padding-left: 0.35rem;
            padding-right: 0.35rem;
        }
        .product-card-actions-side .btn {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .product-stock-line {
            font-size: 0.64rem;
            line-height: 1.2;
        }
        .compare-drawer {
            left: 0.5rem;
            right: 0.5rem;
            bottom: calc(5.6rem + env(safe-area-inset-bottom));
            padding: 0.65rem 0.75rem;
        }
        .sticky-minicart {
            position: static;
        }
        .compact-filter-toolbar {
            flex-direction: column;
            align-items: flex-start;
        }
        .compact-filter-toolbar .btn {
            width: 100%;
        }
    }
    @media (max-width: 575.98px) {
        .container.py-4 {
            padding-left: 0.7rem !important;
            padding-right: 0.7rem !important;
        }
        .mobile-sidebar-stack {
            margin-bottom: 0.65rem;
        }
        .mobile-sidebar-stack .card {
            border-radius: 0.68rem;
        }
        .mobile-sidebar-stack .card-header {
            padding: 0.68rem 0.82rem;
        }
        .mobile-sidebar-stack .card-header h5 {
            font-size: 1.16rem;
        }
        .mobile-sidebar-stack .list-group-item {
            font-size: 0.88rem;
            padding: 0.58rem 0.82rem;
            line-height: 1.25;
        }
        .mobile-sidebar-help .card-body {
            padding: 0.82rem;
        }
        .mobile-sidebar-help h6 {
            font-size: 0.92rem;
        }
        .mobile-sidebar-help p {
            font-size: 0.82rem;
            line-height: 1.3;
        }
        .mobile-sidebar-help .btn {
            min-height: 2rem;
            font-size: 0.8rem;
            padding: 0.34rem 0.5rem;
        }
        .shop-hero-main h1 {
            font-size: 1.72rem;
            line-height: 1.1;
        }
        .shop-hero-main > p {
            font-size: 0.76rem;
        }
        .shop-hero-main .trust-strip .badge {
            font-size: 0.64rem;
            padding: 0.2rem 0.34rem;
        }
        .shop-hero-main .delivery-preview-row {
            gap: 0.34rem;
            padding-bottom: 0.16rem;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-col {
            flex-basis: calc((100% - 0.34rem) / 2);
            min-width: 165px;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-card {
            padding: 0.48rem;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-card small,
        .shop-hero-main .delivery-preview-row .delivery-preview-card .small {
            font-size: 0.66rem;
            line-height: 1.2;
        }
        .shop-hero-meta .badge {
            font-size: 0.68rem;
            padding: 0.2rem 0.36rem;
        }
        #products-container {
            --bs-gutter-x: 0.42rem;
            --bs-gutter-y: 0.42rem;
        }
        .mobile-top-fab {
            width: 48px;
            height: 48px;
            right: max(0.7rem, calc(env(safe-area-inset-right) + 0.45rem));
            bottom: calc(6rem + env(safe-area-inset-bottom));
        }
        .product-controls .card-body {
            padding: 0.55rem;
        }
        #search-form .form-control,
        #search-form .form-select {
            min-height: 34px;
            font-size: 0.74rem;
            padding: 0.3rem 0.48rem;
        }
        #search-form .btn {
            font-size: 0.68rem;
            padding: 0.3rem 0.46rem;
        }
        .compact-filter-shell {
            padding: 0.5rem;
        }
        .compact-filter-hint {
            font-size: 0.64rem;
        }
        .filter-chip {
            font-size: 0.67rem;
            padding: 0.22rem 0.44rem;
        }
        .intent-chip {
            font-size: 0.64rem;
            padding: 0.2rem 0.42rem;
        }
        .badge-stack {
            top: 0.45rem;
            left: 0.45rem;
            gap: 0.22rem;
        }
        .badge-stack .badge,
        .product-card .sale-badge {
            font-size: 0.5rem;
            padding: 0.18rem 0.3rem;
        }
        .product-card .sale-badge {
            top: 0.45rem;
            right: 0.45rem;
        }
        .product-card .card-title {
            font-size: 0.72rem;
            line-height: 1.14;
            min-height: 1.65rem;
        }
        .product-category-badge {
            max-width: 50%;
            font-size: 0.5rem;
            padding: 0.18rem 0.26rem;
        }
        .product-price-current {
            font-size: 0.76rem;
            line-height: 1.1;
        }
        .product-price-old {
            font-size: 0.48rem;
        }
        .product-price-row {
            flex-direction: row;
            align-items: baseline;
            flex-wrap: wrap;
            gap: 0.12rem;
        }
        .product-price-row .badge {
            font-size: 0.48rem;
            padding: 0.16rem 0.24rem;
        }
        .product-card .product-description {
            font-size: 0.56rem;
            line-height: 1.18;
            min-height: 1.35rem;
        }
        .product-card-actions {
            grid-template-columns: minmax(0, 1fr) 68px;
            gap: 0.24rem;
        }
        .product-card-actions-side {
            width: 68px;
            max-width: 68px;
            flex-basis: 68px;
        }
        .product-card-actions .btn {
            min-height: 1.72rem;
            font-size: 0.58rem;
            padding-left: 0.3rem;
            padding-right: 0.3rem;
        }
        .product-card-actions-side .btn {
            white-space: normal;
            line-height: 1.1;
        }
        .product-stock-line {
            font-size: 0.54rem;
            line-height: 1.16;
        }
    }
    @media (max-width: 430px) {
        .product-card-head {
            flex-direction: column !important;
        }
        .product-category-badge {
            max-width: 100%;
        }
        .product-card .card-title {
            font-size: 0.68rem;
        }
        .product-card .product-description {
            font-size: 0.52rem;
        }
        .product-card-actions {
            grid-template-columns: 1fr;
        }
        .product-card-actions-side {
            width: 100%;
            max-width: none;
            flex-basis: auto;
        }
        .product-card-actions-side .btn {
            white-space: nowrap;
        }
        .product-card-actions .btn {
            font-size: 0.54rem;
        }
        .product-stock-line {
            font-size: 0.5rem;
        }
    }
    @media (max-width: 1399.98px) {
        .product-image-wrapper {
            padding-top: 64%;
        }
    }

    /* Desktop layout compressed for mobile/tablet: keep desktop positioning, reduce sizing. */
    @media (max-width: 1199.98px) {
        #product-layout-row {
            display: flex;
            flex-wrap: nowrap;
            align-items: flex-start;
            --bs-gutter-x: 0.45rem;
        }
        #categories-sidebar {
            display: block !important;
            flex: 0 0 34%;
            max-width: 34%;
            width: 34%;
        }
        #main-products-column {
            flex: 0 0 66%;
            max-width: 66%;
            width: 66%;
        }
        #product-layout-row.sidebar-collapsed #categories-sidebar {
            display: none !important;
        }
        #product-layout-row.sidebar-collapsed #main-products-column {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }

        .mobile-sidebar-stack,
        .mobile-shop-toolbar,
        .mobile-minicart-strip,
        .mobile-top-fab,
        .legacy-mobile-filter-trigger {
            display: none !important;
        }
        #toggle-categories-sidebar {
            display: inline-flex !important;
        }

        .shop-hero-header {
            display: flex !important;
            flex-direction: row !important;
            align-items: flex-start !important;
            justify-content: space-between !important;
            gap: 0.45rem !important;
        }
        .shop-hero-main {
            flex: 1 1 auto;
            min-width: 0;
        }
        .shop-hero-main h1 {
            font-size: 1.28rem !important;
            line-height: 1.1 !important;
        }
        .shop-hero-main > p {
            font-size: 0.72rem !important;
            line-height: 1.25 !important;
        }
        .shop-hero-main .trust-strip {
            flex-wrap: wrap !important;
            overflow: visible !important;
            gap: 0.25rem !important;
        }
        .shop-hero-main .trust-strip .badge {
            font-size: 0.62rem !important;
            padding: 0.16rem 0.28rem !important;
        }
        .shop-hero-main .delivery-preview-row {
            display: flex !important;
            flex-wrap: nowrap !important;
            gap: 0.3rem !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-col {
            flex: 0 0 33.333%;
            max-width: 33.333%;
            width: 33.333%;
            min-width: 0;
            padding: 0;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-card {
            padding: 0.42rem !important;
            border-radius: 0.62rem !important;
        }
        .shop-hero-main .delivery-preview-row .delivery-preview-card small,
        .shop-hero-main .delivery-preview-row .delivery-preview-card .small {
            font-size: 0.62rem !important;
            line-height: 1.2 !important;
        }
        .shop-hero-meta {
            flex: 0 0 auto;
            max-width: 48%;
            justify-content: flex-end !important;
            gap: 0.25rem !important;
            overflow: visible !important;
            flex-wrap: wrap !important;
            margin-top: 0 !important;
        }
        .shop-hero-meta .badge {
            font-size: 0.62rem !important;
            padding: 0.16rem 0.28rem !important;
        }
        .shop-hero-meta .btn {
            font-size: 0.62rem !important;
            padding: 0.22rem 0.36rem !important;
        }

        .product-controls .card-body {
            padding: 0.5rem !important;
        }
        #search-form {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            --bs-gutter-x: 0.35rem;
            --bs-gutter-y: 0.35rem;
        }
        #search-form > .col-md-6.col-lg-5 {
            flex: 0 0 42%;
            max-width: 42%;
            width: 42%;
        }
        #search-form > .col-md-3.col-lg-3 {
            flex: 0 0 24%;
            max-width: 24%;
            width: 24%;
        }
        #search-form > .col-md-3.col-lg-4 {
            flex: 0 0 34%;
            max-width: 34%;
            width: 34%;
            text-align: right !important;
        }
        #search-form > .col-12 {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }
        #search-form .form-control,
        #search-form .form-select {
            min-height: 30px !important;
            font-size: 0.66rem !important;
            padding: 0.24rem 0.4rem !important;
        }
        #search-form .btn {
            font-size: 0.62rem !important;
            padding: 0.24rem 0.36rem !important;
            min-height: 30px !important;
        }
        .compact-filter-shell {
            padding: 0.42rem !important;
        }
        .compact-filter-toolbar {
            flex-direction: row !important;
            align-items: center !important;
            gap: 0.4rem !important;
        }
        .compact-filter-toolbar .btn {
            width: auto !important;
            font-size: 0.62rem !important;
            padding: 0.22rem 0.35rem !important;
        }
        .compact-filter-hint {
            font-size: 0.6rem !important;
        }
        .filter-chip,
        .intent-chip {
            font-size: 0.6rem !important;
            padding: 0.18rem 0.34rem !important;
        }

        #products-container {
            --bs-gutter-x: 0.34rem;
            --bs-gutter-y: 0.38rem;
        }
        #products-container > .col-6.col-xl-3 {
            flex: 0 0 25%;
            max-width: 25%;
            width: 25%;
            min-width: 0;
        }
        .product-card {
            border-radius: 0.62rem !important;
        }
        .product-card .card-body {
            padding: 0.36rem !important;
            gap: 0.24rem !important;
        }
        .badge-stack {
            top: 0.3rem !important;
            left: 0.3rem !important;
            gap: 0.16rem !important;
        }
        .badge-stack .badge,
        .product-card .sale-badge {
            font-size: 0.44rem !important;
            padding: 0.12rem 0.2rem !important;
        }
        .product-card .sale-badge {
            top: 0.3rem !important;
            right: 0.3rem !important;
        }
        .product-card-head {
            flex-direction: row !important;
            justify-content: space-between !important;
            align-items: flex-start !important;
            gap: 0.2rem !important;
        }
        .product-card .card-title {
            font-size: 0.54rem !important;
            line-height: 1.12 !important;
            min-height: 1.2rem !important;
        }
        .product-category-badge {
            max-width: 46% !important;
            font-size: 0.42rem !important;
            padding: 0.12rem 0.2rem !important;
        }
        .product-card .product-description {
            font-size: 0.46rem !important;
            line-height: 1.14 !important;
            min-height: 1rem !important;
            -webkit-line-clamp: 2;
        }
        .product-price-row {
            flex-direction: row !important;
            align-items: baseline !important;
            flex-wrap: wrap !important;
            gap: 0.14rem !important;
        }
        .product-price-current {
            font-size: 0.56rem !important;
            line-height: 1.1 !important;
        }
        .product-price-old {
            font-size: 0.42rem !important;
        }
        .product-price-row .badge {
            font-size: 0.4rem !important;
            padding: 0.1rem 0.18rem !important;
        }
        .product-card-actions {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) 56px !important;
            gap: 0.18rem !important;
        }
        .product-card-actions-side {
            width: 56px !important;
            max-width: 56px !important;
            flex-basis: 56px !important;
        }
        .product-card-actions .btn {
            min-height: 1.36rem !important;
            font-size: 0.46rem !important;
            padding: 0.16rem 0.24rem !important;
        }
        .product-card-actions-side .btn {
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .product-stock-line {
            font-size: 0.44rem !important;
            line-height: 1.14 !important;
        }
    }

    @media (max-width: 575.98px) {
        #categories-sidebar {
            flex-basis: 36%;
            max-width: 36%;
            width: 36%;
        }
        #main-products-column {
            flex-basis: 64%;
            max-width: 64%;
            width: 64%;
        }
        .shop-hero-main h1 {
            font-size: 1.08rem !important;
        }
        .shop-hero-main > p {
            font-size: 0.64rem !important;
        }
        .shop-hero-meta {
            max-width: 52%;
        }
        #products-container > .col-6.col-xl-3 {
            flex-basis: 25%;
            max-width: 25%;
            width: 25%;
        }
        .product-card-actions {
            grid-template-columns: minmax(0, 1fr) 52px !important;
        }
        .product-card-actions-side {
            width: 52px !important;
            max-width: 52px !important;
            flex-basis: 52px !important;
        }
    }

    /* Final clean mobile view */
    @media (max-width: 991.98px) {
        .product-controls {
            --search-dock-top: 4.75rem;
        }
        #categories-sidebar,
        .mobile-sidebar-stack,
        .mobile-minicart-strip,
        .mobile-top-fab,
        #compareDrawer {
            display: none !important;
        }

        #toggle-categories-sidebar {
            display: none !important;
        }

        #main-products-column {
            flex: 0 0 100% !important;
            max-width: 100% !important;
            width: 100% !important;
        }

        .shop-hero-header {
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 0.55rem !important;
            margin-bottom: 0.75rem !important;
        }

        .shop-hero-main h1 {
            font-size: 1.58rem !important;
            line-height: 1.12 !important;
            margin-bottom: 0.18rem !important;
        }

        .shop-hero-main > p {
            font-size: 0.86rem !important;
            line-height: 1.3 !important;
        }

        .shop-hero-meta {
            max-width: none !important;
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            gap: 0.34rem !important;
            flex-wrap: nowrap !important;
            justify-content: flex-start !important;
            margin-top: 0 !important;
            padding-bottom: 0.15rem;
        }

        .shop-hero-meta .badge {
            font-size: 0.74rem !important;
            padding: 0.23rem 0.4rem !important;
            flex: 0 0 auto;
        }

        .shop-hero-meta .badge:nth-of-type(2) {
            display: none !important;
        }

        .mobile-shop-toolbar {
            display: block !important;
            margin-bottom: 0.65rem !important;
            padding: 0;
            border: 0;
            background: transparent;
            box-shadow: none;
        }

        .mobile-shop-toolbar .mobile-toolbar-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.45rem;
        }

        .mobile-shop-toolbar .btn {
            width: 100%;
            min-height: 38px !important;
            font-size: 0.8rem !important;
            padding: 0.34rem 0.6rem !important;
        }

        .mobile-collapse-toggle {
            font-size: 0.69rem !important;
            padding: 0.22rem 0.48rem !important;
            line-height: 1.2;
        }

        .mobile-scroll-toggle {
            display: none !important;
        }

        #recentlyViewedCollapse,
        #smartBundlesCollapse,
        #recommendedCollapse {
            display: block !important;
        }

        #shopInsightsCollapse .trust-strip {
            gap: 0.3rem !important;
        }

        #shopInsightsCollapse .trust-strip .badge {
            font-size: 0.68rem !important;
            padding: 0.2rem 0.33rem !important;
        }

        #shopInsightsCollapse .delivery-preview-row {
            --bs-gutter-x: 0.45rem;
            --bs-gutter-y: 0.45rem;
            margin-top: 0.55rem !important;
        }

        #shopInsightsCollapse .delivery-preview-row .delivery-preview-col {
            flex: 0 0 50%;
            max-width: 50%;
            width: 50%;
        }

        #shopInsightsCollapse .delivery-preview-row .delivery-preview-card {
            padding: 0.55rem !important;
        }

        #shopInsightsCollapse .delivery-preview-row .small,
        #shopInsightsCollapse .delivery-preview-row small {
            font-size: 0.72rem !important;
            line-height: 1.22 !important;
        }

        .product-controls {
            margin-bottom: 0.85rem !important;
        }

        .product-controls .card-body {
            padding: 0.72rem !important;
        }

        #search-form {
            --bs-gutter-x: 0.45rem;
            --bs-gutter-y: 0.45rem;
        }

        #search-form > .col-md-6.col-lg-5,
        #search-form > .col-md-3.col-lg-3,
        #search-form > .col-md-3.col-lg-4 {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }

        #search-form .form-control,
        #search-form .form-select {
            min-height: 36px !important;
            font-size: 0.8rem !important;
            padding: 0.35rem 0.52rem !important;
        }

        #search-form .btn {
            min-height: 36px !important;
            font-size: 0.76rem !important;
            padding: 0.32rem 0.5rem !important;
        }

        #search-form > .col-md-3.col-lg-4 .d-flex {
            justify-content: space-between !important;
        }

        .compact-filter-shell {
            display: none !important;
        }

        .mission-row {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            gap: 0.55rem;
            padding-bottom: 0.2rem;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .mission-row .mission-col {
            flex: 0 0 78%;
            max-width: 78%;
            width: 78%;
            min-width: 255px;
            padding: 0;
        }

        .mission-card .card-body {
            padding: 0.66rem;
        }

        .mission-card .badge {
            font-size: 0.6rem;
        }

        .mission-card .text-muted.small,
        .mission-card .small {
            font-size: 0.66rem !important;
            line-height: 1.22;
        }

        .mission-products-list li {
            font-size: 0.66rem;
            margin-bottom: 0.18rem;
            line-height: 1.2;
        }

        .mission-card .btn {
            font-size: 0.68rem;
            padding: 0.33rem 0.46rem;
        }

        .recently-viewed-row {
            display: flex !important;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            gap: 0.55rem !important;
            padding-bottom: 0.2rem;
        }

        .recently-viewed-row .recently-viewed-item {
            flex: 0 0 74%;
            max-width: 74%;
            min-width: 240px;
        }

        .bundle-row {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            gap: 0.55rem;
            padding-bottom: 0.2rem;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .bundle-row .bundle-col {
            flex: 0 0 78%;
            max-width: 78%;
            width: 78%;
            min-width: 255px;
            padding: 0;
        }

        .recommended-row {
            display: flex !important;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            gap: 0.55rem !important;
            padding-bottom: 0.2rem;
        }

        .recommended-row .recommended-item {
            flex: 0 0 74%;
            max-width: 74%;
            min-width: 240px;
        }

        #products-container {
            --bs-gutter-x: 0.55rem;
            --bs-gutter-y: 0.55rem;
        }

        #products-container > .col-6.col-xl-3 {
            flex: 0 0 50% !important;
            max-width: 50% !important;
            width: 50% !important;
        }

        .product-card .card-body {
            padding: 0.56rem !important;
            gap: 0.34rem !important;
        }

        .product-card .card-title {
            font-size: 0.82rem !important;
            line-height: 1.2 !important;
            min-height: 1.95rem !important;
        }

        .product-category-badge {
            font-size: 0.6rem !important;
            max-width: 52% !important;
            padding: 0.2rem 0.3rem !important;
        }

        .product-card .product-description {
            font-size: 0.62rem !important;
            line-height: 1.22 !important;
            min-height: 1.56rem !important;
        }

        .product-price-current {
            font-size: 0.86rem !important;
        }

        .product-price-old {
            font-size: 0.58rem !important;
        }

        .product-card-actions {
            grid-template-columns: minmax(0, 1fr) 74px !important;
            gap: 0.3rem !important;
        }

        .product-card-actions-side {
            width: 74px !important;
            max-width: 74px !important;
            flex-basis: 74px !important;
        }

        .product-card-actions .btn {
            min-height: 1.9rem !important;
            font-size: 0.64rem !important;
            padding: 0.3rem 0.38rem !important;
        }

        .product-stock-line {
            font-size: 0.62rem !important;
            line-height: 1.2 !important;
        }
    }

    @media (max-width: 575.98px) {
        .product-controls {
            --search-dock-top: 4.6rem;
        }
        .container.py-4 {
            padding-left: 0.72rem !important;
            padding-right: 0.72rem !important;
        }

        .shop-hero-main h1 {
            font-size: 1.38rem !important;
        }

        .shop-hero-main > p {
            font-size: 0.78rem !important;
        }

        .shop-hero-meta .badge {
            font-size: 0.67rem !important;
            padding: 0.2rem 0.32rem !important;
        }

        #shopInsightsCollapse .trust-strip .badge {
            font-size: 0.62rem !important;
        }

        #shopInsightsCollapse .delivery-preview-row .delivery-preview-card {
            padding: 0.48rem !important;
        }

        #shopInsightsCollapse .delivery-preview-row .small,
        #shopInsightsCollapse .delivery-preview-row small {
            font-size: 0.64rem !important;
        }

        .mission-card .card-body {
            padding: 0.56rem;
        }

        .mission-row .mission-col,
        .bundle-row .bundle-col,
        .recently-viewed-row .recently-viewed-item,
        .recommended-row .recommended-item {
            flex-basis: 86%;
            max-width: 86%;
            min-width: 220px;
        }

        .mission-card .small,
        .mission-products-list li {
            font-size: 0.6rem !important;
        }

        .mission-card .btn {
            font-size: 0.62rem;
            min-height: 1.7rem;
        }

        .product-card .card-title {
            font-size: 0.72rem !important;
            min-height: 1.68rem !important;
        }

        .product-category-badge {
            font-size: 0.52rem !important;
        }

        .product-card .product-description {
            font-size: 0.56rem !important;
            min-height: 1.32rem !important;
        }

        .product-price-current {
            font-size: 0.76rem !important;
        }

        .product-price-old {
            font-size: 0.5rem !important;
        }

        .product-card-actions {
            grid-template-columns: minmax(0, 1fr) 68px !important;
            gap: 0.24rem !important;
        }

        .product-card-actions-side {
            width: 68px !important;
            max-width: 68px !important;
            flex-basis: 68px !important;
        }

        .product-card-actions .btn {
            min-height: 1.74rem !important;
            font-size: 0.58rem !important;
        }

        .product-stock-line {
            font-size: 0.54rem !important;
        }
    }

    .shop-marketplace-page {
        --market-blue: #064fd6;
        --market-blue-deep: #043fae;
        --market-blue-soft: rgba(0, 85, 255, 0.08);
        --market-teal: #0cb98f;
        --market-green: #05a66b;
        --market-amber: #ffb000;
        --market-ink: #071b4a;
        --market-muted: #61708f;
        --market-border: rgba(7, 27, 74, 0.09);
        --market-shadow: 0 18px 45px rgba(13, 42, 94, 0.1);
        --market-sticky-top: calc(5.3rem + env(safe-area-inset-top, 0px));
        max-width: 1680px;
        margin-left: auto;
        margin-right: auto;
        background:
            linear-gradient(180deg, #f8fbff 0%, #ffffff 42%),
            radial-gradient(circle at 48% 0%, rgba(12, 185, 143, 0.08), transparent 26%);
    }

    .marketplace-category-ribbon {
        margin-bottom: 0.8rem;
        border-color: rgba(7, 27, 74, 0.08);
        border-radius: 0.85rem;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 12px 30px rgba(10, 42, 95, 0.08);
    }

    .marketplace-category-ribbon::after {
        height: 4px;
        background: linear-gradient(90deg, #155dff 0%, #0cb98f 50%, #ec4bc6 100%);
    }

    .marketplace-category-ribbon .shop-secondary-nav-inner {
        gap: 0.75rem;
        padding: 0.72rem 0.72rem 0.84rem;
    }

    .marketplace-ribbon-arrow {
        flex: 0 0 auto;
        width: 2.65rem;
        height: 2.65rem;
        border: 1px solid rgba(7, 27, 74, 0.08);
        border-radius: 0.65rem;
        background: #fff;
        color: var(--market-ink);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 18px rgba(10, 42, 95, 0.06);
    }

    .marketplace-ribbon-arrow:hover,
    .marketplace-ribbon-arrow:focus {
        color: var(--market-blue);
        border-color: rgba(0, 85, 255, 0.24);
    }

    .marketplace-ribbon-divider {
        flex: 0 0 1px;
        height: 1.8rem;
        background: rgba(7, 27, 74, 0.1);
    }

    .marketplace-category-ribbon .shop-secondary-nav-title {
        padding-right: 0;
        border-right: none;
        color: var(--market-ink);
        font-size: 0.86rem;
        letter-spacing: 0.035em;
    }

    .marketplace-category-ribbon .shop-secondary-nav-links {
        position: relative;
        gap: 0.72rem;
        padding: 0.18rem 0 0.42rem;
        scrollbar-width: none;
    }

    .marketplace-category-ribbon .shop-secondary-nav-links::-webkit-scrollbar {
        display: none;
    }

    .marketplace-category-ribbon .shop-secondary-nav-link {
        position: relative;
        min-height: 2.25rem;
        padding: 0.42rem 0.84rem;
        border-radius: 0.65rem;
        color: #0d275f;
        font-size: 0.88rem;
        font-weight: 800;
    }

    .marketplace-category-ribbon .shop-secondary-nav-link.is-active {
        color: var(--market-blue);
        background: linear-gradient(180deg, rgba(21, 93, 255, 0.12), rgba(21, 93, 255, 0.06));
        box-shadow: inset 0 0 0 1px rgba(21, 93, 255, 0.05);
    }

    .marketplace-category-ribbon .shop-secondary-nav-link.is-active::after {
        content: "";
        position: absolute;
        left: -0.32rem;
        right: -0.32rem;
        bottom: -0.54rem;
        height: 3px;
        border-radius: 999px;
        background: var(--market-blue);
        box-shadow: 36px 0 0 -1px var(--market-amber);
    }

    .marketplace-category-ribbon .shop-secondary-nav-support {
        min-height: 2.45rem;
        border-radius: 0.75rem;
        color: var(--market-ink);
        font-weight: 800;
    }

    .shop-secondary-ticker {
        min-height: 4.05rem;
        margin: 0 0 1rem;
        border-radius: 0.8rem;
        border-color: rgba(7, 27, 74, 0.08);
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 12px 30px rgba(10, 42, 95, 0.08);
    }

    .shop-secondary-ticker-label {
        color: var(--market-blue);
    }

    .ticker-live-dot {
        width: 0.44rem;
        height: 0.44rem;
        border-radius: 999px;
        background: var(--market-teal);
        box-shadow: 0 0 0 0 rgba(12, 185, 143, 0.35);
        animation: marketplacePulse 1.8s ease-out infinite;
    }

    .shop-secondary-ticker-item {
        min-height: 2.25rem;
        padding: 0.42rem 0.85rem;
        border-radius: 0.75rem;
        color: #0d275f;
        font-size: 0.82rem;
        font-weight: 700;
    }

    .shop-secondary-ticker-item.is-shimmer {
        color: #00876d;
        border-color: rgba(12, 185, 143, 0.22);
        background: linear-gradient(110deg, rgba(12, 185, 143, 0.1) 0%, rgba(255, 255, 255, 0.94) 45%, rgba(12, 185, 143, 0.13) 100%);
        background-size: 220% 100%;
        animation: marketplaceShimmer 3s linear infinite;
    }

    .ticker-control-cluster {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 0.48rem;
        color: var(--market-blue);
    }

    .ticker-control-cluster span {
        width: 2.15rem;
        height: 2.15rem;
        border: 1px solid rgba(21, 93, 255, 0.1);
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #fff;
    }

    .shop-hero-header {
        margin-bottom: 0.72rem !important;
    }

    .shop-hero-main h1 {
        color: var(--market-ink);
        font-size: clamp(1.55rem, 2vw, 2rem);
        letter-spacing: 0;
    }

    .shop-hero-proof {
        color: var(--market-muted) !important;
        font-weight: 600;
    }

    .product-controls {
        border: 1px solid var(--market-border);
        border-radius: 0.85rem;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 12px 28px rgba(10, 42, 95, 0.07);
    }

    .product-controls .card-body {
        padding: 0.82rem;
    }

    .product-controls .search-group {
        border-radius: 0.7rem;
        background: #f8fbff;
        box-shadow: inset 0 0 0 1px rgba(7, 27, 74, 0.08);
    }

    .desktop-filter-bar {
        display: none !important;
    }

    .desktop-products-shell {
        display: grid;
        gap: 1rem;
        align-items: start;
    }

    .marketplace-filter-rail,
    .marketplace-picks-rail {
        position: sticky;
        top: var(--market-sticky-top);
        align-self: start;
        z-index: 25;
    }

    .marketplace-filter-rail {
        order: 1;
        height: min(58vh, calc(100vh - var(--market-sticky-top) - 1rem));
        max-height: min(58vh, calc(100vh - var(--market-sticky-top) - 1rem));
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-right: 0.25rem;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
    }

    .marketplace-filter-rail::-webkit-scrollbar {
        width: 7px;
    }

    .marketplace-filter-rail::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(7, 27, 74, 0.18);
    }

    .desktop-products-main {
        order: 2;
        min-width: 0;
    }

    .marketplace-picks-rail {
        order: 3;
    }

    .marketplace-rail-card,
    .today-picks-card,
    .sticky-minicart {
        border: 1px solid var(--market-border);
        border-radius: 0.85rem;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 14px 34px rgba(10, 42, 95, 0.08);
    }

    .marketplace-rail-card {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .marketplace-category-list {
        display: grid;
        gap: 0.18rem;
    }

    .marketplace-rail-category {
        display: grid;
        grid-template-columns: 1.75rem minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.55rem;
        min-height: 2.65rem;
        padding: 0.35rem 0.45rem;
        border-radius: 0.65rem;
        color: #243b6b;
        font-size: 0.82rem;
        font-weight: 700;
        text-decoration: none;
    }

    .marketplace-rail-category span:nth-child(2) {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .marketplace-rail-category strong {
        min-width: 2rem;
        padding: 0.2rem 0.48rem;
        border-radius: 999px;
        background: #f1f5ff;
        color: var(--market-blue);
        text-align: center;
        font-size: 0.78rem;
    }

    .marketplace-rail-category.is-active,
    .marketplace-rail-category:hover,
    .marketplace-rail-category:focus {
        color: var(--market-blue);
        background: linear-gradient(90deg, rgba(21, 93, 255, 0.1), rgba(21, 93, 255, 0.04));
    }

    .marketplace-rail-icon {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 0.45rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(21, 93, 255, 0.09);
        color: var(--market-blue);
    }

    .marketplace-filter-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        margin-bottom: 0.58rem;
        color: var(--market-ink);
        font-size: 0.86rem;
    }

    .marketplace-filter-head small {
        color: var(--market-muted);
        font-weight: 700;
    }

    .compact-rail-chips {
        gap: 0.38rem;
    }

    .compact-rail-chips .filter-chip {
        width: 100%;
        justify-content: space-between;
        border-radius: 0.58rem;
        background: #fff;
    }

    .marketplace-check-row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.6rem;
        min-height: 2.25rem;
        padding: 0.35rem 0;
        color: #243b6b;
        font-size: 0.83rem;
        font-weight: 700;
    }

    .marketplace-check-row input {
        width: 1.16rem;
        height: 1.16rem;
    }

    .marketplace-check-row strong {
        padding: 0.16rem 0.48rem;
        border-radius: 999px;
        background: #f1f5ff;
        color: var(--market-muted);
        font-size: 0.78rem;
    }

    .today-picks-card {
        padding: 0.8rem;
    }

    .today-picks-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0.65rem;
        border-bottom: 1px solid var(--market-border);
        color: var(--market-blue);
        font-size: 0.84rem;
        font-weight: 900;
        text-transform: uppercase;
    }

    .today-picks-list {
        display: grid;
        gap: 0.75rem;
        margin: 0.8rem 0;
    }

    .today-pick-item {
        display: grid;
        grid-template-columns: 4.6rem minmax(0, 1fr) 2.15rem;
        align-items: center;
        gap: 0.68rem;
    }

    .today-pick-image {
        aspect-ratio: 1 / 0.86;
        border-radius: 0.58rem;
        overflow: hidden;
        background: #f6f8fc;
    }

    .today-pick-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    .today-pick-body {
        min-width: 0;
    }

    .today-pick-body a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--market-ink);
        font-size: 0.82rem;
        font-weight: 800;
        line-height: 1.35;
        text-decoration: none;
    }

    .today-pick-body span {
        display: block;
        color: var(--market-amber);
        font-size: 0.74rem;
        font-weight: 700;
    }

    .today-pick-body strong {
        color: var(--market-green);
        font-size: 0.86rem;
    }

    .today-pick-cart {
        width: 2.15rem;
        height: 2.15rem;
        border: 1px solid rgba(21, 93, 255, 0.15);
        border-radius: 0.5rem;
        color: var(--market-blue);
        background: #f6f9ff;
    }

    .today-pick-cart:disabled {
        opacity: 0.45;
    }

    .today-pick-cart.is-added {
        color: #fff;
        border-color: var(--market-green);
        background: var(--market-green);
    }

    .marketplace-picks-rail .sticky-minicart {
        box-shadow: none;
        padding: 0.75rem;
    }

    .marketplace-picks-rail .progress {
        height: 0.45rem;
        border-radius: 999px;
    }

    .marketplace-picks-rail .progress-bar {
        background: linear-gradient(90deg, var(--market-teal), #24d099);
    }

    .marketplace-product-card {
        overflow: hidden;
        border: 1px solid var(--market-border);
        border-radius: 0.82rem;
        background: #fff;
        box-shadow: var(--market-shadow);
    }

    .marketplace-product-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 24px 52px rgba(10, 42, 95, 0.14);
    }

    .marketplace-product-card .product-image-wrapper {
        display: block;
        padding-top: 70%;
        border-radius: 0;
        background:
            linear-gradient(135deg, rgba(12, 185, 143, 0.12), rgba(21, 93, 255, 0.06)),
            #f8fbff;
    }

    .marketplace-product-card .product-image-wrapper img {
        width: 92%;
        height: 92%;
        object-fit: contain;
    }

    .marketplace-product-card .card-body {
        gap: 0.58rem;
        padding: 0.82rem;
    }

    .marketplace-product-card .product-card-head {
        display: grid;
        gap: 0.35rem;
    }

    .marketplace-product-card .card-title {
        min-height: 2.35rem;
        color: var(--market-ink);
        font-size: 0.94rem;
        font-weight: 900;
        line-height: 1.28;
    }

    .marketplace-product-card .product-category-badge {
        width: max-content;
        max-width: 100%;
        border-radius: 999px;
        padding: 0.18rem 0.5rem;
        background: #f4f8ff;
        color: var(--market-muted);
        font-size: 0.68rem;
        font-weight: 800;
    }

    .product-rating-line {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        min-width: 0;
        color: var(--market-muted);
        font-size: 0.78rem;
        font-weight: 700;
    }

    .product-rating-line .rating-stars {
        display: inline-flex;
        gap: 0.08rem;
        color: var(--market-amber);
        white-space: nowrap;
    }

    .marketplace-product-card .product-price-current {
        color: var(--market-green);
        font-size: 1.16rem;
        font-weight: 900;
    }

    .marketplace-product-card .product-stock-line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        color: var(--market-muted);
        font-size: 0.78rem;
        font-weight: 700;
    }

    .marketplace-product-card .stock-dot {
        color: var(--market-teal);
    }

    .marketplace-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        max-width: 100%;
        border-radius: 999px;
        padding: 0.22rem 0.55rem;
        color: #fff;
        font-size: 0.65rem;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
        box-shadow: 0 7px 15px rgba(10, 42, 95, 0.12);
    }

    .badge-new,
    .badge-best {
        background: var(--market-green);
    }

    .badge-low,
    .badge-sale,
    .badge-out {
        background: #f58220;
    }

    .marketplace-product-card .sale-badge {
        top: 0.75rem;
        right: 0.75rem;
    }

    .marketplace-wishlist-btn {
        position: absolute;
        top: 0.8rem;
        right: 0.78rem;
        z-index: 4;
        width: 2.35rem;
        height: 2.35rem;
        border: none;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        color: var(--market-ink);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 22px rgba(10, 42, 95, 0.12);
    }

    .marketplace-wishlist-btn.active,
    .marketplace-wishlist-btn:hover,
    .marketplace-wishlist-btn:focus {
        color: #e63946;
    }

    .marketplace-product-card .product-card-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.48rem !important;
    }

    .marketplace-cart-form {
        display: grid;
        grid-template-columns: minmax(5.5rem, 0.48fr) minmax(0, 1fr);
        gap: 0.48rem;
        align-items: stretch;
    }

    .quantity-stepper {
        display: grid;
        grid-template-columns: 1.6rem minmax(1.6rem, 1fr) 1.6rem;
        min-height: 2.35rem;
        border: 1px solid var(--market-border);
        border-radius: 0.55rem;
        overflow: hidden;
        background: #fff;
    }

    .quantity-stepper button,
    .quantity-stepper input {
        border: 0;
        background: transparent;
        color: var(--market-ink);
        font-size: 0.8rem;
        font-weight: 800;
        text-align: center;
    }

    .quantity-stepper input {
        min-width: 0;
        appearance: textfield;
    }

    .quantity-stepper input::-webkit-outer-spin-button,
    .quantity-stepper input::-webkit-inner-spin-button {
        margin: 0;
        appearance: none;
    }

    .marketplace-add-btn,
    .marketplace-quick-btn {
        min-height: 2.35rem;
        border-radius: 0.55rem;
        font-size: 0.8rem;
        font-weight: 900;
    }

    .marketplace-add-btn {
        background: linear-gradient(180deg, #0c5bdf, #064fd6);
        border-color: #064fd6;
        box-shadow: 0 10px 20px rgba(6, 79, 214, 0.2);
    }

    .marketplace-quick-btn {
        border-color: rgba(21, 93, 255, 0.22);
        color: var(--market-blue);
        background: #f8fbff;
    }

    @keyframes marketplacePulse {
        70% {
            box-shadow: 0 0 0 0.42rem rgba(12, 185, 143, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(12, 185, 143, 0);
        }
    }

    @keyframes marketplaceShimmer {
        from { background-position: 220% 0; }
        to { background-position: -220% 0; }
    }

    @media (min-width: 1200px) {
        .shop-marketplace-page {
            width: calc(100% - 2.5rem);
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .desktop-products-shell {
            grid-template-columns: minmax(210px, 242px) minmax(0, 1fr) minmax(230px, 286px) !important;
        }

        .desktop-sticky-rail {
            top: calc(5.3rem + env(safe-area-inset-top, 0px));
        }

        #products-container {
            --bs-gutter-x: 1rem;
            --bs-gutter-y: 1rem;
        }
    }

    @media (min-width: 1400px) {
        .desktop-products-shell {
            grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) minmax(270px, 320px) !important;
        }
    }

    @media (max-width: 1399.98px) and (min-width: 1200px) {
        .marketplace-product-card .card-title {
            font-size: 0.82rem;
            min-height: 2.12rem;
        }

        .marketplace-cart-form {
            grid-template-columns: 1fr;
        }

        .today-pick-item {
            grid-template-columns: 3.8rem minmax(0, 1fr) 2rem;
        }
    }

    @media (max-width: 1199.98px) {
        .shop-marketplace-page {
            background: #f8fbff;
        }

        .marketplace-product-card .product-card-actions {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
        }

        .marketplace-cart-form {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (max-width: 575.98px) {
        .marketplace-product-card .card-body {
            padding: 0.58rem;
        }

        .marketplace-product-card .card-title {
            min-height: 1.82rem !important;
            font-size: 0.72rem !important;
        }

        .product-rating-line,
        .marketplace-product-card .product-stock-line,
        .marketplace-quick-btn,
        .marketplace-add-btn {
            font-size: 0.62rem !important;
        }

        .quantity-stepper {
            min-height: 2rem;
            grid-template-columns: 1.3rem minmax(1.3rem, 1fr) 1.3rem;
        }
    }