.brand-name {
    font-family: "Poppins", sans-serif; /* veya Montserrat, Inter */
    font-weight: 800;
    font-size: 1.7rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: #28314b;
    position: relative;
    display: inline-block;
    padding-bottom: 6px; /* alt çizgi için boşluk */
}

.brand-name::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #000, #555);
    border-radius: 2px;
    transition: all 0.4s ease;
    transform: translateX(-50%);
}

.brand-name:hover::after {
    width: 100%;
}

.brand-name:hover {
    color: #000;
    background: linear-gradient(90deg, #000, #555);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; /* hover’da yazı gradient oluyor */
    transition: background 0.4s ease;
}

.quality-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 1rem;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    background: #fff;
    transition: all 0.25s ease;
}
.quality-item::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bs-primary);
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.12);
    flex: 0 0 8px;
}
.quality-item:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}
@media (max-width: 575.98px) {
    .quality-item {
        padding: 0.55rem 0.8rem;
        border-radius: 10px;
    }
}

.q-list li {
    position: relative;
    padding: 0.55rem 0 0.55rem 1rem;
    border-bottom: 1px solid #edf1f5;
}
.q-list li:last-child {
    border-bottom: 0;
}
.q-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.05rem; /* noktayı metinle hizala */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--bs-primary); /* Bootstrap primary */
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.12);
}
/* Büyük ekranda biraz daha ferah aralık */
@media (min-width: 992px) {
    .q-list li {
        padding: 0.7rem 0 0.7rem 1.1rem;
    }
}
.text-black {
    color: black;
}

#cookieModal {
    z-index: 1081;
}

#scrollUp {
    z-index: 1079 !important;
}

.btn-custom-cookie{
    background: transparent;
    padding: 0;
    color: gray;
    text-decoration: underline;
}
.btn-custom-cookie:hover{
    background: transparent;
    padding: 0;
    color: black;
}

/* Cookie Banner – responsive & compact */

/* Cookie Banner — her breakpoint’te tam genişlik + mobilde taşma yok */

/* TEMEL: her yerde full-width */
#cookieBanner{
  left: 0 !important;
  right: 0 !important;
  transform: none !important;       /* translate-middle-x iptal */
  width: 100% !important;
  max-width: none !important;        /* inline max-width:920px'i ezer */
  padding-bottom: env(safe-area-inset-bottom);
}
#cookieBanner > .bg-white{
  margin: 0 !important;              /* kenardan kenara şerit görünümü */
  border-radius: 0 !important;
}

/* Metin taşmasın, uzun Almanca kelimeler kırılabilsin */
#cookieBanner p{ overflow-wrap:anywhere; }

/* XS (≤575.98px): kompakt görünüm + dolgun butonlar */
@media (max-width: 575.98px){
  /* İç boşluk ve tipografi */
  #cookieBanner .padding-mobile,
  #cookieBanner > .bg-white > .d-flex{               /* .padding-mobile yoksa fallback */
    padding: .9rem 1rem !important;
  }
  #cookieBanner h3{ font-size:.98rem; margin-bottom:.35rem !important; }
  #cookieBanner p{
    font-size:.86rem; margin-bottom:.6rem !important;
    display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
  }
  #cookieBanner #openPrefsFromBanner{ font-size:.85rem; padding:0; }

  /* Butonlar yan yana, eşit ve kalın */
  #cookieBanner .banner-actions,
  #cookieBanner .d-flex.gap-2.ms-md-3{                  /* mevcut HTML’e uyumlu fallback */
    display:flex; flex-direction:row; gap:.75rem; width:100%;
  }
  #cookieBanner .banner-actions .btn,
  #cookieBanner .d-flex.gap-2.ms-md-3 .btn{
    flex:1 1 0; width:auto;
    padding:.95rem 1.15rem; font-size:.98rem; font-weight:600;
    min-height:48px; line-height:1.25; border-width:2px; border-radius:.6rem;
    white-space:normal;
  }
}

/* SM–MD (576–991.98px): biraz daha nefes, wrap */
@media (min-width: 576px) and (max-width: 991.98px){
  #cookieBanner .padding-mobile,
  #cookieBanner > .bg-white > .d-flex{
    padding-inline: 1.25rem !important;
  }
  #cookieBanner p{ -webkit-line-clamp:4; }              /* metne biraz daha izin */
  #cookieBanner .banner-actions,
  #cookieBanner .d-flex.gap-2.ms-md-3{
    flex-direction:row; flex-wrap:wrap; gap:.6rem;
  }
  #cookieBanner .banner-actions .btn,
  #cookieBanner .d-flex.gap-2.ms-md-3 .btn{
    flex:1 1 240px; min-width:0;
    padding:.85rem 1rem; font-size:.95rem; min-height:46px;
  }
}

/* LG (≥992px): içerik ortalama (opsiyonel) */
@media (min-width: 992px){
  /* İstersen içeriği merkezle; yoksa bu bloğu silebilirsin */
  #cookieBanner .padding-mobile,
  #cookieBanner > .bg-white > .d-flex{
    max-width:1140px; margin-inline:auto; width:100%;
    padding-inline: 2rem !important;
  }
}

#cookieBanner .btn,
#cookieBanner .btn span,
#cookieBanner .btn strong {
  text-transform: none !important;
  letter-spacing: normal !important;
  border-radius: none !important;
}


/* 0) Evrensel koruma: yatay taşmayı engelle */
html, body { width:100%; overflow-x:hidden; }

/* Flex grid’de içerik genişledikçe kolonun taşmasını engelle */
.row > * { min-width: 0; }

/* 1) Slider taşmasını kes */
.slider-area,
.slider-active,
.single-slider{
  max-width: 100vw;
  overflow-x: clip;
}
@supports not (overflow: clip){
  .slider-area, .slider-active, .single-slider{ overflow-x: hidden; }
}

/* Slick/Swiper kullanıyorsan – track/list taşma düzeltmesi */
.slider-active .slick-list{ overflow: hidden !important; }
.slider-active .slick-track{ display:flex; }

/* Başlıkların satırı aşmasını engelle */
.slider-content h2{
  font-size: clamp(1.6rem, 6vw, 3rem);
  line-height: 1.2;
  word-break: break-word;
  hyphens: auto;
}
.slider-content h5{
  font-size: clamp(1rem, 3.8vw, 1.25rem);
  line-height: 1.25;
}

/* 2) Marquee/logolar taşmasını kes */
.marquee, .marquee-viewport{
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
.marquee-inner{ white-space: nowrap; } /* ekstra güvenlik */
@media (max-width: 991.98px){
  /* mobilde maske kenarlığı overflow’a sebep olmasın diye kapat */
  .marquee-viewport{
    -webkit-mask-image: none;
    mask-image: none;
  }
}

/* 3) Güvenlik: container/row aşırı büyümesin */
.slider-active .container,
.slider-active .row{
  max-width: 100%;
}


/* SLIDER: container'ı tekrar merkezle ve bootstrap max-width'lerine döndür */
.slider-active .container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left:  var(--bs-gutter-x, .75rem);
}

/* Bootstrap 5 container max-width'lerini geri ver */
@media (min-width: 992px){   /* lg */
  .slider-active .container{ max-width: 960px; }
}
@media (min-width: 1200px){  /* xl */
  .slider-active .container{ max-width: 1140px; }
}
@media (min-width: 1400px){  /* xxl */
  .slider-active .container{ max-width: 1320px; }
}

/* Güvenlik: daha önce eklediysen ŞUNU SİL ya da etkisiz bırak:
   .slider-active .container, .slider-active .row { max-width: 100%; } */