.font-display{ font-family:"Playfair Display", serif; }

    /* Slider alanı */
    .hero-carousel .carousel-item{
      height: 85vh;
      min-height: 520px;
      background: #111;
      position: relative;
      overflow: hidden;
    }

    /* Arka plan görsel */
    .hero-carousel .hero-bg{
      position:absolute; inset:0;
      width:100%; height:100%;
      object-fit:cover;
      filter: grayscale(100%);
      transform: scale(1.02);
    }

    /* Kırmızı overlay */
    .hero-carousel .hero-overlay{
      position:absolute; inset:0;
      background: var(--accent-red);
      opacity: .78; /* bu değeri 0.7-0.85 arası oynat */
    }

    /* Metinler */
    .hero-carousel .hero-content{
      position:absolute; inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      color:#fff;
      padding: 0 1rem;
      z-index: 2;
    }

    .hero-carousel .hero-title{
      font-style: italic;
      font-weight: 400;
      letter-spacing: -0.02em;
      line-height: 0.95;
      font-size: clamp(2.6rem, 6vw, 6.5rem); /* mobil->desktop */
      margin-bottom: 1.25rem;
    }

    .hero-carousel .hero-sub{
      text-transform: uppercase;
      letter-spacing: .30em;
      font-size: .85rem;
      opacity: .95;
      margin-bottom: 1.6rem;
    }

    .hero-carousel .hero-brand{
      font-family:"Playfair Display", serif;
      font-size: 1.8rem;
      opacity: .85;
    }

    /* Ok butonları (dairesel) */
    .hero-carousel .carousel-control-prev,
    .hero-carousel .carousel-control-next{
      width: 6rem;
      opacity: 1;
      z-index: 3;
    }

    .hero-carousel .nav-circle{
      width: 52px;
      height: 52px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.35);
      display:flex;
      align-items:center;
      justify-content:center;
      transition: .2s ease;
      background: rgba(255,255,255,.04);
      backdrop-filter: blur(2px);
    }

    .hero-carousel .carousel-control-prev:hover .nav-circle,
    .hero-carousel .carousel-control-next:hover .nav-circle{
      background: rgba(255,255,255,.10);
      border-color: rgba(255,255,255,.55);
      transform: scale(1.03);
    }

    /* Bootstrap ikon yerine kendi ok çizimi */
    .hero-carousel .arrow{
      width: 10px;
      height: 10px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(135deg);
      margin-left: 4px;
    }
    .hero-carousel .arrow.right{
      transform: rotate(-45deg);
      margin-left: 0;
      margin-right: 4px;
    }

    /* Dots */
    .hero-carousel .carousel-indicators [data-bs-target]{
      width: 6px;
      height: 6px;
      border-radius: 999px;
      margin: 0 5px;
      opacity: .6;
    }
    .hero-carousel .carousel-indicators .active{
      opacity: 1;
    }