/* Global Variables */
:root {
    --xo-red: #EF3824;
    --xo-gray: #f9f9f9;
    --xo-dark-gray: #333;
    --gray-3: #ebebeb;
    --heading-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.3);
    --heading-font: 'Montserrat Bold', Helvetica, Arial, Lucida, sans-serif;
}

/* For the container */

.h4 {
    line-height: 1em;
    font-size: 22px;
}

.xo_container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    animation: fadeIn 0.5s ease-in-out;
}
@media (max-width: 800px) {
    .xo_container {
        padding: 10px;
    }
}

.xo_container.xo_container--wide {
    max-width: 2000px;
}
@media (min-width: 2000px) {
    .xo_container.xo_container--wide {
        width: 80%;
    }
}

/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* For the post title */
.entry-title {
    color: #333;
    margin-bottom: 20px;
    animation: slideInDown 0.5s ease-in-out;
}

@keyframes slideInDown {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.xo-search__word {
    text-transform: uppercase;
}

.search .xo_products_grid {
    margin-top: 30px;
}

.xo_products_grid {
    width: 100%;
}

.xo_sidebar ul {
    list-style-type: none;
    padding: 0;
}

.xo_sidebar li a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 5px 0;
}

.filter-button {
    display: inline-block;
    padding: 12px 20px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 0;
    margin-top: 20px;
    cursor: pointer;
    border: none;
    width: 135px;
}

/* .xo_sidebar {
  display: none;
}
.xo_sidebar.active {
  display: block;
} */

.show-filter-button {
    margin-top: 0;
}

/* Flexbox and card styles */
.xo_wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.card-content__rating {
    padding: 0 15px 10px;
}

.xo_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.xo_grid .xo_card {
    margin-bottom: 12px;
}
.search .xo_grid .xo_card {
    width: calc(25% - 12px);
}

.search .xo_grid .xo_card:not(:nth-of-type(4n)) {
    margin-right: 16px;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .search .xo_grid .xo_card {
        width: calc(33.33% - 12px);
    }
    .search .xo_grid .xo_card:not(:nth-of-type(3n)) {
        margin-right: 16px;
    }
    .search .xo_grid .xo_card:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media (max-width: 992px) {
    .search .xo_grid .xo_card {
        width: calc(50% - 12px);
    }
    .search .xo_grid .xo_card:not(:nth-of-type(2n)) {
        margin-right: 16px;
    }
    .search .xo_grid .xo_card:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .search .xo_grid .xo_card {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 576px) {
    .search .xo_grid .xo_card {
        width: 100%;
        margin-right: 0;
    }
}



.xo_card__link {
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.xo_card {
    /* width: calc(25% - 12px);
  margin-bottom: 16px; */
    border: none;
    border-radius: 0;
    overflow: hidden;
    transition: transform 0.3s;
    display: flex;
    flex-direction: column;
    background-color: var(--gray-3);
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */
    position: relative;
}

.xo-product-filter ul {
    list-style-type: none;
}

#sorting-form {
    margin-right: 15px;
}

.xo-sort-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.sort-button,
.sort-select {
    padding: 10px;
    transition: background-color 0.3s ease;
}

.sort-button {
    border: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

.sort-button:hover {
    background-color: #0056b3;
}

.xo-sort-by {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.xo-product__price__badge__container {
    position: relative;
}

.xo-product__price__badge {
    color: #333;
    font-size: 18px;
    line-height: 1em;
    letter-spacing: 1px;
    margin-top: 10px;
    display: none;
}

.collection-section {
    margin: 10px 0 20px;
    display: inline-block;
    background-color: black;
    color: white;
    border-radius: 3px;
}

.collection-section h4 {
    color: white;
    margin: 0;
    padding: 10px;
}
.xo-product__badge__container {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    display: flex;
    width: calc(100% - 30px);
}
.xo-product__badge {
    color: white;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    display: flex; /* Change from inline-flex to flex */
    align-items: center; /* Add align-items: center to vertically center the badge */
    justify-content: center;
    text-align: center;
    height: 50px;
    width: 50px;
    background-color: #333;
    border-radius: 50px;
    margin-right: 10px;
}

.xo-product__collection-badge {
    display: flex; /* Change from inline-flex to flex */
    align-items: center; /* Add align-items: center to vertically center the badge */
    justify-content: center;
    text-align: center;
    background-color: var(--xo-red);
    border-radius: 5px;
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0 10px auto auto;
}
.sorting-form__container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

/* .xo_grid .xo_card:not(:nth-of-type(4n)) {
  margin-right: 16px;
} */

.xo-card__highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: var(--xo-red);
    opacity: 0;
    transition: 0.2s all ease-in-out;
}

.xo_card:hover .xo-card__highlight {
    opacity: 1;
}

.scroll-tag {
    transform: translateY(-90px);
}

.card_image__2-src {
    display: none;
}

.xo_card--has-second-image .card_image:hover {
    display: block;
}

.card-content__title,
.xo-product__title {
    font-weight: 400;
    line-height: 1.3em;
    font-family: var(--heading-font);
    text-shadow: var(--heading-shadow);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.card-content__title {
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 22px;
}

.card_image {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.2s;
}

.card_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s;
}

.card_image--second {
    opacity: 0;
    transition: all 1.5s ease-in;
    transform: scale(1.2);
}

.card_image--main {
    opacity: 1;
    transition: all 1.5s ease-in;
    transform: scale(1);
    padding: 10px 5px;
}

.card_image--second.card_image img {
    object-fit: cover;
    object-position: center;
}

.card-image__container {
    position: relative;
    margin: 10px 10px 5px;
    overflow: hidden;
    padding-top: 100%;
    background-color: white;
}

.has-second-image .card-image__container:hover .card_image--second {
    opacity: 1;
    transform: scale(1);
}

.has-second-image .card-image__container:hover .card_image--main {
    opacity: 0;
    transform: scale(0.9);
}

.is-range-hood .card_image img {
    object-fit: cover;
}

.is-range-hood .card_image--second.card_image img {
    object-fit: contain;
}
.is-range-hood .card_image--main {
    object-fit: contain;
    padding: 0;
}

.card_content {
    padding: 15px;
    flex-grow: 1;
    color: #333;
    display: flex;
    flex-direction: column;
}

.xo-related__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.xo-related__card {
    width: calc(25% - 15px);
    margin-bottom: 20px;
    overflow: hidden;
    transition: transform 0.3s;
    display: flex;
    flex-direction: column;
    background-color: white;
    position: relative;
    align-items: center;
}

.xo-related__card:not(:nth-of-type(4n)) {
    margin-right: 20px;
}

/* Responsive for smaller screens */
@media (max-width: 1100px) and (min-width: 851px) {

    /* .xo_card {
    width: calc(100% / 3 - 6px);
    margin-bottom: 10px;
  }
  .xo_grid .xo_card:nth-of-type(3n) {
    margin-right: 0;
  }
  .xo_grid .xo_card:not(:nth-of-type(3n)) {
    margin-right: 9px;
  } */
    .xo-related__card {
        width: calc(33.33% - 10px);
    }

    .xo-related__card:not(:nth-of-type(4n)) {
        margin-right: 0;
    }

    .xo-related__card:not(:nth-of-type(3n)) {
        margin-right: 15px;
    }
}

@media (max-width: 1000px) {

    /* .xo_card {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  .xo_grid .xo_card:not(:nth-of-type(4n)) {
    margin-right: 0;
  }
  .xo_grid .xo_card:not(:nth-of-type(2n)) {
    margin-right: 10px;
  } */
    .xo-related__card {
        width: calc(33.33% - 10px);
    }

    .xo-related__card:not(:nth-of-type(4n)) {
        margin-right: 0;
    }

    .xo-related__card:not(:nth-of-type(3n)) {
        margin-right: 15px;
    }
}

@media (max-width: 900px) {
    .xo_wrapper {
        flex-direction: column;
    }



    .xo_grid,
    .xo_products_grid {
        width: 100%;
    }

    .xo-related__card {
        width: calc(50% - 10px);
    }

    .xo-related__card:not(:nth-of-type(3n)) {
        margin-right: 0;
    }

    .xo-related__card:not(:nth-of-type(2n)) {
        margin-right: 20px;
    }
}

@media (max-width: 700px) {
    .card-content__title {
        font-size: 16px;
        line-height: 18px;
    }

    .xo-product__price__badge {
        font-size: 16px;
    }

    .xo-product__price__badge__container {
        position: relative;
        right: unset;
        bottom: unset;
        padding: 0 15px 15px;
    }
}

.xo_sidebar ul {
    list-style-type: none;
    padding: 0;
}

.xo_sidebar ul ul li {
    margin-left: 20px;
}

.xo_sidebar li {
    margin: 0;
    padding: 5px 0;
}

.xo_sidebar li a {
    text-decoration: none;
    color: #333;
    display: inline-block;
}

/* Pagination Styles */
.pagination {
    display: flex;
    justify-content: center;
    /* center the links */
    margin-top: 20px;
    padding: 10px 0;
}

.pagination a,
.pagination span {
    margin: 0 5px;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    background-color: #f5f5f5;
    transition: background-color 0.3s;
}

.pagination a:hover {
    background-color: #e0e0e0;
}

.pagination .current {
    background-color: #EF3824;
    /* Adjust color to your preference */
    color: #fff;
}

.xo_gallery_carousel {
    position: relative;
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 8px;
}

.xo_gallery_icon {
    cursor: pointer;
    display: flex;
    padding: 5px;
    color: black;
    transition: all 0.2s;
    border-radius: 4px;
    text-decoration: underline;
    border: 2px solid black;
    background: white;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    margin-top: 5px;
}

.swiper-button span {
    pointer-events: none;
}

.xo_gallery_icon:hover {
    background: black;
    color: white;
}
.xo_gallery_controls .xo_gallery_icon:hover svg {
    fill: white;
}

.xo_gallery_controls {
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
    display: none;
    height: 40px;
}

.xo_gallery_icon--minimize {
    display: none;
    font-weight: bold;
}

.xo_gallery_controls svg {
    fill: #333;
    height: 20px;
    width: 20px;
    transition: all 0.2s ease-in-out;
}

.xo_gallery_wrapper {
    z-index: 1;
    position: relative;
    height: 800px;
}
@media (max-width: 799px) {
    .xo_gallery_wrapper {
        height: 500px;
    }
}
@media (min-width: 800px) and (max-width: 1300px) {
    .xo_gallery_wrapper {
        height: 600px;
    }
}
.xo_product_features,
.xo-specs__list ul {
    list-style-type: square;
    padding-left: 20px;
}

.xo_seperator_line {
    background-color: #333;
    height: 2px;
    width: 100%;
}

.xo_single_product {
    display: flex;
    align-items: start;
    flex-direction: row;
}

.xo_product-hero {
    padding-top: 40px;
    padding-bottom: 40px;
}

.xo_product_description {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 1.5em;
    max-width: 700px;
}

.xo_product_description p {
    margin-bottom: 10px;
    padding-bottom: 0;
}
.xo_product_description h4 {
    margin-bottom: 10px;
    margin-top: 20px;
    padding-bottom: 0;
    font-weight: 500;
}
.xo_product_description a {
    color: var(--xo-red);
    font-weight: 700;
}

.xo_product_description ul {
    list-style-type: square;
    padding-left: 20px;
    margin-bottom: 10px;
}
.xo_gallery .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.xo_gallery .swiper-slide {
    background-size: cover;
    background-position: center;
}
.xo_gallery .swiper-button.swiper-button-prev {
    margin-right: 10px;
}
.xo_gallery .swiper-button-prev,
.xo_gallery .swiper-button-next {
    background-image: unset;
    position: relative;
    height: unset;
    width: unset;
    margin: 0;
    transform: unset;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background-color: #333;
    border-radius: 3px;
    /* Button color */
    color: #fff;
    /* Text color */
    border: none;
    border-radius: 3px;
    /* Rounded edges */
    cursor: pointer;
    /* Hand icon on hover */
    transition: background-color 0.3s;
}

.xo_gallery .swiper-button-prev:hover,
.xo_gallery .swiper-button-next:hover {
    background-color: #222;
    /* Darker shade on hover */
}

.xo_gallery .swiper-button-next {
    margin-left: 10px;
}

.xo_swiper_arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-top: 10px;
}

.xo_gallery .mySwiper2 {
    height: 80%;
    width: 100%;
}

.xo_gallery .mySwiper {
    height: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    width: calc(100% - 80px);
}

.xo_gallery .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.xo_gallery .mySwiper .swiper-slide img {
    border-radius: 3px;
}


.xo_gallery .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.xo_gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xo_gallery .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xo_gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xo_specs {
    padding-bottom: 20px;
    padding-top: 40px;
}

.xo_specs .spreadsheet {
    width: 70%;
    border-collapse: collapse;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.xo_specs_spreadsheet th,
.xo_specs_spreadsheet td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
}

.xo_specs_spreadsheet tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.xo_specs_spreadsheet tr:hover {
    background-color: #ddd;
    transition: background-color 0.3s ease;
}

.xo_specs_spreadsheet th {
    background-color: #EF3824;
    color: white;
}

.xo_poduct_menu_wrapper .xo_container {
    padding-bottom: 0;
}

.xo_poduct_menu_line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--xo-red);
}

