/* ========== xServere.NET Dedicated – Brand Layer ========== */
:root{
  --navy:#0b1220;
  --navy-2:#0e1628;
  --panel:#101a2d;
  --text:#eaf2ff;
  --muted:#9fb7d6;
  --line:rgba(172,195,255,.16);

  --logo1:#28b1ff;
  --logo2:#2f7cff;
  --logo3:#3e57ff;
  --logo4:#7c3aed;

  --btn-glow:0 10px 24px rgba(46,153,255,.35);
}

.xservere-net{ color:var(--text); }
.xservere-net *{ box-sizing:border-box; }
.xservere-net .container{ width:100%; max-width:1160px; margin-inline:auto; padding:0 18px; }
.xservere-net, .xservere-net .table-wrap{ overflow-x:clip; }

/* ---------- HERO ---------- */
.xservere-net .hero{
  padding:48px 0 22px;
  background: radial-gradient(1200px 300px at 50% -120px, rgba(73,125,255,.22), transparent 70%),
              linear-gradient(180deg,rgba(10,18,33,.8), rgba(10,18,33,.0));
}
.xservere-net .hero h1{ font-weight:900; margin:0 0 6px; }
.xservere-net .hero .lead{ color:var(--muted); margin:0 0 16px; }
.xservere-net .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:999px; border:1px solid var(--line); color:var(--text); text-decoration:none; font-weight:700; }
.xservere-net .btn--ghost:hover{ border-color:rgba(255,255,255,.35); }

/* ---------- Titles ---------- */
.xservere-net .section-title{ text-align:center; margin:10px 0 18px; font-weight:900; }

