/* Pricing page layout. Fields, text and surfaces belong to shared components. */
.pricing-section { margin-bottom: var(--space-8); }
.pricing-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pricing-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); margin-bottom: var(--space-8); }
.pricing-action-card { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: var(--space-6); align-items: end; padding: var(--space-8); }
.pricing-action-card > div:first-child { align-self: start; }
.pricing-action-card__buttons { display: flex; flex-wrap: wrap; grid-column: 1 / -1; gap: var(--space-2); }
.pricing-tariffs { display: grid; gap: var(--space-4); }
.pricing-tariff { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, .55fr)) auto; gap: var(--space-4); align-items: end; padding: var(--space-6); }
.pricing-tariff__model { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.pricing-tariff__model > div { min-width: 0; }
.pricing-tariff__model img { width: 52px; height: 52px; flex: 0 0 52px; object-fit: contain; border-radius: var(--radius-sm); background: var(--card-subtle); }
.pricing-tariff.is-readonly { align-items: center; }
.pricing-tariff.is-readonly dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); grid-column: 2 / -1; margin: 0; }
.pricing-sale-form { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.pricing-sale-form input { width: 140px; }
.pricing-export-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
@media (max-width: 1120px) {
  .pricing-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-actions { grid-template-columns: 1fr; }
  .pricing-tariff { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pricing-tariff__model, .pricing-tariff.is-readonly dl, .pricing-tariff > .c-button { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .pricing-action-card { grid-template-columns: 1fr; padding: var(--space-6); }
  .pricing-tariff, .pricing-tariff.is-readonly dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-action-card__buttons { flex-direction: column; }
  .pricing-sale-form input { flex: 1; min-width: 0; }
  .pricing-export-actions { width: 100%; }
  .pricing-export-actions .c-button { flex: 1; }
}