/* ======= AlKaukab Premium Theme (v2.4) ======= */
:root{
  --header-h:72px;
  --brand:#0d6efd;
  --brand-2:#0046c7;
  --brand-3:#012a7c;
  --ink:#0f172a;
  --muted:#64748b;
  --radius:20px;
  --shadow-sm:0 .45rem 1.25rem rgba(10,37,64,.10);
  --shadow-lg:0 1.6rem 3rem rgba(6,22,45,.16);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:#f4f7fb;
  padding-top:var(--header-h);
}
a{text-decoration:none}

/* NAVBAR */
.navbar{
  --bs-navbar-padding-y:.55rem;
  background:
    radial-gradient(1200px 500px at 12% -80%, rgba(255,255,255,.18), transparent 60%),
    linear-gradient(135deg,var(--brand),var(--brand-2) 45%,var(--brand-3));
  border-bottom:1px solid rgba(255,255,255,.22);
}
.navbar .navbar-brand{
  font-weight:800; letter-spacing:.25px; color:#fff !important;
  display:flex; align-items:center; gap:.6rem;
}
.navbar .navbar-brand img{height:42px; width:auto; display:block}
.navbar .nav-link{
  color:#eaf1ff !important; opacity:.9; text-transform:uppercase; letter-spacing:.35px;
  padding:.45rem .75rem;
}
.navbar .nav-link.active,.navbar .nav-link:hover{opacity:1}
.navbar .btn{
  border-radius:999px; padding:.42rem .9rem; font-weight:700;
  background:#fff; color:var(--brand-3); border:0;
}

/* HERO */
.hero{position:relative; margin-top:calc(var(--header-h) * -1)}
.carousel{isolation:isolate}
.carousel-item{
  height:min(82vh,820px);
  position:relative;
  background-color:#001428; /* fallback */
  overflow:hidden;
}
/* actual image layer (bullet-proof vs CSS var issues) */
.hero-bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover;
  filter:brightness(1) contrast(1.08) saturate(1.12);
  z-index:0;
}
.hero-overlay{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(3,7,18,.10) 0%, rgba(3,7,18,.26) 35%, rgba(3,7,18,.52) 100%);
}
.hero-caption{max-width:820px; animation:rise .7s ease both; position:relative; z-index:2}
.hero-caption .display-5,.hero-caption .display-6{line-height:1.06; margin-bottom:.75rem}
.badge-soft{
  display:inline-block; font-size:.75rem; padding:.3rem .55rem; border-radius:999px;
  color:#fff; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35);
  margin-bottom:.65rem;
}
.fw-800{font-weight:800}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.carousel-indicators{justify-content:center; gap:.35rem; margin-bottom:1.4rem}
.carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);border:0}
.carousel-indicators .active{background:#fff; transform:scale(1.15)}

.carousel-control-prev, .carousel-control-next{width:5.5rem}
.carousel-control-prev-icon, .carousel-control-next-icon{
  background-size:60% 60%;
  padding:18px; border-radius:999px;
  background-color:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 .6rem 1.4rem rgba(0,0,0,.25);
}

/* TILES */
.tile,.product{
  border:0; overflow:hidden; border-radius:var(--radius); background:#fff;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  box-shadow:var(--shadow-sm);
  display:flex; flex-direction:column;
}
.tile:hover,.product:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg); filter:saturate(1.03)}
.card-body{padding:.95rem 1.05rem}
.img-cover{object-fit:cover; width:100%; height:220px}
.product .card-img-top{width:100%; height:220px; object-fit:cover}

/* FEATURE IMAGES */
.feature-img{border-radius:var(--radius); object-fit:cover; width:100%; aspect-ratio: 16/9}

/* SECTION HEADER */
.page-header{
  padding:3.0rem 0;
  background:
    radial-gradient(1200px 500px at 20% -40%, rgba(13,110,253,.11), transparent 60%),
    linear-gradient(180deg, #fff, #f6f9ff);
  border-bottom:1px solid rgba(2,6,23,.06);
}
.page-header h1{font-weight:800}

/* CONTENT */
.content-lg p{font-size:1.08rem; line-height:1.85}

/* FOOTER */
.footer{
  color:#dbe7ff;
  background:
    radial-gradient(1200px 500px at 20% -120%, rgba(59,130,246,.18), transparent 60%),
    linear-gradient(180deg,#0b1b3a,#041227 70%);
  padding-top:3.2rem;
}
.footer a{color:#e5ecff}
.footer a:hover{color:#fff}
.footer h4{font-weight:800}
.footer .bottom-line{border-top:1px solid rgba(255,255,255,.08)}

/* GRID */
.equal-cols .col > *{height:100%}

/* HELPERS */
.py-6{padding-block:4.5rem}

/* RESPONSIVE */
@media (max-width: 991.98px){
  :root{ --header-h:64px }
  body{padding-top:var(--header-h)}
  .hero{margin-top:calc(var(--header-h) * -1)}
  .carousel-item{height:70vh}
  .img-cover,.product .card-img-top{height:200px}
  .navbar .navbar-brand img{height:36px}
}
@media (max-width: 575.98px){
  .carousel-item{height:62vh}
  .img-cover,.product .card-img-top{height:168px}
  .navbar .navbar-brand img{height:34px}
}