@import url(variables.css);

.elkay-aem-remote-xf .container {
    max-width: 2200px;
    padding-inline: 0;
}

    .elkay-aem-remote-xf .container.root {
        padding: 0;
    }

#aem-remote-header .container,
#aem-remote-footer .container {
    --bs-gutter-x: 0;
    box-sizing: border-box !important;
}

#aem-remote-header img,
#aem-remote-footer img {
    vertical-align: unset;
}

#aem-remote-header ul,
#aem-remote-header ol,
#aem-remote-footer ul,
#aem-remote-footer ol {
    margin-block: 1em;
}

#aem-header .dropdown {
    position: static;
}

#aem-header label {
    margin-bottom: 0;
}

#aem-footer #contentFooter {
    margin: 0 !important;
    padding: 0 !important;
}

.header-banner {
    justify-content: center;
    align-items: center;
    width: 100%;
    color: white;
    font-size: 40px;
    background-repeat: no-repeat;
    max-width: 2200px;
    margin-inline: auto;
}

.description {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 820px;
    margin-inline: auto;
    padding-inline: 10px;
}

h1.ze-app-name-header {
    color: white;
}

.nav-pills,
input,
select {
    font-size: 1rem !important;
}

label > span {
    color: var(--lk-accent-secondary);
}

.cmp-button {
    cursor: pointer !important;
}

    .cmp-button * {
        pointer-events: none;
    }

@media (max-width: 768px) {

    .description {
        padding-right: 0px;
        padding-left: 0px;
    }

    .nav-pills .nav-link {
        width: 100%;
    }
}


/*** START Carrier Code Book ***/

.carrier-code-book-header {
    background-image: url("https://zurnelkay.scene7.com/is/image/Elkay/carrier-code-book-banner?$ZE_CAT_BANNER$");
    background-size: cover;
}

.carrier-disclaimer-text {
    font-size: 12px;
    width: 693px;
}

label {
    font-weight: 500;
    color: var(--lk-clr-primary);
    font-size: 18px;
}

#search-area {
    border: 1px solid #e3e3e6;
    border-radius: 8px;
    box-shadow: 2px 2px 3px 0px rgba(37, 55, 70, .3);
}

.nav {
    background-color: var(--lk-base-light) !important;
    display: inline-flex !important;
    border-radius: 8px !important;
    font-weight: 500;
}

.nav-pills .nav-link.active {
    color: var(--lk-clr-secondary) !important;
    background-color: var(--lk-base-neutral) !important;
    border: 1px solid var(--lk-base-medium) !important;
}

.nav-link {
    color: #535456 !important;
    margin: 5px !important;
}

.submit-btn {
    background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
    border-radius: 8px !important;
    border-color: transparent !important;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    border: 2px solid transparent;
    padding: 6px 12px;
    color: white;
}

    .submit-btn:active,
    .submit-btn:hover {
        border: 2px solid transparent;
        background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
        color: #313149;
    }

    .submit-btn.disabled,
    .submit-btn:disabled {
        background: #E3E3E6;
        color: #535456;
        --bs-btn-border-color: none;
    }

#submit-btn-partnumber.btn.disabled,
submit-btn-partnumber.btn:disabled,
#submit-btn-manufacturer.btn:disabled,
#submit-btn-manufacturer.btn-primary:disabled {
    background: #E3E3E6;
    color: #535456;
    --bs-btn-border-color: none;
}

#submit-btn-partnumber.btn,
#submit-btn-partnumber.btn-primary,
#submit-btn-manufacturer.btn,
#submit-btn-manufacturer.btn-primary {
    background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
    border-radius: 8px !important;
    border-color: transparent !important;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    border: 2px solid transparent;
}

    #submit-btn-partnumber.btn:active,
    #submit-btn-partnumber.btn-primary:active,
    #submit-btn-partnumber.btn:hover,
    #submit-btn-partnumber.btn-primary:hover,
    #submit-btn-manufacturer.btn:active,
    #submit-btn-manufacturer.btn-primary:active,
    #submit-btn-manufacturer.btn:hover,
    #submit-btn-manufacturer.btn-primary:hover {
        border: 2px solid transparent;
        background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
        color: #313149;
    }

.result-row {
    border: 1px solid var(--lk-base-medium);
    border-radius: 8px;
}

.result-label {
    font-weight: 500;
}

.btn-download-file {
    transition: all .2s;
    padding: 5px 16px 5px 16px;
    border: 2px solid transparent;
    border-radius: 8px;
    text-decoration: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
}

    .btn-download-file:hover {
        background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
        color: #fff;
        border: none;
    }

