/* =========================
   QUALITÄT — Schmackhaft & Halal band
   Pencere yok, background var
   ========================= */

.quality-band{
  position: relative;
  overflow: hidden;
  padding: clamp(18px, 3vw, 26px) 0 clamp(46px, 6vw, 80px);
}

/* background image */
.quality-band::before{
  content:"";
  position:absolute;
  inset:0;
  background: url("../img/slider/slider_5.png") center/cover no-repeat;
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.05);
  z-index:0;
}

/* overlay readability */
.quality-band::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 20% 10%, rgba(var(--brand-rgb), .18), rgba(0,0,0,0) 60%),
    radial-gradient(700px 380px at 80% 70%, rgba(var(--brand-rgb), .10), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.40), rgba(255,255,255,.75));
  z-index:1;
}

.quality-band .container{
  position: relative;
  z-index: 2;
}

/* band içindeki içerik: artık q-wrap “pencere” gibi değil */
.q-band{
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid rgba(12,14,18,.0);
  
  backdrop-filter: blur(10px);
  box-shadow: 0 22px 70px rgba(10,12,18,.07);
}

/* içeride yumuşak ornament */
.q-band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity: .85;
  background:
    radial-gradient(700px 320px at 12% 18%, rgba(var(--brand-rgb), .18), rgba(0,0,0,0) 62%),
    radial-gradient(700px 340px at 88% 12%, rgba(var(--brand-rgb), .10), rgba(0,0,0,0) 60%);
}

.q-band-inner{
  position: relative;
  padding: clamp(22px, 3vw, 42px);
  text-align: center;
}

/* Başlık */
.q-title{
  margin: 0;
  font-size: clamp(2.0rem, 3.2vw, 3.0rem);
  letter-spacing: -0.02em;
  color: var(--text);
}

/* divider */
.q-divider{
  margin: 16px auto 0;
  width: min(720px, 92%);
  height: 1px;
  background: rgba(0,0,0,.10);
}

/* açıklama */
.q-sub{
  margin: 14px auto 0;
  max-width: 78ch;
  color: rgba(12,14,18,.76);
  line-height: 1.8;
}

/* Sertifika alanı (tek) */
.q-certwrap{
  margin-top: 20px;
  display:flex;
  justify-content:center;
}

.q-cert{
  width: auto;          /* panel gibi genişlemesin */
  height: auto;         /* sabit kutu olmasın */
  border-radius: 0;     /* köşe yok */
  box-shadow: none;     /* gölge yok */
  overflow: visible;    /* kırpma yok */
  background: transparent;
  border: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0;           /* istersen 6-10px verebilirsin */
}

.q-cert img{
  width: clamp(90px, 16vw, 90px);
  height: auto;
  display:block;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.12)); /* İSTEĞE BAĞLI: hafif “float” */
}

.q-cert .ph{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-weight: 900;
  letter-spacing: .14em;
  color: rgba(12,14,18,.35);
  background: linear-gradient(180deg, rgba(var(--brand-rgb),.06), rgba(0,0,0,.02));
}

/* İletişim */
.q-contact{
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px dashed rgba(0,0,0,.18);
  color: rgba(12,14,18,.78);
  line-height: 1.7;
}

.q-contact span{ font-weight: 900; }

.q-contact a{
  color: rgba(12,14,18,.86);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.q-contact a:hover{ color: var(--brand); }

/* Responsive */
@media (max-width: 720px){
  .q-cert{ height: 210px; }
}