/* Products pages stylesheet
   Scope: body.page-product (+ body.page-common shared shell markup)
   Notes: cleaned for phase-1 webtoapp parity audit. */

/* ============================================
   SHARED PRODUCT PRIMITIVES
   Small utilities and cross-layout helpers used
   inside #product-visual-sections.
   ============================================ */

.page-product #product-visual-sections .posrelative {position:relative}

.page-product #product-visual-sections .layout-icon-grid-4x1 .col-md-3{min-width:270px;max-width:270px}

.page-product #product-visual-sections .layout-copy-left-media-right .posrelative {display:flex;
  align-items:center}
.page-product #product-visual-sections .layout-copy-left-media-right .col-md-6:first-child p:last-child, .page-product #product-visual-sections .layout-copy-right-media-left .row p:last-child {margin-bottom:0}
.page-product #product-visual-sections .layout-copy-top-media-bottom a img {margin-left:10px}
.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

/* Shared FAQ styles live in assets/css/common.css */

/* Product-local AI app generation section cloned from the homepage family. */
.page-product #product-visual-sections .ai-app-generation {
  padding: 100px 0;
  background-color: #ffffff;
}

.page-product #product-visual-sections .ai-app-generation > .container {
  width: 1080px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
}

.page-product #product-visual-sections .ai-app-generation-layout {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}

.page-product #product-visual-sections .ai-app-generation-visual {
  display: block;
  width: 540px;
  height: 540px;
  flex: 0 0 540px;
  border-radius: 10px;
  object-fit: contain;
}

.page-product #product-visual-sections .ai-app-generation-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  width: 480px;
  flex: 0 0 480px;
  font-family: "Outfit", sans-serif;
}

.page-product #product-visual-sections .ai-app-generation-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.page-product #product-visual-sections .ai-app-generation-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 6px 12px;
  border-radius: 20px;
  background-color: #ebf0ff;
  color: #6b67fd;
  font-family: "Outfit", sans-serif;
  font-size: 13px;
  line-height: normal;
  font-weight: 600;
  white-space: nowrap;
}

.page-product #product-visual-sections .ai-app-generation-badge picture,
.page-product #product-visual-sections .ai-app-generation-badge-icon,
.page-product #product-visual-sections .ai-app-generation-list li::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #7c66fd;
  line-height: 1;
}

.page-product #product-visual-sections .ai-app-generation-badge-icon {
  width: 16px;
  height: 16px;
}

.page-product #product-visual-sections .ai-app-generation-content h2 {
  width: 100%;
  margin: 0;
  color: #0f193b;
  font-family: "Outfit", sans-serif;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
}

.page-product #product-visual-sections .ai-app-generation-description {
  width: 100%;
  margin: 0;
  color: #5f6578;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.page-product #product-visual-sections .ai-app-generation-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #5f6578;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.page-product #product-visual-sections .ai-app-generation-list li {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

.page-product #product-visual-sections .ai-app-generation-list li::before {
  content: "";
  width: 18px;
  height: 18px;
  margin-top: 1px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.page-product #product-visual-sections .ai-app-generation-webtoapp .ai-app-generation-list li::before {
  background-image: url("/assets/images/products/webtoapp/ai-app-builder-bullet-icon-desktop.webp");
}

.page-product #product-visual-sections .ai-app-generation-custom .ai-app-generation-list li::before {
  background-image: url("/assets/images/products/custom-mobile-app-builder/ai-app-builder-bullet-icon-desktop.webp");
}

.page-product #product-visual-sections .ai-app-generation-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 54px;
  padding: 15px 33px;
  border-radius: 4px;
  background: linear-gradient(90deg, #7c66fd 0%, #5f65ff 50%, #5285fd 100%);
  color: #ffffff;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page-product #product-visual-sections .ai-app-generation-cta:hover,
.page-product #product-visual-sections .ai-app-generation-cta:focus-visible {
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(48, 100, 249, 0.22);
}

/* Shared service tiles family for solutions-style pages */

.page-product #product-visual-sections .layout-service-tiles-grid {
  padding-top: 100px;
  padding-bottom: 101px;
}

.page-product #product-visual-sections .layout-service-tiles-grid > .container {
  width: 1080px;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-product #product-visual-sections .layout-service-tiles-grid .section-headings.text-center {
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #0f193b;
}

.page-product #product-visual-sections .layout-service-tiles-grid .subheadings-1.subheading-top.text-center {
  margin-top: 30px;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #5f6578;
}

.page-product #product-visual-sections .layout-service-tiles-grid .service-tiles-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
}

.page-product #product-visual-sections .layout-service-tiles-grid .service-tile {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border: 1px solid #dce1eb;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 15px;
  box-sizing: border-box;
  flex: 0 0 200px;
}

.page-product #product-visual-sections .layout-service-tiles-grid .service-tile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  text-align: center;
  width: 100%;
}

.page-product #product-visual-sections .layout-service-tiles-grid .service-tile-content > div {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.page-product #product-visual-sections .layout-service-tiles-grid .service-tile-content > div img {
  display: block;
}

.page-product #product-visual-sections .layout-service-tiles-grid .service-tile-content p {
  color: #0f193b;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  line-height: normal;
  margin: 0;
  text-align: center;
}

.page-product #product-visual-sections .app-design {
  --home-slide-width: 280px;
  --home-slide-height: 560px;
  --home-slide-gap: 40px;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-product #product-visual-sections .app-design .subheading-top {
  line-height: 22px;
}

.page-product #product-visual-sections .app-design > div {
  display: flex;
  align-items: center;
  margin-top: 60px;
}

.page-product #product-visual-sections .app-design .mobile-apps-track.mobileshow {
  display: none;
}

.page-product #product-visual-sections .app-design .carousel,
.page-product #product-visual-sections .app-design .carousel.webshow {
  width: 100vw;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  margin-top: 60px;
  justify-content: initial;
}

.page-product #product-visual-sections .app-design .carousel.dragging {
  cursor: grabbing;
  touch-action: none;
}

.page-product #product-visual-sections .app-design .track,
.page-product #product-visual-sections .app-design .carousel.webshow .track {
  display: flex;
  align-items: center;
  gap: var(--home-slide-gap);
  height: var(--home-slide-height);
  will-change: transform;
}

.page-product #product-visual-sections .app-design .track img {
  user-drag: none;
  user-select: none;
  pointer-events: none;
}

.page-product #product-visual-sections .app-design .carousel.webshow img,
.page-product #product-visual-sections .app-design .mobile-apps-track img {
  width: var(--home-slide-width);
  min-width: var(--home-slide-width);
  height: var(--home-slide-height);
  max-width: unset;
  flex: 0 0 auto;
}

.page-product #product-visual-sections .layout-copy-top-media-bottom > .container > .integrationreadmore {
  margin: 30px auto 60px;
  width: max-content;
  display: block;
}

.page-product #product-visual-sections .layout-copy-top-media-bottom > .container > .integrationreadmore a {
  color: #3064f9;
  text-decoration: none;
}

.page-product #product-visual-sections .layout-copy-top-media-bottom > .container > img:not(.webshow):not(.mobileshow) {
  margin-top: 60px;
}

/* Shared homepage-derived stack cards section */

.page-product #product-visual-sections .convertwebsite {
  background-color: #ffffff;
  text-align: center;
  margin-bottom: 0;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.page-product #product-visual-sections .convertwebsite.background-blue-light {
  background-color: #f8f8fd;
}

.page-product #product-visual-sections .convertwebsite > .container {
  width: 1080px;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
}

.page-product #product-visual-sections .convertwebsite .convertwebsite-card-title {
  margin-bottom: 0;
  line-height: 20px;
}

.page-product #product-visual-sections .convertwebsite .section-headings.text-center {
  text-align: center;
  width: 1080px;
  max-width: 1080px;
  margin: 0 auto;
  color: #0f193b;
  font-family: "Outfit", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 45px;
}

.page-product #product-visual-sections .convertwebsite .subheadings-1.subheading-top.text-center {
  text-align: center;
  width: 1080px;
  max-width: 1080px;
  margin: 30px auto 0;
  color: #5f6578;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.page-product #product-visual-sections .convertwebsite .convertwebsite-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  margin-top: 60px;
}

.page-product #product-visual-sections .convertwebsite .convertwebsite-card {
  width: auto;
  height: auto;
  min-width: 0;
  flex: 1 0 0;
  aspect-ratio: 1 / 1;
  padding: 40px 46px;
  border: 1px solid #dce1eb;
  border-radius: 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  text-decoration: none;
  color: inherit;
}

.page-product #product-visual-sections .convertwebsite .convertwebsite-card-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 77px;
  height: 48px;
  flex: 0 0 48px;
}

.page-product #product-visual-sections .convertwebsite .convertwebsite-card-icon img {
  display: block;
  height: auto;
  max-height: 48px;
  max-width: 77px;
}

.page-product #product-visual-sections .convertwebsite .convertwebsite-card-title {
  margin: 0;
  color: #5f6578;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}


@media (max-width: 1079px) {
  .page-product #product-visual-sections .ai-app-generation {
    padding: 60px 0;
  }

  .page-product #product-visual-sections .ai-app-generation > .container {
    width: 375px;
    max-width: 375px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .ai-app-generation-layout {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
  }

  .page-product #product-visual-sections .ai-app-generation-visual {
    order: 2;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
  }

  .page-product #product-visual-sections .ai-app-generation-content {
    display: contents;
  }

  .page-product #product-visual-sections .ai-app-generation-intro {
    order: 1;
    gap: 30px;
  }

  .page-product #product-visual-sections .ai-app-generation-intro > div,
  .page-product #product-visual-sections .ai-app-generation-intro > p,
  .page-product #product-visual-sections .ai-app-generation-intro > h2 {
    width: 100%;
  }

  .page-product #product-visual-sections .ai-app-generation-badge {
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }

  .page-product #product-visual-sections .ai-app-generation-content h2 {
    font-size: 26px;
    line-height: 33px;
  }

  .page-product #product-visual-sections .ai-app-generation-description {
    font-size: 16px;
    line-height: 20px;
  }

  .page-product #product-visual-sections .ai-app-generation-list {
    order: 3;
    gap: 20px;
    width: 100%;
    margin-top: -10px;
    font-size: 16px;
    line-height: 20px;
  }

  .page-product #product-visual-sections .ai-app-generation-list li {
    gap: 10px;
  }

  .page-product #product-visual-sections .ai-app-generation-list li::before {
    height: 18px;
  }

  .page-product #product-visual-sections .ai-app-generation-webtoapp .ai-app-generation-list li::before {
    background-image: url("/assets/images/products/webtoapp/ai-app-builder-bullet-icon-mobile.webp");
  }

  .page-product #product-visual-sections .ai-app-generation-custom .ai-app-generation-list li::before {
    background-image: url("/assets/images/products/custom-mobile-app-builder/ai-app-builder-bullet-icon-mobile.webp");
  }

  .page-product #product-visual-sections .ai-app-generation-cta {
    order: 4;
    width: 100%;
    height: 54px;
    margin-top: -10px;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid.background-blue-light {
    background: #f4f4f9 !important;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid {
    padding: 60px 0;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid > .container {
    width: 375px;
    max-width: 375px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid .section-headings.text-center,
  .page-product #product-visual-sections .layout-service-tiles-grid .subheadings-1.subheading-top.text-center {
    text-align: left;
    width: 335px;
    max-width: 335px;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid .section-headings.text-center {
    font-size: 26px;
    line-height: 33px;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid .subheadings-1.subheading-top.text-center {
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid .service-tiles-grid {
    display: grid;
    grid-template-columns: repeat(2, 157px);
    justify-content: center;
    align-items: start;
    gap: 21px;
    width: 335px;
    margin-top: 40px;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid .service-tile {
    width: 157px;
    height: 157px;
    min-width: 157px;
    padding: 30px 15px;
    flex: none;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid .service-tile-content {
    gap: 30px;
  }

  .page-product #product-visual-sections .layout-service-tiles-grid .service-tile-content p {
    font-size: 14px;
    line-height: normal;
    margin: 0;
  }

  .page-product #product-visual-sections .app-design {
    background: #f8f8fd;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-product #product-visual-sections .app-design .section-headings.text-center,
  .page-product #product-visual-sections .app-design .subheadings-1.subheading-top.text-center {
    text-align: left;
    width: 335px;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .page-product #product-visual-sections .app-design .section-headings.text-center {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    font-family: "Outfit", sans-serif;
    color: #0f193b;
  }

  .page-product #product-visual-sections .app-design .subheadings-1.subheading-top.text-center {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Outfit", sans-serif;
    color: #5f6578;
  }

  .page-product #product-visual-sections .app-design .carousel,
  .page-product #product-visual-sections .app-design .carousel.webshow {
    display: none !important;
  }

  .page-product #product-visual-sections .app-design .mobile-apps-track.mobileshow {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    gap: 20px;
  }

  .page-product #product-visual-sections .app-design .mobile-apps-track.mobileshow::-webkit-scrollbar {
    display: none;
  }

  .page-product #product-visual-sections .app-design .mobile-apps-track.mobileshow img {
    width: 280px;
    min-width: 280px;
    height: 560px;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container > .integrationreadmore {
    margin: 30px 0 40px;
    width: 100%;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container > .integrationreadmore a {
    display: inline-flex;
    align-items: center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container > img:not(.webshow):not(.mobileshow) {
    margin-top: 40px;
  }

  .page-product #product-visual-sections .convertwebsite {
    text-align: left;
    margin: 0;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .page-product #product-visual-sections .convertwebsite:not(.background-blue-light) {
    background-color: #ffffff;
  }

  .page-product #product-visual-sections .convertwebsite.background-blue-light {
    background-color: #f8f8fd;
  }

  .page-product #product-visual-sections .convertwebsite > .container {
    width: 375px;
    max-width: 375px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .convertwebsite .section-headings.text-center,
  .page-product #product-visual-sections .convertwebsite .subheadings-1.subheading-top.text-center {
    text-align: left;
    width: 335px;
    max-width: 335px;
  }

  .page-product #product-visual-sections .convertwebsite .section-headings.text-center {
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
  }

  .page-product #product-visual-sections .convertwebsite .subheadings-1.subheading-top.text-center {
    margin-top: 20px;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .page-product #product-visual-sections .convertwebsite .convertwebsite-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    width: 335px;
  }

  .page-product #product-visual-sections .convertwebsite .convertwebsite-card {
    width: 157px;
    height: 157px;
    flex: 0 0 157px;
    aspect-ratio: auto;
  }
}

