/** Shopify CDN: Minification failed

Line 29:8 Expected ":"

**/
.spotlight_collection_head {
    margin: 0 0 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spotlight_collection_head h2 {
    margin: 0;
    color: var(--color-foreground-heading);
}

.spotlight_collection_inner {
    display: flex;
    gap: var(--horizontal-spacing);
}

.collection_img_block {
    max-width: 50.5rem;
    width: 100%;
    border-radius: var(--img-border-radius);
    overflow: hidden;
    display: flex;
    flex 0 0 100%;
}

.collection_img_block:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: var(--overlay);
}

.collection_img_block svg.placeholder_svg, .collection_img_block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--img-border-radius);
    position: absolute;
    top: 0;
    left: 0;
}

.collection_products_block {
    width: 100%;
    flex: 0 0 100%;
    max-width: calc(100% - 50.5rem);
    padding: 2rem;
    background: var(--color-secondary-background);
    border-radius: var(--img-border-radius);
}

.collection_products_block.no_collection {
    display: flex;
    flex: 1;
    width: 100%;
    gap: var(--horizontal-spacing);
}

.collection_products_block.no_collection .collection_products_card {
    width: calc((100% / 3));
}

.collection_products_block.no_collection .collection_products_card_img {
    border-radius: var(--img-border-radius);
    overflow: hidden;
}

.collection_products_block.no_collection .collection_products_card_img svg.placeholder_svg {
    border-radius: var(--img-border-radius);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection_products_info.no_collection p.small-text {
    color: var(--color-foreground);
}

.collection_products_info.no_collection p.onboarding_price {
    margin: -5px 0 0;
    font-size: 1.6rem;
    color: var(--color-foreground);
}

.collection_img_block h4 {
    position: absolute;
    bottom: 2.5rem;
    left: 2.5rem;
    z-index: 0;
    margin: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.collection_img_block h4 svg {
    transition: transform 0.3s;
}

.collection_img_block h4 a {
    display: flex;
    gap: 1rem;
    color: var(--color-primary);
    text-decoration: none;
    max-width: 27.9rem;
    letter-spacing: 0;
}

.collection_img_block:hover h4 svg {
    transform: translateX(1rem);
}

.collection_img_block.ratio h4 svg circle, .collection_img_block.ratio h4 svg path {
    stroke: var(--color-primary);
}

.sc-arrows {
    display: flex;
    gap: 1.5rem;
    width: max-content;
    align-items: center;
}

.sc-arrows button {
    all: unset;
    cursor: pointer;
    width: 1.7rem;
    height: 1.7rem;
}

.sc-arrows button .icon_wrapper, .sc-arrows button svg {
    width: 100%;
    height: 100%;
}

.swiper_line, .swiper_line span {
    display: flex;
}

.sc-arrows .swiper_line svg {
    width: 1.7rem;
    height: 1.7rem;
}

.collection_products_count_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
    z-index: 1;
}

.collection_products_count_inner {
    display: flex;
    flex-flow: column;
    gap: 0.8rem;
}

.collection_p_img, .collection_p_img a {
    display: flex;
    justify-content: center;
}

.collection_p_img:not(:hover) {
    filter: blur(1px);
}

.collection_p_img {
    transition: transform 0.6s, filter 0.3s;
}

.collection_p_img:hover {
    transform: translateX(-3rem);
}

.collection_p_img img {
    position: static;
    max-width: 10rem;
    height: 100%;
    aspect-ratio: 1;
    border-radius: 1rem;
}

.collection_p_img.cp_img--1 img, .collection_p_img.cp_img--1 svg.placeholder_svg, .collection_p_img.cp_img--5 img, .collection_p_img.cp_img--5 svg.placeholder_svg {
    width: 3.5rem;
    height: 3.5rem;
    position: static;
}

.collection_p_img.cp_img--2 img, .collection_p_img.cp_img--2 svg.placeholder_svg, .collection_p_img.cp_img--4 img, .collection_p_img.cp_img--4 svg.placeholder_svg {
    width: 6.3rem;
    height: 6.3rem;
    position: static;
}

.collection_p_img.cp_img--3 img, .collection_p_img.cp_img--3 svg.placeholder_svg {
    width: 10rem;
    height: 10rem;
    position: static;
}

.collection_p_img.single_img.cp_img--1 img, .collection_p_img.single_img.cp_img--2 img,
.collection_p_img.single_img.cp_img--1 svg.placeholder_svg, .collection_p_img.single_img.cp_img--2 svg.placeholder_svg {
    width: 10rem;    
    height: 10rem;
    position: static;
}

.collection_p_img.two_img.cp_img--1 img, .collection_p_img.two_img.cp_img--2 img,
.collection_p_img.two_img.cp_img--1 svg.placeholder_svg, .collection_p_img.two_img.cp_img--2 svg.placeholder_svg {
    width: 5rem;    
    height: 5rem;
    position: static;
}

.collection_p_img.three_img.cp_img--1 img, .collection_p_img.three_img.cp_img--3 img, 
.collection_p_img.three_img.cp_img--1 svg.placeholder_svg, .collection_p_img.three_img.cp_img--3 svg.placeholder_svg {
    width: 6.3rem;    
    height: 6.3rem;
    position: static;
}

.collection_p_img.three_img.cp_img--2 img,
.collection_p_img.three_img.cp_img--2 svg.placeholder_svg {
    width: 10rem;
    height: 10rem;
    position: static;
}

.collection_p_img.four_img.cp_img--1 img, .collection_p_img.four_img.cp_img--2 img, .collection_p_img.four_img.cp_img--3 img, .collection_p_img.four_img.cp_img--4 img,
.collection_p_img.four_img.cp_img--1 svg.placeholder_svg, .collection_p_img.four_img.cp_img--2 svg.placeholder_svg, .collection_p_img.four_img.cp_img--3 svg.placeholder_svg, .collection_p_img.four_img.cp_img--4 svg.placeholder_svg {
    width: 6.3rem;    
    height: 6.3rem;
    position: static;
}

.spotlight_collection_inner .product_card_title p,
.spotlight_collection_inner .product_card_title p a,
.spotlight_collection_inner .product_card_price,
.spotlight_collection_inner .product_card_vendor span {
    color: var(--color-secondary-foreground);
}


/* MEDIA QUERIES */
@media screen and (max-width: 990px) {
    .spotlight_collection_inner {
        flex-flow: column;
    }

    .collection_img_block, .collection_products_block {
        max-width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .collection_products_count_wrapper {
        inset: 0;
        transform: none;
        top: 2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: fit-content;
    }

    .collection_products_count_inner {
        flex-flow: row;
        align-items: center;
        justify-content: center;
    }

    .collection_products_block {
        padding: 1.5rem;
    }

    .collection_p_img:not(:hover) {
        filter: blur(0px);
    }
}