.load-more-btn {
    background-color: var(--lk-clr-primary);
    color: white;
    border-radius: 30px;
}

.btn:hover {
    background-color: white;
    color: var(--lk-clr-primary);
    border: 2px solid var(--lk-clr-primary);
}

.zurnProduct_downloads {
    display: initial;
}

@media (prefers-color-scheme: dark) {

    #search-area > h6 {
        color: white;
    }

    #search-area {
        border: 1px solid var(--lk-base-medium);
        border-radius: 8px;
        box-shadow: 2px 2px 3px 0px rgba(37, 55, 70, .3);
    }

    .nav-link {
        color: var(--lk-clr-primary) !important;
    }

    .nav {
        background-color: var(--lk-base-medium) !important;
    }

    .nav-pills .nav-link.active {
        color: var(--lk-clr-secondary) !important;
        background-color: var(--lk-base-neutral) !important;
        border: 1px solid var(--lk-base-medium) !important;
    }

    .result-label {
        color: var(--lk-clr-primary);
    }

    #lk-part-number-autocomplete {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: white;
    }

    .submit-btn {
        color: white;
    }

        .submit-btn:active,
        .submit-btn:hover {
            border: 2px solid transparent;
            background: linear-gradient(#121212, #121212) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
            color: var(--color-primary-lighter);
        }

        .submit-btn.disabled,
        .submit-btn:disabled {
            background-color: var(--lk-base-medium);
            color: var(--lk-color-neutral);
        }

    #submit-btn-partnumber.btn,
    #submit-btn-partnumber.btn-primary,
    #submit-btn-manufacturer.btn,
    #submit-btn-manufacturer.btn-primary {
        color: white;
    }

        #submit-btn-partnumber.btn:active,
        #submit-btn-partnumber.btn-primary:active,
        #submit-btn-partnumber.btn:hover,
        #submit-btn-partnumber.btn-primary:hover,
        #submit-btn-manufacturer.btn:active,
        #submit-btn-manufacturer.btn-primary:active,
        #submit-btn-manufacturer.btn:hover,
        #submit-btn-manufacturer.btn-primary:hover {
            border: 2px solid transparent;
            background: linear-gradient(#121212, #121212) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
            color: var(--color-primary-lighter);
        }

        #submit-btn-partnumber.btn.disabled {
            background-color: var(--lk-base-medium);
            color: var(--lk-color-neutral);
        }

    .result-row {
        border: 1px solid var(--lk-base-medium);
    }

    #manufacturer_name,
    #part_number {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: var(--lk-color-neutral);
    }

    #submit-btn-manufacturer.btn:disabled,
    #submit-btn-manufacturer.btn-primary:disabled {
        background: var(--lk-base-medium);
        color: var(--lk-color-neutral);
    }

    .btn-download-file {
        border: 2px solid transparent;
        background: linear-gradient(var(--lk-base-neutral), var(--lk-base-neutral)) padding-box, linear-gradient(180deg, #0368AD, #049F83) border-box;
    }

        .btn-download-file:hover {
            background: linear-gradient(180deg, #0368AD 0%, #049F83 100%);
            color: #fff;
            border: none;
        }

    .form-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    }

    @media (prefers-color-scheme: dark) {
        .form-select {
            background-color: var(--lk-base-neutral) !important;
            border: 1px solid var(--color-neutral-light) !important;
            color: var(--lk-color-neutral) !important;
        }
    }
}
/*** END Carrier Code Book ***/

/*** START Manufacturer Cross Reference / PRV Calculator ***/

.manufacturer-cross-reference-header {
    background-image: url("https://zurnelkay.scene7.com/is/image/Elkay/manufacturer-cross-reference-banner?$ZE_CAT_BANNER$");
    background-size: cover;
}

.prv-calculator-header {
    background-image: url("https://zurnelkay.scene7.com/is/image/Elkay/manufacturer-cross-reference-banner?$ZE_CAT_BANNER$");
    background-size: cover;
}

.modal-title {
    color: var(--color-secondary-dark);
    font-weight: 600;
}

.ze-modal .modal-header {
    border-bottom: none;
    padding: 1rem 1rem;
}

@media (prefers-color-scheme: dark) {
    #product_type {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: var(--lk-color-neutral);
    }

    .result-row.card {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--lk-color-neutral);
    }
}