.page-product #product-visual-sections .background-blue-light {
  background-color: #f8f8fd;
}

.page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides.background-blue-light {
  background-color: #f8f8fd;
}

.page-product #product-visual-sections .layout-copy-right-media-left-cta.background-blue-light {
  background-color: #f8f8fd;
}

.page-product #product-visual-sections .app-design .section-headings.text-center {
  width: min(1080px, calc(100% - 40px));
  margin: 0 auto;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #0f193b;
}

.page-product #product-visual-sections .app-design .subheadings-1.subheading-top.text-center {
  width: min(1080px, calc(100% - 40px));
  margin: 27px auto 0;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  color: #5f6578;
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .app-design .section-headings.text-center,
  .page-product #product-visual-sections .app-design .subheadings-1.subheading-top.text-center {
    text-align: left;
    width: 335px;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .page-product #product-visual-sections .app-design .section-headings.text-center {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
  }

  .page-product #product-visual-sections .app-design .subheadings-1.subheading-top.text-center {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
}

.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto;
  color: #3064f9;
  font-family: 'Outfit', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a:hover,
.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a:focus,
.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a:focus-visible {
  color: #0f193b;
}

.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a img {
  width: 18.272px;
  height: 11.029px;
  margin-left: 0;
  margin-top: 0;
  flex: none;
}

.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a:hover img,
.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a:focus img,
.page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a:focus-visible img {
  filter: brightness(0) saturate(100%);
}

.page-product #product-visual-sections .layout-copy-top-media-bottom .section-headings > img {
  margin-top: 0;
}

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-copy-top-media-bottom .section-headings > img[alt="WooCommerce"] {
    width: 85px;
    height: 22px;
    vertical-align: middle;
  }
}
.page-product #product-visual-sections .layout-icon-grid-4x1 .container-fluid .globe {
  position:absolute;
  right:0;
  top:-60px
}

/* ============================================
   PRODUCT LAYOUT NORMALIZATION (3xN GRID FIT)
   Applies to all product pages under #product-visual-sections.
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-accent-grid-3x2 {
    height: auto;
    min-height: 0;
    padding: 100px 0;
    background: #f8f8fd;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container {
    width: 1080px;
    max-width: 1080px;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex {
    width: 1080px;
    height: auto;
    margin: 60px 0 0;
    display: grid;
    grid-template-columns: repeat(3, 340px);
    gap: 30px;
    align-items: stretch;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes {
    width: 340px;
    height: auto;
    min-height: 174px;
    margin: 0;
    padding: 30px 30px 30px 0;
    display: grid;
    grid-template-columns: 3px 280px;
    column-gap: 27px;
    row-gap: 20px;
    align-content: start;
    border: 1px solid #dce1eb;
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(-n+3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(n+4) {
    height: auto;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one {
    width: 1080px;
    margin: 60px 0 0;
    display: grid;
    grid-template-columns: repeat(3, 340px);
    grid-auto-rows: minmax(174px, auto);
    gap: 30px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .grid-box-one {
    width: 340px;
    min-width: 340px;
    height: auto;
    min-height: 174px;
    margin: 0;
    padding: 24px;
    border: 1px solid #dce1eb;
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .icon-box {
    width: 40px;
    height: 40px;
    margin: 0 0 15px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .icon-box img {
    width: 40px;
    height: 40px;
    display: block;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .subheadings-3,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .textone {
    width: auto;
    max-width: 292px;
    text-align: left;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-accent-grid-3x2 {
    height: auto;
    min-height: 0;
    padding: 60px 0;
    background: #f4f4f9;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container {
    width: 335px;
    max-width: 335px;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex {
    width: 335px;
    height: auto;
    margin: 40px 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes {
    width: 335px;
    height: auto;
    min-height: 174px;
    margin: 0;
    padding: 30px 30px 30px 0;
    display: grid;
    grid-template-columns: 3px 275px;
    column-gap: 27px;
    row-gap: 20px;
    align-content: start;
    border: 1px solid #dce1eb;
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(1),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(2),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(4),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(5),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(6) {
    height: auto;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one {
    width: 335px;
    margin: 40px 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .grid-box-one {
    width: 335px;
    min-width: 335px;
    height: auto;
    min-height: 174px;
    margin: 0;
    padding: 24px;
    border: 1px solid #dce1eb;
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .icon-box {
    width: 40px;
    height: 40px;
    margin: 0 0 15px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .icon-box img {
    width: 40px;
    height: 40px;
    display: block;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .subheadings-3,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .textone {
    width: auto;
    max-width: 287px;
    text-align: left;
  }
}

.page-product #product-visual-sections .subheadings-3, .page-product #product-visual-sections .textone {
  margin-bottom:0;
  margin-top:0
}
.page-product #product-visual-sections .grid-box-one .textone {
  margin:0
}

.page-product #product-visual-sections .layout-copy-right-media-left-cta .row, .page-product #product-visual-sections .publish-android .row, .page-product #product-visual-sections .publish-pwa .row, .page-product #product-visual-sections .layout-copy-right-media-left .row, .page-product #product-visual-sections .layout-copy-top-media-bottom .row {
  align-items:center
}
.page-product #product-visual-sections .lottie-play-btn, .page-product #product-visual-sections .youtubelink div.open-modal {
  position:absolute;
  top:0;
  left:0;
  cursor:pointer
}
.page-product #product-visual-sections .youtubelink div.open-modal {
  width:100%;
  height:100%;
  z-index:1
}

.page-product #product-visual-sections .product-features-grid-one {
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    margin-top:60px
}
.page-product #product-visual-sections .grid-box-one .textone, .page-product #product-visual-sections .publish-android .subheadings-2, .page-product #product-visual-sections .publish-pwa .subheadings-2 {
  margin:0
}

.page-product #product-visual-sections .subheadings-3 {
    color:#0F193B;
    font-size:17px;
    font-family:'Outfit', Arial, sans-serif;
    font-weight:700;
    line-height:20px;
    margin-bottom:0;
    margin-top:0
}
/* Product section base styles (moved from common.css) */

/* ============================================
   SHARED PRODUCT BASE STYLES
   Typography, card, and section-level defaults
   used across multiple product layouts.
   ============================================ */

.page-product #product-visual-sections .businesssync {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 60px;
}

.page-product #product-visual-sections .appconversions .paraspace-three{
    margin-bottom: 0px;
    min-height: 54px;
    line-height: 18px;
}

.page-product #product-visual-sections .borderred{
    background-color:#ff5858
}

.page-product #product-visual-sections .more-conversions-three {
    margin: 0px 50px 0px 50px;
    width: 280px;
    height: 560px;
    overflow: hidden;
}

.page-product #product-visual-sections .borderorange{
    background-color: #FC8855
}

.page-product #product-visual-sections .borderyellow{
    background-color:#ffc834
}

.page-product #product-visual-sections .appconversions .subheadings-2 {
    margin-top: 91px;
    margin-bottom: 20px;
    line-height: 25px;
}

.page-product #product-visual-sections .appconversions .lottie-placeholder {
    cursor: pointer;
}

.page-product #product-visual-sections .sixboxes div {
    position: absolute;
    left: 0;
    top: 25px;
    width: 3px;
    height: 40px;
}

.page-product #product-visual-sections .youtubelink p {
    color: #1B2952;
    font-size: 13px;
    line-height: 18px;
    font-family: 'Outfit';font-weight:700;
    padding-left: 14px;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 6px;
}

.page-product #product-visual-sections .more-conversions-one, .page-product #product-visual-sections .more-conversions-two {
    min-width: 350px;
    width: 350px;
    position: relative;
    top: -4px;
}

.page-product #product-visual-sections .businesssync .subheadings-2{
    margin-bottom: 10px;
}

.page-product #product-visual-sections .appconversions .paraspace-one{
    margin-bottom: 79px;
    min-height: 62px;
    line-height: 18px;
}

.page-product #product-visual-sections .threestepsdetail {
    margin-bottom: 100px;
    padding-top: 100px;
}

.page-product #product-visual-sections .youtubelink div.open-modal{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1;
    cursor:pointer
}

.page-product #product-visual-sections .layout-center-media-sides .subheadings-1 {
    margin-bottom: 60px;
}

.page-product #product-visual-sections .businesssync .sixboxes {
    flex: 1 1 calc((100% - 40px) / 3);
    background: #fff;
    border: 1px solid #DCE1EB;
    border-radius: 6px;
    box-sizing: border-box;
    align-items: stretch;
    position: relative;
    padding: 30px;
}

.page-product #product-visual-sections .threestepsdetail h3 {
    color: #3064F9;
    font-size: 24px;
    font-family: 'Outfit';font-weight:700;
    line-height: 30px;
}

.page-product #product-visual-sections .youtubelink p span {
    color: #7782A1;
    font-size: 12px;
    line-height: 16.13px;
    font-family: 'Outfit';
    position: relative;
    top: 0;
}

.page-product #product-visual-sections .more-conversions-zero {
    display: none;
}

.page-product #product-visual-sections .businesssync .sixboxes > * {
    flex-grow: 1;
}

.page-product #product-visual-sections .borderblue{
    background-color: #7297FF
}

.page-product #product-visual-sections .icon-box{
    width:40px;
    height:40px
}
.page-product #product-visual-sections .grid-box-one{
    width:calc((100% - 60px) / 3);
    background-color:#fff;
    border:1px solid #DCE1EB;
    padding:23px;
    border-radius:6px
}
.page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one-link{
    position: relative;
    padding-right: 23px;
}
.page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one-link > a{
    position: absolute;
    inset: 0;
    z-index: 2;
}
.page-product #product-visual-sections .layout-icon-grid-3x2 .features-arrow{
    position: absolute;
    top: 33px;
    right: 23px;
    width: 20px;
    height: 20px;
}
.page-product #product-visual-sections .threestepsdetail .stats{
    width:270px;
    max-width:270px
}

.page-product #product-visual-sections .businesssync .sixboxes > .normaltext{
    line-height: 18px;
    margin-bottom: 0px;
}

.page-product #product-visual-sections .youtubelink{
    display: flex;
    align-items: center;
    position:relative;
    margin-bottom:4px
}

.page-product #product-visual-sections .appconversions .paraspace-two{
    margin-bottom: 79px;
    min-height: 54px;
    line-height: 18px;
}

.page-product #product-visual-sections .threestepsdetail.midflex p {
    width: 80%;
    margin-bottom: 0px;
    margin-top: 8px;
    line-height: 18px;
}

.page-product #product-visual-sections .borderlightblue{
    background-color: #47C2FF
}

.page-product #product-visual-sections .youtubelink div{
    min-width:49px
}

.page-product #product-visual-sections .youtubelink img {
    width: 49px;
    min-width: 49px;
    max-width: 49px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    flex: 0 0 49px;
    display: block;
    object-fit: contain;
}

.page-product #product-visual-sections .businesssync .sixboxes > .subheadings-2{
    line-height: 25px;
}

.page-product #product-visual-sections .bordergreen{
    background-color:#83d298
}

/* ============================================
   PAGE-PRODUCT HERO OVERRIDES (moved from common.css)
   ============================================ */

.page-product #product-visual-sections .homebanner h1, .page-product #product-visual-sections .homebanner h3, .page-product #product-visual-sections .homebanner h4 {
  font-family:'Outfit';
  font-weight:700
}

.page-product #product-visual-sections .demo-btn, .page-product #product-visual-sections .homebannerimg .lottie-placeholder {
    cursor:pointer
}

.page-product #product-visual-sections .homebanner .row {
    align-items:center
}

.page-product #product-visual-sections .homebanner-subsection:last-child {
  margin-bottom:0
}

.page-product #product-visual-sections .homebanner h2, .page-product #product-visual-sections .homebanner h4 span {
  font-size:16px
}

.page-product #product-visual-sections .homebanner .bannerstats, .page-product #product-visual-sections .homebanner h4 {
  margin:30px 0 0;
  font-family:'Outfit';
  font-weight:700
}

.page-product #product-visual-sections .homebannerimg .lottie-wrapper {
    position:relative;
    overflow:hidden;
    height:540px;
    max-width:780px
}

.page-product #product-visual-sections .demo-btn, .page-product #product-visual-sections .homebannerbtn {
    width:220px;
    height:54px;
    text-decoration:none;
    border-radius:4px;
    align-items:center;
    display:flex
}

.page-product #product-visual-sections .homebanner-subsection div:first-child {
    width:28px;
    position:relative;
    top:0;
    height:20px
}

.page-product #product-visual-sections .homebanner {
    position:relative
}

.page-product #product-visual-sections .homebanner .container {
    padding:76px 0 75px 15px
}

.page-product #product-visual-sections .homebanner h1 {
    font-size:48px;
    line-height:64px;
    margin-bottom:0;
    font-family: 'Outfit', Arial, sans-serif;
    font-weight: 700;
    width:102%
}

.page-product #product-visual-sections .homebanner h2 {
    font-size:16px;
    margin:15px 0 30px 0;
    line-height:24px;
    width:88%;
    color:#5F6578
}

.page-product #product-visual-sections .homebannerimg {
    position:absolute;
    right:0;
    width:50%;
    padding-left:35px;
    padding-right:20px;
    background-image:url(../images/agency-banner-new-web.webp);
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    background-position:center
}

.page-product #product-visual-sections .homebannerbtn {
    background-color:#3064F9;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:.3s;
    width:220px;
    height:54px;
    text-decoration:none;
    border-radius:4px;
    border: 1px solid #3064f9;
    box-sizing: border-box
}

.page-product #product-visual-sections .homebannerbtn:hover,
.page-product #product-visual-sections .homebannerbtn:focus-visible {
    background-color: transparent;
    color: #3064f9;
    border-color: #3064f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
}

.page-product #product-visual-sections .demo-btn:hover,
.page-product #product-visual-sections .demo-btn:focus-visible {
    background-color: #3064f9;
    color: #ffffff;
    border-color: #3064f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
}

.page-product #product-visual-sections .homebanner .simpleflex .demo-btn:hover,
.page-product #product-visual-sections .homebanner .simpleflex .demo-btn:focus-visible,
.page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex .demo-btn:hover,
.page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex .demo-btn:focus-visible {
    background-color: #3064f9;
    color: #ffffff;
    border-color: #3064f9;
}

