/* ============================================================
   MOCNO.BIZ — Instagram Booster 3.0 — landing sprzedażowy
   Wierne odtworzenie projektu z „Landing page do przeprojektowania".
   Samowystarczalna nakładka: własne tokeny (scope .bl), komponenty
   (przyciski/badge/karty/staty) i ikony (maski SVG, zero zależności
   od zewnętrznych fontów ikon). Fonty tekstu/nagłówków biorą z
   /styles.css (@font-face + --font-*). Nic tu nie jest per-user.
   ============================================================ */

.bl {
  /* Kolory */
  --bg: #EFEFEF;
  --surface: #FFFFFF;
  --fill-100: #F3F3F3;
  --ink-800: #111111;
  --ink-700: #2b2b2b;
  --ink-600: #555555;
  --ink-900: #0b0b0b;
  --ink-dark: #111111;
  --mocno-red: #FF0801;
  --mocno-yellow: #FED70F;
  --mocno-black: #000000;
  --border: #E3E3E3;
  --border-strong: #111111;
  --text-muted: #8a8a8a;
  --text-meta: #767676;
  --text-faint: #b9b9b9;
  --text-body: #333333;
  --text-heading: #111111;

  /* Układ */
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(4rem, 9vw, 7rem);
  --section-y-sm: clamp(3rem, 6vw, 4.5rem);
  --radius-sm: 6px;
  --radius-md: 10px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  background: var(--bg);
  color: var(--ink-800);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* Linki treści są czerwone — ale NIE przyciski (.bl-btn ma własny kolor;
   inaczej „.bl a" wygrywa specyficznością i tekst CTA staje się czerwony
   na czerwonym tle → niewidoczny). */
.bl a:not([class*="bl-btn"]) { color: var(--mocno-red); text-decoration: none; }
.bl a:not([class*="bl-btn"]):hover { color: #C20500; }
.bl summary { list-style: none; cursor: pointer; }
.bl summary::-webkit-details-marker { display: none; }
.bl details[open] .om-chev { transform: rotate(45deg); }
.bl input::placeholder { color: #999; }
.bl img { max-width: 100%; }

/* ---- Ikony jako maski SVG (kolor = color elementu) ---- */
.bl .ti {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
  vertical-align: -0.125em;
  flex: none;
}
.bl .ti-check   { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5l10 -10'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5l10 -10'/></svg>"); }
.bl .ti-x       { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6l-12 12'/><path d='M6 6l12 12'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6l-12 12'/><path d='M6 6l12 12'/></svg>"); }
.bl .ti-plus    { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5l0 14'/><path d='M5 12l14 0'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5l0 14'/><path d='M5 12l14 0'/></svg>"); }
.bl .ti-arrow-right { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l14 0'/><path d='M13 6l6 6l-6 6'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l14 0'/><path d='M13 6l6 6l-6 6'/></svg>"); }
.bl .ti-shield-check { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.152 7.09'/><path d='M15 19l2 2l4 -4'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.152 7.09'/><path d='M15 19l2 2l4 -4'/></svg>"); }
.bl .ti-percentage { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 19l14 -14'/><circle cx='6.5' cy='6.5' r='2.5'/><circle cx='17.5' cy='17.5' r='2.5'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 19l14 -14'/><circle cx='6.5' cy='6.5' r='2.5'/><circle cx='17.5' cy='17.5' r='2.5'/></svg>"); }
.bl .ti-messages { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'/><path d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'/><path d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'/></svg>"); }
.bl .ti-device-laptop { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 19l18 0'/><path d='M5 6m0 1a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 19l18 0'/><path d='M5 6m0 1a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1z'/></svg>"); }
.bl .ti-refresh { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4'/><path d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4'/><path d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/></svg>"); }
.bl .ti-player-play { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M7 4v16l13 -8z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M7 4v16l13 -8z'/></svg>"); }
.bl .ti-device-desktop { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1z'/><path d='M7 20h10'/><path d='M9 16v4'/><path d='M15 16v4'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1z'/><path d='M7 20h10'/><path d='M9 16v4'/><path d='M15 16v4'/></svg>"); }
.bl .ti-layout-grid { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h6v6h-6z'/><path d='M14 4h6v6h-6z'/><path d='M4 14h6v6h-6z'/><path d='M14 14h6v6h-6z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h6v6h-6z'/><path d='M14 4h6v6h-6z'/><path d='M4 14h6v6h-6z'/><path d='M14 14h6v6h-6z'/></svg>"); }

/* ============================================================
   Komponenty (odpowiedniki MOCNODesignSystem)
   ============================================================ */

/* --- Przycisk --- */
/* Kanoniczny MOCNO Button (skill mocno-design → components/buttons).
   Styl jedzie w 100% na tokenach z /styles.css; żadnych własnych cieni
   ani odstępów. primary = jedyny czerwony CTA (czerwień ≤5%). */
.bl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-heading);
  font-weight: var(--fw-bold);
  font-size: 0.9375rem;
  letter-spacing: var(--ls-button);
  text-transform: uppercase;
  line-height: 1;
  padding: 13px 26px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: background var(--dur-base) var(--ease-out),
              color var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out),
              transform var(--dur-fast) var(--ease-snap);
}
.bl-btn:hover { transform: translateY(-1px); }
.bl-btn:active { transform: translateY(0) scale(0.98); }
.bl-btn--lg { gap: 12px; padding: 17px 38px; font-size: 1.0625rem; }
.bl-btn--sm { gap: 8px; padding: 8px 16px; font-size: 0.8125rem; }
.bl-btn--full { width: 100%; }

.bl-btn--primary {
  background: var(--cta-bg);
  color: var(--cta-text);
  box-shadow: var(--shadow-cta);
}
.bl-btn--primary:hover { background: var(--cta-bg-hover); color: var(--cta-text); }

.bl-btn--secondary {
  background: transparent;
  color: var(--ink-900);
  border-color: var(--ink-900);
}
.bl-btn--secondary:hover { background: var(--ink-900); color: var(--text-on-dark); }

.bl-btn--ghost {
  background: transparent;
  color: var(--ink-900);
  padding-left: 4px;
  padding-right: 4px;
}
.bl-btn--ghost:hover { color: var(--mocno-red); }

/* onDark: sekundarne/ghost na ciemnym tle → biel, hover w czerwień/inwersję */
.bl-btn--on-dark.bl-btn--secondary { color: var(--text-on-dark); border-color: var(--text-on-dark); }
.bl-btn--on-dark.bl-btn--secondary:hover { background: var(--text-on-dark); color: var(--ink-900); }
.bl-btn--on-dark.bl-btn--ghost { color: var(--text-on-dark); }
.bl-btn--on-dark.bl-btn--ghost:hover { color: var(--mocno-red); }

/* --- Badge --- */
.bl-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 11px;
  border-radius: var(--radius-sm);
  line-height: 1;
}
.bl-badge--red { background: var(--mocno-red); color: #fff; }
.bl-badge--yellow { background: var(--mocno-yellow); color: #111; }

/* --- Karty --- */
.bl-card {
  border-radius: var(--radius-md);
  background: var(--surface);
}
.bl-card--flat { border: 1px solid var(--border); box-shadow: 0 1px 2px rgba(0,0,0,0.03); }
.bl-card--flat.is-hover { transition: box-shadow 220ms var(--ease-out), transform 220ms var(--ease-out); }
.bl-card--flat.is-hover:hover { box-shadow: 0 24px 48px -24px rgba(0,0,0,0.22); transform: translateY(-3px); }
.bl-card--frame { border: 2px solid var(--ink-800); background: var(--surface); }
.bl-card--highlight { border: 1px solid var(--border); border-left: 4px solid var(--mocno-red); box-shadow: 0 1px 2px rgba(0,0,0,0.03); }
.bl-card--dark { background: var(--ink-800); border: 1px solid rgba(255,255,255,0.1); }

/* --- Stat --- */
.bl-stat__value {
  font-family: var(--font-display);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.01em;
}
.bl-stat--md .bl-stat__value { font-size: 40px; }
.bl-stat--sm .bl-stat__value { font-size: 34px; }
.bl-stat__label {
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.3;
}
.bl-stat--on-dark .bl-stat__value { color: #fff; }
.bl-stat--on-dark .bl-stat__label { color: rgba(255,255,255,0.6); }
.bl-stat--dark .bl-stat__value { color: var(--ink-800); }
.bl-stat--dark .bl-stat__label { color: var(--text-muted); }

/* ============================================================
   Sekcje specyficzne
   ============================================================ */

/* Sticky header — odstęp kotwic pod nim */
.bl section[id],
.bl [id^="zapis"] { scroll-margin-top: 84px; }

.bl-slot-img { display: block; width: 100%; height: 100%; }

/* Sticky dolny pasek CTA — pojawia się po przewinięciu */
.bl-sticky {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 70;
  background: rgba(17,17,17,0.96);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-top: 1px solid rgba(255,255,255,0.12);
  transform: translateY(100%);
  transition: transform 260ms var(--ease-out);
}
.bl-sticky.is-visible { transform: translateY(0); }

/* Formularz zapisu (MailerLite) na ciemnym tle — jaśniejsza karta */
.bl-form-embed { width: 100%; }
.bl-form-embed .ml-form-embedContainer { margin: 0 !important; }
.bl-form-embed .ml-form-embedWrapper { width: 100% !important; max-width: 100% !important; }

/* ---- Formularz MailerLite — wariant DARK MOCNO (sekcja #zapis na czerni).
   Bez białej karty: ciemne inputy, jasne teksty, czerwony przycisk ze
   strzałką. Selektory powtarzają pełny łańcuch #mlb2-6054980 … i dokładają
   prefiks .bl .bl-form-embed (spec. 1,6,1), żeby przebić inline <style>
   embeda (#mlb2-… spec. 1,4,1 !important). ---- */
/* Karta → przezroczysta (forma leży wprost na ciemnej sekcji) */
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper {
  background-color: transparent !important;
  border-radius: 0 !important;
}
/* Inputy: ciemne, subtelna ramka, biały tekst */
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  padding: 17px 18px !important;
  height: auto !important;
  box-shadow: none !important;
  transition: border-color 160ms var(--ease-out) !important;
}
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:focus {
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: none !important;
}
/* Placeholdery: jasnoszare */
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}
/* Tekst zgody: jasnoszary, link biały podkreślony */
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description,
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description p {
  color: rgba(255, 255, 255, 0.66) !important;
}
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description a {
  color: #fff !important;
}
/* Checkbox: pusty przezroczysty z jasną ramką; zaznaczony → czerwień MOCNO */
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox] ~ .label-description::before {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: transparent !important;
}
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked ~ .label-description::before {
  background-color: var(--mocno-red) !important;
  border-color: var(--mocno-red) !important;
}
/* Przycisk: czerwony CTA MOCNO, pełna szerokość, ze strzałką */
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
  background-color: var(--mocno-red) !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 26px rgba(255, 8, 1, 0.34) !important;
  color: #fff !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: 1.0625rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 18px !important;
  transition: background-color 200ms var(--ease-out), transform 120ms var(--ease-out) !important;
}
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button::after {
  content: "\2192";
  font-family: var(--font-body) !important;
  font-weight: 700;
  margin-left: 12px;
}
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover,
.bl .bl-form-embed #mlb2-6054980.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
  background-color: #E00600 !important;
  transform: translateY(-1px) !important;
}

/* Masonry opinii — surowe zrzuty DM-ów w kolumnach */
.bl .om-masonry { column-count: 3; column-gap: 16px; }
@media (max-width: 1000px) { .bl .om-masonry { column-count: 2; } }
@media (max-width: 620px) { .bl .om-masonry { column-count: 1; } }

/* ============================================================
   Mobile
   ============================================================ */
@media (max-width: 900px) {
  .bl .om-split { grid-template-columns: 1fr !important; }
  .bl .om-nav-links { display: none !important; }
  .bl .om-hero-art { display: none !important; }
  .bl .om-footer-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 560px) {
  .bl .om-footer-grid { grid-template-columns: 1fr !important; }
}