/* =========================================================
   VPS EUROPE - FINAL FULL CSS (ONE FILE)
   Theme: Mahlin-2026
   ========================================================= */

.eu-vps-page { direction: rtl; }
.eu-container{ width: min(1180px, 92%); margin: 0 auto; }

.eu-sec-head{ margin: 24px 0 16px; }
.eu-sec-head h2{ font-size: 22px; margin: 0 0 8px; font-weight: 950; }
.eu-sec-head p{ margin: 0; opacity: .85; line-height: 1.9; }

/* =========================================================
   HERO
   ========================================================= */
*{

  font-family: 'Peyda', sans-serif;
}
.eu-hero{
  position: relative;
  padding: 42px 0 18px;
  overflow: hidden;
}

.eu-hero__grid{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: center;
}

.eu-breadcrumb{
  display:flex;
  gap:10px;
  align-items:center;
  font-size: 12px;
  opacity:.8;
  margin-bottom: 14px;
}
.eu-breadcrumb a{ text-decoration:none; opacity:.9; color: inherit; }
.eu-breadcrumb span{ opacity: .9; }

.eu-hero__title{
  font-size: 34px;
  line-height: 1.35;
  margin: 0 0 12px;
  font-weight: 950;
}

.eu-hero__desc{
  margin: 0 0 16px;
  line-height: 2;
  opacity: .9;
}

.eu-hero__bullets{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin: 14px 0 18px;
}

.eu-bullet{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}
.eu-bullet i{ opacity: .9; }

.eu-hero__cta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.eu-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.10);
  transition: .2s ease;
  color: inherit;
}

.eu-btn--primary{ background: rgba(255,255,255,.14); }
.eu-btn--ghost{ background: rgba(255,255,255,.04); }

.eu-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.18);
}

.eu-hero__note{
  margin-top: 14px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,.18);
  background: rgba(0,0,0,.10);
  font-size: 12px;
  line-height: 1.9;
  opacity: .95;
}

 






.eu-statcard, .eu-mapcard{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
  padding: 16px;
  position: relative;
  z-index: 1;
}

.eu-statcard{ margin-bottom: 12px; }