.page-product #product-visual-sections .demo-btn:hover svg,
.page-product #product-visual-sections .demo-btn:focus-visible svg {
    fill: #ffffff;
}

.page-product #product-visual-sections .homebanner .simpleflex .demo-btn:hover svg,
.page-product #product-visual-sections .homebanner .simpleflex .demo-btn:focus-visible svg,
.page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex .demo-btn:hover svg,
.page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex .demo-btn:focus-visible svg {
    fill: #ffffff;
}

.page-product #product-visual-sections .homebanner .simpleflex .demo-btn:hover .hero-demo-arrow img,
.page-product #product-visual-sections .homebanner .simpleflex .demo-btn:focus-visible .hero-demo-arrow img,
.page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex .demo-btn:hover .hero-demo-arrow img,
.page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex .demo-btn:focus-visible .hero-demo-arrow img {
    filter: brightness(0) invert(1);
}

.page-product #product-visual-sections .demo-btn svg {
  position: static;
  top: auto;
  display: block;
  width: 13.222px;
  height: 17px;
  margin: 0;
  flex: 0 0 auto;
  align-self: center;
}

.page-product #product-visual-sections .demo-btn .hero-demo-arrow,
.page-product #product-visual-sections .demo-btn .hero-demo-arrow img {
  position: static;
  top: auto;
  display: block;
  width: 13.222px;
  height: 17px;
  margin: 0;
  flex: 0 0 auto;
  align-self: center;
}

.page-product #product-visual-sections .homebanner-subsection .hero-bullet-icon,
.page-product #product-visual-sections .homebanner-subsection .hero-bullet-icon img {
  display: block;
  width: 18px;
  height: 18px;
}

.page-product #product-visual-sections .homebannerbtn svg {
  position: relative;
  top: -2px;
}

.page-product #product-visual-sections .homebanner-list {
    margin-bottom:27px
}

.page-product #product-visual-sections .homebanner-subsection {
    display:flex;
    align-items:center;
    margin-bottom:1px
}

.page-product #product-visual-sections .homebanner-subsection div:nth-child(1) {
  width:28px;
  position:relative;
  top:3px
}

.page-product #product-visual-sections .homebanner div p {
    color:#5F6578;
    font-size:16px;
    margin-bottom:0;
    margin-top:0;
    line-height:46px;
    width:102%
}

.page-product #product-visual-sections .homebanner .bannerstats {
    font-family:'Outfit';
    font-weight:700;
    font-size:16px;
    margin:30px 0 0;
    color:#0f193b;
    line-height:25px
}

.page-product #product-visual-sections .homebanner .hero-woocertified {
    width:max-content;
    max-width:322px;
    height:30px;
    margin:30px 0 0;
    display:flex;
    align-items:center;
    gap:15px
}

.page-product #product-visual-sections .homebanner .hero-woocertified img {
    width:64px;
    height:17px;
    margin:0;
    display:block;
    flex:0 0 64px
}

.page-product #product-visual-sections .homebanner .hero-woocertified .woo-divider {
    width:1px;
    height:30px;
    background:#dce1eb;
    flex:0 0 1px
}

.page-product #product-visual-sections .homebanner .hero-woocertified .woo-certified-text {
    display:block;
    font-family:'Axiforma', 'Outfit', sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:normal;
    letter-spacing:0;
    white-space:nowrap
}

.page-product #product-visual-sections .homebanner .hero-woocertified .woo-certified-text span {
    display:inline;
    font:inherit;
    letter-spacing:inherit;
    line-height:inherit
}

.page-product #product-visual-sections .homebanner .hero-woocertified .woo-certified-text span:first-child {
    color:#7782a1
}

.page-product #product-visual-sections .homebanner .hero-woocertified .woo-certified-text span:last-child {
    color:#b8bfd0;
    white-space:nowrap
}

.page-product #product-visual-sections .effortless-woocommerce-logo {
    width:85px;
    height:22px;
    vertical-align:middle
}

/* ============================================
   GENERIC DESKTOP RESPONSIVE RULES
   Shared desktop scaling rules that apply before
   page/layout-specific parity blocks.
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .grid-box-one .subheadings-3 {
    font-size:clamp(18px,  18px + 2 * ((100vw - 1024px) / 475),  20px)
  }
  .page-product #product-visual-sections .lottie-wrapper {
    height:max-content
  }
    
  
  
  
  .page-product #product-visual-sections .product-features-grid-one {
    gap:clamp(20px, 20px + 10 * ((100vw - 1024px) / 475), 30px);
    margin-top:clamp(40px, 40px + 18 * ((100vw - 1024px) / 475), 58px)
}
  .page-product #product-visual-sections .subheadings-3 {
    font-size:clamp(16px,  16px + 4 * ((100vw - 1024px) / 475),  20px);
      line-height:clamp(21px,  21px + 4 * ((100vw - 1024px) / 475),  25px)
  }
  .page-product #product-visual-sections .textone {
    font-size:clamp(12px,  12px + 2 * ((100vw - 1024px) / 475),  14px);
      line-height:clamp(16px,  16px + 2 * ((100vw - 1024px) / 475),  18px)
  }
  

  .page-product #product-visual-sections img {
    height:auto;
    max-width:100%
}

  /* Product section desktop styles (moved from common.css) */
    .page-product #product-visual-sections .youtubelink p {
        font-size: clamp(11px, 11px + 2 * ((100vw - 1024px) / 475), 13px);
    }
    .page-product #product-visual-sections .youtubelink p span{
        font-size: clamp(10px, 10px + 2 * ((100vw - 1024px) / 475), 12px);
    }
    .page-product #product-visual-sections .layout-center-media-sides .subheadings-1{
        margin-bottom: clamp(40px, calc(40px + (20 * ((100vw - 1025px) / 475))), 60px);
    }
    .page-product #product-visual-sections .appconversions .subheadings-2 {
        margin-top: clamp(40px, calc(40px + (51 * ((100vw - 1025px) / 475))), 91px);
    }
    .page-product #product-visual-sections .businesssync{
        margin-top: clamp(40px, calc(40px + (20 * ((100vw - 1025px) / 475))), 60px);
    }
    .page-product #product-visual-sections .businesssync .sixboxes{
        padding: clamp(20px, calc(20px + (10 * ((100vw - 1025px) / 475))), 30px);
    }
    .page-product #product-visual-sections .threestepsdetail h3 {
        font-size: clamp(20px, 20px + 4 * ((100vw - 1024px) / 475), 24px);
    }
    .page-product #product-visual-sections .threestepsdetail .stats {
        width: 25%;
        max-width: 25%;
    }
    .page-product #product-visual-sections .threestepsdetail {
        margin-bottom: clamp(60px, 60px + 35 * ((100vw - 1024px) / 475), 95px);
        padding-top: clamp(60px, 60px + 35 * ((100vw - 1024px) / 475), 95px);
    }
    .page-product #product-visual-sections .appconversions .paraspace-one {
        min-height: clamp(52px, 52px + 20 * ((100vw - 1024px) / 475), 72px);
        margin-bottom: 0px;
    }
    .page-product #product-visual-sections .appconversions .paraspace-two{
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .page-product #product-visual-sections .more-conversions-three {
        width: clamp(200px, 200px + 100 * ((100vw - 1024px) / 475), 300px);
        height: clamp(355px, calc(355px + (165 * ((100vw - 1025px) / 475))), 520px);
        margin-left: clamp(20px, 20px + 40 * ((100vw - 1024px) / 475), 60px);
        margin-right: clamp(20px, 20px + 40 * ((100vw - 1024px) / 475), 60px);
    }
  .page-product #product-visual-sections .homebannerimgmob {
    display:none
  }
  .page-product #product-visual-sections .homebanner h1 {
    font-size:clamp(36px, 36px + 12 * ((100vw - 1024px) / 475), 48px);
    line-height:clamp(45px, 45px + 22 * ((100vw - 1024px) / 475), 67px)
  }
  .page-product #product-visual-sections .homebanner h1 .desktop-break-target {
    display:block
  }
  .page-product #product-visual-sections .homebanner h1 .hero-mobile-intro,
  .page-product #product-visual-sections .homebanner h1 .hero-brand-break {
    display:inline
  }
  .page-product #product-visual-sections .homebannerimg .lottie-wrapper {
    height:clamp(400px, calc(400px + (140 * ((100vw - 1024px)/ 476))), 540px)
  }
  .page-product #product-visual-sections .homebanner h2 {
    font-size:clamp(14px, 14px + 2 * ((100vw - 1024px) / 475), 16px);
    line-height:clamp(22px, 22px + 6 * ((100vw - 1024px) / 475), 28px);
    margin-bottom:clamp(20px, 20px + 20 * ((100vw - 1024px) / 475), 40px)
  }
  .page-product #product-visual-sections .homebanner-subsection svg path {
    fill:#7782A1
  }
  .page-product #product-visual-sections .homebanner div p {
    line-height:clamp(40px, 40px + 6 * ((100vw - 1024px) / 475), 46px);
    font-size:clamp(13px, 13px + 3 * ((100vw - 1024px) / 475), 16px)
  }
  .page-product #product-visual-sections .homebanner {
    height:clamp(550px, 550px + 170 * ((100vw - 1024px) / 475), 720px);
    overflow:hidden
  }
  /* Hero CTA clamp group (desktop) */
  .page-product #product-visual-sections .demo-btn, .page-product #product-visual-sections .homebannerbtn {
    width:clamp(180px, 180px + 40 * ((100vw - 1024px) / 475), 220px);
    height:clamp(44px, 44px + 10 * ((100vw - 1024px) / 475), 54px);
    font-size:clamp(13px, 13px + 3 * ((100vw - 1024px) / 475), 16px)
  }
}


