/*--- PRODUCT LISTING PAGE ---------------------------------------------------------------------------*/
.product-listing-page {display:grid;align-items:start;gap:.5rem 1rem;margin:0 0 3em}

    @media (min-width:50rem) {
        .product-listing-page {grid-template-columns:223px 1fr;grid-auto-rows:auto auto 1fr auto minmax(2rem, auto)}
    }


    /*--- breadcrumb ---*/
    .product-listing-page .breadcrumb {order:-3;grid-column:2;padding:0}


    /*--- heading ---*/
    .product-listing-page > h1 {order:-2;padding:0;font-weight:900;grid-column:2/-1}


    /*--- banner ---*/
    .product-listing-page > .banner {grid-column:2/-1;/*align-self:end*/;display:block;width:100%;padding:.65em 1em;background-color:#fff;font-weight:bold;text-transform:uppercase;border-radius:.75rem;font-size:.9rem;text-align:center;margin:0 auto}
        .product-listing-page > .banner img {display:none}
        .product-listing-page > .banner div {}
            .product-listing-page > .banner span {display:inline-block;text-transform:none}

        @media (min-width:50rem) {
            .product-listing-page > .banner {width:fit-content;padding:0;border-radius:0}
                .product-listing-page > .banner img {display:block}
                .product-listing-page > .banner div {display:none}
        }


    /*--- credova ---*/
    .product-listing-page > .credova-callout {display:flex;flex-direction:column;align-items:center;gap:.5em;padding:1rem .5rem .75rem;background-color:#233549;border-radius:.75rem;font-size:.85714rem;text-align:center;color:#fff}
        .product-listing-page > .credova-callout div:first-of-type {font-size:1.5rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#ebfad9}
            .product-listing-page > .credova-callout div:first-of-type span {display:inline-block;font-size:1.05em;letter-spacing:.2em}
        .product-listing-page > .credova-callout p {margin-bottom:.5em}
            .product-listing-page > .credova-callout img {display:inline-block;vertical-align:middle;width:4.5rem;transform:translateY(-.1em)}
        .product-listing-page > .credova-callout div:last-of-type {padding:.3em .5em;background-color:#ebfad9;border-radius:.3em;color:#233549;font-weight:bold}
        /*.product-listing-page > .credova-callout:hover div:last-of-type, .product-listing-page > .credova-callout:focus div:last-of-type {background-color:#e7ffc9}*/
            .product-listing-page > .credova-callout div:first-of-type span:last-of-type {text-transform:none}

        @media (max-width:50rem) {
            .product-listing-page > .credova-callout {padding:.65em 1em;font-weight:bold;text-transform:uppercase;border-radius:.75rem;font-size:.9rem;color:#fff;text-align:center}
                .product-listing-page > .credova-callout div:first-of-type {font-size:.9rem;font-weight:bold;letter-spacing:0;color:#fff}
                    .product-listing-page > .credova-callout div:first-of-type span {display:inline-block;font-size:1em;letter-spacing:0}
                .product-listing-page > .credova-callout :is(p, div:last-of-type) {display:none}
        }

        @media (min-width:50rem) {
            .product-listing-page > .credova-callout {grid-row:2/4}
                .product-listing-page > .credova-callout div:first-of-type span:last-of-type {display:none}
        }


    /*--- jump down link ---*/
    .product-listing-page > .button-style-link[href^="#"] {grid-column:1;border-radius:.75rem;font-size:.9rem;text-align:center;margin:0}
        .product-listing-page > .button-style-link[href^="#"] span {display:inline-block;font-size:.85714rem;text-transform:none}

        @media (max-width:50rem) {
            .product-listing-page > .button-style-link[href^="#"] {order:-1}
        }


    /*--- iSearch filters toggle ---*/
    .product-listing-page > button {font-size:1.2857142857em;position:relative;margin:3.5rem 0 0}
        .product-listing-page > button::before {display:block;border-top:2px solid #999;position:absolute;top:-2rem;left:0;right:0;content:""}

        /*--- open state ---*/
        .product-listing-page > button.open {}

        @media (min-width:750px) {
            .product-listing-page > button {}
        }

        @media (min-width:50rem) {
            .product-listing-page > button {display:none}
        }


    /*--- iSearch filters -----------------*/
    .isearch-filters {display:grid;align-items:start;grid-template-columns:1fr auto;gap:0 1rem;margin:1rem 0}

        @media (max-width:50rem) {
            .product-listing-page .isearch-filters {interpolate-size:allow-keywords;visibility:hidden;height:0;overflow:hidden;margin:0 0 .5rem;transition:visibility 0s .2s, height .2s}

                /*--- open state ---*/
                .product-listing-page > button.open + .isearch-filters {visibility:visible;height:auto;transition-delay:0s, 0s}
        }

        @media (min-width:50rem) {
            .product-listing-page .isearch-filters {grid-row:6;margin-top:0}
        }


        /*--- heading ---*/
        .isearch-filters h2 {padding:0 0 .4em .5rem;font-family:'Open Sans', sans-serif;font-size:1.2rem;text-transform:none;font-weight:bold;color:#444}


        /*--- clear ---*/
        .isearch-filters > button {padding:.3em;background-color:#f5f5f5;border:1px solid #666;font-size:1rem;letter-spacing:-.05em;color:#666;margin:0 0 0 auto}
            .isearch-filters > button:hover, .isearch-filters > button:focus {background-color:#fff}

            @media (min-width:50rem) {
                .isearch-filters > button  {font-size:.85714em}
            }


        /*--- groups --------*/
        .isearch-filters fieldset {grid-column:1/-1;padding:0;border-bottom:2px solid #444;margin:0}
            .isearch-filters legend {margin:0;width:100%;padding:0;left:0}

            /*--- toggle button ---*/
            .isearch-filters legend button {width:100%;padding:.8em .5em;background-color:transparent;border:0;border-radius:0;font-size:1.1rem;color:#444;text-transform:none;text-align:left;position:relative;margin:0}
                .isearch-filters legend button:hover, .isearch-filters legend button:focus {color:#ce202e}

                /*--- icon ---*/
                .isearch-filters legend button::before, .isearch-filters legend button::after {display:block;width:.6em;height:.1em;background-color:#444;position:absolute;top:50%;right:.5em;margin:-.05em 0 0;transition:scale .2s;content:""}
                    .isearch-filters legend button::after {width:.1em;height:.6em;margin:-.3em .25em 0 0}

                /*--- open state ---*/
                .isearch-filters fieldset.open legend button::before {scale:1.2}
                .isearch-filters fieldset.open legend button::after {scale:0}

            /*--- filter list ---*/
            .isearch-filters fieldset ul {interpolate-size:allow-keywords;visibility:hidden;height:0;max-height:20.15rem;padding:0 0 0 .6rem;font-size:clamp(.857142857rem, 2.8rem - 4vw, 1.1rem);overflow:hidden;transition:visibility 0s .2s, height .2s}
                .isearch-filters fieldset li {break-inside:avoid;display:flex;align-items:start;gap:.5em;padding:.2rem 0 .5rem}
                    .isearch-filters fieldset input[type="checkbox"] {float:none;flex:0 0 1em;height:1em;border:1.5px solid #444;border-radius:0;font-size:1.17em;appearance:none;position:relative;top:-.1em;margin:0}
                        .isearch-filters fieldset input[type="checkbox"]:checked {background-color:#444;box-shadow:inset 0 0 0 .1em #ededed}
                            .isearch-filters fieldset input[type="checkbox"]:checked + label:not(:hover):not(:focus) {color:#444}
                    .isearch-filters fieldset label {padding:0;/*font-size:.857142857rem*/;color:#444;text-transform:none;margin:0}

            /*--- open state ---*/
            .isearch-filters fieldset.open ul {visibility:visible;height:auto;overflow-y:auto;transition-delay:0s, 0s}

            /*--- stock group ---*/
            .isearch-filters #InstockOutofstock {padding-bottom:.75rem}
                .isearch-filters #InstockOutofstock legend {position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%)}
                    .isearch-filters #InstockOutofstock ul {visibility:visible;height:auto;overflow:visible}
                    .isearch-filters #InstockOutofstock label:not(:hover):not(:focus) {color:#444}

        @media (max-width:50rem) {
            .isearch-filters fieldset ul {columns2:13rem}
        }


    /*--- sorting -------------------*/
    .product-listing-page .product-listing-sort {grid-column:2/-1;margin:0}

        @media (min-width:50rem) {
            .product-listing-page .product-listing-sort {align-self:end}
        }

        /*--- text & links---*/
        .product-listing-page .PageNumberDisplay, .PageNumberLinks {}
        .product-listing-page .PageNumberDisplay, .product-listing-page .PageNumberLinks a {color:#ce202e}
            /*.product-listing-page .PageNumberLinks a:not(.ActivePageLink):not(:hover):not(:focus) {opacity:.6}*/
            .product-listing-page .PageNumberLinks a:hover, .product-listing-page .PageNumberLinks a:focus {color:#bb1725}

        /*--- active item---*/
        .product-listing-page .PageNumberLinks a.ActivePageLink {color:#000 !important}


    /*--- product wrappers ---*/
    .product-listing-page .RestingOverLay, .product-listing-page .ResultsArea, .product-listing-page #Results {display:contents}


    /*--- pagination ---------------*/
    .product-listing-page .Paging {grid-column:2/-1}
        .product-listing-page .Paging .PageNumberLinks a {min-width:24px;text-align:center}

        @media (max-width:50rem) {
            .product-listing-page .Paging:first-child {display:none}
        }


    /*--- product listing -----------*/
    .product-listing-page .product-list {}

        @media (min-width:50rem) {
            .product-listing-page .product-list {grid-row:6}
        }

        .product-listing-page .product-list > li {}
            .product-listing-page .product-list a {display:flex;flex-direction:column;position:relative}

                /*--- sale flag ---*/
                .product-listing-page .product-list a >div:first-child {width:fit-content;padding:.15em 1.2em .15em .3em;background-color:#ce202e;font-size:1rem;color:#fff;text-transform:uppercase;font-weight:bold;position:absolute;top:0;left:0;z-index:1;clip-path:polygon(0% 0%, 100% 0%, calc(100% - .9em) 100%, 0% 100%)}

                /*--- image wrapper ---*/
                .product-listing-page .product-list a > span {margin-left:0 !important;margin-right:0 !important;transition:transform .2s}
                    .product-listing-page .product-list a > span img {transition:transform .2s}

                    @media(min-width:50rem) {
                        .product-list li > a:hover > span img, .product-list li > a:focus > span img {transform:scale(1.05)}
                    }

                /*--- rebate ---*/
                .product-listing-page .product-list .product-rebate {width:fit-content;padding:.3em .9em;background-image:linear-gradient(#e7e6e8, #f3faf3);font-size:1.2em;text-align:center;color:#3f963a !important;border:1px dotted #3f963a;margin:2rem 0 .5rem clamp(0rem, .5vw, .5rem)}

                /*--- rating ---*/
                .product-listing-page .product-list .CompunixCategoryProductRating {margin-top:auto}

                /*--- faux button ---*/
                .product-listing-page .product-list .add-to-cart {background-color:#378433}
                    .product-listing-page .product-list .add-to-cart.stockNotify {background:#d8000c;opacity:.65}