/* Plans: three cards (₹49 trial, ₹499 monthly, EduSoulX tablet) – 17 Oct 2026 */
.plans.plans-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: var(--wrap); gap: 20px; align-items: stretch; }
.plans-3 .plan { padding: 24px 22px; }
.plans-3 .plan-price b { font-size: 2.7rem; }
.plan-tag.teal { background: var(--teal-wash); color: var(--teal-deep); }
.plan-month { border-color: #A9D8D1; }
.plan-hint { font-size: .9rem; line-height: 1.35; color: var(--teal-deep); background: var(--teal-wash); border-radius: 10px; padding: 7px 10px; margin: 0; }
.plan-ribbon { position: absolute; top: -14px; right: 18px; background: var(--saffron); color: var(--night); font-weight: 700; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; padding: 5px 12px 4px; border-radius: 99px; box-shadow: 0 6px 14px rgba(238, 138, 27, .35); }
@media (max-width: 980px) { .plans.plans-3 { grid-template-columns: minmax(0, 1fr); max-width: 560px; gap: 26px; } }
.plan-photo { position: relative; display: flex; justify-content: center; align-items: center; height: 150px; background: radial-gradient(70% 80% at 50% 60%, #FFF1DC, transparent 70%); border-radius: 14px; }
.plan-photo img:first-child { height: 140px; width: auto; filter: drop-shadow(0 12px 18px rgba(30, 20, 80, .25)); transition: transform .3s; }
.plan-photo:hover img:first-child { transform: translateY(-4px) rotate(-2deg); }
.plan-photo-logo { position: absolute; right: 6px; bottom: 6px; width: 74px; height: auto; background: #fff; border-radius: 8px; padding: 3px 5px; box-shadow: 0 2px 8px rgba(30, 20, 80, .12); }
.plan-wa { text-align: center; font-weight: 700; font-size: .92rem; color: var(--wa); margin-top: -6px; }
.plan-photo img:first-child { height: 150px; width: 100%; object-fit: cover; border-radius: 12px; filter: none; }