/* ===== General ===== */

.PM_ASResetGroup {
    font-size: 10px;
    margin-top: 5px;
}

/* ===== Vertical Search blocks ===== */

/* .PM_ASBlockOutputVertical .PM_ASBlockNbProductValue {
    opacity: 0.6;
} */
.PM_ASCriterionsGroupTitle {
    margin-bottom: 0;
    position: relative;
    padding: 1rem 3rem 1rem 1rem;
    font-size: 0.75rem;
    cursor: pointer;
}
.PM_ASCriterionsGroupTitle svg {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    transition: transform 0.4s ease;
}
.facet__header {
    margin-bottom: 0;
    border-bottom: 0;
}
.facet__block {
    padding: 0;
}
.PM_ASCriterionsGroupTitle[aria-expanded="true"] svg {
    transform: translateY(-50%) rotate(-180deg);
}

.PM_ASCriterionsGroupOuter {
    padding: 0 1rem 1rem 1rem;
}

.PM_ASCriterionsGroup {
    border-bottom: 1px solid #d9d9d9;
}
/* .PM_ASBlockOutputVertical .PM_ASCriterionsGroup:last-child {
    border-bottom: 1px solid #eeeeee;
} */

.PM_ASCriterionsGroup ul {
    margin-bottom: 0;
}

.PM_ASFormFooter {
    padding: 1rem;
}

.search_filters .ui-slider .ui-slider-handle {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search_filters .ui-slider .ui-slider-handle::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: block;
}
.active-filter-title {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 74px;
    align-items: center;
}
.active-filter-reset {
    font-size: 0.75rem;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.active-filter-reset::after {
    content: "×";
    margin-left: 0.25rem;
    font-size: 1.5rem;
    line-height: 1;
}
.search_filters .ui-slider-horizontal {
    height: 2px;
    border: none;
    background: #d9d9d9;
    margin: 1.5rem 0.5rem;
}
.search_filters .ui-slider-horizontal .ui-slider-handle {
    top: 50%;
    transform: translateY(-50%);
    margin-left: -1.5rem;
}
.search_filters .ui-slider-horizontal .ui-slider-range {
    top: 0;
    background: #e50000;
    height: 100%;
}
.search_filters .ui-state-default {
    border: none;
    background: none;
}

.search_filters .ui-state-default::before {
    background: #e50000;
    border: 1px solid #e50000;
    box-shadow: 0 2px 6px 0 rgba(229, 0, 0, 0.15);
}
.search_filters .ui-state-active {
    outline: none;
}
.search_filters .ui-state-active::before {
    outline: 0.5rem solid rgba(229, 0, 0, 0.25);
}
.is--loading .product-thumbnail,
.is--loading .product-dimensions {
    display: none;
}
.is--loading .product__card-img::before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 3rem 100%;
    background-repeat: no-repeat;
    background-position: left -3rem top 0;
    animation: shine 1.5s ease infinite;
    width: 100%;
    padding-bottom: 75%;
}

.is--loading .product-title,
.is--loading .product-price-and-shipping,
.is--loading .product__quantity,
.is--loading .listing-products-total {
    position: relative;
}
.is--loading .product-title a,
.is--loading .miniatureimages,
.is--loading .product-price-and-shipping *,
.is--loading .comments-note,
.is--loading .product-additional-buttons,
.is--loading .product-flags,
.is--loading .product-miniature:hover .product-dimensions,
.is--loading .highlighted-informations {
    visibility: hidden;
}
.is--loading .product__quantity,
.is--loading .listing-products-total {
    color: transparent;
}

