/* Services page (cyan theme, public) — themes/cyan/views/services.php. Card Add Funds wale card jaisa (border / radius) */
.psv-page{ max-width:980px; margin:0 auto; padding:28px 0 48px; }
.psv-card{ background:#fff; border:1px solid #cbd5e1; border-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,.04); margin-bottom:16px; }   /* overflow hidden nahi — warna country dropdown card ke andar kat jata */
.psv-card-head{ display:flex; align-items:center; gap:8px; padding:14px 20px; font-weight:700; font-size:15px; color:#0f1e24; background:#f7fafb; border-bottom:1px solid #e7edef; border-radius:11px 11px 0 0; }
.psv-card-head i{ color:var(--c-primary); }
.psv-card-body{ padding:18px 20px 20px; }
.psv-card-body label{ display:block; font-weight:700; font-size:14px; color:#0f1e24; margin-bottom:6px; }
.psv-card-body .form-group{ margin-bottom:14px; }

/* country + currency + sort ek row (currency / sort chhote) */
.psv-filters{ display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:12px; }   /* country | sort */
.psv-filters.has-currency{ grid-template-columns:minmax(0,1fr) 150px 170px; }   /* country | currency | sort */
/* mobile: country poori line, neeche currency + sort ek hi line mein (aadha aadha) */
@media (max-width:600px){
  .psv-filters{ grid-template-columns:1fr; gap:0; }
  .psv-filters.has-currency{ grid-template-columns:1fr 1fr; gap:0 10px; }
  .psv-filters.has-currency > .form-group:first-child{ grid-column:1 / -1; }
}

/* search */
.psv-search{ position:relative; }
.psv-search i{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#9aa9ae; font-size:14px; }
.psv-search input{ width:100%; height:44px; padding:0 14px 0 40px; border:1px solid #d5dae1; border-radius:10px; font-size:14.5px; color:#0f1e24; background:#fff; }
.psv-search input:focus{ outline:none; border-color:var(--c-primary); box-shadow:0 0 0 3px rgba(var(--c-primary-rgb),.15); }

.psv-count{ margin:0 2px 10px; font-size:13px; font-weight:700; color:#7c8b91; }

/* services grid */
.psv-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:12px; }
.psv-item{ display:flex; align-items:center; gap:12px; padding:14px 16px; background:#fff; border:1px solid #cbd5e1; border-radius:12px; color:#0f1e24; min-width:0; }
.psv-ico{ flex:0 0 38px; width:38px; height:38px; border-radius:10px; background:#f3f7f8; display:inline-flex; align-items:center; justify-content:center; font-size:20px; }
.psv-ico.psv-letter{ font-weight:800; font-size:16px; }
.psv-info{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.psv-name{ font-weight:700; font-size:14.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.psv-stock{ font-size:12px; color:#8b9a9f; margin-top:2px; }
.psv-price{ flex:0 0 auto; text-align:right; line-height:1.2; }
.psv-price b{ font-size:15px; color:var(--c-primary-dark); }
.psv-buy{ flex:0 0 auto; width:34px; height:34px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; background:rgba(var(--c-primary-rgb),.1); color:var(--c-primary-dark); font-size:14px; text-decoration:none; transition:background .15s, color .15s; }
.psv-buy:hover{ background:var(--c-primary); color:#fff; text-decoration:none; }
.psv-empty{ grid-column:1 / -1; padding:30px 16px; text-align:center; color:#8b9a9f; font-size:14px; background:#fff; border:1px dashed #cbd5e1; border-radius:12px; }
.psv-empty i{ color:var(--c-primary); font-size:20px; }

@media (max-width:600px){
  .psv-page{ padding-top:18px; }
  .psv-card-head{ padding:12px 16px; }
  .psv-card-body{ padding:14px 16px 16px; }
  .psv-grid{ grid-template-columns:1fr; }
}