/*  the variables can be set in Builder, but they aren't assigned to a class  */
.dxp-text-heading-x-large,
.slds-text-heading--x-large, 
.slds-text-heading_x-large {
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    font-style: var(--dxp-s-text-heading-extra-large-font-style);
    font-family: var(--dxp-s-text-heading-extra-large-font-family);
    font-weight: var(--dxp-s-text-heading-extra-large-font-weight);
    text-decoration: var(--dxp-s-text-heading-extra-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-large-text-transform);
    line-height: var(--dxp-s-text-heading-extra-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-large-letter-spacing);
    color: var(--dxp-s-text-heading-extra-large-color);
}
.dxp-text-heading-x-small,
.slds-text-heading--x-small, 
.slds-text-heading_x-small {
    font-size: var(--dxp-s-text-heading-extra-small-font-size);
    font-style: var(--dxp-s-text-heading-extra-small-font-style);
    font-family: var(--dxp-s-text-heading-extra-small-font-family);
    font-weight: var(--dxp-s-text-heading-extra-small-font-weight);
    text-decoration: var(--dxp-s-text-heading-extra-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-small-text-transform);
    line-height: var(--dxp-s-text-heading-extra-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-small-letter-spacing);
    color: var(--dxp-s-text-heading-extra-small-color);
}
.dxp-text-heading-xx-small,
.slds-text-heading--xx-small, 
.slds-text-heading_xx-small {
    font-size: var(--dxp-s-text-heading-extra-extra-small-font-size);
    font-style: var(--dxp-s-text-heading-extra-extra-small-font-style);
    font-family: var(--dxp-s-text-heading-extra-extra-small-font-family);
    font-weight: var(--dxp-s-text-heading-extra-extra-small-font-weight);
    text-decoration: var(--dxp-s-text-heading-extra-extra-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-extra-small-text-transform);
    line-height: var(--dxp-s-text-heading-extra-extra-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-extra-small-letter-spacing);
    color: var(--dxp-s-text-heading-extra-extra-small-color);
}

/* Horizontal padding variable */
:root {
    --aa-horizontal-padding: 3rem;
}
@media screen and (max-width: 768px) {
    :root {
        --aa-horizontal-padding: 1rem;
    }
}

/* Hero Banner */
.hero-banner .main-content-container {
    max-width: var(--dxp-s-section-columns-max-width);
    margin: auto;
}
dxp_content_layout-block-background-image .dxp-block-image-host {
    background-size: auto 100% !important;
    --dxp-c-block-m-image-url: var(--dxp-c-block-l-image-url);
}
h1.hero-banner-title {
    margin-block: 1rem;
    max-width: min(750px, calc(100vw - 2rem));
}
.hero-banner-search .input-container {
    max-width: min(650px, calc(100vw - 2rem));
    height: 3rem !important;
    font-family: var(--dxp-s-text-heading-small-font-family);
    background-color: #FFF;
    border-radius: 1.5rem;
    border: 3px solid #000;
    padding-inline-end: 3px;
    display: flex;
    align-items: center;
}
.hero-banner-search .search-input-without-button {
    padding-inline-start: 2.75rem !important;
    padding-inline-end: 1rem !important;
}
.hero-banner-search .input-wrapper {
    border: 0 none !important;
    box-shadow: none !important;
    height: -webkit-fill-available;
}
.hero-banner-search .input-wrapper.slds-input-has-icon .slds-input__icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -.625rem;
    margin-left: .25rem;
}
.hero-banner-search .search-input-without-button + .input-icon-container {
    padding: 0;
    margin-inline-end: .75rem;
}
.hero-banner-search .search-input-without-button + .input-icon-container .slds-icon_xx-small {
    height: 1rem;
    width: 1rem;
}
.hero-banner-search .search-input-with-button {
    padding-inline-start: 1rem !important;
}
.hero-banner-search button.input-search-button {
    height: 46px;
    padding-inline: 1rem;
    border-radius: 23px !important;
    margin-top: 3px;
    padding-block: 0;
}
c-b2-b_-a-a_-header .search-input .slds-input__icon-group_right {
    top: 1rem;
    right: .25rem;
}

