/*
|--------------------------------------------------------------------------
| Products page
|--------------------------------------------------------------------------
*/

#products-page {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    color: #f7f7fb;
}

#products-page *,
#products-page *::before,
#products-page *::after {
    box-sizing: border-box;
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

#products-page .products-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

#products-page .products-header-content {
    min-width: 0;
}

#products-page .products-kicker {
    display: block;
    margin-bottom: 0.35rem;
    color: #ff6868;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

#products-page .products-header h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
    font-weight: 950;
    letter-spacing: -0.04em;
}

#products-page .products-header p {
    max-width: 750px;
    margin: 0.7rem 0 0;
    color: #a7a7b8;
    font-size: 0.92rem;
    line-height: 1.7;
}

#products-page .products-count {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    min-height: 40px;
    padding: 0.6rem 0.9rem;
    color: #d8d8e2;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

#products-page .products-count strong {
    color: #ff6868;
    font-size: 1rem;
}

/*
|--------------------------------------------------------------------------
| Alerts
|--------------------------------------------------------------------------
*/

#products-page .products-alert {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    color: #ffcaca;
    background: rgba(225, 6, 0, 0.12);
    border: 1px solid rgba(225, 6, 0, 0.3);
    border-radius: 12px;
}

/*
|--------------------------------------------------------------------------
| Aligned filter
|--------------------------------------------------------------------------
*/

#products-page .products-filter-card {
    width: 100%;
    margin-bottom: 1.5rem;
    padding: 1.15rem;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.06),
            rgba(255, 255, 255, 0.018)
        );
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

#products-page .products-filter-form {
    width: 100%;
    margin: 0;
}

#products-page .products-filter-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(220px, 280px)
        minmax(200px, 240px)
        auto;
    align-items: end;
    gap: 1rem;
    width: 100%;
}

#products-page .products-filter-field,
#products-page .products-clear-field {
    min-width: 0;
}

#products-page .products-filter-label {
    display: block;
    min-height: 1.1rem;
    margin: 0 0 0.45rem;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.35;
}

#products-page .products-search-control,
#products-page .products-select-control {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 46px;
}

#products-page .products-search-control {
    overflow: hidden;
    background: #0f0f17;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 11px;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

#products-page .products-search-control:focus-within {
    border-color: #ff2d2d;
    box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.14);
}

#products-page .products-search-icon,
#products-page .products-select-icon {
    position: absolute;
    z-index: 2;
    color: #ff6868;
    pointer-events: none;
}

#products-page .products-search-icon,
#products-page .products-select-icon {
    left: 0.85rem;
}

#products-page .products-search-control input {
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0 2.7rem;
    color: #ffffff;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 0.84rem;
}

#products-page .products-search-control input::placeholder {
    color: #777789;
}

#products-page .products-search-control input::-webkit-search-cancel-button {
    display: none;
}

#products-page .products-search-clear {
    position: absolute;
    right: 0.55rem;
    display: grid;
    width: 28px;
    height: 28px;
    padding: 0;
    place-items: center;
    color: #d8d8e2;
    background: rgba(255, 255, 255, 0.08);
    border: 0;
    border-radius: 50%;
    line-height: 1;
}

#products-page .products-search-clear:hover {
    color: #ffffff;
    background: #e10600;
}

#products-page .products-select-control {
    overflow: hidden;
    background: #0f0f17;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 11px;
}

#products-page .products-select-control:focus-within {
    border-color: #ff2d2d;
    box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.14);
}

#products-page .products-select-control select {
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0 2.5rem 0 2.7rem;
    color: #ffffff;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 0.84rem;
    appearance: none;
}

#products-page .products-select-control select option {
    color: #ffffff;
    background: #111117;
}

#products-page .products-select-control::after {
    position: absolute;
    right: 0.9rem;
    color: #a7a7b8;
    content: "\f282";
    font-family: "bootstrap-icons";
    font-size: 0.85rem;
    pointer-events: none;
}

#products-page .products-field-spacer {
    display: block;
    min-height: 1rem;
}

#products-page .products-search-status {
    display: block;
    min-height: 1rem;
    margin-top: 0.3rem;
    color: #777789;
    font-size: 0.68rem;
    line-height: 1rem;
}

