/* =====================================================================
   Online Tijara — /pricing/ page (loads on the pricing page only).
   Pricing-card component is shared from cosmos.css.
   ===================================================================== */

.ot-price-hero { padding-top: clamp(120px, 16vh, 180px); }

.ot-price-assure {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 22px; max-width: 980px; margin: 56px auto 0;
}
.ot-assure-card { padding: 30px 26px; text-align: center; }
.ot-assure-ic {
  width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 18px;
  display: flex; align-items: center; justify-content: center; font-size: 1.7rem;
  background: radial-gradient(circle at 30% 30%, var(--ot-orange-soft), var(--ot-orange) 60%, var(--ot-orange-deep));
  box-shadow: inset -5px -5px 12px rgba(0,0,0,.3), 0 10px 26px var(--ot-glow);
}
.ot-assure-card h4 { font-size: 1.1rem; margin-bottom: 8px; }
.ot-assure-card p { color: var(--ot-text-dim); font-size: .94rem; }