/* Ana sayfa satır şablonları — mevcut tool-card / pop-item stillerine DOKUNMA */

/*
 * Yatay taşmayı kes — body'ye overflow-x:hidden VERME.
 * (overflow-x hidden + overflow-y visible → body auto scroll olur;
 *  html zaten overflow-y:scroll → iç içe 2 scrollbar)
 */
html:has(body[data-aill-tool="home"]) {
  overflow-x: clip;
}
body[data-aill-tool="home"],
body[data-aill-tool="home"] main {
  overflow: visible;
  max-width: 100%;
}

.home-row {
  margin: 28px auto;
  max-width: 1200px;
  padding: 0 16px;
  box-sizing: border-box;
  overflow-x: clip;
}
.home-row--row_01_hero_waitlist,
.home-row--row_07_feature_grid,
.home-row--row_08_popular_grid,
.home-row--row_09_promo_strip,
.home-row--row_11_live_counters {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0 auto 28px;
}
.home-row__title {
  text-align: center;
  margin: 0 0 20px;
  font-size: clamp(1.25rem, 3vw, 1.6rem);
}
.home-inner { width: 100%; max-width: 100%; box-sizing: border-box; }
.home-row .hero-buttons a,
.home-row .tool-hero-buttons a { text-decoration: none; display: inline-block; }

/* —— Tema: sadece satır arka plan / metin (kartlara zorla renk BASMA) —— */
.home-row--themed {
  background: var(--hr-bg-light, transparent);
  color: var(--hr-text-light, inherit);
}
body.dark .home-row--themed {
  background: var(--hr-bg-dark, transparent);
  color: var(--hr-text-dark, inherit);
}

/* Sadece admin tema rengi VERİLMİŞSE kartlara uygula (fallback yok → orijinal stil kalır) */
.home-row--themed.home-row--has-card-bg .home-pro-card,
.home-row--themed.home-row--has-card-bg .home-row-card3,
.home-row--themed.home-row--has-card-bg .home-row-promo-center__card {
  background: var(--hr-card-bg-light);
  border-color: var(--hr-card-border-light, transparent);
}
body.dark .home-row--themed.home-row--has-card-bg .home-pro-card,
body.dark .home-row--themed.home-row--has-card-bg .home-row-card3,
body.dark .home-row--themed.home-row--has-card-bg .home-row-promo-center__card {
  background: var(--hr-card-bg-dark);
  border-color: var(--hr-card-border-dark, transparent);
}

