/* Konteyner Ayarları */
.guven-bandi-wrapper{
    width:100%;
    background-color:#fff;
    padding:20px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.guven-bandi-container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    padding:0 15px;
}

/* Her bir kutucuk */
.guven-item{
    display:flex;
    align-items:center;
    width:24%;
    min-width:250px;
    margin-bottom:10px;
}

/* İkon Alanı */
.guven-icon{
    flex-shrink:0;
    width:45px;
    height:45px;
    margin-right:15px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.guven-icon svg{
    width:100%;
    height:100%;
    stroke:#ff6600;
    stroke-width:1.5;
    fill:none;
}

/* Yazı Alanı */
.guven-text{
    display:flex;
    flex-direction:column;
}

.guven-title{
    font-size:15px;
    font-weight:800;
    color:#000;
    margin-bottom:4px;
    line-height:1.2;
}

.guven-desc{
    font-size:13px;
    color:#888;
    font-weight:400;
    line-height:1.2;
}

/* Mobil Uyumluluk */
@media (max-width:991px){
    .guven-item{width:48%; margin-bottom:20px;}
}

@media (max-width:576px){
    .guven-item{
        width:100%;
        border-bottom:1px solid #f5f5f5;
        padding-bottom:15px;
    }
    .guven-item:last-child{border-bottom:none;}
}

.vozol-process-mini{
  font-family:'Poppins',sans-serif;
  max-width:1200px;
  margin:18px auto;
  padding:14px 14px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.vozol-mini-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.vozol-mini-head h2{
  margin:0;
  font-size:18px;
  font-weight:700;
  letter-spacing:-.3px;
  color:#1a1a1a;
  line-height:1.2;
}

.vozol-mini-head h2 span{ color:#f39300; }

.vozol-mini-head p{
  margin:0;
  font-size:12px;
  font-weight:600;
  color:#666;
  background:#f4f4f4;
  padding:6px 10px;
  border-radius:999px;
  white-space:nowrap;
}

.vozol-mini-steps{
  display:flex;
  align-items:stretch;
  gap:10px;
}

.mini-step{
  flex:1;
  min-width:0;
  background:#fdfdfd;
  border:1px solid #eee;
  border-radius:12px;
  padding:12px 12px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  position:relative;
  overflow:hidden;
  transition:all .25s ease;
}

.mini-step:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  border-color:#f39300;
}

.mini-step:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-6px;
  top:50%;
  transform:translateY(-50%);
  width:12px;
  height:12px;
  border-right:2px solid rgba(243,147,0,.45);
  border-bottom:2px solid rgba(243,147,0,.45);
  rotate:-45deg;
  opacity:.6;
  pointer-events:none;
}

.mini-badge{
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:13px;
  color:#fff;
  background:linear-gradient(135deg,#FF5722,#f39300);
  box-shadow:0 4px 10px rgba(255,87,34,.25);
  flex:0 0 28px;
}

.mini-text h3{
  margin:0 0 4px 0;
  font-size:13px;
  font-weight:700;
  color:#222;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mini-text p{
  margin:0;
  font-size:11px;
  color:#777;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Tablet: başlık üstte, stepper yine yatay */
@media (max-width: 992px){
  .vozol-mini-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .vozol-mini-head p{ align-self:flex-start; }
}

/* Mobil: çok yer kaplamasın diye yatay kaydırma */
@media (max-width: 576px){
  .vozol-process-mini{
    margin:14px 10px;
    padding:12px;
  }
  .vozol-mini-head h2{ font-size:16px; }
  .vozol-mini-steps{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    padding-bottom:2px;
  }
  .mini-step{
    min-width:220px;
    scroll-snap-align:start;
  }
  .mini-step:not(:last-child)::after{ display:none; }
}

.announcement-banner2{
  background: linear-gradient(90deg, #4b5563 0%, #9ca3af 50%, #7a7a7a 100%);
  overflow:hidden;
  position:relative;
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  padding:0 12px;
}

.announcement-wrapper{
  display:flex;
  width:100%;
  position:relative;
}

.announcement-content{
  display:flex;
  white-space:nowrap;
  animation:scroll 20s linear infinite;
  will-change:transform;
}

.announcement-text{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.announcement-item{
  color:#fff;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  display:flex;
  align-items:center;
}

.separator{
  margin:0 1rem;
  color:#fff;
  font-size:18px;
  opacity:.8;
}

@keyframes scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* Hover durumunda animasyonu duraklat */
.announcement-banner2:hover .announcement-content{
  animation-play-state:paused;
}

/* Responsive */
@media (max-width:768px){
  .announcement-banner2{ height:45px; }
  .announcement-item{ font-size:12px; }
  .separator{ margin:0 .8rem; }
}

.vazol-section{
  font-family:'Poppins',sans-serif;
  max-width:1000px;
  margin:20px auto;
  padding:25px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  color:#444;
}

.vazol-section h1{font-size:26px;color:#1a1a1a;margin-bottom:15px;}
.vazol-preview{line-height:1.6;margin-bottom:10px;}

/* Checkbox gizleme */
.vazol-section #read-more-toggle{
  position:absolute;
  left:-9999px;
}

/* Kapalı durum */
.vazol-full-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .6s ease, opacity .25s ease;
  opacity:0;
}

/* Açık durum */
.vazol-section #read-more-toggle:checked ~ .vazol-full-content{
  max-height:9999px;
  opacity:1;
  margin-bottom:20px;
}

/* Buton */
.read-more-btn{
  display:inline-flex;
  align-items:center;
  padding:10px 20px;
  background:#f4f4f4;
  color:#333;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
  font-size:14px;
  transition:all .3s;
  margin-top:10px;
  user-select:none;
  gap:8px;
}
.read-more-btn:hover{background:#e8e8e8;}

/* Yazı değişimi */
.btn-text::before{content:"Devamını Oku";}
.vazol-section #read-more-toggle:checked ~ .read-more-btn .btn-text::before{content:"Kapat";}

/* İkon */
.read-more-btn svg{
  width:16px;height:16px;
  transition:transform .3s ease;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.vazol-section #read-more-toggle:checked ~ .read-more-btn svg{
  transform:rotate(180deg);
}

/* İçerik içi */
.vazol-full-content h2{font-size:22px;margin-top:25px;color:#222;font-weight:700;}
.vazol-full-content p{margin-bottom:15px;text-align:justify;line-height:1.6;}
.vazol-full-content ul{padding-left:20px;margin-bottom:15px;}
.vazol-full-content li{margin-bottom:8px;}

/* GENEL KAPLAYICI */
.vozol-faq-container {
    font-family: 'Poppins', sans-serif;
    max-width: 1000px;
    margin: 40px auto;
    padding: 25px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05); /* Diğer tasarımla aynı gölge */
    border: 1px solid #eee; /* Hafif çerçeve */
}

/* BAŞLIK ALANI */
.faq-header h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 15px 0;
}

/* Turuncu Alt Çizgi */
.faq-line {
    width: 60px;
    height: 4px;
    background: #f39000;
    border-radius: 2px;
    margin-bottom: 25px;
}

/* SORU KUTULARI */
.faq-item {
    border-bottom: 1px solid #f1f1f1; /* Sorular arası çizgi */
    margin-bottom: 10px;
}

.faq-item:last-child {
    border-bottom: none; /* Son soruda çizgi olmasın */
}

/* SORU BAŞLIĞI (TIKLANABİLİR ALAN) */
summary {
    list-style: none; /* Varsayılan oku gizle */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 5px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    transition: all 0.3s ease;
}

summary::-webkit-details-marker {
    display: none; /* Chrome için oku gizle */
}

/* Hover olunca yazı rengi değişsin */
summary:hover {
    color: #f39000;
}

/* İKON TASARIMI (+ ve -) */
.icon {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon::before, .icon::after {
    content: '';
    position: absolute;
    background-color: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Yatay çizgi (-) */
.icon::before {
    width: 14px;
    height: 2px;
}

/* Dikey çizgi (|) - Bu dönünce artı olacak */
.icon::after {
    width: 2px;
    height: 14px;
}

/* AÇIK DURUMDAKİ STİL */
details[open] summary {
    color: #f39000; /* Başlık turuncu olur */
}

/* Açıkken ikon değişimi */
details[open] .icon::before {
    background-color: #f39000;
}
details[open] .icon::after {
    transform: rotate(90deg); /* Dikey çizgi döner ve yatay olur */
    opacity: 0; /* Ve kaybolur, geriye sadece eksi kalır */
}

/* CEVAP KISMI */
.answer-text {
    padding: 0 10px 20px 5px;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    animation: fadeIn 0.5s ease;
}

/* Basit açılma efekti */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* MOBİL UYUMLULUK */
@media (max-width: 600px) {
    .vozol-faq-container {
        padding: 15px;
        margin: 20px 10px;
    }
    
    .faq-header h3 {
        font-size: 18px;
    }

    summary {
        font-size: 14px; /* Mobilde soru fontu biraz küçülsün */
        padding: 12px 0;
    }

    .answer-text {
        font-size: 13px;
    }
}