/* BN726 - Pricing: separate cards with a gap (the plans block clipped the raised card), "Most popular" badges, mall plans matching
   the booth plans (same width, equal heights, full-width buttons at the bottom), headings and fine print aligned. */
.plans{gap:16px!important;overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important;padding-top:14px!important;align-items:stretch}
.plans>.plan,.plan.feature{border-radius:20px!important;display:flex!important;flex-direction:column}
.plan .btn,.plan a.btn{margin-top:auto}
.plan.feature{position:relative}
.plan.feature::before,#malls>div>div:nth-child(2)::before{content:"Most popular";position:absolute;top:-12px;left:20px;padding:3px 10px;border-radius:999px;background:#15803d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 10px -4px rgba(21,128,61,.6)}
#malls{text-align:left!important}
#malls>h2,#malls>p.fine{text-align:left!important;max-width:none!important}
#malls>div{max-width:none!important;margin:0!important;gap:16px!important;padding-top:14px;align-items:stretch}
#malls>div>div{position:relative;display:flex!important;flex-direction:column;gap:6px;padding:22px!important}
#malls>div>div>a.btn{margin-top:auto!important;width:100%;justify-content:center;text-align:center}
.plans+p,#pricing .wrap>p,#pricing p.fine{max-width:none!important}
@media (max-width:900px){.plans,#malls>div{gap:22px!important}}
/* every plan is its own card on every page */
.plans>.plan{background:#fff!important;border:1px solid #e9ebef!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 1px rgba(16,24,40,.05),0 2px 4px -1px rgba(16,24,40,.06),0 10px 22px -12px rgba(16,24,40,.2)!important;padding:22px!important}
.plans>.plan.feature{border:2px solid #15803d!important;box-shadow:0 30px 60px -28px rgba(21,128,61,.5),0 10px 20px -10px rgba(16,24,40,.22)!important}