/* =========================
   linux-host.css (FINAL)
   Scope: #ihs-root.ihs-linux + ihs-*
   ========================= */

:root{
  --ihs-brand-blue:#2563eb;
  --ihs-accent:#ff6b2f;
  --ihs-success:#16a34a;
  --ihs-muted: rgba(15,23,42,.68);
}


/* ✅ Force FontAwesome (icon fix) */
#ihs-root.ihs-linux .fa-solid,
#ihs-root.ihs-linux .fa-regular,
#ihs-root.ihs-linux .fa-brands{
  font-family: "Font Awesome 6 Free" !important;
}

#ihs-root.ihs-linux .fa-solid::before,
#ihs-root.ihs-linux .fa-regular::before,
#ihs-root.ihs-linux .fa-brands::before{
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}



/* Peyda everywhere */
#ihs-root.ihs-linux,
#ihs-root.ihs-linux *{
  font-family: 'Peyda', sans-serif !important;
}

/* base */
#ihs-root.ihs-linux{
  direction: rtl;
  background:#f6f7fb;
  color:#0f172a;
  padding-bottom: 26px;
}
#ihs-root.ihs-linux *{ box-sizing:border-box; }

.ihs-container{max-width:1180px;margin:0 auto;padding:0 16px;}

.ihs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 14px;border-radius:14px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;color:#0f172a;
  text-decoration:none;font-weight:950;font-size:14px;
}
.ihs-btn-primary{background:var(--ihs-brand-blue);border-color:rgba(37,99,235,.45);color:#fff;}
.ihs-btn-outline{background:rgba(255,255,255,.85);}

/* HERO */
.ihs-linux-hero{
  padding:28px 0 18px;
  background:
    radial-gradient(900px 460px at 85% -10%, rgba(37,99,235,.16), transparent 60%),
    radial-gradient(760px 420px at 10% 10%, rgba(22,163,74,.12), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);
  border-bottom:1px solid rgba(15,23,42,.08);
}
.ihs-hero-grid{
  display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:center;
}
@media(max-width:1000px){.ihs-hero-grid{grid-template-columns:1fr}.ihs-hero-art{order:-1}}

.ihs-kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.75);
  font-weight:900;font-size:12.5px;
}
.ihs-linux-hero h1{
  margin:12px 0 8px;font-size:34px;font-weight:1000;line-height:1.35;
}
@media(max-width:640px){.ihs-linux-hero h1{font-size:28px}}

.ihs-hero-sub{
  margin:0;color:rgba(15,23,42,.78);font-weight:900;line-height:1.9;font-size:14px;
}
.ihs-lead{
  margin:10px 0 0;color:rgba(15,23,42,.70);font-weight:800;line-height:2;font-size:14.5px;
}
.ihs-cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}
.ihs-trustLine{margin-top:12px;color:rgba(15,23,42,.62);font-weight:850;font-size:13px;line-height:1.8;}

.ihs-hero-cardBg{
  border-radius:18px;border:1px solid #e6eeff;
  box-shadow:0 18px 36px rgba(8,32,140,.07);
  width:100%;height:520px;position:relative;overflow:hidden;
  background:url(../images/host-linux.jpg);
  background-size:cover;background-position:top;
}
@media(max-width:640px){.ihs-hero-cardBg{height:420px}}
.ihs-hero-overlay{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(0deg, rgba(0,51,153,.90) 0%, rgba(0,51,153,.55) 35%, transparent 100%);
  padding:26px 18px;color:#fff;
}
.ihs-hero-overlay strong{display:block;font-weight:1000;font-size:16px;}
.ihs-hero-overlay span{display:block;margin-top:4px;opacity:.92;font-weight:800;}

/* Highlights */
.ihs-high{padding:16px 0 6px;}
.ihs-high-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
@media(max-width:1000px){.ihs-high-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ihs-high-grid{grid-template-columns:1fr}}
.ihs-high-item{
  background:#fff;border:1px solid rgba(15,23,42,.08);
  border-radius:22px;box-shadow:0 12px 36px rgba(15,23,42,.06);
  padding:14px;display:flex;gap:12px;align-items:flex-start;
}
.ihs-high-ico{
  width:44px;height:44px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(37,99,235,.10);border:1px solid rgba(37,99,235,.18);
  color:#1d4ed8;flex:0 0 auto;
}
.ihs-high-item strong{display:block;font-weight:1000;margin-bottom:4px;}
.ihs-high-item span{display:block;color:rgba(15,23,42,.68);font-weight:850;line-height:1.8;font-size:13px;}