.is--loading .product-title::before,
.is--loading .product-price-and-shipping::before,
.is--loading .product__quantity::before,
.is--loading .listing-products-total::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 3rem 100%;
    background-repeat: no-repeat;
    background-position: left -3rem top 0;
    animation: shine 1.5s ease infinite;
    width: 100%;
    height: 100%;
}
.PM_ASSubmitSearch,
.PM_ASResetSearch {
    text-transform: none;
}
.PM_ASBlockOutput.is--loading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
    z-index: 3;
    animation: fade 0.1s;
}
@media (min-width: 992px) {
    .PM_ASCriterionsGroupList {
        margin-bottom: 1rem;
    }
    .PM_ASCriterionsGroupTitle {
        font-size: 0.925rem;
        padding: 1rem 0;
        cursor: auto;
    }
    .PM_ASCriterionsGroupOuter {
        padding: 0;
        display: block;
    }
    .PM_ASCriterionsGroup {
        border: none;
        margin-bottom: 1rem;
    }
    .PM_ASCriterionsGroupTitle svg {
        display: none;
    }
    .PM_ASFormFooter {
        padding: 0;
        margin: 1rem 0 2rem 0;
    }

    .PM_ASCriterionsGroupOuter.collapsing {
        height: 100% !important;
    }
    .PM_ASCriterionsGroupOuter.collapse {
        display: block;
    }
    .is--loading .js-product-miniature:hover::before {
        display: none;
    }
}

/* ===== Horizontal Search blocks ===== */

.PM_ASBlockOutputHorizontal {
    clear: both;
}
.PM_ASBlockOutputHorizontal .card-header {
    text-align: center;
}
.PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup {
    padding-top: 15px;
    padding-bottom: 15px;
}
.PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup select {
    width: 96%;
}

/* ===== Groups of Criteria ===== */

/* Lists management */
.PM_ASCriterions ul {
    list-style: none;
}

/* Skip group link */
.PM_ASSkipGroup {
    font-size: 10px;
    float: right;
    margin-top: 5px;
}
.PM_ASSkipGroup:after {
    content: "\f051";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-left: 5px;
}

/* Hidden and disabled criteria */
.PM_ASCriterionDisable {
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    zoom: 1;
}
.PM_ASShowCriterionsGroupHidden:before {
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
.PM_ASShowCriterionsGroupHidden:before {
    content: "\f105";
}
.PM_ASShowCriterionsGroupHidden.PM_ASShowCriterionsGroupHiddenOpen:before {
    content: "\f107";
}
.PM_ASShowCriterionsGroupHidden {
    text-align: center;
}
.PM_ASCriterionsGroupHidden {
    display: none;
}

/* Range value for slider */
.PM_ASCritRange {
    border-radius: 0;
}
.PM_ASCritRangeValue {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 0.75rem;
}

/* Hide toggle link */
.PM_ASCriterionHideToggleLink {
    font-size: 10px;
    margin-top: 10px;
    display: block;
}

/* ===== Criterions ===== */
ul.PM_ASCriterionGroupImage,
ul.PM_ASCriterionGroupCheckbox,
ul.PM_ASCriterionGroupLinkColor,
ul.PM_ASCriterionGroupLink,
ul.PM_ASCriterionGroupColor,
ul.PM_ASLevelDepth {
    list-style-type: none;
    padding-left: 0;
}
.PM_ASCriterionsSEOGroupDisabled,
.PM_ASCriterionsSEOGroupDisabled a,
.PM_ASCriterionsSEOGroupDisabled input {
    cursor: default;
}

/* Criterion group display */
ul.PM_ASCriterionGroupImage,
.PM_ASCriterionGroupColor {
    clear: both;
}
ul.PM_ASCriterionGroupImage li,
.PM_ASCriterionGroupColor li {
    display: inline-block;
}
ul.PM_ASCriterionGroupImage li a,
.PM_ASCriterionGroupColor li a {
    display: block;
}

/* Criterion display */
.PM_ASCriterionHide,
li.PM_ASCriterionHide {
    display: none;
}
.PM_ASHide {
    display: none;
}
.PM_ASHide:before,
.PM_ASShow:before {
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
.PM_ASHide:before {
    content: "\f106";
}
.PM_ASShow:before {
    content: "\f107";
}

/* Number of results on criterion */
div.PM_ASCriterionNbProduct {
    opacity: 0.6;
    display: inline;
}

/* Color square size */
.PM_ASCriterionGroupColor li a {
    width: 15px;
    height: 15px;
}
.PM_ASCriterionGroupColor.color_to_pick_list li,
.PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
    border: 1px solid #d6d4d4;
    display: inline-block;
    float: none;
}
.PM_ASCriterionGroupColor.color_to_pick_list li a,
.PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
    width: 23px;
    height: 23px;
    margin: 1px !important;
    background-size: 100% 100% !important;
}
.PM_ASCriterionGroupColor.color_to_pick_list li.PM_ASCriterionHide,
ul.PM_ASCriterionGroupImage li.PM_ASCriterionHide {
    display: none;
}