#products-page .products-search-control.is-searching {
    border-color: #ff6868;
}

#products-page .products-clear-field {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-height: 72px;
}

#products-page .products-clear-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 92px;
    height: 46px;
    padding: 0 0.9rem;
    color: #d8d8e2;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 11px;
    font-size: 0.8rem;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

#products-page .products-clear-button:hover {
    color: #ffffff;
    background: rgba(225, 6, 0, 0.16);
    border-color: rgba(255, 45, 45, 0.45);
}

[dir="rtl"] #products-page .products-search-icon,
[dir="rtl"] #products-page .products-select-icon {
    right: 0.85rem;
    left: auto;
}

[dir="rtl"] #products-page .products-search-control input {
    padding-right: 2.7rem;
    padding-left: 2.7rem;
}

[dir="rtl"] #products-page .products-search-clear {
    right: auto;
    left: 0.55rem;
}

[dir="rtl"] #products-page .products-select-control select {
    padding-right: 2.7rem;
    padding-left: 2.5rem;
}

[dir="rtl"] #products-page .products-select-control::after {
    right: auto;
    left: 0.9rem;
}

/*
|--------------------------------------------------------------------------
| Product grid
|--------------------------------------------------------------------------
*/

#products-page .products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

#products-page .product-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.015)
        );
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

#products-page .product-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 45, 45, 0.4);
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.3);
}

#products-page .product-image-link {
    display: block;
}

#products-page .product-image {
    position: relative;
    /* Same shape as the admin preview and index.php cards */
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background:
        radial-gradient(
            circle at top,
            rgba(255, 45, 45, 0.12),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #1a1a27,
            #101017
        );
}

#products-page .product-image-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

#products-page .product-image-media img {
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(
        var(--products-image-zoom, 1)
    );
    transform-origin: center center;
    transition:
        filter 0.35s ease,
        object-position 0.35s ease;
}

#products-page .product-card:hover
.product-image-media img {
    filter: brightness(1.06);
}

#products-page .product-image-placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 2rem;
}

#products-page .product-badges {
    position: absolute;
    top: 0.7rem;
    left: 0.7rem;
    z-index: 2;
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

#products-page .product-badge,
#products-page .stock-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 28px;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 900;
}

#products-page .featured-badge {
    color: #ffffff;
    background: #e10600;
}

#products-page .sale-badge {
    color: #111111;
    background: #ffc107;
}

#products-page .pickup-badge {
    color: #ffc107;
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.4);
}

#products-page .stock-badge {
    position: absolute;
    right: 0.7rem;
    bottom: 0.7rem;
    z-index: 2;
}

#products-page .stock-badge.available {
    color: #073f2e;
    background: rgba(183, 255, 233, 0.94);
}

#products-page .stock-badge.unavailable {
    color: #ffffff;
    background: rgba(225, 6, 0, 0.92);
}

#products-page .product-content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    padding: 1rem;
}

#products-page .product-category {
    display: block;
    margin-bottom: 0.5rem;
    overflow: hidden;
    color: #ff6868;
    font-size: 0.7rem;
    font-weight: 850;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

#products-page .product-name {
    min-height: 2.7rem;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 0.95rem;
    font-weight: 950;
    line-height: 1.35;
}

#products-page .product-name a {
    color: #ffffff;
    text-decoration: none;
}

#products-page .product-description {
    display: -webkit-box;
    margin: 0.6rem 0 1rem;
    overflow: hidden;
    color: #a7a7b8;
    font-size: 0.8rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#products-page .product-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    margin-top: auto;
}

#products-page .product-price {
    min-width: 0;
}

#products-page .product-price del {
    display: block;
    margin-bottom: 0.2rem;
    color: #777789;
    font-size: 0.72rem;
}

#products-page .product-price strong {
    color: #ff6868;
    font-size: 1.05rem;
    font-weight: 950;
    white-space: nowrap;
}

#products-page .view-product-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 38px;
    padding: 0.5rem 0.7rem;
    color: #ffffff;
    background: linear-gradient(
        135deg,
        #e10600,
        #ff2d2d
    );
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 850;
    text-decoration: none;
}

