/* bant — iki eğik şerit, üst üste biner (sitenin banner dili) */
.bant{position:relative;height:clamp(250px,32vw,330px);overflow:hidden;background:var(--taban);isolation:isolate}
.bant-serit{position:absolute;left:-12vw;width:124vw;overflow:hidden;display:flex;align-items:center;white-space:nowrap;
  text-transform:uppercase;font-weight:700;user-select:none}
.bant-serit--a{top:calc(50% - 56px);height:clamp(64px,6.6vw,92px);background:var(--kirmizi);color:#fff;transform:rotate(-4deg);z-index:2;
  font-size:clamp(24px,3vw,44px);letter-spacing:.02em;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.bant-serit--b{top:calc(50% + 6px);height:clamp(58px,5.8vw,80px);background:var(--yuzey);transform:rotate(3deg);z-index:1;
  font-size:clamp(28px,3.6vw,54px);letter-spacing:.03em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.92);
  border-block:1px solid var(--cizgi)}
.bant-iz{display:flex;flex:none;will-change:transform}
.bant-grup{display:flex;align-items:center;flex:none}
.bant-grup > span{padding-inline:.5em}
.bant-serit--a .bant-grup > span{display:inline-flex;align-items:center}
.bant-serit--a svg{width:.62em;height:.62em;flex:none;margin-inline:.35em;color:#fff}
/* B ayırıcı: kontur halka */
.bant-serit--b i{display:block;width:.3em;height:.3em;border-radius:50%;border:2px solid var(--kirmizi);flex:none;margin-inline:.35em;box-shadow:0 0 6px var(--kirmizi-a5)}

@media (max-width:760px){
  .bant{height:250px}
  .bant-serit--a{top:calc(50% - 64px);height:62px;font-size:22px}
  .bant-serit--b{top:calc(50% - 22px);height:54px;font-size:26px;-webkit-text-stroke-width:1.2px}
}
@media (prefers-reduced-motion:reduce){
  .bant{height:auto;padding:56px 0 64px}
  .bant-serit{position:relative;left:0;width:100%;height:auto;transform:none;white-space:normal;padding:18px var(--kenar);margin-bottom:12px;justify-content:center}
  .bant-serit--a{font-size:clamp(18px,2.2vw,30px)}
  .bant-serit--b{font-size:clamp(20px,2.6vw,36px)}
  .bant-iz{flex:1 1 auto;min-width:0;width:100%;flex-wrap:wrap;justify-content:center;transform:none!important}
  .bant-grup{flex:1 1 auto;min-width:0;flex-wrap:wrap;justify-content:center}
  .bant-iz > .bant-grup:nth-child(n+2){display:none}
  .bant-serit--a svg{display:none}
}