/* Selected => image and square color */
.PM_ASCriterionGroupImage .PM_ASCriterionLink,
.PM_ASCriterionGroupColor .PM_ASCriterionLink {
    margin: 4px !important;
}
.PM_ASCriterionGroupImage .PM_ASCriterionLinkSelected,
.PM_ASCriterionGroupColor .PM_ASCriterionLinkSelected {
    border: 2px solid #999;
    margin: 2px !important;
}

/* Selected => link */
.PM_ASCriterionGroupLink .PM_ASCriterionLinkSelected,
.PM_ASCriterionGroupLink .PM_ASCriterionLink:hover {
    font-weight: bold;
}
.PM_ASCriterionGroupLink:not(.PM_ASCriterionGroupLinkColor) .PM_ASCriterionLink:before {
    content: "\f105";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}

/* Criterion group (color, but not square only) */
.PM_ASCriterionGroupLinkColor .PM_ASCriterionLink {
    height: 23px;
    line-height: 23px;
    margin-bottom: 3px;
    display: block;
}
.PM_ASCriterionGroupLinkColor .PM_ASCriterionLink .PM_ASCriterionValue {
    line-height: 23px;
    display: block;
}
.PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
    margin: 0 6px 0 0 !important;
    display: block;
    float: left;
}

/* Remove checkbox border for IE */
.PM_ASCriterionCheckbox {
    border: 0;
    vertical-align: middle;
}

/* ===== Criterion => level depth ===== */