/* ============================================
   GENERIC MOBILE RESPONSIVE RULES
   Shared mobile typography and hero-flow rules
   that apply before page/layout-specific blocks.
   ============================================ */

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .section-headings {
    font-size:26px;
    line-height:33px
  }
  .page-product #product-visual-sections .subheadings-1 {
    font-size:16px;
    line-height:20px
  }
  .page-product #product-visual-sections .subheadings-2 {
    font-size:20px;
    line-height:25px
  }
  .page-product #product-visual-sections .normaltext {
    font-size:14px;
    line-height:18px
  }
  .page-product #product-visual-sections .subheading-top {
    margin-top:20px
  }
  .page-product #product-visual-sections .container {
    padding-left:20px;
    padding-right:20px
  }
  .page-product #product-visual-sections .container a {
    font-size:16px
  }
  .page-product #product-visual-sections .container a.homebannerbtn,
  .page-product #product-visual-sections .container a.demo-btn {
    font-size:16px
  }
  .page-product #product-visual-sections .subheadings-3 {
    font-size:20px;
    line-height:25px
  }
  .page-product #product-visual-sections .textone {
    font-size:14px;
    line-height:18px
  }
  .page-product #product-visual-sections .grid-box-one .subheadings-3 {
    margin-top:15px;
    margin-bottom:10px
  }
  .page-product #product-visual-sections .product-features-grid-one {
    gap:20px;
    margin-top:40px
  }
  .page-product #product-visual-sections .subheadings-2 {
    margin-bottom:15px
  }
  .page-product #product-visual-sections .appconversions .subheadings-2 {
    margin-bottom:15px
  }
  .page-product #product-visual-sections .youtubelink p span {
    font-weight:400
  }

    .page-product #product-visual-sections .layout-copy-left-media-right .row .col-md-6 .subheadings-2, .page-product #product-visual-sections .layout-copy-right-media-left .row, .page-product #product-visual-sections .layout-copy-top-media-bottom img {margin-top:40px}
  .page-product #product-visual-sections .grid-box-one {width:100%}
  .page-product #product-visual-sections .bottombar a, .page-product #product-visual-sections .layout-copy-top-media-bottom.padding-bottom-100 {
    padding-bottom:0
  }
  .page-product #product-visual-sections .layout-copy-right-media-left {padding-bottom:60px}
  .page-product #product-visual-sections .layout-copy-right-media-left .row .col-md-6:nth-child(2) p, .page-product #product-visual-sections .layout-copy-left-media-right .col-md-6:first-child p, .page-product #product-visual-sections .layout-copy-left-media-right .subheadings-1, .page-product #product-visual-sections .layout-copy-left-media-right .mobileshow {margin-bottom:40px}
  .page-product #product-visual-sections .layout-copy-right-media-left .row .col-md-6:nth-child(2) p:last-child, .page-product #product-visual-sections .layout-copy-left-media-right .normaltext {margin-bottom:0}
  .page-product #product-visual-sections .layout-copy-right-media-left .row .col-md-6:nth-child(2) {
    padding-left:15px
  }
  
    
  .page-product #product-visual-sections .layout-copy-left-media-right .col-md-6 .mobileshow {
    margin-bottom:40px
  }
  .page-product #product-visual-sections .layout-copy-right-media-left .row img, .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync .sixboxes:nth-child(4), .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync .sixboxes:nth-child(5) {margin-bottom:20px}
  .page-product #product-visual-sections .layout-copy-right-media-left .row p {
    margin-bottom:40px;
      margin-top:15px
  }
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync .sixboxes {
    height:auto
  }
  
  .page-product #product-visual-sections .grid-box-one, .page-product #product-visual-sections .publish-android .subheadings-1, .page-product #product-visual-sections .publish-pwa .subheadings-1, .page-product #product-visual-sections .layout-copy-right-media-left a, .page-product #product-visual-sections .layout-copy-right-media-left p, .page-product #product-visual-sections .layout-copy-top-media-bottom a {width:100%}
  
  
  
  
  
  
  .page-product #product-visual-sections br {display:none}
  .page-product #product-visual-sections .publish-pwa .col-md-6:nth-child(2), .page-product #product-visual-sections .layout-copy-right-media-left .col-md-6:first-child {
    padding-left:15px
  } 
  
  
  
  
    .page-product #product-visual-sections img {
    min-width:auto;
    width:auto;
    height:auto;
    max-width:100%
}
  
    
  
  
  
  
  
  .page-product #product-visual-sections h1 {
    font-size:28px;
    line-height:38px
}

  /* Product section mobile styles (moved from common.css) */
    .page-product #product-visual-sections .layout-center-media-sides .subheadings-1 {
        margin-bottom: 40px;
    }
    .page-product #product-visual-sections .layout-center-media-sides .appconversions{
        display: block;
    }
    .page-product #product-visual-sections .threestepsdetail {
        margin-bottom: 60px;
        padding-top: 0px;
    }
    .page-product #product-visual-sections .threestepsdetail.midflex {
        display: block;
    }
    .page-product #product-visual-sections .threestepsdetail .stats {
        width: 100%;
    }
    .page-product #product-visual-sections .threestepsdetail.midflex p {
        margin-bottom: 40px;
    }
    .page-product #product-visual-sections .youtubelink {
        margin-bottom: 0px;
    }
    .page-product #product-visual-sections .threestepsdetail.midflex div:last-child p {
        margin-bottom: 0px;
    }
    .page-product #product-visual-sections .appconversions .text-right{
        text-align: left;
        margin-top: 0px;
    }
    .page-product #product-visual-sections .appconversions .subheadings-2 {
        margin-top: 0px;
    }
    .page-product #product-visual-sections .appconversions .paraspace-one , .page-product #product-visual-sections .appconversions .paraspace-two , .page-product #product-visual-sections .appconversions .paraspace-three {
        margin-bottom: 40px;
        min-height: max-content;
    }
    .page-product #product-visual-sections .more-conversions-zero {
        display: block;
        text-align: center;
        padding-right: 0px;
        margin: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .page-product #product-visual-sections .more-conversions-zero .lottie-wrapper {
        margin: auto;
        width: 280px;
        height: 560px;
    }
    .page-product #product-visual-sections .more-conversions-zero .lottie-play-btn {
        width: 113px;
        height: 113px;
    }
    .page-product #product-visual-sections .more-conversions-three{
        display: none;
    }
    .page-product #product-visual-sections .businesssync .sixboxes {
        flex: 1 1 calc((100% - 40px) / 1);
    }
    .page-product #product-visual-sections .businesssync {
        margin-top: 40px;
    }
    .page-product #product-visual-sections .more-conversions-one, .page-product #product-visual-sections .more-conversions-two {
        min-width: 100%;
        width: 100%;
    }
    .page-product #product-visual-sections .appconversions.midflex {
        display: block;
        align-items: center;
        justify-content: space-between;
    }
    .page-product #product-visual-sections .appconversions.midflex, .page-product #product-visual-sections .threestepsdetail.allflex {
        display: block;
    }
    .page-product #product-visual-sections .businesssync div:last-child, .page-product #product-visual-sections .threestepsdetail.allflex div:last-child p, .page-product #product-visual-sections .youtubelink {
        margin-bottom: 0;
    }
    .page-product #product-visual-sections .more-conversions-zero, .page-product #product-visual-sections .threestepsdetail.midflex {
        display: block;
    }

  .page-product #product-visual-sections .homebanner h1 br, .page-product #product-visual-sections .homebanner h2 br, .page-product #product-visual-sections .two-btn-set .demo-btn {
    display:none
  }
  .page-product #product-visual-sections .homebannerimgmob {
    display:flex;
    margin-top:0
  }
  .page-product #product-visual-sections .homebannerimgmob .lottie-wrapper {
    height:clamp(230px, calc(230px + (39 * ((100vw - 360px)/ 70))), 269px);
    overflow:hidden;
    position:relative
  }
  .page-product #product-visual-sections .homebannerimgmob .lottie-placeholder {
    cursor:pointer
  }
  .page-product #product-visual-sections .homebanner div p {
    font-size:16px;
    margin-bottom:0;
    margin-top:0;
    line-height:20px
  }
  .page-product #product-visual-sections .homebanner-subsection {
    display:flex;
    align-items:center;
    margin-bottom:30px
  }
  .page-product #product-visual-sections .homebanner-subsection div:first-child {
    width:28px;
    position:relative;
    top:0;
    height:18px
  }
  .page-product #product-visual-sections .homebannerimg .lottie-wrapper {
    height:clamp(211px, calc(211px + (33 * ((100vw - 360px)/ 70))), 244px);
    overflow:hidden;
    position:relative
  }
  .page-product #product-visual-sections .homebanner img {
    margin:auto
  }
  .page-product #product-visual-sections .homebanner-list {
    margin-top:0;
    margin-bottom:40px
  }
  .page-product #product-visual-sections .homebanner .bannerstats {
    margin-top:0;
    margin-bottom:40px;
    font-family:'Outfit', sans-serif;
    font-weight:700;
    font-size:16px;
    color:#0f193b;
    line-height:normal
  }
  .page-product #product-visual-sections .homebanner .hero-woocertified {
    margin:0 0 40px
  }
  .page-product #product-visual-sections .effortless-woocommerce-logo {
    width:50px;
    height:15px
  }
  .page-product #product-visual-sections .homebanner h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .page-product #product-visual-sections .homebanner h1 br {
    display:none
  }
  .page-product #product-visual-sections .homebanner h1 .desktop-break-target {
    display:inline;
  }
  .page-product #product-visual-sections .homebanner h1 .hero-mobile-intro,
  .page-product #product-visual-sections .homebanner h1 .hero-brand-break,
  .page-product #product-visual-sections .homebanner h1 .desktop-break-target {
    display:block;
  }
  .page-product #product-visual-sections .homebanner h2 {
    font-size: 16px;
    margin: 20px 0 40px 0;
    line-height: 20px;
    width: 100%;
  }
  .page-product #product-visual-sections .homebanner .simpleflex {
    margin-bottom:40px;
    display:flex;
    flex-direction:column;
    gap:20px
  }
  .page-product #product-visual-sections .homebanner .homebannerbtn {
    width:100%;
    height:54px;
    font-size:16px;
    border-radius:4px
  }
  .page-product #product-visual-sections .homebanner .demo-btn {
    width:100%;
    height:54px;
    font-size:16px;
    margin:0;
    border:1px solid #3064f9;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .page-product #product-visual-sections .homebanner .container .row .col-md-6:nth-child(2) {
    padding:0
  }
  .page-product #product-visual-sections .homebanner .container {
    padding:0 20px;
    overflow:hidden
  }
  .page-product #product-visual-sections .homebanner {
    padding:40px 0 0 0px;
    text-align:left;
  }
  .page-product #product-visual-sections .homebanner .midflex {
    justify-content:flex-start;
  }
  .page-product #product-visual-sections .homebanner .simpleflex a {
    width:100%;
    height:50px;
    font-size:16px;
    margin-bottom:20px;
    margin-left:0;
    margin-right:0
  }
}

