:root{--primary:#0d6efd;--dark:#111827}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;background:#f8fafc}
.navbar-brand{font-weight:700;letter-spacing:.2px}
.hero-slide{height:420px;object-fit:cover;border-radius:1rem}
.category-card img{height:120px;object-fit:cover;border-radius:.75rem}
.product-card img{height:220px;object-fit:cover;border-radius:.75rem}
.badge-sale{position:absolute;top:10px;left:10px}
footer{background:#0b1220;color:#e5e7eb}
footer a{color:#e5e7eb;text-decoration:none}
@media(max-width:576px){.hero-slide{height:260px}.product-card img{height:180px}}

/* Slider caption okunabilirlik + responsive */
.carousel-caption {
  text-align: left;           /* text-start ile uyumlu */
}

/* Arka planlı küçük panel */
.carousel-caption .cap-box {
  display: inline-flex;
  flex-direction: column;
  gap: .5rem;
  background: rgba(11,18,32,.55);  /* yarı saydam koyu */
  border-radius: 12px;
  padding: 1rem 1.25rem;
  max-width: min(90%, 640px);
  color: #fff;
  backdrop-filter: blur(2px);       /* destek varsa hafif blur */
}

/* Başlık ve alt metin boyutları (masaüstü) */
.carousel-caption .cap-box h2 {
  margin: 0;
  font-size: clamp(1.4rem, 2.4vw + .4rem, 2.25rem);
  line-height: 1.15;
}
.carousel-caption .cap-box p {
  margin: 0;
  font-size: clamp(.95rem, 1.2vw + .35rem, 1.125rem);
  line-height: 1.35;
}

/* Slider butonu: btn-lg görünümünü daha kompakt yap */
.carousel-caption .cap-box .btn-lg {
  padding: .55rem 1.05rem;
  font-size: 1rem;
  border-radius: .6rem;
}

/* Mobil uyarlamalar */
@media (max-width: 576px) {
  /* Bootstrap default: left/right 15% → biraz daraltalım */
  .carousel-caption { left: 5%; right: 5%; bottom: .6rem; }

  .carousel-caption .cap-box {
    padding: .75rem .9rem;
    border-radius: 10px;
    max-width: 95%;
  }
  .carousel-caption .cap-box h2 { font-size: 1.15rem; }
  .carousel-caption .cap-box p  { font-size: .95rem; }

  /* Slider butonunu küçült */
  .carousel-caption .cap-box .btn-lg {
    padding: .45rem .9rem;
    font-size: .95rem;
    border-radius: .55rem;
  }

  /* Ürün kartlarındaki WhatsApp butonu da daha kompakt olsun */
  .product-card .btn {
    padding: .45rem .75rem;
    font-size: .95rem;
    border-radius: .5rem;
  }
}