/** Shopify CDN: Minification failed

Line 21:20 Unexpected "{"
Line 21:29 Expected ":"
Line 21:36 Unexpected "{"
Line 26:20 Unexpected "{"
Line 26:29 Expected ":"
Line 30:20 Unexpected "{"
Line 30:29 Expected ":"
Line 31:20 Unexpected "{"
Line 31:29 Expected ":"
Line 32:20 Unexpected "{"
... and 13 more hidden warnings

**/
/* 
    Add here your own custom css styles
*/

/* Reduce spacing between carousel/products and 'View more' button */
#featured-products-{{ section.id }} {
    padding-bottom: 0 !important;   /* remove section bottom padding */
    margin-bottom: 0 !important;    /* remove section bottom margin */
}

#featured-products-{{ section.id }} .description {
    margin-bottom: 0rem !important;  /* minimal spacing if description exists */
}

#featured-products-{{ section.id }} .splide,
#featured-products-{{ section.id }} .splide__track,
#featured-products-{{ section.id }} .product-list {
    margin-bottom: 0 !important;   /* remove carousel margins */
    padding-bottom: 0 !important;  /* remove carousel padding */
}

#featured-products-{{ section.id }} .product-item {
    margin-bottom: 0rem !important;  /* tighten product spacing */
}

#featured-products-{{ section.id }} .btn {
    margin-top: 0rem !important;     /* button sits right below products */
    padding: 1rem 2rem !important;     /* keep button big */
    border-radius: 3rem !important;    /* rounded edges */
    font-size: 1.2rem !important;      /* slightly larger text */
}

/* Remove all bottom margins/paddings from the carousel */
#featured-products-{{ section.id }} .splide,
#featured-products-{{ section.id }} .splide__track,
#featured-products-{{ section.id }} .splide__list,
#featured-products-{{ section.id }} .splide__slide {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* make img smaller on desktop */
@media (min-width: 992px) {
  .product-gallery-desktop {
    max-width: 590px;
  }
}


/* arrows */
/* Target the existing Splide arrows */
.product-gallery .main-splide .splide__arrow {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(0,0,0,0.17);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Move the arrow character a bit higher */
.product-gallery .main-splide .splide__arrow--prev::before {
    content: '‹'; /* left arrow */
    font-size: 30px;
    transform: translateX(-1px)translateY(-4px); 
}

.product-gallery .main-splide .splide__arrow--next::before {
    content: '‹'; /* right arrow */
    font-size: 30px;
    transform: translateX(-1px)translateY(-4px); 
}

/* HOVER EFFECT */
.product-gallery .main-splide .splide__arrow:hover {
    background: rgba(0,0,0,0.75);
}



/* HIDE ON MOBILE */
@media (max-width: 991px) {
    .product-gallery .main-splide .splide__arrow {
        display: none;
    }
    .product-gallery .thumbs-splide .splide__arrows {
        display: none;
    }
}

/* HIDE carousel on desktop */

@media (min-width: 992px) {
    .product-gallery .thumbs-splide .splide__arrows {
        display: none;
    }
}

/* center plus minus buttons */
.btn,
.btn-minus {
  display: flex;
  align-items: center;
  justify-content: center;
}