/* ===== WHY BOOK WITH US PAGE STYLES ===== */

.reasons-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.reason-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-7); position: relative; overflow: hidden; transition: all 0.4s; }
.reason-card:hover { border-color: var(--color-gold); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.08); }
.reason-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--color-gold), transparent); opacity: 0; transition: opacity 0.4s; }
.reason-card:hover::before { opacity: 1; }
.reason-icon { width: 52px; height: 52px; border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(200, 170, 110, 0.15), rgba(200, 170, 110, 0.05)); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-4); font-size: 1.5rem; }
.reason-card h3 { margin-bottom: var(--space-3); font-size: var(--text-lg); }
.reason-card p { color: var(--color-text-secondary); line-height: 1.7; font-size: var(--text-sm); }

.stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-6); margin-top: var(--space-10); text-align: center; }
.stat-item { padding: var(--space-6); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); }
.stat-number { font-family: var(--font-serif); font-size: var(--text-3xl); font-weight: 700; color: var(--color-gold); }
.stat-label { font-size: var(--text-sm); color: var(--color-text-muted); margin-top: var(--space-1); }

.compare-section { max-width: 900px; margin: 0 auto; }
.compare-table { width: 100%; border-collapse: collapse; border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; margin: var(--space-6) 0; }
.compare-table th { background: var(--color-primary); color: #fff; padding: var(--space-4); font-weight: 600; font-size: var(--text-sm); text-align: left; }
.compare-table td { padding: var(--space-4); font-size: var(--text-sm); border-bottom: 1px solid var(--color-border); color: var(--color-text-secondary); }
.compare-table tr:last-child td { border-bottom: none; }
.compare-table tr:nth-child(even) td { background: var(--color-surface-2); }
.check { color: var(--color-success); font-weight: 700; font-size: 1.1rem; }
.cross { color: var(--color-error); font-weight: 700; font-size: 1.1rem; }

@media (max-width: 680px) {
  .reasons-grid { grid-template-columns: 1fr; }
  .compare-table th, .compare-table td { padding: var(--space-3); font-size: var(--text-xs); }
}