/* =============================================================================
   Stone Galleria - grid guard (generated)
   -----------------------------------------------------------------------------
   Re-asserts the Bootstrap column widths with !important. The mirrored pages
   ship a leftover Bootstrap-3 style `.row > *` rule inside their inline CSS;
   on the origin site Bootstrap loads after that inline CSS, so the grid
   resolves to the column widths. This file restores that resolution.
   Generated by tools/extract-grid.mjs - do not edit by hand.
   ========================================================================== */

.row > * { flex-shrink: 0 !important; width: 100% !important; max-width: 100% !important; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-12 { flex: 0 0 auto !important; width: 100% !important; }
.row > * { flex-shrink: 0 !important; width: 100% !important; max-width: 100% !important; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-12 { flex: 0 0 auto !important; width: 100% !important; }

@media (min-width: 576px) {
.col-sm-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-sm-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-sm-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-sm-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-sm-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-sm-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-sm-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-sm-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-sm-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-sm-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-sm-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-sm-12 { flex: 0 0 auto !important; width: 100% !important; }
.col-sm-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-sm-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-sm-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-sm-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-sm-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-sm-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-sm-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-sm-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-sm-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-sm-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-sm-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-sm-12 { flex: 0 0 auto !important; width: 100% !important; }
}

@media (min-width: 768px) {
.col-md-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-md-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-md-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-md-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-md-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-md-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-md-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-md-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-md-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-md-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-md-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-md-12 { flex: 0 0 auto !important; width: 100% !important; }
.col-md-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-md-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-md-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-md-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-md-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-md-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-md-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-md-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-md-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-md-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-md-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-md-12 { flex: 0 0 auto !important; width: 100% !important; }
}

@media (min-width: 992px) {
.col-lg-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-lg-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-lg-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-lg-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-lg-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-lg-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-lg-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-lg-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-lg-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-lg-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-lg-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-lg-12 { flex: 0 0 auto !important; width: 100% !important; }
.col-lg-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-lg-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-lg-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-lg-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-lg-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-lg-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-lg-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-lg-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-lg-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-lg-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-lg-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-lg-12 { flex: 0 0 auto !important; width: 100% !important; }
}

@media (min-width: 1200px) {
.col-xl-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-xl-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-xl-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-xl-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-xl-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-xl-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-xl-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-xl-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-xl-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-xl-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-xl-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-xl-12 { flex: 0 0 auto !important; width: 100% !important; }
.col-xl-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-xl-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-xl-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-xl-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-xl-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-xl-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-xl-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-xl-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-xl-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-xl-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-xl-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-xl-12 { flex: 0 0 auto !important; width: 100% !important; }
}

@media (min-width: 1400px) {
.col-xxl-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-xxl-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-xxl-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-xxl-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-xxl-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-xxl-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-xxl-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-xxl-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-xxl-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-xxl-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-xxl-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-xxl-12 { flex: 0 0 auto !important; width: 100% !important; }
.col-xxl-1 { flex: 0 0 auto !important; width: 8.33333% !important; }
.col-xxl-2 { flex: 0 0 auto !important; width: 16.6667% !important; }
.col-xxl-3 { flex: 0 0 auto !important; width: 25% !important; }
.col-xxl-4 { flex: 0 0 auto !important; width: 33.3333% !important; }
.col-xxl-5 { flex: 0 0 auto !important; width: 41.6667% !important; }
.col-xxl-6 { flex: 0 0 auto !important; width: 50% !important; }
.col-xxl-7 { flex: 0 0 auto !important; width: 58.3333% !important; }
.col-xxl-8 { flex: 0 0 auto !important; width: 66.6667% !important; }
.col-xxl-9 { flex: 0 0 auto !important; width: 75% !important; }
.col-xxl-10 { flex: 0 0 auto !important; width: 83.3333% !important; }
.col-xxl-11 { flex: 0 0 auto !important; width: 91.6667% !important; }
.col-xxl-12 { flex: 0 0 auto !important; width: 100% !important; }
}