/* Offer (Premium) — reuse wph classes */
.ihs-offer{ margin: 18px 0 18px; }
.ihs-linux .wph-offer__inner{
  border-radius: 26px;
  border: 1px solid rgba(15,23,42,.10);
  background:
    radial-gradient(900px 420px at 85% 15%, rgba(37,99,235,.16), transparent 60%),
    radial-gradient(900px 420px at 15% 85%, rgba(34,197,94,.10), transparent 62%),
    rgba(255,255,255,.72);
  box-shadow: 0 24px 80px rgba(15,23,42,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 18px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  align-items: center;
}
@media (max-width: 900px){ .ihs-linux .wph-offer__inner{ grid-template-columns: 1fr; } }
.ihs-linux .wph-offer__chip{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(15,23,42,.10);
  font-weight:950;color:rgba(15,23,42,.78);
}
.ihs-linux .wph-offer__dot{
  width:10px;height:10px;border-radius:999px;
  background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14);
}
.ihs-linux .wph-offer__title{margin:12px 0 6px;font-size:22px;font-weight:1100;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.ihs-linux .wph-offer__pct{font-size:34px;font-weight:1200;color:#1d4ed8;}
.ihs-linux .wph-offer__muted{font-size:14px;font-weight:900;color:rgba(15,23,42,.62);}
.ihs-linux .wph-offer__desc{margin:0 0 12px;color:rgba(15,23,42,.70);font-size:13.5px;line-height:1.9;font-weight:850;}
.ihs-linux .wph-offer__seg{
  display:inline-flex;padding:6px;border-radius:18px;gap:6px;
  background:rgba(255,255,255,.78);border:1px solid rgba(15,23,42,.10);
  box-shadow:0 16px 46px rgba(15,23,42,.08);
  width: 220px;
}
.ihs-linux .wph-offer__segBtn{
  border:0;cursor:pointer;padding:10px 14px;border-radius:14px;background:transparent;
  font-weight:1000;color:rgba(15,23,42,.72);display:flex;align-items:center;gap:8px;
}
.ihs-linux .wph-offer__segBtn b{font-weight:1200}
.ihs-linux .wph-offer__segBtn.is-active{
  background:#2563eb;color:#fff;box-shadow:0 14px 34px rgba(37,99,235,.22);
}
.ihs-linux .wph-offer__codeBox{
  border-radius:22px;border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(15,23,42,.08);
  padding:14px;
}
.ihs-linux .wph-offer__codeLabel{display:block;font-size:12px;font-weight:900;color:rgba(15,23,42,.55);margin-bottom:8px;}
.ihs-linux .wph-offer__code{
  display:block;text-align:center;padding:12px 14px;border-radius:18px;
  border:1px dashed rgba(37,99,235,.34);background:rgba(37,99,235,.06);
  font-weight:1200;font-size:16px;letter-spacing:.16em;color:#0f172a;text-transform:uppercase;user-select:all;
}
.ihs-linux .wph-offer__copy{
  margin-top:10px;width:100%;border:0;cursor:pointer;border-radius:18px;
  padding:12px 14px;font-weight:1100;color:#fff;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  box-shadow:0 18px 55px rgba(34,197,94,.20);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
.ihs-linux .wph-offer__note{margin-top:10px;text-align:center;font-size:12.5px;font-weight:850;color:rgba(15,23,42,.62);}
.ihs-linux .wph-offer__toast{
  margin-top:10px;text-align:center;background:rgba(15,23,42,.92);color:#fff;
  padding:10px 12px;border-radius:16px;font-size:12px;font-weight:950;box-shadow:0 18px 55px rgba(15,23,42,.18);
}

/* Plans */
.ihs-plans{ padding:22px 0 10px; }
.ihs-secHead h2{margin:0 0 8px;font-size:22px;font-weight:950;}
.ihs-secHead p{margin:0;color:rgba(15,23,42,.68);line-height:1.9;font-size:14px;font-weight:800;}
.ihs-secHead--row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;}

.ihs-paytabs--glass{
  display:flex;align-items:center;gap:0;padding:8px;border-radius:18px;
  background:rgba(255,255,255,.55);border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 50px rgba(15,23,42,.08);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.ihs-paytab{
  border:0;background:transparent;cursor:pointer;
  padding:10px 16px;border-radius:14px;position:relative;white-space:nowrap;
  font-weight:950;color:rgba(15,23,42,.78);text-align:right;
}
.ihs-paytab small{display:block;font-size:11px;font-weight:800;opacity:.75;margin-top:2px;}
.ihs-paytab + .ihs-paytab::before{
  content:"";position:absolute;right:-4px;top:10px;bottom:10px;width:1px;background:rgba(15,23,42,.10);
}
.ihs-paytab.is-active{
  background:#fff;color:#0f172a;border:1px solid rgba(37,99,235,.22);
  box-shadow:0 12px 26px rgba(37,99,235,.16);
}
@media(max-width:640px){
  .ihs-paytabs--glass{width:100%}
  .ihs-paytab{flex:1 1 0;text-align:center}
  .ihs-paytab small{display:none}
}

.ihs-note{
  margin-top:10px;padding:12px 14px;border-radius:18px;
  background:#fff;border:1px dashed rgba(15,23,42,.16);
  color:rgba(15,23,42,.70);font-weight:850;line-height:1.9;font-size:13px;
}
.ihs-note--center{ text-align:center; justify-content:center; display:flex; }

.ihs-planGrid--soft{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
@media(max-width:1000px){.ihs-planGrid--soft{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ihs-planGrid--soft{grid-template-columns:1fr}}

.ihs-plan{
  background:#fff;border:1px solid rgba(15,23,42,.08);
  border-radius:22px;overflow:hidden;
  box-shadow:0 12px 36px rgba(15,23,42,.06);
  display:flex;flex-direction:column;align-self:start;
}

.ihs-plan-header{
  padding:14px 14px 10px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
}
.ihs-plan-title h3{margin:0;font-size:16px;font-weight:1100;}
.ihs-plan-subtitle{margin:6px 0 0;color:rgba(15,23,42,.55);font-size:12.5px;font-weight:850;line-height:1.7;}
.ihs-plan-desc{margin:10px 0 0;color:rgba(15,23,42,.70);font-weight:800;line-height:1.8;font-size:13px;}

.ihs-plan-tag{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 10px;border-radius:999px;font-size:12px;font-weight:950;
  background:rgba(37,99,235,.10);border:1px solid rgba(37,99,235,.20);color:#1d4ed8;white-space:nowrap;
}

.ihs-price{
  padding:12px 14px;
  border-top:1px solid rgba(15,23,42,.06);
  border-bottom:1px solid rgba(15,23,42,.06);
  background:linear-gradient(180deg, rgba(37,99,235,.06), rgba(37,99,235,.02));
  text-align:center;
}
.ihs-price .ihs-off{
  display:inline-flex;padding:4px 10px;border-radius:999px;
  background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#15803d;
  font-weight:950;font-size:12px;margin-bottom:8px;
}
.ihs-price .ihs-now{
   
  font-size: 30px;
  font-weight: 900;
  color: var(--ihs-success);
}
.ihs-price .ihs-period{margin-top:6px;font-size:12.5px;font-weight:850;color:rgba(15,23,42,.62);}

.ihs-features{
  list-style:none;margin:0;padding:12px 14px;
  display:flex;flex-direction:column;gap:9px;
}
.ihs-features li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:15px;color:rgba(15,23,42,.76);line-height:1.7;
  border-bottom:1px dashed rgba(15,23,42,.08);
  padding-bottom:8px;
}
.ihs-features li:last-child{border-bottom:0;padding-bottom:0;}
.ihs-features i{color:var(--ihs-brand-blue);margin-top:2px;}

.ihs-more{
  margin:0 14px 14px;border:1px solid rgba(15,23,42,.10);
  border-radius:16px;overflow:hidden;background:#fff;
}
.ihs-moreBtn{
  width:100%;border:0;background:rgba(15,23,42,.03);
  padding:12px;cursor:pointer;font-weight:950;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.ihs-moreBtn i{transition:transform .18s ease;opacity:.85}
.ihs-moreBtn.is-open i{transform:rotate(180deg);opacity:1}
.ihs-moreBody{
  border-top:1px solid rgba(15,23,42,.08);
  background:#fbfcff;padding:12px;
}
.ihs-moreList{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ihs-moreList li{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:14px;padding:10px;font-size:12.5px;color:rgba(15,23,42,.78);}
@media(max-width:640px){.ihs-moreList{grid-template-columns:1fr}}

.ihs-ctaRow{
  padding:12px 14px 14px;
  display:flex;gap:10px;flex-wrap:wrap;
}

/* Compare */
.ihs-compare{padding:18px 0 10px;}
.ihs-compare-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.ihs-compare-sub{margin:0;color:rgba(15,23,42,.68);font-weight:850;line-height:1.9;font-size:13px;}
.ihs-compareTableWrap{
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;overflow:auto;background:#fff;
  box-shadow:0 12px 36px rgba(15,23,42,.08);
}
#dynamic-compare-table{width:100%;border-collapse:collapse;min-width:820px;}
#dynamic-compare-table th,#dynamic-compare-table td{
  padding:12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:right;font-size:13px;
}
#dynamic-compare-table thead th{background:rgba(15,23,42,.03);font-weight:950}

/* Compare CTA reaction */
.ihs-compare-btn.is-added{
  border-color: rgba(34,197,94,.35) !important;
  color: #15803d !important;
}

/* Grid cards for other sections */
.ihs-grid6{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media(max-width:1000px){.ihs-grid6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ihs-grid6{grid-template-columns:1fr}}
.ihs-grid4{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
@media(max-width:1000px){.ihs-grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ihs-grid4{grid-template-columns:1fr}}
.ihs-grid3{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media(max-width:1000px){.ihs-grid3{grid-template-columns:1fr}}

.ihs-card,.ihs-card2{
  background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;
  box-shadow:0 12px 36px rgba(15,23,42,.06);
  padding:14px;
}
.ihs-card i{color:#1d4ed8;font-size:18px;margin-bottom:10px;display:inline-block}
.ihs-card h3,.ihs-card2 h3{margin:0 0 6px;font-size:15px;font-weight:1000}
.ihs-card p,.ihs-card2 p{margin:0;color:rgba(15,23,42,.70);line-height:1.9;font-size:13.5px;font-weight:850}

/* Guide */
.ihs-guideBox{
  margin-top:14px;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:22px;
  box-shadow:0 18px 55px rgba(15,23,42,.10);padding:14px;
}
.ihs-guideBox ul{margin:0;padding-right:18px;color:rgba(15,23,42,.74);font-weight:850;line-height:1.9;font-size:13.5px}
.ihs-guideCta{
  margin-top:12px;padding:12px 14px;border-radius:18px;border:1px dashed rgba(15,23,42,.16);
  background:#fbfcff;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  color:rgba(15,23,42,.72);font-weight:850;
}

/* FAQ */
.ihs-faq{padding:22px 0 10px;}
.ihs-faq-title-f{font-size:18px;font-weight:950;margin:0 0 8px;}
.ihs-faq p{margin:0 0 14px;color:rgba(15,23,42,.70);font-size:13px;line-height:1.9;font-weight:800;}
.ihs-q{
  background:#fff;border:1px solid rgba(15,23,42,.10);
  border-radius:18px;overflow:hidden;margin-bottom:10px;
  box-shadow:0 12px 36px rgba(15,23,42,.06);
}
.ihs-q-title{
  padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  cursor:pointer;background:rgba(15,23,42,.02);
  font-weight:950;color:#0f172a;
}
.ihs-q-body{padding:0 16px 14px;display:none;color:rgba(15,23,42,.76);font-size:13px;line-height:1.9;}
.ihs-q.open .ihs-q-body{display:block}

/* Footer/notes */
.ihs-footnote{margin-top:10px;color:rgba(15,23,42,.60);font-size:12.5px;font-weight:850;line-height:1.8;text-align:center;}
.ihs-final{padding:18px 0 26px;}
.ihs-finalBox{
  border-radius:22px;border:1px solid rgba(15,23,42,.10);
  background: radial-gradient(520px 240px at 90% -10%, rgba(37,99,235,.14), transparent 55%),
              radial-gradient(520px 240px at 10% 0%, rgba(22,163,74,.10), transparent 55%),
              #fff;
  box-shadow:0 18px 55px rgba(15,23,42,.10);
  padding:16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.ihs-finalBox h2{margin:0 0 6px;font-size:16px;font-weight:1100}
.ihs-finalBox p{margin:0;color:rgba(15,23,42,.70);line-height:1.9;font-size:13.5px;font-weight:850}
.ihs-finalBtns{display:flex;gap:10px;flex-wrap:wrap;}
.ihs-microNote{margin-top:12px;color:rgba(15,23,42,.58);font-weight:850;font-size:12px;line-height:1.8;text-align:center;}


/* ===== Typography tuning (more natural) ===== */
.ihs-linux h1{ font-weight: 950; }
.ihs-linux h2{ font-weight: 900; }
.ihs-linux h3{ font-weight: 900; }

.ihs-linux .ihs-plan-subtitle{ font-weight: 800; }
.ihs-linux .ihs-plan-desc{ font-weight: 750; }

.ihs-linux .ihs-features li{ font-weight: 200; }
.ihs-linux .ihs-q-title{ font-weight: 850; }
.ihs-linux .ihs-q-body{ font-weight: 750; }


/* =========================
   Linux FAQ — Premium Section
   Works with your current HTML
   ========================= */

/* 1) Wrapper background (distinct from page) */
#ihs-root.ihs-linux .ihs-faqWrap{
  margin-top: 18px;
  padding: 26px 0 22px;
  background:
    radial-gradient(820px 320px at 85% 0%, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(820px 320px at 15% 25%, rgba(22,163,74,.12), transparent 60%),
    linear-gradient(180deg, #f2f6ff 0%, #f7faff 100%);
  border-top: 1px solid rgba(15,23,42,.08);
  border-bottom: 1px solid rgba(15,23,42,.08);
}

/* 2) Inner card look for the FAQ block */
#ihs-root.ihs-linux .ihs-faq{
  border-radius: 26px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 24px 80px rgba(15,23,42,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 18px;
}

/* 3) Header (title + paragraph) */
#ihs-root.ihs-linux #ihs-faq-title{
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.6;
  color: #0f172a;
}

#ihs-root.ihs-linux #ihs-faq-title span{
  display:inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255,107,47,.10);
  border: 1px solid rgba(255,107,47,.22);
  color: #ff6b2f;
  font-weight: 1000;
}

#ihs-root.ihs-linux .ihs-faq p{
  margin: 0 0 14px;
  color: rgba(15,23,42,.72);
  font-size: 13.5px;
  line-height: 1.9;
  font-weight: 850;
}

/* 4) FAQ item card */
#ihs-root.ihs-linux .ihs-q{
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 34px rgba(15,23,42,.08);
  overflow: hidden;
  margin-bottom: 10px;
}

/* 5) Question title bar (better feel) */
#ihs-root.ihs-linux .ihs-q-title{
  padding: 14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  cursor:pointer;

  background:
    radial-gradient(520px 180px at 90% 0%, rgba(37,99,235,.10), transparent 62%),
    rgba(15,23,42,.02);

  font-weight: 950;
  color: #0f172a;
}

/* The left part (icon + text) */
#ihs-root.ihs-linux .ihs-q-title span{
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: 13.5px;
  line-height: 1.6;
}

/* Icon chip */
#ihs-root.ihs-linux .ihs-q-title span i{
  width: 30px;
  height: 30px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.20);
  color: #1d4ed8;

  flex: 0 0 auto;
}

/* Right chevron animation */
#ihs-root.ihs-linux .ihs-q-icon{
  transition: transform .18s ease, opacity .18s ease;
  opacity: .85;
}

#ihs-root.ihs-linux .ihs-q.open .ihs-q-icon{
  transform: rotate(-90deg);
  opacity: 1;
}

/* 6) Answer body */
#ihs-root.ihs-linux .ihs-q-body{
  padding: 0 16px 14px;
  display:none;
}
#ihs-root.ihs-linux .ihs-q.open .ihs-q-body{
  display:block;
}

#ihs-root.ihs-linux .ihs-q-body p{
  margin: 0;
  padding-top: 10px;
  color: rgba(15,23,42,.78);
  font-weight: 800;
  line-height: 1.95;
  font-size: 13.25px;
}

/* open state “premium” */
#ihs-root.ihs-linux .ihs-q.open{
  border-color: rgba(37,99,235,.24);
  box-shadow: 0 18px 55px rgba(37,99,235,.12);
}

/* 7) Show more button */
#ihs-root.ihs-linux #ihs-faqToggle{
  margin-top: 12px !important;
  border-radius: 16px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
  padding: 10px 14px;
  font-weight: 950;
}

/* 8) mobile spacing */
@media (max-width: 640px){
  #ihs-root.ihs-linux .ihs-faq{
    padding: 14px;
    border-radius: 22px;
  }
  #ihs-root.ihs-linux .ihs-q-title{
    padding: 12px 12px;
  }
}


/* =========================
   Offer Wrap (Linux) — Section background + perfect alignment
   ========================= */
#ihs-root.ihs-linux .ihs-offerWrap{
  margin-top: 18px;
  padding: 22px 0 18px;
  background:
    radial-gradient(820px 320px at 85% 0%, rgba(37,99,235,.12), transparent 60%),
    radial-gradient(820px 320px at 15% 30%, rgba(34,197,94,.10), transparent 60%),
    linear-gradient(180deg, #f2f6ff 0%, #f7faff 100%);
  border-top: 1px solid rgba(15,23,42,.08);
  border-bottom: 1px solid rgba(15,23,42,.08);
}