.zurnProduct_itemNumber {
    color: var(--lk-clr-primary);
    font-weight: 500;
}

.direct-cross-text {
    font-weight: 100;
    font-style: italic;
}
/*** END Manufacturer Cross Reference ***/

/*** START Green Turtle Info Hub ***/

.green-turtle-info-hub-header {
    background-image: none;
    background-size: cover;
}

    .green-turtle-info-hub-header > h1,
    .green-turtle-info-hub-header .description > p {
        color: var(--lk-clr-primary);
    }

.control-label {
    font-weight: 600;
}

#green-turtle-results-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid var(--color-neutral-light, rgba(227, 227, 230, 1));
}

    #green-turtle-results-table tr:first-child {
        background-color: var(--lk-clr-secondary-dk);
        color: white;
        height: 53px;
    }

    #green-turtle-results-table tr.secondary-header {
        background-color: var(--color-primary-nm);
        color: white;
        height: 53px;
    }

    #green-turtle-results-table tr:nth-of-type(odd):not(tr:first-child) {
        background-color: var(--lk-base-light);
    }

th {
    font-weight: normal;
    text-align: center !important;
    width: 150px;
}

.primary-header-label {
    text-align: center;
}

.model-number-label {
    text-align: left;
    padding-left: 20px;
}

td {
    text-align: center;
}

a.document,
a.document:link,
a.document {
    width: 27px;
    height: 31px;
    background-size: 27px 31px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
}

    a.document.pdf:link,
    a.document.pdf:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210z' style='fill-rule:evenodd;fill:%23ae1338;stroke-width:0'/%3E%3Cpath d='M77.17 248.53v-53h20.86c12.4 0 20.11 7.04 20.11 17.72v.15c0 11.89-9.52 18.1-21.16 18.1H86.47v17.04h-9.3Zm9.3-25.44h10.81c7.03 0 11.41-3.94 11.41-9.46v-.15c0-6.21-4.46-9.46-11.41-9.46H86.47v19.08Zm41.19 25.44v-53h19.73c16.63 0 28.12 11.43 28.12 26.35v.15c0 14.92-11.49 26.5-28.12 26.5zm19.73-44.52h-10.43v36.04h10.43c11.11 0 18.37-7.5 18.37-17.87v-.15c0-10.37-7.26-18.02-18.37-18.02m39.4 44.52v-53h39.38v8.48h-30.08v14.46h26.68v8.48h-26.68v21.58z' style='fill:%23ae1338;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.dwg:link,
    a.document.dwg:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-194.5-5.92v-51.24h19.11c16.11 0 27.24 11.05 27.24 25.48v.15c0 14.42-11.13 25.62-27.24 25.62H60.5Zm19.11-43.04H69.5v34.85h10.11c10.77 0 17.8-7.25 17.8-17.28v-.15c0-10.03-7.03-17.42-17.8-17.42m49.15 43.41-17.79-51.61h9.74l12.23 37.99 12.6-38.14h7.62l12.6 38.14 12.23-37.99h9.45l-17.8 51.61h-7.84l-12.6-36.82-12.6 36.82zm89.36.51c-16.04 0-26.58-11.42-26.58-26.35v-.15c0-14.35 10.98-26.5 26.44-26.5 8.93 0 14.43 2.49 19.7 6.95l-5.71 6.81c-3.95-3.29-7.84-5.42-14.35-5.42-9.45 0-16.62 8.2-16.62 18.01v.15c0 10.54 6.96 18.3 17.43 18.3 4.83 0 9.23-1.54 12.38-3.88v-9.52H217.7v-7.91h21.82v21.52c-5.05 4.32-12.3 7.98-21.38 7.98Z' style='fill:%23038273;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.rvt:link,
    a.document.rvt:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-179.5-5.41v-52.62h23.6c6.66 0 11.87 1.95 15.28 5.26 2.8 2.86 4.39 6.77 4.39 11.35v.15c0 8.65-5.22 13.83-12.55 15.94l14.29 19.92h-11.04l-13.01-18.34H84.81v18.34h-9.3Zm9.3-26.54h13.61c6.66 0 10.89-3.46 10.89-8.8v-.15c0-5.64-4.08-8.72-10.97-8.72H84.79v17.67Zm61.27 26.91-21.93-53h10.29l15.96 40.45 15.88-40.45h10.06l-21.93 53h-8.32Zm52.26-.37v-44.05h-16.87v-8.57h43.03v8.57h-16.87v44.05h-9.3Z' style='fill:%23005995;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }

