/* ═══════════════════════════════════════════════════════════
   PAGE: PRICING — Horizontal Row Layout
   ═══════════════════════════════════════════════════════════ */

.pricing-grid { display: flex; flex-direction: column; gap: 20px; margin-top: 48px; }

/* Full reset — horizontal row layout */
.pricing-grid .pricing-card {
  display: flex !important; flex-direction: row !important; align-items: center !important;
  padding: 26px 36px !important; transform: none !important;
  border: 2.5px solid rgba(255,255,255,0.45) !important;
  box-shadow: 6px 6px 0 rgba(255,255,255,0.2) !important;
  gap: 0 !important; background: var(--white); border-radius: 4px;
  position: relative; transition: all 0.2s; cursor: pointer;
}
.pricing-grid .pricing-card:hover { transform: translateY(-4px) !important; box-shadow: 10px 10px 0 rgba(255,255,255,0.3) !important; }

/* Highlighted middle tier */
.pricing-grid .pricing-card.is-featured { background: var(--yellow) !important; }
.pricing-grid .pricing-card.is-featured .btn-apply { background: var(--black) !important; color: var(--white) !important; }

/* Section 1: Icon + Name */
.pc-head { display: flex; align-items: center; gap: 16px; flex: 0 0 260px; padding-right: 32px; border-right: 1px solid rgba(0,0,0,0.12); }
.pc-head .tier-icon { margin-bottom: 0; flex-shrink: 0; }
.pc-name { font-weight: 700; font-size: 20px; margin-bottom: 2px; }
.pc-desc { font-family: 'Caveat', cursive; font-size: 15px; color: #555; }

/* Section 2: Features */
.pc-features {
  flex: 1; list-style: none; display: flex; flex-direction: column; gap: 5px;
  padding: 0 36px; margin: 0; border-right: 1px solid rgba(0,0,0,0.12);
}
.pc-features li {
  display: flex; align-items: center; gap: 10px; font-size: 13.5px;
  font-weight: 500; padding: 2px 0; border-bottom: none; white-space: nowrap;
}

/* Section 3: Price + CTA */
.pc-tail { flex: 0 0 auto; display: flex; align-items: center; gap: 24px; padding-left: 36px; }
.pc-price { text-align: right; white-space: nowrap; }
.pc-price .amount { font-size: 38px; font-weight: 700; letter-spacing: -2px; }
.pc-price .period { font-size: 13px; font-weight: 600; color: #666; }

/* Override btn-apply to auto-width */
.pricing-grid .pricing-card .btn-apply {
  width: auto !important; padding: 12px 26px !important; white-space: nowrap; flex-shrink: 0;
  background: var(--white); border: 2.5px solid var(--black); font-weight: 700; font-size: 14px;
  cursor: pointer; box-shadow: 4px 4px 0 var(--black); transition: all 0.2s; border-radius: 4px;
}
.pricing-grid .pricing-card .btn-apply:hover { box-shadow: 7px 7px 0 var(--black); transform: translate(-2px,-2px); }

/* Badge repositioned for horizontal layout */
.pricing-grid .popular-badge {
  position: absolute !important; top: -15px !important; left: 50% !important;
  right: auto !important; transform: translateX(-50%) !important;
}