.xo_poduct_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.xo_poduct_menu_item {
    color: #000;
    position: relative;
    margin: 5px 5px 0;
    min-width: 200px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    font-weight: 600;
}

.xo_poduct_menu_item:hover {
    color: #808080;
}

.xo_poduct_menu_item::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: var(--xo-red);
    transition: all 0.45s;
    left: 50%;
}

.xo_poduct_menu_item:hover::after {
    width: 100%;
    left: 0;
}

@media (max-width: 900px) {
    .xo_poduct_menu_item {
        width: 100%;
        min-height: 40px;
    }

    .xo_poduct_menu_item::after {
        width: 100%;
        left: 0;
    }

    .xo_poduct_menu_item:first-of-type {
        border-top: 1px solid var(--xo-red);
    }

    .xo_poduct_menu_line {
        display: none;
    }

    .xo_poduct_menu_wrapper {
        padding-bottom: 30px;
    }
}

.xo_subtitle, .reviews__container h2 {
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 30px;
    font-weight: 800;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: 1px;
}
@media (max-width: 1000px) {
    .xo_subtitle, .reviews__container h2 {
        font-size: 28px;
        line-height: 30px;
    }
}


.xo_gallery .mySwiper .xo_gallery_nav .swiper-slide {
    /* height: 100px; */
    cursor: pointer;
}


.xo_gallery_main {
    cursor: zoom-in;
    display: flex;
    align-items: center;
}

/* .xo_gallery_main .swiper-slide {
    height: 400px;
} */

.xo_gallery_main .swiper-slide img {
    object-fit: contain;
}

.xo_gallery .swiper {
    background: white;
    overflow: hidden;
}

.xo_gallery .swiper-button-next:after,
.xo_gallery .swiper-button-prev:after {
    content: unset;
}

.owners_boxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.owners_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% / 4 - 4px);
    background-color: #eee;
    min-height: 250px;
    padding: 40px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.owners_box svg {
    font-size: 40px;
    margin-bottom: 20px;
}

.owners_box:hover {
    background-color: #b8b8b8;
}

.owners_box_title {
    font-size: 25px;
    text-align: center;
    line-height: 1em;
    text-transform: uppercase;
}

.xo_product_image {
    width: 500px;
    max-width: 100%;
    height: auto;
}
@media (min-width: 1500px) {
    .xo_product_image {
        width: 900px;
    }
}
@media (min-width: 2000px) {
    .xo_product_image {
        width: 50%;
    }
}

.xo_product_content {
    width: calc(100% - 500px);
    padding-left: 50px;
}

/* Responsiveness */
@media (max-width: 999px) {
    .owners_box {
        width: calc(50% - 4px);
        margin-bottom: 8px;
    }
}

@media (min-width: 769px) and (max-width: 1000px) {
    .xo_product_image {
        width: 350px;
        height: auto;
    }

    .xo_product_content {
        width: calc(100% - 350px);
        padding-left: 50px;
    }
}

@media (max-width: 768px) {
    .xo_product-hero {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .xo_single_product {
        flex-direction: column;
    }

    .xo_product_image,
    .xo_product_content {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
    }

    .xo_product_image {
        margin-bottom: 20px;
    }
}

@media (max-width: 500px) {
    .owners_box {
        width: 100%;
    }
}

.xo_key_features {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.xo_key_feature {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
    background-color: white;
    margin-bottom: 15px;
}

.xo_key_feature:not(:nth-of-type(3n)) {
    margin-right: 30px;
}

.xo_key_feature_copy {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.xo_key_feature_copy p {
    width: 100%;
}

.xo_key_feature_copy p.h4 {
    padding-bottom: 15px;
}

.xo_features {
    background-color: #eee;
}

.xo_specs {
    background-color: #f5f5f5;
}

.xo_features .xo_container {
    padding-top: 50px;
}

.xo_key_feature_image {
    position: relative;
    height: 250px;
    width: 100%;
}

.xo_key_feature_image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.xo_key_feature-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    align-items: stretch;
    /* Makes all cards the same height */
    justify-content: center;
}

.xo_key_feature-card {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* Animation effect on hover */
    overflow: hidden;
}

.xo_key_feature-card:hover {
    transform: scale(1.05);
    /* Zoom effect on hover */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.xo_key_feature-card-content {
    padding: 20px;
}

/* Responsive styling */
@media (max-width: 992px) {
    .xo_key_feature-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .xo_key_feature-grid-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

.xo-product-name {
    margin-top: 10px;
    font-size: 25px;
    line-height: 30px;
    font-family: var(--heading-font);
    text-shadow: var(--heading-shadow);
    padding: 0;
    margin-bottom: 20px;
}

.xo-product-video__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.xo-product-video:not(:first-of-type) {
    margin-top: 15px;
}

/* Modern styling and animation */
.xo-product-video {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.xo-product-video:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.xo-product-video video {
    width: 100%;
    height: auto;
    display: block;
    max-height: 550px;
}

.reviews {
    padding-top: 20px;
}

.reviews .bv-action-bar-header.bv-focusable {
    display: none !important;
}

.xo-product-spec-item {
    background: #ffffff;
    border-radius: 8px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    transition: 0.2s all;
}

.xo-product-spec-item li {
    padding-right: 10px;
}

.xo-product-spec-item ul {
    list-style-type: square;
    /* Set the bullet style to square */
    padding: 0 5px 0 15px;
}

.xo-filter__header {
    font-size: 18px;
    line-height: 1em;
    padding: 0 10px;
}

.xo-product-filter ul {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.xo-product-filter .cat-item {
    margin: 5px;
}

.xo-product-filter .cat-item a {
    text-decoration: underline;
    padding: 5px;
}

@media (min-width: 900px) {
    .xo-product-spec-item ul {
        columns: 2;
        /* Create two columns */
        -webkit-columns: 2;
        /* For compatibility with some browsers */
    }

    .xo-features.xo-product-spec-item ul,
    .xo-product-spec-item.xo-product-spec-item--warranty ul {
        columns: 1;
        /* Create two columns */
        -webkit-columns: 1;
        /* For compatibility with some browsers */
    }
}

.xo-product-spec-item__heading {
    width: 100%;
    padding: 0 0;
    background-color: white;
    color: black;
    margin-bottom: 10px;
}

.xo-product-spec-item__title {
    color: black;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5em
}

.xo-product-spec-item__list {
    background-color: white;
    padding: 0 10px 10px;
}

.xo-product-spec__download__icon {
    height: 25px;
    width: 25px;
    position: relative;
    margin-right: 10px;
}

.xo-product-spec-item--downloads .xo-product-spec-item__list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.xo-product-spec-item--downloads .xo-product-spec-item__list a {
    padding: 5px;
    color: black;
    font-weight: 500;
    margin-right: 40px;
}

.xo-product-spec-item--downloads .xo-product-spec-item__list a:not(:last-of-type) {
    margin-bottom: 5px;
}
.xo-product-spec__download h4 {
    padding-bottom: 0;
}
.xo-product-spec__download {
    transition: 0.2s all;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: underline;
    margin-bottom: 10px;
}

.xo-product-spec__download:hover {
    transform: scale(1.2);
    text-decoration: underline;
}

.xo-term-card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    flex-direction: row;
}

/* Card Styling */
.xo-term-card {
    width: 170px;
    margin: 10px;
    background-color: white;
    overflow: hidden;
    transition: all 0.3s ease;
    text-decoration: none;
    /* Remove link underline */
    color: inherit;
    /* Use default text color */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.xo-term-card img {
    width: 100%;
    object-fit: contain;
}

.xo-term-card-title {
    text-align: center;
    padding: 10px;
}

a.breadcrumb-item {
    color: black;
}

/* Hover Animation */
.xo-term-card:hover {
    transform: scale(1.05);
}

.xo-appliance-type-header__container {
    background-color: var(--xo-gray);
}

.xo-appliance-type-header__container--archive {
    background-color: transparent;
}

.xo-appliance-type-header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: var(--xo-gray);
    flex-direction: column;
}

.xo-appliance-type-header__container--archive .xo-appliance-type-header {
    background-color: transparent;
}

.taxonomy_breadcrumb__text {
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: .2px;
    font-size: 30px;
    line-height: 1.5em;
    padding: 0;
}

.taxonomy_breadcrumb {
    font-weight: 600;
    letter-spacing: .2px;
    font-size: 23px;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 15px;
}

.taxonomy_breadcrumb__line {
    display: block;
    background-color: var(--xo-red);
    margin: 0;
    height: 2px;
    width: 100%;
}

.xo_container.xo_container--breadcrumb {
    padding-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.xo-appliance-type-header__title {
    text-align: left;
    letter-spacing: .2px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2em;
    padding: 0;
}

.xo-appliance-type-header__cards {
    width: 100%;
}

.xo-appliance-type-header__heading {
    margin: 0 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 20px;
}

.xo-appliance-type-header--refrigeration .xo-term-card img {
    height: 100px;
    width: 100px;
    margin: 15px 20px 0;
}

@media (min-width: 901px) {
    .xo-appliance-type-header__heading {
        margin-right: 40px;
        padding-bottom: 0;
    }
}

@media (max-width: 500px) {
    .xo-term-card {
        width: calc(50% - 10px);
        margin: 0 0 20px;
    }

    .xo-term-card:not(:nth-of-type(2n)) {
        margin-right: 20px;
    }
}

.swiper-button__icon {
    height: 20px;
    width: 20px;
}

.swiper-button__icon svg {
    fill: white;
    height: 100%;
    width: 100%;
}
.xo-gallery__lower-swiper {
    height: 20%;
}
@media (min-width: 768px) {
    .maximized-gallery .xo_gallery_main {
        cursor: default;
    }

    .maximized-gallery #main-header {
        z-index: 0;
    }

    .maximized-gallery {
        overflow: hidden;
    }

    .maximized-gallery .xo_gallery_controls {
        display: flex;
    }
    
    .maximized-gallery .xo_gallery_main .swiper-slide {
        height: 100%;
        max-height: 1000px;
    }
    .maximized-gallery .xo-gallery__lower-swiper {
        height: 15%;
    }
    .maximized-gallery .xo_gallery .mySwiper2 {
        height: 85%;
    }
    .maximized-gallery .xo_gallery .mySwiper .xo_gallery_nav .swiper-slide {
        height: 100%;
    }
    .maximized-gallery .xo_gallery .mySwiper {
        height: 100%;
        
    }
    .maximized-gallery .xo_gallery_wrapper {
        padding: 0 20px;
        height: calc(100% - 40px);
    }
    .maximized-gallery .xo_gallery_carousel {
        max-height: 1200px;
        height: calc(100% - 40px);
        max-width: 1500px;
        width: calc(100% - 40px);
        background: white;
        border: 2px solid var(--xo-gray);
        cursor: default;
    }
    .maximized-gallery .xo_gallery .xo_gallery_carousel  .swiper {
        background: white;
    }
    .maximized-gallery .xo_gallery .swiper-slide {
        background: white;
    }

    .xo_gallery.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, .9);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999;
        cursor: pointer;
    }

    .xo_gallery.active .xo_gallery_icon--expand {
        display: none;
    }

    .xo_gallery.active .xo_gallery_icon--minimize {
        display: flex;
    }
}

.xo-product-video-section .xo_container {
    padding-top: 0;
}

.card-content__name {
    line-height: 1.3em;
    font-size: 16px;
    font-weight: 600;
}

.xo-expert-footer {
    background: var(--xo-gray);
    border-top: 4px solid var(--xo-red);
}

.xo-expert-footer__block {
    width: calc(100% / 3);
    background: var(--xo-gray);
    display: flex;
    flex-direction: column;
}

.xo-expert-footer__block:nth-of-type(2n) {
    background: white;
}

.xo-expert-footer__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.xo_container.xo-expert-footer__container {
    padding: 0;
}

.xo-expert-footer__title {
    font-weight: 600;
}

.xo-expert-footer__image {
    margin: auto auto 0 10px;
    max-width: 90%;
    display: block;
}

.xo-expert-footer__block--satisfaction .xo-expert-footer__image {
    margin-bottom: 20px;
}

.xo-expert-footer__block--service .xo-expert-footer__image {
    margin-bottom: 30px;
}

.xo-expert-footer__copy {
    font-size: 16px;
    line-height: 21px;
}

.xo-expert-footer__copy a {
    color: black;
    font-weight: 600;
}

.xo-expert-footer__content {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 30px 20px 10px;
}

@media (max-width: 900px) {
    .xo-expert-footer__block {
        width: 100%;
    }

    .xo-expert-footer__block--service .xo-expert-footer__image {
        margin-bottom: 10px;
    }

    .xo-expert-footer__copy {
        max-width: 370px;
    }
}

.xo-related__item__image {
    height: 200px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.xo-related__item__image img {
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
}

.xo-related__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 10px;
    height: 100%;
    width: 100%;
}

.xo-related__title {
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 5px;
}

.xo-related__card:hover {
    transform: scale(1.05);
}

.xo-related__price {
    margin: auto auto 0 0;
}

.xo-related__name,
.xo-related__price,
.xo-related__title {
    padding: 0 10px 0;
    color: black;
}
/* 
.collection-logo {
    max-width: 150px;
    height: auto;
    margin-top: 20px;
} */
/* .collection-logo__container {
    display: inline-block;
    padding: 10px;
} */
.xo-search {
    padding-top: 50px;
    padding-bottom: 50px;
}

.card-content__varients {
    padding: 0 15px;
    margin-bottom: 15px;
    color: black;
}

.card-content__widths,
.card-content__colors {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.card-content__color {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    border: 1px solid black;
}

.card-content__color--black {
    background-color: black;
}

.card-content__color--white {
    background-color: white;
}

.card-content__color--stainless {
    background-color: #CFD4D9;
}

.card-content__collections {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.color-indicator {
    display: inline-block;
    border: 1px solid black;
    height: 20px;
    width: 20px;
}

.current-variant {
    border: 1px solid black;
    /* Highlight the current variant */
}

.variant-selection {
    margin-bottom: 20px;
}

.variant-label {
    margin-bottom: 5px;
    text-transform: capitalize;
}
.product-variants-container {
    margin-top: 30px;
}
.variant-option {
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}

.variant-option.selected {
    border: 2px solid var(--xo-red);
    /* Highlight the selected variant */
}
.variant-option.not-available {
    opacity: .3;
}

.after-detail-buttons a {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    color: white;
    background-color: #000;
    font-weight: 800;
    letter-spacing: 1px;
    transition: all 0.2s;
    border: 2px solid #000;
}
.after-detail-buttons a.after-detail-buttons__promo {
    background-color: var(--xo-red);
    border-color: var(--xo-red);
}
.after-detail-buttons a.after-detail-buttons__promo:hover {
    background-color: white;
    color: var(--xo-red);
}
.after-detail-buttons a.after-detail-buttons__locator:hover {
    background-color: white;
    color: #000;
}


.xo_product_silo_shot {
    display: flex;
    align-items: center;
    justify-content: center;
}

.xo_product_silo_shot img {
    max-height: 400px;
}

@media (max-width: 980px) {
    #mobile_menu>li:first-of-type ul:first-of-type li.menu-item-has-children>a {
        border-bottom: 2px solid var(--xo-red);
    }
}

@media (min-width: 981px) {
    #top-menu>li:first-of-type .sub-menu a {
        margin: 0 !important;
        padding: 10px 20px !important;
        width: 100% !important;
        line-height: 1.1rem;
    }

    #top-menu>li:first-of-type ul:first-of-type li.menu-item-has-children {
        max-width: 20%;
        width: 250px;
        display: flex !important;
        flex-direction: column;
    }

    #top-menu>li:first-of-type ul:first-of-type li.menu-item-has-children a:after {
        content: '';
        display: none;
    }

    #top-menu>li:first-of-type>ul:first-of-type {
        display: none;
        flex-direction: row;
        justify-content: center;
        position: fixed;
        left: 0;
        box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.45);
    }

    #top-menu>li:first-of-type:hover>ul:first-of-type {
        display: inline-flex;
    }

    #top-menu>li:first-of-type li li {
        padding: 0 !important;
    }

    #top-menu>li:first-of-type:hover .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
    }

    #top-menu>li:first-of-type .sub-menu {
        opacity: 0;
        visibility: hidden;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        position: fixed;
        left: 0;
        background-color: black;
        border-top: 3px solid var(--xo-red);
        width: 100%;
        transition: opacity 0.2s ease-in-out !important;
        transform: unset !important;
    }

    #top-menu>li:first-of-type .sub-menu .sub-menu {
        position: relative;
        display: inline-block;
        opacity: 1;
        visibility: visible;
        display: flex;
        flex-direction: column;
        left: 0;
        border-top: none;
        width: 100%;
        padding: 0;
        top: 0;
        border-top: 2px solid var(--xo-red);
    }

    #top-menu>li:first-of-type .sub-menu .sub-menu .sub-menu {
        opacity: 0;
        visibility: hidden;
        top: 100%;
        left: 0;
        border-top: none;
    }
}