/* ============================================
   WEBTOAPP HERO FINAL AUTHORITY (hero-first)
   - scoped to webtoapp hero only
   - appended last to neutralize legacy cascade
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .homebanner.layout-hero-split {
    height: 720px;
    padding-top: 0;
    padding-bottom: 0;
    background: #f8f8fd;
    overflow: hidden;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .container {
    width: 100%;
    max-width: 1080px;
    height: 720px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 75px 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .row {
    display: flex;
    align-items: flex-start;
    height: 570px;
    margin-left: 0;
    margin-right: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .col-md-6 {
    flex: 0 0 540px;
    max-width: 540px;
    padding-left: 0;
    padding-right: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .row > .col-md-6:first-child {
    height: 570px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split h1 {
    width: 540px;
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: normal;
    color: #0f193b;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split h2 {
    width: 540px;
    margin: 20px 0 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
    color: #5f6578;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .hero-copy-frame {
    width: 540px;
    height: auto;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-list {
    width: 540px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection {
    display: flex;
    align-items: flex-start;
    margin-bottom: 22px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection:last-child {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection div:first-child {
    width: 18px;
    height: 18px;
    top: 1px;
    margin-right: 10px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection p {
    width: auto;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex {
    width: 460px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerbtn,
  .page-product #product-visual-sections .homebanner.layout-hero-split .demo-btn {
    width: 220px;
    height: 54px;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .demo-btn {
    margin: 0;
    border: 1px solid #3064f9;
    border-radius: 4px;
    color: #3064f9;
    background: transparent;
    justify-content: center;
    gap: 6px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .bannerstats {
    width: max-content;
    display: block;
    margin-top: 30px;
    margin-bottom: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: normal;
    color: #0f193b;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg {
    position: absolute;
    left: calc(50% + 35px);
    top: 146px;
    right: auto;
    width: 620px;
    height: 429px;
    padding: 0;
    background-image: none;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg:has(.product-hero-ai-input-row) {
    top: 110px;
    height: 500px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .product-hero-ai-input-row {
    display: block;
    width: 620px;
    height: 54px;
    margin: 0 0 17px;
    text-decoration: none;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .product-hero-ai-input-row img {
    display: block;
    width: 620px;
    height: 54px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg .lottie-wrapper {
    width: 620px;
    height: 429px;
    max-width: none;
    position: relative;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg .lottie-placeholder {
    display: block;
    width: 620px;
    height: 429px;
    margin: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg .lottie-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 199px;
    height: 199px;
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg .lottie-play-btn img {
    display: block;
    width: 199px;
    height: 199px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob {
    display: none;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .homebanner.layout-hero-split {
    height: auto;
    min-height: 0;
    padding: 8px 0 40px;
    text-align: left;
    background: #f8f8fd;
    overflow: hidden;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .container {
    width: 375px;
    max-width: none;
    margin: 0 auto;
    padding: 32px 20px 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .row {
    margin-left: 0;
    margin-right: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .hero-copy-frame {
    width: 335px;
    height: auto;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split h1 {
    width: 335px;
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: normal;
    color: #0f193b;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split h2 {
    width: 335px;
    margin: 20px 0 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
    color: #5f6578;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-list {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection:last-child {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection div:first-child {
    width: 18px;
    height: 18px;
    top: 0;
    margin-right: 10px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebanner-subsection p {
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .simpleflex {
    width: 335px;
    height: 128px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerbtn,
  .page-product #product-visual-sections .homebanner.layout-hero-split .demo-btn {
    width: 335px;
    height: 54px;
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .demo-btn {
    border: 1px solid #3064f9;
    border-radius: 4px;
    color: #3064f9;
    background: transparent;
    justify-content: center;
    gap: 6px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .bannerstats {
    width: max-content;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    color: #0f193b;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg {
    display: none;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob {
    width: 335px;
    height: 232px;
    margin-top: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob:has(.product-hero-ai-input-row) {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob .product-hero-ai-input-row {
    display: block;
    width: 335px;
    height: 54px;
    margin: 0 0 20px;
    text-decoration: none;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob .product-hero-ai-input-row img {
    display: block;
    width: 335px;
    height: 54px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob:has(.product-hero-ai-input-row) .lottie-wrapper {
    flex: 0 0 auto;
    width: 335px;
    height: 232px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob .lottie-wrapper {
    width: 335px;
    height: 232px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob .lottie-placeholder {
    display: block;
    width: 335px;
    height: 232px;
    margin: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob .lottie-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 163px;
    height: 163px;
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob .lottie-play-btn img {
    display: block;
    width: 163px;
    height: 163px;
  }

  .agency-page.page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob {
    width: 335px;
    height: 313px;
  }

  .agency-page.page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob > img {
    display: block;
    width: 335px;
    height: 313px;
  }
}

/* ============================================
   WEBTOAPP THREESTEPS PARITY (section under hero)
   Scope: only webtoapp via hero + adjacent section chain
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides {
    height: 1071px;
    padding: 100px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides > .container {
    width: 1080px;
    max-width: 1080px;
    height: 871px;
    padding: 0;
    margin: 0 auto;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .section-headings {
    width: 1080px;
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #0f193b;
    text-align: center;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #5f6578;
    text-align: center;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex {
    position: relative;
    width: 1080px;
    height: 560px;
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-zero {
    display: none;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three {
    display: block;
    position: absolute;
    left: 400px;
    top: 0;
    width: 280px;
    height: 560px;
    margin: 0;
    overflow: hidden;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three .lottie-wrapper {
    position: relative;
    width: 280px;
    height: 560px;
    margin: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three .lottie-placeholder {
    display: block;
    width: 280px;
    height: 560px;
    margin: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three .lottie-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 169px;
    height: 169px;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    z-index: 2;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three .lottie-play-btn img {
    display: block;
    width: 169px;
    height: 169px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two {
    width: 350px;
    min-width: 350px;
    margin: 0;
    height: 560px;
    padding-top: 0;
    display: block;
    position: relative;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 350px;
    margin: 0;
    position: absolute;
    left: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row + .feature-row {
    margin-top: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .subheadings-2,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .subheadings-2 {
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #0f193b;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one p,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two p {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #5f6578;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row .paraspace-one,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row .paraspace-two,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row .paraspace-three {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row:nth-child(1) {
    top: var(--threesteps-row-1-top, 46px);
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row:nth-child(2) {
    top: var(--threesteps-row-2-top, 225px);
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row:nth-child(3) {
    top: var(--threesteps-row-3-top, 422px);
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="webtoapp-3"] {
    --threesteps-row-1-top: 46px;
    --threesteps-row-2-top: 225px;
    --threesteps-row-3-top: 422px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="custom-3"] {
    --threesteps-row-1-top: 46px;
    --threesteps-row-2-top: 243px;
    --threesteps-row-3-top: 422px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="wordpress-3"] {
    --threesteps-row-1-top: 53px;
    --threesteps-row-2-top: 234px;
    --threesteps-row-3-top: 433px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="woocommerce-3"] {
    --threesteps-row-1-top: 29px;
    --threesteps-row-2-top: 226px;
    --threesteps-row-3-top: 423px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex:not([data-row-pattern]) {
    --threesteps-row-1-top: 48px;
    --threesteps-row-2-top: 225px;
    --threesteps-row-3-top: 402px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="two-standard"] {
    --threesteps-row-1-top: 135px;
    --threesteps-row-2-top: 334px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="two-tall-first"] {
    --threesteps-row-1-top: 113px;
    --threesteps-row-2-top: 355px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="custom-3"]),
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="wordpress-3"]),
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]) {
    height: 1091px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="custom-3"]) > .container,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="wordpress-3"]) > .container,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]) > .container {
    height: 891px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .text-right,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .subheadings-2,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one p {
    text-align: right;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .text-left,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .subheadings-2,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two p {
    text-align: left;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one[data-stack-count="3"],
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two[data-stack-count="3"] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 100px;
    padding-top: 46px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one[data-stack-count="3"] .feature-row,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two[data-stack-count="3"] .feature-row {
    position: static;
    left: auto;
    top: auto;
    width: 350px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex:has(.more-conversions-one[data-stack-count="2"]):has(.more-conversions-two[data-stack-count="2"]) .more-conversions-one,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex:has(.more-conversions-one[data-stack-count="2"]):has(.more-conversions-two[data-stack-count="2"]) .more-conversions-two {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 60px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex:has(.more-conversions-one[data-stack-count="2"]):has(.more-conversions-two[data-stack-count="2"]) .feature-row {
    position: static;
    left: auto;
    top: auto;
    width: 350px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail {
    margin: 100px 0 0;
    padding-top: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail.midflex {
    width: 1080px;
    height: 56px;
    margin: 100px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail .stats {
    width: 270px;
    max-width: 270px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail h3 {
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #3064f9;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail p {
    width: 270px;
    margin: 8px 0 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #5f6578;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .youtubelink {
    width: 270px;
    margin: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .youtubelink p {
    width: 181px;
    margin: 0;
    padding-left: 0;
    color: #1b2952;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .youtubelink p span {
    display: block;
    position: static;
    color: #7782a1;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
  }
}

/* ============================================
   WEBTOAPP ONECLICK PARITY
   Figma desktop: 8065:39598
   Figma mobile: 6159:41184
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-copy-right-media-left {
    height: 895px;
    min-height: 895px;
    padding: 100px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left > .container {
    width: 1080px;
    max-width: 1080px;
    height: 695px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .section-headings {
    width: 1080px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row {
    width: 1080px;
    height: 540px;
    margin: 60px 0 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 60px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:first-child {
    width: 540px;
    max-width: 540px;
    min-width: 540px;
    height: 540px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) {
    width: 480px;
    max-width: 480px;
    min-width: 480px;
    height: auto;
    padding-left: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:first-child .webshow {
    display: block;
    width: 540px;
    height: 540px;
    margin: 0;
    object-fit: cover;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:first-child .mobileshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) .subheadings-2 {
    width: 480px;
    margin: 0 0 20px;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) .subheadings-2:nth-of-type(n+2) {
    margin-top: 60px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) .normaltext {
    width: 480px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .webshow[data-desktop-src="/assets/images/products/webtoapp/effortless-setup-featured-image-desktop.webp"]) {
    height: 915px;
    min-height: 915px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .webshow[data-desktop-src="/assets/images/products/webtoapp/effortless-setup-featured-image-desktop.webp"]) > .container {
    height: 715px;
    min-height: 715px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/tailored-business-listings-featured-image-desktop.webp"]) {
    height: 915px;
    min-height: 915px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/tailored-business-listings-featured-image-desktop.webp"]) > .container {
    height: 715px;
    min-height: 715px;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-copy-right-media-left {
    height: 1154px;
    padding: 60px 0;
    overflow: hidden;
    background: #f4f4f9;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left > .container {
    width: 335px;
    max-width: 335px;
    height: 1034px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row {
    width: 335px;
    margin: 40px 0 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:first-child,
  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) {
    width: 335px;
    max-width: 335px;
    padding: 0;
    margin-top: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:first-child .webshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:first-child .mobileshow {
    display: block;
    width: 375px;
    height: 375px;
    min-width: 375px;
    max-width: 375px;
    margin: 0 0 40px -20px;
    object-fit: cover;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) .subheadings-2 {
    width: 335px;
    margin: 0 0 20px;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) .subheadings-2:nth-of-type(n+2) {
    margin-top: 40px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left .row > .col-md-6:nth-child(2) .normaltext {
    width: 335px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .mobileshow[width="428"][height="428"]) {
    height: 1143px;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .mobileshow[width="428"][height="428"]) > .container {
    height: 1023px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/wordpress-mobile-app-builder/one-plugin-connects-featured-image-mobile.webp"]) {
    height: 1136px;
    min-height: 1136px;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/wordpress-mobile-app-builder/one-plugin-connects-featured-image-mobile.webp"]) > .container {
    height: 1016px;
    min-height: 1016px;
  }
}

/* ============================================
   WEBTOAPP FEATURE GRID PRIMARY PARITY
   Figma desktop: 8065:39182
   Figma mobile: 6159:40884
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-icon-grid-3x2 {
    height: 733px;
    padding: 100px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2.background-blue-light {
    background: #f8f8fd;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 > .container {
    width: 1080px;
    max-width: 1080px;
    height: 533px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .section-headings {
    width: 1080px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .product-features-grid-one {
    width: 1080px;
    margin: 60px 0 0;
    display: grid;
    grid-template-columns: repeat(3, 340px);
    grid-auto-rows: minmax(174px, auto);
    column-gap: 30px;
    row-gap: 30px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one {
    width: 340px;
    min-width: 340px;
    height: auto;
    min-height: 174px;
    margin: 0;
    box-sizing: border-box;
    padding: 24px;
    border: 0;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px #dce1eb;
  }

.page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0 0 15px;
}

.page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box img {
  width: auto;
  height: auto;
  max-width: 40px;
  max-height: 40px;
  display: block;
  object-fit: contain;
}

.page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box img.woocommerce-plugin-logo {
  width: 60px;
  height: auto;
  max-width: 60px;
  max-height: none;
}

.page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box.woocommerce-plugin-logo-box {
  width: 60px;
  justify-content: flex-start;
}

  .page-product #product-visual-sections .layout-icon-grid-3x2 .subheadings-3 {
    width: 296px;
    margin: 0 0 10px;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .textone {
    width: 296px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-icon-grid-3x2 {
    height: 1430px;
    padding: 60px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2.background-blue-light {
    background: #f8f8fd;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 > .container {
    width: 335px;
    max-width: 335px;
    height: 1310px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .product-features-grid-one {
    width: 335px;
    margin: 40px 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one {
    width: 335px;
    min-width: 335px;
    height: auto;
    min-height: 0;
    margin: 0;
    box-sizing: border-box;
    padding: 23px;
    border: 1px solid #dce1eb;
    border-radius: 6px;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 0 15px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box img {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
    display: block;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box img.woocommerce-plugin-logo {
    width: 60px;
    height: auto;
    max-width: 60px;
    max-height: none;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box.woocommerce-plugin-logo-box {
    width: 60px;
    justify-content: flex-start;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .subheadings-3 {
    width: 287px;
    margin: 0 0 10px;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .textone {
    width: 287px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }
}

/* ============================================
   WEBTOAPP CONVERTER PARITY
   Figma desktop: 8065:39398
   Figma mobile: 6159:40972
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right {
    height: 895px;
    padding: 100px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right > .container {
    width: 1080px;
    max-width: 1080px;
    height: 695px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .section-headings {
    width: 1080px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative {
    width: 1080px;
    height: 540px;
    margin: 60px 0 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 60px;
    overflow: visible;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child {
    flex: 0 0 480px;
    width: 480px;
    max-width: 480px;
    height: auto;
    min-height: 0;
    padding: 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:nth-child(2) {
    flex: 0 0 700px;
    width: 700px;
    max-width: 700px;
    height: 540px;
    padding: 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .mobileshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:nth-child(2) .webshow {
    display: block;
    width: 700px;
    height: 540px;
    margin: 0;
    min-width: 700px;
    max-width: 700px;
    object-fit: cover;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:nth-child(2) .webshow[width="700"][height="540"]) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:nth-child(2) .webshow[width="700"][height="540"]) > .container {
    height: auto;
    min-height: 695px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .subheadings-2 {
    width: 480px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .normaltext {
    width: 480px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(1) {
    margin-top: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .normaltext:nth-of-type(1) {
    margin-top: 20px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(2),
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(3) {
    margin-top: 60px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .normaltext:nth-of-type(2),
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .normaltext:nth-of-type(3) {
    margin-top: 20px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right > .container > img.simpleflex.mobileshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) {
    height: auto;
    min-height: 540px;
    align-items: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative .simpleflex.webshow) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative .simpleflex.webshow) > .container {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) > .col-md-6:first-child {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) > .col-md-6:nth-child(2) {
    flex: 0 0 540px;
    width: 540px;
    max-width: 540px;
    height: 540px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) > .col-md-6:nth-child(2) .webshow.simpleflex {
    display: block;
    width: 540px;
    height: 540px;
    margin: 0;
    min-width: 540px;
    max-width: 540px;
    object-fit: cover;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) > .col-md-6:first-child .subheadings-2:not(:first-of-type) {
    margin-top: 60px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) > .col-md-6:first-child .normaltext {
    margin-top: 20px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(4)):has(.row.posrelative .simpleflex.webshow) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(4)):has(.row.posrelative .simpleflex.webshow) > .container {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(4)):has(.row.posrelative .simpleflex.webshow) .row.posrelative {
    height: auto;
    min-height: 540px;
    align-items: flex-start;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(4)):has(.row.posrelative .simpleflex.webshow) .row.posrelative > .col-md-6:first-child {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(4)):has(.row.posrelative .simpleflex.webshow) .row.posrelative > .col-md-6:first-child .subheadings-2:not(:first-of-type) {
    margin-top: 40px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(4)):has(.row.posrelative .simpleflex.webshow) .row.posrelative > .col-md-6:nth-child(2) {
    margin-top: 12.5px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) {
    width: 1080px;
    max-width: 1080px;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) .section-headings {
    width: 820px;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) > img {
    display: block;
    width: 1024px;
    height: 512px;
    margin: 60px auto 0;
    object-fit: cover;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) > img[width="1080"][height="500"] {
    width: 1080px;
    height: 500px;
    object-fit: contain;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right {
    height: auto;
    min-height: 0;
    padding: 60px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right > .container {
    width: 335px;
    max-width: 335px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative {
    width: 335px;
    margin: 40px 0 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child {
    width: 335px;
    max-width: 335px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:nth-child(2) {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .mobileshow {
    display: block;
    width: 335px;
    height: auto;
    margin: 0 0 40px;
    max-width: 335px;
    min-width: 0;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .subheadings-2 {
    width: 335px;
    margin: 0 0 15px;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(n+2) {
    margin-top: 40px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative > .col-md-6:first-child .normaltext {
    width: 335px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right > .container > img.simpleflex.mobileshow {
    display: block;
    width: 335px;
    height: auto;
    margin: 40px 0 0;
    max-width: 335px;
    min-width: 0;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) {
    margin-top: 40px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) > .col-md-6:first-child .subheadings-2 {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right .row.posrelative:has(.simpleflex.webshow) > .col-md-6:first-child .normaltext {
    margin-top: 15px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[width="388"][height="280"]),
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/shopify-mobile-app-builder/customize-featured-image-mobile.webp"]),
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/webtoapp/unified-design-featured-image-mobile.webp"]),
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/wordpress-mobile-app-builder/convert-wordpress-fast-featured-image-mobile.webp"]),
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/woocommerce-mobile-app-builder/design-mobile-apps-featured-image-mobile.webp"]) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[width="388"][height="280"]) > .container,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/shopify-mobile-app-builder/customize-featured-image-mobile.webp"]) > .container,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/webtoapp/unified-design-featured-image-mobile.webp"]) > .container,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/wordpress-mobile-app-builder/convert-wordpress-fast-featured-image-mobile.webp"]) > .container,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/woocommerce-mobile-app-builder/design-mobile-apps-featured-image-mobile.webp"]) > .container {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[width="388"][height="280"]) .row.posrelative,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/shopify-mobile-app-builder/customize-featured-image-mobile.webp"]) .row.posrelative,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/webtoapp/unified-design-featured-image-mobile.webp"]) .row.posrelative,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/wordpress-mobile-app-builder/convert-wordpress-fast-featured-image-mobile.webp"]) .row.posrelative,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/woocommerce-mobile-app-builder/design-mobile-apps-featured-image-mobile.webp"]) .row.posrelative {
    margin-top: 40px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[width="388"][height="280"]) .row.posrelative > .col-md-6:first-child .mobileshow,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/shopify-mobile-app-builder/customize-featured-image-mobile.webp"]) .row.posrelative > .col-md-6:first-child .mobileshow,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/webtoapp/unified-design-featured-image-mobile.webp"]) .row.posrelative > .col-md-6:first-child .mobileshow,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/wordpress-mobile-app-builder/convert-wordpress-fast-featured-image-mobile.webp"]) .row.posrelative > .col-md-6:first-child .mobileshow,
  .page-product #product-visual-sections .layout-copy-left-media-right.layout-copy-left-media-right:has(.row.posrelative > .col-md-6:first-child .mobileshow[data-mobile-src="/assets/images/products/woocommerce-mobile-app-builder/design-mobile-apps-featured-image-mobile.webp"]) .row.posrelative > .col-md-6:first-child .mobileshow {
    width: 335px;
    height: auto;
    min-width: 0;
    max-width: 335px;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) {
    width: 335px;
    max-width: 335px;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) .section-headings {
    width: 335px;
    margin: 0;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) > img {
    display: block;
    width: 335px;
    height: auto;
    margin: 40px 0 0;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center > .container:not(:has(.row.posrelative)) > img[width="1080"][height="500"] {
    width: 335px;
    height: auto;
    object-fit: contain;
  }

}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides {
    min-height: 0;
    height: auto;
    padding: 60px 0 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides > .container {
    width: 335px;
    max-width: 335px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .section-headings {
    width: 335px;
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    color: #0f193b;
    text-align: left;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #5f6578;
    text-align: left;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex {
    width: 335px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three {
    display: none;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-zero {
    display: block;
    width: 280px;
    height: 560px;
    margin: 0 auto 40px;
    padding-right: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-zero .lottie-wrapper {
    position: relative;
    width: 280px;
    height: 560px;
    margin: 0 auto;
    transform: none;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-zero .lottie-placeholder {
    display: block;
    width: 280px;
    height: 560px;
    margin: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-zero .lottie-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 113px;
    height: 113px;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    z-index: 2;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-zero .lottie-play-btn img {
    display: block;
    width: 113px;
    height: 113px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two {
    width: 335px;
    min-width: 335px;
    margin: 0;
    top: 0;
    display: contents;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .text-right,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .text-left {
    text-align: left;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .subheadings-2,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .subheadings-2 {
    margin: 0 0 15px;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #0f193b;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one p,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two p {
    margin: 0 0 40px;
    min-height: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #5f6578;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .subheadings-2:nth-of-type(1) {
    order: 1;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .paraspace-one {
    order: 2;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .subheadings-2:nth-of-type(1) {
    order: 3;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .paraspace-one {
    order: 4;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .subheadings-2:nth-of-type(2) {
    order: 5;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .paraspace-two {
    order: 6;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .subheadings-2:nth-of-type(2) {
    order: 7;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .paraspace-two {
    order: 8;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .subheadings-2:nth-of-type(3) {
    order: 9;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .paraspace-three {
    order: 10;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .subheadings-2:nth-of-type(3) {
    order: 11;
  }
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .paraspace-three {
    order: 12;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one .paraspace-three {
    margin-bottom: 40px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two .paraspace-three {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one[data-stack-count="3"] .paraspace-three,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two[data-stack-count="3"] .paraspace-three {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="two-standard"] .feature-row:last-child p,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="two-tall-first"] .feature-row:last-child p {
    margin-bottom: 40px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="two-standard"] .more-conversions-two .feature-row:last-child p,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex[data-row-pattern="two-tall-first"] .more-conversions-two .feature-row:last-child p {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail.midflex {
    width: 270px;
    margin: 60px 0 0;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail .stats {
    width: 270px;
    max-width: 270px;
    min-height: 56px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail h3 {
    margin: 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #3064f9;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail p {
    width: 270px;
    margin: 8px 0 0;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #5f6578;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .youtubelink {
    width: 270px;
    height: 56px;
    min-height: 56px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .youtubelink p {
    width: 181px;
    margin: 0;
    padding-left: 0;
    color: #1b2952;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .youtubelink p span {
    display: block;
    position: static;
    color: #7782a1;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
  }
}

/* ============================================
   WEBTOAPP BATCH-4 PARITY FINAL AUTHORITY (EOF)
   This block is intentionally placed at file end.
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-accent-grid-3x2 {
    height: 782px;
    min-height: 782px;
    margin-top: 0;
    padding: 100px 0;
    overflow: hidden;
    background: #f8f8fd;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) {
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container {
    width: 1080px;
    max-width: 1080px;
    height: 582px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .section-headings {
    width: 561px;
    margin: 0 auto;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .section-headings {
    width: 1080px;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) > .container {
    height: auto;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex {
    width: 1080px;
    height: auto;
    margin: 60px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 30px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes {
    width: 340px;
    min-height: 0;
    margin: 0;
    padding: 29px 30px 29px 0;
    display: grid;
    grid-template-columns: 3px 280px;
    column-gap: 27px;
    row-gap: 20px;
    align-content: start;
    align-items: start;
    flex: 0 0 auto;
    box-sizing: border-box;
    border: 1px solid #dce1eb;
    border-radius: 6px;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(-n+3) {
    height: auto;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(n+4) {
    height: auto;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex {
    height: auto;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes,
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(-n+3),
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(n+4) {
    height: auto;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes > div:first-child {
    position: static;
    left: auto;
    top: auto;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 3px;
    min-width: 3px;
    height: 33px;
    margin: 0;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes .subheadings-2 {
    width: 280px;
    margin: 0;
    position: relative;
    left: -1px;
    top: 0;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes .normaltext {
    width: 280px;
    margin: 0;
    position: relative;
    left: -1px;
    top: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes > div:first-child {
    position: static;
    left: auto;
    top: auto;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 3px;
    min-width: 3px;
    height: 33px;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes .subheadings-2 {
    display: block;
    grid-column: 2;
    grid-row: 1;
    flex-grow: 0;
    width: 280px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes .normaltext {
    display: block;
    grid-column: 2;
    grid-row: 2;
    flex-grow: 0;
    width: 280px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:first-child .subheadings-2 br {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom {
    height: 760px;
    min-height: 760px;
    padding: 100px 0 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom.background-blue-light {
    background: #f8f8fd;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container {
    width: 1080px;
    max-width: 1080px;
    height: 660px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom .section-headings {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom img.webshow {
    display: block;
    width: 1080px;
    height: 485px;
    margin: 60px 0 0;
    object-fit: cover;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="419"]) {
    height: 794px;
    min-height: 794px;
    padding: 100px 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="419"]) > .container {
    height: 594px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="419"]) .section-headings {
    width: 1080px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="419"]) img.webshow {
    height: 419px;
    margin-top: 60px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="440"]) {
    height: 715px;
    min-height: 715px;
    padding: 100px 0 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="440"]) > .container {
    height: 615px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="440"]) .section-headings {
    width: 1080px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="440"]) img.webshow {
    height: 440px;
    margin-top: 60px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/get-a-website-featured-image-desktop.webp"]) {
    height: 783px;
    min-height: 783px;
    padding: 100px 0 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/get-a-website-featured-image-desktop.webp"]) > .container {
    height: 683px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/get-a-website-featured-image-desktop.webp"]) .section-headings,
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/get-a-website-featured-image-desktop.webp"]) .subheadings-1 {
    width: 1080px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/get-a-website-featured-image-desktop.webp"]) img.webshow {
    height: 478px;
    margin-top: 60px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/bring-your-content-to-life-featured-image-desktop.webp"]) {
    height: 715px;
    min-height: 715px;
    padding: 100px 0 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/bring-your-content-to-life-featured-image-desktop.webp"]) > .container {
    height: 615px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/bring-your-content-to-life-featured-image-desktop.webp"]) .section-headings {
    width: 1080px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/bring-your-content-to-life-featured-image-desktop.webp"]) img.webshow {
    height: 460px;
    margin-top: 60px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/desktop/product-wordpress-effortless-integration-mob.webp"]) {
    height: 695px !important;
    min-height: 695px !important;
    padding: 100px 0 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/desktop/product-wordpress-effortless-integration-mob.webp"]) > .container {
    height: 595px !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/desktop/product-wordpress-effortless-integration-mob.webp"]) img.webshow {
    height: 440px;
    margin-top: 60px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/desktop/product-woocommerce-woo-app-10.webp"]) {
    height: 795px !important;
    min-height: 795px !important;
    padding: 100px 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/desktop/product-woocommerce-woo-app-10.webp"]) > .container {
    height: 595px !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/desktop/product-woocommerce-woo-app-10.webp"]) img.webshow {
    height: 440px;
    margin-top: 60px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/commerce-integration-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/woocommerce-mobile-app-builder/blogs-featured-image-desktop.webp"]) {
    height: 745px !important;
    min-height: 745px !important;
    padding: 100px 0 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/commerce-integration-featured-image-desktop.webp"]) > .container,
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/woocommerce-mobile-app-builder/blogs-featured-image-desktop.webp"]) > .container {
    height: 645px !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/commerce-integration-featured-image-desktop.webp"]) .section-headings,
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/woocommerce-mobile-app-builder/blogs-featured-image-desktop.webp"]) .section-headings {
    width: 1080px !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/commerce-integration-featured-image-desktop.webp"]) img.webshow,
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/woocommerce-mobile-app-builder/blogs-featured-image-desktop.webp"]) img.webshow {
    height: 419px !important;
    margin-top: 60px !important;
    object-fit: contain !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/plugins-support-featured-image-desktop.webp"]) {
    height: 695px !important;
    min-height: 695px !important;
    padding: 100px 0 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/plugins-support-featured-image-desktop.webp"]) > .container {
    height: 595px !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/plugins-support-featured-image-desktop.webp"]) .section-headings {
    width: 1080px !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/plugins-support-featured-image-desktop.webp"]) img.webshow {
    height: 440px !important;
    margin-top: 60px !important;
    object-fit: contain !important;
  }


  .page-product #product-visual-sections .layout-copy-top-media-bottom img.mobileshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta {
    height: 740px;
    min-height: 740px;
    padding: 100px 0 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta > .container {
    width: 1080px;
    max-width: 1080px;
    height: 540px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row {
    width: 1080px;
    height: 540px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 80px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:first-child {
    width: 540px;
    min-width: 540px;
    max-width: 540px;
    height: 540px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:nth-child(2) {
    width: 460px;
    min-width: 460px;
    max-width: 460px;
    height: 540px;
    padding: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:first-child .webshow {
    display: block;
    width: 540px;
    height: 540px;
    min-width: 540px;
    max-width: 540px;
    margin: 0;
    object-fit: cover;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta h2 {
    width: 460px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1 {
    width: 460px;
    margin: 20px 0 0;
    position: static;
    left: auto;
    top: auto;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .col-md-6 .subheadings-1:nth-child(2),
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .col-md-6 .subheadings-1:nth-child(3) {
    width: 460px;
    margin: 20px 0 0;
    left: 0;
    top: 0;
    position: static;
    line-height: normal;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1:last-of-type {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta a {
    width: 157.272px;
    height: 22px;
    margin-top: 40px;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #3064f9;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    position: static;
    left: auto;
    top: auto;
    transform: translateY(-1.953px);
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta a:hover,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta a:focus,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta a:focus-visible {
    color: #0f193b;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta a:hover img,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta a:focus img,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta a:focus-visible img {
    filter: brightness(0) saturate(100%);
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .mobileshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 {
    height: 605px;
    min-height: 605px;
    padding: 100px 0 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .container-fluid {
    display: none;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 > .container {
    width: 1080px;
    max-width: 1080px;
    height: 405px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .section-headings {
    width: 1080px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .subheadings-1 {
    width: 1080px;
    margin: 30px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row {
    width: 1080px;
    height: 250px;
    margin: 60px 0 0;
    display: flex;
    align-items: flex-start;
    gap: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    height: 250px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3:nth-child(4) {
    height: 232px;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 img {
    width: 70px;
    height: 70px;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 .subheadings-2 {
    width: 220px;
    margin: 26px 0 20px;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 .normaltext {
    width: 220px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) {
    height: 594px;
    min-height: 594px;
    padding: 100px 0;
    background: #ffffff;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) > .container {
    height: 394px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row {
    height: 239px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row > .col-md-3 {
    height: auto;
    min-height: 221px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row > .col-md-3:first-child {
    height: 239px;
    min-height: 239px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row > .col-md-3:nth-child(4) {
    height: 221px;
    min-height: 221px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row > .col-md-3 .subheadings-2 {
    width: 235px;
    margin: 26px 0 20px;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-accent-grid-3x2 {
    height: auto;
    min-height: 0;
    padding: 60px 0;
    overflow: hidden;
    background: #f4f4f9;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10) {
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container {
    width: 335px;
    max-width: 335px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex {
    width: 335px;
    height: auto;
    margin: 40px 0 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes {
    width: 335px;
    height: auto;
    min-height: 174px;
    margin: 0;
    padding: 30px 30px 30px 0;
    display: grid;
    grid-template-columns: 3px 275px;
    column-gap: 27px;
    row-gap: 20px;
    align-content: start;
    align-items: start;
    flex: 0 0 auto;
    box-sizing: border-box;
    border: 1px solid #dce1eb;
    border-radius: 6px;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(1),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(2) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(4),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(6) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(5) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes > div:first-child {
    position: static;
    left: auto;
    top: auto;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 3px;
    min-width: 3px;
    height: 33px;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes .subheadings-2 {
    display: block;
    grid-column: 2;
    grid-row: 1;
    flex-grow: 0;
    width: 275px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes .normaltext {
    display: block;
    grid-column: 2;
    grid-row: 2;
    flex-grow: 0;
    width: 275px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom {
    height: auto;
    min-height: 0;
    padding: 60px 0 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom.background-blue-light {
    background: #f8f8fd;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container {
    width: 335px;
    max-width: 335px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom img.webshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom img.mobileshow {
    display: block;
    width: 335px;
    height: auto;
    margin: 40px 0 0;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="398"][height="521"]) {
    height: auto;
    min-height: 0;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="398"][height="521"]) > .container {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="398"][height="521"]) img.mobileshow {
    width: 375px;
    max-width: none;
    height: 521px;
    margin: 40px 0 0 -20px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="428"][height="478"]) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom.background-blue-light:has(> .container > img.mobileshow[width="428"][height="478"]) {
    background: #f8f8fd;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="428"][height="478"]) > .container {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="428"][height="478"]) img.mobileshow {
    width: 375px;
    max-width: none;
    height: 418.8084px;
    margin: 40px 0 0 -20px;
    object-fit: contain;
    object-position: center center;
  }


  .page-product #product-visual-sections .layout-copy-right-media-left-cta {
    height: 873px;
    min-height: 873px;
    padding: 60px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta > .container {
    width: 335px;
    max-width: 335px;
    height: 753px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row {
    width: 335px;
    height: 753px;
    margin: 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:first-child {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:nth-child(2) {
    width: 335px;
    max-width: 335px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta h2 {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    position: static;
    left: auto;
    top: auto;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .col-md-6 .subheadings-1:nth-child(2),
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .col-md-6 .subheadings-1:nth-child(3) {
    width: 335px;
    margin: 20px 0 0;
    left: 0;
    top: 0;
    position: static;
    line-height: normal;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta a {
    width: 157.272px;
    height: 22px;
    margin-top: 30px;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #3064f9;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    position: static;
    left: auto;
    top: auto;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta a img {
    width: 18.272px;
    height: 11.029px;
    margin-left: 0;
    flex: 0 0 auto;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .mobileshow {
    display: block;
    width: 375px;
    height: 375px;
    min-width: 375px;
    margin: 40px 0 0 -20px;
    max-width: 375px;
    object-fit: fill;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.mobileshow[data-mobile-src="/assets/images/mobile/product-shopify-features-grid.webp"]) {
    height: 891px;
    min-height: 891px;
    background: #f8f8fd;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.mobileshow[data-mobile-src="/assets/images/mobile/product-shopify-features-grid.webp"]) > .container {
    height: 771px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.mobileshow[data-mobile-src="/assets/images/mobile/product-shopify-features-grid.webp"]) .row {
    height: 771px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.mobileshow[data-mobile-src="/assets/images/mobile/product-shopify-features-grid.webp"]) .mobileshow {
    width: 375px;
    height: 375px;
    min-width: 375px;
    max-width: 375px;
    min-height: 375px;
    max-height: 375px;
    margin: 40px 0 0 -20px;
    object-fit: fill;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 {
    height: 1146px;
    min-height: 1146px;
    padding: 60px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .container-fluid {
    display: none;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 > .container {
    width: 335px;
    max-width: 335px;
    height: 1026px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .subheadings-1 {
    width: 335px;
    margin: 30px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row {
    width: 335px;
    margin: 40px 0 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 {
    width: 335px;
    max-width: 335px;
    padding: 0;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3:not(:first-child) {
    margin-top: 40px;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 img {
    width: 70px;
    height: 70px;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 .subheadings-2 {
    width: 335px;
    margin: 20px 0 10px;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 .normaltext {
    width: 335px;
    margin: 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) {
    height: 1164px;
    min-height: 1164px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) > .container {
    height: 1044px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row {
    height: 848px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row > .col-md-3 {
    height: 183px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row > .col-md-3:first-child {
    height: 179px;
  }

  .page-product #product-visual-sections > section.layout-icon-grid-4x1:nth-of-type(12):not(.background-blue-light) .row > .col-md-3 > div:first-child {
    width: 70px;
    height: 70px;
    line-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

}

/* ============================================
   HARD-CUT LAYOUT-ONLY FINAL AUTHORITY
   ============================================ */