.PM_ASLevelDepth {
}
.PM_ASLevelDepth li {
    position: relative;
}
.PM_ASLevelDepth li a {
    font-weight: 700;
    display: block;
    font-weight: 600;
    line-height: 30px;
    border-bottom: 2px solid #ebebeb;
}
.PM_ASLevelDepth li:not(.level1) a {
    border-bottom: none;
}
.PM_ASLevelDepth li:not(.level1):not(.PM_ASCriterionLevelSelected) a {
    color: #777777;
    font-weight: normal;
    font-size: 0.875rem;
}
.PM_ASLevelDepth li span.grower {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.PM_ASLevelDepth li span.grower.PM_ASCriterionClose .add,
.PM_ASLevelDepth li span.grower.PM_ASCriterionOpen .remove {
    display: block;
}
.PM_ASLevelDepth li span.grower.PM_ASCriterionClose .remove,
.PM_ASLevelDepth li span.grower.PM_ASCriterionOpen .add {
    display: none;
}

/* Selected class for category tree view */
.PM_ASLevelDepth .PM_ASCriterionLevelChoosen .PM_ASCriterionLevelChoose {
    font-weight: bold;
}
.PM_ASLevelDepth .PM_ASCriterionLevelSelected.PM_ASCriterionLevelChoosen span + .PM_ASCriterionLevelChoose,
.PM_ASLevelDepth .PM_ASCriterionLevelSelected.PM_ASCriterionLevelChoosen a.PM_ASCriterionLevelChoose {
    text-decoration: underline;
}

/* Link for removing criterion of selection */
.PM_ASCriterionLevelChoosen a:hover {
    text-decoration: line-through !important;
}

.PM_ASBlockOutputVertical .PM_ASSelections {
    padding: 0;
    background-color: inherit;
    border: none;
}
.PM_ASBlockOutputVertical .PM_ASSelections .active-filter-title {
    display: block;
    margin: 0 0 1.25rem;
}
.PM_ASBlockOutputVertical .PM_ASSelections li {
    display: block !important;
}
.PM_ASBlockOutputVertical .PM_ASSelections a.PM_ASSelectionsRemoveLink {
    display: block !important;
    margin-right: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

* html .PM_ASBlockOutputHorizontal .PM_ASSelectionsBlock {
    height: 25px;
}
.PM_ASSelectionsDropDown {
    position: relative;
    height: 25px;
    z-index: 2;
}
.PM_ASSelectionsDropDownMenu {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 0.5rem;
    z-index: 2;
}

/* Link for showing dropdown selection reminder on vertical block */
a.PM_ASSelectionsDropDownShowLink {
    text-decoration: none;
}
a.PM_ASSelectionsDropDownShowLink:before {
    content: "\f105";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
a.PM_ASSelectionsDropDownShowLink.PM_ASSelectionsBlockOpened:before {
    content: "\f107";
}
.PM_ASSelectionsResults .PM_ASSelectionsSelectedCriterion {
    display: inline-block;
    padding-right: 5px;
}
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroup .PM_ASSelectionsCriterionsGroupName {
    display: block;
}
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroupName strong,
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroupName > ul {
    display: inline-block;
}

/* Dropdown selection reminder on vertical block */
.PM_ASBlockOutputVertical .PM_ASSelectionsDropDownMenu {
    width: 100%;
}

/* Link for removing criterion of selection */
/* a.PM_ASSelectionsRemoveLink:hover {
    text-decoration: line-through !important;
    color: inherit !important;
}
a.PM_ASSelectionsRemoveLink:before {
    content: "\f00d";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
} */

/* ===== SEO pages ===== */
#PM_ASearchSeoCrossLinks {
    clear: both;
}

/* Collapse mode for mobiles */
/* .PM_ASBlockOutput.PM_ASMobileMode .PM_ASBlockTitle:after,
.PM_ASBlockOutput.PM_ASMobileMode .PM_ASearchTitle:after {
    content: "";
    font-family: "Material Icons";
    padding-right: 5px;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 0;
} */
.PM_ASBlockOutput.PM_ASMobileMode .card-block {
    display: none;
}
.PM_ASBlockOutput.PM_ASMobileMode .card-header {
    cursor: pointer;
}

/* Blur */
.as4-loader-blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    filter: blur(2px);
}
.as4-loader-blur:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.as4-loader:before,
.as4-loader:after,
.as4-loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: as4loader 1.8s infinite ease-in-out;
    animation: as4loader 1.8s infinite ease-in-out;
}
.as4-loader {
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
    opacity: 1;
}
.as4-loader:before {
    left: -3.5em;
}
.as4-loader:after {
    left: 3.5em;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
}
.as4-loader:before,
.as4-loader:after {
    content: "";
    position: absolute;
    top: 0;
}
@keyframes as4loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #333333;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #666666;
    }
}
@-webkit-keyframes as4loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #333333;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #666666;
    }
}
/* /Blur */

/* Scrollbar and overflow management for webkit */
.PM_ASCriterionsGroupOuter::-webkit-scrollbar {
    width: 5px;
}
.PM_ASCriterionsGroupOuter::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.PM_ASCriterionsGroupOuter::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.PM_ASCriterionsGroupOuter::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.2);
}
.PM_ASBlockOutput {
    position: relative;
}
.PM_ASCriterionNoChoice {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    background: #eee;
}

@media (max-width: 991px) {
    .PM_ASBlockOutput {
        overflow-y: auto;
    }
}

