/* =========================================================
   ALGOLIA SEARCH - FINAL STYLESHEET
   Replaces the previous pd-search.css in full.
========================================================= */

/* ---------- Base ---------- */

.pd-search-open .pd-algolia-overlay {
    opacity: 0;
    height: 0;
    visibility: hidden;
    position: fixed;
    
}

.algolia-wrapper,
.pd-search-results-single {
    color: #333;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.algolia-wrapper *,
.pd-search-results-single * {
    box-sizing: border-box;
}

.algolia-wrapper mark,
.pd-search-results-single mark,
mark.ais-Highlight-highlighted {
    padding: 0;
    color: inherit;
    font-weight: inherit;
    background: transparent;
}

.ais-Hits-list,
.ais-RefinementList-list,
.ais-HierarchicalMenu-list,
.ais-Pagination-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ais-ClearRefinements-button--disabled,
.ais-Pagination-item--disabled {
    display: none !important;
}

/* ---------- Header search inputs ---------- */

#pd-main-searchbox,
#pd-main-searchbox #search,
#pd-main-searchbox .search-form,
#pd-mobile-searchbox,
#pd-mobile-searchbox .search-form {
    width: 100%;
}

#pd-main-searchbox .search-form,
#pd-mobile-searchbox .search-form,
#pd-main-searchbox .form-group,
#pd-mobile-searchbox .form-group {
    position: relative;
    margin: 0;
}

#pd-main-search-input {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 42px 6px 12px;
    color: #555;
    font-size: 14px;
    line-height: 20px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}

#pd-mobile-search-input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px 52px 10px 12px;
    color: #555;
    font-size: 14px;
    background: #f5f5f5;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#pd-main-search-input::-webkit-search-cancel-button,
#pd-mobile-search-input::-webkit-search-cancel-button {
    display: none;
}

#pd-main-searchbox .search-btn-submit,
#pd-mobile-searchbox .search-btn-submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0;
    color: #fff;
    background: #9d9d9d;
    border: 0;
    border-radius: 0;
}

#pd-main-searchbox .search-btn-submit {
    width: 40px;
    height: 35px;
}

#pd-mobile-searchbox .search-btn-submit {
    width: 50px;
    height: 50px;
    font-size: 20px;
}

/* ---------- Header Algolia results ----------
   Important: this is a full-width content section below the complete
   site header, matching the SuperSpares placement. It is not an
   absolutely positioned autocomplete dropdown.
------------------------------------------------ */

.algolia-overlay {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 99;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.algolia-wrapper.pd-search-results {
    display: none;
    position: relative;
    z-index: 99;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 30px 0 0;
    overflow: visible;
    background: #fff;
    border: 0;
    box-shadow: none;
}

.algolia-wrapper.pd-search-results > .container {
    width: 100%;
    max-width: 1170px;
    max-height: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    overflow: visible;
    background: #fff;
}

.pd-search-open {
    overflow-x: hidden;
}

.pd-search-open .algolia-shadow {
    display: none;
}

.algolia-wrapper.pd-search-results > div >
a.pd-algolia-close.search-close-btn.close-lg {
    display: none;
}

/* ---------- Toolbar ---------- */

.algolia-wrapper .sort_container,
.pd-search-results-single .sort_container {
    display: flex;
    align-items: center;
    min-height: 50px;
    margin: 0 0 30px;
    padding: 0;
    border: 0;
}

.algolia-wrapper .stats-box,
.pd-search-results-single .stats-box {
    color: #333;
    font-size: 14px;
}

.algolia-wrapper #pd-stats strong,
.pd-search-results-single #pd-stats strong {
    font-weight: 700;
}

.algolia-wrapper .sort-div,
.pd-search-results-single .sort-div,
.algolia-wrapper .sort-box,
.pd-search-results-single .sort-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.algolia-wrapper #pd-sort-by,
.pd-search-results-single #pd-sort-by {
    width: 100%;
    max-width: 214px;
}

.algolia-wrapper .ais-SortBy,
.pd-search-results-single .ais-SortBy {
    position: relative;
    width: 100%;
}

.algolia-wrapper .ais-SortBy::before,
.pd-search-results-single .ais-SortBy::before {
    display: none;
    content: none;
}

