.pdp-root { }

.pdp-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  align-items: center;
}

.pdp-hero-text {
  max-width: 520px;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.pdp-hero-image img {
  width: 100%;
}

.pdp-cta-main {
  width: fit-content;
}

.pdp-text-block {
  max-width: 800px;
  margin-inline: auto;
}

.pdp-cards-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
}

.pdp-card { min-width:0; }

.pdp-columns-2-narrow {
  max-width: 900px;
  margin-inline: auto;
}

.pdp-columns-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-3);
}

.pdp-value-grid {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: var(--space-4);
  align-items: center;
}

.pdp-value-text { min-width:0; }
.pdp-value-image img { width:100%; }

.pdp-errors {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}

.pdp-errors-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-3);
  text-align: left;
}

.pdp-skills { max-width: 1000px; }

.pdp-cta-block { max-width: 700px; margin-inline:auto; }

.pdp-cta-inner {
  display:flex;
  flex-direction:column;
  gap: var(--space-2);
  align-items:center;
  text-align:center;
}

@media (max-width: 1000px) {
  .pdp-cards-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .pdp-hero-grid { grid-template-columns: 1fr; }
  .pdp-value-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .pdp-cards-3 { grid-template-columns: 1fr; }
  .pdp-columns-inner { grid-template-columns: 1fr; }
  .pdp-errors-grid { grid-template-columns: 1fr; }
}