.PM_ASBlockOutput.PM_ASMobileMode {
    padding-left: 0px;
    padding-right: 0px;
}

#PM_ASCriterionGroupImage_21_8,
#PM_ASCriterionGroupImage_26_8,
#PM_ASCriterionGroupImage_27_8,
#PM_ASCriterionGroupImage_28_23,
#PM_ASCriterionGroupImage_5_12,
#PM_ASCriterionGroupImage_34_15,
#PM_ASCriterionGroupImage_35_15,
#PM_ASCriterionGroupImage_3_13,
#PM_ASCriterionGroupImage_11_11,
#PM_ASCriterionGroupImage_5_17,
#PM_ASCriterionGroupImage_14_12,
#PM_ASCriterionGroupImage_16_5,
#PM_ASCriterionGroupImage_38_15,
#PM_ASCriterionGroupImage_39_15,
#PM_ASCriterionGroupImage_40_8,
#PM_ASCriterionGroupImage_42_8 {
    display: flex;
    flex-wrap: wrap;
}

#PM_ASCriterionGroupImage_21_8 li,
#PM_ASCriterionGroupImage_26_8 li,
#PM_ASCriterionGroupImage_27_8 li,
#PM_ASCriterionGroupImage_28_23 li,
#PM_ASCriterionGroupImage_5_12 li,
#PM_ASCriterionGroupImage_34_15 li,
#PM_ASCriterionGroupImage_35_15 li,
#PM_ASCriterionGroupImage_3_13 li,
#PM_ASCriterionGroupImage_11_11 li,
#PM_ASCriterionGroupImage_5_17 li,
#PM_ASCriterionGroupImage_14_12 li,
#PM_ASCriterionGroupImage_16_5 li,
#PM_ASCriterionGroupImage_38_15 li,
#PM_ASCriterionGroupImage_39_15 li,
#PM_ASCriterionGroupImage_40_8 li,
#PM_ASCriterionGroupImage_42_8 li {
    width: 16.66%;
    max-width: 40px;
}

#PM_ASCriterionGroupImage_21_8 img,
#PM_ASCriterionGroupImage_26_8 img,
#PM_ASCriterionGroupImage_27_8 img,
#PM_ASCriterionGroupImage_28_23 img,
#PM_ASCriterionGroupImage_5_12 img,
#PM_ASCriterionGroupImage_34_15 img,
#PM_ASCriterionGroupImage_35_15 img,
#PM_ASCriterionGroupImage_3_13 img,
#PM_ASCriterionGroupImage_11_11 img,
#PM_ASCriterionGroupImage_5_17 img,
#PM_ASCriterionGroupImage_14_12 img,
#PM_ASCriterionGroupImage_16_5 img,
#PM_ASCriterionGroupImage_38_15 img,
#PM_ASCriterionGroupImage_39_15 img,
#PM_ASCriterionGroupImage_40_8 img,
#PM_ASCriterionGroupImage_42_8 img {
    width: 100%;
    border: 1px solid #e3e2df;
    border-radius: 0.25rem;
}

/* prevent to short input on md and lg sizes*/
@media only screen and (max-width: 1599px) and (min-width: 992px) {
    .PM_ASBlockOutput .input-group.input-group-sm > .form-control,
    .PM_ASBlockOutput .input-group.input-group-sm > .input-group-append > .input-group-text {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.PM_ASBlockOutput .comments-note__stars {
    width: 100%;
    position: relative;
    display: inline;
    letter-spacing: normal;
    font-size: 1.1rem;
    vertical-align: text-top;
}

.PM_ASBlockOutput .comments-note__stars, .active_filters__list .comments-note__stars {
    width: 100%;
    position: relative;
    display: inline;
    letter-spacing: normal;
    font-size: 1.1rem;
    vertical-align: text-top;
}
.active_filters__list .comments-note__stars {
    flex: 1;
    font-size: 1.3rem;
}