.btn.filter-button {
    background-color: var(--lk-clr-secondary-dk);
    border: none;
    border-radius: inherit;
    color: white;
    width: 100%;
    padding: 10px;
}

    .btn.filter-button:hover {
        color: black;
        background: var(--color-neutral-lighter);
    }

.green-turtle-no-search-results {
    background: var(--color-neutral-bright);
    padding: 3rem;
    border-radius: 8px;
}

@media (prefers-color-scheme: dark) {
    #green-turtle-results-table tr:nth-of-type(odd):not(tr:first-child) {
        background-color: var(--lk-clr-neutral-bright-secondary);
    }

    .btn.filter-button {
        background-color: var(--color-secondary-dark-nm);
    }

    a.document.pdf:link,
    a.document.pdf:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210z' style='fill-rule:evenodd;fill:%23f07a95;stroke-width:0'/%3E%3Cpath d='M77.17 248.53v-53h20.86c12.4 0 20.11 7.04 20.11 17.72v.15c0 11.89-9.52 18.1-21.16 18.1H86.47v17.04h-9.3Zm9.3-25.44h10.81c7.03 0 11.41-3.94 11.41-9.46v-.15c0-6.21-4.46-9.46-11.41-9.46H86.47v19.08Zm41.19 25.44v-53h19.73c16.63 0 28.12 11.43 28.12 26.35v.15c0 14.92-11.49 26.5-28.12 26.5zm19.73-44.52h-10.43v36.04h10.43c11.11 0 18.37-7.5 18.37-17.87v-.15c0-10.37-7.26-18.02-18.37-18.02m39.4 44.52v-53h39.38v8.48h-30.08v14.46h26.68v8.48h-26.68v21.58z' style='fill:%23f07a95;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.dwg:link,
    a.document.dwg:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-194.5-5.92v-51.24h19.11c16.11 0 27.24 11.05 27.24 25.48v.15c0 14.42-11.13 25.62-27.24 25.62H60.5Zm19.11-43.04H69.5v34.85h10.11c10.77 0 17.8-7.25 17.8-17.28v-.15c0-10.03-7.03-17.42-17.8-17.42m49.15 43.41-17.79-51.61h9.74l12.23 37.99 12.6-38.14h7.62l12.6 38.14 12.23-37.99h9.45l-17.8 51.61h-7.84l-12.6-36.82-12.6 36.82zm89.36.51c-16.04 0-26.58-11.42-26.58-26.35v-.15c0-14.35 10.98-26.5 26.44-26.5 8.93 0 14.43 2.49 19.7 6.95l-5.71 6.81c-3.95-3.29-7.84-5.42-14.35-5.42-9.45 0-16.62 8.2-16.62 18.01v.15c0 10.54 6.96 18.3 17.43 18.3 4.83 0 9.23-1.54 12.38-3.88v-9.52H217.7v-7.91h21.82v21.52c-5.05 4.32-12.3 7.98-21.38 7.98Z' style='fill:%2345b89f;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }

    a.document.rvt:link,
    a.document.rvt:visited {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 300 300'%3E%3Cpath d='M272.85 76.26 203.97 7.9 196.62 5H34.5L24 15.36v113.93h21V25.71h126v72.5l10.5 10.36H255v20.71h21V83.71l-3.15-7.46ZM192 87.86V25.71l63 62.14h-63ZM34.5 150 24 160.36v124.29l10.5 10.36h231l10.5-10.36V160.36L265.5 150zM255 253.57v20.71H45V170.71h210zm-179.5-5.41v-52.62h23.6c6.66 0 11.87 1.95 15.28 5.26 2.8 2.86 4.39 6.77 4.39 11.35v.15c0 8.65-5.22 13.83-12.55 15.94l14.29 19.92h-11.04l-13.01-18.34H84.81v18.34h-9.3Zm9.3-26.54h13.61c6.66 0 10.89-3.46 10.89-8.8v-.15c0-5.64-4.08-8.72-10.97-8.72H84.79v17.67Zm61.27 26.91-21.93-53h10.29l15.96 40.45 15.88-40.45h10.06l-21.93 53h-8.32Zm52.26-.37v-44.05h-16.87v-8.57h43.03v8.57h-16.87v44.05h-9.3Z' style='fill:%23005995;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
    }
}
/*** END Green Turtle Info Hub ***/

/*** START Options/Specials ***/
.options-specials-header {
    background-image: none;
    background-size: cover;
}

    .options-specials-header > h1 {
        color: var(--lk-clr-primary);
    }

