/* ===================================================
   E-Hospital - Butun Bolmelerin CSS-i (Figma Dizayn)
   =================================================== */

.eh-section { padding: 40px 120px 100px; }
.eh-section-title {
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important; font-size: 52px !important;
  line-height: 60px !important; color: #004767 !important;
  margin: 0 0 20px 0 !important;
}
.eh-section-subtitle {
  font-family: "DM Sans", sans-serif; font-size: 16px;
  line-height: 24px; color: #6996A8; margin: 0;
}
.eh-section-caption {
  display: flex; align-items: flex-end;
  justify-content: space-between; padding-top: 20px; margin-bottom: 60px;
}
.eh-section-link {
  font-family: "DM Sans", sans-serif; font-weight: 600;
  font-size: 14px; color: #007BA8; text-decoration: underline;
  white-space: nowrap; flex-shrink: 0;
}
.eh-section-link:hover { color: #005f80; }

/* ---- KATEQORİYALAR ---- */
.eh-categories-section {
  background: linear-gradient(180deg, #F5F7FA 0%, #E9EEF3 100%);
  padding: 40px 120px 100px;
}
.eh-cat-grid { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 40px; }
.eh-cat-card {
  flex: 1 0 0; min-width: 300px; border-radius: 16px; padding: 12px 20px;
  overflow: hidden; box-shadow: 0px 8px 24px rgba(0,0,0,0.08);
  display: flex; flex-direction: column; gap: 24px; align-items: flex-end;
  opacity: 0.9; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s;
}
.eh-cat-card:hover { transform: translateY(-3px); box-shadow: 0px 12px 32px rgba(0,0,0,0.12); text-decoration: none; }
.eh-cat-card-primary { background: #0096CC; }
.eh-cat-card-default { background: rgba(248,250,252,0.5); border: 1px solid rgba(245,246,248,0.8); }
.eh-cat-number {
  font-family: "DM Sans", sans-serif; font-weight: 500;
  font-size: 80px; line-height: 24px; padding: 10px; align-self: flex-end;
}
.eh-cat-card-primary .eh-cat-number { color: #ACD7F3; }
.eh-cat-card-default .eh-cat-number { color: #ECF0F5; }
.eh-cat-body { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.eh-cat-icon-row { display: flex; gap: 12px; align-items: center; }
.eh-cat-icon-box {
  width: 64px; height: 64px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05); overflow: hidden;
}
.eh-cat-card-primary .eh-cat-icon-box { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); }
.eh-cat-card-default .eh-cat-icon-box { background: #fff; }
.eh-cat-icon-box img { width: 36px; height: 36px; object-fit: contain; }
.eh-cat-name {
  font-family: "Manrope", sans-serif; font-weight: 700;
  font-size: 24px; line-height: 32px; padding: 10px;
}
.eh-cat-card-primary .eh-cat-name { color: #fff; }
.eh-cat-card-default .eh-cat-name { color: #004767; }
.eh-cat-desc {
  font-family: "DM Sans", sans-serif; font-size: 16px;
  line-height: 24px; width: 100%; padding: 10px;
}
.eh-cat-card-primary .eh-cat-desc { color: #fff; }
.eh-cat-card-default .eh-cat-desc { color: #4B5563; }
.eh-cat-cta {
  font-family: "DM Sans", sans-serif; font-weight: 600;
  font-size: 14px; text-decoration: underline; align-self: flex-start;
}
.eh-cat-card-primary .eh-cat-cta { color: #fff; }
.eh-cat-card-default .eh-cat-cta { color: #007BA8; }
.eh-cat-grid-row2 { display: flex; flex-wrap: wrap; gap: 24px; }
.eh-cat-image-large {
  flex: 1 0 0; min-width: 300px; border-radius: 16px;
  overflow: hidden; height: 328px; box-shadow: 0px 8px 24px rgba(0,0,0,0.06);
}
.eh-cat-image-large img { width: 100%; height: 100%; object-fit: cover; }

/* ---- XİDMƏTLƏR ---- */
.eh-services-section { background: #fff; padding: 40px 120px 100px; }
.eh-services-scroll {
  display: flex; gap: 24px; overflow-x: auto; padding-bottom: 16px;
  scrollbar-width: none; -ms-overflow-style: none;
}
.eh-services-scroll::-webkit-scrollbar { display: none; }
.eh-service-card {
  position: relative; border-radius: 16px; overflow: hidden;
  flex-shrink: 0; cursor: pointer;
  box-shadow: 0px 8px 24px rgba(0,0,0,0.06); transition: transform 0.2s;
}
.eh-service-card:hover { transform: translateY(-4px); }
.eh-service-card-large  { width: 464px; height: 424px; }
.eh-service-card-medium { width: 382px; height: 342px; }
.eh-service-card-small  { width: 320px; height: 342px; }
.eh-service-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.eh-service-card-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
  padding: 20px;
}
.eh-service-card-title {
  font-family: "Manrope", sans-serif; font-weight: 700;
  font-size: 24px; line-height: 28px; color: #fff; margin: 0;
}
.eh-service-card-info {
  background: rgba(255,255,255,0.9); backdrop-filter: blur(4px);
  border-radius: 0 12px 0 0; padding: 20px 16px;
  position: absolute; bottom: 0; left: 0; width: 92%; max-width: 400px;
}
.eh-service-card-info-title {
  font-family: "Manrope", sans-serif; font-weight: 700;
  font-size: 16px; line-height: 24px; color: #004767; margin: 0 0 8px;
}
.eh-service-card-info-desc {
  font-family: "DM Sans", sans-serif; font-size: 15px;
  line-height: 22px; color: #4B5563; margin: 0 0 10px;
}
.eh-service-cta {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: "DM Sans", sans-serif; font-weight: 600;
  font-size: 14px; color: #007BA8; text-decoration: none;
}

/* ---- KLİNİKALAR ---- */
.eh-clinics-section { background: #fff; padding: 40px 120px 100px; }
.eh-clinic-grid { display: flex; flex-wrap: wrap; gap: 25px; }
.eh-clinic-card {
  flex: 1 0 0; min-width: 300px; background: #fff; border-radius: 16px;
  padding: 12px; box-shadow: 0px 8px 24px rgba(0,0,0,0.06);
  display: flex; flex-direction: column; gap: 20px;
  overflow: hidden; transition: transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
}
.eh-clinic-card:hover { transform: translateY(-3px); box-shadow: 0px 12px 32px rgba(0,0,0,0.12); text-decoration: none; }
.eh-clinic-img { width: 100%; height: 203px; border-radius: 14px; overflow: hidden; flex-shrink: 0; }
.eh-clinic-img img { width: 100%; height: 100%; object-fit: cover; }
.eh-clinic-name {
  font-family: "Manrope", sans-serif; font-weight: 700;
  font-size: 24px; line-height: 24px; color: #004767; padding: 10px 0; margin: 0;
}
.eh-clinic-details { display: flex; flex-direction: column; gap: 16px; }
.eh-clinic-detail-row {
  display: flex; align-items: flex-start; gap: 8px;
  font-family: "DM Sans", sans-serif; font-size: 16px; line-height: 24px; color: #4B5563;
}
.eh-clinic-detail-row i { font-size: 20px; color: #6996A8; flex-shrink: 0; margin-top: 2px; }
.eh-clinic-open { color: #16a34a; font-weight: 600; }
.eh-clinic-footer {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px; margin-top: auto;
}
.eh-clinic-link {
  display: flex; align-items: center; gap: 4px;
  font-family: "DM Sans", sans-serif; font-weight: 600; font-size: 14px;
  color: #007BA8; text-decoration: none;
}
.eh-clinic-link:hover { color: #005f80; }
.eh-clinic-btn {
  background: #0096CC; color: #fff; border-radius: 16px; padding: 10px 20px;
  min-height: 44px; font-family: "Inter", sans-serif; font-size: 16px;
  border: none; cursor: pointer;
  display: inline-flex; align-items: center; transition: background 0.2s; text-decoration: none;
}
.eh-clinic-btn:hover { background: #007aaa; color: #fff; text-decoration: none; }

/* ---- CTA BÖLMƏSİ ---- */
.eh-cta-section {
  position: relative;
  min-height: 380px;
  background-image: url('/img/ehospital/hero-doctor.jpg');
  background-size: cover;
  background-position: center top;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.eh-cta-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0,40,65,0.82) 0%, rgba(0,60,90,0.55) 60%, rgba(0,40,65,0.3) 100%);
}
.eh-cta-content {
  position: relative; z-index: 2;
  max-width: 620px;
  padding: 80px 120px;
}
.eh-cta-label {
  font-family: "Inter", sans-serif; font-weight: 600;
  font-size: 14px; letter-spacing: 2px;
  color: rgba(203,213,245,0.85); display: block; margin-bottom: 20px;
}
.eh-cta-title {
  font-family: "Manrope", sans-serif; font-weight: 700;
  font-size: 40px; line-height: 50px;
  color: #ffffff; margin: 0 0 20px;
}
.eh-cta-desc {
  font-family: "Inter", sans-serif; font-size: 16px; line-height: 26px;
  color: rgba(255,255,255,0.85); margin: 0 0 36px;
}
.eh-cta-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #0096CC; color: #fff;
  font-family: "DM Sans", sans-serif; font-weight: 600; font-size: 16px;
  padding: 12px 28px; border-radius: 16px;
  text-decoration: none; transition: background 0.2s;
}
.eh-cta-btn:hover { background: #007aaa; color: #fff; text-decoration: none; }
.eh-cta-btn i { font-size: 18px; }

/* ---- HƏKIMLƏR (split layout) ---- */
.eh-doctors-section {
  background: #fff;
  padding: 40px 120px 100px;
}
.eh-doctors-inner {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
.eh-doctors-left {
  flex: 0 0 360px;
}
.eh-doctors-title {
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important;
  font-size: 48px !important;
  line-height: 56px !important;
  color: #004767 !important;
  margin: 0 0 24px !important;
}
.eh-doctors-subtitle {
  font-family: "DM Sans", sans-serif;
  font-size: 16px; line-height: 24px;
  color: #6996A8; margin: 0 0 48px;
}
.eh-doctors-nav {
  display: flex; gap: 16px;
}
.eh-doctors-prev,
.eh-doctors-next {
  width: 52px; height: 52px; border-radius: 50%;
  background: #004767; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 20px;
  transition: background 0.2s; flex-shrink: 0;
}
.eh-doctors-prev:hover,
.eh-doctors-next:hover { background: #0096CC; }
.eh-doctors-right {
  flex: 1; overflow: hidden;
}
.eh-doctors-track {
  display: flex; gap: 24px;
  transition: transform 0.4s ease;
  will-change: transform;
}
/* Həkim kartları — tall format */
.eh-doctor-card {
  flex: 0 0 calc(50% - 12px);
  min-width: 240px;
  background: #fff; border-radius: 16px; overflow: hidden;
  box-shadow: 0px 8px 24px rgba(0,0,0,0.06);
  transition: transform 0.2s, box-shadow 0.2s; text-decoration: none;
}
.eh-doctor-card:hover { transform: translateY(-3px); box-shadow: 0px 12px 32px rgba(0,0,0,0.12); text-decoration: none; }
.eh-doctor-img { width: 100%; height: 340px; overflow: hidden; }
.eh-doctor-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.eh-doctor-body { padding: 16px 20px 20px; }
.eh-doctor-name {
  font-family: "Manrope", sans-serif; font-weight: 700;
  font-size: 17px; line-height: 24px; color: #007BA8; margin: 0 0 4px;
}
.eh-doctor-spec {
  font-family: "DM Sans", sans-serif; font-size: 14px;
  color: #6996A8; margin: 0 0 10px;
}
.eh-doctor-rating {
  display: flex; align-items: center; gap: 6px;
  font-family: "DM Sans", sans-serif; font-size: 14px; color: #4B5563;
}
.eh-doctor-rating .star { color: #F59E0B; }
.eh-doctor-rating-count { color: #6996A8; }

/* ---- FAQ ---- */
.eh-faq-section { background: #fff; padding: 40px 120px 100px; }
.eh-faq-inner { display: flex; gap: 80px; align-items: flex-start; }
.eh-faq-left { flex: 0 0 55%; }
.eh-faq-title {
  font-family: "Manrope", sans-serif; font-weight: 600;
  font-size: 52px; line-height: 60px; color: #004767; margin: 0 0 60px;
}
.eh-faq-right { flex: 1; border-radius: 16px; overflow: hidden; height: 440px; }
.eh-faq-right img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; }
.eh-faq-item { border-bottom: 1px solid #E9EEF5; padding: 16px 0; }
.eh-faq-question {
  display: flex; align-items: center; justify-content: space-between;
  cursor: pointer; font-family: "DM Sans", sans-serif; font-weight: 600;
  font-size: 16px; color: #004767; background: none; border: none;
  width: 100%; text-align: left; padding: 4px 0; gap: 16px;
}
.eh-faq-question i { color: #0096CC; font-size: 20px; flex-shrink: 0; transition: transform 0.2s; }
.eh-faq-question.eh-open i { transform: rotate(180deg); }
.eh-faq-answer {
  font-family: "DM Sans", sans-serif; font-size: 16px;
  line-height: 24px; color: #4B5563; margin-top: 12px; display: none;
}
.eh-faq-answer.eh-show { display: block; }

/* ---- FOOTER (qara tema) ---- */
.eh-footer {
  background: #0d0d0d;
  padding: 48px 120px 0;
  border-top: none;
}
.eh-footer-logo { height: 55px; margin-bottom: 40px; display: block; }
.eh-footer-logo img { height: 100%; width: auto; filter: brightness(0) invert(1); }
.eh-footer-divider { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 0 0 44px; }
.eh-footer-links-grid { display: flex; gap: 40px; margin-bottom: 44px; }
.eh-footer-col { flex: 1; }
.eh-footer-col-wide { flex: 2; }
.eh-footer-col-title {
  font-family: "DM Sans", sans-serif; font-weight: 600;
  font-size: 15px; color: #ffffff; margin: 0 0 24px;
}
.eh-footer-links { display: flex; gap: 24px; flex-wrap: wrap; }
.eh-footer-link-group { display: flex; flex-direction: column; gap: 18px; }
.eh-footer-link {
  font-family: "DM Sans", sans-serif; font-size: 14px;
  line-height: 24px; color: rgba(255,255,255,0.5); text-decoration: none; white-space: nowrap;
}
.eh-footer-link:hover { color: #0096CC; }
.eh-footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  padding: 24px 0; border-top: 1px solid rgba(255,255,255,0.08);
}
.eh-footer-info { display: flex; align-items: center; gap: 40px; }
.eh-footer-contact {
  display: flex; align-items: center; gap: 8px;
  font-family: "DM Sans", sans-serif; font-size: 14px;
  color: rgba(255,255,255,0.5);
}
.eh-footer-contact i { font-size: 18px; }
.eh-footer-copy {
  font-family: "DM Sans", sans-serif; font-size: 13px;
  color: rgba(255,255,255,0.35);
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1400px) {
  .eh-section, .eh-categories-section, .eh-services-section,
  .eh-clinics-section, .eh-doctors-section, .eh-faq-section,
  .eh-footer { padding-left: 60px; padding-right: 60px; }
  .eh-cta-content { padding: 60px 60px; }
}
@media (max-width: 1100px) {
  .eh-doctors-left { flex: 0 0 280px; }
  .eh-doctors-title { font-size: 36px !important; line-height: 44px !important; }
  .eh-doctors-inner { gap: 40px; }
  .eh-doctor-card { flex: 0 0 calc(50% - 12px); }
}
@media (max-width: 992px) {
  .eh-section, .eh-categories-section, .eh-services-section,
  .eh-clinics-section, .eh-doctors-section, .eh-faq-section,
  .eh-footer { padding-left: 30px; padding-right: 30px; }
  .eh-section-title, .eh-faq-title { font-size: 36px !important; line-height: 44px !important; }
  .eh-doctors-inner { flex-direction: column; gap: 40px; }
  .eh-doctors-left { flex: none; width: 100%; }
  .eh-doctors-title { font-size: 32px !important; line-height: 40px !important; }
  .eh-doctor-card { flex: 0 0 calc(50% - 12px); min-width: 220px; }
  .eh-doctor-img { height: 260px; }
  .eh-faq-inner { flex-direction: column; }
  .eh-faq-left { flex: none; width: 100%; }
  .eh-faq-right { width: 100%; height: 260px; }
  .eh-footer-links-grid { flex-wrap: wrap; gap: 24px; }
  .eh-footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
  .eh-cta-content { padding: 60px 30px; }
  .eh-cta-title { font-size: 30px; line-height: 38px; }
}
@media (max-width: 768px) {
  .eh-section, .eh-categories-section, .eh-services-section,
  .eh-clinics-section, .eh-doctors-section, .eh-faq-section,
  .eh-footer { padding-left: 20px; padding-right: 20px; }
  .eh-section-caption { flex-direction: column; align-items: flex-start; gap: 12px; }
  .eh-doctor-card { flex: 0 0 calc(100% - 0px); }
  .eh-cta-content { padding: 40px 20px; }
}