.cm-grid-gallery, .cm-video-grid-gallery { display: grid; gap: 15px; grid-template-columns: repeat(var(--cm-grid-columns, 4), 1fr); }
.cm-grid-gallery img { width: 100%; height: auto; display: block; }
.cm-slider-gallery { margin-left: -10px; margin-right: -10px; position: relative; }
.cm-slider-gallery .cm-slide-item { padding-left: 10px; padding-right: 10px; }
.cm-slider-gallery .cm-slide-item img { width: 100%; height: auto; display: block; }
.cm-slider-gallery .slick-prev, .cm-slider-gallery .slick-next { position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; background-color: rgba(20, 20, 20, 0.5); z-index: 10; border-radius: 50%; transition: background-color 0.3s ease; font-size: 0; }
.cm-slider-gallery .slick-prev:hover, .cm-slider-gallery .slick-next:hover { background-color: rgba(0, 0, 0, 0.8); }
.cm-slider-gallery .slick-prev { left: 20px; }
.cm-slider-gallery .slick-next { right: 20px; }
.cm-slider-gallery .slick-prev:before, .cm-slider-gallery .slick-next:before { font-family: 'dashicons'; font-size: 30px; line-height: 1; color: white; opacity: 1; }
.cm-slider-gallery .slick-prev:before { content: '\f341'; }
.cm-slider-gallery .slick-next:before { content: '\f345'; }
.cm-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #000; }
.cm-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }