/* ParsUptime SSL — طرح ۱ (هوای باز) — اسکوپ‌شده زیر .pu-ssl
   از توکن‌های قالب Persia استفاده می‌کند؛ اگر متغیرها نبودند، مقادیر fallback اعمال می‌شود. */
.pu-ssl{
  --pu-primary:var(--primary-color,#0D6EFD);
  --pu-primary-600:var(--primary-color-600,#0a58ca);
  --pu-primary-rgb:var(--primary-color-rgb,13,110,253);
  --pu-secondary:var(--secondary-color,#394465);
  --pu-secondary-rgb:var(--secondary-color-rgb,57,68,101);
  --pu-success:var(--success-color,#408844);
  --pu-danger:var(--danger-color,#FF2424);
  --pu-info:var(--info-color,#1892d5);
  --pu-info-rgb:var(--info-color-rgb,24,146,213);
  --pu-card:var(--bg-card,#F9F9FF);
  --pu-border:var(--border-color,#E2EDFE);
  --pu-radius:var(--border-radius,1.25rem);
  --pu-muted:var(--text-muted,#737C99);
  --pu-text:var(--text-body,#54595F);
  color:var(--pu-text); direction:rtl;
}
.pu-ssl *{box-sizing:border-box;}
.pu-ssl h2,.pu-ssl h3{color:var(--pu-secondary); margin:0 0 .5rem; line-height:1.55;}

/* آیکون‌ها */
.pu-ssl .pu-ssl-ico{display:flex; align-items:center; justify-content:center; color:var(--pu-primary);}
.pu-ssl .pu-ssl-ico svg{width:100%; height:100%; display:block;}
.pu-ssl .pu-ssl-ico-sm{display:inline-flex; width:14px; height:14px; vertical-align:-2px;}
.pu-ssl .pu-ssl-ico-sm svg{width:100%; height:100%;}
.pu-ssl .pu-ssl-ico-xs{display:inline-flex; width:12px; height:12px;}
.pu-ssl .pu-ssl-ico-xs svg{width:100%; height:100%;}

/* سربرگ بخش */
.pu-ssl .pu-ssl-headblock{text-align:center; max-width:760px; margin:0 auto 2.5rem;}
.pu-ssl .pu-ssl-h1{font-size:34px; font-weight:900;}
.pu-ssl .pu-ssl-h2{font-size:30px; font-weight:900;}
.pu-ssl .pu-ssl-lead{color:var(--pu-muted); font-size:17px; margin:.5rem auto 0;}
.pu-ssl .pu-ssl-muted{color:var(--pu-muted);}

/* ===== معرفی انواع گواهی ===== */
.pu-ssl-intro .pu-ssl-type-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;}
.pu-ssl-type-card{position:relative; background:#fff; border:1px solid var(--pu-border);
  border-radius:var(--pu-radius); padding:2rem; overflow:hidden; transition:.25s;}
.pu-ssl-type-card::before{content:""; position:absolute; inset-inline:0; top:0; height:5px;
  background:linear-gradient(90deg,var(--pu-primary),var(--pu-info));}
.pu-ssl-type-card:hover{transform:translateY(-5px); box-shadow:0 28px 50px rgba(var(--pu-primary-rgb),.12);
  border-color:rgba(var(--pu-primary-rgb),.3);}
.pu-ssl-type-card .pu-ssl-ico{width:62px; height:62px; padding:15px; border-radius:18px; margin-bottom:1.1rem;
  background:linear-gradient(135deg, rgba(var(--pu-primary-rgb),.14), rgba(var(--pu-info-rgb),.10));}
.pu-ssl-type-card .pu-ssl-tag{display:inline-flex; align-items:center; gap:.35rem; font-size:12px; font-weight:800;
  padding:4px 12px; border-radius:999px; background:rgba(64,136,68,.12); color:var(--pu-success); margin-bottom:.8rem;}
.pu-ssl-type-card h3{font-size:21px; font-weight:900;}

/* ===== بلاک‌های پروموشن ===== */
.pu-ssl-promo-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;}
.pu-ssl-promo{display:flex; gap:1.25rem; background:#fff; border:1px solid var(--pu-border);
  border-radius:var(--pu-radius); padding:1.75rem; transition:.25s;}
.pu-ssl-promo:hover{border-color:rgba(var(--pu-primary-rgb),.35); box-shadow:0 22px 44px rgba(0,0,0,.05);}
.pu-ssl-promo .pu-ssl-ico-solid{flex:0 0 auto; width:66px; height:66px; padding:16px; border-radius:18px; color:#fff;
  background:linear-gradient(135deg,var(--pu-primary),var(--pu-primary-600));}
.pu-ssl-promo h3{font-size:19px; font-weight:800;}
.pu-ssl-promo-price{margin-top:.6rem; font-size:14px; color:var(--pu-muted);}
.pu-ssl-promo-price b{font-size:23px; color:var(--pu-primary); font-weight:900;}
.pu-ssl-more{display:inline-flex; align-items:center; gap:.4rem; margin-top:1rem; color:var(--pu-primary);
  font-weight:800; font-size:14px; text-decoration:none;}

/* ===== ویژگی‌ها ===== */
.pu-ssl-feat-grid{display:grid; gap:1.25rem;}
.pu-ssl-feat-grid.pu-ssl-cols-5{grid-template-columns:repeat(5,1fr);}
.pu-ssl-feat-grid.pu-ssl-cols-4{grid-template-columns:repeat(4,1fr);}
.pu-ssl-feat-grid.pu-ssl-cols-3{grid-template-columns:repeat(3,1fr);}
.pu-ssl-feat{background:var(--pu-card); border:1px solid var(--pu-border); border-radius:1rem;
  padding:1.6rem 1rem; text-align:center; transition:.25s;}
.pu-ssl-feat:hover{transform:translateY(-5px); background:#fff; border-color:rgba(var(--pu-primary-rgb),.4);
  box-shadow:0 18px 34px rgba(var(--pu-primary-rgb),.10);}
.pu-ssl-feat .pu-ssl-ico-round{width:54px; height:54px; padding:13px; margin:0 auto .8rem; border-radius:50%;
  background:rgba(var(--pu-primary-rgb),.1);}
.pu-ssl-feat b{display:block; font-size:14px; color:var(--pu-secondary); font-weight:800;}
.pu-ssl-feat span{font-size:12px; color:var(--pu-muted);}

/* ===== جدول قیمت ===== */
.pu-ssl-table-shell{border:1px solid var(--pu-border); border-radius:var(--pu-radius); padding:.5rem; background:#fff;}
.pu-ssl-rtable{width:100%; border-collapse:separate; border-spacing:0;}
.pu-ssl-rtable thead th{background:var(--pu-card); color:var(--pu-secondary); font-weight:800; font-size:13px;
  padding:1rem .8rem; text-align:center; white-space:nowrap;}
.pu-ssl-rtable thead th:first-child{border-start-end-radius:14px;}
.pu-ssl-rtable thead th:last-child{border-start-start-radius:14px;}
.pu-ssl-rtable td{padding:1.1rem .8rem; text-align:center; vertical-align:middle; border-top:1px solid var(--pu-border);}
.pu-ssl-rtable tbody tr:hover td{background:rgba(var(--pu-primary-rgb),.035);}
.pu-ssl-brand-logo{display:inline-flex; align-items:center; justify-content:center; min-width:90px; height:36px;
  padding:0 .7rem; border:1px solid var(--pu-border); border-radius:9px; background:#fff; font-weight:800;
  font-size:12px; color:var(--pu-secondary); box-shadow:0 4px 10px rgba(0,0,0,.03);}
.pu-ssl-brand-img{max-height:38px; max-width:120px; object-fit:contain;}
.pu-ssl-pname{display:inline-flex; align-items:center; gap:.5rem; font-weight:800; color:var(--pu-secondary);}
.pu-ssl-info-i{width:20px; height:20px; border-radius:50%; border:1.5px solid var(--pu-primary); color:var(--pu-primary);
  display:inline-flex; align-items:center; justify-content:center; transition:.2s; flex:0 0 auto; text-decoration:none;}
.pu-ssl-info-i:hover{background:var(--pu-primary); color:#fff;}
.pu-ssl-iss-badge{display:inline-block; font-size:12px; font-weight:700; padding:4px 12px; border-radius:999px;
  background:rgba(var(--pu-info-rgb),.1); color:var(--pu-info); white-space:nowrap;}
.pu-ssl-val-badge{display:inline-block; font-size:12px; font-weight:700; padding:4px 12px; border-radius:999px;
  background:rgba(var(--pu-secondary-rgb),.08); color:var(--pu-secondary);}
.pu-ssl-price-cell b{font-size:18px; color:var(--pu-primary); font-weight:900;}
.pu-ssl-price-cell small{display:block; font-size:11px; color:var(--pu-muted);}
.pu-ssl-btn-buy{display:inline-flex; align-items:center; gap:.4rem; background:var(--pu-primary); color:#fff;
  font-weight:800; font-size:13px; padding:.6rem 1.2rem; border-radius:11px; border:none; cursor:pointer;
  transition:.2s; text-decoration:none;}
.pu-ssl-btn-buy:hover{background:var(--pu-primary-600); color:#fff; transform:translateY(-2px);}

/* ===== جدول مقایسه ===== */
.pu-ssl-compare{width:100%; border-collapse:separate; border-spacing:0;}
.pu-ssl-compare th,.pu-ssl-compare td{padding:1rem; text-align:center; font-size:14px; border-bottom:1px solid var(--pu-border);}
.pu-ssl-compare thead th{background:var(--pu-secondary); color:#fff; font-weight:800;}
.pu-ssl-compare thead th.hl{background:var(--pu-primary);}
.pu-ssl-compare tbody th{background:var(--pu-card); color:var(--pu-secondary); text-align:right; font-weight:800;}
.pu-ssl-compare tbody tr:hover td{background:rgba(var(--pu-primary-rgb),.03);}
.pu-ssl-mark{display:inline-block; width:20px; height:20px;}
.pu-ssl-mark svg{width:100%; height:100%;}
.pu-ssl-yes{color:var(--pu-success);} .pu-ssl-no{color:var(--pu-danger);}

/* ===== ریسپانسیو ===== */
@media(max-width:1024px){
  .pu-ssl-feat-grid.pu-ssl-cols-5,.pu-ssl-feat-grid.pu-ssl-cols-4{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:767px){
  .pu-ssl-intro .pu-ssl-type-grid,.pu-ssl-promo-grid{grid-template-columns:1fr;}
  .pu-ssl-feat-grid{grid-template-columns:repeat(2,1fr) !important;}
  .pu-ssl .pu-ssl-h1{font-size:26px;} .pu-ssl .pu-ssl-h2{font-size:23px;}

  /* جدول قیمت → کارت */
  .pu-ssl-rtable thead{display:none;}
  .pu-ssl-rtable,.pu-ssl-rtable tbody{display:block; width:100%;}
  .pu-ssl-rtable tr{display:block; border:1px solid var(--pu-border); border-radius:14px; padding:.5rem .9rem;
    margin-bottom:1rem; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.04);}
  .pu-ssl-rtable td{display:flex; align-items:center; justify-content:space-between; gap:1rem; text-align:left;
    padding:.7rem 0 !important; border:none !important; border-bottom:1px dashed var(--pu-border) !important;}
  .pu-ssl-rtable td:last-child{border-bottom:none !important; justify-content:center; padding-top:1rem !important;}
  .pu-ssl-rtable td::before{content:attr(data-label); font-weight:800; color:var(--pu-secondary); font-size:13px;}
  .pu-ssl-price-cell small{display:inline;}
  .pu-ssl-btn-buy{width:100%; justify-content:center;}

  /* جدول مقایسه → کارت */
  .pu-ssl-compare thead{display:none;}
  .pu-ssl-compare,.pu-ssl-compare tbody,.pu-ssl-compare tr,.pu-ssl-compare th,.pu-ssl-compare td{display:block; width:100%;}
  .pu-ssl-compare tr{border:1px solid var(--pu-border); border-radius:14px; padding:.3rem 1rem .7rem;
    margin-bottom:.9rem; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.04);}
  .pu-ssl-compare tbody th{text-align:right !important; border:none !important;
    border-bottom:1px solid var(--pu-border) !important; background:transparent !important;
    padding:.75rem 0 !important; font-size:15px; font-weight:900; color:var(--pu-secondary);}
  .pu-ssl-compare td{border:none !important; border-bottom:1px dashed var(--pu-border) !important;
    padding:.6rem 0 !important; display:flex; align-items:center; justify-content:space-between; text-align:left;
    background:transparent !important;}
  .pu-ssl-compare tr td:last-child{border-bottom:none !important;}
  .pu-ssl-compare td::before{content:attr(data-label); font-weight:800; color:var(--pu-muted); font-size:13px;}
  .pu-ssl-compare td .pu-ssl-mark{width:18px; height:18px;}
}
@media(max-width:480px){
  .pu-ssl-feat-grid{grid-template-columns:1fr !important;}
}