@charset "UTF-8";
/* CSS Document */
  :root {
    --accent:       #005982;
    --accent-light: #e6f2f7;
    --gold:         #ebd195;
    --gold-mid:     #d9c07a;
    --gold-light:   #faf6ec;
    --bg-basic:     #fafafa;
    --bg-upgrade:   #faf8f2;
    --border:       #ddd;
    --border-gold:  #d4be7a;
    --text:         #222;
    --text-sub:     #4a4a4a;
    --text-muted:   #888;
    --white:        #fff;
  }

  .mc-root p{font-size: 14px;}

  /* ─── Top intro ─── */
  .mc-intro {margin-bottom: 24px;}
  .mc-eyebrow {font-size: 24px; font-weight: 700; letter-spacing: 0.05em; color: var(--accent); margin-bottom: 1em;}
  .mc-intro-body {font-size: 14px; color: var(--text-sub); line-height: 1.9;}

  /* ─── Pack card ─── */
  .mc-pack {border: 1px solid var(--border); border-radius: 3px; margin-bottom: 20px; overflow: hidden;}
  .mc-pack.upgrade {border-color: var(--border-gold);}

  /* Pack head */
  .mc-pack-head {display: flex; align-items: center; gap: 16px; padding: 22px 28px; background: var(--bg-basic); border-bottom: 1px solid var(--border);}
  .mc-pack.upgrade .mc-pack-head {background: var(--bg-upgrade); border-bottom-color: var(--border-gold);}

  .mc-badge {font-size: 10px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; padding: 4px 11px; border-radius: 2px; white-space: nowrap; flex-shrink: 0;}
  .mc-badge.basic   {background: var(--accent); color: var(--white);}
  .mc-badge.upgrade {background: var(--gold); color: #4e3600;}

  .mc-pack-title {font-size: 20px; font-weight: 700; letter-spacing: 0.03em; line-height: 1.3;}
  .mc-root .mc-pack-sub {font-size: 13px; color: var(--text-muted); margin-top: 2px; margin-bottom: 0;}

  /* Pack body */
  .mc-pack-body {padding: 28px 28px 32px; background: var(--bg-basic);}
  .mc-pack.upgrade .mc-pack-body {background: var(--bg-upgrade);}

  /* ─── Pack menu summary ─── */
  .mc-menu-summary {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px;}
  .mc-menu-item {background: var(--bg-basic); border: 1px solid var(--border); border-radius: 3px; padding: 16px 18px;}
  .mc-menu-item.upgrade {background: var(--bg-upgrade); border-color: var(--border-gold);}
  a.mc-menu-item {display: block; text-decoration: none; transition: opacity 0.2s;}
  a.mc-menu-item:hover {opacity: 0.75;}
  .mc-menu-item-head {display: flex; align-items: center; gap: 10px; margin-bottom: 8px;}
  .mc-menu-item-note {font-size: 12px; color: var(--text-muted);}
  .mc-menu-item-name {font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 8px;}
  a.mc-menu-item.upgrade .mc-menu-item-name {color: #5a4000;}
  .mc-root .mc-menu-item-body {font-size: 13px; color: var(--text-sub); line-height: 1.7; margin: 0;}
  @media (max-width: 768px) {.mc-menu-summary {grid-template-columns: 1fr;}}

  /* ─── Category ─── */
  .mc-cat {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e0e0e0;}
  .mc-pack.upgrade .mc-cat {border-bottom-color: #ddd0a0;}
  .mc-cat:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

  .mc-cat-title {font-size: 18px; font-weight: 700; letter-spacing: 0.04em; color: var(--text); margin-bottom: 14px; padding-bottom: 10px; border-bottom: 2px solid var(--border);}
  .mc-pack.upgrade .mc-cat-title {border-bottom-color: var(--border-gold);}

  /* Common badge */
  .mc-root .mc-common-badge {display: inline-block; font-size: 12px; font-weight: 700; color: var(--accent); border: 1px solid var(--accent); padding: 2px 9px; border-radius: 2px; margin-bottom: 12px;}

  /* Lead text */
  .mc-root .mc-lead {font-size: 16px; font-weight: 700; color: var(--text); line-height: 1.6; margin-bottom: 12px;}

  /* Body text */
  .mc-desc {font-size: 14px; color: var(--text-sub); line-height: 1.95; margin-bottom: 18px;}
  .mc-desc p + p {font-size: 14px; margin-top: 10px;}

  /* ─── Parts list ─── */
  .mc-parts-head {display: flex; align-items: center; gap: 18px; margin-bottom: 10px; flex-wrap: wrap;}
  .mc-parts-label {font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted);}

  /* Classca legend */
  .mc-legend {display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--accent);}
  .mc-legend-dot {width: 8px; height: 8px; border-radius: 50%; background: var(--accent); flex-shrink: 0;}

  .mc-parts-list {list-style: none; display: flex; flex-wrap: wrap; gap: 6px;}

  .mc-parts-list li {display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text); background: var(--white); border: 1px solid #d0d0d0; border-radius: 2px; padding: 4px 11px; line-height: 1.5; letter-spacing: 0.02em;}
  .mc-pack.upgrade .mc-parts-list li {background: #fefefe; border-color: var(--border-gold); color: #4a3900;}

  /* Classca-select indicator */
  .mc-parts-list li.classca {border-color: var(--accent); color: var(--accent);}
  .mc-parts-list li.classca::before {display: block; content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--accent);}
  .mc-pack.upgrade .mc-parts-list li.classca {border-color: #a07800; color: #7a5a00; background: var(--gold-light);}
  .mc-pack.upgrade .mc-parts-list li.classca::before {background: #7a5a00;}

  /* ─── Upgrade sub-items ─── */
  .mc-sub {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #d8c88a;}
  .mc-sub:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}

  .mc-sub-title {font-size: 15px; font-weight: 700; color: #5a4000; margin-bottom: 6px; display: flex; align-items: center; gap: 8px;}
  .mc-sub-title::before {content: ''; display: inline-block; width: 3px; height: 15px; background: var(--gold-mid); border-radius: 2px; flex-shrink: 0;}
  .mc-sub-desc {font-size: 13px; color: var(--text-sub); line-height: 1.75; padding-left: 11px;}

  /* ─── Upgrade intro callout ─── */
  .mc-upgrade-callout {font-size: 14px; color: var(--text-sub); line-height: 1.9; background: var(--white); border-left: 3px solid var(--gold-mid); padding: 14px 18px; margin-bottom: 28px; border-radius: 1px;}

  /* ─── Price block ─── */
  .mc-price-block {margin-top: 28px; background: var(--white); border: 1px solid var(--border-gold); border-radius: 2px; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
  .mc-price-label {font-size: 11px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: #7a5800; margin-bottom: 4px;}
  .mc-price-value {font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 3px;}
  .mc-root .mc-price-note {font-size: 12px; color: var(--text-muted); margin: 0;}
  .mc-price-cta {display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--white); background: var(--accent); padding: 10px 22px; border-radius: 2px; text-decoration: none; white-space: nowrap; transition: opacity 0.2s;}
  .mc-price-cta:hover {opacity: 0.8;}

  .car-info-maintenance {padding: 40px 40px 0;}

  /* ─── Responsive ─── */
  @media (max-width: 768px) {
    .mc-root {max-width: 100%;}
    .mc-pack-head {padding: 18px; gap: 12px;}
    .mc-pack-body {padding: 20px 18px 26px;}
    .mc-price-block {flex-direction: column; align-items: flex-start;}
    .mc-price-cta {width: 100%; text-align: center;}
    .car-info-maintenance {padding: 4% 4% 0;}
  }