/* ============ RESET ============ */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#fff;color:#1a1a1a;line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* ============ TOPBAR ============ */
.topbar{background:#fdf2f2;border-bottom:1px solid #f0d8d8;padding:0.4rem 2rem;font-size:12px}
.topbar-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.topbar-slogan{color:#7b1f1f}
.topbar-social{display:flex;gap:14px}
.topbar-social a{color:#c0392b;font-size:14px}

/* ============ NAVIGATION (STICKY) ============ */
.nav{padding:0.7rem 2rem;border-bottom:1px solid #eee;max-width:1400px;margin:0 auto;position:sticky;top:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);z-index:100;box-shadow:0 1px 0 rgba(0,0,0,0.04)}
.nav-row1{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
.logo-real{height:56px;width:auto}
.logo-slogan{font-size:12.5px;color:#777;font-weight:600;max-width:180px;line-height:1.4;border-left:2px solid #eee;padding-left:14px}
.nav-search{flex:1;min-width:260px;max-width:520px;display:flex;align-items:center;gap:10px;background:#f7f2f2;border:1px solid #f0d8d8;border-radius:34px;padding:9px 10px 9px 20px}
.nav-search-icon{color:#c0392b;font-size:24px;flex-shrink:0;animation:heartbeat 1.6s ease-in-out infinite}
.nav-search-input{border:none;outline:none;background:transparent;flex:1;font-size:14.5px;min-width:0}
.nav-search-input::placeholder{color:#a88}
.nav-search-btn{background:linear-gradient(135deg,#c0392b,#96281b);color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:16px}
.nav-search-btn:hover{opacity:0.9}
.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer}
.nav-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:0.6rem;padding-top:0.6rem;border-top:1px solid #f2f2f2}
.nav-links a{font-size:14px;color:#333;font-weight:600}
.nav-links a:hover{color:#c0392b}
.nav-right{display:flex;gap:8px;align-items:center;margin-left:auto}
.lang-btn{font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid #ddd;background:none;color:#666;cursor:pointer}
.lang-btn.active{background:#fdecea;color:#c0392b;border-color:#f5c6c6}
.login-btn{font-size:13px;padding:6px 14px;border-radius:6px;background:#c0392b;color:#fff;display:flex;align-items:center;gap:5px;margin-left:6px}

@keyframes heartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}

/* ============ HERO DUAL (İKİ CAROUSEL) ============ */
.hero-dual{display:grid;grid-template-columns:2fr 1fr;gap:14px;padding:14px;max-width:1400px;margin:0 auto}
.hero-main{position:relative;height:440px;overflow:hidden;border-radius:16px}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity 0.6s ease;padding:0 3.5rem}
.hero-slide.active{opacity:1}
.hero-slide-content{max-width:580px;color:#fff}
.hero-badge{background:rgba(255,255,255,0.2);font-size:12px;padding:5px 14px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-weight:600}
.hero-slide-content h1{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:10px}
.hero-slide-content p{font-size:15px;opacity:0.9;margin-bottom:22px}
.btn-white{background:#fff;color:#c0392b;padding:11px 24px;border-radius:8px;font-size:14px;font-weight:700;display:inline-block}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,0.25);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.hero-arrow-left{left:20px}
.hero-arrow-right{right:20px}
.hero-arrow:hover{background:rgba(255,255,255,0.45)}
.hero-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.hero-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer}
.hero-dots .dot.active{background:#fff;width:22px;border-radius:4px}
.side-arrow-left,.side-arrow-right{width:32px;height:32px;font-size:16px}
.side-arrow-left{left:12px}
.side-arrow-right{right:12px}

.hero-side{position:relative;height:440px;border-radius:16px;overflow:hidden}
.hero-side-slider{position:relative;height:100%}
.side-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.6s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#fff}
.side-slide.active{opacity:1}
.side-icon{position:absolute;top:24px;right:24px;font-size:48px;color:rgba(255,255,255,0.15)}
.side-tag{font-size:10px;background:rgba(231,76,60,0.9);padding:3px 10px;border-radius:20px;display:inline-block;width:fit-content;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px}
.side-title{font-size:16px;font-weight:700;line-height:1.45}
.side-dots{bottom:14px;left:24px;transform:none}

/* ============ SECTIONS ============ */
.section{padding:2.5rem 2rem;max-width:1200px;margin:0 auto}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;flex-wrap:wrap;gap:8px}
.section-title{font-size:26px;font-weight:800;color:#1a1a1a;display:flex;align-items:center;gap:10px}
.section-title::before{content:'';width:5px;height:26px;background:linear-gradient(180deg,#c0392b,#e74c3c);border-radius:3px;display:inline-block}
.section-sub{font-size:13px;color:#888;margin-top:4px}
.see-all{font-size:13px;color:#c0392b;font-weight:700;display:flex;align-items:center;gap:4px}
.divider{border:none;border-top:1px solid #eee;max-width:1200px;margin:0 auto}

/* ============ QUICKLINKS ============ */
.score-region{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#fdecea,#fbe0de);border:2px solid #e74c3c;border-radius:14px;padding:1rem 1.25rem;margin-bottom:1.25rem}
.score-section-sub{font-size:15.5px!important;color:#1a1a1a!important;font-weight:600!important;margin-top:6px!important}
.score-region-icon{font-size:34px;color:#e74c3c;flex-shrink:0}
.score-region-title{font-size:16px;font-weight:800;color:#c0392b;margin-bottom:4px;letter-spacing:0.2px}
.score-region-sub{font-size:13px;color:#96281b;line-height:1.5;font-weight:500}
.score-tabs{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}
.score-tab{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:800;color:#666;cursor:pointer}
.score-tab span{font-weight:600;color:#999;font-size:12px}
.score-tab.active{background:#fdecea;border-color:#f5c6c6;color:#c0392b}
.score-tab:disabled{opacity:0.5;cursor:not-allowed}
.score-card{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;background:#fafafa;border:1px solid #eee;border-radius:16px;padding:1.5rem}
.score-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.score-field{display:flex;flex-direction:column}
.score-field label{font-size:13.5px;color:#333;font-weight:700;margin-bottom:6px}
.score-hint{color:#aaa;font-weight:600;font-size:11px}
.score-field input{padding:11px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-weight:600;outline:none}
.score-field input:focus{border-color:#c0392b}
.score-toggle{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden}
.score-toggle button{flex:1;background:#fff;border:none;padding:10px 6px;font-size:13.5px;font-weight:600;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;gap:4px}
.score-toggle button.active{background:#c0392b;color:#fff}
.score-btn{grid-column:1/-1;background:linear-gradient(135deg,#c0392b,#96281b);color:#fff;border:none;padding:13px;border-radius:9px;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}
.score-result{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.score-result-label{font-size:13px;color:#666;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}
.score-gauge{display:flex;align-items:baseline;gap:2px}
.score-value{font-size:56px;font-weight:800;color:#c0392b;line-height:1}
.score-percent{font-size:24px;font-weight:800;color:#c0392b}
.score-category{font-size:16px;font-weight:800;margin-top:6px;margin-bottom:16px;padding:5px 16px;border-radius:20px;background:#fdecea;color:#c0392b}
.score-bar-wrap{width:100%;position:relative;margin-bottom:6px}
.score-bar{height:10px;border-radius:5px;background:linear-gradient(90deg,#27ae60 0%,#27ae60 33%,#f39c12 33%,#f39c12 66%,#e74c3c 66%,#e74c3c 100%)}
.score-bar-marker{position:absolute;top:-4px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #1a1a1a;transform:translateX(-50%);left:50%;transition:left 0.5s ease}
.score-scale-labels{display:flex;justify-content:space-between;width:100%;font-size:11px;font-weight:600;color:#999}
.score-nonhdl{font-size:13px;color:#666;font-weight:500;margin-top:14px;padding-top:12px;border-top:1px solid #f0f0f0;width:100%}
@media (max-width:760px){.score-card{grid-template-columns:1fr}.score-region{flex-direction:column;text-align:center}}

/* ============ KARDIOLOGIYADA YENILIKLER ============ */
.revolve-stage{position:relative;perspective:1600px}
.revolve-door{display:grid;grid-template-columns:180px 1fr 150px;gap:0;background:#fafafa;border:1px solid #eee;border-radius:14px;overflow:hidden;min-height:230px;transform-style:preserve-3d;transition:transform 0.4s ease,opacity 0.4s ease}
.revolve-photo-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;background:#fff;border-right:1px solid #eee;text-align:center;overflow:hidden}
.revolve-photo{width:100%;height:150px;border-radius:0;object-fit:cover;margin-bottom:0;border:none}
.revolve-doc-name{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.35;margin-top:10px;padding:0 0.75rem}
.revolve-doc-role{font-size:12px;color:#888;margin-top:3px;line-height:1.4;padding:0 0.75rem 1rem}
.revolve-mid-col{display:flex;align-items:center;padding:1.5rem}
.revolve-title{font-size:16.5px;font-weight:600;color:#1a1a1a;line-height:1.6}
.revolve-journal{width:100%;height:100%;object-fit:cover}
.revolve-arrow{position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px rgba(0,0,0,0.1)}
.revolve-arrow-left{left:-18px}
.revolve-arrow-right{right:-18px}
@media (max-width:700px){.revolve-door{grid-template-columns:1fr}.revolve-journal{height:140px}.revolve-arrow-left{left:0}.revolve-arrow-right{right:0}}

/* ============ XƏBƏRLƏR CAROUSEL ============ */
.news-carousel-wrap{display:flex;align-items:center;gap:10px}
.carousel-arrow{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08);font-size:16px}
.carousel-arrow:hover{background:#fdecea;color:#c0392b}
.news-track{display:flex;gap:14px;overflow-x:auto;flex:1;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.news-track::-webkit-scrollbar{display:none}
.news-card{min-width:240px;background:#fafafa;border:1px solid #eee;border-radius:12px;overflow:hidden;cursor:pointer}
.news-img{height:130px;background:#e8f4fd;display:flex;align-items:center;justify-content:center}
.news-body{padding:0.9rem}
.news-tag{font-size:11.5px;color:#c0392b;background:#fdecea;padding:3px 8px;border-radius:4px;display:inline-block;margin-bottom:7px;font-weight:600}
.news-title{font-size:14.5px;font-weight:700;color:#1a1a1a;line-height:1.45}
.dots{display:flex;justify-content:center;gap:6px;margin-top:16px}
.dot{width:6px;height:6px;border-radius:50%;background:#ddd;cursor:pointer}
.dot.active{background:#c0392b;width:18px;border-radius:3px}

/* ============ TƏDBİRLƏR TIMELINE ============ */
.events-timeline{display:flex;flex-direction:column}
.event-item{display:flex;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid #eee;cursor:pointer;align-items:center;transition:background 0.2s}
.event-item:hover{background:#fafafa}
.event-item:first-child{padding-top:0}
.timeline-marker{width:64px;flex-shrink:0}
.event-date-circle{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#c0392b,#96281b);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.event-day{font-size:19px;font-weight:700;line-height:1}
.event-month{font-size:9.5px;text-transform:uppercase;margin-top:1px}
.event-content{flex:1;min-width:0;padding-right:1rem}
.event-status{font-size:11.5px;font-weight:700;color:#27ae60;text-transform:uppercase;letter-spacing:0.3px;margin-bottom:5px;display:flex;align-items:center;gap:5px}
.event-status .pulse-dot{width:7px;height:7px;border-radius:50%;background:#27ae60;display:inline-block;animation:pulseDot 1.4s ease-in-out infinite}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(39,174,96,0.5)}50%{box-shadow:0 0 0 5px rgba(39,174,96,0)}}
.event-name{font-size:17.5px;font-weight:700;color:#1a1a1a;margin-bottom:6px}
.event-desc{font-size:14px;color:#777;line-height:1.65;margin-bottom:8px;max-width:720px}
.event-meta{font-size:13.5px;color:#888;display:flex;gap:18px;flex-wrap:wrap}
.event-meta span{display:flex;align-items:center;gap:5px}
.event-arrow{color:#bbb;font-size:18px;flex-shrink:0}

/* ============ PARTNERS MARQUEE ============ */
.marquee-wrap{overflow:hidden;position:relative;padding:1.5rem 0;background:#fafafa;border-radius:14px}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,#fafafa,transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(270deg,#fafafa,transparent)}
.marquee-track{display:flex;gap:16px;width:max-content;animation:scroll 22s linear infinite}
.marquee-track:hover{animation-play-state:paused}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.partner-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee;border-radius:12px;padding:0.9rem 1.4rem;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.partner-card i{font-size:22px;color:#c0392b}
.partner-card span{font-size:13px;color:#444;font-weight:700}

/* ============ CTA ============ */
.cta{background:linear-gradient(135deg,#fdecea,#fbe0de);text-align:center;padding:3.5rem 2rem;margin:1rem 2rem;border-radius:20px;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(192,57,43,0.12),transparent 70%);border-radius:50%}
.cta::after{content:'';position:absolute;bottom:-50px;left:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(192,57,43,0.10),transparent 70%);border-radius:50%}
.cta-icon{font-size:36px;color:#c0392b;margin-bottom:10px;display:inline-block;animation:heartbeat 1.6s ease-in-out infinite}
.cta-title{font-size:26px;font-weight:800;color:#c0392b;margin-bottom:8px;position:relative}
.cta-desc{font-size:14px;color:#96281b;margin-bottom:1.5rem;position:relative}
.btn-cta{background:linear-gradient(135deg,#c0392b,#96281b);color:#fff;padding:12px 30px;border-radius:10px;font-size:14px;font-weight:700;display:inline-block;position:relative;box-shadow:0 8px 20px rgba(192,57,43,0.25)}

/* ============ FOOTER ============ */
.footer{background:#1a1a1a;color:#ccc;padding:3rem 2rem 1.5rem}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.footer-logo{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}
.footer-text{font-size:13px;color:#999;line-height:1.6}
.footer-heading{font-size:13px;font-weight:600;color:#fff;margin-bottom:12px}
.footer-col a{display:block;font-size:13px;color:#999;margin-bottom:8px}
.footer-col a:hover{color:#fff}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid #333;padding-top:1.25rem;font-size:12px;color:#777;text-align:center}

/* ============ RESPONSIVE ============ */
@media (max-width: 900px){
  .menu-toggle{display:block}
  .logo-slogan{display:none}
  .logo-real{height:46px}
  .nav-search{order:3;max-width:100%;width:100%;margin-top:8px}
  .nav-right{margin-left:0}
  .nav-links{display:none;width:100%;flex-direction:column;gap:0;margin-top:1rem}
  .nav-links.open{display:flex}
  .nav-links a{padding:10px 0;border-bottom:1px solid #eee}
  .quicklinks{grid-template-columns:repeat(2,1fr)}
  .news-magazine{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .hero-dual{grid-template-columns:1fr}
  .hero-main{height:320px}
  .hero-side{height:220px}
  .hero-slide-content h1{font-size:22px}
  .section-title{font-size:21px}
  .event-desc{display:none}
}
/* ============ GENİŞLİK DÜZƏLİŞLƏRİ ============ */

/* Nav tam eni tutur, içindəki row1 və links mərkəzləşir */
.nav {
  max-width: 100% !important;
  padding: 0.7rem 2rem !important;
}

.nav-row1 {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.nav-links {
  max-width: 1200px !important;
  margin: 0.6rem auto 0 auto !important;
  padding-top: 0.6rem !important;
  border-top: 1px solid #f2f2f2 !important;
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  position: relative !important;
}

/* Topbar mərkəzləşdirmə */
.topbar-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Hero dual mərkəzləşdirmə */
.hero-dual {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 14px 2rem !important;
}

/* Section mərkəzləşdirmə */
.section {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Footer mərkəzləşdirmə */
.footer-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* ============ DROPDOWN DÜZƏLİŞLƏRİ ============ */

.nav-item-dropdown {
  position: relative !important;
  display: inline-block !important;
}

.nav-dropdown-menu {
  display: none;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  padding: 10px !important;
  min-width: 320px !important;
  max-width: 500px !important;
  z-index: 9999 !important;
  flex-direction: column !important;
}

.nav-item-dropdown:hover .nav-dropdown-menu {
  display: flex !important;
}

.nav-dropdown-menu a {
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: #333 !important;
  border-radius: 6px !important;
  white-space: normal !important;
  line-height: 1.4 !important;
}

.nav-dropdown-menu a:hover {
  background: #fdecea !important;
  color: #c0392b !important;
}

.nav-dropdown-toggle {
  font-size: 14px !important;
  color: #333 !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
}

/* ============ HERO SLAYD DÜZƏLİŞLƏRİ ============ */

.hero-slide {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.6s ease, visibility 0.6s ease !important;
  padding: 0 3.5rem !important;
  background-size: cover !important;
  background-position: center !important;
}

.hero-slide.active {
  opacity: 1 !important;
  visibility: visible !important;
}

.side-slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.6s ease, visibility 0.6s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 1.5rem !important;
  color: #fff !important;
  background-size: cover !important;
  background-position: center !important;
}

.side-slide.active {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ============ ŞRİFT VAHİDLİYİ ============ */

body, button, input, select, textarea,
.nav-links a, .nav-dropdown-toggle,
.hero-slide-content h1, .section-title {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}