#products-page .view-product-button:hover {
    color: #ffffff;
}

/*
|--------------------------------------------------------------------------
| Pagination and empty state
|--------------------------------------------------------------------------
*/

#products-page .products-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

#products-page .pagination-numbers {
    display: flex;
    gap: 0.35rem;
}

#products-page .pagination-button,
#products-page .pagination-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 38px;
    min-height: 38px;
    padding: 0.5rem 0.7rem;
    color: #d8d8e2;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 9px;
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

#products-page .pagination-number.active,
#products-page .pagination-button:hover,
#products-page .pagination-number:hover {
    color: #ffffff;
    background: #e10600;
    border-color: #e10600;
}

#products-page .products-empty {
    padding: 4rem 1rem;
    color: #a7a7b8;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.015)
        );
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 18px;
    text-align: center;
}

#products-page .empty-icon {
    margin-bottom: 0.75rem;
    font-size: 2.5rem;
}

#products-page .products-empty h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.25rem;
}

#products-page .products-empty p {
    margin: 0.55rem 0 1.2rem;
    font-size: 0.85rem;
}

#products-page .empty-button {
    width: max-content;
    margin: 0 auto;
}

/*
|--------------------------------------------------------------------------
| Responsive layout
|--------------------------------------------------------------------------
*/

@media (max-width: 1100px) {
    #products-page .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #products-page .products-filter-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(200px, 250px)
            minmax(180px, 220px)
            auto;
    }
}

@media (max-width: 900px) {
    #products-page .products-filter-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(190px, 230px);
    }

    #products-page .products-clear-field {
        grid-column: 1 / -1;
        align-items: stretch;
        justify-content: flex-start;
        min-height: 0;
    }

    #products-page .products-clear-button {
        width: max-content;
    }
}

@media (max-width: 760px) {
    #products-page {
        padding: 1rem 0.75rem 2.5rem;
    }

    #products-page .products-header {
        align-items: stretch;
        flex-direction: column;
    }

    #products-page .products-count {
        width: max-content;
    }

    #products-page .products-filter-card {
        padding: 0.9rem;
    }

    #products-page .products-filter-grid {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    #products-page .products-clear-field {
        grid-column: auto;
        width: 100%;
    }

    #products-page .products-clear-button {
        width: 100%;
    }

    #products-page .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }


    #products-page .product-content {
        padding: 0.8rem;
    }

    #products-page .product-description {
        font-size: 0.75rem;
    }

    #products-page .product-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    #products-page .view-product-button {
        width: 100%;
    }
}

@media (max-width: 430px) {
    #products-page .products-grid {
        grid-template-columns: 1fr;
    }


    #products-page .product-bottom {
        align-items: center;
        flex-direction: row;
    }

    #products-page .view-product-button {
        width: auto;
    }
}

[dir="rtl"] #products-page .product-badges {
    right: 0.7rem;
    left: auto;
}

[dir="rtl"] #products-page .stock-badge {
    right: auto;
    left: 0.7rem;
}

