
.toteel-market-plans{margin:22px 0;padding:18px;border:1px solid #e2e5e9;border-radius:8px;background:#fff;direction:rtl}
.toteel-market-plans-heading h3{margin:0 0 7px;font-size:20px}
.toteel-market-plans-heading p{margin:0 0 18px;color:#777;font-size:13px}
.toteel-market-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.toteel-market-plan-card{display:block;cursor:pointer;margin:0}
.toteel-market-plan-card>input{position:absolute;opacity:0;pointer-events:none}
.toteel-market-plan-inner{display:flex;flex-direction:column;min-height:185px;padding:18px;border:1px solid #ddd;border-radius:8px;background:#fff;transition:.18s;box-sizing:border-box}
.toteel-market-plan-card:hover .toteel-market-plan-inner{border-color:#aaa}
.toteel-market-plan-card.selected .toteel-market-plan-inner{border-color:#1473e6;box-shadow:0 0 0 1px #1473e6}
.toteel-market-plan-name{font-weight:700;font-size:17px;margin-bottom:10px}
.toteel-market-plan-price{font-size:22px;font-weight:700;line-height:1.2}
.toteel-market-plan-price small{font-size:12px;font-weight:400}
.toteel-market-plan-duration{font-size:13px;color:#777;margin-top:3px}
.toteel-market-plan-features{display:flex;flex-direction:column;gap:5px;margin-top:14px;font-size:13px;color:#555}
.toteel-market-plan-note{font-size:12px;color:#777;margin:14px 0 0}
.toteel-market-subscription-card{background:#fff;border:1px solid #e1e4e8;border-radius:10px;padding:22px;margin:20px 0;direction:rtl}
.toteel-market-subscription-card.compact{margin:0 0 20px}
.toteel-market-subscription-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.toteel-market-subscription-label{display:block;color:#777;font-size:12px;margin-bottom:5px}
.toteel-market-subscription-top h2{margin:0;font-size:23px}
.toteel-market-status{padding:6px 12px;border-radius:20px;font-size:12px;background:#eee}
.toteel-market-status.status-active{background:#e7f7ed;color:#177245}
.toteel-market-status.status-expired,.toteel-market-status.status-cancelled{background:#fdecec;color:#a22}
.toteel-market-status.status-pending{background:#fff4d6;color:#8a5b00}
.toteel-market-subscription-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.toteel-market-subscription-grid>div{padding:12px;background:#f8f9fa;border-radius:7px}
.toteel-market-subscription-grid strong,.toteel-market-subscription-grid span{display:block}
.toteel-market-subscription-grid strong{font-size:11px;color:#777;margin-bottom:5px}
.toteel-market-subscription-grid span{font-size:14px}
.toteel-market-remaining{margin-top:15px;padding:11px 14px;border-radius:6px;background:#f0f7ff;color:#185a9d}
.toteel-market-warning{margin-top:15px;padding:11px 14px;border-radius:6px;background:#fff4e5;color:#875500}
.toteel-market-empty{padding:25px;border:1px solid #ddd;background:#fff;border-radius:8px}
@media(max-width:700px){
 .toteel-market-plan-grid{grid-template-columns:1fr}
 .toteel-market-subscription-grid{grid-template-columns:repeat(2,1fr)}
 .toteel-market-subscription-top{flex-direction:column}
}
