/* ===== Core (Light+RTL) ===== */
:root{--primary:#1165f1;--accent:#15b46b;--muted:#6b7a88;--radius:1rem;--border:#e7edf4;--shadow:0 6px 18px rgba(10,47,94,.08);--page-bg:#f6f9fc}
*{font-family:"Vazirmatn",system-ui}
body{background:var(--page-bg);color:#213043}
a{color:var(--primary)} a:hover{opacity:.9}
.muted{color:var(--muted)}
/* Navbar (dropdown fix) */
.navbar{box-shadow:var(--shadow);position:relative;z-index:1200;overflow:visible}
.navbar .dropdown-menu{z-index:1300}
.navbar,.navbar *{pointer-events:auto}
/* ---- Hero ---- */
.hero-visual{max-height:240px;object-fit:contain;border:0;box-shadow:none}
.hero .badge,.hero .uptime-badge,.hero .speed-badge,.hero .support-badge{display:none!important}
/* ---- Cards / Pricing ---- */
.price-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s;overflow:visible}
.price-card:hover{transform:translateY(-4px)}
.kvs li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px dashed #edf1f6;font-size:.95rem}
.kvs li:last-child{border-bottom:0}
.badge-soft{background:#eef4ff;color:#0f4bf0;border:1px solid #dfe9ff;border-radius:8px;padding:.2rem .45rem;font-size:.75rem}
/* Buy button */
.btn-buy{position:relative;z-index:3;display:inline-flex;justify-content:center;align-items:center;height:48px;border-radius:12px;border:2px solid #16a34a;background:#16a34a;color:#fff!important;font-weight:700;box-shadow:0 8px 18px rgba(22,163,74,.22);transition:all .2s}
.btn-buy:hover{background:#eab308;border-color:#eab308;color:#3b2f1a!important;box-shadow:0 10px 22px rgba(234,179,8,.28)}
/* Price box (separate) */
.price-box{position:relative;width:260px;max-width:92%;margin:16px auto 0;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:14px 16px;text-align:center;box-shadow:0 10px 20px rgba(2,6,23,.08);pointer-events:none}
.price-number{font-size:1.45rem;font-weight:800;color:#16a34a;line-height:1.2}
.price-box .chip{position:absolute;padding:2px 8px;font-size:.8rem;font-weight:700;background:var(--page-bg);border:1.5px solid #e5e7eb;border-radius:999px;line-height:1.1;color:#334155}
.price-box .chip-term{top:-11px;right:12px}
.price-box .chip-currency{bottom:-11px;left:12px}
/* ---- Tabs (full width pill) ---- */
.category-tabs{position:relative;z-index:100;background:#f4f7fb;border-radius:16px;padding:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.category-tabs .tab-btn{position:relative;z-index:101;flex:1 1 160px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid #cfe0ff;background:#fff;color:#2b2f35;font-weight:600;letter-spacing:-.2px;transition:box-shadow .2s,background-color .2s,color .2s,border-color .2s;cursor:pointer;-webkit-tap-highlight-color:transparent}
.category-tabs .tab-btn:hover{border-color:#5a8dff;box-shadow:0 6px 14px rgba(90,141,255,.15);color:#1a5cff}
.category-tabs .tab-btn.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(37,99,235,.35)}
.category-tabs + .text-center,.category-tabs + .mb-4{margin-top:8px}
/* ---- Feature boxes ---- */
.feature{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
/* ---- Footer ---- */
footer{background:#fff}
/* ---- Support floating button ---- */
.support-btn{position:fixed;left:18px;right:auto!important;bottom:18px;z-index:1056;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto!important;max-width:max-content;padding:8px 12px;border-radius:999px;box-shadow:0 8px 20px rgba(17,101,241,.2);line-height:1}
.support-btn i{font-size:1.1rem}
.support-btn.support-btn--fab{width:48px;height:48px;padding:0;border-radius:50%}
/* ---- Offcanvas ---- */
.menu-offcanvas .offcanvas-header{background:#fff}
.menu-offcanvas .list-group-item{border-color:#eef1f6}
.menu-offcanvas .menu-list .list-group-item{padding:.9rem 1rem}
.menu-offcanvas .menu-list .list-group-item a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#213043}
/* LTR utilities */
.phone-number,.handle-ltr{direction:ltr;text-align:left;display:inline-block}
.phone-number{font-family:monospace}
/* ---- Domain Search (container width) ---- */
.domain-wrap{max-width:1140px;margin-inline:auto;padding-inline:12px}
.domain-box{background:#f1f7ff;border:1px solid #e3ecff;border-radius:16px;padding:12px;box-shadow:0 6px 14px rgba(15,23,42,.06) inset}
.domain-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6ebf5;border-radius:14px;padding:8px 12px;direction:ltr;text-align:left;justify-content:flex-start}
.domain-row i{color:#64748b;font-size:1rem}
.domain-row input{flex:1 1 auto;border:0;outline:0;background:transparent;font-size:1rem;padding:6px;direction:ltr;text-align:left;font-family:monospace}
.domain-btn{background:linear-gradient(90deg,#2ecc71,#0fb96c);border:none;color:#fff;font-weight:700;padding:10px 16px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:filter .2s}
.domain-btn:hover{filter:brightness(.95)}
.tld-inline{display:flex;gap:8px}
.tld-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #d6f3e3;border-radius:8px;background:#e9f9f1;cursor:pointer;line-height:1.2;transition:box-shadow .2s;min-width:96px}
.tld-chip strong{font-weight:800;font-size:.95rem}
.tld-chip span{font-size:.75rem;opacity:.85}
.tld-chip:hover{box-shadow:0 4px 10px rgba(16,185,129,.15)}
/* ---- Responsive ---- */
@media (max-width:576px){.support-btn{padding:8px 10px}.kvs li{font-size:.9rem}.price-box{width:92%}}
@media (max-width:768px){.domain-row{flex-wrap:wrap}.domain-btn{order:3;width:100%}.tld-inline{order:4;width:100%;justify-content:center}}


/* --- Quick Support CTA (Modern) --- */
.cta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-top: 25px;
}
@media (max-width: 992px) { .cta-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 576px) { .cta-grid { grid-template-columns: 1fr; } }

.cta-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 120px;
  border-radius: 18px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  background: linear-gradient(135deg, #2563eb, #1e40af); /* پیش‌فرض آبی */
  position: relative;
  overflow: hidden;
}

.cta-btn i {
  font-size: 1.8rem;
  background: rgba(255,255,255,.2);
  padding: 12px;
  border-radius: 50%;
}

.cta-btn span {
  z-index: 2;
}

/* انیمیشن نور هنگام هاور */
.cta-btn::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255,255,255,.15);
  transform: rotate(25deg);
  transition: all .4s ease;
}
.cta-btn:hover::after {
  left: 100%;
}
.cta-btn:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
  filter: brightness(1.05);
}

/* رنگ اختصاصی برای هر دکمه */
.cta-telegram {
  background: linear-gradient(135deg, #1DA1F2, #0a66c2);
}
.cta-phone {
  background: linear-gradient(135deg, #06b6d4, #0e7490);
}
.cta-ticket {
  background: linear-gradient(135deg, #16a34a, #065f46);
}
.cta-channel {
  background: linear-gradient(135deg, #9333ea, #6d28d9);
}