/* Shared PDP mobile optimizations (breakpoint matches JS: 900px) */

/* Skincare bridge — copy column */
.skincare-bridge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 32px;
  align-items: flex-start;
  margin-top: 16px;
}

.skincare-bridge-copy {
  flex: 1 1 460px;
  min-width: min(100%, 280px);
  max-width: 540px;
}

.skincare-bridge-copy .bridge-headline {
  margin: 0 0 16px;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: clamp(24px, 2.6vw, 28px);
  line-height: 1.28;
  letter-spacing: -0.025em;
  color: #1a2f6b;
  text-wrap: pretty;
}

.skincare-bridge-copy .bridge-body {
  margin: 0 0 18px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: clamp(14px, 1.5vw, 15px);
  line-height: 1.68;
  color: rgba(26, 47, 107, 0.78);
}

@media (max-width: 899px) {
  .pdp-info {
    padding-bottom: 120px !important;
  }

  .pdp-title {
    font-size: clamp(20px, 5.8vw, 24px) !important;
    line-height: 1.22 !important;
  }

  .pdp-feature-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
}

@media (max-width: 420px) {
  .pdp-feature-grid {
    grid-template-columns: 1fr !important;
  }
}