/* keep offer inside container width */
#ihs-root.ihs-linux .ihs-offer{
  margin: 0;
}

/* inner card: equal height columns + aligned */
#ihs-root.ihs-linux .wph-offer__inner{
  width: 100%;
  border-radius: 26px;
  border: 1px solid rgba(15,23,42,.10);
  background:
    radial-gradient(900px 420px at 85% 15%, rgba(37,99,235,.16), transparent 60%),
    radial-gradient(900px 420px at 15% 85%, rgba(34,197,94,.10), transparent 62%),
    rgba(255,255,255,.78);
  box-shadow: 0 24px 80px rgba(15,23,42,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  padding: 18px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;

  /* ✅ ستون‌ها هم‌قد و تراز */
  align-items: stretch;
}

/* make left/right fill height */
#ihs-root.ihs-linux .wph-offer__left,
#ihs-root.ihs-linux .wph-offer__right{
  display:flex;
  flex-direction:column;
  min-height: 100%;
}

/* right column: push note + toast to bottom, keep code box top aligned */
#ihs-root.ihs-linux .wph-offer__right{
  justify-content: flex-start;
}
#ihs-root.ihs-linux .wph-offer__note{
  margin-top: 10px;
  text-align:center;
}
#ihs-root.ihs-linux .wph-offer__toast{
  margin-top: 10px;
}

