/** Shopify CDN: Minification failed

Line 22:13 Expected identifier but found whitespace
Line 22:15 Unexpected "{"
Line 22:24 Expected ":"
Line 22:52 Expected ":"
Line 24:19 Expected identifier but found whitespace
Line 24:21 Unexpected "{"
Line 24:30 Expected ":"
Line 24:56 Expected ":"
Line 25:21 Expected identifier but found whitespace
Line 25:23 Unexpected "{"
... and 58 more hidden warnings

**/
/* START_SECTION:image-with-product (INDEX:27) */
/* =========================================================
   BESTSELLER SECTION
   ========================================================= */

.bestseller-section {
  --bs-width: {{ section.settings.section_width }}px;

  --bs-padding-top: {{ section.settings.padding_top }}px;
  --bs-padding-right: {{ section.settings.padding_right }}px;
  --bs-padding-bottom: {{ section.settings.padding_bottom }}px;
  --bs-padding-left: {{ section.settings.padding_left }}px;

  --bs-margin-top: {{ section.settings.margin_top }}px;
  --bs-margin-right: {{ section.settings.margin_right }}px;
  --bs-margin-bottom: {{ section.settings.margin_bottom }}px;
  --bs-margin-left: {{ section.settings.margin_left }}px;

  width: 100%;
  box-sizing: border-box;

  padding-top: var(--bs-padding-top);
  padding-right: var(--bs-padding-right);
  padding-bottom: var(--bs-padding-bottom);
  padding-left: var(--bs-padding-left);

  margin-top: var(--bs-margin-top);
  margin-right: var(--bs-margin-right);
  margin-bottom: var(--bs-margin-bottom);
  margin-left: var(--bs-margin-left);
}


/* =========================================================
   INNER CONTAINER
   ========================================================= */

.bestseller-wrapper {
  display: grid;
  grid-template-columns: 22% 78%;
  gap: 20px;
  align-items: stretch;

  width: 100%;
  max-width: var(--bs-width);

  margin-left: auto;
  margin-right: auto;

  box-sizing: border-box;
}


/* =========================================================
   LEFT BANNER
   ========================================================= */

.bestseller-left {
  position: relative;

  border-radius: 8px;
  overflow: hidden;

  min-width: 0;
}


/* =========================================================
   CLICKABLE BANNER
   ========================================================= */

.bestseller-banner-link {
  display: block;

  width: 100%;
  height: 100%;

  text-decoration: none;
}


/* =========================================================
   DESKTOP IMAGE
   ========================================================= */

.bestseller-left .banner-image-desktop {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* =========================================================
   MOBILE IMAGE
   ========================================================= */

.bestseller-left .banner-image-mobile {
  display: none;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* =========================================================
   BANNER CONTENT
   ========================================================= */

.bestseller-left .banner-content {
  position: absolute;

  bottom: 20px;
  left: 15px;
  right: 15px;

  color: #fff;

  text-align: left;

  pointer-events: none;
}


.bestseller-left .banner-content h2 {
  font-size: 26px;

  line-height: 1.1;

  margin: 0 0 8px;
}


.bestseller-left .banner-content a {
  font-size: 14px;

  color: #fff;

  text-decoration: underline;

  pointer-events: auto;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.bestseller-grid {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 10px;

  padding-top: 5px;
  padding-bottom: 5px;

  min-width: 0;
}


/* =========================================================
   PRODUCT ITEM
   ========================================================= */

.bestseller-item {
  text-align: left;

  padding: 8px;

  background-color: #cfcfcf29;

  border-radius: 10px;

  min-width: 0;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.bestseller-item img {
  width: 100%;

  /* max-height: 180px; */

  object-fit: contain;

  border-radius: 6px;

  /* padding: 5px; */
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.bestseller-item-title {
  margin-top: 6px;

  font-size: 13px;

  line-height: 1.2;
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.bestseller-item-price {
  margin-top: 3px;

  font-size: 13px;

  font-weight: 600;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width: 768px) {

  .bestseller-section {

    --bs-padding-top: {{ section.settings.mobile_padding_top }}px;
    --bs-padding-right: {{ section.settings.mobile_padding_right }}px;
    --bs-padding-bottom: {{ section.settings.mobile_padding_bottom }}px;
    --bs-padding-left: {{ section.settings.mobile_padding_left }}px;

    --bs-margin-top: {{ section.settings.mobile_margin_top }}px;
    --bs-margin-right: {{ section.settings.mobile_margin_right }}px;
    --bs-margin-bottom: {{ section.settings.mobile_margin_bottom }}px;
    --bs-margin-left: {{ section.settings.mobile_margin_left }}px;

    width: 100%;

    box-sizing: border-box;

    padding-top: var(--bs-padding-top);
    padding-right: var(--bs-padding-right);
    padding-bottom: var(--bs-padding-bottom);
    padding-left: var(--bs-padding-left);

    margin-top: var(--bs-margin-top);
    margin-right: var(--bs-margin-right);
    margin-bottom: var(--bs-margin-bottom);
    margin-left: var(--bs-margin-left);
  }


  /* =====================================================
     MOBILE INNER CONTAINER
     ===================================================== */

  .bestseller-wrapper {

    display: grid;

    grid-template-columns: 1fr;

    gap: 25px;

    width: 100%;

    max-width: var(--bs-width);

    margin-left: auto;
    margin-right: auto;

    box-sizing: border-box;
  }


  /* =====================================================
     MOBILE PRODUCT GRID
     ===================================================== */

  .bestseller-grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 16px;
  }


  /* =====================================================
     HIDE DESKTOP IMAGE
     ===================================================== */

  .bestseller-left .banner-image-desktop {
    display: none;
  }


  /* =====================================================
     SHOW MOBILE IMAGE
     ===================================================== */

  .bestseller-left .banner-image-mobile {
    display: block;
  }


  /* =====================================================
     MOBILE BANNER CONTENT
     ===================================================== */

  .bestseller-left .banner-content {
    bottom: 15px;
  }


  .bestseller-left .banner-content h2 {
    font-size: 22px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width: 480px) {

  .bestseller-grid {
    grid-template-columns: repeat(2, 1fr);

    gap: 12px;
  }


  .bestseller-item {
    padding: 6px;
  }


  .bestseller-item-title {
    font-size: 12px;
  }


  .bestseller-item-price {
    font-size: 12px;
  }

}
/* END_SECTION:image-with-product */