/* Shop catalogue: scoped so shared product cards retain their existing appearance. */
.shop-page { background: #fafbfe; color: #15171b; font-family: Arial, sans-serif; padding: 18px 0 36px; }
.shop-page .shop-container { max-width: 1400px; padding-inline: 28px; }
.shop-page .shop-breadcrumb { margin-bottom: 14px; font-size: 15px; color: #b88a26; }
.shop-page .shop-breadcrumb a { color: #b88a26; }
.shop-page .shop-results { width: 80%; }
.shop-page .shop-filters { width: 20%; padding-left: 16px; }
.shop-page .shop-product-fillter { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 28px; }
.shop-page .totall-product p { margin: 0; font-size: 23px; color: #303036; }
.shop-page .totall-product .text-brand { color: #064614 !important; font-weight: 750; }
.shop-page .sort-by-product-wrap { background: #fff; border: 1px solid #e0e2e8; border-radius: 14px; padding: 12px 16px; box-shadow: 0 7px 18px #20263c09; }
.shop-page .sort-by-product-wrap span { color: #17191e; font-size: 13px; }
.shop-page .sort-by-product-wrap .sort-by { margin-right: 4px; }
.shop-page #shop-ajax-data { --bs-gutter-x: 14px; --bs-gutter-y: 16px; align-items: stretch; }
.shop-page #shop-ajax-data > .col-md-3 { display: flex; }
.shop-page .shop-filters .sidebar-widget { padding: 0; margin: 0; border: 1px solid #e1e3e9; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px #20263c0b; overflow: hidden; }
.shop-page .shop-filters .sidebar-widget > .d-flex { border-bottom: 1px solid #e2e4e9; padding: 17px !important; font-size: 16px; font-weight: 700; }
.shop-page .reset-filter { color: #b88a26; font-size: 14px; }
.shop-page .accordion { padding: 0 17px 7px; }
.shop-page .accordion-item { border: 0; border-bottom: 1px solid #e1e3e9; background: transparent; }
.shop-page .accordion-item:last-child { border-bottom: 0; }
.shop-page .accordion-button { padding: 15px 0; gap: 13px; font-family: inherit; font-size: 14px; font-weight: 500; background: transparent; color: #15171b; box-shadow: none; }
.shop-page .accordion-button::after { width: 14px; height: 14px; background-size: 14px; }
.shop-page .shop-filter-icon { width: 19px; text-align: center; font-size: 16px; }
.shop-page .accordion-body { padding: 4px 0 15px; font-size: 13px; }
.shop-page .accordion-body li { margin-bottom: 8px; }
.shop-page .slider .progress, .shop-page .filter-price-btn { background: #0b5827; color: #fff; }
.shop-page .pagination-area { width: 100%; margin-top: 38px !important; }
.shop-page .pagination { justify-content: center !important; flex-wrap: wrap; gap: 10px; }
.shop-page .pagination .page-item { margin: 0; }
.shop-page .pagination .page-link { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50% !important; background: #eff0f2; color: #181b20; font-weight: 600; }
.shop-page .pagination .active .page-link { background: linear-gradient(110deg, #b08022, #d6af43); color: #fff; }
.shop-page .pagination .disabled .page-link { opacity: .5; }
.shop-page a:focus-visible, .shop-page button:focus-visible { outline: 2px solid #b88a26; outline-offset: 3px; }
@media (max-width: 1199px) and (min-width: 992px) {
    .shop-page .shop-results { width: 76%; }
    .shop-page .shop-filters { width: 24%; }
    .shop-page #shop-ajax-data > .col-md-3 { width: 33.333333%; }
}
@media (max-width: 991px) {
    .shop-page .shop-container { padding-inline: 18px; }
    .shop-page .shop-results, .shop-page .shop-filters { width: 100%; }
    .shop-page .shop-filters { order: -1; padding-left: 12px; margin-bottom: 22px; }
    .shop-page .shop-filters .accordion { display: flex; flex-wrap: wrap; gap: 0 20px; }
    .shop-page .shop-filters .accordion-item { flex: 1 1 140px; }
    .shop-page #shop-ajax-data > .col-md-3 { width: 33.333333%; }
}
@media (max-width: 575px) {
    .shop-page .shop-container { padding-inline: 14px; }
    .shop-page .shop-product-fillter { gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
    .shop-page .totall-product p { font-size: 19px; }
    .shop-page #shop-ajax-data { --bs-gutter-x: 10px; --bs-gutter-y: 12px; }
    .shop-page #shop-ajax-data > .col-md-3 { width: 50%; }
}