.algolia-wrapper .ais-SortBy-select,
.pd-search-results-single .ais-SortBy-select {
    display: block;
    float: none;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: #555;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* ---------- Main results layout ---------- */

.algolia-wrapper .algolia-row,
.pd-search-results-single .algolia-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.algolia-wrapper #left-sidebar,
.pd-search-results-single #left-sidebar {
    position: relative;
    width: 25%;
    margin: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.algolia-wrapper .pd-category-content,
.pd-search-results-single .pd-category-content {
    position: relative;
    width: 75%;
    padding-right: 15px;
    padding-left: 15px;
}

/* ---------- Final category-style filters ---------- */

.algolia-wrapper #left-sidebar {
    display: block !important;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.algolia-wrapper .pd-category-content {
    display: block !important;
    width: 75%;
    padding-right: 15px;
    padding-left: 15px;
}

.algolia-wrapper .sidebar-filters {
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.algolia-wrapper .sidebar-filters .panel-heading {
    min-height: 43px;
    padding: 10px 15px;
    background: #f5f5f5;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.algolia-wrapper .sidebar-filters .panel-title {
    margin: 0;
    color: #333;
    font-size: 0;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.algolia-wrapper .sidebar-filters .panel-title::after {
    content: "Filter Products";
    font-size: 16px;
}

.algolia-wrapper .pd-filter-toggle {
    display: block;
    position: relative;
    width: 100%;
    min-height: 39px;
    margin: 0 0 -1px;
    padding: 10px 15px;
    color: #333;
    text-align: left;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
}

.algolia-wrapper .pd-filter-toggle:hover,
.algolia-wrapper .pd-filter-toggle:focus {
    color: #333;
    background: #fff;
    outline: 0;
}

.algolia-wrapper .pd-filter-toggle .meg-h4-filter {
    display: block;
    margin: 0;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.algolia-wrapper .pd-filter-toggle i {
    float: right;
    line-height: 20px;
    transition: transform 0.2s ease;
}

.algolia-wrapper .pd-filter-toggle-open i {
    transform: rotate(180deg);
}

.algolia-wrapper .pd-filter-collapsible {
    display: block;
    margin: 0;
    padding: 0;
}

.algolia-wrapper .pd-filter-collapsible.pd-filter-collapsed {
    display: none;
}

.algolia-wrapper .pd-filter-section {
    margin: 0;
    padding: 0;
    border: 0;
}

.algolia-wrapper .pd-filter-section .list-group {
    margin: 0;
    padding: 0;
}

.algolia-wrapper .pd-filter-section .list-group-item {
    display: block;
    position: relative;
    min-height: 40px;
    margin: 0;
    padding: 10px 15px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
}

.algolia-wrapper .pd-filter-section .list-group-item:hover {
    color: #333;
    background: #f5f5f5;
}

.algolia-wrapper .ais-RefinementList-count,
.algolia-wrapper .ais-HierarchicalMenu-count {
    float: right;
    color: #777;
    font-size: 12px;
    font-weight: 400;
}

.algolia-wrapper .ais-RefinementList-list input[type="checkbox"],
.algolia-wrapper .ais-HierarchicalMenu-list input[type="checkbox"] {
    position: absolute;
    width: auto;
}

.ais-RefinementList-labelText {
    padding-left: 20px;
}

.algolia-wrapper .ais-HierarchicalMenu-list
.ais-HierarchicalMenu-list {
    margin-left: 0 !important;
}

.algolia-wrapper .ais-HierarchicalMenu-list--child
.ais-HierarchicalMenu-item a {
    padding-left: 25px !important;
}

.algolia-wrapper .ais-HierarchicalMenu-list--child
.ais-HierarchicalMenu-list--child
.ais-HierarchicalMenu-item a {
    padding-left: 35px !important;
}

.algolia-wrapper .ais-RefinementList-showMore {
    margin: 10px 15px;
}

.algolia-wrapper #pd-clear-refinements {
    padding: 10px 15px;
}

#pd-clear-refinements:has(.ais-ClearRefinements-button--disabled) {
    display: none;
}

#pd-clear-refinements:not(:has(.ais-ClearRefinements-button--disabled)) {
    display: block;
}

.algolia-wrapper #pd-clear-refinements button {
    width: 100%;
}

/* ---------- Price range ---------- */

body .ais-Panel-body .ais-RangeSlider {
    margin: 0 !important;
}

body .ais-RangeSlider .rheostat {
    margin: 15px 10px 30px;
    overflow: visible;
}

body .ais-RangeSlider .rheostat-background {
    height: 13px;
    background: #fff;
    border: 1px solid #c5c5c5;
}

body .ais-RangeSlider .rheostat-progress {
    position: absolute;
    top: 0 !important;
    height: 13px !important;
    background: #eee !important;
    border: 1px solid #c5c5c5;
}

