.ecg { display: grid; font-weight: 400; gap: .6rem; grid-template-columns: repeat(4, 1fr); margin: 1rem 0; }
.ecg-item { aspect-ratio: 4 / 3; background: #eee; display: block; overflow: hidden; }
.ecg-item img { display: block; height: 100%; object-fit: cover; width: 100%; }
@media (max-width: 575px) { .ecg { grid-template-columns: repeat(2, 1fr); } }
.ecv { aspect-ratio: 16 / 9; margin: 1rem auto; max-width: 100%; width: 100%; }
.ecv iframe { border: 0; height: 100%; width: 100%; }
.ecg-lb { align-items: center; background: rgba(20, 16, 10, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); display: flex; inset: 0; justify-content: center; position: fixed; z-index: 99999; }
.ecg-lb img { box-shadow: 0 6px 30px rgba(0, 0, 0, .5); max-height: 92vh; max-width: 90vw; }
.ecg-lb button { background: transparent; border: 0; color: #fff; cursor: pointer; font-size: 2.4rem; line-height: 1; opacity: .85; text-shadow: 0 1px 4px rgba(0, 0, 0, .7); padding: .6rem 1rem; position: absolute; }
.ecg-lb button:hover { opacity: 1; }
.ecg-lb .ecg-close { right: .4rem; top: .2rem; }
.ecg-lb .ecg-prev { left: .4rem; top: 50%; transform: translateY(-50%); }
.ecg-lb .ecg-next { right: .4rem; top: 50%; transform: translateY(-50%); }