/* left column spacing */
#ihs-root.ihs-linux .wph-offer__title{
  margin-top: 12px;
}
#ihs-root.ihs-linux .wph-offer__seg{
  margin-top: auto; /* ✅ سگمنت همیشه پایین ستون چپ بشینه */
}

/* chip align */
#ihs-root.ihs-linux .wph-offer__chip{
  width: fit-content;
}

/* responsive */
@media (max-width: 900px){
  #ihs-root.ihs-linux .wph-offer__inner{
    grid-template-columns: 1fr;
  }
  #ihs-root.ihs-linux .wph-offer__seg{
    margin-top: 12px;
  }
}


/* --------- Info note --------- */
.wph-note{
  /* margin-top: 12px; */
  padding: 12px 14px;
  border-radius: var(--wph-radius);
  border: 1px dashed rgba(15,23,42,.16);
  background: #ffffff;
  color: #03b748;

  display:flex;
  gap: 10px;
  align-items: center;      /* 👈 عمودی وسط */
  justify-content: center;  /* 👈 افقی وسط */
  text-align: center;       /* 👈 متن وسط */
  line-height: 1.9;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 15px;
}


.wph-container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
}


/* =========================
   Skeleton Loading Effect for Linux Host
   ========================= */
.skeleton-grid-linux {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.skeleton-card-linux {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  overflow: hidden;
  animation: skeleton-pulse-linux 1.2s ease-in-out infinite;
}

@keyframes skeleton-pulse-linux {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.skeleton-card-linux__head {
  padding: 14px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.skeleton-line-linux {
  height: 16px;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer-linux 1.5s infinite;
  border-radius: 8px;
  margin-bottom: 12px;
}

@keyframes skeleton-shimmer-linux {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.skeleton-line-linux-sm {
  width: 60%;
  height: 12px;
}

.skeleton-line-linux-md {
  width: 80%;
  height: 14px;
}

.skeleton-line-linux-lg {
  width: 100%;
  height: 40px;
}

.skeleton-price-linux {
  padding: 12px 14px;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.skeleton-features-linux {
  padding: 12px 14px;
}

.skeleton-feature-item-linux {
  height: 14px;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer-linux 1.5s infinite;
  border-radius: 6px;
  margin-bottom: 10px;
}

.skeleton-cta-linux {
  padding: 12px 14px;
  margin-top: auto;
}

/* View Toggle for Linux */
.ihs-viewToggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 14px;
  padding: 5px;
}

.ihs-viewToggle__btn {
  border: none;
  background: transparent;
  padding: 8px 14px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 900;
  font-size: 13px;
  color: rgba(15, 23, 42, 0.68);
  transition: all 0.15s ease;
}

.ihs-viewToggle__btn.is-active {
  background: #2563eb;
  color: #fff;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

.ihs-viewToggle__btn i {
  margin-left: 6px;
}

/* List view styles for Linux */
.ihs-planList {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ihs-planListItem {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ihs-planListItem__info {
  flex: 2;
  min-width: 200px;
}

.ihs-planListItem__title {
  font-weight: 1000;
  font-size: 18px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ihs-planListItem__subtitle {
  color: rgba(15, 23, 42, 0.68);
  font-size: 13px;
}

.ihs-planListItem__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
  color: rgba(15, 23, 42, 0.62);
  font-size: 12px;
}

.ihs-planListItem__price {
  text-align: center;
  min-width: 140px;
}

.ihs-planListItem__priceNow {
  font-size: 24px;
  font-weight: 900;
  color: #16a34a;
}

.ihs-planListItem__pricePeriod {
  font-size: 12px;
  color: rgba(15, 23, 42, 0.62);
}

.ihs-planListItem__cta {
  min-width: 120px;
}

.ihs-planListItem__badge {
  background: rgba(37, 99, 235, 0.12);
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  color: #2563eb;
}

/* Responsive list view */
@media (max-width: 768px) {
  .ihs-planListItem {
    flex-direction: column;
    text-align: center;
  }
  .ihs-planListItem__specs {
    justify-content: center;
  }
  .skeleton-grid-linux {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .skeleton-grid-linux {
    grid-template-columns: 1fr;
  }
}

/* ============================================
   ICON SYSTEM - بدون Font Awesome (فقط با Unicode/Emoji)
   ============================================ */

/* کلاس‌های آیکون با استفاده از Unicode */
.icon-disk:before { content: "💾"; margin-left: 6px; }
.icon-wifi:before { content: "📡"; margin-left: 6px; }
.icon-globe:before { content: "🌐"; margin-left: 6px; }
.icon-email:before { content: "📧"; margin-left: 6px; }
.icon-sliders:before { content: "⚙️"; margin-left: 6px; }
.icon-flag:before { content: "🏁"; margin-left: 6px; }
.icon-layers:before { content: "📚"; margin-left: 6px; }
.icon-cloud:before { content: "☁️"; margin-left: 6px; }
.icon-bolt:before { content: "⚡"; margin-left: 6px; }
.icon-shield:before { content: "🛡️"; margin-left: 6px; }
.icon-certificate:before { content: "📜"; margin-left: 6px; }
.icon-check:before { content: "✅"; margin-left: 6px; }
.icon-info:before { content: "ℹ️"; margin-left: 6px; }
.icon-grid:before { content: "▦"; margin-left: 6px; font-weight: bold; }
.icon-list:before { content: "☰"; margin-left: 6px; font-weight: bold; }
.icon-chevron-down:before { content: "▼"; margin-left: 6px; font-size: 10px; }
.icon-chevron-up:before { content: "▲"; margin-left: 6px; font-size: 10px; }
.icon-chevron-left:before { content: "◀"; margin-left: 6px; font-size: 10px; }
.icon-arrow-left:before { content: "←"; margin-left: 6px; }
.icon-copy:before { content: "📋"; margin-left: 6px; }
.icon-trash:before { content: "🗑️"; margin-left: 6px; }
.icon-rocket:before { content: "🚀"; margin-left: 6px; }
.icon-headset:before { content: "🎧"; margin-left: 6px; }
.icon-question:before { content: "❓"; margin-left: 6px; }
.icon-medal:before { content: "🏅"; margin-left: 6px; }
.icon-tags:before { content: "🏷️"; margin-left: 6px; }
.icon-infinity:before { content: "∞"; margin-left: 6px; }
.icon-arrow-up:before { content: "↑"; margin-left: 6px; }
.icon-truck:before { content: "🚚"; margin-left: 6px; }

/* کلاس‌های کمکی برای آیکون‌ها */
.ihs-icon {
  display: inline-block;
  width: 20px;
  text-align: center;
  font-family: monospace;
}

/* حذف فونت آوسم از تمام المان‌ها */
#ihs-root.ihs-linux .fa-solid,
#ihs-root.ihs-linux .fa-regular,
#ihs-root.ihs-linux .fa-brands,
#ihs-root.ihs-linux [class*="fa-"] {
  font-family: inherit !important;
  font-weight: normal !important;
}

/* جایگزینی کلاس‌های فونت آوسم با آیکون‌های Unicode */
.fa-solid.fa-hard-drive, .fa-hard-drive { display: inline-block; }
.fa-solid.fa-hard-drive:before, .fa-hard-drive:before { content: "💾"; margin-left: 6px; }

.fa-solid.fa-wifi, .fa-wifi:before { content: "📡"; margin-left: 6px; }
.fa-solid.fa-globe, .fa-globe:before { content: "🌐"; margin-left: 6px; }
.fa-solid.fa-envelope, .fa-envelope:before { content: "📧"; margin-left: 6px; }
.fa-solid.fa-sliders, .fa-sliders:before { content: "⚙️"; margin-left: 6px; }
.fa-solid.fa-flag, .fa-flag:before { content: "🏁"; margin-left: 6px; }
.fa-solid.fa-layer-group, .fa-layer-group:before { content: "📚"; margin-left: 6px; }
.fa-solid.fa-cloud, .fa-cloud:before { content: "☁️"; margin-left: 6px; }
.fa-solid.fa-bolt, .fa-bolt:before { content: "⚡"; margin-left: 6px; }
.fa-solid.fa-shield, .fa-shield:before { content: "🛡️"; margin-left: 6px; }
.fa-solid.fa-certificate, .fa-certificate:before { content: "📜"; margin-left: 6px; }
.fa-solid.fa-circle-check, .fa-circle-check:before { content: "✅"; margin-left: 6px; }
.fa-solid.fa-circle-info, .fa-circle-info:before { content: "ℹ️"; margin-left: 6px; }
.fa-solid.fa-table-cells-large, .fa-table-cells-large:before { content: "▦"; margin-left: 6px; font-weight: bold; }
.fa-solid.fa-bars, .fa-bars:before { content: "☰"; margin-left: 6px; font-weight: bold; }
.fa-solid.fa-chevron-down, .fa-chevron-down:before { content: "☰"; margin-left: 6px; font-size: 10px; }
.fa-solid.fa-chevron-up, .fa-chevron-up:before { content: "☰"; margin-left: 6px; font-size: 10px; }
.fa-solid.fa-chevron-left, .fa-chevron-left:before { content: "◀"; margin-left: 6px; font-size: 10px; }
.fa-solid.fa-arrow-left, .fa-arrow-left:before { content: "←"; margin-left: 6px; }
.fa-solid.fa-copy, .fa-copy:before { content: "📋"; margin-left: 6px; }
.fa-solid.fa-check, .fa-check:before { content: "✅"; margin-left: 6px; }
.fa-solid.fa-trash, .fa-trash:before { content: "🗑️"; margin-left: 6px; }
.fa-solid.fa-rocket, .fa-rocket:before { content: "🚀"; margin-left: 6px; }
.fa-solid.fa-headset, .fa-headset:before { content: "🎧"; margin-left: 6px; }
.fa-solid.fa-circle-question, .fa-circle-question:before { content: "❓"; margin-left: 6px; }
.fa-solid.fa-medal, .fa-medal:before { content: "🏅"; margin-left: 6px; }
.fa-solid.fa-tags, .fa-tags:before { content: "🏷️"; margin-left: 6px; }
.fa-solid.fa-infinity, .fa-infinity:before { content: "∞"; margin-left: 6px; }
.fa-solid.fa-arrow-up, .fa-arrow-up:before { content: "↑"; margin-left: 6px; }
.fa-regular.fa-star, .fa-star:before { content: "⭐"; margin-left: 6px; }
.fa-solid.fa-star, .fa-star:before { content: "⭐"; margin-left: 6px; }

/* آیکون‌های بیشتر */
.fa-location-dot:before { content: "📍"; margin-left: 6px; }
.fa-clock:before { content: "🕐"; margin-left: 6px; }
.fa-user:before { content: "👤"; margin-left: 6px; }
.fa-hard-drive:before { content: "💾"; margin-left: 6px; }

/* حالت لیستی با دو ردیف مشخصات */
.ihs-planListItem__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
  color: rgba(15, 23, 42, 0.68);
  font-size: 13px;
  font-weight: 800;
}

.ihs-planListItem__specs span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(15, 23, 42, 0.04);
  padding: 4px 10px;
  border-radius: 20px;
}

.ihs-planListItem__specs span i {
  font-size: 13px;
  color: #2563eb;
}