/*********************** Custom css for Boost AI Search & Discovery  ************************/
:root {
    --boostsd-general-page-width-desktop: unset;
    --boostsd-product-info-gap: 5px;
}
/* Collection description color */
.boost-sd__collection-description {
    text-align: center;
    padding: 3rem 0;
    background: #EF4137;
    color: #ffed73;
}

/* Target H1 elements within Boost components */
.boost-sd__header-title {
    text-align: center;
    padding: 3rem 0;
    background: #EF4137;
    color: #ffed73 !important;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 0px;
    text-rendering: optimizeLegibility;
    font-size: 25px;
}

/* Or target all H1 elements on the collection page */
.boost-sd__header-title h1 {
    color: #EF4137 !important;
}

/* Grid items */
@media only screen and (min-width: 992px) {
    .boost-sd-layout--has-filter-vertical.boost-sd-layout--has-vertical-style-default {
        margin-top: 20px;
    }
}

/* Product items */
.boost-sd__product-item--sublayout-8, .boost-sd__product-item--sublayout-8:hover {
    border: none;
    box-shadow: none;
}
.boost-sd__product-title {
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #ef4137;
    letter-spacing: 0px;
    text-rendering: optimizeLegibility;
}
.boost-sd__product-info-wrapper sc-add-to-compare .checkbox-control span {
    font-size: 12px;
}

.product-app--container .container .column {
    margin: 0;
}

.product-app--container .one-whole {
    width: 100%;
}

.boost-sd__header-main-3-content {
    padding: 0;
}

.boost-sd__breadcrumb,
.boost-sd__toolbar-container,
.boost-sd-layout {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.boost-sd__view-as-text {
    color: #ef4137;
}
.boost-sd__view-as-icon--list-grid-multi-col:hover:before, .boost-sd__view-as-icon--list-grid-multi-col.boost-sd__view-as-icon--active:before {
    background: #ef4137;
    box-shadow: 7px 0 #ef4137;
}
.boost-sd__view-as-icon--grid--3:hover:before, .boost-sd__view-as-icon--grid--3.boost-sd__view-as-icon--active:before {
    box-shadow: 7px 0 #ef4137,14px 0 #ef4137;
}
.boost-sd__view-as-icon--grid--4:hover:before, .boost-sd__view-as-icon--grid--4.boost-sd__view-as-icon--active:before {
    box-shadow: 7px 0 #ef4137,14px 0 #ef4137,21px 0 #ef4137;
}