body .ais-RangeSlider .rheostat-handle {
    position: absolute !important;
    top: -4px !important;
    z-index: 2;
    width: 20px;
    height: 20px;
    margin-left: 0 !important;
    background: #e6e6e6 !important;
    border: 1px solid #d3d3d3 !important;
    border-radius: 4px;
}

body .rheostat-handle.rheostat-handle-upper {
    margin-left: -18px !important;
}

body .ais-RangeSlider .rheostat-marker {
    display: none;
}

body .rheostat-tooltip {
    position: absolute;
    left: 50%;
    margin-top: 25px;
    transform: translateX(-50%);
}

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

#pd-results,
#pd-results-single-v2 {
    width: 100%;
    padding: 0;
}

#pd-results .ais-Hits-list,
#pd-results-single-v2 .ais-Hits-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0;
}

#pd-results .ais-Hits-item,
#pd-results-single-v2 .ais-Hits-item {
    display: block;
    position: relative;
    width: 25%;
    margin: 0 0 20px;
    padding-right: 15px;
    padding-left: 15px;
}

#pd-results .thumbnail,
#pd-results-single-v2 .thumbnail {
    display: block;
    position: relative;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 4px;
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    transition: none;
}

#pd-results .thumbnail:hover,
#pd-results-single-v2 .thumbnail:hover {
    border-color: #ddd;
    box-shadow: none;
    transform: none;
}

#pd-results .thumbnail-image,
#pd-results-single-v2 .thumbnail-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

#pd-results .product-image,
#pd-results-single-v2 .product-image {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    margin: 0 auto;
    object-fit: contain;
    aspect-ratio: 1 / 1 !important;
}

#pd-results .caption,
#pd-results-single-v2 .caption {
    min-height: 97px;
    padding: 9px;
    text-align: left;
}

#pd-results .thumb-name,
#pd-results-single-v2 .thumb-name {
    min-height: 36px;
    margin: 0 0 6px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
}

#pd-results .thumb-name a,
#pd-results-single-v2 .thumb-name a {
    color: #333;
    text-decoration: none;
}

#pd-results .thumb-name a:hover,
#pd-results-single-v2 .thumb-name a:hover {
    color: #1da9f7;
}

#pd-results .price,
#pd-results-single-v2 .price {
    margin: 0 0 16px !important;
    color: #333;
    font-size: 16px;
    line-height: 22.8571px;
}

#pd-results .price strong,
#pd-results-single-v2 .price strong {
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

#pd-results .price s,
#pd-results-single-v2 .price s {
    color: #777;
    font-size: 90%;
}

#pd-results .buying-options,
#pd-results-single-v2 .buying-options {
    display: inline;
    position: absolute !important;
    right: 15px !important;
    bottom: 0 !important;
    left: auto !important;
    width: auto;
    margin: 0;
}

#pd-results .buying-options .btn,
#pd-results-single-v2 .buying-options .btn {
    display: block;
    width: 36px;
    height: 39px;
    margin: 0;
    padding: 7px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    background: #333;
    border: 1px solid #333;
    border-radius: 7px 0 0;
    box-shadow: none;
}

#pd-results .wishlist_toggle,
#pd-results-single-v2 .wishlist_toggle {
    position: static;
}

#pd-results .wishlist_toggle .label-left,
#pd-results-single-v2 .wishlist_toggle .label-left {
    position: absolute;
    top: 1px;
    right: auto;
    left: 1px;
    z-index: 5;
    display: block;
    width: 41px;
    height: 41px;
    padding: 10px;
}

#pd-results .custom-badge-container,
#pd-results-single-v2 .custom-badge-container,
#pd-results .savings-container,
#pd-results-single-v2 .savings-container,
#pd-results .soldout-container,
#pd-results-single-v2 .soldout-container {
    position: absolute;
    z-index: 4;
}

.ais-Hits.ais-Hits--empty,
.pd-empty-results {
    width: 100%;
    padding: 0 15px;
}

/* ---------- Pagination ---------- */

#pd-pagination-top,
#pd-pagination {
    text-align: center;
}

#pd-pagination {
    margin-top: 20px;
}

.ais-Pagination-list.pagination,
ul.ais-Pagination-list.pagination {
    display: inline-flex;
    justify-content: center;
    margin: 20px 0;
    padding: 0;
}

.ais-Pagination-item {
    margin-left: -1px;
}

.ais-Pagination-link {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 6px 12px;
    color: #337ab7;
    font-size: 14px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    text-decoration: none;
}