.form-check-input {
    margin-top: 0 !important;
}

#category_container .form-check-label {
    font-weight: normal;
}

#options-search-results tr:not(.lk-row-header):hover {
    background-color: #f1f1f1; /* Highlight row on hover */
    cursor: pointer; /* Change cursor to pointer on hover */
}

#options-search-results .lk-row-header {
    background-color: var(--lk-clr-secondary);
    color: white;
    border-radius: 4px;
    text-align: left !important;
}

#related-product-results-header {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

#related-product-results .related-product-card {
    border: 1px solid var(--color-neutral-medium);
}

.filter-action {
    background-color: var(--lk-base-light);
    border-radius: 24px 24px 24px 24px;
    border: 1px solid var(--lk-base-medium);
    color: #000000;
    text-decoration: none;
    padding: 3px 12px 3px 12px;
    line-height: normal;
}

    .filter-action:hover,
    .filter-action:active {
        background-color: var(--lk-clr-secondary-dk);
        border: 1px solid var(--lk-base-medium);
        color: white;
        cursor: pointer;
    }

.filter-action-selected {
    background-color: var(--lk-clr-secondary-dk);
    border-radius: 24px 24px 24px 24px;
    border: 1px solid var(--lk-base-medium);
    color: white;
    text-decoration: none;
    padding: 3px 12px 3px 12px;
    line-height: normal;
}

    .filter-action-selected:hover,
    .filter-action-selected:active {
        background-color: var(--lk-base-light);
        border: 1px solid var(--lk-base-medium);
        color: #000000;
        cursor: pointer;
    }

.filter-text,
.filter-icon,
.category-label {
    font-size: 16px;
}




#mobile-dropdown.dropdown {
    position: relative;
    display: inline-block;
    padding-left: 0 !important;
}

#mobile-dropdown .dropdown-toggle {
    padding: 8px 16px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    cursor: pointer;
    white-space: normal !important;
}

#mobile-dropdown .dropdown-menu {
    display: block !important;
    position: relative !important;
    border: none !important;
    background-color: white;
    min-width: 160px;
    border: 1px solid #ccc;
    z-index: 1;
}

#mobile-dropdown .dropdown-item {
    border-bottom: 1px solid var(--lk-base-medium) !important;
    padding: 0 !important;
}

    #mobile-dropdown .dropdown-item label {
        margin-left: 4px;
    }

@media (prefers-color-scheme: dark) {
    #mobile-dropdown .dropdown-toggle {
        background-color: var(--lk-base-neutral);
        border: 1px solid var(--color-neutral-light);
        color: white;
        width: 100%;
    }

    .filter-action {
        background-color: var(--lk-clr-neutral-bright);
        color: white;
    }

        .filter-action:hover,
        .filter-action:active {
            background-color: var(--lk-clr-secondary-dk);
            color: white;
        }

    .filter-action-selected:hover {
        background-color: var(--lk-clr-neutral-bright);
        color: white;
    }

    #options-search-results .lk-row-header {
        color: white;
        font-weight: 600;
    }

    tr {
        border: none !important;
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: var(--lk-base-neutral);
        color: white !important;
    }

    .table-striped > tbody > tr:nth-of-type(even) {
        background-color: var(--lk-clr-neutral-bright);
        color: white !important;
    }

    td {
        border: none !important;
    }

    .table-striped > tbody > tr:hover {
        background-color: var(--lk-clr-hover-primary) !important;
        color: white !important;
    }

    #related-product-results .related-product-card {
        background-color: var(--lk-base-neutral);
    }

    .lk-description {
        color: var(--lk-clr-primary);
    }

    #related-product-results-header {
        border-bottom: 1px solid white;
    }

    .control-label {
        font-weight: 500;
    }
}
/*** END Options/Specials ***/

/*** START Spec Lookup ***/
.spec-sheet-lookup-header {
    background-image: url("https://zurnelkay.scene7.com/is/image/Elkay/spec-lookup-banner?$ZE_CAT_BANNER$");
    background-size: cover;
}

#specProduct-partNumber {
    color: var(--lk-clr-secondary);
    font-weight: 500;
}

#specProduct-description {
    display: -webkit-box;
    height: 2.6em;
    line-height: 1.3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#specProduct-btn-disabled {
    pointer-events: none;
    background-color: var(--lk-base-medium);
    color: var(--lk-color-neutral);
    border: none;
}

    #specProduct-btn-disabled span {
        color: var(--color-neutral-medium-nm);
    }

