/* AI Generated Videos — same structure as Commercial Advertisement (e11f57e + 1bb20b7) */

.elementor-657 #ai-videos.e-con.e-parent {
  width: 100%;
  --display: flex;
  --flex-direction: column;
  --gap: 0px;
  --content-width: 1080px;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 0%;
  --padding-right: 0%;
}

.elementor-657 #ai-videos.e-con.e-parent > .e-con-inner {
  width: 100%;
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e21 {
  text-align: start;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e21 .elementor-heading-title {
  font-family: "Outfit", Sans-serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.1em;
  margin: 0;
}

/* Landscape row — same scale as Corporate Videos 16:9 tiles (not full-width cinema) */
.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e24 {
  --display: flex;
  --flex-direction: column;
  --gap: 15px 0px;
  --row-gap: 15px;
  width: 100%;
  margin-top: 20px;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e24 > .e-con-inner {
  width: 100%;
  max-width: min(100%, 540px);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-657 #ai-videos .shpe-ai-yt-landscape .elementor-wrapper {
  --video-aspect-ratio: 1.77777;
  width: 100%;
}

/* Shorts row — clone Commercial grid (1bb20b7) */
.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e22.e-grid {
  --display: grid;
  --e-con-grid-template-columns: repeat(3, 1fr);
  --e-con-grid-template-rows: repeat(1, 1fr);
  --gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  width: 100%;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e22.e-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e40,
.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e50 {
  --display: flex;
  --flex-direction: column;
  --gap: 15px 0px;
  --row-gap: 15px;
  min-width: 0;
  width: 100%;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e40 > .e-con-inner,
.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e50 > .e-con-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e60 {
  --display: flex;
  --flex-direction: column;
  --gap: 15px 0px;
  --row-gap: 15px;
  min-width: 0;
  width: 100%;
}

.elementor-657 #ai-videos .shpe-ai-yt-short .elementor-wrapper {
  --video-aspect-ratio: 0.5625;
  width: 100%;
}

.elementor-657 #ai-videos .elementor-widget-video .elementor-widget-container {
  width: 100%;
  overflow: hidden;
}

.elementor-657 #ai-videos .elementor-wrapper.elementor-open-inline {
  width: 100%;
  aspect-ratio: var(--video-aspect-ratio);
}

.elementor-657 #ai-videos .elementor-wrapper iframe.elementor-video {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e32,
.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e42,
.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e52,
.elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e62 {
  display: none;
}

@media (max-width: 1024px) {
  .elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e22.e-grid > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e24 > .e-con-inner {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .elementor-657 #ai-videos .elementor-element.elementor-element-a1f8e22.e-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}
