body.page-id-412 .search-filter-center-bar.hero-product-section .purple.col {
    background-color: #0b1b45 !important;
    border-radius: 46px !important;
    padding: 46px !important;
    color: #eeeee7;
}

body.page-id-412 .search-filter-center-bar h3.hero-product-section__content--subtitle {
    color: #89d2ff !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: 0.9px !important;
    text-transform: uppercase !important;
    margin: 0 0 6px;
}

body.page-id-412 .search-filter-center-bar h2.decorated-container-heading__title.font-weight-normal {
    color: #eeeee7 !important;
    font-family: "Kurdis Wide", "Kurdis", Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 46px !important;
    letter-spacing: 0.64px !important;
    margin: 0;
}
body.page-id-412 .search-filter-center-bar h2.decorated-container-heading__title.font-weight-normal .font-weight-bold {
    color: inherit !important;
    font-family: inherit !important;
}

body.page-id-412 .search-filter-center-bar h2.decorated-container-heading__title.font-weight-normal::after,
body.page-id-412 .search-filter-center-bar h2.decorated-container-heading__title.font-weight-normal::before {
    content: none !important;
    display: none !important;
}

body.page-id-412 .search-filter-center-bar .col-lg-6 > .mt-5,
body.page-id-412 .search-filter-center-bar .col-lg-6 > .mt-5 p {
    color: #eeeee7 !important;
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px !important;
}

body.page-id-412 .card-mobile-item.card-mobile-image {
    background-color: #eeeee7 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__image {
    width: 100%;
}
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__image a,
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__image picture,
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
}

/* The company name is a caption over the photo: the listing absolutely
   positions it at the foot of the image and paints a dark gradient behind it so
   light text stays readable on any picture. It must therefore be light. Colour
   it as body copy — navy — and it lands on the near-black end of that gradient
   and reads as missing, which is what happened here.

   Leave the padding to the listing so this caption sits exactly where the same
   caption sits on every other listing that uses this card. */
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__title,
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__title a {
    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    margin: 0;
}

body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__description {
    padding: 8px 24px 0;
    flex-grow: 1;
}
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__description,
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__description .text-description,
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__description p {
    color: #0b1b45 !important;
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin: 0 0 8px;
}
body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__description p:last-child {
    margin-bottom: 0;
}

body.page-id-412 .card-mobile-item.card-mobile-image .swiper-slide__button-wrapper {
    padding: 16px 24px 24px;
}
body.page-id-412 .card-mobile-item.card-mobile-image .bordered-transparent-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    width: 100%;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: #0b1b45 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-transform: none !important;
}
body.page-id-412 .card-mobile-item.card-mobile-image .bordered-transparent-link:hover,
body.page-id-412 .card-mobile-item.card-mobile-image .bordered-transparent-link:focus {
    background: transparent !important;
    color: #2722f8 !important;
    text-decoration: none !important;
}
body.page-id-412 .card-mobile-item.card-mobile-image .bordered-transparent-link .text {
    color: inherit !important;
    font-family: Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.page-id-412 .card-mobile-item.card-mobile-image .bordered-transparent-link::after {
    content: "";
    flex: 0 0 auto;
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M9 1l6 6-6 6M15 7H1' stroke='%23fb581f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 14px;
    transition: transform 0.15s ease;
}
body.page-id-412 .card-mobile-item.card-mobile-image .bordered-transparent-link:hover::after,
body.page-id-412 .card-mobile-item.card-mobile-image .bordered-transparent-link:focus::after {
    transform: translateX(4px);
}

@media (max-width: 991.98px) {
    body.page-id-412 .search-filter-center-bar.hero-product-section .purple.col {
        padding: 24px !important;
        border-radius: 24px !important;
    }
    body.page-id-412 .search-filter-center-bar h2.decorated-container-heading__title.font-weight-normal {
        font-size: 26px !important;
        line-height: 34px !important;
    }
}

body.page-id-412 .archive-bottom-row.purple {
    padding: 48px 0 64px;
}
body.page-id-412 .archive-bottom-row.purple .pagination-wrapper.moved {
    margin: 0 auto;
}
@media (max-width: 991.98px) {
    body.page-id-412 .archive-bottom-row.purple {
        padding: 32px 0 48px;
    }
}