.spec-lookup-searchbox {
    margin-bottom: 12em !important;
}

.spec-lookup-searchresults {
    margin-top: -8em !important;
}

.modal-content {
    Background-color: var(--color-background);
}

.btn-close {
    background-image: var(--icon-x-foreground);
}

.dropdown-menu.disabled {
    visibility: hidden;
}

@media(prefers-color-scheme: dark) {
    .lkcta.secondary .cmp-button:hover,
    .lkcta.secondary .cmp-button:hover .cmp-button__text,
    .lkcta.secondary .cmp-button:focus .cmp-button__text {
        color: var(--color-neutral-lighter) !important;
    }

    .modal-content span {
        color: var(--color-secondary-dark) !important;
    }
}
/*** END Spec Lookup ***/

/* Override elkay-aem-remote-xf.css styles that interfere with distributor locator */
.wtb-container label {
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
}

.wtb-container .nav {
    background-color: inherit !important;
    display: inherit !important;
    border-radius: inherit !important;
    font-weight: inherit !important;
}

.wtb-container .nav-link {
    color: inherit !important;
    margin: inherit !important;
}

/*** START 300AR Form ***/
:root,
[data-bs-theme=light] {
    --ar300-bg-primary: #ffffff;
    --ar300-bg-input: #f4f4f5;
    --ar300-text-primary: #253746;
    --ar300-text-secondary: #535456;
    --ar300-text-label: #37383a;
    --ar300-border: #e3e4e6;
    --ar300-border-disabled: #dfe2e7;
    --ar300-disabled-bg: #eceef1;
    --ar300-disabled-text: #7a8189;
    --ar300-accent: #0074c8;
    --ar300-accent-light: #00a0df;
    --ar300-accent-dark: #005ca0;
    --ar300-accent-hover: rgba(0, 116, 200, 0.15);
    --ar300-shadow: rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.05);
    --ar300-icon-shadow: rgba(0, 116, 200, 0.2);
    --ar300-required: #ae1338;
}

@media (prefers-color-scheme: dark) {
    :root,
    [data-bs-theme=dark] {
        --ar300-bg-primary: #1a1a1a;
        --ar300-bg-input: #2a2a2a;
        --ar300-text-primary: #e0e0e0;
        --ar300-text-secondary: #b0b0b0;
        --ar300-text-label: #c5c5c5;
        --ar300-border: #3a3a3a;
        --ar300-border-disabled: #4a4a4a;
        --ar300-disabled-bg: #2a2a2a;
        --ar300-disabled-text: #808080;
        /* --ar300-accent: #4ba7dd; */
        --ar300-accent-light: #5cb3e6;
        --ar300-accent-dark: #3a8ec5;
        --ar300-accent-hover: rgba(75, 167, 221, 0.15);
        --ar300-shadow: rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
        --ar300-icon-shadow: rgba(75, 167, 221, 0.2);
        --ar300-required: #ff6b6b;
    }
}