@media (min-width: 1000px) {
    #top-menu>li:first-of-type {
        padding-left: 20px;
    }
}

@media (min-width: 1100px) {
    #top-menu>li:first-of-type:hover {
        padding-left: 100px;
    }
}

@media (min-width: 1300px) {
    #top-menu>li:first-of-type:hover {
        padding-left: 200px;
    }
}

.mobile_menu_bar:before {
    color: white !important;
}

.brochure-creator-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.brochure-creator-container label input {
    cursor: pointer;
}

.brochure-creator-container label {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: inline-flex;
    margin: 5px;
}

.download-link-container {
    margin-top: 20px;
}

.download-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0044cc;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    margin: 60px 0 100px;
}

.brochure-submit {
    background-color: #0044cc;
    /* Background color */
    color: white;
    /* Text color */
    padding: 10px 20px;
    /* Padding */
    border: none;
    /* Remove border */
    border-radius: 5px;
    /* Rounded corners */
    font-size: 16px;
    /* Font size */
    cursor: pointer;
    /* Cursor on hover */
    display: block;
    margin: 15px 5px;
}

.brochure-submit:hover {
    background-color: #003399;
    /* Change background color on hover */
}

.single-hero {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    /* X-offset, Y-offset, Blur radius, Color */
}

.single-hero-content {
    max-width: 1800px;
    margin: auto;
}

.hero-images {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.hero-image {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero-image--silo {
    width: 40%;
}

.hero-image--hero {
    width: 60%;
}

.hero-image--silo img {
    height: 80%;
    width: auto;
    max-width: 80%;
    object-fit: contain;
}

.hero-image--hero img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1000px) {
    .hero-image {
        height: 300px;
    }
}

@media (max-width: 750px) {
    .hero-image {
        height: 200px;
    }
}

/* Hero container styles */
.product-type-hero__hero {
    position: relative;
    text-align: center;
    height: 800px;
    /* Default height for larger screens */
    background-size: cover;
    background-position: center;
    color: #fff;
    background-color: black;
    overflow: hidden;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}

/* Responsive styles for smaller screens */
@media (max-width: 1400px) {
    .product-type-hero__hero {
        height: 0;
        padding-top: 70%;
    }
}

/* Hero content styles */
.product-type-hero__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.product-type-hero__title {
    font-size: 36px;
    line-height: 1em;
    margin-bottom: 20px;
    color: white;
    font-weight: 700;
}

.product-type-hero__subtitle {
    font-size: 25px;
    line-height: 1em;
    margin-bottom: 0;
    font-weight: 600;
}

/* Bouncing arrow animation */
.product-type-hero__arrow {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 15px);
    transform: translate(100%, 50%);
    animation: bounce 1.5s infinite;
    font-size: 40px;
    height: 30px;
    width: 30px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-10px);
    }
}

.product-type-hero__overlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xo-products-categories {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    background: black;
    padding: 30px;
}

.xo-products-categories__image {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}

.xo-products-categories__container {
    max-width: 2000px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.xo-products-categories__card {
    width: 20%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 1000px) {
    .xo-products-categories__card {
        width: 100%;
    }
}

.xo-products-categories__text {
    font-size: 25px;
    line-height: 1.1em;
    color: white;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    margin-top: 20px;
    text-align: center;
}

.xo-products-categories__card:hover {
    background-color: white;
    color: black;
}

.xo-products-categories__card:hover .xo-products-categories__text {
    color: black;
}

.text-xo-red {
    color: var(--xo-red);
}

.product-type-hero__description {
    font-size: 30px;
    line-height: 1.1em;
    font-weight: 800;
    letter-spacing: 2px;
    color: white;
    text-align: center;
}

.product-type-hero__pro-description {
    background-color: black;
    padding-top: 70px;
    padding-bottom: 70px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}

.fullscreen-hero-video__wrapper {
    display: flex;
}

.fullscreen-hero-video__wrapper {
    background-color: black;
}

.fullscreen-hero-video {
    max-width: 2700px;
    max-height: calc(100vh - 150px);
    width: 100%;
    margin: 0 auto;
    display: block;
}

.series-selector {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* Adjusts blocks to the same height */
    margin: 20px auto;
    max-width: 1500px;
}

.series-block {
    flex: 1;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Center content vertically */
    color: black;    
}
.series-selector a {
    width: 50%;
}
@media (max-width: 800px) {
    .series-selector a {
        width: 100%;
    }
}
.series-block h3 {
    margin-bottom: 10px;
}

.series-block:hover {
    background-color: #f0f0f0;
    color: var(--xo-red);
}

/* Responsive styling */
@media (max-width: 600px) {
    .series-selector {
        flex-direction: column;
    }

    .series-block {
        margin-bottom: 15px;
        height: auto;
        /* Adjust height for mobile view */
    }
}

.product-type-hero__overlay,
.product-type-hero__content {
    display: none;
}

.xo-product-category-view-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
}

.xo-products__texture-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.xo-product-category-view-more:not(:first-of-type) {
    margin-top: 30px;
}

.xo-products-view-more .xo_container {
    max-width: 90vw;
}

.xo-products__section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: black;
    flex-direction: row;
}

.xo-products__section:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.xo-products__image {
    background-size: cover;
    background-position: center;
    position: relative;
}

.xo-products__image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.xo-products__content {
    padding: 20px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-image: url('https://xoappliance.com/wp-content/uploads/2024/01/solid-concrete-wall-textured-backdrop-scaled.jpg');
}

.xo-products__section h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 1px;
}

.xo-product-category-view-more__title {
    padding: 0;
    margin: 0;
}

.xo-products__content p {
    font-size: 22px;
    line-height: 1.2em;
}

.xo-products__content__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 600px;
}

.xo-products__section:nth-of-type(2n) .xo-products__content__wrapper {
    margin-right: 0;
    margin-left: auto;
}

.xo-products__content,
.xo-products__image {
    width: 50%;
    min-height: 700px;
}

.xo-button {
    border: solid 3px white;
    color: white;
    background-color: black;
    padding: 5px 10px;
    transition: all 0.2s;
    font-weight: 600;
    letter-spacing: 2px;
    transition: all 0.2s;
    font-size: 16px;
    cursor: pointer;
}

.xo-button.xo-button--alt {
    border: solid 3px black;
    color: black;
    background-color: white;
}

.xo-button:hover {
    background-color: var(--xo-red);
    border-color: var(--xo-red);
}

.xo-button.xo-button--alt:hover {
    color: white;
}

.xo-product__texture__image {
    overflow: hidden;
}

.xo-product__texture__image--1 {
    height: 100%;
    width: calc(70% - 10px);
}

.xo-product__texture__image__group {
    height: 100%;
    width: 30%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.xo-product__textures__wrapper {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto 50px;
    display: flex;
    flex-direction: row;
    height: 700px;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.xo-product__texture__image {
    background-position: center;
    background-size: cover;
}

.xo-product__texture__image--2 {
    width: 100%;
    height: 60%;
}

.xo-product__texture__image--3 {
    width: 100%;
    height: calc(40% - 10px);
}

.xo-products__section__button {
    margin-top: 20px;
}

.xo-view-all-products-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: black;
    padding: 20px 0;
}

.xo-all-products-no-children .xo-view-all-products-button {
    display: none;

}

.xo-all-products-no-children .xo-view-all-products {
    display: unset;
}

.xo-products-preview .xo_card {
    width: calc(25% - 15px);
}

.xo-products-preview .xo_card:not(:nth-of-type(4)) {
    margin-right: 20px;
}



.xo_sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-right: 10px;
    width: 200px;
}

#top-menu>li.menu-item:nth-child(1)>a {
    pointer-events: none;
}

.xo-product-tabs {
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.xo-product-tabs .tab {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 40px;
}

.xo-product-tabs .tab button {
    background-color: #fff;
    color: #000;
    padding: 30px 10px;
    border: none;
    text-align: center;
    width: 100%;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #808080;
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
}
.xo-product-tabs .tab button:hover {
    background-color: #f3f5f7;
}

.xo-product-tabs .tab button:not(:last-of-type) {
    margin-right: 10px;
}
.xo-product-tabs__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1500px;
}

.xo-product-tabs .tab button.active {
    background-color: #000;
    color: white;
}


.xo-product-tabs .tabcontent {
    display: none;
    /* Hide content by default */
    width: 100%;
    /* Adjust as needed */
    min-height: 150px;
    /* Adjust as needed */

}

