.pz-video-gallery {
  background-color: var(--color-prozon-bg, transparent);
  color: var(--color-text);
  font-family: var(--font-body);
  font-weight: var(--weight-body, inherit);
}
.pz-video-gallery * { box-sizing: border-box; }
.pz-video-gallery__card {
  overflow: hidden;
  border: 1px solid var(--color-card-border);
  border-radius: var(--radius-card);
  background: var(--color-prozon-bg, transparent);
  box-shadow: var(--shadow-card);
}
.pz-video-gallery__header { padding: var(--spacing) var(--spacing) 0; text-align: center; }
.pz-video-gallery__eyebrow { margin: 0 0 .35rem; color: var(--color-eyebrow); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; 
    font-family: var(--font-eyebrow);
    font-size: var(--size-eyebrow);}
.pz-video-gallery__title { margin: 0; color: var(--color-title); font-family: var(--font-title);
  font-weight: var(--weight-title, inherit); font-size: var(--size-title); }
.pz-video-gallery__subtitle { max-width: 70ch; margin: .55rem auto 0; color: var(--color-subtitle); font-family: var(--font-subtitle);
  font-weight: var(--weight-subtitle, inherit); font-size: var(--size-subtitle); }
.pz-video-gallery__content { padding: var(--spacing); }
.pz-video-gallery__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing); }
.pz-video-gallery__item { margin: 0; overflow: hidden; border: 1px solid var(--color-card-border); border-radius: calc(var(--radius-card) * .72); background: color-mix(in srgb, var(--color-card-bg) 94%, var(--color-text)); }
.pz-video-gallery__video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #000; object-fit: cover; object-position: center; }
.pz-video-gallery__caption { display: flex; flex-direction: column; gap: .25rem; padding: .85rem 1rem 1rem; }
.pz-video-gallery__item-title { color: var(--color-title); font-family: var(--font-subtitle);
  font-weight: var(--weight-subtitle, inherit); font-size: var(--size-subtitle); line-height: 1.3; }
.pz-video-gallery__item-caption { color: var(--color-text); font-family: var(--font-text-small);
  font-weight: var(--weight-text-small, inherit); font-size: var(--size-text-small); line-height: 1.45; }
.pz-video-gallery__message { margin: 0; color: var(--color-text); text-align: center; }
@media (max-width: 720px) { .pz-video-gallery__grid { grid-template-columns: 1fr; } }

/* Map-standard visual shell; uses existing Color Designer variables only. */
.pz-video-gallery {
  width: 100%;
  padding: clamp(12px, var(--spacing, 16px), 22px);
  box-sizing: border-box;
}
.pz-video-gallery__card {
  width: 100%;
  padding: var(--spacing);
  background: var(--color-card-bg);
  color: var(--color-text);
}
.pz-video-gallery__header {
  margin: 0;
  padding: 0;
  text-align: left;
}
.pz-video-gallery__eyebrow { margin: 0 0 calc(var(--spacing) * .45); }
.pz-video-gallery__title {
  padding: 0;
  line-height: 1.15;
  letter-spacing: normal;
}
.pz-video-gallery__subtitle {
  max-width: none;
  margin: calc(var(--spacing) * .55) 0 0;
  line-height: 1.45;
  opacity: 1;
  text-transform: none;
}
.pz-video-gallery__content {
  padding: calc(var(--spacing) * .52) 0 0;
}
.pz-video-gallery__item {
  background: var(--color-card-bg);
}
@media (max-width: 980px) {
  .pz-video-gallery__card { padding: calc(var(--spacing) * .75); }
}
@media (max-width: 420px) {
  .pz-video-gallery__card {
    padding-left: calc(var(--spacing) * .8);
    padding-right: calc(var(--spacing) * .8);
  }
}