/* Catalog styling shared visually with the refreshed homepage and product detail. */
#products-page{max-width:1360px;margin-inline:auto;padding:24px clamp(14px,3vw,34px) 60px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:#f5f5f7;line-height:1.65}
#products-page [hidden]{display:none!important}
#products-page .products-header{padding:26px 28px;margin-bottom:22px;border:1px solid #ffffff18;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#e936460b,transparent 65%),#14141b;box-shadow:none;gap:20px}
#products-page .products-kicker{font-size:10px;letter-spacing:.13em;color:#ed8792}
#products-page .products-header h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;line-height:1.2;margin:8px 0 12px;font-weight:750}
#products-page .products-header p{font-size:13px;line-height:1.8;color:#b0b0c1;max-width:60ch}
#products-page .products-count{border:1px solid #ffffff15;background:#ffffff03;border-radius:12px;min-width:92px;box-shadow:none}
#products-page .products-count strong{font-size:27px;color:#fff;font-variant-numeric:tabular-nums}
#products-page .products-count span{font-size:10px;color:#a6a6b8}
#products-page .products-filter-card{border-radius:14px;padding:20px;background:#15151c;border:1px solid #ffffff18;box-shadow:none;margin-bottom:22px}
#products-page .products-filter-label{font-size:11px;color:#b1b1c2;font-weight:550}
#products-page :is(input[type=search],input[type=text],select){background:#0f0f15;color:#eeeef5;border:1px solid #ffffff25;border-radius:9px;min-height:46px;font:inherit;font-size:12px;color-scheme:dark;box-shadow:none}
#products-page select option{background:#18181f;color:#f5f5fa}
#products-page :is(a,button,input,select):focus-visible{outline:2px solid #ff8998;outline-offset:3px}
#products-page .catalog-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #ffffff10;padding-top:14px;margin-top:16px}
#products-page .catalog-availability-filter{display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px;color:#d9d9e5;cursor:pointer;margin:0}
#products-page .catalog-availability-filter input{width:18px;height:18px;accent-color:#e3394c;margin:0;flex-shrink:0}
#products-page .catalog-apply-button{min-height:44px;padding:10px 18px;border:1px solid #f9647444;border-radius:9px;background:#db293b;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
#products-page .catalog-apply-button:hover{background:#ed3b4d}
#products-page .catalog-sales-note{color:#a7a7bb;font-size:11px;padding:13px 16px;border:1px solid #e7c67d20;border-radius:10px;background:#e7c67d04;margin-bottom:18px}
#products-page .products-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
#products-page .product-card{background:linear-gradient(160deg,#ffffff02,transparent 50%),#14141a;border:1px solid #ffffff18;border-radius:16px;box-shadow:0 7px 22px #0001}
#products-page .product-card:hover{border-color:#ff414b55;box-shadow:0 12px 28px #0003;transform:translateY(-4px)}
#products-page .product-card.is-sold-out .product-image img{filter:saturate(.75);opacity:.85}
#products-page .product-image{aspect-ratio:1.08;background:radial-gradient(ellipse at 50% 60%,#ffffff06,transparent 75%),#191920;border:0}
#products-page .product-image-media{inset:55px 18px 21px}
#products-page .product-image-media img{width:100%;height:100%;min-height:0}
#products-page .product-badges{inset:12px 12px auto;gap:6px;pointer-events:none}
#products-page .product-badge{display:inline-flex;gap:5px;align-items:center;font-size:10px;font-weight:650;line-height:1.35;min-height:25px;border-radius:6px;padding:4px 7px;box-shadow:0 2px 8px #0002;border:1px solid #ffffff20}
#products-page .product-badge i{font-size:10px}
#products-page .featured-badge{color:#ffadb3;border-color:#ffadb328;background:#291b21f5}
#products-page .top-seller-badge{color:#f5d491;border-color:#f5d49130;background:#2a2318f5}
#products-page .sale-badge{color:#ffd0d5;border-color:#e7394940;background:#571b25f5}
#products-page .product-content{padding:17px 17px 18px;gap:0}
#products-page .stock-badge{position:static;inset:auto;align-self:flex-start;display:inline-flex;gap:6px;width:fit-content;font-size:10px;font-weight:600;line-height:1.45;min-height:25px;padding:4px 8px;border-radius:6px;margin-bottom:10px}
#products-page .stock-badge.available{border:1px solid #84d4ab25;background:#84d4ab08;color:#a9e3c4}
#products-page .stock-badge.unavailable{border:1px solid #ee83932b;background:#ee839309;color:#ffabb8}
#products-page .stock-badge i{font-size:11px}
#products-page .product-category{font-size:10px;letter-spacing:0;color:#9797ab;margin-bottom:5px}
#products-page .product-name{font-size:14px;font-weight:700;line-height:1.55;letter-spacing:-.01em;margin:0 0 8px;min-height:3.1em}
#products-page .product-description{font-size:11px;line-height:1.7;color:#a0a0b1;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#products-page .product-bottom{margin-top:auto;gap:10px;align-items:flex-end}
#products-page .product-price{min-width:0}
#products-page .product-price strong{font-size:20px;letter-spacing:-.02em;line-height:1.4;color:#fff;font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#products-page .product-price del,#products-page .catalog-price-from{display:block;font-size:10px;color:#a1a1b3;margin-bottom:3px}
#products-page .view-product-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid #ffffff1e;border-radius:9px;color:#eeeef6;background:#ffffff04;font-size:11px;font-weight:650;line-height:1.5;white-space:normal;text-align:center}
#products-page .view-product-button:hover{background:#e51b24;border-color:#f33a43;color:#fff}
#products-page .product-card.is-sold-out .view-product-button{color:#eab6be;background:#ec516609;border-color:#ec516625}
#products-page .catalog-options-note,#products-page .catalog-store-note{display:flex;gap:5px;align-items:center;font-size:10px;color:#a1a1b3;line-height:1.7;margin-top:11px}
#products-page .catalog-store-note{color:#c0b2cf}
#products-page .products-pagination{margin-top:30px;flex-wrap:wrap;gap:12px}
#products-page .pagination-numbers{flex-wrap:wrap;justify-content:center}
#products-page :is(.pagination-number,.pagination-button){min-width:44px;min-height:44px;border-radius:9px;background:#17171f;border-color:#ffffff18;color:#c8c8d8;font-size:12px}
#products-page .pagination-number.active{background:#db293b;color:#fff;border-color:#f9647444}
@media(max-width:1050px){#products-page .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#products-page .products-header{padding:20px;align-items:flex-start}#products-page .products-filter-card{padding:16px}#products-page .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}#products-page .product-image-media{inset:57px 15px 19px}#products-page .product-badges{inset:10px 10px auto;gap:5px}#products-page .product-content{padding:14px}#products-page .product-badge{padding:4px 6px}#products-page .product-bottom{flex-direction:column;align-items:stretch}#products-page .view-product-button{width:100%;justify-content:space-between}}
@media(max-width:440px){#products-page{padding:15px 12px 40px}#products-page .products-header{padding:19px 16px;gap:13px}#products-page .products-header h1{font-size:28px}#products-page .products-header p{font-size:12px}#products-page .products-count{min-width:68px;padding:10px}#products-page .products-count strong{font-size:23px}#products-page .products-grid{gap:10px}#products-page .product-card{border-radius:13px}#products-page .product-image{aspect-ratio:1}#products-page .product-image-media{inset:60px 11px 17px}#products-page .product-badges{inset:8px 8px auto;gap:4px}#products-page .product-badge{padding:3px 5px;min-height:23px}#products-page .product-content{padding:12px}#products-page .stock-badge{font-size:10px;padding:4px 6px}#products-page .product-name{font-size:13px}#products-page .product-description{display:none}#products-page .product-price strong{font-size:19px}#products-page .product-bottom{margin-top:12px}#products-page .catalog-filter-footer{align-items:stretch}#products-page .catalog-apply-button{width:100%}#products-page .catalog-options-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){#products-page *,#products-page *::before,#products-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Catalog navigation stays compact and scoped to the existing theme. */
#products-page .catalog-results-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin:0 0 16px;color:#aaaabd;font-size:12px;line-height:1.7}
#products-page .catalog-results-bar strong{color:#e5e5f0;font-weight:650;font-variant-numeric:tabular-nums}
#products-page .products-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px}
#products-page .pagination-numbers{display:flex;align-items:center;gap:6px;min-width:0}
#products-page .products-pagination :is(.pagination-button,.pagination-number){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;height:auto;min-width:44px;min-height:44px;padding:8px 12px;line-height:1.4;text-decoration:none}
#products-page .pagination-gap{color:#9393a8;padding:0 3px}
#products-page .pagination-button.is-disabled{opacity:.4;cursor:default}
#products-page .product-card[id]{scroll-margin-top:110px}
#products-page .products-pagination a:hover{border-color:#ff697b;color:#fff}
#products-page .products-pagination a:focus-visible{outline:2px solid #ff8a98;outline-offset:3px}
@media(max-width:600px){#products-page .products-pagination{display:grid;grid-template-columns:1fr 1fr;gap:12px}#products-page .pagination-numbers{grid-column:1/-1;grid-row:1;flex-wrap:wrap;justify-content:center;gap:5px}#products-page .pagination-button{width:100%;grid-row:2}#products-page .catalog-results-bar{align-items:flex-start;font-size:11px}}