:root{
  --brand:#0069b4;
  --ink:#0b2239;
  --muted:#6b7a90;
  --line: rgba(0,0,0,.06);
  --shadow: 0 18px 50px rgba(0,0,0,.08);
}

body{ color:var(--ink); background:#fff; }
a{ text-decoration:none; }

/* Topbar */
.topbar{
  background: linear-gradient(90deg, #0069b4 0%, #01365c 100%);
  color:#fff;
  padding:8px 0;
  font-size:14px;
}
.topbar-item{ opacity:.95; }
.topbar-item i{ margin-right:8px; opacity:.9; }
.topbar-social{
  width:34px;height:34px;border-radius:999px;
  display:grid;place-items:center;
  color:#fff;background:rgba(255,255,255,.12);
  transition:.2s ease;
}
.topbar-social:hover{ background:rgba(255,255,255,.22); transform:translateY(-1px); }

/* Brand */
.brand{ display:flex; align-items:center; gap:12px; }
.brand-mark{ font-weight:900; letter-spacing:.2px; color:var(--brand); font-size:26px; }
.brand-line{ width:46px; height:4px; border-radius:999px; background:rgba(13,110,253,.25); }

/* Navbar */
.navbar .nav-link{
	
  font-weight:600;
padding: 20px 50px;
  border-radius: 5px;
	  color:var(--ink);
	
}
.navbar .nav-link img{
    border-radius:3px;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.navbar .nav-link:hover{ background: #E1E1E1; color:var(--ink); }
.navbar .nav-link.active{
  background: #E1E1E1;
  color: var(--brand);
}
.btn-soft{ box-shadow: 0 10px 30px rgba(13,110,253,.18); }

.dropdown-menu{
  border:0;
  box-shadow: var(--shadow);
  border-radius: 14px;
  padding:.6rem;
}
.dropdown-item{
  border-radius: 10px;
  padding:.6rem .8rem;
  font-weight:700;
}
.dropdown-item:hover{ background: rgba(13,110,253,.08); }

/* Sections */
.section-pad{ padding:64px 0; }
.section-title{ font-weight:900; letter-spacing:.2px; }
.navbar-nav{
    gap: 0 !important;
}

.navbar-nav .nav-item{
    margin: 0 !important;
}

.navbar .nav-link{
    margin: 0 !important;
}

/* ================= HERO SLIDER ================= */

.hero-slider { width: 100%; }

.hero-slide{
  min-height: 400px;
  padding: 60px 0;
  display:flex;
  align-items:center;
  position: relative;
  overflow: hidden;

  /* SLIDE fonu inline background-image ilə gəlir */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.hero-content{
  position: relative;
  z-index: 2;
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 40px;
}

.hero-left{ flex: 1.2; }
.hero-right{ flex: 0.8; text-align:right; }

.hero-left h1{
  font-size: 56px;
  line-height: 1.05;
  margin: 0 0 16px;
  font-weight: 900;
  color: #FFFFFF;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

.hero-left p{
  margin: 0 0 10px;
  font-size: 18px;
  color: #FFFFFF;
}

.hero-left .muted{ opacity: .75; }

.hero-btn{
  display:inline-block;
  margin-top: 14px;
  padding: 14px 26px;
  border-radius: 12px;
  background: var(--brand);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  transition: .2s ease;
}
.hero-btn:hover{
  background:#0b5ed7;
  transform: translateY(-2px);
}

.hero-pack{
  max-width: 520px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 25px 40px rgba(0,0,0,.22));
}

/* Responsive */
@media (max-width: 992px){
  .hero-content{ flex-direction: column; text-align:center; }
  .hero-right{ text-align:center; }
  .hero-left h1{ font-size: 40px; }
  .hero-slide{ min-height: 320px; padding: 50px 0; }
}

/* About img card */
.img-card{
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid var(--line);
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}
.img-card img{ width:100%; display:block; }

/* Category cards */
.cat-card{
  display:block;
  border-radius: 18px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#fff;
  box-shadow: 0 12px 32px rgba(0,0,0,.06);
  transition:.2s ease;
}
.cat-card:hover{ transform: translateY(-3px); box-shadow: 0 18px 44px rgba(0,0,0,.10); }
.cat-img{ height:160px; overflow:hidden; }
.cat-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.cat-title{
  padding:12px 14px;
  font-weight:900;
  color:var(--ink);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background: linear-gradient(90deg, rgba(13,110,253,.10), rgba(13,110,253,.02));
}

/* Partners */
.partners-section{
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  border-top:1px solid var(--line);
}
.partner-card{
  display:flex;
  align-items:center;
  justify-content:center;
  height:90px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition:.25s ease;
  padding:14px;
}
.partner-card img{
  max-height:45px;
  max-width:100%;
  filter: grayscale(100%);
  opacity:.85;
  transition:.25s ease;
}
.partner-card:hover{ transform: translateY(-3px); box-shadow: 0 16px 40px rgba(0,0,0,.10); }
.partner-card:hover img{ filter: grayscale(0); opacity:1; }

/* Footer */
.site-footer{
  border-top:1px solid var(--line);
  background:#fff;
}
.footer-title{ font-weight:900; margin-bottom:12px; }
.footer-list{ list-style:none; padding:0; margin:0; color:var(--muted); }
.footer-list li{ display:flex; gap:10px; align-items:flex-start; margin:8px 0; }
.footer-list i{ color:var(--brand); margin-top:4px; }

.footer-links{ list-style:none; padding:0; margin:0; }
.footer-links li{ margin:8px 0; }
.footer-links a{ color:var(--muted); font-weight:700; }
.footer-links a:hover{ color:var(--brand); }

.footer-social{ display:flex; gap:10px; }
.social-btn{
  width:44px;height:44px;border-radius:999px;
  display:grid;place-items:center;
  background: rgba(13,110,253,.10);
  color: var(--brand);
  border:1px solid rgba(13,110,253,.15);
  transition:.2s ease;
}
.social-btn:hover{ transform: translateY(-2px); background: rgba(13,110,253,.16); }

.payments{ display:flex; gap:8px; flex-wrap:wrap; }
.pay-pill{
  font-weight:900;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
}

.footer-bottom{
  background: #f7fbff;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-weight:700;
  font-size:14px;
}
.footer-bottom-links a{ color:var(--muted); }
.footer-bottom-links a:hover{ color:var(--brand); }

@media (max-width: 991px){
  .hero-title{ font-size:34px; }
  .hero-card{ padding:18px; border-radius:22px; }
  .cat-img{ height:150px; }
}