/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/components/commerce-wishlist.css?{ versionKey }"/> */

/* HEADER */

commerce-wishlist .header-labels {
    margin-bottom: 2.5rem;
    padding: 1.5rem 0;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
}


@media (max-width: 1023.98px) {

    commerce-wishlist .header-labels {
        margin-bottom: 0;
        padding: 2.5rem 0;
    }

}

commerce-wishlist .header-labels span,
commerce-wishlist .header-labels p {
    padding: 0 !important;
}

commerce-wishlist .header-labels span:last-child p {
    font-weight: 600;
    transform: translateY(-3px);
}

/* GRID */

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid {
    display: grid;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid:has(.dxp-grid-item.slds-medium-size_1-of-1) {
    grid-template-columns: repeat(1, 1fr);
}

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid:has(.dxp-grid-item.slds-medium-size_1-of-2) {
    grid-template-columns: repeat(2, 1fr);
}

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid:has(.dxp-grid-item.slds-medium-size_1-of-3) {
    grid-template-columns: repeat(3, 1fr);
}

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid:has(.dxp-grid-item.slds-medium-size_1-of-4) {
    grid-template-columns: repeat(4, 1fr);
}

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid:has(.dxp-grid-item.slds-medium-size_1-of-5) {
    grid-template-columns: repeat(5, 1fr);
}

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid:has(.dxp-grid-item.slds-medium-size_1-of-6) {
    grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 1439.98px) {

    commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
    }

}

@media (min-width: 900px) and (max-width: 1023.98px) {

    commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

}

@media (min-width: 1024px) and (max-width: 1299.98px), (min-width: 640px) and (max-width: 899.98px) {

    commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

}

@media (max-width: 639.98px)  {

    commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

}

commerce-wishlist dxp_content_layout-block-flexible .dxp-block-flexible-container > .slds-grid .dxp-grid-item {
    width: 100%;
}