.eu-statcard__row{
  display:flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.eu-statcard__row:last-child{ border-bottom: 0; }
.eu-statcard__row span{ opacity: .85; display:flex; gap:10px; align-items:center; }
.eu-statcard__row b{ font-weight: 900; }

.eu-mapcard__top{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight: 900;
}
.eu-mapcard__line{
  height: 1px;
  margin: 12px 0;
  background: rgba(255,255,255,.08);
}
.eu-mapcard__chips{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.eu-chip{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
  font-size: 12px;
  opacity: .95;
}

/* =========================================================
   TRUST
   ========================================================= */

.eu-trust{ padding: 10px 0 26px; }

.eu-trust__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

.eu-trust__item{
  display:flex;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}

.eu-trust__icon{
  width: 44px; height: 44px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
}

.eu-trust__txt b{ font-weight: 950; }
.eu-trust__txt span{
  display:block;
  opacity:.85;
  margin-top: 6px;
  line-height: 1.8;
  font-size: 12px;
}

/* =========================================================
   PLANS (Final clean)
   ========================================================= */

/* =========================================================
   PLANS - LIGHT THEME (Hosting Style)
   Scope: .eu-plans only
   ========================================================= */


/* =========================================================
   EU PLANS - Redesign (Light Hosting + Center Tabs + Outside Badge)
   Scope: .eu-plans only
   ========================================================= */

.eu-plans{
  padding: 34px 0 44px;
  background:
    radial-gradient(1000px 340px at 20% 0%, rgba(56,189,248,.18), transparent 60%),
    radial-gradient(1000px 340px at 80% 0%, rgba(99,102,241,.16), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border-top: 1px solid rgba(2,132,199,.10);
  border-bottom: 1px solid rgba(2,132,199,.10);
}

/* عرض بیشتر */
.eu-plans .eu-container{
  width: min(1280px, 94%);
  margin: 0 auto;
}

.eu-plans .eu-sec-head{
  text-align: center;
  margin: 0 0 16px;
}
.eu-plans .eu-sec-head h2{
  color:#0f172a;
  font-weight: 950;
  margin: 0 0 6px;
}
.eu-plans .eu-sec-head p{
  color: rgba(15,23,42,.72);
  margin: 0;
}

/* =========================================================
   Toolbar (Tabs centered + icons)
   ========================================================= */

.eu-plans__toolbar{
  display:flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 16px 0 18px;
}

.eu-tabs{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;
  padding: 6px;
  border-radius: 999px;
  background: rgba(2,132,199,.06);
  border: 1px solid rgba(2,132,199,.14);
  box-shadow: 0 18px 44px rgba(2,132,199,.08);
}

.eu-tab{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: rgba(255,255,255,.86);
  color:#0f172a;
  cursor:pointer;
  font-weight: 950;
  transition: .18s ease;
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}

.eu-tab .eu-tab__icon{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 10px 18px rgba(2,132,199,.18);
}

.eu-tab:hover{
  transform: translateY(-1px);
  background: rgba(2,132,199,.06);
  border-color: rgba(2,132,199,.18);
}

.eu-tab.is-active{
  background: linear-gradient(135deg, rgba(2,132,199,.14), rgba(99,102,241,.14));
  border-color: rgba(2,132,199,.28);
  box-shadow: 0 18px 48px rgba(2,132,199,.14);
}

.eu-search{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(2,132,199,.18);
  background: rgba(255,255,255,.88);
  min-width: min(620px, 100%);
  box-shadow: 0 18px 44px rgba(2,132,199,.10);
}

.eu-search i{ color: rgba(2,132,199,.95); }
.eu-search input{
  width: 100%;
  border:0;
  outline:0;
  background: transparent;
  color:#0f172a;
  font-family: inherit;
  font-size: 14px;
}
.eu-search input::placeholder{ color: rgba(15,23,42,.55); }

/* =========================================================
   Table wrapper + table
   ========================================================= */

.eu-plans__mount{ width:100%; }

.eu-table-wrap{
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow:
    0 30px 80px rgba(15,23,42,.10),
    0 12px 30px rgba(2,132,199,.12);
}

.eu-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  color:#0f172a;
}

.eu-table thead th{
  padding: 18px 14px;
  text-align:center;
  font-weight: 950;
  background: linear-gradient(135deg, rgba(2,132,199,.10), rgba(99,102,241,.10));
  border-bottom: 1px solid rgba(2,132,199,.16);
  white-space: nowrap;
}

.eu-table tbody td{
  padding: 16px 14px;
  text-align:center;
  border-bottom: 1px solid rgba(15,23,42,.06);
  vertical-align: middle;
  background: rgba(255,255,255,.96);
}

.eu-table tbody tr:hover td{
  background: rgba(2,132,199,.04);
}

.eu-table td.first{
  text-align: right;
  font-weight: 950;
}

/* اسم پلن شکیل‌تر */
.eu-plan-title{
  display:flex;
  align-items:center;
  gap: 10px;
}
.eu-plan-title__main{
  display:flex;
  flex-direction: column;
  line-height: 1.4;
}
.eu-plan-title__name{
  font-weight: 950;
}
.eu-plan-title__sub{
  font-size: 12px;
  color: rgba(15,23,42,.65);
  font-weight: 800;
}

/* icons */
.eu-icons img{
  width: 28px;
  height: 28px;
  margin: 0 2px;
  vertical-align: middle;
  filter: drop-shadow(0 10px 18px rgba(2,132,199,.18));
}

.eu-price{
  font-weight: 950;
}

/* CTA */
.eu-order{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 11px 16px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 950;
  color:#fff;
  background: linear-gradient(135deg, #0284c7, #6366f1);
  border: 1px solid rgba(2,132,199,.20);
  box-shadow: 0 18px 40px rgba(2,132,199,.22);
  transition: .18s ease;
}
.eu-order:hover{ transform: translateY(-1px); filter: brightness(1.04); }

.eu-toggle{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  margin-right: 8px;
  cursor:pointer;
  border: 1px solid rgba(2,132,199,.18);
  background: rgba(2,132,199,.07);
  transition: .18s ease;
  color:#0f172a;
}
.eu-toggle:hover{ transform: translateY(-1px); background: rgba(2,132,199,.12); }
.eu-toggle i{ transition: .18s ease; }
.eu-toggle.is-open i{ transform: rotate(180deg); }

/* =========================================================
   Most sell: badge OUTSIDE the table frame (attached)
   ========================================================= */

/* ردیف پرفروش کمی برجسته‌تر */
.eu-most td{
  background: rgba(2,132,199,.05) !important;
  border-bottom-color: rgba(2,132,199,.16);
}

/* badge element که JS داخل td.first اضافه می‌کند */
.eu-badge-out{
  position: absolute;
  right: -14px; /* بیرون از کادر */
  top: 50%;
  transform: translateY(-50%);
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  color: #0f172a;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(2,132,199,.22);
  box-shadow: 0 18px 40px rgba(2,132,199,.16);
  white-space: nowrap;
  z-index: 5;
}

/* برای اینکه absolute کار کند */
.eu-table tbody tr.eu-most td.first{ position: relative; }

/* =========================================================
   Details
   ========================================================= */

.eu-details td{
  padding: 0 !important;
  border-bottom: 1px solid rgba(2,132,199,.16);
}

.eu-details__wrap{
  padding: 18px;
  background:
    radial-gradient(900px 220px at 15% 0%, rgba(2,132,199,.10), transparent 60%),
    radial-gradient(800px 220px at 85% 0%, rgba(99,102,241,.10), transparent 55%),
    rgba(255,255,255,.94);
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

.eu-dbox{
  border-radius: 18px;
  border: 1px solid rgba(2,132,199,.16);
  background: rgba(255,255,255,.92);
  padding: 12px;
  box-shadow: 0 18px 40px rgba(2,132,199,.08);
}

.eu-dbox p{
  margin: 8px 0;
  line-height: 1.9;
  font-size: 13px;
  color: rgba(15,23,42,.92);
}

.eu-dbox a{
  color:#0284c7;
  text-decoration:none;
  font-weight: 900;
}
.eu-dbox a:hover{ text-decoration: underline; }

.eu-dbox .info{
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 6px;
}

.eu-plan-icon{
  max-width: 160px;
  width: 50%;
  display:block;
  margin: 0 auto;
  filter: drop-shadow(0 24px 44px rgba(2,132,199,.16));
}

.eu-plans__hint{
  margin-top: 12px;
  color: rgba(15,23,42,.70);
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content: center;
}

.eu-empty{
  border-radius: 18px;
  border: 1px dashed rgba(2,132,199,.35);
  background: rgba(255,255,255,.92);
  padding: 16px;
  color: rgba(15,23,42,.85);
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 992px){
  .eu-details__wrap{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .eu-search{ min-width: min(520px, 100%); }
}

@media (max-width: 720px){
  .eu-search{ min-width: 100%; }

  /* badge بیرونی روی موبایل زیاد بیرون نزنه */
  .eu-badge-out{ right: 10px; } /* داخل‌تر */

  /* Mobile table -> cards */
  .eu-table thead{ display:none; }
  .eu-table, .eu-table tbody, .eu-table tr, .eu-table td{ display:block; width:100%; }
  .eu-table tr{ border-bottom: 1px solid rgba(2,132,199,.14); }
  .eu-table td{
    display:flex;
    justify-content: space-between;
    align-items:center;
    text-align:left;
    gap: 10px;
    border-bottom: 1px solid rgba(15,23,42,.06);
  }
  .eu-table td::before{
    content: attr(data-label);
    font-weight: 950;
    color: rgba(15,23,42,.70);
  }
  .eu-table td.first{ text-align:left; }
  .eu-table td.last{ justify-content: flex-start; gap: 10px; }
}



 /* =========================================================
   OS
   ========================================================= */

.eu-os{ padding: 22px 0; }

.eu-os__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.eu-os__box{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  padding: 16px;
}

.eu-os__top{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-bottom: 12px;
  font-weight: 950;
}

.eu-os__top img{ width: 44px; height: 44px; }

.eu-os__box ul{
  margin: 0;
  padding: 0 18px 0 0;
  line-height: 2;
  opacity: .9;
}

/* =========================================================
   FAQ
   ========================================================= */

.eu-faq{ padding: 18px 0 40px; }

.eu-faq__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.eu-q{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  overflow: hidden;
}

.eu-q__title{
  width: 100%;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 950;
}

.eu-q__title span{
  display:flex;
  gap:10px;
  align-items:center;
  text-align: right;
}

.eu-q__body{
  display:none;
  padding: 0 16px 16px;
  opacity: .9;
  line-height: 2;
}

.eu-q.is-open .eu-q__body{ display:block; }
.eu-q.is-open .eu-q__icon{ transform: rotate(-90deg); transition: .2s ease; }

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 992px){
  .eu-hero__grid{ grid-template-columns: 1fr; }
  .eu-trust__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .eu-details__wrap{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .eu-faq__grid{ grid-template-columns: 1fr; }
}

@media (max-width: 720px){
  .eu-hero__title{ font-size: 28px; }
  .eu-hero__bullets{ grid-template-columns: 1fr; }
  .eu-os__grid{ grid-template-columns: 1fr; }
  .eu-search{ min-width: 100%; }

  /* Mobile table -> cards (needs data-label in JS) */
  .eu-table thead{ display:none; }
  .eu-table, .eu-table tbody, .eu-table tr, .eu-table td{ display:block; width:100%; }
  .eu-table tr{ border-bottom: 1px solid rgba(255,255,255,.10); }

  .eu-table td{
    display:flex;
    justify-content: space-between;
    align-items:center;
    text-align:left;
    gap: 10px;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }

  .eu-table td::before{
    content: attr(data-label);
    font-weight: 950;
    opacity: .85;
  }

  .eu-table td.first{ text-align:left; }
  .eu-table td.last{ justify-content: flex-start; gap: 10px; }

  .eu-most::before{ top: 12px; left: 12px; }
}


/* =========================
   Price UI (clean hosting style)
   ========================= */

.eu-price{
  font-weight: 950;
}

.eu-pricebox{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  line-height: 1;
}

.eu-pricebox__top{
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

.eu-pricebox__num{
  font-size: 20px;
  font-weight: 950;
  color: #0f172a;
  letter-spacing: .2px;
}

.eu-pricebox__unit{
  font-size: 12px;
  font-weight: 900;
  color: rgba(15,23,42,.65);
}

.eu-pricebox__period{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  color: #0f172a;
  background: rgba(2,132,199,.10);
  border: 1px solid rgba(2,132,199,.18);
}

/* اگر جایی نتونستیم parse کنیم */
.eu-price-fallback{
  font-weight: 900;
  color: rgba(15,23,42,.85);
}


/* =========================
   Details UI - modern list
   ========================= */

.eu-details__wrap{
  /* اگر قبلاً grid داشتی، نگه دار؛ فقط اینا رو اضافه/جایگزین کن */
  align-items: start;
}

.eu-dbox{
  text-align: right;              /* مشکل سنتر شدن حل */
}

.eu-dbox p{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  margin: 10px 0;
  line-height: 1.9;
}

/* نقطه دایره‌ای رو خوشگل‌تر کنیم */
.eu-dbox p i.fa-circle{
  margin-top: 6px;
  font-size: 8px;
  opacity: .75;
  color: rgba(2,132,199,.85);
}

/* لینک داخل جزئیات */
.eu-dbox a{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(2,132,199,.08);
  border: 1px solid rgba(2,132,199,.16);
}

/* در موبایل راحت‌تر */
@media (max-width: 720px){
  .eu-dbox p{ gap: 8px; }
}


/* =========================================================
   OS SECTION - With Distros (Ubuntu/Debian/CentOS/AlmaLinux)
   ========================================================= */

.eu-sec-head--center{ text-align: center; }

.eu-os{
  padding: 34px 0 44px;
  background:
    radial-gradient(900px 320px at 20% 0%, rgba(56,189,248,.16), transparent 60%),
    radial-gradient(900px 320px at 80% 0%, rgba(99,102,241,.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border-top: 1px solid rgba(2,132,199,.10);
}

.eu-os__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

.eu-os-card{
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow:
    0 26px 70px rgba(15,23,42,.10),
    0 10px 24px rgba(2,132,199,.10);
  overflow: hidden;
  padding: 18px;
  position: relative;
  transition: .18s ease;
}

.eu-os-card:hover{
  transform: translateY(-2px);
  box-shadow:
    0 34px 90px rgba(15,23,42,.12),
    0 14px 30px rgba(2,132,199,.14);
}

.eu-os-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(900px 260px at 30% 0%, rgba(2,132,199,.16), transparent 60%);
  opacity: .9;
  pointer-events:none;
}

.eu-os-card--linux::before{
  background: radial-gradient(900px 260px at 30% 0%, rgba(34,197,94,.14), transparent 60%);
}
.eu-os-card--windows::before{
  background: radial-gradient(900px 260px at 30% 0%, rgba(99,102,241,.14), transparent 60%);
}

.eu-os-card__head{
  position: relative;
  z-index: 1;
  display:flex;
  gap: 14px;
  align-items:center;
  margin-bottom: 14px;
}

.eu-os-card__icon{
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(2,132,199,.08);
  border: 1px solid rgba(2,132,199,.14);
  box-shadow: 0 18px 40px rgba(2,132,199,.10);
}

.eu-os-card__icon img{ width: 44px; height: 44px; }

.eu-os-card__title h3{
  margin: 0 0 4px;
  font-weight: 950;
  color:#0f172a;
  font-size: 18px;
}

.eu-os-card__title p{
  margin: 0;
  color: rgba(15,23,42,.70);
  line-height: 1.8;
  font-weight: 700;
  font-size: 13px;
}

/* Distros */
.eu-os-distros{
  position: relative;
  z-index: 1;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 12px;
}

.eu-distro{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(15,23,42,.10);
  color:#0f172a;
  font-weight: 950;
  font-size: 12px;
  box-shadow: 0 12px 28px rgba(15,23,42,.06);
}

.eu-distro i{ opacity: .95; }

/* تِم رنگی هر توزیع (ملایم و هاستینگی) */
.eu-distro--ubuntu{ border-color: rgba(249,115,22,.22); background: rgba(249,115,22,.08); }
.eu-distro--debian{ border-color: rgba(244,63,94,.22); background: rgba(244,63,94,.08); }
.eu-distro--centos{ border-color: rgba(168,85,247,.22); background: rgba(168,85,247,.08); }
.eu-distro--alma{ border-color: rgba(34,197,94,.22); background: rgba(34,197,94,.08); }

.eu-os-card__chips{
  position: relative;
  z-index: 1;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 12px;
}

.eu-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(2,132,199,.08);
  border: 1px solid rgba(2,132,199,.14);
  color:#0f172a;
  font-weight: 950;
  font-size: 12px;
}

.eu-os-card--windows .eu-chip{
  background: rgba(99,102,241,.10);
  border-color: rgba(99,102,241,.18);
}

.eu-os-card__list{
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.eu-os-card__list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(15,23,42,.88);
  font-weight: 850;
  line-height: 1.9;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.06);
  background: rgba(255,255,255,.72);
}

.eu-os-card__list li i{
  margin-top: 4px;
  color: rgba(2,132,199,.95);
}
.eu-os-card--linux .eu-os-card__list li i{ color: rgba(34,197,94,.95); }
.eu-os-card--windows .eu-os-card__list li i{ color: rgba(99,102,241,.95); }

.eu-os-card__footer{
  position: relative;
  z-index: 1;
  margin-top: 14px;
  display:flex;
  justify-content: space-between;
  gap: 12px;
  align-items:center;
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,.06);
}

.eu-os-note{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  color: rgba(15,23,42,.70);
  font-weight: 900;
  font-size: 12px;
}

.eu-os-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 950;
  color:#fff;
  background: linear-gradient(135deg, #0284c7, #6366f1);
  box-shadow: 0 16px 34px rgba(2,132,199,.18);
  border: 1px solid rgba(2,132,199,.16);
  transition: .18s ease;
}
.eu-os-btn:hover{ transform: translateY(-1px); filter: brightness(1.04); }

.eu-os__hint{
  margin-top: 16px;
  text-align: center;
  color: rgba(15,23,42,.70);
  font-weight: 900;
  display:flex;
  justify-content:center;
  gap: 10px;
  align-items:center;
}

/* Responsive */
@media (max-width: 992px){
  .eu-os__grid{ grid-template-columns: 1fr; }
}


/* =========================================================
   FAQ - Modern Hosting Style
   ========================================================= */

.eu-faq{
  padding: 34px 0 44px;
  background:
    radial-gradient(900px 320px at 20% 0%, rgba(56,189,248,.12), transparent 60%),
    radial-gradient(900px 320px at 80% 0%, rgba(99,102,241,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border-top: 1px solid rgba(2,132,199,.10);
}

.eu-faq__head{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.eu-faq__title{
  display:flex;
  gap: 12px;
  align-items:flex-start;
}

.eu-faq__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(2,132,199,.08);
  border: 1px solid rgba(2,132,199,.14);
  box-shadow: 0 16px 34px rgba(2,132,199,.12);
  color: rgba(2,132,199,.95);
}

.eu-faq__title h2{
  margin: 0 0 6px;
  color: #0f172a;
  font-weight: 950;
  font-size: 22px;
}

.eu-faq__title p{
  margin: 0;
  color: rgba(15,23,42,.72);
  line-height: 1.9;
  font-weight: 700;
  font-size: 13px;
}

.eu-faq__search{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(2,132,199,.18);
  background: rgba(255,255,255,.88);
  min-width: min(520px, 100%);
  box-shadow: 0 18px 44px rgba(2,132,199,.10);
}

.eu-faq__search i{ color: rgba(2,132,199,.95); }
.eu-faq__search input{
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #0f172a;
  font-family: inherit;
  font-size: 14px;
}
.eu-faq__search input::placeholder{ color: rgba(15,23,42,.55); }

.eu-faq__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.eu-faq-item{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 20px 54px rgba(15,23,42,.08);
  overflow: hidden;
}

.eu-faq-q{
  width: 100%;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  color: #0f172a;
  cursor:pointer;
  font-weight: 950;
  text-align: right;
}

.eu-faq-q span{
  line-height: 1.9;
}

.eu-faq-arrow{
  transition: .18s ease;
  opacity: .75;
  flex: 0 0 auto;
}

.eu-faq-a{
  display:none;
  padding: 0 16px 16px;
  color: rgba(15,23,42,.80);
  line-height: 2;
  font-weight: 700;
  font-size: 13px;
}

.eu-faq-item.is-open .eu-faq-a{ display:block; }
.eu-faq-item.is-open .eu-faq-arrow{ transform: rotate(-90deg); opacity: 1; }

.eu-faq__note{
  margin-top: 16px;
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content: center;
  color: rgba(15,23,42,.72);
  font-weight: 900;
}

/* Responsive */
@media (max-width: 992px){
  .eu-faq__grid{ grid-template-columns: 1fr; }
  .eu-faq__search{ min-width: 100%; }
}










/* =========================================================
   GUIDE (Plan Picker)
   ========================================================= */

.eu-sec-head--center{ text-align: center; }

.eu-guide{
  padding: 34px 0 44px;
  background:
    radial-gradient(900px 320px at 20% 0%, rgba(56,189,248,.12), transparent 60%),
    radial-gradient(900px 320px at 80% 0%, rgba(99,102,241,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border-top: 1px solid rgba(2,132,199,.10);
}

.eu-guide__grid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

.eu-guide-card{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 22px 58px rgba(15,23,42,.08);
  padding: 16px;
  transition: .18s ease;
}

.eu-guide-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 32px 80px rgba(15,23,42,.10);
}

.eu-guide-card__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(2,132,199,.08);
  border: 1px solid rgba(2,132,199,.14);
  color: rgba(2,132,199,.95);
  box-shadow: 0 16px 34px rgba(2,132,199,.10);
  margin-bottom: 10px;
}

.eu-guide-card h3{
  margin: 0 0 6px;
  font-weight: 950;
  color:#0f172a;
  font-size: 16px;
}

.eu-guide-card p{
  margin: 0 0 10px;
  color: rgba(15,23,42,.72);
  line-height: 1.9;
  font-weight: 700;
  font-size: 13px;
}

.eu-guide-card ul{
  margin: 0 0 12px;
  padding: 0;
  list-style:none;
  display:flex;
  flex-direction: column;
  gap: 8px;
}

.eu-guide-card li{
  border-radius: 14px;
  background: rgba(2,132,199,.06);
  border: 1px solid rgba(2,132,199,.12);
  padding: 8px 10px;
  color:#0f172a;
  font-weight: 850;
  font-size: 12px;
}

.eu-guide-card__btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding: 10px 12px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 950;
  color:#fff;
  background: linear-gradient(135deg, #0284c7, #6366f1);
  box-shadow: 0 16px 34px rgba(2,132,199,.18);
  border: 1px solid rgba(2,132,199,.16);
  transition: .18s ease;
}
.eu-guide-card__btn:hover{ transform: translateY(-1px); filter: brightness(1.04); }

.eu-guide__note{
  margin-top: 14px;
  display:flex;
  justify-content:center;
  gap: 10px;
  align-items:center;
  color: rgba(15,23,42,.72);
  font-weight: 900;
}

/* Responsive */
@media (max-width: 1100px){
  .eu-guide__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px){
  .eu-guide__grid{ grid-template-columns: 1fr; }
}

/* =========================================================
   FEATURES
   ========================================================= */

.eu-features{
  padding: 34px 0 44px;
  background:
    radial-gradient(900px 320px at 20% 0%, rgba(34,197,94,.10), transparent 60%),
    radial-gradient(900px 320px at 80% 0%, rgba(2,132,199,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border-top: 1px solid rgba(2,132,199,.10);
}

.eu-features__grid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}

.eu-feature{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 22px 58px rgba(15,23,42,.08);
  padding: 16px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
  transition: .18s ease;
}

.eu-feature:hover{
  transform: translateY(-2px);
  box-shadow: 0 32px 80px rgba(15,23,42,.10);
}

.eu-feature__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(2,132,199,.08);
  border: 1px solid rgba(2,132,199,.14);
  color: rgba(2,132,199,.95);
  box-shadow: 0 16px 34px rgba(2,132,199,.10);
  flex: 0 0 auto;
}

.eu-feature__text b{
  display:block;
  color:#0f172a;
  font-weight: 950;
  margin-bottom: 6px;
}

.eu-feature__text span{
  display:block;
  color: rgba(15,23,42,.72);
  line-height: 1.9;
  font-weight: 700;
  font-size: 13px;
}

/* Responsive */
@media (max-width: 992px){
  .eu-features__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px){
  .eu-features__grid{ grid-template-columns: 1fr; }
}

/* =========================================================
   FINAL CTA
   ========================================================= */

.eu-cta{
  padding: 34px 0 54px;
  background:
    radial-gradient(900px 340px at 20% 0%, rgba(2,132,199,.14), transparent 60%),
    radial-gradient(900px 340px at 80% 0%, rgba(99,102,241,.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border-top: 1px solid rgba(2,132,199,.10);
}

.eu-cta__box{
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 32px 90px rgba(15,23,42,.10);
  overflow:hidden;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
}

.eu-cta__content{
  padding: 22px;
}

.eu-cta__content h2{
  margin: 0 0 8px;
  font-weight: 950;
  color:#0f172a;
  font-size: 22px;
}

.eu-cta__content p{
  margin: 0 0 14px;
  color: rgba(15,23,42,.72);
  line-height: 1.9;
  font-weight: 700;
}

.eu-cta__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.eu-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration:none;
  font-weight: 950;
  border: 1px solid rgba(2,132,199,.16);
  transition: .18s ease;
}

.eu-cta__btn--primary{
  color:#fff;
  background: linear-gradient(135deg, #0284c7, #6366f1);
  box-shadow: 0 18px 40px rgba(2,132,199,.18);
}
.eu-cta__btn--ghost{
  color:#0f172a;
  background: rgba(2,132,199,.06);
}

.eu-cta__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.eu-cta__mini{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(15,23,42,.72);
  font-weight: 900;
  font-size: 12px;
}

.eu-cta__mini span{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(2,132,199,.06);
  border: 1px solid rgba(2,132,199,.12);
}

/* Right art */
.eu-cta__art{
  position: relative;
  padding: 22px;
  background:
    radial-gradient(900px 340px at 20% 0%, rgba(2,132,199,.16), transparent 60%),
    radial-gradient(900px 340px at 80% 0%, rgba(99,102,241,.14), transparent 55%),
    linear-gradient(180deg, rgba(2,132,199,.04), rgba(99,102,241,.04));
  border-right: 1px solid rgba(2,132,199,.12);
}

.eu-cta__orb{
  position:absolute;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  filter: blur(26px);
  opacity: .35;
}
.eu-cta__orb--1{ top:-60px; right:-60px; background: #0284c7; }
.eu-cta__orb--2{ bottom:-60px; left:-60px; background: #6366f1; }

.eu-cta__stat{
  position: relative;
  z-index: 1;
  border-radius: 22px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 18px 44px rgba(15,23,42,.08);
  padding: 14px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.eu-cta__stat div{
  display:flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.eu-cta__stat div:last-child{ border-bottom: 0; }
.eu-cta__stat b{ color:#0f172a; font-weight: 950; }
.eu-cta__stat span{ color: rgba(15,23,42,.70); font-weight: 800; }

/* Responsive */
@media (max-width: 992px){
  .eu-cta__box{ grid-template-columns: 1fr; }
  .eu-cta__art{ border-right: 0; border-top: 1px solid rgba(2,132,199,.12); }
}



/* =========================================================
   Reviews - Hosting Light Style
   ========================================================= */

.eu-reviews{
  padding: 34px 0 44px;
  background:
    radial-gradient(900px 320px at 20% 0%, rgba(56,189,248,.12), transparent 60%),
    radial-gradient(900px 320px at 80% 0%, rgba(99,102,241,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border-top: 1px solid rgba(2,132,199,.10);
}

.eu-reviews__summary{
  margin: 16px 0 14px;
  display:flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  align-items:center;
}

.eu-rating{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 12px 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 20px 54px rgba(15,23,42,.08);
}

.eu-rating__score{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  font-weight: 950;
  font-size: 18px;
  color: #0f172a;
  background: linear-gradient(135deg, rgba(2,132,199,.12), rgba(99,102,241,.12));
  border: 1px solid rgba(2,132,199,.18);
}

.eu-rating__text{
  margin-top: 6px;
  color: rgba(15,23,42,.72);
  font-weight: 800;
  font-size: 12px;
  line-height: 1.8;
}

.eu-stars i{
  color: rgba(234,179,8,.95); /* amber */
  margin-left: 2px;
}

.eu-reviews__badges{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content:flex-end;
}

.eu-rbadge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 18px 44px rgba(2,132,199,.08);
  color:#0f172a;
  font-weight: 900;
  font-size: 12px;
}

.eu-reviews__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 10px;
}

.eu-review{
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 22px 58px rgba(15,23,42,.08);
  padding: 16px;
  transition: .18s ease;
}

.eu-review:hover{
  transform: translateY(-2px);
  box-shadow: 0 32px 80px rgba(15,23,42,.10);
}

.eu-review__top{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  align-items:center;
  margin-bottom: 10px;
}

.eu-avatar{
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 950;
  color:#0f172a;
  background: rgba(2,132,199,.10);
  border: 1px solid rgba(2,132,199,.16);
  flex: 0 0 auto;
}

.eu-review__who{
  flex: 1 1 auto;
}
.eu-review__who b{
  display:block;
  color:#0f172a;
  font-weight: 950;
  margin-bottom: 2px;
}
.eu-review__who span{
  display:block;
  color: rgba(15,23,42,.65);
  font-weight: 800;
  font-size: 12px;
}

.eu-review__text{
  margin: 0;
  color: rgba(15,23,42,.80);
  line-height: 2;
  font-weight: 750;
  font-size: 13px;
}

.eu-review__tags{
  margin-top: 12px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.eu-review__tags span{
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(2,132,199,.06);
  border: 1px solid rgba(2,132,199,.12);
  color:#0f172a;
  font-weight: 900;
  font-size: 12px;
}

.eu-reviews__cta{
  margin-top: 16px;
  display:flex;
  justify-content: center;
  gap: 12px;
  align-items:center;
  flex-wrap: wrap;
}

.eu-reviews__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration:none;
  font-weight: 950;
  color:#fff;
  background: linear-gradient(135deg, #0284c7, #6366f1);
  box-shadow: 0 18px 40px rgba(2,132,199,.18);
  border: 1px solid rgba(2,132,199,.16);
  transition: .18s ease;
}
.eu-reviews__btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }

.eu-reviews__hint{
  color: rgba(15,23,42,.70);
  font-weight: 900;
  display:inline-flex;
  gap: 8px;
  align-items:center;
}

/* Responsive */
@media (max-width: 992px){
  .eu-reviews__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px){
  .eu-reviews__grid{ grid-template-columns: 1fr; }
  .eu-rating{ width: 100%; }
}


/* =========================================================
   HERO CONTENT - New Premium Layout
   ========================================================= */

.eu-hero__content{
  position: relative;
}

.eu-hero__badge{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(2,132,199,.18);
  box-shadow: 0 18px 44px rgba(2,132,199,.10);
  margin: 6px 0 12px;
  color: #0f172a;
  font-weight: 950;
}

.eu-hero__badge img{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  box-shadow: 0 10px 18px rgba(2,132,199,.18);
}

.eu-hero__badge .eu-dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(2,132,199,.9);
  display:inline-block;
  opacity: .8;
}

.eu-hero__badge .eu-locs{
  font-weight: 900;
  color: rgba(15,23,42,.72);
}

.eu-hero__title{
  margin: 0 0 10px;
  font-weight: 950;
  letter-spacing: -.2px;
}

.eu-title-accent{
  display:inline-block;
  padding: 0 6px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(2,132,199,.14), rgba(99,102,241,.14));
  border: 1px solid rgba(2,132,199,.16);
}

.eu-title-sub{
  font-size: 14px;
  font-weight: 900;
  color: rgba(15,23,42,.62);
  margin-right: 8px;
}

.eu-hero__desc{
  margin: 0 0 14px;
  color: rgba(15,23,42,.78);
  line-height: 2;
  font-weight: 800;
}

/* features grid */
.eu-hero__features{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.eu-feature-pill{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(2,132,199,.16);
  box-shadow: 0 18px 44px rgba(15,23,42,.08);
  transition: .18s ease;
}

.eu-feature-pill:hover{
  transform: translateY(-1px);
}

.eu-feature-pill i{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(2,132,199,.08);
  border: 1px solid rgba(2,132,199,.14);
  color: rgba(2,132,199,.95);
  flex: 0 0 auto;
  margin-top: 2px;
}

.eu-feature-pill b{
  display:block;
  color:#0f172a;
  font-weight: 950;
  margin-bottom: 4px;
}

.eu-feature-pill span{
  display:block;
  color: rgba(15,23,42,.68);
  font-weight: 800;
  font-size: 12px;
  line-height: 1.7;
}

/* CTA and micro line */
.eu-hero__cta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.eu-hero__micro{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(15,23,42,.72);
  font-weight: 900;
  font-size: 12px;
}

.eu-hero__micro span{
  display:inline-flex;
  gap: 8px;
  align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(2,132,199,.06);
  border: 1px solid rgba(2,132,199,.12);
}

/* Note refined */
.eu-hero__note{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px dashed rgba(2,132,199,.28);
  background: rgba(255,255,255,.78);
  color: rgba(15,23,42,.80);
  font-size: 12px;
  line-height: 1.9;
  font-weight: 800;
  box-shadow: 0 18px 44px rgba(2,132,199,.08);
}

/* Responsive */
@media (max-width: 720px){
  .eu-hero__features{ grid-template-columns: 1fr; }
  .eu-hero__badge{ width: 100%; justify-content: center; }
}


/* =========================================================
   HERO VISUAL (Image only)
   ========================================================= */

.eu-hero__visual{
  position: relative;
  min-height: 560px;
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid rgba(2,132,199,.14);
 }

/* تصویر */
.eu-hero__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03); /* یکم پرمیوم‌تر */
}

/* overlay ملایم برای هماهنگی رنگ و کم کردن شلوغی */
.eu-hero__img-overlay{
  position:absolute;
  inset:0;
   z-index: 1;
}

/* کپشن اختیاری */
.eu-hero__img-caption{
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(2,132,199,.18);
  box-shadow: 0 18px 44px rgba(2,132,199,.10);
  color: #0f172a;
  font-weight: 950;
  font-size: 12px;
}

/* glows قدیمی رو خاموش کن (اگر جایی هنوز هست) */
.eu-hero__visual .eu-glow{ display:none !important; }

/* موبایل */
@media (max-width: 992px){
  .eu-hero__visual{ min-height: 280px; }
}


/* =========================================================
   HERO CONTENT (Compact / Clean)
   ========================================================= */

.eu-hero__badge--compact{
  margin: 6px 0 12px;
  padding: 8px 12px;
  gap: 10px;
  font-size: 12px;
}

.eu-hero__badge--compact img{
  width: 20px;
  height: 20px;
}

.eu-hero__title .eu-title-sub{
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 900;
  color: rgba(15,23,42,.65);
}

.eu-hero__desc{
  margin: 0 0 12px;
  line-height: 2;
}

/* chips line */
.eu-hero__chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 14px;
}

.eu-chipline{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(2,132,199,.14);
  box-shadow: 0 14px 34px rgba(2,132,199,.08);
  color: #0f172a;
  font-weight: 900;
  font-size: 12px;
}

.eu-chipline i{
  color: rgba(2,132,199,.95);
}

/* note compact */
.eu-hero__note--compact{
  padding: 10px 12px;
  border-radius: 16px;
  font-size: 12px;
  line-height: 1.9;
}

/* اگر نسخه قبلی feature cards وجود داشت، مخفی کن */
.eu-hero__features{ display:none !important; }
.eu-hero__micro{ display:none !important; }