.ar300-page-shell {
    /* background: var(--ar300-bg-primary) !important; */
    padding: 2.5rem clamp(1rem, 6vw, 7.5rem) 3rem;
    color: var(--ar300-text-primary) !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ar300-form-shell {
    width: 100%;
    max-width: 976px;
    margin: 0 auto;
}

.ar300-title-block {
    margin-bottom: 2.5rem;
}

.ar300-brand-logo {
    display: block;
    width: 204px;
    max-width: 100%;
    height: auto;
}

.ar300-title-block h1 {
    margin: 0.875rem 0 0;
    color: var(--ar300-text-primary);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.25;
}

.ar300-title-accent {
    width: 5rem;
    height: 0.25rem;
    border-radius: 9999px;
    background: var(--ar300-accent);
    margin-top: 0.875rem;
}

.ar300-lead,
.ar300-note {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
}

.ar300-lead {
    color: var(--ar300-text-label);
    margin-top: 1.5rem;
    max-width: 43.75rem;
}

.ar300-note {
    color: var(--ar300-accent);
    font-style: italic;
    margin-top: 0.5rem;
}

.ar300-inline-status {
    background: var(--ar300-bg-primary);
    border: 1px solid var(--ar300-border);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    color: var(--ar300-text-label);
    margin-bottom: 1.25rem;
}

.ar300-section-card {
    background: var(--ar300-bg-primary) !important;
    border: 1px solid var(--ar300-border) !important;
    border-radius: 1rem;
    box-shadow: 0 4px 10px var(--ar300-shadow);
    padding: 2rem;
    margin-bottom: 2.5rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ar300-section-head {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 2rem;
}

.ar300-section-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--ar300-accent) !important;
    color: var(--ar300-bg-primary) !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 4px 6px var(--ar300-icon-shadow);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.ar300-section-icon svg {
    display: block;
}

.ar300-section-icon-svg {
    width: 1.35rem;
    height: 1.35rem;
}

.ar300-section-head h2 {
    margin: 0;
    color: var(--ar300-text-primary);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
}

.ar300-section-head p {
    margin: 0.15rem 0 0;
    color: var(--ar300-text-secondary);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.ar300-form-stack {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.ar300-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.ar300-form-grid-compact {
    gap: 1.5rem;
}

.ar300-field-span-sm {
    max-width: 20rem;
}

.ar300-lay-length-row {
    display: flex;
    gap: 1rem;
    align-items: start;
    flex-wrap: nowrap;
}

.ar300-lay-length-whole,
.ar300-lay-length-fraction {
    min-width: 0;
}

.ar300-lay-length-whole {
    flex: 1 1 auto;
}

.ar300-lay-length-fraction {
    position: relative;
    flex: 0 0 13rem;
    min-width: 13rem;
}

.ar300-lay-length-increment-label {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 0.625rem;
    white-space: nowrap;
}

.ar300-form-shell .form-label {
    display: block;
    margin-bottom: 0.625rem;
    color: var(--ar300-text-label) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ar300-required {
    color: var(--ar300-required) !important;
}

.ar300-form-shell .form-select,
.ar300-form-shell .form-control {
    min-height: 3.25rem;
    background: var(--ar300-bg-input) !important;
    border: 2px solid var(--ar300-border) !important;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    color: var(--ar300-text-primary) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.2s ease;
}

.ar300-form-shell .form-control::placeholder {
    color: var(--ar300-text-secondary);
    opacity: 0.6;
}

.ar300-form-shell .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23253746' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 16px 12px !important;
}

@media (prefers-color-scheme: dark) {
    .ar300-form-shell .form-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    }
}

.ar300-form-shell .form-select:focus,
.ar300-form-shell .form-control:focus {
    border-color: var(--ar300-accent) !important;
    box-shadow: 0 0 0 0.2rem var(--ar300-accent-hover);
    background: var(--ar300-bg-primary) !important;
}

.ar300-form-shell .form-select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23253746' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 16px 12px !important;
}

@media (prefers-color-scheme: dark) {
    .ar300-form-shell .form-select:focus {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    }
}

.ar300-form-shell .form-select:disabled,
.ar300-form-shell .form-control:disabled {
    background-color: var(--ar300-disabled-bg) !important;
    color: var(--ar300-disabled-text) !important;
    border-color: var(--ar300-border-disabled) !important;
    opacity: 1;
}

.ar300-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    min-height: 1.5rem;
}

.ar300-radio-option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ar300-text-primary);
    font-family: "Gotham", "Avenir Next", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 325;
    line-height: 1.6;
    cursor: pointer;
    transition: color 0.2s ease;
}

.ar300-radio-option input {
    appearance: none;
    -webkit-appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    margin: 0;
    border: 2px solid var(--ar300-accent-light);
    border-radius: 50%;
    background: var(--ar300-bg-primary);
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    flex-shrink: 0;
}

.ar300-radio-option input:checked {
    border-color: var(--ar300-accent-light);
    background: radial-gradient(circle, var(--ar300-accent) 0 36%, var(--ar300-bg-primary) 37% 100%);
}

.ar300-radio-option input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--ar300-accent-hover);
}

.ar300-radio-option input:disabled {
    cursor: not-allowed;
    border-color: var(--ar300-border-disabled);
    background: var(--ar300-disabled-bg);
}

.ar300-radio-option-disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.ar300-radio-option-selected-invalid {
    opacity: 1;
    color: var(--ar300-required);
}

.ar300-radio-option-selected-invalid span {
    font-weight: 600;
}

.ar300-radio-option-selected-invalid input {
    border-color: var(--ar300-required);
    background: var(--ar300-bg-primary);
}

.ar300-radio-option-selected-invalid input:checked {
    border-color: var(--ar300-required);
    background: radial-gradient(circle, var(--ar300-required) 0 36%, var(--ar300-bg-primary) 37% 100%);
}

.ar300-select-invalid {
    border-color: var(--ar300-required) !important;
    box-shadow: 0 0 0 1px var(--ar300-required);
}