/* New Products */
b2c_lite_commerce-top-sellers {
    display: block;
    padding-inline: var(--aa-horizontal-padding);
}
b2c_lite_commerce-top-sellers .header-container .slds-align_absolute-center:has(h3) {
    justify-content: start;
    padding: 0;
}
b2c_lite_commerce-top-sellers .header-container h3 {
    font-weight: var(--dxp-s-text-heading-large-font-weight);
}
b2c_lite_commerce-top-sellers-ui .menu {
    width: 100% !important;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .nav-button-container {
    flex: 0 0 2rem;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .nav-button-container button {
    padding: 0;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui > .slds-grid > .slds-col:not(.nav-button-container) {
    flex: 1 1 100%;
    margin-inline: .5rem;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container {
    padding: 0 !important;
    gap: 1rem;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid {
    padding: 0;
    margin: 0;
    border: 0 none;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid .imageArea {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    align-items: flex-start;
    /* border-radius: 30% 0 30% 0; */
    /* border: 1rem solid #000000; */
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid .imageArea > a {
    height: -webkit-fill-available;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid .imageArea > a .productImage img {
    height: -webkit-fill-available;
    object-fit: cover;
    transition: scale 250ms ease;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid .imageArea > a:hover .productImage img {
    scale: 1.1;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid .fieldsArea {
    font-weight: 600;
    margin-top: .5rem;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid .fieldsArea .slds-rich-text-editor__output {
    line-height: 1.25;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container .cardContainerGrid .fieldsArea commerce_search-product-field .slds-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    white-space: normal;
    justify-self: start;
}

/* BORDER COLORS
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container li:nth-of-type(6n+1) .cardContainerGrid .imageArea {
    border-color: #FA00DA;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container li:nth-of-type(6n+2) .cardContainerGrid .imageArea {
    border-color: #FEE900;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container li:nth-of-type(6n+3) .cardContainerGrid .imageArea {
    border-color: #00BBC8;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container li:nth-of-type(6n+4) .cardContainerGrid .imageArea {
    border-color: #FA5800;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container li:nth-of-type(6n+5) .cardContainerGrid .imageArea {
    border-color: #4FFF6F;
}
b2c_lite_commerce-top-sellers-ui b2c_lite_commerce-carousel-ui .carousel-container li:nth-of-type(6n) .cardContainerGrid .imageArea {
    border-color: #003E95;
}
 END BORDER COLORS */

.interactions-component {
    min-height: 0 !important;
}

/* PRODUCT DETAIL PAGE */
.breadcrumb-list {
    font-size: var(--dxp-s-body-small-font-size);
    font-family: var(--dxp-s-body-small-font-family);
    font-weight: var(--dxp-s-body-small-font-weight);
    line-height: var(--dxp-s-body-small-line-height);
}
commerce-thumbnail-gallery .thumbnails-vertical .thumbnail-carousel-image {
    margin: .25rem !important;
}
commerce-thumbnail-gallery .thumbnails-vertical .thumbnail-carousel-image experience-picture {
    object-fit: cover;
}
commerce-thumbnail-gallery .hero-container .image-container {
    border-radius: 1rem;
    overflow: hidden;
}
commerce-thumbnail-gallery .hero-container .image-container .product-image {
    border-width: 3px;
    margin: .25rem;
}
commerce-thumbnail-gallery .hero-container .image-container .product-image > picture {
    border: 0 none;
    box-shadow: none;
    margin: 0;
}
commerce-thumbnail-gallery .thumbnail-carousel .thumbnail-carousel-image {
    border-radius: 1rem;
    overflow: hidden;
    transition: border-width 50ms;
}
commerce-thumbnail-gallery .thumbnail-carousel .thumbnail-carousel-image[aria-selected=true] {
    border-width: 3px;
}
commerce-thumbnail-gallery .thumbnails-vertical .thumbnail-carousel experience-picture {
    object-fit: cover;
}
commerce-thumbnail-gallery .thumbnails-vertical .thumbnail-carousel .thumbnail-carousel-image {
    opacity: 1;
}
commerce-thumbnail-gallery .container .zoomed-image-container,
commerce-thumbnail-gallery .container .zoom-lens {
    display: none !important;
}
commerce_builder-purchase-options commerce_product_details-add-quantity {
    margin: 0 !important;
}
commerce_builder-purchase-options commerce_product_details-add-quantity .container {
    display: flex;
    gap: .5rem;
}
commerce_builder-purchase-options commerce_product_details-add-quantity .container .number-input__decrement-button,
commerce_builder-purchase-options commerce_product_details-add-quantity .container .number-input__increment-button {
    padding: 0 .25rem;
}
commerce_builder-purchase-options commerce_product_details-add-quantity .container .number-input__input {
    padding: 0;
    --com-c-number-input-width: 3.5rem;
    --com-c-number-input-height: 2rem;
}
commerce_builder-purchase-options commerce_product_details-add-quantity .container commerce-quantity-selector {
    margin: 0;
}
commerce_builder-purchase-options .quantity-list-action {
    flex-direction: column;
}
commerce_builder-purchase-options commerce_product_details-add-quantity .container commerce-action-button .slds-button {
    --sds-c-button-spacing-block-start: 0;
    --sds-c-button-spacing-block-end: 0;
    /* height: -webkit-fill-available; */
    align-items: center;
    justify-content: center;
     display: flex;
}
commerce_builder-purchase-options .quantity-list-action commerce-action-button {
    height: auto;
}
.pdp-columns .columns > dxp_layout-column {
    flex-grow: 1 !important;
    flex-shrink: 1;
}
.pdp-columns .columns > dxp_layout-column:nth-of-type(1) {
    flex-basis: auto;
}
.pdp-columns .columns > dxp_layout-column:nth-of-type(2) {
    flex-basis: min(450px, 35%);
}

/* SEARCH AND CATEGORY PAGE */
commerce_search-product-grid .product-grid-container {
    align-items: flex-start;
}
commerce_search-product-card .fieldsArea a,
commerce-product-card commerce-product-info .card-item {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    --com-c-product-info-align-items: center;
}
commerce_search-product-card commerce_search-product-field,
commerce-product-card commerce-product-info .card-item {
    --dxp-s-text-heading-large-font-family: 'Roboto Condensed';
    --dxp-s-text-heading-medium-font-family: 'Roboto Condensed';
    --dxp-s-text-heading-small-font-family: 'Roboto Condensed';
    --dxp-s-text-heading-large-font-size: 1rem;
    --dxp-s-text-heading-medium-font-size: .875rem;
    --dxp-s-text-heading-small-font-size: 0.75rem;
}
commerce_search-product-card commerce_search-product-field .slds-truncate,
commerce-product-card commerce-product-info .card-item .slds-truncate {
    white-space: normal;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
commerce_search-product-card commerce_search-product-field .slds-truncate .slds-rich-text-editor__output {
    line-height: 1.2;
}
commerce-product-card commerce-product-info .card-item .main-price {
    --com-c-product-pricing-details-slot-3-price-label-size: 1rem;
}
commerce-quantity-selector commerce-quantity-selector-popover {
    display: none;
}
commerce_search-product-card commerce-quantity-selector commerce-number-input label {
    display: none;
}
c-custom-plp-wrapper c-aa-ticket-value h6.slds-text-heading_xx-small {
    font-size: 0.75rem;
    font-family: 'Roboto Condensed';
    font-weight: 400;
}

/* FAQ */
.faq-container * {
    margin-block-end: 8px;
}
.faq-container strong {
    font-weight: 600;
}
.faq-question {
    font-weight: 600;
    font-size: 22px;
}

/* RESPONSIVE MEDIA QUERIES */
@media screen and (min-width:769px) {
    .hero-banner-search button.input-search-button .slds-assistive-text {
        width: auto !important;
        height: auto !important;
        position: relative !important;
        margin: 0 0 0 6px !important;
    }
}
@media screen and (max-width: 768px) {
    .hero-banner .main-content-container {
        --dxp-c-content-container-padding: 1rem;
    }
    h1.hero-banner-title {
        --dxp-s-text-heading-extra-large-font-size: 2rem;
    }
}