/* PDP SKU */
commerce_product_details-heading {
    line-height: 36.4px;
}

lwc-4rt99a8doqk dxp-text-heading-medium {
    font-weight: 500;
}

commerce_data_provider-product-data-provider commerce_builder-heading [slot="heading"] + div {
    font-weight: 400;
    font-size: 14px;
    color: var(--b2b-orasure-gray-80-color);
    border-bottom: 1px solid var(--b2b-orasure-gray-30-color);
    padding-bottom: 1rem;
    padding-top: 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.slds-rich-text-editor__output, .slds-rich-text-editor__textarea {
    line-height: 18.2px;
}

.price-label:first-child {
    font-weight: 500 !important;
    color: var(--b2b-orasure-black-color) !important;
}

.price-col-section {
    color: var(--b2b-orasure-gray-80-color) !important;
}

.price-container {
    line-height: 1;
}

.b2b-product-detail-page__product-heading dxp_base-text-block h1 {
    font-weight: 500;
    line-height: 1.3;
    color: var(--b2b-orasure-secondary-color);
}

/* PRODUCT OPTIONS */

.b2b-variation__option .lwc-1nj9q6h20rl-host {
    max-width: 100% !important;
}

.b2b-variation__option commerce-product-variant-selector .slds-form-element{
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.b2b-variation__option p.lwc-4rt99a8doqk {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

.b2b-product-detail-page__product-detail-section .component-wrapper-spacer {
    margin-bottom: 20px !important;
}

.b2b-product-detail-page__product-variants commerce-product-variant-selector {
    max-width: 100%;
}

.b2b-product-detail-page__product-variants commerce-product-variant-selector div[slot="heading"] {
    margin-bottom: 1rem;
}

.b2b-product-detail-page__product-variants commerce-product-variant-selector .slds-form-element + .slds-form-element {
    margin-top: 0.75rem;
}

/* Carrousel IMG */

.b2b-product-detail-page__image-gallery .image-container[aria-selected=true] {
    border-color: var(--b2b-orasure-hoover-color) !important;
}

.slds-cell-wrap:first-child {
    display: none;
}

.slds-table {
    border-collapse: unset !important;
}

.b2b-product-detail-page__image-gallery commerce_product_details-carousel experience-picture {
    all: initial;
    height: 100%;
}

/* TABS */

.slds-tabs--default__nav, .slds-tabs_default__nav {
    border-bottom-color: var(--b2b-orasure-gray-30-color) !important;
}

.dxp-tab.lwc-6snjuk8md1j:focus-visible {
    outline: none !important;
}

.slds-table:not(.slds-no-row-hover) tbody tr:focus>td,
.slds-table:not(.slds-no-row-hover) tbody tr:focus>th,
.slds-table:not(.slds-no-row-hover) tbody tr:hover>td,
.slds-table:not(.slds-no-row-hover) tbody tr:hover>th {
    background-color: transparent !important;
}

commerce_builder-product-attachments ul {
    display: flex !important;
    flex-direction: column;
}

commerce_product_details-product-attachments ul > li > a {
    font-size: 1rem !important;
    color: var(--b2b-color-main-blue) !important;
}

commerce_builder-purchase-options > div > div > commerce_product_details-add-quantity > div > commerce-quantity-selector > span {
    position: relative;
    height: 50px !important;
}

commerce_builder-purchase-options > div > div > commerce_product_details-add-quantity > div > commerce-quantity-selector > span > commerce-quantity-selector-popover {
    position: absolute;
    left: 1.75rem;
}

commerce_builder-purchase-options > div > div > commerce_product_details-add-quantity > div > commerce-quantity-selector > span > commerce-quantity-selector-popover lightning-popup section.slds-popover {
    width: 11rem !important;
    background-color: var(--b2b-color-main-blue) !important;
    border: none !important;
    color: var(--b2b-color-white) !important;
}

commerce_builder-purchase-options > div > div > commerce_product_details-add-quantity > div > commerce-quantity-selector > span > commerce-quantity-selector-popover lightning-popup section.slds-popover .slds-popover__body > ul.slds-list_dotted {
    margin-left: 0 !important;
    list-style: none !important;
    font-size: 0.75rem !important;
}

commerce_builder-purchase-options > div > div > commerce_product_details-add-quantity > div > commerce-action-button {
    height: 50px !important;
}

commerce_builder-purchase-options > div > div > commerce-action-button {
    height: 50px !important;
}

commerce_builder-purchase-options > div > div > commerce-action-button > button {
    font-weight: 400 !important;
    font-family: system-ui !important;
    font-size: 26px !important;
}

commerce_builder-heading.b2bProductDetailHeadings {
    background-color: #EEF9FE !important;
}

community_builder-output-rich-text.component-wrapper-spacer {
    background-color: #EEF9FE !important;
}

commerce_builder-purchase-options.b2bProductDetailPurchaseOptions {
    padding-left: 12px !important;
    background-color: #EEF9FE !important;
}

commerce_builder-product-pricing-details.b2bProductPricingDetails {
    padding-left: 12px !important;
    background-color: #EEF9FE !important;
}

commerce_builder-variant-selector.b2bProductVariants {
    padding-left: 12px !important;
    background-color: #EEF9FE !important;
    font-weight: 400 !important;
}

commerce_builder-variant-selector.b2bProductVariants > commerce-product-variant-selector > lightning-combobox > div > label {
    font-size: 14px !important;
}

commerce_builder-variant-selector.b2bProductVariants > commerce-product-variant-selector > lightning-combobox > div > div {
    font-size: 16px !important;
}

commerce_builder-heading.b2bProductDetailHeadings > commerce_product_details-heading > div > dxp_base-text-block > h1 {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #444445 !important;
    padding: 12px !important;
    text-transform: uppercase !important;
}
commerce_builder-heading.b2bProductDetailHeadings > commerce_product_details-heading > div.slds-grid {
    flex-wrap: wrap;
}
commerce_builder-heading.b2bProductDetailHeadings > commerce_product_details-heading > div.slds-grid:after {
    border-bottom: solid;
    border-color: #DDDDDD;
    width: 100%;
    content: "";
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 20px;
}

commerce_builder-heading.b2bProductDetailHeadings > commerce_product_details-heading > div > p {
    position: relative;
    padding-left: 12px !important;
    margin-right: 0.5rem !important;
    color: transparent;
}

commerce_builder-heading.b2bProductDetailHeadings > commerce_product_details-heading > div > p::before {
    position: absolute;
    content: 'SKU:';
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #A7A9AC !important;
}

commerce_builder-heading.b2bProductDetailHeadings > commerce_product_details-heading > div > commerce-field-display > lightning-formatted-rich-text {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #A7A9AC !important;
    text-transform: uppercase !important;
}

commerce_builder-purchase-options.b2bProductDetailPurchaseOptions > div > div > commerce_product_details-add-quantity > div > commerce-quantity-selector > span > commerce-number-input > div > span > button {
    width: 50px !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

commerce_builder-purchase-options.b2bProductDetailPurchaseOptions > div > div > commerce_product_details-add-quantity > div > commerce-quantity-selector > span > commerce-number-input > div > label.slds-m-right_x-small {
    margin-right: 1.5rem !important;
}

@media only screen and (max-width: 48em) {
    commerce_builder-purchase-options.b2bProductDetailPurchaseOptions > div > div {
        flex-direction: row !important;
        align-items: normal !important;
    }
}

@media only screen and (max-width: 542px) {
    commerce_builder-purchase-options.b2bProductDetailPurchaseOptions > div > div > commerce-action-button {
        align-self: end !important;
    }

    commerce_builder-purchase-options.b2bProductDetailPurchaseOptions > div > div > commerce_product_details-add-quantity > div {
        flex-wrap: wrap !important;
        justify-content: flex-start;
    }

    commerce_builder-purchase-options.b2bProductDetailPurchaseOptions > div > div > commerce_product_details-add-quantity > div > commerce-action-button > button{
        width: 100%;
    }
}

commerce_builder-purchase-options.b2bProductDetailPurchaseOptions > div > div > commerce_product_details-add-quantity > div > commerce-quantity-selector > span > commerce-number-input > div > span > input {
    background-color: #FFFFFF !important;
    border-color: var(--b2b-orasure-gray-30-color) !important;
    color: #000000 !important;
}

commerce_builder-product-pricing-details.b2bProductPricingDetails > commerce-product-pricing-details > table > tbody > tr > td > span > lightning-formatted-number.main-price {
    font-weight: 600 !important;
    font-size: 33px !important;
    color: #444445 !important;
}

commerce_builder-product-pricing-details.b2bProductPricingDetails > commerce-product-pricing-details > table > tbody > tr > td > span > span > lightning-formatted-number.strikethrough-price {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #A7A9AC !important;
}

@media only screen and (max-width: 48em) {
    commerce_builder-product-pricing-details.b2bProductPricingDetails > commerce-product-pricing-details > table {
        justify-content: left !important;
    }
}

.b2bProductDetailsTabs1 {
    padding-top: 50px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

dxp_layout-tabs.b2bProductDetailsTabs1 > dxp_layout-tabset-context > dxp_content_layout-block-flexible > div > div > dxp_content_layout-block-background-image > div > div > dxp_layout-tab {
    padding-top: 25px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.b2bProductDetailRecommendedProductsHeading {
    padding-top: 30px !important;
}

.b2bProductDetailsTabs2 {
    padding-top: 30px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

dxp_layout-tabs.b2bProductDetailsTabs2 > dxp_layout-tabset-context > dxp_content_layout-block-flexible > div > div > dxp_content_layout-block-background-image > div > div > dxp_layout-tab-bar > div {
    font-weight: 400 !important;
}

dxp_layout-tabs.b2bProductDetailsTabs2 > dxp_layout-tabset-context > dxp_content_layout-block-flexible > div > div > dxp_content_layout-block-background-image > div > div > dxp_layout-tab-bar > div > ul > li > div > dxp_base-text-block > p {
    font-size: 16px !important;
    font-weight: 400 !important;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (min-width: 1440px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        height: 440px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        height: 400px !important;
    }

}

@media screen and (min-width: 1024px) {

    .b2b-product-detail-page__product-detail-section community_layout-column-spacer,
    .b2b-product-detail-page__event-product-detail-section community_layout-column-spacer {
        padding: 1.85rem !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1024.98px) {
    .lwc-48aostf02bd-host.col-large-size_7-of-12 {
        width: 457px !important;
    }

    .lwc-48aostf02bd-host.col-large-size_5-of-12 {
        width: 50% !important;
    }
}


@media screen and (min-width: 700px){
    img.lwc-6d0jmdgc6e8 {
        max-height: 100% !important;
        width: auto !important;
        /*margin-top:74px;*/
        object-fit: contain !important;
    }

    /* experience-picture.lwc-168mi1v6t99 {
        max-width: 322px !important;
        max-height: 322px !important;
    } */

    .image-container.lwc-168mi1v6t99 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* IMG */

@media screen and (min-width: 768px) and (max-width: 1023.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        min-width: 720px;
        height: 406px !important;
    }
}

@media screen and (max-width: 767.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        height: 406px !important;
        min-width: 600px;
    }
}

@media screen and (max-width: 699.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        height: 253px !important;
        min-width: 300px !important;
        max-width: 700px !important;
    }

    commerce_product_details-horizontal-scroller div {
        width: 100%;
    }

    img.lwc-6d0jmdgc6e8 {
        max-height: 228px !important;
        width: auto !important;
    }

    experience-picture.lwc-168mi1v6t99 {
        max-width: 228px !important;
        max-height: 228px !important;
    }

    .image-container.lwc-168mi1v6t99 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media screen and (min-width: 401px) {
    div.lwc-5igvpfimtj {
        flex-direction: row !important;
    }
}

@media screen and (max-width: 400px) {
    div.lwc-5igvpfimtj {
        flex-direction: column;
        align-items: flex-start !important;
        align-content: flex-start !important;
        flex-wrap: wrap;
        margin-right:0 !important;
    }

    commerce-quantity-selectorcommerce-quantity-selector.lwc-5igvpfimtj {
        width: 100%;
    }

    commerce-action-button.lwc-5igvpfimtj {
        width: 100% !important;
    }

    /* .slds-button.slds-button_brand.lwc-76nnmqsstjk {
        width: 100% !important;
    } */
}

/* PDP. QUANTITY SELECTOR */

commerce_data_provider-product-data-provider commerce_builder-purchase-options.component-wrapper-spacer {
    margin-bottom: 0;
}

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__input {
    /* width: 5.25rem; */
    font-weight: 700;
    font-size: 1.125rem;
}

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__increment-button,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__decrement-button {
    border-color:  var(--b2b-orasure-gray-30-color) !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__increment-button:focus,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__increment-button:hover,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__decrement-button:focus,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__decrement-button:hover {
    border-color: var(--b2b-orasure-hoover-color) !important;
    box-shadow: 0 0 3px var(--b2b-orasure-hoover-color) !important;
}

/* commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .slds-button--neutral:active,
.slds-button_neutral:active,
lightning-button[variant=neutral]::part(button):active {
    background-color: transparent !important;
} */

.price-col-section.lwc-1shm6jpa0ua,
.price-col.lwc-1shm6jpa0ua {
    display: flex;
    align-items: center;
}

.b2b-product-detail-page__product-add-to-cart commerce-quantity-selector .number-input__input {
    font-size: 1rem;
    font-weight: 400;
}

.b2b-product-detail-page__product-add-to-cart commerce-action-button .slds-button:active {
    background-color: var(--b2b-orasure-secondary-color) !important;
    border-color: var(--b2b-orasure-secondary-color) !important;
    color: white !important;
    box-shadow: none !important;
}

.b2b-product-detail-page__product-add-to-cart commerce-action-button .slds-button:disabled {
    color: white !important;
}

/* MODAL */

lightning-modal-base .slds-modal__container,
.modal-container.slds-modal__container {
    min-width: calc(320px - 2rem);
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 524px !important;
}

lightning-modal-base .slds-button.slds-button_outline-brand {
    height: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: none !important;
    color: var(--b2b-orasure-primary-color) !important;
    border-color: var(--b2b-orasure-primary-color) !important;
    background-color: transparent !important;
}

lightning-modal-base .slds-button.slds-button_outline-brand:hover {
    color: var(--b2b-orasure-hoover-color) !important;
    border-color: var(--b2b-orasure-hoover-color) !important;
    background-color: transparent !important;
}

lightning-modal-base .slds-button.slds-button_outline-brand:active {
    border-color: var(--b2b-orasure-secondary-color) !important;
    color: var(--b2b-orasure-secondary-color) !important;
}

lightning-modal-base .slds-button.slds-button_brand {
    color: var(--b2b-orasure-white-color) !important;
    height: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: none !important;
}

lightning-modal-base .slds-button.slds-button_brand:hover {
    color: var(--b2b-orasure-white-color) !important;
}

lightning-modal-base .slds-button.slds-button_brand:active {
    background-color: var(--b2b-orasure-secondary-color) !important;
    border-color: var(--b2b-orasure-secondary-color) !important;
    color: white !important;
}

lightning-modal-base .slds-modal__header:not(.empty),
lightning-modal-base .modal-header.slds-modal__header:not(.empty) {
    font-size: 28px;
    font-weight: 500;
    text-align: left;
    border: none !important;
    padding-bottom: 0 !important;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

lightning-modal-base .slds-modal__header p,
lightning-modal-base .slds-modal__content,
lightning-modal-base .modal-body.slds-modal__content {
    padding-bottom: 30px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right:22px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

lightning-modal-base .slds-modal__header h1,
lightning-modal-base .modal-header.slds-modal__header .title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 300 !important;
    text-align: left;
}

@media screen and (max-width: 640px) {

    lightning-modal-base .slds-modal__content slot > div > .slds-col {
        width: 100%;
    }

}

/* QTY HELP */

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector lightning-icon {
    transform: scale(0.8);
}

commerce-quantity-selector-popover lightning-popup-source > div > slot .slds-button__icon_small /* .slds-button__icon--small */ { 
    width: 1rem;
    height: 1rem;
    color: rgba(118, 113, 107, 1) !important;
}

commerce-quantity-selector-popover .slds-button--neutral:disabled,
.slds-button--neutral[disabled],
.slds-button_neutral:disabled,
.slds-button_neutral[disabled] {
    border-color: var(--b2b-orasure-gray-30-color) !important;
    background-color: #FFFFFF !important;
    color: #9E9E9E !important;
    fill: currentColor !important;
}

commerce-quantity-selector-popover lightning-button-icon .lwc-3k9iv0hcp75 {
    display: flex;
}

commerce-quantity-selector-popover lightning-primitive-icon {
    height: 13px;
    width: 13px;
    display: flex;
    align-items: center;
}

commerce-quantity-selector-popover lightning-button-icon {
    width: 13px;
    height: 13px;
    display: flex;
    align-items: center;
}

commerce-quantity-selector-popover .slds-button.slds-button_icon {
    color: var(--b2b-color-white);
}

commerce-quantity-selector-popover .slds-button:active{
    border-color: transparent !important;
    box-shadow: unset;
}

/* .slds-button:focus, lightning-button::part(button):focus,
.slds-button:hover, lightning-button::part(button):hover {
    border-color: transparent !important;
    box-shadow: 0 0 3px transparent !important;
} */


/*  ARROWS */

commerce_product_details-carousel .slds-button:disabled /* , .slds-button[disabled] */ {
    color: var(--b2b-orasure-gray-30-color);
}

/* .slds-button.slds-button_icon {
    color: var(--b2b-orasure-secondary-color);
} */

/* .slds-button.slds-button_icon:hover {
    color: var(--b2b-orasure-hoover-color);
} */

/* Guest Button LogIn */

.b2bGuestButtonLogIn a {
    height: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: none !important;
}

.b2bGuestButtonLogIn a:active {
    background-color: var(--b2b-orasure-secondary-color);
    border-color: var(--b2b-orasure-secondary-color) !important;
}

@media (min-width: 64em){
    .columns-content.lwc-6j9an5vbrcd{
        flex-direction: row !important;
    }
}

/* EVENT DETAILS */

.dxp-tab-bar-hover-tab-horizontal[data-active="false"]:hover.lwc-6snjuk8md1j {
    border-bottom-color: var(--b2b-orasure-hoover-color) !important;
}

.event-modal__body .slds-combobox__input:focus,
.event-modal__body .slds-combobox__input:hover {
    border-color: var(--b2b-orasure-hoover-color) !important;
    box-shadow: 0 0 3px var(--b2b-orasure-hoover-color) !important;
}

.event-modal__body .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.event-modal__body .slds-listbox_vertical .slds-listbox__option:focus,
.event-modal__body .slds-listbox_vertical .slds-listbox__option:hover {
    background-color: var(--b2b-orasure-hoover-color) !important;
    color: var(--b2b-orasure-white-color) !important;
}

.event-modal__body button:disabled[lwc-4kb6kaqheak] /* ,[type='button']:disabled[lwc-4kb6kaqheak] */ {
    border-color: transparent !important;
    box-shadow: 0 0 3px transparent !important;
}

.event-modal__body .slds-input.slds-is-disabled /* , .slds-input[disabled] */ {
    border-radius: 4px;
    border: 1px solid var(--b2b-orasure-gray-50-color);
    background: var(--b2b-orasure-gray-30-color);
}

.event-modal__body .slds-input_faux:not(.slds-combobox__input-value) {
    color: var(--b2b-orasure-gray-50-color) !important;
}

/* TABS */

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal,
.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-overflow-menu {
    font-size: 1.125rem;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal p.dxp-tab-text-style {
    font-weight: 500;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal[data-active="true"] {
    padding-bottom: 0.625rem;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal[data-active="true"] p.dxp-active-tab-text-style {
    font-weight: 700;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-overflow-menu button.dxp-more-tab {
    padding-bottom: 0.4375rem;
    color: black;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-hover-tab-horizontal[data-active="false"]:hover {
    border: none;
}

@media screen and (max-width: 480px) {

    .b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal,
    .b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-overflow-menu {
        font-size: 0.875rem;
    }

}