﻿/* EPIC-053 public content blocks — goding media billboard palette */
.ecs-block { margin: 1.5rem 0; }
.ecs-block--hero {
  padding: 2.75rem 1.5rem;
  background: linear-gradient(135deg, #050A18 0%, #0A3DCC 55%, #1A6BFF 100%);
  color: #fff;
  border-radius: 1rem;
}
.ecs-block--hero h1,
.ecs-block--hero h2,
.ecs-block--hero h3,
.ecs-block--hero p,
.ecs-block--hero li {
  color: #fff;
}
.ecs-block__inner { max-width: 48rem; margin: 0 auto; }
.ecs-btn {
  display: inline-block;
  padding: 0.7rem 1.2rem;
  background: #1A6BFF;
  color: #fff !important;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
}
.ecs-btn:hover {
  background: #0A3DCC;
  color: #fff !important;
}
.ecs-block--text-image { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; align-items: center; }
.ecs-block--text-image.ecs-side-left .ecs-block__media { order: -1; }
.ecs-block__media img, .ecs-block--gallery img, .ecs-block--logos img { max-width: 100%; height: auto; border-radius: 8px; }
.ecs-block__grid { display: grid; gap: 0.75rem; }
.ecs-cols-2 .ecs-block__grid { grid-template-columns: repeat(2, 1fr); }
.ecs-cols-3 .ecs-block__grid { grid-template-columns: repeat(3, 1fr); }
.ecs-cols-4 .ecs-block__grid { grid-template-columns: repeat(4, 1fr); }
.ecs-block--cta { padding: 1.5rem; background: #E8F1FF; border-radius: 12px; text-align: center; }
.ecs-block__cards, .ecs-block__stats { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.ecs-card-lite { border: 1px solid #D5DCE8; border-radius: 10px; padding: 0.85rem; background: #fff; }
.ecs-stat { text-align: center; }
.ecs-stat strong { display: block; font-size: 1.5rem; color: #1A6BFF; }
.ecs-block__map iframe, .ecs-block__video iframe { width: 100%; min-height: 16rem; border: 0; border-radius: 10px; }
.ecs-faq { border-bottom: 1px solid #D5DCE8; padding: 0.5rem 0; }
.ecs-align-center { text-align: center; }
.ecs-align-right { text-align: right; }
.ecs-block--text h2 { margin: 1.75rem 0 0.65rem; font-size: 1.35rem; color: #050A18; }
.ecs-block--text p { color: #050A18; line-height: 1.7; }
@media (max-width: 720px) {
  .ecs-block--text-image, .ecs-cols-2 .ecs-block__grid, .ecs-cols-3 .ecs-block__grid, .ecs-cols-4 .ecs-block__grid {
    grid-template-columns: 1fr;
  }
}
.gm-nav__shop-utils { display: inline-flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; margin-left: 0.75rem; }
.gm-nav__util { font-size: 0.875rem; text-decoration: none; opacity: 0.9; }
.gm-nav__util:hover { opacity: 1; text-decoration: underline; }
