/* =========================================================
   Han OOT Hero Slider – güncellenmiş stil
   (İçerik kenarlardan biraz içeri çekildi, görsel gölgesi kaldırıldı)
   ========================================================= */

/* ---------- Temel yapı ---------- */
.han-hero{position:relative;overflow:hidden}
.han-hero .inner{max-width:1280px;margin:0 auto;padding:80px 30px}      /* soldan-sağdan +10px */
.han-hero .container{width:100%}
.han-hero .row{display:flex;align-items:center;justify-content:space-between;gap:20px}

/* ---------- Metin bloğu ---------- */
.han-hero .content{flex:0 0 var(--content-w,48%);max-width:var(--content-w,48%)}
.han-hero .eyebrow{font-weight:700;letter-spacing:.4px;font-size:18px;opacity:.85}
.han-hero h1{font-weight:800;line-height:1.05;margin:.25em 0 .35em}
.han-hero .accent{color:#ff3b2f}
.han-hero .subtitle{font-size:18px;opacity:.9;margin-bottom:22px}

/* ---------- Butonlar ---------- */
.han-hero .actions{display:flex;gap:14px;flex-wrap:wrap}
.han-hero .btn{display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:15px 20px;text-decoration:none;font-weight:700;border:2px solid transparent}
.han-hero .btn-primary{background:#ff3b2f;color:#fff}
.han-hero .btn-ghost{background:#fff;color:#111;border-color:#1111}
.han-hero .btn i{font-size:14px}

/* ---------- Araç görseli ---------- */
.han-hero .car{flex:1;display:flex;justify-content:flex-end}
.han-hero .car img{
  width:50%;max-width:640px;height:auto;display:block;
  /* drop-shadow kaldırıldı */
}

/* ---------- Swiper navigasyonu ---------- */
.han-hero .han-hero-nav .swiper-pagination{position:relative;margin-top:16px}
.han-hero .swiper-button-prev,
.han-hero .swiper-button-next{color:#111}

/* ---------- Tablet (< 1024 px) ---------- */
@media(max-width:1024px){
  .han-hero .content{max-width:56%}
  .han-hero .car img{width:60%}
}

/* =========================================================
   Mobil düzen (< 768 px)
   ========================================================= */
@media(max-width:768px){
  /* Kenarlara iyice yanaşan iç boşluk */
  .han-hero .inner{padding:40px 12px}   /* soldan-sağdan 12px */

  /* Elemanların sırası / tam genişlik */
  .han-hero .row{flex-direction:column;gap:16px;text-align:left}
  .han-hero .content{flex:1 1 100%;max-width:100%}

  /* Başlık & metin okunabilirliği */
  .han-hero h1{line-height:1.12;word-break:normal;hyphens:auto}
  .han-hero .subtitle{font-size:16px}

  /* Buton düzeni (grid) */
  .han-hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;justify-items:stretch}
  .han-hero .btn{justify-content:center;padding:12px 14px}

  /* Araç görseli ortalı ve geniş */
  .han-hero .car{justify-content:center}
  .han-hero .car img{width:88%}

  /* Swiper okları – dikey ortalı & kenarlarda */
  .han-hero .han-hero-nav .swiper-button-prev,
  .han-hero .han-hero-nav .swiper-button-next{
    position:absolute;top:50%;transform:translateY(-50%);
    width:36px;height:36px;border-radius:999px;
    background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);
    display:flex;align-items:center;justify-content:center
  }
  .han-hero .han-hero-nav .swiper-button-prev{left:8px}
  .han-hero .han-hero-nav .swiper-button-next{right:8px}
  .han-hero .han-hero-nav .swiper-button-prev:after,
  .han-hero .han-hero-nav .swiper-button-next:after{font-size:14px;color:#111}

  /* Pagination oklarla çakışmasın */
  .han-hero .han-hero-nav .swiper-pagination{margin-top:26px}
}