@media (max-width: 800px) {
    .xo-product-tabs .tab {
        flex-direction: column;
    }
    .xo-product-tabs .tablinks {
        margin: 10px 0;
    }
} 

.xo-features.xo-product-spec-item {
    box-shadow: none;
}
.xo-key-feature-section {
    background-color: #f3f5f7;
}
.xo-key-feature-section .xo_subtitle {
    margin-top: 40px;
}

.xo-key-feature-section__cards {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.xo-key-feature-card {
    width: 100%;
    margin-bottom: 30px;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid var(--xo-dark-gray);
    border-bottom: 1px solid var(--xo-dark-gray);
    padding: 0;
    color: black;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.xo-key-feature-card.even {
    flex-direction: row-reverse;
}
.xo-key-feature-card h4 {
    font-weight: 800;
    margin-bottom: 5px;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 1px;
}

.xo-key-feature-card__image {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 56%;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}


.xo-key-feature-card__content {
    margin-top: 5px;
    font-size: 16px;
    width: 50%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
}
.xo-key-feature-card__content h4 {
    max-width: 700px;
}
.xo-key-feature-card__content p {
    max-width: 600px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
}
.xo-key-feature-card.even .xo-key-feature-card__content {
    text-align: right;
    align-items: flex-end;
}
.xo-key-feature-card__image-container {
    width: 50%;
}

@media (min-width: 1000px) {
    .xo-key-feature-card h4 {
        font-size: 40px;
        line-height: 44px;
        letter-spacing: 1.5px;
    }
}
@media (max-width: 800px) {
    .xo-key-feature-card {
        flex-direction: column;
    }
    .xo-key-feature-card h4 {
        font-size: 24px;
        line-height: 26px;
        margin-top: 10px;
    }
    .xo-key-feature-card.even {
        flex-direction: column;
    }
    .xo-key-feature-card__content {
        width: 100%;
        text-align: center;
    }
    .xo-key-feature-card__image-container {
        width: 100%;
    }
    .xo-key-feature-card.even .xo-key-feature-card__content {
        text-align: center;
        align-items: center;
    }
}
/* @media (min-width: 2000px) {
    .xo-key-feature-card {
        width: calc(50% - 10px);
    }
    .xo-key-feature-card.even {
        margin-left: 20px;
        flex-direction: row;
    }
} */


@media (max-width: 699px) {
    .xo-related__items .xo_card {
        width: calc(50% - 4px);
        margin-bottom: 8px;
    }

    .xo-related__items .xo_card:not(:nth-of-type(2n)) {
        margin-right: 8px;
    }
}
@media (min-width: 700px) and (max-width: 949px) {
    .xo-related__items .xo_card {
        width: calc(100% / 3 - 6px);
        margin-bottom: 9px;
    }
    
    .xo-related__items .xo_card:not(:nth-of-type(3n)) {
        margin-right: 9px;
    }
}

@media (min-width: 950px) {
    .xo-related__items .xo_card {
        width: calc(25% - 6px);
        margin-bottom: 8px;
    }
    
    .xo-related__items .xo_card:not(:nth-of-type(4n)) {
        margin-right: 8px;
    }
}

.xo-product-spec-item__title {
    text-transform: uppercase;
    font-weight: 400;
}



.xo-products-all-filtered.xo_wrapper {
    flex-direction: row;
}

.xo-products-all-filtered .xo_sidebar {
    padding-top: 50px;
}

.xo-product-filter__form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.xo-product-filter {
    width: 100%;
    margin-bottom: 15px;
}

@media (max-width: 799px) {
    .xo-all-products-list .xo_card {
        width: calc(50% - 6px);
    }

    .xo-all-products-list .xo_card:not(:nth-of-type(2n)) {
        margin-right: 12px;
    }

    .xo-products-all-filtered.xo_wrapper {
        flex-direction: column;
    }
}

@media (min-width: 2000px) {
    .xo-all-products-list .xo_card {
        width: calc(25% - 9px);
    }

    .xo-all-products-list .xo_card:not(:nth-of-type(4n)) {
        margin-right: 12px;
    }
}

@media (min-width: 800px) and (max-width: 1999px) {
    .xo-all-products-list .xo_card {
        width: calc(100% / 3 - 8px);
    }

    .xo-all-products-list .xo_card:not(:nth-of-type(3n)) {
        margin-right: 12px;
    }
}

.xo-product-filter__text {
    color: black;
}

#scroll {
    transform: translateY(-100px);
}

.xo_sidebar label {
    font-weight: 600;
    margin-bottom: 5px;
}

.xo-sidebar__sort {
    margin-bottom: 15px;
}

.xo-product-filter-category {
    margin-bottom: 10px;
}

.xo-product-filter-category li,
.xo-product-filter-category a {
    padding: 0 !important;
    margin: 0;
}

.appliance-type-categories {
    padding: 20px 20px 0;
}

.appliance-type-categories .xo_container {
    padding-bottom: 0;
    padding-top: 0;
}

.appliance-type-categories__box-link {
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    border: 1px solid white;
    border-radius: 8px;
}
.appliance-type-categories__box-link.active {
    border: 1px solid var(--xo-dark-gray);
}

.appliance-type-content {
    width: 100%;
    text-align: center;
    padding: 10px;
    color: rgb(95, 95, 95);
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.appliance-type-categories__box-link:hover .appliance-type-content {
    background-color: var(--xo-red);
    color: white;
}

.appliance-type-categories__terms {
    display: flex;
    /* Use Flexbox */
    flex-wrap: wrap;
    /* Allow items to wrap to the next line */
    justify-content: flex-start;
    /* Align items to the start of the container */
    align-items: flex-start;
}

.appliance-type-categories__box-link {
    overflow: hidden;
    margin-bottom: 10px;
}

@media (max-width: 799px) {
    .appliance-type-categories__box-link {
        width: calc(100% / 3 - 4px);
    }

    .appliance-type-categories__box-link:not(:nth-of-type(3n)) {
        margin-right: 6px;
    }
}

@media (min-width: 800px) and (max-width: 1999px) {
    .appliance-type-categories__box-link {
        width: calc(100% / 6 - 5px);
    }

    .appliance-type-categories__box-link:not(:nth-of-type(6n)) {
        margin-right: 6px;
    }
}

@media (min-width: 2000px) {
    .appliance-type-categories__box-link {
        width: calc(100% / 7 - 6px);
    }

    .appliance-type-categories__box-link:not(:nth-of-type(7n)) {
        margin-right: 7px;
    }
}

.appliance-type-categories__image {
    padding: 10px;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    width: 200px;
    height: 200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.appliance-type-categories__box {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.is-range-hood .appliance-type-categories__box {
    background-size: cover;
}

.is-range-hood .appliance-type-categories__image {
    padding: 0;
}
.appliance-type-categories__image-src {
    position: relative;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
.appliance-type-categories__box-link--designer-collection .appliance-type-categories__image-src {
    max-width: 80%;
}
.appliance-type-categories__box-link--wall-chimney .appliance-type-categories__image-src {
    max-width: 80%;
}
.appliance-type-categories__box-link--wall-mount .appliance-type-categories__image-src {
    max-width: 80%;
}
.appliance-type-categories__box-link--over-the-range-microwave-range-hoods .appliance-type-categories__image-src {
    max-width: 70%;
}
.appliance-type-categories__box-link--outdoor-refrigeration-outdoors .appliance-type-categories__image-src {
    max-height: 80%;
}
.appliance-type-categories__box-link--pizza-ovens .appliance-type-categories__image-src {
    max-width: 80%;
}
.appliance-type-categories__box-link--sink-ice-fridge .appliance-type-categories__image-src {
    max-width: 90%;
    max-height: 80%;
}
.appliance-type-categories__box-link--designer-islands .appliance-type-categories__image-src {
    max-width: 90%;
}
.appliance-type-categories__box-link--storage-trash .appliance-type-categories__image-src {
    max-width: 90%;
}
.banner-link {
    background: url('https://xoappliance.com/wp-content/uploads/2025/01/stainlesssteelbar.webp');
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-link .xo_container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.banner-link__title {
    padding: 0;
    font-weight: 600;
    letter-spacing: 1px;
}

.banner-link__text {
    text-align: center;
    padding-bottom: 0 !important;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.banner-link__link {    
    background-color: var(--xo-red);
    border-radius: 8px;
    padding: 5px 10px;
    transition: all 0.2s ease-in-out;
    margin-left: 10px;
    color: #fff;
    letter-spacing: 1px;
}

.appliance-type-categories__heading {
    margin-bottom: 10px;
}

/* CSS */
.heading-image-1 {
    position: relative;
    background-image: url('https://staging.xoappliance.com/wp-content/uploads/2019/12/kitchen-2.jpg');
    /* Replace with your image path */
    background-size: cover;
    background-position: center;
    height: 500px;
    /* Set your desired height */
}

.heading-image-1--1.heading-image-1 {
    background-image: url('https://staging.xoappliance.com/wp-content/uploads/2019/12/kitchen-2.jpg');
    /* Replace with your image path */
}

.heading-image-1--2.heading-image-1 {
    background-image: url('https://xoappliance.com/wp-content/uploads/2019/12/slider-bg-1.jpg');
    /* Replace with your image path */
}

.heading-image-1--mobile {
    display: none;
}

.content-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 50%;
    height: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    /* Semi-transparent black background */
    color: white;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wow-text {
    display: block;
    color: rgb(0, 122, 255);
    font-weight: 900;
    font-size: 3rem;
    /* Large text for the heading */
    margin-bottom: 0.5rem;
    line-height: 3rem;
}

.content-overlay h2 {
    font-size: 2rem;
    /* Large text for the heading */
    margin-bottom: 0.5rem;
    color: white;
    padding: 0;
    font-weight: bold;
}

.content-overlay h3 {
    font-size: 1.5rem;
    /* Large text for the heading */
    margin-bottom: 0.5rem;
    color: white;
    padding: 0;
    font-weight: bold;
}

.content-overlay p {
    font-size: 1rem;
    /* Standard text size for the paragraph */
    margin-bottom: 1rem;
}

.content-overlay__container {
    max-width: 400px;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}

.btn {
    text-decoration: none;
    background-color: #d9534f;
    /* Example button color */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    display: inline-block;
    font-size: 1rem;
    transition: background-color 0.3s ease;
    /* Smooth transition for hover effect */
}

.btn:hover {
    background-color: #c9302c;
    /* Darker shade on hover */
}

.heading-image-1--reverse .content-overlay {
    left: unset;
    right: 0;
}

.heading-image-1--reverse .content-overlay__container {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .heading-image-1 {
        height: auto;
        /* Auto height for smaller devices */
    }

    .heading-image-1--desktop {
        background-image: none;
    }

    .heading-image-1--mobile {
        display: block;
        padding-top: 50%;
    }

    .content-overlay {
        position: relative;
        /* Static position */
        top: auto;
        left: auto;
        transform: none;
        width: auto;
        padding: 20px;
        text-align: center;
        background: black;
    }

    .content-overlay h1 {
        font-size: 1.5rem;
        /* Adjust heading size for small screens */
    }

    .content-overlay p {
        font-size: 0.9rem;
        /* Adjust paragraph size for small screens */
    }

    .btn {
        padding: 10px 20px;
        /* Adjust button padding for small screens */
    }
}


/* New PLP */
.content-wrapper {
    display: flex;
    justify-content: space-between;
}

.filter-wrapper {
    flex: 0 0 30%;
}

.products-wrapper {
    flex: 0 0 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-row {
    width: 100%;
    margin-bottom: 20px;
}

.product-card {
    width: calc(33.33% - 10px);
    /* Adjust as needed */
    margin-bottom: 20px;
}


.filter-section-header h3 {
    padding: 0;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
}

.filter-section__filter:not(:first-of-type) {
    margin-top: 15px;
}

.filter-section-list label {
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
}
.xo-sidebar__sort__label {
    margin-bottom: 5px;
    display: block;
}
.filter-section-list input, .filter-section-list label {
    cursor: pointer;
    margin: 0;
}
.filter-section-list.width-list {
    flex-direction: row;
}
.filter-section-list.width-list li {
    margin-right: 5px;
}
.filter-section__show-hide {
    display: none;
    background-color: var(--gray-3);
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}
.filter-section__show-hide h4 {
    padding: 0;
    margin: 0;
    font-weight: 600;
}

@media (max-width: 799px) {
    .filter-section__show-hide {
        display: flex;
    }
    .filter-section_form {
        display: none;
    }
    .filter-section.active .filter-section__show-hide {
        display: none;
    }
    .filter-section.active .filter-section_form {
        display: flex;
    }
    .xo-products-all-filtered .xo_sidebar {
        padding-top: unset;
    }
    .xo_sidebar {
        width: 100%;
        padding: 20px;
    }
}
.filter-section_carrot {
    height: 20px;
    width: 20px;
}
.xo_card__varients {
    margin: auto auto 0 0;
}
.pro-xlt-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    position: relative;
}
.pro-xlt-section__options {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}

.grill-option {
    display: block;
    padding: 20px;
    width: calc(50% - .5px);
    transition: transform 0.3s, box-shadow 0.3s;
    text-decoration: none;
    color: inherit;
}
.grill-option h2 {
    color: black;
    font-weight: 800;
    font-size: 25px;
    font-family: var(--heading-font);
    text-shadow: var(--heading-shadow);
}
.grill-option:hover {
    transform: scale(1.02);
}


.grill-option img {
    width: 100%;
    height: auto;
    max-width: 300px;
}

.grill-option p.price {
    font-weight: bold;
    color: var(--xo-red);
}
.grill-option p {
    max-width: 400px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
}
.show-products {
    margin-top: 20px;
}

.show-products a {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: var(--heading-font);
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

/* Hover effect */
.show-products a:hover {
    background-color: #333;
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .show-products a {
        padding: 8px 16px;
        font-size: 14px;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 480px) {
    .show-products a {
        padding: 6px 12px;
        font-size: 13px;
        letter-spacing: 0.3px;
    }
}

.show-products a:hover {
    background-color: #333;
}

#all-grills {
    position: absolute;
    bottom: -10px;
}

.pro-xlt-divider {
    background-color: #000;
    width: 1px;
    height: 300px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}
.pro-xlt-subheading {
    font-size: 16px;
    font-weight: 700;
}
.red-text {
    color: var(--xo-red);
}
.pro-xlt {
    margin-bottom: 50px;
}

@media (max-width:800px) {
    .pro-xlt-section__options {
        flex-direction: column;
    }
    .pro-xlt-divider {
        width: 300px;
        height: 1px;
    }
    .grill-option {
        width: 100%;
    }
}

.custom-features-list {
    list-style-type: square;
    padding-left: 20px;
}

.feature-link {
    margin-top: 10px;
}
.feature-link a {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}
.video-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0;
    padding-top: 15%;
    cursor: pointer;
}
.video-hero__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    object-position: center;
}
.video-hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
}
.video-hero.active {
    padding-top: 0;
    height: auto;
}
.video-hero.active .video-hero__media {
    background: black;
    object-fit: contain;
    position: relative;
    height: auto;
    width: 100%;
}
.grills-description {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 1px;
    background-color: var(--xo-dark-gray);
    color: white;
}
.video-section {
    background-color: var(--xo-dark-gray);
    display: flex;
}
.grill-category-description {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.grill-category-description h2 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    letter-spacing: 1px;
}
.grill-category-description p {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px;
    max-width: 1000px;
}
.grill-category-description_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.taxonomy-header__title {
    font-weight: 600;
    padding-bottom: 0;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 1px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: black;
    padding: 15px 20px;
    color: white;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    text-shadow: 0.05em 0.05em 0.05em rgba(255, 255, 255, 0.3);
    font-family: 'Montserrat Medium', Helvetica, Arial, Lucida, sans-serif;
}
.taxonomy-header .xo_container {
    padding-bottom: 0;
}

.appliance-type-categories__terms {
    display: flex;
    flex-wrap: nowrap;
}

.appliance-type-categories .swiper-slide {
    width: 200px;
    box-sizing: border-box;
}
.appliance-type-categories .swiper-container {
    width: calc(100% - 70px);
}
.appliance-type-categories .swiper-pagination {
    position: relative;
}
.appliance-type-categories .swiper-button-disabled {
    display: none;
}

.appliance-type-categories .swiper-button-next, .appliance-type-categories .swiper-button-prev {
    width: 35px;
    height: 35px;
    background-image: none;
    background-color: var(--xo-dark-gray);
    border-radius: 8px;
}

.appliance-type-categories .swiper-button-next:after, .appliance-type-categories .swiper-button-prev:after {
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.appliance-type-categories .swiper-pagination-bullet-active {
    background: var(--xo-red);
}
.see-all-hover {
    display: none;
}
@media (min-width: 800px) {
    .banner-link__link:hover .see-all-hover {
        display: block;
    }
}

.category-highlight {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 70px;
    margin-top: 50px;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 1px;
    background-color: #000;
    color: white;
}
.category-highlight_link {
    background-color: var(--xo-red);
    display: inline-block;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1.5px;
    line-height: 25px;
    text-transform: uppercase;
}
.xo-product-spec-item--downloads .xo-product-spec-item__list {
    flex-direction: column;
}
.swiper-wrapper.appliance-type-categories__terms {
    height: unset;
}
.reviews__container {
    display: flex;
}
.xo-product__rating {
    margin: 10px 0;
}
.xo-product__title-wrapper {
    padding: 0;
    margin-bottom: 10px;
}
.xo-product-section--featured-video {
    margin-bottom: 60px;
}

.specs-files-title {
    text-align: center;
    font-size: 33px;
    line-height: 36px;
}
.specs-files {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.xo-product-section.xo-product-section--featured-video {
    margin-top: 40px;
}
.xo-product-section--details .xo-product-spec-item .xo-product-spec-item__list {
    display: none;
}
.xo-product-section--details .xo-product-spec-item {
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.xo-product-section--details .xo-product-spec-item .xo-product-spec-item__heading {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 20px 10px;
    align-items: center;
}
.xo-product-spec-expand-icon {
    display: block;
    position: relative;
    height: 15px;
    width: 15px;
}

.xo-product-section--downloads {
    margin-top: 40px;
}
.collapse-icon {
    display: none;
}
.active .expand-icon {
    display: none;
}
.active .collapse-icon {
    display: block;
}
.show-all-link {
    color: #000;
    text-decoration: underline;
}
.show-all-link:hover {
    text-decoration: underline;
}
.xo_container.show-all-link__container {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.single-xo_products .hero.hero--video {
    height: 400px;
    overflow: hidden;
    cursor: pointer;
}
.single-xo_products .hero.hero--video .hero__media {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.single-xo_products .hero.hero--video.active {
    height: unset;
    max-height: calc(100vh - 100px);
}

.single-xo_products .hero.hero--photo {
    height: 600px;
}
.single-xo_products .hero.hero--photo .hero__media {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 1500px) {
    .single-xo_products .hero.hero--photo {
        height: 800px;
    }
}

.filter-section__filter--grill-head-width .filter-section-list,
.filter-section__filter--cabinet-height .filter-section-list,
.filter-section__filter--height .filter-section-list,
.filter-section__filter--width .filter-section-list,
.filter-section__filter--max-cfm .filter-section-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.filter-section__filter--grill-head-width .filter-section-list li,
.filter-section__filter--cabinet-height .filter-section-list li,
.filter-section__filter--height .filter-section-list li,
.filter-section__filter--width .filter-section-list li,
.filter-section__filter--max-cfm .filter-section-list li {
    box-sizing: border-box;
    padding-right: 10px;
}

.filter-section-list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.filter-section-list li label {
    padding-left: 3px;
}

.filter-section__filter--warranty .filter-section-list li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.filter-section__filter--warranty .filter-section-list li input {
    margin-top: 3px;
}

.filter-section__label {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
}

.single-xo_products .hero.hero-small {
    height: 300px;
}


.custom-add-to-cart .woocommerce {
    border: none!important;
}

.custom-add-to-cart .amount {
    margin-right: 20px;
}

.custom-add-to-cart a.button {
    color: white!important;
}

.ada-height-only-section {
    max-width: 1000px;
    margin: 40px auto;
    padding: 20px;
    text-align: center;
    font-family: Arial, sans-serif;
}

.ada-height-only-section h1 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

/* Flexbox for side-by-side layout */
.ada-height-only-section .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* Image styling */
.ada-height-only-section .image-container {
    flex: 1;
    max-width: 45%;
}

.ada-height-only-section .image-container img {
    width: 100%;
    max-width: 450px;
    transition: transform 0.3s ease-in-out;
}

.ada-height-only-section .image-container img:hover {
    transform: scale(1.05);
}

/* Text container */
.ada-height-only-section .text-container {
    flex: 1;
    max-width: 50%;
    text-align: left;
    padding: 20px;
}

/* Individual option styles */
.ada-height-only-section .option {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

.ada-height-only-section .option-number {
    font-size: 24px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: black;
    color: white;
    border-radius: 50%;
    margin-right: 15px;
    flex-shrink: 0;
}

.ada-height-only-section .option-text {
    font-size: 16px;
}

.ada-height-only-section .option-text strong {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ada-height-only-section .content {
        flex-direction: column;
        text-align: center;
    }

    .ada-height-only-section .image-container {
        max-width: 100%;
    }

    .ada-height-only-section .text-container {
        max-width: 100%;
        text-align: center;
    }

    .ada-height-only-section .option {
        justify-content: center;
        text-align: left;
    }
}
.inline-images {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between images */
    flex-wrap: wrap; /* Ensures responsiveness */
}

.inline-images img {
    max-height: 100px; /* Adjust height as needed */
    width: auto;
    margin: 0 10px;
}
.xo-product__sub-name {
    font-size: 17px;
}

.xo-product__sub-name {
    display: block;
    margin-top: 4px; /* Adjust as needed */
}
.override.xo-product__title-wrapper .xo-product__title {
    line-height: unset;
}
.xo-product__sub-title-wrapper {
    margin-bottom: 20px;
    display: block;
}

.menu-item-5530728 .sub-menu {
    right: 0;
}

.sub-menu .menu-item {
    line-height: 16px;
}

.custom-footer {
    background: #111;
    color: #fff;
    padding: 40px 0;
    font-family: Arial, sans-serif;
}

.custom-footer .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.custom-footer .footer-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.custom-footer .footer-column {
    width: 100%;
    max-width: 200px;
    margin-bottom: 20px;
}

.custom-footer .footer-column h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
}

.custom-footer .footer-column ul {
    list-style: none;
    padding: 0;
}

.custom-footer .footer-column ul li {
    margin-bottom: 6px;
}

.custom-footer .footer-column ul li a {
    color: #ccc;
    text-decoration: none;
    font-size: 14px;
}

.custom-footer .footer-column ul li a:hover {
    color: #fff;
}

.custom-footer .footer-social .social-icons {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.custom-footer .footer-social .social-icons a img {
    width: 30px;
    height: 30px;
}

.custom-footer .footer-social p {
    font-size: 14px;
    margin: 5px 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .custom-footer .footer-grid {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .custom-footer .footer-column {
        max-width: 100%;
    }
    
    .custom-footer .footer-social .social-icons {
        justify-content: center;
    }
}

.parts_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
  }
  
  .part-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
    text-align: center;
  }
  
  .part-card:hover {
    transform: translateY(-5px);
  }
  
  .part-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .part-info {
    padding: 10px;
  }
  
  .part-title {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
  }
  
  .part-price {
    font-size: 14px;
    color: #e60023;
    font-weight: bold;
  }
.xo_parts {
    margin-top: 40px;
}
.jump {
    color: black;
    font-size: 20px;
    line-height: 22px;
}
.jump a {
    color: black;
}
.single-specs:hover {
    text-decoration: underline;
}
.single-specs {
    color: black;
    text-decoration: underline;
    display: inline-block;
    font-size: 15px;
}
.single-specs-wrapper:last-of-type {
    margin-bottom: 20px;
}
.reviews [data-bv-show="reviews"] {
    width: 100%;
}
.xo-product__included-title {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  animation: fadeIn 0.4s ease forwards;
}

.xo-product__sub-title-wrapper {
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.xo-product__sub-title-wrapper:hover {
  transform: translateX(4px);
  opacity: 0.85;
}

.xo-accessories-section {
    margin-bottom: 30px;
    margin-top: 30px;
}

.xo-product__sub-title-wrapper {
  display: block;
}
.xo-product__labels {
    display: flex;
    font-size: 20px; 
}
.xo-product__total-price {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: .1px;
    display: block;
    margin-bottom: 15px;
    font-family: var(--heading-font);
    text-shadow: var(--heading-shadow);
}

/* .xo_gallery.active .xo_swiper_arrows .swiper-button-prev, .xo_gallery.active .xo_swiper_arrows .swiper-button-next {
    transform: translateY(-400px);
} */


.custom-nav .et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-end;
}

.appliance-type-description .xo_container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.xo-discontinued-banner {
  display: grid;
  gap: .25rem;
  align-items: center;
  padding: .9rem 1rem;
  margin: .75rem 0 1rem;
  border-radius: .75rem;
  background: linear-gradient(135deg, #2b2b2b 0%, #1d1d1d 100%);
  color: #fff;
  box-shadow: 0 6px 22px rgba(0,0,0,.22);
  animation: xoFadeIn .4s ease both;
}
.xo-discontinued-banner strong { font-weight: 700; }
/* Responsive refinements */
@media (max-width: 768px) {
  .xo-discontinued-banner { padding: .8rem .9rem; }
}

/* All header goes below */

.xo-category-section * {
  color: #fff;
}
.xo-category-section {
  background-color: #000;
  color: #fff;
  padding: 80px 24px 100px;
}

.xo-category-inner {
  max-width: 1400px;
  margin: 0 auto;
}

.xo-category-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px;
}

.xo-category-header h2 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  font-size: 32px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.xo-category-header p {
  font-size: 16px;
  line-height: 1.6;
  opacity: 0.85;
}

/* Grid layout */

.xo-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

/* Card base */

.xo-category-card {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-radius: 18px;
  overflow: hidden;
  background-color: #111;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.55);
  transform: translateY(10px);
  opacity: 0;
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    opacity 0.45s ease,
    background-color 0.45s ease;
}

/* Visible state when scrolled into view */
.xo-category-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Media area */

.xo-category-media {
  position: relative;
  height: 190px;
  overflow: hidden;
}

.xo-category-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  transform: scale(1.04);
  transition: transform 0.6s ease;
}

.xo-category-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 100%);
  mix-blend-mode: multiply;
}

/* Example category images (replace URLs with your own stills) */

.xo-cat-outdoors {
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/RENDER_HD_corr-scaled.jpg');
}

.xo-cat-hoods {
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/xoq_2.jpg');
}

.xo-cat-refrigeration {
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/BC_DAY_2-scaled.jpg');
}

.xo-cat-microwave {
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/dji_mimo_20250107_090226_20250107090227_1736259209271_photo-scaled.jpg');
}

.xo-cat-disposals {
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/ChatGPT-Image-Nov-20-2025-12_59_49-PM.jpg');
  background-position: center bottom;
}

.xo-cat-water {
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/Black-Glass-Hero-2-scaled.jpg');
}

/* Card content */

.xo-category-content {
  padding: 22px 22px 20px;
}

.xo-category-content h3 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.xo-category-content p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.9;
}

.xo-category-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 2px;
}

/* Hover effects */

.xo-category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 40px rgba(0, 0, 0, 0.65);
  background-color: #151515;
}

.xo-category-card:hover .xo-category-image {
  transform: scale(1.09);
}

/* Responsive */

@media (max-width: 1024px) {
  .xo-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xo-category-section {
    padding: 64px 20px 80px;
  }
}

@media (max-width: 700px) {
  .xo-category-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .xo-category-section {
    padding: 56px 18px 70px;
  }

  .xo-category-header h2 {
    font-size: 26px;
  }
}

.xo-chef-section * {
  color: #ffffff;
}
.xo-chef-section {
  background-color: #050505;
  color: #ffffff;
  padding: 90px 24px 100px;
}

.xo-chef-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* Main split layout */

.xo-chef-main {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  margin-bottom: 60px;
}

/* Photo side */

.xo-chef-photo-wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background: radial-gradient(circle at top left, #ef3824 0%, #101010 45%, #000000 100%);
  min-height: 320px;
}

.xo-chef-photo {
  position: absolute;
  inset: 0;
  background-image: url('https://xoappliance.com/wp-content/uploads/2021/09/dburke-2-1.jpg');
  background-size: cover;
  background-position: center center;
  transform: scale(1.06);
  opacity: 0;
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.xo-chef-photo-glow {
  position: absolute;
  inset: auto 10% -20%;
  height: 50%;
  background: radial-gradient(circle at center, rgba(239, 56, 36, 0.55), transparent 65%);
  opacity: 0;
  transition: opacity 0.7s ease;
}

/* Text side */

.xo-chef-content {
  max-width: 520px;
}

.xo-chef-kicker {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.8;
  margin-bottom: 10px;
}

.xo-chef-content h2 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.xo-chef-content p {
  font-size: 15px;
  line-height: 1.7;
  opacity: 0.9;
}

/* CTAs */

.xo-chef-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 22px 0 14px;
}

.xo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border-radius: 999px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border: 2px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.xo-btn-primary {
  background-color: #ef3824;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55);
}

.xo-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.7);
}

.xo-btn-outline {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.6);
}

.xo-btn-outline:hover {
  background-color: #ffffff;
  color: #000000;
}

/* Note text */

.xo-chef-note {
  margin-top: 6px;
}

.xo-chef-note p {
  font-size: 13px;
  opacity: 0.75;
}

/* Recipes strip */

.xo-chef-recipes-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.xo-chef-recipes-header h3 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.xo-chef-recipes-header p {
  font-size: 14px;
  opacity: 0.8;
}

/* Horizontal recipe cards */

.xo-chef-recipes-strip {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding-bottom: 4px;
  scroll-snap-type: x mandatory;
}

.xo-chef-recipes-strip::-webkit-scrollbar {
  height: 6px;
}

.xo-chef-recipes-strip::-webkit-scrollbar-track {
  background: #111;
}

.xo-chef-recipes-strip::-webkit-scrollbar-thumb {
  background: #333;
}

/* Recipe cards */

.xo-recipe-card {
  flex: 0 0 260px;
  max-width: 280px;
  scroll-snap-align: start;
  background-color: #101010;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6);
  transition: transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease;
}

.xo-recipe-image {
  height: 150px;
  background-size: cover;
  background-position: center center;
  transform: scale(1.04);
  transition: transform 0.6s ease;
}

/* Replace these with real assets */

.xo-rec-burger {
  background-image: url('https://xoappliance.com/wp-content/uploads/2024/08/MastheadImage_15_1920x400_15.jpg');
}

.xo-rec-pizza {
  background-image: url('https://xoappliance.com/wp-content/uploads/2024/08/MastheadImage_15_1920x400_16.jpg');
}

.xo-rec-breakfast {
  background-image: url('https://xoappliance.com/wp-content/uploads/2024/08/MastheadImage_15_1920x400_14.jpg');
}

.xo-rec-steak {
  background-image: url('https://xoappliance.com/wp-content/uploads/2024/08/MastheadImage_15_1920x400_12.jpg');
}

.xo-recipe-body {
  padding: 14px 16px 16px;
}

.xo-recipe-tag {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 8px;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.xo-recipe-body h4 {
  font-size: 15px;
  margin-bottom: 6px;
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
}

.xo-recipe-body p {
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.9;
}

/* Hover motion */

.xo-recipe-card:hover {
  transform: translateY(-4px);
  background-color: #151515;
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.75);
}

.xo-recipe-card:hover .xo-recipe-image {
  transform: scale(1.09);
}

/* Scroll reveal for main block */

.xo-chef-section .xo-chef-main {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.xo-chef-section.is-visible .xo-chef-main {
  opacity: 1;
  transform: translateY(0);
}

.xo-chef-section.is-visible .xo-chef-photo {
  opacity: 1;
  transform: scale(1.02);
}

.xo-chef-section.is-visible .xo-chef-photo-glow {
  opacity: 1;
}

/* Responsive */

@media (max-width: 1024px) {
  .xo-chef-section {
    padding: 70px 20px 90px;
  }

  .xo-chef-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .xo-chef-photo-wrap {
    order: 1;
  }

  .xo-chef-content {
    order: 2;
  }
}

@media (max-width: 700px) {
  .xo-chef-section {
    padding: 60px 18px 80px;
  }

  .xo-chef-content h2 {
    font-size: 24px;
  }

  .xo-chef-recipes-strip {
    gap: 14px;
  }

  .xo-recipe-card {
    flex: 0 0 230px;
  }
}

.xo-service30-section {
  background: #ffffff;
  color: #111;
  padding: 90px 24px 110px;
}

.xo-service30-inner {
  max-width: 1300px;
  margin: 0 auto;
}

.xo-service30-header {
  max-width: 720px;
  margin: 0 auto 60px;
  text-align: center;
}

.xo-service30-header h2 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
}

.xo-service30-header p {
  font-size: 17px;
  line-height: 1.7;
  color: #444;
}

/* GRID */
.xo-service30-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin-bottom: 48px;
}