.ais-Pagination-item--selected .ais-Pagination-link,
.ais-Pagination-item.active .ais-Pagination-link {
    z-index: 2;
    color: #fff;
    background: #1da9f7;
    border-color: #1da9f7;
}

.ais-Pagination-link:hover {
    color: #23527c;
    background: #eee;
    border-color: #ddd;
}

/* ---------- Suggested content ---------- */

.suggested-products-title,
h3.suggested-products-title {
    margin: 0 15px 20px;
    padding: 15px 0;
    font-size: 18px;
    line-height: 24px;
    border-bottom: 1px solid #ddd;
}

.row.show-all-results-row {
    width: 100%;
    margin: 0;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

#pd-show-all {
    margin: 0 15px;
    border-top: 1px solid #ddd;
}

.pd-related-image {
    height: 125px;
    max-width: 300px;
    margin: 0 auto 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#pd-articles-brands .pd-related-image {
    background-size: contain;
}

.pd-related-title {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}

#pd-suggested-categories .pd-related-image {
    width: 65px;
    height: 45px;
    margin: 0;
}

#pd-suggested-categories .pd-related-title {
    margin: 0;
    text-align: left;
}

#pd-suggested-categories .ais-Hits-item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

#pd-articles .ais-Hits-item,
#pd-articles-brands .ais-Hits-item {
    width: 100%;
}

/* ---------- Miscellaneous ---------- */

.algolia-wrapper .npopup-btn-close {
    top: 0;
    right: 0;
    background: transparent;
    border: 0;
    pointer-events: none !important;
}

.pd-bottom {
    margin: 20px 0;
    text-align: right;
}

.pd-bottom .btn {
    padding: 12px 20px;
}

.btn-text.pl-0 {
    padding-left: 0;
}

.algolia-toggle-filters {
    display: block;
    color: #252525;
    cursor: pointer;
}

/* ---------- Tablet ---------- */

@media (max-width: 991px) {
    .algolia-wrapper.pd-search-results {
        position: relative;
        top: auto;
        max-height: none;
        padding-top: 15px;
        overflow: visible;
    }

    .algolia-wrapper.pd-search-results > .container {
        max-height: none;
        overflow: visible;
    }

    .algolia-wrapper .sort_container,
    .pd-search-results-single .sort_container {
        flex-wrap: wrap;
        gap: 10px 0;
        margin-bottom: 20px;
    }

    .algolia-wrapper .algolia-toggle-filters-box,
    .pd-search-results-single .algolia-toggle-filters-box {
        width: 100%;
    }

    .algolia-wrapper .algolia-toggle-filters,
    .pd-search-results-single .algolia-toggle-filters {
        display: block;
        width: 100%;
        min-height: 43px;
        padding: 10px 15px;
        color: #333;
        text-align: left;
        background: #f5f5f5;
        border: 1px solid #ddd;
        border-radius: 0;
    }

    .algolia-wrapper #left-sidebar,
    .pd-search-results-single #left-sidebar,
    .algolia-wrapper .pd-category-content,
    .pd-search-results-single .pd-category-content {
        width: 100%;
    }

    .algolia-wrapper #left-sidebar,
    .pd-search-results-single #left-sidebar {
        margin-bottom: 20px;
    }

    .algolia-wrapper #pd-pagination-top,
    .pd-search-results-single #pd-pagination-top {
        display: none;
    }
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
    #pd-mobile-searchbox {
        margin: 0 7px;
    }

    .algolia-wrapper.pd-search-results {
        padding: 15px 0 0;
    }

    .algolia-wrapper.pd-search-results > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .algolia-wrapper .sort_container > div,
    .pd-search-results-single .sort_container > div {
        width: 100%;
    }

    .algolia-wrapper .sort-div,
    .pd-search-results-single .sort-div,
    .algolia-wrapper .sort-box,
    .pd-search-results-single .sort-box {
        justify-content: flex-start;
    }

    .algolia-wrapper #pd-sort-by,
    .pd-search-results-single #pd-sort-by {
        width: 100%;
        max-width: none;
    }

    .pd-category-content.col-xs-12.thumb {
        padding-right: 15px;
        padding-left: 15px;
    }

    #pd-results .ais-Hits-list,
    #pd-results-single-v2 .ais-Hits-list {
        margin-right: -15px;
        margin-left: -15px;
    }

    #pd-results .ais-Hits-item,
    #pd-results-single-v2 .ais-Hits-item {
        width: 50%;
        margin-bottom: 20px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #pd-results .thumbnail,
    #pd-results-single-v2 .thumbnail {
        min-height: 0;
        padding: 4px 4px 15px;
    }

    #pd-results .thumbnail-image,
    #pd-results-single-v2 .thumbnail-image {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    #pd-results .caption,
    #pd-results-single-v2 .caption {
        min-height: 97px;
        padding: 9px;
    }

    #pd-results .thumb-name,
    #pd-results-single-v2 .thumb-name {
        min-height: 36px;
        font-size: 12px;
        line-height: 12px;
    }

    #pd-results .buying-options,
    #pd-results-single-v2 .buying-options {
        right: 15px !important;
        bottom: 0 !important;
    }

    .suggested-products-title,
    h3.suggested-products-title {
        margin-right: 0;
        margin-left: 0;
    }

    #categories-topbar .pd-related-title {
        padding: 0;
    }
}

