/** Shopify CDN: Minification failed

Line 19:24 Unexpected "{"
Line 19:28 Expected ":"
Line 23:16 Expected identifier but found whitespace
Line 23:18 Unexpected "{"
Line 23:27 Expected ":"
Line 23:67 Expected ":"
Line 27:24 Unexpected "{"
Line 27:28 Expected ":"
Line 30:24 Unexpected "{"
Line 30:28 Expected ":"
... and 10 more hidden warnings

**/


/* CSS from section stylesheet tags */
.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;
  }
}