/* Buy Leads — minimal additions on top of the site's own main.css.
   Everything else (hero, sblock, sector-grid, pkg-card, forms, buttons,
   badges, breadcrumb, dash-card, alerts, empty-state, faq-item) reuses
   the SAME classes as the rest of the portal — no re-styling needed. */

/* Grid wrapper for a full (non-scrolling) list of lead packages */
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}

/* Cart page — item rows */
.cart-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--bg)}
.cart-row:last-child{border-bottom:none}
.cart-row-visual{width:52px;height:52px;border-radius:12px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}
.cart-row-info{flex:1;min-width:0}
.cart-row-info small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.cart-row-info a{color:var(--text);font-weight:700;font-size:13.5px}
.cart-row-info a:hover{color:var(--blue)}
.qty-stepper{display:flex;align-items:center;border:1.5px solid var(--border2);border-radius:var(--radius);overflow:hidden;flex-shrink:0}
.qty-stepper button{width:30px;height:30px;border:none;background:var(--bg);color:var(--text3);font-size:12px;cursor:pointer}
.qty-stepper button:hover{background:var(--blue-light);color:var(--blue)}
.qty-stepper input{width:38px;height:30px;border:none;border-left:1px solid var(--border2);border-right:1px solid var(--border2);text-align:center;font-size:13px;font-weight:700;color:var(--text)}
.cart-row-price{text-align:right;flex-shrink:0;min-width:80px}
.cart-row-price strong{display:block;font-size:14px;color:var(--text)}
.cart-row-price small{color:var(--muted);font-size:11px}
.cart-remove-btn{background:none;border:none;color:var(--light);cursor:pointer;font-size:14px;flex-shrink:0;padding:6px}
.cart-remove-btn:hover{color:var(--red)}
.summary-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text3);padding:6px 0}
.summary-line.total{font-size:16px;font-weight:800;color:var(--text);border-top:1px solid var(--border);margin-top:6px;padding-top:12px}

/* Checkout — payment method radio cards */
.pay-option{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border2);border-radius:var(--radius-lg);padding:12px 14px;cursor:pointer;transition:var(--transition)}
.pay-option:has(input:checked){border-color:var(--blue);background:var(--blue-light)}
.pay-option input{accent-color:var(--blue)}

/* Payment page — UPI QR + bank details */
.pay-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qr-box{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center;margin-bottom:12px}
.qr-box img{width:180px;height:180px;border-radius:8px}
.copy-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:700;color:var(--text);margin-top:8px}
.copy-btn{border:1px solid var(--border2);background:var(--white);color:var(--blue);width:28px;height:28px;border-radius:7px;cursor:pointer;flex-shrink:0}
.copy-btn:hover{background:var(--blue);color:#fff}
.bank-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border)}
.bank-row:last-child{border-bottom:none}
.bank-row span{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.bank-row strong{color:var(--text);font-size:13px;text-align:right}

@media(max-width:768px){
  .pay-methods-grid{grid-template-columns:1fr}
  .cart-row{flex-wrap:wrap}
  .cart-row-price{margin-left:auto}
}

/* ─── Fancy Cart Page ─────────────────────────── */
.cart-steps{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.cart-step{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted)}
.cart-step .cs-num{width:26px;height:26px;border-radius:50%;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:1.5px solid var(--border)}
.cart-step.active .cs-num{background:var(--blue);color:#fff;border-color:var(--blue)}
.cart-step.active{color:var(--text)}
.cart-step.done .cs-num{background:var(--green);color:#fff;border-color:var(--green)}
.cart-step.done{color:var(--green)}
.cart-step-line{width:34px;height:2px;background:var(--border)}

.cart-item-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;transition:var(--transition)}
.cart-item-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--ic,var(--blue))}
.cart-item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.cart-item-avatar{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;background:var(--ic-light,var(--blue-light))}
.cart-item-info{flex:1;min-width:0}
.cart-item-info .cii-tag{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:3px;display:block}
.cart-item-info a.cii-name{font-size:14.5px;font-weight:800;color:var(--text);display:block;margin-bottom:4px}
.cart-item-info a.cii-name:hover{color:var(--blue)}
.cart-item-info .cii-meta{display:flex;gap:8px;flex-wrap:wrap}

.summary-card-fancy{background:linear-gradient(135deg,#0c1445,#1a56db);border-radius:var(--radius-lg);padding:22px;color:#fff;position:sticky;top:90px}
.summary-card-fancy h3{font-size:15px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.summary-card-fancy .summary-line{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.12)}
.summary-card-fancy .summary-line strong{color:#fff}
.summary-card-fancy .summary-line.total{border-top:1px solid rgba(255,255,255,.2);color:#fff}
.summary-card-fancy .summary-line.total strong{font-size:20px;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.summary-trust{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.summary-trust span{font-size:11.5px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:8px}
.summary-trust i{color:#4ade80;width:14px}
.summary-card-fancy .btn-primary{background:#fff;color:var(--blue);font-weight:800}
.summary-card-fancy .btn-primary:hover{background:#e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.summary-card-fancy .btn-outline{border-color:rgba(255,255,255,.35);color:#fff}
.summary-card-fancy .btn-outline:hover{background:rgba(255,255,255,.1)}

.cart-empty-fancy{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:50px 20px;text-align:center}
.cart-empty-fancy .empty-icon{font-size:4.2rem;margin-bottom:6px;filter:grayscale(.15)}

@media(max-width:900px){.summary-card-fancy{position:static}}
@media(max-width:600px){.cart-item-card{flex-wrap:wrap}.cart-item-card .cart-row-price{margin-left:auto}}