@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-icon-grid-3x2,
  .page-product #product-visual-sections .layout-accent-grid-3x2,
  .page-product #product-visual-sections .layout-icon-grid-4x1:not(.background-blue-light) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-icon-grid-4x1:not(.background-blue-light) > .container {
    height: auto;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .product-features-grid-one {
    width: 1080px;
    display: grid;
    grid-template-columns: repeat(3, 340px);
    grid-auto-rows: minmax(174px, auto);
    gap: 30px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one {
    width: 1080px;
    display: grid;
    grid-template-columns: repeat(3, 340px);
    grid-auto-rows: minmax(174px, auto);
    gap: 30px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one {
    width: 340px;
    min-width: 340px;
    height: auto;
    min-height: 174px;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .grid-box-one {
    width: 340px;
    min-width: 340px;
    height: auto;
    min-height: 174px;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex {
    width: 1080px;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, 340px);
    gap: 30px;
    align-items: stretch;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(1),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(2),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(4),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(5),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(6),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(-n+3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(n+4) {
    width: 340px;
    height: auto;
    min-height: 0;
    margin: 0;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta {
    padding-bottom: 100px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row {
    display: flex;
    align-items: center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta h2,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta a {
    left: auto;
    top: auto;
    position: static;
    transform: none;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-icon-grid-3x2,
  .page-product #product-visual-sections .layout-accent-grid-3x2,
  .page-product #product-visual-sections .layout-icon-grid-4x1 {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-icon-grid-4x1 > .container {
    height: auto;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .product-features-grid-one,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one {
    width: 335px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .grid-box-one {
    width: 335px;
    min-width: 335px;
    height: auto;
    min-height: 0;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex {
    width: 335px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(1),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(2),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(4),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(5),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(6),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(-n+3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(n+4) {
    width: 335px;
    height: auto;
    min-height: 174px;
    margin: 0;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) > .container {
    height: auto;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex {
    height: auto;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes,
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(-n+3),
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(n+4) {
    min-height: 0;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(1),
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(3),
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(6) {
    height: 159px;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(2),
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(4),
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes:nth-child(5) {
    height: 177px;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes > div:first-child,
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes .subheadings-2,
  .page-product #product-visual-sections > section.layout-accent-grid-3x2:nth-of-type(10):not(.background-blue-light) .businesssync.semiflex .sixboxes .normaltext {
    transform: translateX(-1px);
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta {
    padding-bottom: 60px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta h2,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta a {
    left: auto;
    top: auto;
    position: static;
    transform: none;
  }
}

/* Shared text-left/media-right square-media variant used by Android, iOS, and PWA. */
@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) {
    height: 740px;
    min-height: 740px;
    padding: 100px 0;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) > .container {
    width: 1080px;
    max-width: 1080px;
    height: 540px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row {
    width: 1080px;
    height: 540px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 60px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-5:first-child {
    flex: 0 0 480px;
    width: 480px;
    max-width: 480px;
    min-width: 480px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) {
    flex: 0 0 540px;
    width: 540px;
    max-width: 540px;
    min-width: 540px;
    height: 540px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .section-headings {
    width: 480px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .subheadings-1 {
    width: 480px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) a {
    width: 220px;
    height: 54px;
    margin: 40px 0 0;
    padding: 15px 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
    background: #3064f9;
    color: #ffffff;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) .webshow {
    display: block;
    width: 540px;
    height: 540px;
    margin: 0;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) .mobileshow {
    display: none;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) {
    height: auto;
    min-height: 0;
    padding: 60px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) > .container {
    width: 335px;
    max-width: 335px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row {
    width: 335px;
    height: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-5:first-child,
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) {
    width: 335px;
    max-width: 335px;
    min-width: 335px;
    padding: 0;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) a {
    width: 335px;
    height: 54px;
    margin: 30px 0 0;
    padding: 15px 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
    background: #3064f9;
    color: #ffffff;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) .webshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) .mobileshow {
    display: block;
    width: 335px;
    height: 335px;
    min-width: 335px;
    max-width: 335px;
    margin: 0;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) .mobileshow[data-mobile-src*="/assets/images/solutions/"][data-mobile-src$="/design-every-screen-featured-image-mobile.webp"] {
    width: 375px;
    height: 375px;
    min-width: 375px;
    max-width: 375px;
    margin: 0 0 0 -20px;
  }
}

/* Shared media-left/text-right square-media variant used by Android, iOS, and PWA preview sections. */
@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) {
    height: 740px;
    padding: 100px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) > .container {
    width: 1080px;
    max-width: 1080px;
    height: 540px;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative {
    width: 1080px;
    height: 540px;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 60px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child {
    flex: 0 0 540px;
    width: 540px;
    max-width: 540px;
    min-width: 540px;
    height: 540px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-5:nth-child(2) {
    flex: 0 0 480px;
    width: 480px;
    max-width: 480px;
    min-width: 480px;
    padding: 0;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .section-headings {
    width: 480px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .subheadings-1 {
    width: 480px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) a {
    width: 220px;
    height: 54px;
    margin: 40px 0 0;
    padding: 15px 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
    background: #3064f9;
    color: #ffffff;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child .webshow {
    display: block;
    width: 540px;
    height: auto;
    min-width: 540px;
    max-width: 540px;
    max-height: 540px;
    margin: 0;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child .mobileshow {
    display: none;
  }
}

@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) {
    height: auto;
    min-height: 0;
    padding: 60px 0;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) > .container {
    width: 335px;
    max-width: 335px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative {
    width: 335px;
    height: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child {
    order: 2;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-5:nth-child(2) {
    order: 1;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child,
  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-5:nth-child(2) {
    width: 335px;
    max-width: 335px;
    min-width: 335px;
    padding: 0;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .section-headings {
    width: 335px;
    margin: 0;
    color: #0f193b;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .subheadings-1 {
    width: 335px;
    margin: 20px 0 0;
    color: #5f6578;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) a {
    width: 335px;
    height: 54px;
    margin: 30px 0 0;
    padding: 15px 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
    background: #3064f9;
    color: #ffffff;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) a:hover,
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) a:focus-visible,
  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) a:hover,
  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) a:focus-visible {
    background: transparent;
    color: #3064f9;
    border: 1px solid #3064f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child .webshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child .mobileshow {
    display: block;
    width: 335px;
    height: 335px;
    min-height: 335px;
    max-width: 335px;
    max-height: 335px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center center;
  }
}

/* ============================================
   MOBILE PRODUCT FLUID LAYOUT AUTHORITY
   Shared spacing-first override for product pages.
   ============================================ */
@media screen and (max-width: 1079px) {
  .page-product #product-visual-sections {
    --product-mobile-section-pad-top: 60px;
    --product-mobile-section-pad-bottom: 60px;
    --product-mobile-container-width: 335px;
    --product-mobile-heading-gap: 20px;
    --product-mobile-stack-gap: 40px;
    --product-mobile-card-gap: 20px;
    --product-mobile-card-pad: 24px;
    --product-mobile-body-gap: 15px;
    --product-mobile-card-heading-gap: 10px;
    --product-mobile-accent-gap: 27px;
  }

  .page-product #product-visual-sections > section > .container {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-product #product-visual-sections > section > .container > .row,
  .page-product #product-visual-sections > section > .container > .row.posrelative {
    margin-left: auto;
    margin-right: auto;
  }

  .page-product #product-visual-sections .background-blue-light {
    background: #f8f8fd !important;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .row,
  .page-product #product-visual-sections .homebanner.layout-hero-split .midflex,
  .page-product #product-visual-sections .homebanner.layout-hero-split .hero-copy-frame {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg,
  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimgmob {
    height: auto;
    min-height: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides,
  .page-product #product-visual-sections .layout-icon-grid-3x2,
  .page-product #product-visual-sections .layout-accent-grid-3x2,
  .page-product #product-visual-sections .layout-icon-grid-4x1,
  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))),
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))),
  .page-product #product-visual-sections .layout-copy-top-media-bottom,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta {
    height: auto !important;
    min-height: 0 !important;
    padding-top: var(--product-mobile-section-pad-top) !important;
    padding-bottom: var(--product-mobile-section-pad-bottom) !important;
    overflow: hidden;
    background: #ffffff;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides > .container,
  .page-product #product-visual-sections .layout-icon-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-icon-grid-4x1 > .container,
  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) > .container,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) > .container,
  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta > .container {
    width: var(--product-mobile-container-width);
    max-width: var(--product-mobile-container-width);
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .section-headings,
  .page-product #product-visual-sections .layout-icon-grid-3x2 .section-headings,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .section-headings,
  .page-product #product-visual-sections .layout-icon-grid-4x1 .section-headings,
  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .section-headings,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .section-headings,
  .page-product #product-visual-sections .layout-copy-top-media-bottom .section-headings,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta h2 {
    width: var(--product-mobile-container-width);
    margin: 0;
    text-align: left;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .subheadings-1,
  .page-product #product-visual-sections .layout-icon-grid-3x2 .subheadings-1,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .subheadings-1,
  .page-product #product-visual-sections .layout-icon-grid-4x1 .subheadings-1,
  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .subheadings-1,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .subheadings-1,
  .page-product #product-visual-sections .layout-copy-top-media-bottom .subheadings-1,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1 {
    width: var(--product-mobile-container-width);
    margin: var(--product-mobile-heading-gap) 0 0;
    text-align: left;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2,
  .page-product #product-visual-sections .layout-accent-grid-3x2,
  .page-product #product-visual-sections .layout-icon-grid-4x1,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta {
    background: #ffffff;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .product-features-grid-one,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex,
  .page-product #product-visual-sections .layout-icon-grid-4x1 .row {
    width: var(--product-mobile-container-width);
    height: auto !important;
    margin: var(--product-mobile-stack-gap) 0 0;
    display: flex;
    flex-direction: column;
    gap: var(--product-mobile-card-gap);
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row {
    gap: var(--product-mobile-stack-gap);
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .subheadings-1 {
    margin-top: 30px;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 {
    width: var(--product-mobile-container-width);
    max-width: var(--product-mobile-container-width);
    height: auto !important;
    min-height: 0 !important;
    padding: 0;
    margin: 0 !important;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 > div:first-child {
    width: 70px;
    height: 70px;
    min-width: 70px;
    max-width: 70px;
    margin: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 > div:first-child img {
    width: 70px;
    height: 70px;
    display: block;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 .subheadings-2 {
    width: var(--product-mobile-container-width);
    margin: 20px 0 10px;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3:nth-child(n+2) .subheadings-2 {
    line-height: 29px;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1:has(.row > .col-md-3:nth-child(2) img[data-mobile-src="/assets/images/products/custom-mobile-app-builder/final-benefits-no-coding-knowledge-mobile.webp"]) .row > .col-md-3:nth-child(n+2) .subheadings-2 {
    line-height: 25px;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 .normaltext {
    width: var(--product-mobile-container-width);
    margin: 0;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .grid-box-one {
    width: var(--product-mobile-container-width);
    min-width: var(--product-mobile-container-width);
    height: auto;
    min-height: 0;
    padding: var(--product-mobile-card-pad);
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one {
    padding: 23px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .icon-box {
    margin: 0 0 15px;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .subheadings-3,
  .page-product #product-visual-sections .layout-icon-grid-3x2 .textone {
    width: 287px;
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(1),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(2),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(4),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(5),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(6),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(-n+3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(n+4) {
    width: var(--product-mobile-container-width);
    height: auto !important;
    min-height: 0 !important;
    margin: 0;
    padding: 29px 30px 29px 0 !important;
    display: grid;
    grid-template-columns: 3px 275px;
    column-gap: var(--product-mobile-accent-gap);
    row-gap: 20px;
    align-content: start;
    align-items: start;
    box-sizing: border-box;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row {
    width: var(--product-mobile-container-width);
    height: auto !important;
    margin: var(--product-mobile-stack-gap) 0 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row {
    width: var(--product-mobile-container-width);
    height: auto !important;
    margin: 0;
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:first-child,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:nth-child(2),
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:nth-child(2) {
    width: var(--product-mobile-container-width);
    max-width: var(--product-mobile-container-width);
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .mobileshow {
    display: block;
    width: 335px;
    height: auto;
    margin: 0 0 var(--product-mobile-stack-gap);
    min-width: 0;
    max-width: 335px;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .mobileshow[width="388"][height="472"] {
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) > .container > img.simpleflex.mobileshow {
    display: block;
    width: 335px;
    height: auto;
    margin: var(--product-mobile-stack-gap) 0 0;
    min-width: 0;
    max-width: 335px;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center:has(> .container > img[width="1080"][height="500"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative:has(.simpleflex.webshow) {
    margin-top: var(--product-mobile-stack-gap);
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .subheadings-2 {
    width: var(--product-mobile-container-width);
    margin: 0 0 15px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:nth-child(2) .subheadings-2 {
    width: var(--product-mobile-container-width);
    margin: 0 0 20px;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(n+2) {
    margin-top: var(--product-mobile-stack-gap);
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:nth-child(2) .subheadings-2:nth-of-type(n+2) {
    margin-top: var(--product-mobile-stack-gap);
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .normaltext,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:nth-child(2) .normaltext {
    width: var(--product-mobile-container-width);
    margin: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))):has(.row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(5)) .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(n+4) {
    margin-bottom: 20px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:first-child .mobileshow {
    display: block;
    width: 375px;
    height: auto;
    min-width: 0;
    max-width: 375px;
    margin: 0 0 var(--product-mobile-stack-gap) -20px;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container {
    display: block;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom .section-headings > img[alt="WooCommerce"] {
    display: inline-block;
    width: 49.214px;
    height: 15px;
    margin-top: 0;
    vertical-align: middle;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore {
    width: var(--product-mobile-container-width);
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom .integrationreadmore a {
    width: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    line-height: 20px;
    text-align: left;
    white-space: nowrap;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom img.webshow {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom img.mobileshow {
    display: block;
    width: 335px;
    height: auto;
    margin: var(--product-mobile-stack-gap) 0 0;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="398"][height="521"]) img.mobileshow,
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="375"][height="521"]) img.mobileshow {
    width: 375px;
    max-width: none;
    height: 521px;
    margin: var(--product-mobile-stack-gap) 0 0 -20px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="398"][height="521"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="375"][height="521"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="428"][height="515"]) img.mobileshow {
    width: 375px;
    max-width: none;
    height: 521px;
    margin: var(--product-mobile-stack-gap) 0 0 -20px;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="428"][height="515"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="428"][height="478"]) img.mobileshow {
    width: 375px;
    max-width: none;
    height: 418.8084px;
    margin: var(--product-mobile-stack-gap) 0 0 -20px;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="428"][height="478"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/wordpress-mobile-app-builder/convert-wordpress-fast-featured-image-mobile.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/woocommerce-mobile-app-builder/design-mobile-apps-featured-image-mobile.webp"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img[data-mobile-src$="/sync-across-web-app-featured-image-mobile.webp"]) > .container > img:not(.webshow):not(.mobileshow) {
    display: block;
    width: 335px;
    height: 149px;
    margin: var(--product-mobile-stack-gap) 0 0;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img[data-mobile-src$="/sync-across-web-app-featured-image-mobile.webp"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/shopify-mobile-app-builder/payment-gateways-featured-image-mobile.webp"]) img.mobileshow,
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/woocommerce-mobile-app-builder/payment-gateways-featured-image-mobile.webp"]) img.mobileshow {
    width: 375px;
    max-width: none;
    height: 418.8084px;
    margin: var(--product-mobile-stack-gap) 0 0 -20px;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/shopify-mobile-app-builder/payment-gateways-featured-image-mobile.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/woocommerce-mobile-app-builder/payment-gateways-featured-image-mobile.webp"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="388"][height="172"]) img.mobileshow {
    width: 335px;
    height: 148px;
    margin: var(--product-mobile-stack-gap) 0 0;
    object-fit: contain;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="388"][height="172"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[width="335"][height="208"]) {
    padding-bottom: 0 !important;
  }

  .agency-page.page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/white-label-mobile-app-builder/control-featured-image-mobile.webp"]) {
    padding-bottom: 0 !important;
  }

  .agency-page.page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.mobileshow[data-mobile-src="/assets/images/products/white-label-mobile-app-builder/control-featured-image-mobile.webp"]) img.mobileshow {
    width: 335px;
    height: 174px;
    margin: var(--product-mobile-stack-gap) 0 0;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:first-child {
    display: none;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1 {
    position: static;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta a {
    width: auto;
    height: auto;
    margin-top: 30px;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta a img {
    width: 18.272px;
    height: 11.029px;
    margin-left: 0;
    flex: 0 0 auto;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .mobileshow {
    display: block;
    width: 375px;
    height: 375px;
    min-width: 375px;
    max-width: 375px;
    margin: var(--product-mobile-stack-gap) 0 0 -20px;
    object-fit: fill;
    object-position: center center;
  }
}

/* ============================================
   DESKTOP PRODUCT FLUID LAYOUT AUTHORITY
   Shared spacing-first desktop override for product pages.
   ============================================ */
@media screen and (min-width: 1080px) {
  .page-product #product-visual-sections {
    --product-desktop-section-pad-top: 100px;
    --product-desktop-section-pad-bottom: 100px;
    --product-desktop-container-width: 1080px;
    --product-desktop-heading-gap: 30px;
    --product-desktop-stack-gap: 60px;
    --product-desktop-inline-gap: 60px;
    --product-desktop-copy-gap: 20px;
    --product-desktop-item-gap: 60px;
    --product-desktop-grid-gap: 30px;
    --product-desktop-card-pad: 24px;
    --product-desktop-card-icon-gap: 15px;
    --product-desktop-fourup-icon-gap: 26px;
    --product-desktop-fourup-body-gap: 20px;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides,
  .page-product #product-visual-sections .layout-icon-grid-3x2,
  .page-product #product-visual-sections .layout-accent-grid-3x2,
  .page-product #product-visual-sections .layout-copy-left-media-right,
  .page-product #product-visual-sections .layout-copy-right-media-left,
  .page-product #product-visual-sections .layout-copy-top-media-bottom,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta,
  .page-product #product-visual-sections .layout-icon-grid-4x1 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides,
  .page-product #product-visual-sections .layout-icon-grid-3x2,
  .page-product #product-visual-sections .layout-accent-grid-3x2,
  .page-product #product-visual-sections .layout-copy-left-media-right,
  .page-product #product-visual-sections .layout-copy-right-media-left,
  .page-product #product-visual-sections .layout-copy-top-media-bottom,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta,
  .page-product #product-visual-sections .layout-icon-grid-4x1 {
    padding-top: var(--product-desktop-section-pad-top) !important;
    padding-bottom: var(--product-desktop-section-pad-bottom) !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides > .container,
  .page-product #product-visual-sections .layout-icon-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-accent-grid-3x2 > .container,
  .page-product #product-visual-sections .layout-copy-left-media-right > .container,
  .page-product #product-visual-sections .layout-copy-right-media-left > .container,
  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta > .container,
  .page-product #product-visual-sections .layout-icon-grid-4x1 > .container {
    width: var(--product-desktop-container-width);
    max-width: var(--product-desktop-container-width);
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto;
    padding: 0;
  }

  .page-product #product-visual-sections .homebanner.layout-hero-split .container,
  .page-product #product-visual-sections .homebanner.layout-hero-split .row,
  .page-product #product-visual-sections .homebanner.layout-hero-split .col-md-6,
  .page-product #product-visual-sections .homebanner.layout-hero-split .hero-copy-frame,
  .page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg .lottie-wrapper {
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three .lottie-wrapper,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .feature-row,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .subheadings-1 {
    margin-bottom: var(--product-desktop-stack-gap);
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides {
    height: 1071px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides > .container {
    height: 871px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .appconversions.midflex {
    height: 560px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-one,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-two,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .more-conversions-three .lottie-wrapper {
    height: 560px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides .threestepsdetail.midflex {
    height: 56px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="custom-3"]),
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="wordpress-3"]),
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]) {
    height: 1091px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="custom-3"]) > .container,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="wordpress-3"]) > .container,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]) > .container {
    height: 891px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]) {
    height: 1091px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]) > .container {
    height: 891px !important;
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .product-features-grid-one,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one {
    gap: var(--product-desktop-grid-gap);
    grid-auto-rows: minmax(0, auto);
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex {
    gap: var(--product-desktop-grid-gap);
    grid-auto-rows: minmax(0, auto);
  }

  .page-product #product-visual-sections .layout-icon-grid-3x2 .grid-box-one,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .product-features-grid-one .grid-box-one {
    min-height: 0;
    padding: var(--product-desktop-card-pad);
  }

  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes,
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(1),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(2),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(4),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(5),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(6),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(-n+3),
  .page-product #product-visual-sections .layout-accent-grid-3x2 .businesssync.semiflex .sixboxes:nth-child(n+4) {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 29px;
    padding-bottom: 29px;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: var(--product-desktop-stack-gap);
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections .layout-icon-grid-4x1 .row > .col-md-3 .subheadings-2 {
    margin-top: var(--product-desktop-fourup-icon-gap);
    margin-bottom: var(--product-desktop-fourup-body-gap);
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: var(--product-desktop-stack-gap);
    gap: var(--product-desktop-inline-gap);
    align-items: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child,
  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:nth-child(2),
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:first-child,
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:nth-child(2) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .normaltext {
    margin-top: var(--product-desktop-copy-gap);
  }

  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:nth-child(2) .normaltext {
    margin-top: 0;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(2),
  .page-product #product-visual-sections .layout-copy-left-media-right:not(:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2))) .row.posrelative > .col-md-6:first-child .subheadings-2:nth-of-type(3),
  .page-product #product-visual-sections .layout-copy-right-media-left:not(:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2))) .row > .col-md-6:nth-child(2) .subheadings-2:nth-of-type(n+2) {
    margin-top: var(--product-desktop-item-gap);
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)),
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) {
    padding-top: var(--product-desktop-section-pad-top) !important;
    padding-bottom: var(--product-desktop-section-pad-bottom) !important;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) > .container,
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) > .container {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative,
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0;
    gap: var(--product-desktop-inline-gap);
    align-items: center;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-7:first-child,
  .page-product #product-visual-sections .layout-copy-left-media-right:has(.row.posrelative > .col-md-7:first-child + .col-md-5:nth-child(2)) .row.posrelative > .col-md-5:nth-child(2),
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-5:first-child,
  .page-product #product-visual-sections .layout-copy-right-media-left:has(.row > .col-md-5:first-child + .col-md-7:nth-child(2)) .row > .col-md-7:nth-child(2) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom {
    padding-top: var(--product-desktop-section-pad-top) !important;
    padding-bottom: var(--product-desktop-section-pad-bottom) !important;
  }

  .page-product #product-visual-sections .layout-copy-left-media-right.text-center:has(> .container > img[width="1080"][height="500"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom > .container {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom img.webshow {
    margin-top: var(--product-desktop-stack-gap);
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1080"][height="440"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/webtoapp/bridge-gap-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/get-a-website-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/custom-mobile-app-builder/bring-your-content-to-life-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/desktop/product-wordpress-effortless-integration-mob.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/commerce-integration-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/plugins-support-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1920"][height="458"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img[data-desktop-src$="/sync-across-web-app-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/woocommerce-mobile-app-builder/blogs-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/wordpress-mobile-app-builder/convert-wordpress-fast-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/woocommerce-mobile-app-builder/design-mobile-apps-featured-image-desktop.webp"]),
  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-desktop-src="/assets/images/products/shopify-mobile-app-builder/content-connects-featured-image-desktop.webp"]) {
    padding-bottom: 0 !important;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[width="1920"][height="458"]) img.webshow {
    height: 458px;
    margin-top: 60px;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img[data-desktop-src$="/sync-across-web-app-featured-image-desktop.webp"]) > .container > img:not(.webshow):not(.mobileshow) {
    display: block;
    width: 1080px;
    height: 478px;
    margin-top: 60px;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img[data-desktop-src$="/sync-across-web-app-featured-image-desktop.webp"]) .section-headings {
    width: 1080px;
  }

  .page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-src="/assets/images/sell-unlimited-apps.webp"]) .section-headings {
    width: 1080px;
  }

  .agency-page.page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-src="/assets/images/products/white-label-mobile-app-builder/control-featured-image-desktop.webp"]) .section-headings {
    width: 1080px;
  }

  .agency-page.page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-src="/assets/images/products/white-label-mobile-app-builder/control-featured-image-desktop.webp"]) {
    padding-bottom: 0 !important;
  }

  .agency-page.page-product #product-visual-sections .layout-copy-top-media-bottom:has(> .container > img.webshow[data-src="/assets/images/products/white-label-mobile-app-builder/control-featured-image-desktop.webp"]) img.webshow {
    display: block;
    width: 1080px;
    height: 574px;
    margin-top: 60px;
    object-fit: contain;
    object-position: center center;
  }

  .agency-page.page-product #product-visual-sections .layout-accent-grid-3x2:not(.background-blue-light) {
    background: #ffffff;
  }

  .agency-page.page-product #product-visual-sections .layout-accent-grid-3x2:not(.background-blue-light) .section-headings {
    width: 1080px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) > .container {
    height: auto !important;
    min-height: 0 !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) .subheadings-1 {
    margin-bottom: 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) .appconversions.midflex {
    margin-top: 60px;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) .threestepsdetail,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) .threestepsdetail.midflex {
    height: auto !important;
    min-height: 0 !important;
    margin: 100px 0 0;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) .stats,
  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) .youtubelink {
    height: auto !important;
    min-height: 0 !important;
  }

  .page-product #product-visual-sections :is(.homebanner.layout-hero-split, .homebanner.layout-hero-split + .ai-app-generation) + .layout-center-media-sides:has(.appconversions.midflex[data-row-pattern="two-standard"]):has(+ .layout-service-tiles-grid) .youtubelink {
    padding: 0;
    align-items: flex-start;
  }

  .agency-page.page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg {
    left: calc(50% + 15px);
    top: 43px;
    width: 660px;
    height: 568px;
  }

  .agency-page.page-product #product-visual-sections .homebanner.layout-hero-split .homebannerimg > img {
    display: block;
    width: 660px;
    height: 568px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta {
    padding-top: var(--product-desktop-section-pad-top) !important;
    padding-bottom: var(--product-desktop-section-pad-bottom) !important;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta > .container,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:first-child,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row > .col-md-6:nth-child(2) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta .row {
    gap: 80px;
    align-items: center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.row > .col-md-6:first-child .webshow[data-src*="/assets/images/solutions/"][data-src$="/feature-grid-featured-image-desktop.webp"]) > .container {
    width: 1080px;
    max-width: 1080px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.row > .col-md-6:first-child .webshow[data-src*="/assets/images/solutions/"][data-src$="/feature-grid-featured-image-desktop.webp"]) .row {
    gap: 60px;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.row > .col-md-6:first-child .webshow[data-src*="/assets/images/solutions/"][data-src$="/feature-grid-featured-image-desktop.webp"]) .row > .col-md-6:first-child {
    flex: 0 0 540px;
    width: 540px;
    max-width: 540px;
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.row > .col-md-6:first-child .webshow[data-src*="/assets/images/solutions/"][data-src$="/feature-grid-featured-image-desktop.webp"]) .row > .col-md-6:nth-child(2) {
    flex: 1 1 calc(100% - 600px);
    width: calc(100% - 600px);
    max-width: calc(100% - 600px);
    padding: 0;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta:has(.row > .col-md-6:first-child .webshow[data-src*="/assets/images/solutions/"][data-src$="/feature-grid-featured-image-desktop.webp"]) .row > .col-md-6:first-child .webshow {
    display: block;
    width: 540px;
    height: 540px;
    object-fit: contain;
    object-position: center center;
  }

  .page-product #product-visual-sections .layout-copy-right-media-left-cta h2,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta .subheadings-1,
  .page-product #product-visual-sections .layout-copy-right-media-left-cta a {
    position: static;
    left: auto;
    top: auto;
    transform: none;
  }
}