/* Plans section, redesigned with Dor 15 October 2026 (mockup approved in the GridOS chat
   "what's the limit of articles..."). Every plan lists the same rows in the same order so
   they line up side by side; monthly articles sit below the AI list. */

/* Same height for every card's top part, so the prices and rows line up */
body.team #pricing .hcard .hwho { min-height: 48px; }
body.team #pricing .price-block { min-height: 0; margin-bottom: 4px; }

/* Company choices replace the old dark article panels. */
body.team #pricing .company-choice { min-height: 116px; box-sizing: border-box; padding: 10px 0 2px; }
body.team #pricing .company-choice label { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; color: #2a2140; }
body.team #pricing .company-count { font-size: 18px; font-weight: 700; color: #6d28d9; }
body.team #pricing .single-company p { margin: 3px 0 0; font-size: 14px; color: #2a2140; }
body.team #pricing .slider-row { margin-top: 8px; }
body.team #pricing .slider-row input { display: block; width: 100%; margin: 0; height: 22px; accent-color: #7928db; }
body.team #pricing .slider-row input:focus-visible { outline: 2px solid #7928db; outline-offset: 4px; border-radius: 8px; }
body.team #pricing .slider-labels { color: #6b637a; }
body.team #pricing .company-discount { margin: 8px 0 0; font-size: 11px; color: #6d28d9; line-height: 1.4; }
body.team #pricing .price-note { min-height: 32px; line-height: 1.4; margin-top: 2px; font-size: 12px; }
body.team #pricing .ai-label { margin: 16px 0 6px; font-size: 13px; color: #6b637a; }
body.team #pricing .hcard .now { font-size: clamp(2.1rem, 3.1vw, 2.9rem); }

/* AI engines - a tick or a cross per engine */
body.team #pricing .ea { border: 1px solid #ece7fb; border-radius: 14px; padding: 6px 14px; margin: 0 0 14px; background: #fff; text-align: left; }
body.team #pricing .ea-row {
  display: flex; align-items: center; gap: 10px; padding: 7px 4px;
  font-size: 14px; font-weight: 600; color: #2a2140; border-top: 1px solid #f3f0fb;
}
body.team #pricing .ea .ea-row:first-child { border-top: none; }
body.team #pricing .ea-row img, body.team #pricing .ea-row svg { width: 20px; height: 20px; flex-shrink: 0; }
body.team #pricing .ea-row.off { color: #a59fb5; }
body.team #pricing .ea-row.off img, body.team #pricing .ea-row.off svg { filter: grayscale(1); opacity: .45; }
body.team #pricing .ea-row[data-ai] { min-height: 38px; }
body.team #pricing .ea-coming { display: block; color: #6d28d9; font-size: 11px; font-weight: 500; line-height: 1.35; }
body.team #pricing .ea-mark {
  margin-left: auto; width: 26px; height: 26px; border-radius: 50%;
  display: grid; place-items: center; font-size: 15px; font-weight: 800;
}
body.team #pricing .ea-mark.on { background: #16a34a; color: #fff; }
body.team #pricing .ea-mark.off { background: #f1eef7; color: #a59fb5; }

/* What each plan includes - one row height everywhere so the plans line up */
body.team #pricing .hfeats.rows li {
  min-height: 48px; display: flex; align-items: center; border-top: 1px solid #f1edf9;
  margin: 0; padding-top: 0; padding-bottom: 0; line-height: 1.35;
}
body.team #pricing .hfeats.rows li.posts b { color: #1a1033; font-size: 15px; }
body.team #pricing .hfeats.rows li.gift {
  gap: 10px; background: linear-gradient(90deg, #f5f0ff, #fdf4ff); border-radius: 12px;
  border: 1px solid #e9d5ff; padding-left: 12px; padding-right: 10px; margin: 4px 0; min-height: 44px;
}
body.team #pricing .hfeats.rows li.gift::before { display: none; }
body.team #pricing .gift-ico { font-size: 20px; line-height: 1; }
body.team #pricing .hfeats.rows li.gift b { color: #6d28d9; }
body.team #pricing .hfeats.rows li.gift em {
  display: block; font-style: normal; font-family: inherit; font-weight: 500;
  color: #9333ea; font-size: 11.5px; letter-spacing: .02em;
}
body.team #pricing .sv1 { display: flex; align-items: center; gap: 8px; }
body.team #pricing .sv1 b { color: #1a1033; }
body.team #pricing .hs { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #ede9fe; color: #6d28d9; }
body.team #pricing .hs svg { width: 16px; height: 16px; }
/* Shown on Pro's number rows when the slider is on 3 businesses */
body.team #pricing .pb-tag {
  margin-left: auto; flex-shrink: 0; font-size: 11px; font-weight: 600; color: #5b21b6;
  border: 1px solid #ddd6fe; border-radius: 6px; padding: 1px 7px; white-space: nowrap;
}

/* The three promises under the plans, each with an icon */
body.team #pricing .ptile { display: flex; flex-direction: column; gap: 6px; }
body.team #pricing .pt-ico {
  width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center;
  background: linear-gradient(135deg, #7c3aed, #a855f7); box-shadow: 0 8px 18px rgba(124, 58, 237, .28); margin-bottom: 6px;
}
body.team #pricing .pt-ico svg { width: 24px; height: 24px; }
body.team #pricing .pt-ico svg * { stroke: #fff; fill: none; }

@media (max-width: 380px) {
  body.team #pricing .pay-switch { max-width: 100%; }
  body.team #pricing .pay-switch button { padding-left: 11px; padding-right: 11px; font-size: 13px; }
  body.team #pricing .ea-row { font-size: 12px; gap: 7px; }
  body.team #pricing .ea-mark { flex-shrink: 0; }
}