/* CARDS */
.xo-service30-card {
  background: #f8f8f8;
  padding: 26px 24px 32px;
  border-radius: 18px;
  box-shadow: 0 14px 26px rgba(0,0,0,0.09);
  transition: transform .35s ease, box-shadow .35s ease;
  text-align: center;
}

.xo-service30-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 38px rgba(0,0,0,0.14);
}

.xo-service30-icon {
  font-size: 42px;
  margin-bottom: 14px;
}

.xo-service30-card h3 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  margin-bottom: 10px;
}

.xo-service30-card p {
  color: #555;
  font-size: 14px;
  line-height: 1.6;
}

/* FOOTER */
.xo-service30-footer {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

.xo-service30-footer p {
  font-size: 15px;
  color: #333;
  line-height: 1.72;
  font-weight: 500;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .xo-service30-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  .xo-service30-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .xo-service30-section {
    padding: 70px 18px 80px;
  }

  .xo-service30-header h2 {
    font-size: 24px;
  }
}

.xo-fullimage-section {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  max-height: 900px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xo-fullimage-bg {
  position: absolute;
  inset: 0;
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/XOU_BIG_SUR-scaled.jpg');
  background-size: cover;
  background-position: center center;
  filter: brightness(82%);
  transform: scale(1.04);
  transition: transform 1.5s ease;
}

.xo-fullimage-section:hover .xo-fullimage-bg {
  transform: scale(1.08);
}

.xo-fullimage-content * {
  color: #ffffff;
}
.xo-fullimage-content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #ffffff;
  padding: 0 20px;
  max-width: 700px;
}

.xo-fullimage-content h2 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  font-size: 42px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
  text-shadow: 0 6px 22px rgba(0,0,0,0.55);
}

