/* frontend/vps.blade.php-dən köçürülüb */
.az-why-card { background:var(--gray-50); border:1px solid var(--gray-200); border-radius:var(--radius-lg); transition:var(--transition); }
.az-why-card:hover { border-color:var(--blue-mid); transform:translateY(-4px); }
/* VPS tabs */
.az-vps-tabs {
  display: flex; justify-content: center; gap: 8px;
  background: #fff; border: 1px solid var(--gray-200);
  border-radius: 50px; padding: 6px;
  width: fit-content; margin: 0 auto;
  box-shadow: var(--shadow-sm);
}
.az-vps-tab {
  background: transparent; border: none; border-radius: 50px;
  padding: 10px 28px; font-size: .95rem; font-weight: 600;
  color: var(--gray-600); cursor: pointer; transition: all .25s;
  display: flex; align-items: center;
}
.az-vps-tab:hover { color: var(--blue); background: var(--blue-pale); }
.az-vps-tab.active { background: var(--blue); color: #fff; box-shadow: 0 4px 12px rgba(21,101,192,.3); }
.az-vps-content { display: none; }
.az-vps-content.active { display: block; }
/* Benefit cards */
.az-vps-benefit-card {
  background: #fff; border: 1px solid var(--gray-200);
  border-radius: var(--radius-xl); padding: 28px 24px;
  height: 100%; transition: all .25s;
}
.az-vps-benefit-card:hover { border-color: var(--blue-mid); transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.az-vps-benefit-icon {
  width: 52px; height: 52px; border-radius: var(--radius-lg);
  background: var(--blue-pale); color: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; margin-bottom: 16px;
}
.az-vps-benefit-card h5 { font-size: .95rem; font-weight: 700; color: var(--gray-800); margin-bottom: 8px; }
.az-vps-benefit-card p { font-size: .85rem; color: var(--gray-600); margin: 0; line-height: 1.6; }
/* Linux / Windows qrupları */
.az-vps-group-head{display:flex;align-items:center;gap:14px;margin:8px 0 22px;padding-bottom:14px;border-bottom:2px solid var(--gray-100);}
.az-vps-group-head h3{margin:0;font-size:1.35rem;font-weight:800;color:var(--gray-800);}
.az-vps-group-head p{margin:2px 0 0;font-size:.88rem;color:var(--gray-600);}
.az-vps-group-ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;flex-shrink:0;}
.az-vps-group-linux{background:linear-gradient(135deg,#1f2937,#374151);}
.az-vps-group-windows{background:linear-gradient(135deg,#0078d4,#00a4ef);}
/* OS chips */
.az-vps-os-section { background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: var(--radius-xl); padding: 36px 32px; }
.az-vps-os-grid { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.az-vps-os-chip {
  background: #fff; border: 1px solid var(--gray-200);
  border-radius: 50px; padding: 8px 20px;
  font-size: .88rem; font-weight: 600; color: var(--gray-700);
  transition: all .2s; display: flex; align-items: center;
}
.az-vps-os-chip:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-pale); }
/* Feature rows */
.az-vps-feature-row {
  display: flex; align-items: flex-start; gap: 14px;
  background: #fff; border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg); padding: 16px 18px;
  transition: all .2s; height: 100%;
}
.az-vps-feature-row:hover { border-color: var(--blue-mid); background: var(--blue-pale); }
.az-vps-feature-icon {
  width: 38px; height: 38px; border-radius: var(--radius);
  background: var(--blue-pale); color: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; flex-shrink: 0;
}
.fw-700 { font-weight: 700; }