/* ---------- TABLE ---------- */
.xservere-net .table-wrap{
  position:relative;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 16px 32px rgba(0,0,0,.35);
  overflow:hidden;
}
.xservere-net .table-wrap::before{
  content:"";
  position:absolute; inset:-1px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--logo1) 0%, var(--logo2) 35%, var(--logo3) 70%, var(--logo4) 100%);
  opacity:.12; filter:blur(18px);
  z-index:-1;
}
.xservere-net table{ width:100%; border-collapse:collapse; font-size:15px; }
.xservere-net thead th{
  position:sticky; top:0; z-index:2;
  background:linear-gradient(180deg,#122036,#101b33);
  color:#d6e8ff; border-bottom:1px solid var(--line);
  text-transform:uppercase; letter-spacing:.35px; font-weight:800; padding:14px 16px;
}
.xservere-net tbody tr{ background:#0f1a2c; transition:background .2s ease; }
.xservere-net tbody tr:nth-child(even){ background:#0d1728; }
.xservere-net tbody tr:hover{ background:#172947; box-shadow:inset 3px 0 0 var(--logo1); }
.xservere-net td{ padding:14px 16px; border-top:1px solid rgba(172,195,255,.1); vertical-align:middle; }

/* CPU & subs */
.xservere-net .cpu{ margin:0; font-size:16px; font-weight:900; }
.xservere-net .sub{ color:var(--muted); font-size:12px; }
.xservere-net .val{ font-weight:800; }

/* Badge Best Value */
.xservere-net .flag{
  display:inline-block; margin-bottom:6px;
  padding:4px 8px; border-radius:999px;
  background:linear-gradient(135deg,#16c172,#0ea664);
  color:#08151a; font-size:11px; font-weight:900; letter-spacing:.25px;
}

/* Chip DDoS */
.xservere-net .chip{
  align-self:flex-start;
  display:inline-block;
  background:linear-gradient(135deg,var(--logo1),var(--logo4));
  color:#fff; padding:6px 12px; border-radius:999px;
  font-weight:800; font-size:13px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  margin-bottom:8px;
}

/* Preț + Buton într-un rând */
.xservere-net .pricebox{ background:linear-gradient(180deg,rgba(83,162,255,.08),rgba(124,58,237,.08)); border:1px solid var(--line); border-radius:12px; padding:10px 12px; }
.xservere-net .price-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.xservere-net .amount{ font-size:18px; font-weight:900; }
.xservere-net .amount span{ font-weight:700; color:#cfe0ff; }

/* CTA cu efect shine */
.xservere-net .btn--cta{
  position:relative; overflow:hidden;
  min-width:120px;
  padding:12px 16px; border:none; color:#fff; font-weight:900;
  background:linear-gradient(135deg,var(--logo2),var(--logo3));
  border-radius:10px; box-shadow:var(--btn-glow);
  text-transform:uppercase; letter-spacing:.35px;
}
.xservere-net .btn--cta::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(115deg,transparent 0%, rgba(255,255,255,.25) 45%, transparent 60%);
  transform:translateX(-150%); transition:transform .9s cubic-bezier(.2,.6,.2,1);
}
.xservere-net .btn--cta:hover::after{ transform:translateX(150%); }

/* ---------- DDoS Section ---------- */
.xservere-net .ddos-section{ padding:32px 0 12px; }
.xservere-net .panel{
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:18px; box-shadow:0 12px 24px rgba(0,0,0,.35);
}
.xservere-net .panel-badge{
  display:inline-block; margin-bottom:12px; padding:6px 12px; border-radius:999px;
  background:linear-gradient(135deg,var(--logo1),var(--logo4)); font-weight:800;
  border:1px solid rgba(255,255,255,.18);
}
.xservere-net .ddos-grid{
  display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-bottom:10px;
}
.xservere-net .ddos-h{ color:#d6e8ff; font-weight:800; margin-bottom:6px; }
.xservere-net .pill{
  display:inline-block; margin:3px 4px 0 0; padding:6px 10px; border-radius:999px;
  background:#0f1f38; color:#d7e6ff; border:1px solid var(--line); font-size:12px;
}
.xservere-net .mode.on{
  display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px;
  background:#10324f; color:#bfe0ff; font-weight:800; border:1px solid rgba(83,162,255,.35)
}
.xservere-net .note{ margin-top:8px; color:#cfe0fb; }


/* ===== DDOS – bandă de cifre/beneficii ===== */
.xservere-net .ddos-belt{
  display:grid; grid-template-columns:repeat(4,1fr); gap:10px;
  margin:10px 0 16px;
}
.xservere-net .belt-chip{
  background:linear-gradient(180deg,#0d1729,#0c1526);
  border:1px solid var(--line); border-radius:12px;
  padding:12px 14px; text-align:center;
}
.xservere-net .belt-k{ display:block; font-weight:900; font-size:16px; color:#eaf2ff; }
.xservere-net .belt-l{ display:block; font-size:12px; color:#b7c9e9; }

/* card “pro” */
.xservere-net .ddos-pro .panel-header{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.xservere-net .panel-lead{ margin:6px 0 2px; color:#cfe0fb; }

/* matrice tehnică îmbunătățită */
.xservere-net .ddos-matrix{
  display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:12px;
}
.xservere-net .mx-col{ background:#0e1729; border:1px solid var(--line); border-radius:12px; padding:12px; }
.xservere-net .mx-list{ margin:6px 0 0; padding:0; list-style:none; }
.xservere-net .mx-list li{ display:flex; align-items:center; gap:8px; color:#d7e6ff; font-size:14px; margin:6px 0; }
.xservere-net .i-check,.xservere-net .i-scan,.xservere-net .i-dot{
  width:10px; height:10px; border-radius:50%;
  background:linear-gradient(135deg,var(--logo1),var(--logo4));
  box-shadow:0 0 0 1px rgba(255,255,255,.15) inset;
}
.xservere-net .i-scan{ filter:saturate(110%) brightness(1.05); }
.xservere-net .i-dot{ opacity:.7; }

/* cheat-sheet */
.xservere-net .ddos-cheats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:12px;
}
.xservere-net .cheat{
  background:linear-gradient(180deg,#0d1729,#0c1526);
  border:1px solid var(--line); border-radius:12px; padding:14px;
}
.xservere-net .cheat h4{ margin:0 0 4px; color:#eaf2ff; font-size:15px; }
.xservere-net .cheat p{ margin:0; color:#bcd2f3; font-size:13px; }

/* mini-faq fără JS */
.xservere-net .ddos-faqmini{ margin-top:10px; display:grid; gap:8px; }
.xservere-net .ddos-faqmini details{
  background:#0f1930; border:1px solid var(--line); border-radius:10px; padding:10px 12px;
}
.xservere-net .ddos-faqmini summary{
  cursor:pointer; color:#cfe4ff; font-weight:700; list-style:none;
}
.xservere-net .ddos-faqmini summary::-webkit-details-marker{ display:none; }

/* cta */
.xservere-net .ddos-cta-wrap{ text-align:center; margin-top:14px; }

/* responsive */
@media (max-width: 992px){
  .xservere-net .ddos-belt{ grid-template-columns:1fr 1fr; }
  .xservere-net .ddos-matrix{ grid-template-columns:1fr 1fr; }
  .xservere-net .ddos-cheats{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
  .xservere-net .ddos-belt,
  .xservere-net .ddos-matrix,
  .xservere-net .ddos-cheats{ grid-template-columns:1fr; }
}



/* ---------- Why ---------- */
.xservere-net .why{ padding:24px 0; }
.xservere-net .why-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
}
.xservere-net .why-card{
  text-align:center; padding:16px; border:1px solid var(--line); border-radius:12px;
  background:linear-gradient(180deg,#0d1729,#0c1526);
}
.xservere-net .why-card i{ color:#b9d5ff; font-size:22px; margin-bottom:6px; display:block; }

/* ---------- FAQ ---------- */
.xservere-net .faq{ padding:24px 0 6px; }
.xservere-net .faq-card{ background:#0f1930; border:1px solid var(--line); border-radius:12px; }
.xservere-net .faq-card + .faq-card{ margin-top:10px; }
.xservere-net .faq-btn{ color:#cfe4ff; font-weight:700; text-decoration:none; display:block; width:100%; text-align:left; padding:12px 16px; }
.xservere-net .faq .card-body{ color:#bcd2f3; }

/* ---------- Responsive ---------- */
@media (max-width: 992px){
  .xservere-net .ddos-grid{ grid-template-columns:1fr 1fr; }
  .xservere-net thead{ display:none; }
  .xservere-net tbody tr{ display:block; margin:10px 0; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
  .xservere-net td{ display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border-top:none; }
  .xservere-net td::before{ content:attr(data-label); color:var(--muted); font-weight:700; text-transform:uppercase; font-size:11px; }
  .xservere-net td[data-label="Model / CPU"]{ flex-direction:column; align-items:flex-start; gap:6px; background:#122036; }
  .xservere-net td[data-label="Preț / Acțiune"]{ background:transparent; }
  .xservere-net .price-row{ flex-wrap:wrap; }
  .xservere-net .btn--cta{ width:100%; text-align:center; }
  .xservere-net .why-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
  .xservere-net .ddos-grid{ grid-template-columns:1fr; }
  .xservere-net .why-grid{ grid-template-columns:1fr; }
}






/* ——— FIX: hover sigur, contrast bun (doar pe device-uri cu mouse) ——— */
@media (hover:hover) {
  .xservere-net tbody tr {
    transition: background .22s ease, box-shadow .22s ease, color .22s ease;
  }
  .xservere-net tbody tr:hover {
    /* glow subtil în brand colors */
    background: linear-gradient(90deg, rgba(46,153,255,.09), rgba(124,58,237,.14));
    box-shadow: inset 0 0 0 2px rgba(79,209,255,.38), 0 0 18px rgba(79,209,255,.22);
  }
  /* păstrăm textul foarte lizibil pe hover */
  .xservere-net tbody tr:hover td,
  .xservere-net tbody tr:hover .cpu,
  .xservere-net tbody tr:hover .val { color: #eaf2ff; }

  /* subtitlurile ușor mai luminoase, dar nu spălate */
  .xservere-net tbody tr:hover .sub { color: #d7e6ff; }

  /* prețul și butonul rămân „vii” pe hover */
  .xservere-net tbody tr:hover .pricebox{
    background: linear-gradient(180deg, rgba(83,162,255,.12), rgba(124,58,237,.12));
    border-color: rgba(172,195,255,.32);
  }
  .xservere-net tbody tr:hover .btn--cta { filter: brightness(1.06); }
}

/* ——— FIX: anulăm vechea regulă generică ce strica contrastul ——— */
/* dacă nu vrei să o ștergi din fișier, suprascriem safe aici */
.page-dedicated .table tbody tr:hover {
  background: inherit !important;
  box-shadow: none !important;
}




/* Darkness control */
:root {
  --bg-darkness: 0.65; /* 0 (luminos) – 0.85 (foarte întunecat) */
}

body {
  background:
    linear-gradient(rgba(11,18,32,var(--bg-darkness)), rgba(11,18,32,var(--bg-darkness))),
    url('https://xservere.net/templates/ruzenko/assets/img/bg-vps-network.svg') center/cover no-repeat fixed;
  /* fallback în spatele SVG-ului */
  background-color: #0b1220;
}




/* HERO brand – gradient + overlay opțional */
.hero{
  position:relative;
  text-align:center;
  padding:80px 20px;
  color:#fff;
  background:
    radial-gradient(1200px 300px at 50% -200px, rgba(73,125,255,.22), transparent 70%),
    linear-gradient(135deg, #0f172a 0%, #1e3a8a 45%, #3b82f6 100%);
  border-bottom:2px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background-image:url('https://xservere.net/templates/ruzenko/assets/img/bg-server-pattern.svg');
  background-size: 360px 360px;           /* ajustează densitatea patternului */
  background-repeat: repeat;
  opacity:.18;                            /* 0.10 – 0.22, după gust */
  z-index:0;
}
.hero h1,.hero p,.hero a{ position:relative; z-index:1; }





@media (hover:none) {
  .xservere-net tbody tr:active {
    background: linear-gradient(90deg, rgba(46,153,255,.10), rgba(124,58,237,.16));
    box-shadow: inset 0 0 0 2px rgba(79,209,255,.30);
  }
}




/* ===== SonicPanel-like cards (glow border + lift on hover) ===== */
.xservere-net .sp-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.xservere-net .sp-card{
  position:relative; border-radius:14px; isolation:isolate;
}
.xservere-net .sp-card::before{
  /* “rama” luminoasă din brand colors */
  content:""; position:absolute; inset:0; border-radius:14px; padding:1px;
  background:linear-gradient(135deg,var(--logo1) 0%, var(--logo2) 35%, var(--logo3) 70%, var(--logo4) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.65; transition:opacity .25s ease, filter .25s ease;
}
.xservere-net .sp-card__inner{
  position:relative; z-index:1;
  height:100%; text-align:center; padding:18px;
  background:linear-gradient(180deg,#0d1729,#0c1526);
  border-radius:12px; border:1px solid rgba(172,195,255,.12);
  box-shadow:0 12px 24px rgba(0,0,0,.28);
}
.xservere-net .sp-card i{ color:#b9d5ff; font-size:22px; margin-bottom:6px; display:block; }
.xservere-net .sp-card h4{ margin:6px 0 6px; color:#eaf2ff; font-weight:800; }
.xservere-net .sp-card p{ margin:0; color:#bcd2f3; }

/* hover lift */
@media (hover:hover){
  .xservere-net .sp-card:hover::before{ opacity:1; filter:drop-shadow(0 0 16px rgba(46,153,255,.35)); }
  .xservere-net .sp-card:hover .sp-card__inner{ transform:translateY(-3px); transition:transform .22s ease; }
}

/* responsive grid */
@media (max-width: 992px){ .xservere-net .sp-cards{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .xservere-net .sp-cards{ grid-template-columns:1fr; } }



/* =========================
   MOBILE TABLE – CARD LOOK
   ========================= */
@media (max-width: 768px){

  /* card general */
  .xservere-net tbody tr{
    display:block;
    margin:14px 0;
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
    background:linear-gradient(180deg,#0f1a2c,#0d1728);
    box-shadow:0 10px 26px rgba(0,0,0,.28);
  }

  /* head-ul rândului (model + “best value”) */
  .xservere-net td[data-label="Model / CPU"]{
    display:block;
    background:#122036;
    padding:14px 14px 10px;
    border-bottom:1px solid rgba(172,195,255,.12);
  }
  .xservere-net td[data-label="Model / CPU"]::before{ content:""; display:none; }
  .xservere-net td[data-label="Model / CPU"] .cpu{ font-size:18px; line-height:1.25; }
  .xservere-net td[data-label="Model / CPU"] .sub{ font-size:12px; color:#a7bfdf; }

  /* rândurile de specificații (RAM/SSD/IP/PORT) = label stânga, valoare dreapta */
  .xservere-net tbody td{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 14px;
    border-top:1px solid rgba(172,195,255,.10);
    background:transparent;
  }
  .xservere-net tbody td::before{
    content:attr(data-label);
    color:#9fb7d6;
    font-weight:800;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:.25px;
  }
  .xservere-net .val{ color:#eaf2ff; font-size:15px; font-weight:800; }

  /* cutia de preț vine full-width la final + CTA mare, tap-friendly */
  .xservere-net td[data-label="Preț / Acțiune"]{
    display:block;
    background:transparent;
    border-top:1px solid rgba(172,195,255,.12);
    padding:12px 14px 14px;
  }
  .xservere-net .pricebox{
    border-radius:12px;
    border:1px solid rgba(172,195,255,.18);
    background:linear-gradient(180deg,rgba(83,162,255,.10),rgba(124,58,237,.10));
    padding:12px;
  }
  .xservere-net .price-row{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
  .xservere-net .amount{ font-size:20px; }
  .xservere-net .btn--cta{
    width:100%;
    height:46px;
    border-radius:10px;
    font-size:15px;
  }

  /* tap feedback (doar pe mobil) */
  .xservere-net tbody tr:active{
    background:linear-gradient(90deg, rgba(46,153,255,.10), rgba(124,58,237,.16));
    box-shadow: inset 0 0 0 2px rgba(79,209,255,.30);
  }
}

/* anti-conflict: NU estompăm textul pe hover/tap */
@media (hover:none){
  .xservere-net tbody tr *{ opacity:1 !important; }
}

/* ===== Titluri brand (logo gradient) ===== */
.xservere-net .section-title-gradient{
  font-weight:900;
  text-align:center;
  margin:0 0 18px;
  font-size:26px;
  letter-spacing:.2px;
  background:linear-gradient(90deg,var(--logo1),var(--logo3));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Grafic tip bară */
.xservere-net .ddos-graph {
  margin: 20px auto 10px;
  max-width: 600px;
}

.xservere-net .bar {
  display: flex;
  height: 28px;
  border-radius: 999px;
  overflow: hidden;
  background: #0d1729;
  border: 1px solid var(--line);
}

.xservere-net .bar-attack {
  flex: 3;
  background: linear-gradient(90deg, #ff4d6d, #a83279);
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.xservere-net .bar-legit {
  flex: 1;
  background: linear-gradient(90deg, var(--logo1), var(--logo3));
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
/* ====== DDoS Pro layout ====== */
.xservere-net .ddos-pro{ padding:18px 18px 22px; }
.xservere-net .ddos-intro{ color:#cfe0fb; margin:6px 0 14px; }

/* Grid mare */
.xservere-net .ddos-cols{
  display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:14px;
}
.xservere-net .ddos-col{
  background:linear-gradient(180deg,#0f1a2c,#0e1628);
  border:1px solid var(--line); border-radius:12px; padding:14px;
}
.xservere-net .ddos-ul{ margin:8px 0 0; padding-left:18px; color:#d7e6ff; }
.xservere-net .ddos-ul li{ margin:6px 0; position:relative; }
.xservere-net .ddos-ul li::marker{ color:#63b4ff; }
.xservere-net .ddos-h{ color:#d6e8ff; font-weight:800; }

/* Carduri scurte */
.xservere-net .ddos-mini{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:6px 0 10px;
}
.xservere-net .mini-card{
  background:#0f1a2c; border:1px solid var(--line); border-radius:12px; padding:12px 14px;
}
.xservere-net .mini-k{ font-weight:900; color:#d6e8ff; margin-bottom:4px; }
.xservere-net .mini-v{ color:#cfe0fb; }

/* Rânduri FAQ scurte */
.xservere-net .ddos-faq-rows .row{
  background:#0f1930; border:1px solid var(--line);
  border-radius:10px; padding:10px 12px; color:#cfe4ff; margin:8px 0 0;
}

/* ====== Grafic dinamic ====== */
.xservere-net .ddos-meter{ margin:16px auto 6px; max-width:760px; }
.xservere-net .meter-bar{
  position:relative; display:flex; width:100%; height:26px; border-radius:999px;
  overflow:hidden; border:1px solid var(--line); background:#0d1729;
}
.xservere-net .seg{ height:100%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:12px; }
.xservere-net .seg-attack{
  background:linear-gradient(90deg,#ff4d6d,#a83279);
  box-shadow:inset 0 0 12px rgba(255,77,109,.35);
  width:0; transition:width .8s ease;
}
.xservere-net .seg-legit{
  background:linear-gradient(90deg,var(--logo1),var(--logo3));
  box-shadow:inset 0 0 12px rgba(46,153,255,.25);
  width:0; transition:width .8s ease .05s;
}
.xservere-net .seg .lab{ opacity:.9; mix-blend-mode:screen; }

.xservere-net .meter-legend{ display:flex; gap:12px; justify-content:center; margin-top:8px; }
.xservere-net .chip{
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12); color:#fff; font-size:12px; font-weight:700;
}
.xservere-net .chip-attack{ background:linear-gradient(90deg,#ff4d6d,#a83279); }
.xservere-net .chip-legit{ background:linear-gradient(90deg,var(--logo1),var(--logo3)); }

/* CTA jos */
.xservere-net .ddos-cta{ text-align:center; margin-top:12px; }

/* Responsive */
@media (max-width: 1100px){
  .xservere-net .ddos-cols{ grid-template-columns:1fr 1fr 1fr; }
}
@media (max-width: 820px){
  .xservere-net .ddos-cols{ grid-template-columns:1fr 1fr; }
  .xservere-net .ddos-mini{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
  .xservere-net .ddos-cols{ grid-template-columns:1fr; }
  .xservere-net .ddos-mini{ grid-template-columns:1fr; }
  .xservere-net .meter-legend{ flex-direction:column; align-items:center; }
}





/* 1) Dacă pachetul e pe <tr> */
.xservere-net .table-wrap table tbody tr {
  transform: translateZ(0);            /* GPU hint */
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
  will-change: transform;
  position: relative;                   /* pentru z-index */
  z-index: 0;
}
.xservere-net .table-wrap table tbody tr:hover {
  transform: scale(1.012);              /* zoom subtil ~1.2% */
  z-index: 2;
  background: linear-gradient(90deg, rgba(79,209,255,.08), rgba(124,58,237,.12));
  box-shadow:
    0 14px 34px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(79,209,255,.35);
}

/* 2) Dacă ai .pricing-card (div/card individual) */
.pricing-card {
  transition: transform .18s ease, box-shadow .18s ease;
  will-change: transform;
  transform: translateZ(0);
}
.pricing-card:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow:
    0 22px 44px rgba(0,0,0,.40),
    0 0 0 1px rgba(79,209,255,.35) inset;
}

/* Glow fin pe contur (dacă vrei să-l păstrezi) */
.pricing-card[data-accent="logo"]::before{
  content:"";
  position:absolute; inset:-1px; border-radius:16px; pointer-events:none;
  background: linear-gradient(135deg, #28b1ff 0%, #2f7cff 40%, #3e57ff 75%, #7c3aed 100%);
  filter: drop-shadow(0 0 22px rgba(42,167,255,.35));
  opacity:.35;
  z-index: -1;
}

/* Să nu suprasolicităm pe mobil / userii sensibili la mișcare */
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
  .xservere-net .table-wrap table tbody tr:hover,
  .pricing-card:hover { transform:none; box-shadow:none; }
}
 
 
 
 
/* ---------- FAQ 2-col brand styling ---------- */
.xservere-net .faq-2col .section-title{
  font-weight:900;
  background: linear-gradient(90deg,#28b1ff,#2f7cff,#3e57ff,#7c3aed);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  letter-spacing:.3px;
}

.xservere-net .faq-card{
  background:#0f1930;
  border:1px solid rgba(172,195,255,.14);
  border-radius:12px;
  overflow:hidden;
}
.xservere-net .faq-card + .faq-card{ margin-top:10px; }

.xservere-net .faq-btn{
  width:100%;
  padding:14px 16px;
  text-align:left;
  color:#cfe4ff;
  font-weight:700;
  background:transparent;
  border:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.xservere-net .faq-btn:focus{ outline:none; box-shadow:none; }
.xservere-net .faq .card-body{ color:#bcd2f3; padding:14px 16px 16px; }

.xservere-net .faq-badge{
  flex:0 0 auto;
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 3px 10px rgba(0,0,0,.25);
}

/* Culori pentru badges (asemenea printului) */
.xservere-net .faq-badge.-blue   { background:#1e40af; color:#eaf2ff; }
.xservere-net .faq-badge.-teal   { background:#0f766e; color:#eafefc; }
.xservere-net .faq-badge.-green  { background:#0f6;    color:#052;    font-weight:900; }
.xservere-net .faq-badge.-gray   { background:#374151; color:#e5e7eb; }
.xservere-net .faq-badge.-dark   { background:#111827; color:#d1d5db; }
.xservere-net .faq-badge.-slate  { background:#334155; color:#e2e8f0; }
.xservere-net .faq-badge.-amber  { background:#f59e0b; color:#1f1300; font-weight:900; }
.xservere-net .faq-badge.-indigo { background:#4338ca; color:#eef2ff; }
.xservere-net .faq-badge.-success{ background:#22c55e; color:#052e12; font-weight:900; }

/* Hover subtile pe header */
.xservere-net .faq-card .card-header:hover{
  background: linear-gradient(90deg, rgba(79,209,255,.06), rgba(124,58,237,.10));
}

/* Mobile: 1 col */
@media (max-width: 992px){
  .xservere-net .faq-2col .row > [class^="col-"]{ margin-bottom:10px; }
}






/* WHY CHOOSE */
.xservere-net .why .section-title {
  font-weight:900;
  background: linear-gradient(90deg,#28b1ff,#2f7cff,#3e57ff,#7c3aed);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  white-space: nowrap; /* titlul nu mai sare pe 2 rânduri */
}

.xservere-net .why-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.xservere-net .why-card {
  text-align:center;
  padding:18px;
  border:1px solid rgba(172,195,255,.14);
  border-radius:12px;
  background:linear-gradient(180deg,#0d1729,#0c1526);
  transition: transform .25s ease, box-shadow .25s ease;
}
.xservere-net .why-card:hover {
  transform:translateY(-6px);
  box-shadow:0 8px 22px rgba(42,167,255,.25);
}

.xservere-net .why-card i {
  font-size:28px;
  color:#4ea8ff;
  margin-bottom:8px;
}
.xservere-net .why-card h5 {
  font-weight:800;
  margin-bottom:6px;
  color:#eaf2ff;
  font-size:16px;              /* mai mic decât default */
  white-space:nowrap;          /* forțăm pe un singur rând */
}
.xservere-net .why-card p {
  font-size:14px;
  color:#9fb7d6;
  margin:0;
}

/* Mobile: 2 col */
@media (max-width: 992px){
  .xservere-net .why-grid{ grid-template-columns:1fr 1fr; }
}
/* XS: 1 col */
@media (max-width: 576px){
  .xservere-net .why-grid{ grid-template-columns:1fr; }
}





/* ===== OS SECTION ===== */
.xservere-net .os-section{ padding: 28px 0 14px; }
.xservere-net .os-title{
  text-align:center;
  font-weight:900;
  margin: 6px 0 16px;
  /* gradient ca la titlurile cerute */
  background: linear-gradient(90deg, var(--logo1) 0%, var(--logo3) 60%, var(--logo4) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.xservere-net .os-grid{
  display:grid;
  grid-template-columns: repeat(8, minmax(0,1fr));
  gap:12px;
}

.xservere-net .os-card{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; text-align:center; text-decoration:none;
  background: #121c31;                    /* potrivit cu tema */
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px 10px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  box-shadow: 0 10px 18px rgba(0,0,0,.25);
  color: var(--text);
}
.xservere-net .os-card img{
  width:52px; height:52px; object-fit:contain; filter:none;
}
.xservere-net .os-card h6{
  margin:0; font-weight:800; font-size:14px; color:#dce7ff;
}

.xservere-net .os-card:hover{
  transform: translateY(-3px);
  border-color: rgba(79,209,255,.45);
  background: linear-gradient(180deg, rgba(83,162,255,.07), rgba(124,58,237,.07));
  box-shadow: 0 0 0 2px rgba(79,209,255,.35), 0 8px 24px rgba(79,209,255,.15);
}

/* responsive */
@media (max-width: 1200px){ .xservere-net .os-grid{ grid-template-columns: repeat(6,1fr); } }
@media (max-width: 992px) { .xservere-net .os-grid{ grid-template-columns: repeat(4,1fr); } }
@media (max-width: 640px) { .xservere-net .os-grid{ grid-template-columns: repeat(3,1fr); } }
@media (max-width: 420px) { .xservere-net .os-grid{ grid-template-columns: repeat(2,1fr); } }



.section-subtitle-gradient {
  font-weight:600;
  font-size:16px;
  background: linear-gradient(90deg, var(--logo1), var(--logo3));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}



/* Badge cu gradient brand */
.xservere-net .faq-badge.-brand {
  background: linear-gradient(90deg, var(--logo1), var(--logo3));
  color: #fff;
  font-weight: 800;
  border: none;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,.25);
}






/* --- Secțiunea DDoS (minim necesar) --- */
.xservere-net .ddos-section{ padding:32px 0 12px; }
.xservere-net .panel{
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:18px; box-shadow:0 12px 24px rgba(0,0,0,.35);
}
.xservere-net .panel-badge{
  display:inline-block; margin-bottom:12px; padding:6px 12px; border-radius:999px;
  background:linear-gradient(135deg,var(--logo1),var(--logo4)); font-weight:800; color:#fff;
  border:1px solid rgba(255,255,255,.18);
}
.xservere-net .panel-lead{ margin:6px 0 2px; color:#cfe0fb; }

/* bandă cifre/beneficii */
.xservere-net .ddos-belt{
  display:grid; grid-template-columns:repeat(4,1fr); gap:10px;
  margin:10px 0 16px;
}
.xservere-net .belt-chip{
  background:linear-gradient(180deg,#0d1729,#0c1526);
  border:1px solid var(--line); border-radius:12px;
  padding:12px 14px; text-align:center;
}
.xservere-net .belt-k{ display:block; font-weight:900; font-size:16px; color:#eaf2ff; }
.xservere-net .belt-l{ display:block; font-size:12px; color:#b7c9e9; }

/* matrice tehnică */
.xservere-net .ddos-matrix{
  display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:12px;
}
.xservere-net .mx-col{ background:#0e1729; border:1px solid var(--line); border-radius:12px; padding:12px; }
.xservere-net .ddos-h{ color:#d6e8ff; font-weight:800; margin-bottom:6px; }
.xservere-net .mx-list{ margin:6px 0 0; padding:0; list-style:none; }
.xservere-net .mx-list li{ display:flex; align-items:center; gap:8px; color:#d7e6ff; font-size:14px; margin:6px 0; }
.xservere-net .i-check,.xservere-net .i-scan,.xservere-net .i-dot{
  width:10px; height:10px; border-radius:50%;
  background:linear-gradient(135deg,var(--logo1),var(--logo4));
  box-shadow:0 0 0 1px rgba(255,255,255,.15) inset;
}
.xservere-net .i-scan{ filter:saturate(110%) brightness(1.05); }
.xservere-net .i-dot{ opacity:.7; }

/* cheat-sheet */
.xservere-net .ddos-cheats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:12px;
}
.xservere-net .cheat{
  background:linear-gradient(180deg,#0d1729,#0c1526);
  border:1px solid var(--line); border-radius:12px; padding:14px;
}
.xservere-net .cheat h4{ margin:0 0 4px; color:#eaf2ff; font-size:15px; }
.xservere-net .cheat p{ margin:0; color:#bcd2f3; font-size:13px; }

.xservere-net .mode.on{
  display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px;
  background:#10324f; color:#bfe0ff; font-weight:800; border:1px solid rgba(83,162,255,.35)
}
.xservere-net .note{ margin-top:8px; color:#cfe0fb; }

/* grafic bară + legendă brand */
.xservere-net .ddos-graph { margin: 20px auto 8px; max-width: 640px; }
.xservere-net .bar {
  display:flex; height:28px; border-radius:999px; overflow:hidden;
  background:#0d1729; border:1px solid var(--line);
}
.xservere-net .bar-attack,
.xservere-net .bar-legit{
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; color:#fff;
}
.xservere-net .bar-attack{ background:linear-gradient(90deg,#ff4d6d,#a83279); }
.xservere-net .bar-legit{  background:linear-gradient(90deg,var(--logo1),var(--logo3)); }

.xservere-net .meter-legend{
  display:flex; gap:12px; justify-content:center; margin-top:8px; flex-wrap:wrap;
}
.xservere-net .chip{
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12); color:#fff; font-size:12px; font-weight:700;
}
.xservere-net .chip-attack{ background:linear-gradient(90deg,#ff4d6d,#a83279); }
.xservere-net .chip-legit{  background:linear-gradient(90deg,var(--logo1),var(--logo3)); }

/* responsive */
@media (max-width: 1100px){
  .xservere-net .ddos-matrix{ grid-template-columns:1fr 1fr 1fr; }
}
@media (max-width: 820px){
  .xservere-net .ddos-matrix{ grid-template-columns:1fr 1fr; }
  .xservere-net .ddos-cheats{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
  .xservere-net .ddos-matrix{ grid-template-columns:1fr; }
  .xservere-net .ddos-cheats{ grid-template-columns:1fr; }
}




/* Counter DDoS */
.xservere-net .ddos-counter {
  text-align:center;
  margin: 10px auto 20px;
}
.xservere-net .ddos-counter h4 {
  font-size:18px;
  font-weight:800;
  color:#eaf2ff;
}
.xservere-net .counter { color: var(--logo1); }

/* Locații Datacenter */
.xservere-net .locations-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
}
.xservere-net .loc-card {
  background:linear-gradient(180deg,#0d1729,#0c1526);
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease;
}
.xservere-net .loc-card:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(42,167,255,.25);
}
.xservere-net .loc-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}
.xservere-net .loc-header h3 {
  font-weight:900;
  color:#eaf2ff;
  margin:0;
}
.xservere-net .loc-card p { color:#bcd2f3; margin-bottom:10px; font-size:14px; }
.xservere-net .loc-specs { list-style:none; margin:0; padding:0; }
.xservere-net .loc-specs li {
  color:#cfe0fb;
  margin:4px 0;
  font-size:14px;
  display:flex; align-items:center; gap:6px;
}
.xservere-net .loc-card .flag { width:32px; height:auto; border-radius:4px; }
.xservere-net .loc-card.soon { opacity:.7; text-align:center; }



/* Locații – fundal aliniat cu DDoS */
.xservere-net .locations {
  background: var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 12px 24px rgba(0,0,0,.35);
  padding:32px 20px;
  margin-top:20px;
}
.xservere-net .loc-intro {
  color:#cfe0fb;
  margin-bottom:20px; 
}