/* ============================================================
СТРАНИЦА «КУРСЫ И ЦЕНЫ» (/pricing)
============================================================ */
@layer sections {
  
  .pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--card-gap);
    margin-bottom: var(--card-gap);
    
  }

  .pricing-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.75rem;
    background: var(--sheet);
    border: 1px solid var(--paper-line-soft);
    border-radius: var(--card-radius);
    box-shadow: var(--shadow-clay-sm);
    transition: transform var(--dur) var(--ease-clay),
    box-shadow var(--dur) var(--ease-clay);
  }
  .pricing-card:hover { transform: translateY(-0.25rem); box-shadow: var(--shadow-clay); }
  
  .pricing-card--featured {
    background:
    radial-gradient(circle at 100% 0%, var(--ochre-soft) 0%, transparent 55%),
    linear-gradient(160deg, var(--terracotta-soft) 0%, var(--paper-2) 100%);
    border-color: var(--terracotta-soft);
  }
  
  .pricing-card__badge {
    position: absolute;
    top: 1rem; right: 1rem;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: linear-gradient(135deg, var(--terracotta), var(--terracotta-deep));
    color: #fff;
    box-shadow: var(--shadow-clay-sm);
  }
  .pricing-card--featured .pricing-card__badge {
    background: linear-gradient(135deg, var(--ink), #3B2C1F);
  }
  
  .pricing-card__head { margin-bottom: 1rem; padding-right: 5rem; }
  .pricing-card__head h3 { font-size: 1.25rem; margin-bottom: 0.25rem; }
  .pricing-card__head p { font-size: 0.8125rem; color: var(--ink-soft); }
  
  .pricing-card__price {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dashed var(--paper-line);
  }
  .pricing-card__amount {
    font-family: var(--font-head);
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1;
    color: var(--terracotta-deep);
  }
  .pricing-card--featured .pricing-card__amount { color: var(--terracotta-deep); }
  .pricing-card__per { font-size: 0.75rem; color: var(--muted); }
  
  .pricing-card__pack {
    padding: 0.875rem 1rem;
    margin-bottom: 1.25rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid var(--paper-line-soft);
  }
  .pricing-card__pack-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }
  .pricing-card__pack-label {
    display: inline-flex; align-items: center; gap: 0.375rem;
    font-size: 0.75rem; font-weight: 700; color: var(--ink-soft);
  }
  .pricing-card__pack-label i { color: var(--terracotta); font-size: 0.75rem; }
  .pricing-card__pack-save {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem; font-weight: 800;
    background: var(--teal-soft); color: var(--teal-deep);
  }
  .pricing-card__pack-price {
    display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.5rem;
  }
  .pricing-card__pack-price strong {
    font-family: var(--font-head);
    font-size: 1.375rem; font-weight: 600;
    color: var(--ink);
  }
  .pricing-card__pack-price s { font-size: 0.875rem; color: var(--muted); }
  .pricing-card__pack-price span { font-size: 0.75rem; color: var(--muted); }
  
  .pricing-card__features {
    list-style: none;
    display: flex; flex-direction: column; gap: 0.625rem;
    margin: 0 0 1.5rem;
    flex: 1;
  }
  .pricing-card__features li {
    display: flex; align-items: flex-start; gap: 0.625rem;
    font-size: 0.8125rem; color: var(--ink-2); line-height: 1.4;
  }
  .pricing-card__features li i {
    width: 1.125rem; height: 1.125rem;
    flex-shrink: 0; margin-top: 0.1rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: var(--teal-soft); color: var(--teal-deep);
    font-size: 0.625rem;
  }
  .pricing-card .btn { margin-top: auto; }
  
  /* Инфо-плашка */
  .pricing-note {
    display: flex; align-items: flex-start; gap: 0.875rem;
    margin-bottom: var(--card-gap);
  }
  .pricing-note__icon {
    width: 2.5rem; height: 2.5rem; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    border-radius: 0.875rem;
    background: var(--ochre-soft); color: var(--ochre-deep);
    font-size: 1rem;
  }
  .pricing-note p { font-size: 0.8125rem; line-height: 1.55; color: var(--ink-soft); }
  
  /* FAQ */
  .pricing-faq { margin-bottom: 1.5rem; }
  .pricing-faq__title { font-size: 1.125rem; margin-bottom: 1rem; }
  .pricing-faq__list { display: flex; flex-direction: column; gap: 0.625rem; }
  .pricing-faq__item {
    background: var(--sheet);
    border: 1px solid var(--paper-line-soft);
    border-radius: 1rem;
    padding: 0 1.125rem;
    box-shadow: var(--shadow-clay-sm);
    overflow: hidden;
  }
  .pricing-faq__item summary {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    font-size: 0.875rem; font-weight: 700;
    color: var(--ink);
    cursor: pointer;
    list-style: none;
  }
  .pricing-faq__item summary::-webkit-details-marker { display: none; }
  .pricing-faq__item summary i {
    color: var(--muted); font-size: 0.75rem;
    transition: transform var(--dur) var(--ease-clay);
    flex-shrink: 0;
  }
  .pricing-faq__item[open] summary i { transform: rotate(180deg); }
  .pricing-faq__item p {
    padding: 0 0 1rem;
    font-size: 0.8125rem; line-height: 1.6; color: var(--ink-soft);
  }
}

@layer responsive {
  @media (max-width: 720px) {
    .pricing-grid { grid-template-columns: 1fr; }
  }
}