/** Shopify CDN: Minification failed

Line 17:24 Unexpected "{"
Line 17:28 Expected ":"
Line 21:16 Expected identifier but found whitespace
Line 21:18 Unexpected "{"
Line 21:27 Expected ":"
Line 21:67 Expected ":"
Line 25:24 Unexpected "{"
Line 25:28 Expected ":"
Line 28:24 Unexpected "{"
Line 28:28 Expected ":"
... and 10 more hidden warnings

**/
/* START_SECTION:simple-image (INDEX:0) */
.simple-image-section--{{ id }} .simple-image-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: {{ section.settings.image_radius | default: 8 }}px;
}

/* By default, keep only the desktop image visible (desktop behavior unchanged) */
.simple-image-section--{{ id }} .img--mobile { display: none; }

/* Full-width variant: let image span the viewport */
.simple-image-section--{{ id }}.is-full .simple-image-wrapper {
  width: 100%;
}

/* Mobile-only switching (no desktop changes) */
@media screen and (max-width: 749px) {
  /* If the merchant chose to keep using the desktop image on mobile */
  .simple-image-section--{{ id }}.mobile-uses-desktop .img--desktop { display: block; }
  .simple-image-section--{{ id }}.mobile-uses-desktop .img--mobile  { display: none; }

  /* If the merchant chose to use the mobile image on mobile */
  .simple-image-section--{{ id }}.mobile-uses-mobile .img--desktop { display: none; }
  .simple-image-section--{{ id }}.mobile-uses-mobile .img--mobile  { display: block; }

  /* Scope any page-width padding tweaks to THIS section only */
  .simple-image-section--{{ id }} .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* END_SECTION:simple-image */
