/** Shopify CDN: Minification failed

Line 98:0 Unexpected "<"
Line 99:12 Unexpected "{"
Line 99:21 Expected ":"
Line 99:28 Unexpected "{"
Line 100:12 Unexpected "{"
Line 100:21 Expected ":"
Line 102:2 Unexpected "<"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:agp-image_grid (INDEX:1) */
/* 
 * Grid Container
 * Gap is set via CSS custom properties defined inline for responsive behavior.
 * --gap-desktop and --gap-mobile are calculated from slider values (value / 4 = rem)
 */
.agp-image_grid__container {
    gap: var(--gap-desktop);
}

@media (max-width: 999px) {
    .agp-image_grid__container {
        gap: var(--gap-mobile);
    }
}

/* 
 * Section Padding
 * Padding is set via CSS custom properties defined inline for responsive behavior.
 * Values are calculated from slider values (value / 4 = rem)
 */
.agp-image_grid {
    padding-top: var(--pt-desktop);
    padding-bottom: var(--pb-desktop);
    padding-left: var(--pl-desktop);
    padding-right: var(--pr-desktop);
}

@media (max-width: 999px) {
    .agp-image_grid {
        padding-top: var(--pt-mobile);
        padding-bottom: var(--pb-mobile);
        padding-left: var(--pl-mobile);
        padding-right: var(--pr-mobile);
    }
}

/* 
 * Rich Text Styling
 * These CSS rules are required because Shopify's richtext field generates
 * <p> and <a> elements automatically - we cannot add utility classes to them.
 * The HTML output from {{ block.settings.paragraph }} is: <p>Content with <a href="...">links</a></p>
 */
.agp-image_grid__paragraph p {
    margin: 0;
}

.agp-image_grid__paragraph a {
    color: inherit; /* Browser default for <a> is blue, not inherit */
    text-decoration: underline;
}
/* END_SECTION:agp-image_grid */

/* START_SECTION:agp-template (INDEX:4) */
/* 
 * Add section-specific styles here
 * Use the section class prefix for scoping (e.g., .agp-template__)
 */

/* 
 * Section Padding
 * Padding is set via CSS custom properties defined inline for responsive behavior.
 * Values are calculated from slider values (value / 4 = rem)
 */
.agp-template {
    padding-top: var(--pt-desktop);
    padding-bottom: var(--pb-desktop);
    padding-left: var(--pl-desktop);
    padding-right: var(--pr-desktop);
}

@media (max-width: 999px) {
    .agp-template {
        padding-top: var(--pt-mobile);
        padding-bottom: var(--pb-mobile);
        padding-left: var(--pl-mobile);
        padding-right: var(--pr-mobile);
    }
}
/* END_SECTION:agp-template */

/* START_SECTION:pictures_grid (INDEX:50) */
<style>
  #section-{{ section.id }} {padding:0px;}
  #section-{{ section.id }} .Container { padding: 0 2%;}
  .Container{ padding: 0 2%;}
  </style>
/* END_SECTION:pictures_grid */