.home-row--themed .home-accent { color: var(--hr-accent-light, #4b6fff); }
body.dark .home-row--themed .home-accent { color: var(--hr-accent-dark, #60a5fa); }
.home-row--themed .home-highlight { color: var(--hr-highlight-light, #059669); }
body.dark .home-row--themed .home-highlight { color: var(--hr-highlight-dark, #34d399); }

/* Buton renkleri — sadece tema değişkeni varsa */
.home-row--themed.home-row--has-btn .home-btn.btn-primary,
.home-row--themed.home-row--has-btn a.home-btn.btn-primary {
  background: var(--hr-btn-bg-light, #4b6fff);
  color: var(--hr-btn-text-light, #fff);
  border: none;
}
body.dark .home-row--themed.home-row--has-btn .home-btn.btn-primary,
body.dark .home-row--themed.home-row--has-btn a.home-btn.btn-primary {
  background: var(--hr-btn-bg-dark, #4b6fff);
  color: var(--hr-btn-text-dark, #fff);
}
.home-row--themed.home-row--has-btn .home-btn.btn-secondary,
.home-row--themed.home-row--has-btn a.home-btn.btn-secondary {
  background: var(--hr-btn2-bg-light, transparent);
  color: var(--hr-btn2-text-light, #4b6fff);
  border: 2px solid var(--hr-btn2-border-light, #4b6fff);
}
body.dark .home-row--themed.home-row--has-btn .home-btn.btn-secondary,
body.dark .home-row--themed.home-row--has-btn a.home-btn.btn-secondary {
  background: var(--hr-btn2-bg-dark, transparent);
  color: var(--hr-btn2-text-dark, #93c5fd);
  border-color: var(--hr-btn2-border-dark, #5b7cfa);
}

/* —— Buton efektleri (yalnızca .home-btn — tool-card / pop-item DEĞİL) —— */
.home-btn {
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.home-btn.btn-fx-lift:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.home-btn.btn-fx-lift:active { transform: translateY(-1px); }
.home-btn.btn-fx-scale:hover { transform: scale(1.05); }
.home-btn.btn-fx-scale:active { transform: scale(.97); }
.home-btn.btn-fx-glow:hover {
  box-shadow: 0 0 0 3px rgba(75, 111, 255, .25), 0 8px 20px rgba(75, 111, 255, .35);
}
.home-btn.btn-fx-press:active { transform: scale(.94); }
.home-btn.btn-fx-shine::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.35) 50%, transparent 60%);
  transform: translateX(-120%);
  transition: transform .45s ease;
}
.home-btn.btn-fx-shine:hover::after { transform: translateX(120%); }
.home-btn.btn-fx-bounce:hover { animation: homeBtnBounce .45s ease; }
@keyframes homeBtnBounce {
  0%, 100% { transform: translateY(0); }
  40% { transform: translateY(-6px); }
  70% { transform: translateY(-2px); }
}
.home-btn.btn-fx-outline-fill.btn-secondary:hover,
.home-btn.btn-fx-outline-fill:hover {
  background: #4b6fff !important;
  color: #fff !important;
  border-color: transparent !important;
}
.home-btn.btn-fx-pulse:hover { animation: homeBtnPulse .6s ease infinite; }
@keyframes homeBtnPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}
.home-btn.btn-fx-shake:hover { animation: homeBtnShake .4s ease; }
@keyframes homeBtnShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}
.home-btn.btn-fx-wobble:hover { animation: homeBtnWobble .5s ease; }
@keyframes homeBtnWobble {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-4deg); }
  75% { transform: rotate(4deg); }
}
.home-btn.btn-fx-rubber:hover { animation: homeBtnRubber .5s ease; }
@keyframes homeBtnRubber {
  0% { transform: scaleX(1); }
  30% { transform: scaleX(1.15) scaleY(.9); }
  50% { transform: scaleX(.9) scaleY(1.1); }
  100% { transform: scaleX(1); }
}
.home-btn.btn-fx-jello:hover { animation: homeBtnJello .6s ease; }
@keyframes homeBtnJello {
  0%, 100% { transform: skewX(0); }
  30% { transform: skewX(-8deg); }
  50% { transform: skewX(6deg); }
  70% { transform: skewX(-3deg); }
}
.home-btn.btn-fx-heartbeat:hover { animation: homeBtnHeart .7s ease infinite; }
@keyframes homeBtnHeart {
  0%, 100% { transform: scale(1); }
  20% { transform: scale(1.12); }
  40% { transform: scale(1); }
  60% { transform: scale(1.08); }
}
.home-btn.btn-fx-pop:hover { transform: scale(1.12); }
.home-btn.btn-fx-sink:hover { transform: translateY(3px); box-shadow: none; }
.home-btn.btn-fx-float:hover { transform: translateY(-5px); }
.home-btn.btn-fx-skew:hover { transform: skewX(-6deg); }
.home-btn.btn-fx-rotate:hover { transform: rotate(6deg) scale(1.04); }
.home-btn.btn-fx-flip-x:hover { transform: perspective(400px) rotateX(12deg); }
.home-btn.btn-fx-flip-y:hover { transform: perspective(400px) rotateY(12deg); }
.home-btn.btn-fx-shadow-grow:hover { box-shadow: 0 14px 32px rgba(0,0,0,.28); transform: translateY(-2px); }
.home-btn.btn-fx-border-pulse:hover { box-shadow: 0 0 0 4px rgba(75,111,255,.35); }
.home-btn.btn-fx-underline { background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; }
.home-btn.btn-fx-underline:hover { background-size: 100% 2px; }
.home-btn.btn-fx-slide-bg {
  background-image: linear-gradient(#3577ff, #3577ff);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
.home-btn.btn-fx-slide-bg:hover { background-size: 100% 100%; color: #fff !important; }
.home-btn.btn-fx-neon:hover {
  box-shadow: 0 0 8px #4b6fff, 0 0 18px #4b6fff, 0 0 28px rgba(75,111,255,.5);
  color: #fff;
}
.home-btn.btn-fx-soft:hover { transform: scale(1.04); filter: brightness(1.08); }
.home-btn.btn-fx-hard-press:active { transform: scale(.9); box-shadow: inset 0 3px 8px rgba(0,0,0,.25); }

/* Builder blokları — aynı hover sınıfları (btn-fx-*) */
.hb-block[class*="btn-fx-"],
.hb-pv-block[class*="btn-fx-"] {
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease, filter .2s ease;
  position: relative;
  overflow: hidden;
}
.hb-block.btn-fx-lift:hover,
.hb-pv-block.btn-fx-lift:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.hb-block.btn-fx-scale:hover,
.hb-pv-block.btn-fx-scale:hover { transform: scale(1.05); }
.hb-block.btn-fx-glow:hover,
.hb-pv-block.btn-fx-glow:hover { box-shadow: 0 0 0 3px rgba(75,111,255,.25), 0 8px 20px rgba(75,111,255,.35); }
.hb-block.btn-fx-bounce:hover,
.hb-pv-block.btn-fx-bounce:hover { animation: homeBtnBounce .45s ease; }
.hb-block.btn-fx-pulse:hover,
.hb-pv-block.btn-fx-pulse:hover { animation: homeBtnPulse .6s ease infinite; }
.hb-block.btn-fx-shake:hover,
.hb-pv-block.btn-fx-shake:hover { animation: homeBtnShake .4s ease; }
.hb-block.btn-fx-wobble:hover,
.hb-pv-block.btn-fx-wobble:hover { animation: homeBtnWobble .5s ease; }
.hb-block.btn-fx-rubber:hover,
.hb-pv-block.btn-fx-rubber:hover { animation: homeBtnRubber .5s ease; }
.hb-block.btn-fx-jello:hover,
.hb-pv-block.btn-fx-jello:hover { animation: homeBtnJello .6s ease; }
.hb-block.btn-fx-heartbeat:hover,
.hb-pv-block.btn-fx-heartbeat:hover { animation: homeBtnHeart .7s ease infinite; }
.hb-block.btn-fx-pop:hover,
.hb-pv-block.btn-fx-pop:hover { transform: scale(1.12); }
.hb-block.btn-fx-sink:hover,
.hb-pv-block.btn-fx-sink:hover { transform: translateY(3px); box-shadow: none; }
.hb-block.btn-fx-float:hover,
.hb-pv-block.btn-fx-float:hover { transform: translateY(-5px); }
.hb-block.btn-fx-skew:hover,
.hb-pv-block.btn-fx-skew:hover { transform: skewX(-6deg); }
.hb-block.btn-fx-rotate:hover,
.hb-pv-block.btn-fx-rotate:hover { transform: rotate(6deg) scale(1.04); }
.hb-block.btn-fx-flip-x:hover,
.hb-pv-block.btn-fx-flip-x:hover { transform: perspective(400px) rotateX(12deg); }
.hb-block.btn-fx-flip-y:hover,
.hb-pv-block.btn-fx-flip-y:hover { transform: perspective(400px) rotateY(12deg); }
.hb-block.btn-fx-shadow-grow:hover,
.hb-pv-block.btn-fx-shadow-grow:hover { box-shadow: 0 14px 32px rgba(0,0,0,.28); transform: translateY(-2px); }
.hb-block.btn-fx-border-pulse:hover,
.hb-pv-block.btn-fx-border-pulse:hover { box-shadow: 0 0 0 4px rgba(75,111,255,.35); }
.hb-block.btn-fx-soft:hover,
.hb-pv-block.btn-fx-soft:hover { transform: scale(1.04); filter: brightness(1.08); }
.hb-block.btn-fx-neon:hover,
.hb-pv-block.btn-fx-neon:hover { box-shadow: 0 0 8px #4b6fff, 0 0 18px #4b6fff, 0 0 28px rgba(75,111,255,.5); }

/* Builder öğe light/dark renkleri */
.hb-block--themed,
.hb-pv-block.hb-block--themed {
  background: var(--hb-bg-light);
  color: var(--hb-text-light);
  border-color: var(--hb-border-light, transparent);
}
body.dark .hb-block--themed,
.hb-live-preview:not(.is-light) .hb-block--themed,
.hb-live-preview:not(.is-light) .hb-pv-block.hb-block--themed {
  background: var(--hb-bg-dark, var(--hb-bg-light));
  color: var(--hb-text-dark, var(--hb-text-light));
  border-color: var(--hb-border-dark, var(--hb-border-light, transparent));
}
.hb-block--button .hb-block--themed.btn-primary,
.hb-block--button .hb-block--themed.btn-secondary {
  background: var(--hb-bg-light);
  color: var(--hb-text-light);
  border-color: var(--hb-border-light, currentColor);
}
body.dark .hb-block--button .hb-block--themed.btn-primary,
body.dark .hb-block--button .hb-block--themed.btn-secondary {
  background: var(--hb-bg-dark, var(--hb-bg-light));
  color: var(--hb-text-dark, var(--hb-text-light));
  border-color: var(--hb-border-dark, var(--hb-border-light, currentColor));
}

.hb-block--themed[style*="border-width"] {
  border-color: var(--hb-border-light, currentColor);
}
body.dark .hb-block--themed[style*="border-width"] {
  border-color: var(--hb-border-dark, var(--hb-border-light, currentColor));
}

/* Komple satır tek birim — iç öğeler ayrı rvl almasın diye overflow görünür */
.home-row--unit.rvl {
  display: block;
}

/* —— Şablon 1 hero —— */
.home-row-hero-waitlist .hero-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.home-row-hero-waitlist .hero-buttons a { padding: 12px 18px; border-radius: 10px; font-weight: 700; }
.home-row-hero-waitlist .hero-visual img { max-width: 280px; height: auto; }

/* —— Özel kartlar (12 / promo) —— */
.home-row-cards3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 800px) {
  .home-row-cards3 { grid-template-columns: 1fr; }
}
.home-row-card3 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 22px 16px;
  text-align: center;
  text-decoration: none;
  color: #111827;
  display: block;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.dark .home-row-card3 {
  background: #0f172a;
  border-color: #334155;
  color: #f8fafc;
}
.home-row-card3:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 28px rgba(53, 119, 255, 0.18);
  border-color: #3577ff;
}
body.dark .home-row-card3:hover {
  border-color: #1dd1a1;
  box-shadow: 0 6px 28px rgba(29, 209, 161, 0.18);
}
.home-row-card3__icon { font-size: 28px; margin-bottom: 10px; }
.home-row-card3 h3 { margin: 0 0 8px; font-size: 1.05rem; color: inherit; }
.home-row-card3 p { margin: 0; font-size: 13px; line-height: 1.45; color: #555; }
body.dark .home-row-card3 p { color: #cbd6eb; }

/* —— Şablon 3 promo —— */
.home-row-promo-center { display: flex; justify-content: center; padding: 12px 0; }
.home-row-promo-center__card {
  max-width: 520px;
  width: 100%;
  text-align: center;
  padding: 28px 24px;
  border-radius: 16px;
  border: 1px solid rgba(96, 165, 250, .35);
  background: #0f172a;
  color: #f8fafc;
}
body:not(.dark) .home-row-promo-center__card {
  background: #fff;
  color: #111827;
  border-color: #e5e7eb;
}
.home-row-promo-center__badge { font-size: 12px; margin-bottom: 8px; opacity: .75; }
.home-row-promo-center__price { font-weight: 700; margin: 8px 0 12px; }
.home-row-promo-center__card .home-btn,
.home-row-promo-center__card .btn-primary {
  display: inline-block;
  margin-top: 14px;
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
}

/* —— Şablon 4 media —— */
.home-media-card {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
body.dark .home-media-card {
  background: #0f172a;
  border-color: #334155;
}
.home-media-card img { max-width: 100%; height: auto; border-radius: 10px; }

/* —— Şablon 10 pro kartlar —— */
.home-pro-wrap { padding: 24px 0 8px; text-align: center; }
.home-pro-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  text-align: left;
}
@media (max-width: 800px) {
  .home-pro-grid { grid-template-columns: 1fr; }
}
.home-pro-card {
  display: block;
  text-decoration: none;
  color: #111827;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 16px;
  padding: 26px 20px;
  min-height: 160px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.dark .home-pro-card {
  background: #0f2244;
  border-color: #253f72;
  color: #f8fafc;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}
.home-pro-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 28px rgba(53, 119, 255, 0.18);
  border-color: #3577ff;
}
body.dark .home-pro-card:hover {
  border-color: #1dd1a1;
  box-shadow: 0 6px 28px rgba(29, 209, 161, 0.18);
}
.home-pro-card__icon { font-size: 28px; line-height: 1; margin-bottom: 12px; }
.home-pro-card__title { margin: 0 0 10px; font-size: 1.15rem; font-weight: 700; color: inherit; }
.home-pro-card__desc { margin: 0; font-size: 14px; line-height: 1.5; color: #555; }
body.dark .home-pro-card__desc { color: #cbd6eb; }

.home-row-strip__hi { font-weight: 800; }
.home-row .tool-hero-buttons a {
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 700;
}

/* feature-grid / popular — tam genişlik, orijinal padding */
.home-row--row_07_feature_grid .feature-grid,
.home-row--row_08_popular_grid .popular-conversions {
  max-width: none;
}

/* —— Builder özel şablon satırları —— */
.hb-row {
  display: grid;
  gap: 20px;
  align-items: start;
  width: 100%;
  box-sizing: border-box;
}
.hb-row.hb-cols-1 { grid-template-columns: 1fr; }
.hb-row.hb-cols-2 { grid-template-columns: 1fr 1fr; }
.hb-row.hb-cols-3 { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 800px) {
  .hb-row.hb-cols-2,
  .hb-row.hb-cols-3 { grid-template-columns: 1fr; }
}
.hb-col { min-width: 0; }
.hb-col--free { position: relative; }
.hb-block--free { position: absolute; z-index: 2; margin: 0 !important; }
.hb-block { margin: 0 0 12px; }
.hb-block--text h1,
.hb-block h1:not(.hb-media__title) { font-size: clamp(1.4rem, 3vw, 2rem); margin: 0 0 8px; }
.hb-block h2:not(.hb-media__title) { font-size: clamp(1.2rem, 2.5vw, 1.5rem); margin: 0 0 8px; }
.hb-block h3:not(.hb-media__title) { font-size: 1.1rem; margin: 0 0 6px; }
.hb-block p:not(.hb-media__text) { margin: 0 0 8px; line-height: 1.5; opacity: .92; }
.hb-block .hb-text-link { color: inherit; }
.hb-block .hb-text-link:hover { opacity: .85; }
.hb-icon { display: block; line-height: 1; }
.hb-icon--fa i { font-style: normal; }
.hb-icon--both {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.hb-icon--both .hb-icon__emoji { line-height: 1; }
.hb-icon--both i { font-style: normal; }
.hb-block--button a {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
}
.hb-block--button .btn-primary { background: #4b6fff; color: #fff; }
.hb-block--button .btn-secondary {
  border: 2px solid #4b6fff;
  color: #4b6fff;
  background: transparent;
}
body.dark .hb-block--button .btn-secondary { color: #93c5fd; border-color: #5b7cfa; }

/* Resimli metin bloğu */
.hb-media { box-sizing: border-box; }
.hb-media__visual { line-height: 1; flex-shrink: 0; }
.hb-media__visual--icon { width: auto; min-width: 0; }
.hb-media__emoji,
.hb-media__fa {
  line-height: 1;
  font-size: var(--hb-icon-size, 48px);
}
.hb-media__fa i { font-style: normal; font-size: 1em; }
.hb-media__inner {
  width: 100%;
  display: flex;
  gap: var(--hb-media-gap, 16px);
}
.hb-media__img { line-height: 0; }
.hb-media__img img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.hb-media__title {
  margin: 0 0 8px;
  line-height: 1.25;
  font-size: var(--hb-title-size, 1.05rem);
  color: var(--hb-title-light, inherit);
}
.hb-media__text {
  margin: 0;
  line-height: 1.5;
  opacity: .92;
  font-size: var(--hb-body-size, 0.85rem);
  color: var(--hb-body-light, inherit);
}
body.dark .hb-media__title,
.hb-live-preview:not(.is-light) .hb-media__title {
  color: var(--hb-title-dark, var(--hb-title-light, inherit));
}
body.dark .hb-media__text,
.hb-live-preview:not(.is-light) .hb-media__text {
  color: var(--hb-body-dark, var(--hb-body-light, inherit));
}
.hb-media--top .hb-media__img,
.hb-media--bottom .hb-media__img { width: 100%; max-width: 100%; }
@media (max-width: 640px) {
  .hb-media__inner { flex-direction: column !important; align-items: stretch !important; }
  .hb-media__img { width: 100% !important; max-width: 100% !important; }
}

.hb-card.home-pro-card { margin-bottom: 12px; box-sizing: border-box; }
.hb-card-dir-row,
.hb-card.hb-card-dir-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}
.hb-card-dir-row_wrap,
.hb-card.hb-card-dir-row_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.hb-card-dir-column,
.hb-card.hb-card-dir-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hb-card-dir-row > .hb-block,
.hb-card-dir-row_wrap > .hb-block {
  flex: 1 1 140px;
  min-width: 0;
  margin-bottom: 0;
}

/* Canlı sayaç: total en altta tam genişlik hissi */
.home-row--row_11_live_counters .mlc-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.home-row--row_11_live_counters .mlc-card.mlc-total {
  grid-column: 1 / -1;
  max-width: 320px;
  justify-self: center;
  width: 100%;
}
@media (max-width: 1200px) {
  .home-row--row_11_live_counters .mlc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .home-row--row_11_live_counters .mlc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .home-row--row_11_live_counters .mlc-grid { grid-template-columns: 1fr; }
  .home-row--row_11_live_counters .mlc-card.mlc-total { max-width: none; }
}