/* ---------- Very small screens ---------- */

@media (max-width: 420px) {
    .algolia-wrapper.pd-search-results > .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    #pd-results .ais-Hits-list,
    #pd-results-single-v2 .ais-Hits-list {
        margin-right: -5px;
        margin-left: -5px;
    }

    #pd-results .ais-Hits-item,
    #pd-results-single-v2 .ais-Hits-item {
        padding-right: 5px;
        padding-left: 5px;
    }

    #pd-results .caption,
    #pd-results-single-v2 .caption {
        padding: 7px;
    }

    #pd-results .buying-options,
    #pd-results-single-v2 .buying-options {
        right: 5px !important;
    }

    .ais-Pagination-link {
        min-width: 32px;
        height: 32px;
        padding: 5px 9px;
    }
}

/* Sakrij Stock/In Stock */

.algolia-wrapper #pd-in-stock {
    display: none !important;
}

/* Sakrij Brand search */

.algolia-wrapper #pd-brands .ais-RefinementList-searchBox,
.algolia-wrapper #pd-brands .ais-RefinementList-search,
.algolia-wrapper #pd-brands .ais-SearchBox {
    display: none !important;
}

/* Sakrij gornju paginaciju */

.algolia-wrapper #pd-pagination-top {
    display: none !important;
}

/* Sakrij Hide Filters */

.algolia-wrapper .algolia-toggle-filters-box,
.algolia-wrapper .algolia-toggle-filters {
    display: none !important;
}

/* Stabilan toolbar bez prazne Filter kolone */

.algolia-wrapper .sort_container {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.algolia-wrapper .sort_container > .col-xs-5,
.algolia-wrapper .sort_container > .col-md-5 {
    width: 50%;
    margin-left: 0;
}

.algolia-wrapper .sort_container > .col-xs-7,
.algolia-wrapper .sort_container > .col-md-4,
.algolia-wrapper .sort-div {
    width: 50%;
}

/* Stabilan sidebar + product grid */

@media (min-width: 992px) {
    .algolia-wrapper .algolia-row {
        display: flex;
        align-items: flex-start;
    }

    .algolia-wrapper #left-sidebar {
        flex: 0 0 25%;
        width: 25% !important;
    }

    .algolia-wrapper .pd-category-content {
        flex: 0 0 75%;
        width: 75% !important;
    }
}

@media (max-width: 991px) {
    .algolia-wrapper #left-sidebar,
    .algolia-wrapper .pd-category-content {
        width: 100% !important;
    }

    .algolia-wrapper .sort_container > div,
    .algolia-wrapper .sort-div {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .algolia-wrapper #pd-results .ais-Hits-item {
        width: 50% !important;
    }
}

/* Red close button while search is active */
#pd-main-searchbox .search-btn-submit.pd-search-close,
#pd-mobile-searchbox .search-btn-submit.pd-search-close {
    background: #d71920;
    color: #fff;
    border-color: #d71920;
}

#pd-main-searchbox .search-btn-submit.pd-search-close i,
#pd-mobile-searchbox .search-btn-submit.pd-search-close i {
    color: #fff;
}

/* Hover and keyboard focus #ed283b */
#pd-main-searchbox .search-btn-submit.pd-search-close:hover,
#pd-mobile-searchbox .search-btn-submit.pd-search-close:hover {
    background: #b5141a;
    border-color: #b5141a;
}

#pd-main-searchbox .search-btn-submit.pd-search-close:focus-visible,
#pd-mobile-searchbox .search-btn-submit.pd-search-close:focus-visible {
    outline: 2px solid #d71920;
    outline-offset: 3px;
}