:root{--ink:#0f172a;--muted:#475569;--card:#ffffffcc;--stroke:#e2e8f0;--soft:#f8fafc}
*{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{
  background:
    radial-gradient(1100px 800px at 15% 0%, rgba(255,193,7,.22), transparent 60%),
    radial-gradient(900px 650px at 85% 15%, rgba(32,201,151,.18), transparent 55%),
    radial-gradient(800px 600px at 50% 105%, rgba(13,110,253,.10), transparent 60%),
    linear-gradient(180deg, #ffffff, #f7fbff 45%, #fffdf7);
  color: var(--ink);
}
.nav-glass{
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.navbar-light .navbar-brand,.navbar-light .nav-link{color: var(--ink) !important}
.navbar-light .nav-link{opacity:.78}
.navbar-light .nav-link:hover{opacity:1}
.navbar-light .navbar-toggler{border-color: rgba(15,23,42,.18)}
.footer-glass{background: rgba(255,255,255,.55);backdrop-filter: blur(10px);border-top:1px solid rgba(15,23,42,.08)}
.hero{
  background:
    radial-gradient(900px 600px at 20% 30%, rgba(255,193,7,.22), transparent 60%),
    radial-gradient(700px 500px at 85% 10%, rgba(32,201,151,.16), transparent 55%);
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.hero-card{
  border-radius: 20px;
  background: var(--card);
  border: 1px solid var(--stroke);
  box-shadow: 0 18px 55px rgba(2,6,23,.10);
}
.stack-card{
  border-radius: 18px;
  background: var(--card);
  border: 1px solid var(--stroke);
  box-shadow: 0 16px 45px rgba(2,6,23,.08);
}
.media-card{
  border-radius: 22px;
  overflow:hidden;
  background: var(--soft);
  border: 1px solid var(--stroke);
  box-shadow: 0 24px 70px rgba(2,6,23,.10);
}
.product-card{
  border-radius: 18px;
  background: var(--card);
  border: 1px solid var(--stroke);
  color: var(--ink);
  overflow:hidden;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.product-card:hover{
  transform: translateY(-4px);
  border-color: rgba(13,110,253,.22);
  box-shadow: 0 20px 70px rgba(2,6,23,.12);
}
.badge-glow{
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(15,23,42,.08);
}
.fw-extrabold{font-weight:800}
.badge-pill{border-radius:999px}
.line-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.btn-primary{
  background: linear-gradient(90deg, #0d6efd, #20c997);
  border: none;
}
.btn-primary:hover{filter: brightness(1.05)}
.btn-outline-light{border-color: rgba(15,23,42,.18); color: var(--ink)}
.btn-outline-light:hover{background: rgba(15,23,42,.06)}
.form-control, .form-select, textarea{
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(15,23,42,.12) !important;
  color: var(--ink) !important;
}
.form-control::placeholder{color: rgba(71,85,105,.7)}

.carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:999px}
.carousel-control-prev-icon,.carousel-control-next-icon{filter: drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.ratio-1x1 img{border-radius:0}

.object-fit-cover{object-fit:cover}

/* Каталог навигация батырмалары */
.nav-catalog-btn {
  border-radius: 999px;
  padding: 6px 16px !important;
  border: 1px solid rgba(13,110,253,.25);
  color: #0d6efd !important;
  font-weight: 600;
  transition: background .15s, color .15s;
}
.nav-catalog-btn:hover {
  background: rgba(13,110,253,.08);
  color: #0d6efd !important;
  opacity: 1 !important;
}
.nav-catalog-btn.active-catalog {
  background: linear-gradient(90deg, #0d6efd, #20c997);
  color: #fff !important;
  border-color: transparent;
}