.xo-fullimage-content p {
  font-size: 18px;
  margin-bottom: 24px;
  opacity: 0.85;
  text-shadow: 0 4px 18px rgba(0,0,0,0.6);
}

.xo-fullimage-btn {
  display: inline-flex;
  padding: 14px 28px;
  background: #ef3824;
  color: #fff !important;
  font-size: 14px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border-radius: 999px;
  text-decoration: none;
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.xo-fullimage-btn:hover {
  background: #ffffff;
  color: #000 !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.4);
}

@media (max-width: 900px) {
  .xo-fullimage-content h2 {
    font-size: 32px;
  }
}

@media (max-width: 600px) {
  .xo-fullimage-section {
    height: 65vh;
    min-height: 420px;
  }

  .xo-fullimage-content h2 {
    font-size: 26px;
  }
}

.xo-outdoor-hero {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 540px;
  max-height: 900px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

/* Background image */
.xo-outdoor-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('https://xoappliance.com/wp-content/uploads/2025/11/XLT-HERO-HD-scaled.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  filter: brightness(83%);
  transform: scale(1.04);
  transition: transform 1.5s ease;
}

.xo-outdoor-hero:hover .xo-outdoor-hero-bg {
  transform: scale(1.08);
}

/* Content */
.xo-outdoor-hero-content * {
  color: #ffffff;
}
.xo-outdoor-hero-content {
  position: relative;
  z-index: 3;
  max-width: 780px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 6px 22px rgba(0,0,0,0.55);
}

.xo-outdoor-hero-content h2 {
  font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif;
  font-size: 42px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.xo-outdoor-hero-content p {
  font-size: 18px;
  line-height: 1.6;
  opacity: 0.9;
  margin-bottom: 28px;
}

/* Buttons */
.xo-outdoor-hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.xo-outdoor-hero-btn {
  display: inline-flex;
  padding: 13px 26px;
  border-radius: 999px;
  font-size: 14px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  transition: 
    background-color .3s ease, 
    color .3s ease, 
    transform .3s ease, 
    box-shadow .3s ease,
    border-color .3s ease;
}

.xo-outdoor-hero-btn.primary {
  background: #ef3824;
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,0.55);
}

.xo-outdoor-hero-btn.primary:hover {
  background: #fff;
  color: #000;
  transform: translateY(-3px);
  box-shadow: 0 22px 38px rgba(0,0,0,0.65);
}

.xo-outdoor-hero-btn.outline {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.xo-outdoor-hero-btn.outline:hover {
  background: #fff;
  color: #000;
}

/* Responsive */
@media (max-width: 900px) {
  .xo-outdoor-hero-content h2 {
    font-size: 32px;
  }
  .xo-outdoor-hero-content p {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  .xo-outdoor-hero {
    height: 65vh;
    min-height: 440px;
  }
  .xo-outdoor-hero-content h2 {
    font-size: 26px;
  }
}

/* New gradient overlay */
.xo-outdoor-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.35) 35%,
    rgba(0,0,0,0.12) 60%,
    rgba(0,0,0,0) 85%
  );
  z-index: 2;
  pointer-events: none;
}

/* Make sure text sits above overlay */
.xo-outdoor-hero-content {
  position: relative;
  z-index: 3;
}


/* Swiper nav fix */
.appliance-type-categories .swiper-button-next,
.appliance-type-categories .swiper-button-prev {
    z-index: 0 !important;
}
.xo-finish-samples-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    margin-top: 0.75rem;
    margin-bottom: 20px;
    border-radius: 999px;
    border: 1px solid #ef3824;
    color: #ef3824;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.xo-finish-samples-link:hover {
    background-color: #ef3824;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

.single-specs {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.single-specs:hover {
    transform: scale(1.08) translateY(-2px);
}