/* PDF Products p3–5. Opt-in sections use the established container/tokens. */
/* Products and Services share the original responsive hero geometry.
   Keep products-hub.css in charge of height and padding; reducing the hero to
   content height lifts its title and cuts down the original background. */
.product-content .elementor .elementor-element.pdf-product-benefits {
  --content-width: var(--max-width);
  --padding-left: var(--container-gutter);
  --padding-right: var(--container-gutter);
}
.product-content .elementor-23654 .pdf-product-benefits > .elementor-element-63df6e0 {
  max-width: var(--max-width);
  width: 100%;
  margin-inline: auto;
}
/* Match the next boxed section while retaining the introductory two-column layout. */
.product-content .elementor .elementor-element.pdf-appdev-intro {
  width: min(100%, calc(var(--container-max-width) + 20px));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .product-content .elementor .elementor-element.pdf-appdev-intro {
    --padding-left: 10px;
    --padding-right: 10px;
  }
  .product-content .pdf-appdev-intro .elementor-element.elementor-element-4624bb3 {
    --padding-left: 0px;
  }
}
.product-content .elementor .elementor-element.pdf-appdev-toolkit {
  width: min(var(--max-width), calc(100% - 2 * var(--container-gutter)));
  margin-inline: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
.product-content .pdf-ai-toolkit-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  padding: 10px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  text-align: center;
}
.product-content .pdf-ai-toolkit-card a { margin-top: auto; }
.product-content .pdf-ai-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
  border-radius: var(--radius-round);
  background: var(--pl-gray-100);
  color: var(--color-primary-blue);
  font-size: 36px;
}
.product-content .elementor .elementor-element.pdf-appdev-coexistence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-lg);
}
.product-content .pdf-appdev-coexistence > .e-con,
.product-content .pdf-appdev-coexistence > .pdf-ai-coexistence-card {
  width: 100%;
  margin: 0;
  padding: var(--spacing-lg);
  border: 1px solid var(--color-border);
  background: var(--color-white);
}
.product-content .pdf-ai-coexistence-card { display: flex; align-items: center; gap: var(--spacing-md); }
.product-content :is(.pdf-ai-toolkit-card,.pdf-ai-coexistence-card) a { color: var(--color-deep-blue); text-decoration: underline; }
.product-content .elementor .elementor-element.pdf-appdev-consultation {
  padding: var(--spacing-2xl) var(--container-gutter);
}
.product-content .pdf-appdev-consultation .elementor-element-72146ec > .elementor-widget-container {
  padding-bottom: var(--spacing-lg);
}
/* Retain the source blue case-study panel; remove overlap with preceding content. */
.product-content .elementor .elementor-element.pdf-api-case-study {
  --content-width: var(--max-width);
  --padding-top: var(--spacing-2xl);
  --padding-bottom: var(--spacing-2xl);
  --padding-left: var(--container-gutter);
  --padding-right: var(--container-gutter);
}
.product-content .pdf-api-case-study .elementor-element.elementor-element-6be79dc {
  --margin-top: 0;
  --padding-top: var(--spacing-xl);
  --padding-bottom: var(--spacing-xl);
  --padding-left: var(--spacing-xl);
  --padding-right: var(--spacing-xl);
}
.product-content .product-video[data-inline-player] button {
  display: block; width: 100%; height: 100%; padding: 0; border: 0;
  background: transparent; cursor: pointer;
}
.product-content .product-video[data-inline-player] :is(button,iframe):focus-visible {
  outline: 3px solid var(--color-sky-blue); outline-offset: -4px;
}
.product-content .product-video-fallback { margin-block: var(--spacing-sm); }
@media (max-width: 1024px) {
  .product-content .elementor .elementor-element.pdf-appdev-toolkit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .product-content .elementor .elementor-element.pdf-appdev-toolkit,
  .product-content .elementor .elementor-element.pdf-appdev-coexistence { grid-template-columns: minmax(0, 1fr); }
  .product-content .pdf-ai-coexistence-card { flex-direction: column; }
}

/* Reuse AppDev's inline illustration; no missing icon-font dependency. */
.product-content .pdf-ai-icon svg { width: 59px; height: 59px; }
.product-content .pdf-ai-toolkit-card :is(h5,p) { margin: 0; }
.product-content .pdf-ai-toolkit-card h5:first-of-type {
  margin-top: 24px; font-size: 16px; font-weight: 600; color: var(--color-slate-gray);
}
.product-content .pdf-ai-toolkit-card h5:nth-of-type(2) { font-size: 22px; line-height: 1.25; font-weight: 600; }
.product-content .pdf-ai-toolkit-card p { margin-top: 8px; }
.product-content .pdf-ai-toolkit-card a { margin-bottom: 16px; }