.ar300-select-invalid:focus {
    border-color: var(--ar300-required) !important;
    box-shadow: 0 0 0 3px rgba(197, 34, 51, 0.18);
}

.ar300-form-shell .alert {
    border-radius: 0.75rem;
    font-size: 0.875rem;
    background-color: var(--ar300-bg-input) !important;
    border-color: var(--ar300-border) !important;
    color: var(--ar300-text-primary) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.ar300-btn-stack {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}

.ar300-btn-group {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ar300-btn-group-center {
    justify-content: center;
}

.ar300-btn-group .btn {
    min-height: 3.6875rem;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ar300-btn-group .btn-primary {
    background-color: var(--ar300-accent) !important;
    border-color: var(--ar300-accent) !important;
    color: #ffffff !important;
    min-width: 20.25rem;
}

.ar300-btn-group .btn-primary:hover:not(:disabled) {
    background-color: var(--ar300-accent-dark);
    border-color: var(--ar300-accent-dark);
}

.ar300-btn-group .btn-primary:disabled {
    background-color: var(--ar300-disabled-bg) !important;
    border-color: var(--ar300-border) !important;
    color: var(--ar300-disabled-text) !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 1;
}

.ar300-btn-group .btn-outline-secondary {
    border-color: var(--ar300-text-secondary) !important;
    color: var(--ar300-text-primary) !important;
    background: var(--ar300-bg-primary) !important;
}

.ar300-page-shell h1,
.ar300-page-shell h2,
.ar300-page-shell p,
.ar300-page-shell label,
.ar300-page-shell span {
    color: inherit;
}

.ar300-page-shell .ar300-title-block h1,
.ar300-page-shell .ar300-section-head h2 {
    color: var(--ar300-text-primary) !important;
}

.ar300-page-shell .ar300-lead,
.ar300-page-shell .ar300-btn-caption,
.ar300-page-shell .ar300-section-head p {
    color: var(--ar300-text-secondary) !important;
}

.ar300-page-shell .ar300-note {
    color: var(--ar300-accent) !important;
}

.ar300-btn-group .btn-outline-secondary:hover:not(:disabled) {
    border-color: var(--ar300-text-primary);
    background: var(--ar300-bg-input);
}

.ar300-btn-caption {
    margin: 0;
    max-width: 42rem;
    text-align: center;
    color: var(--ar300-text-secondary);
    font-size: 1rem;
    line-height: 1.6;
}

.ar300-error-message {
    color: var(--ar300-required);
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

.ar300-invalid-selection-message {
    color: var(--ar300-required);
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

.ar300-reference-images {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 0.5rem;
}

.ar300-reference-image-slot {
    width: 100%;
    min-height: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ar300-reference-image {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.ar300-reference-image-left {
    max-height: 13.25rem;
}

.ar300-reference-image-right {
    max-height: 18rem;
}

.ar300-btn-icon {
    display: inline;
    margin-right: 8px;
    vertical-align: middle;
}

@media (max-width: 991.98px) {
    .ar300-title-block h1 {
        font-size: 1.75rem;
    }

    .ar300-form-shell {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ar300-page-shell {
        padding: 1.5rem 0.75rem 2rem;
    }

    .ar300-title-block h1 {
        font-size: 1.375rem;
    }

    .ar300-section-card {
        padding: 1.25rem;
    }

    .ar300-form-grid {
        grid-template-columns: 1fr;
    }

    .ar300-field-span-sm {
        max-width: none;
    }

    .ar300-lay-length-row {
        gap: 0.75rem;
    }

    .ar300-lay-length-fraction {
        flex: 0 0 10rem;
        min-width: 10rem;
    }

    .ar300-form-shell .form-label.ar300-lay-length-increment-label {
        display: none !important;
    }

    .ar300-btn-group .btn-primary {
        min-width: 100%;
    }

}

@media (max-width: 575.98px) {
    .ar300-form-shell .form-label.ar300-lay-length-increment-label {
        display: none !important;
    }

    .ar300-lay-length-row {
        gap: 0.625rem;
        align-items: stretch;
    }

    .ar300-lay-length-fraction {
        flex: 0 0 8.5rem;
        min-width: 8.5rem;
    }

    .ar300-reference-images {
        grid-template-columns: 1fr;
    }

    .ar300-reference-image-slot {
        min-height: auto;
    }

    .ar300-reference-image-left,
    .ar300-reference-image-right {
        max-height: none;
    }
}
/*** END 300AR Form ***/