/* "Brief gönder" band: the last block above the footer on every page. Points at the brief form on
   /urun-cekimi#brief. Self-contained (bcta- prefix) so it sits on pages with different inline styles. */
.bcta { box-sizing: border-box; width: min(1600px, 100%); margin: 0 auto; padding: clamp(28px, 5vw, 64px) clamp(18px, 3.2vw, 54px); color: #f5f5f5; font-family: "Manrope", Helvetica, Arial, sans-serif; text-align: left; }
.bcta *, .bcta *::before, .bcta *::after { box-sizing: border-box; }
/* Pages built on the 820px reading column (about, contact, legal) keep the band on that column. */
.bcta-narrow { width: min(820px, calc(100% - 40px)); padding: 0 0 clamp(48px, 7vw, 90px); }
.bcta-card { display: grid; grid-template-columns: auto 1fr auto; gap: clamp(20px, 3vw, 44px); align-items: center; padding: clamp(26px, 3.4vw, 48px); border: 1px solid rgba(255,255,255,.22); border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); }
.bcta-mark { display: block; width: clamp(54px, 5vw, 76px); height: auto; margin: 0; }
.bcta .bcta-kicker { margin: 0 0 12px; font-size: 10px; line-height: 1; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; color: rgba(255,255,255,.64); }
.bcta .bcta-title { max-width: none; margin: 0; text-wrap: balance; font: 400 clamp(38px, 4.6vw, 72px)/.92 "Instrument Serif", Georgia, serif; letter-spacing: -.04em; color: #f5f5f5; }
.bcta .bcta-text { margin: 14px 0 0; max-width: 52ch; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.67); }
.bcta-button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 30px; border: 1px solid #fff; border-radius: 999px; background: #fff; color: #000 !important; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; transition: background .2s, color .2s; }
.bcta-button:hover { background: transparent; color: #fff !important; }
.bcta-button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 800px) {
  .bcta-card { grid-template-columns: 1fr; gap: 18px; }
  .bcta-mark { width: 52px; }
  .bcta .bcta-text { margin-top: 12px; }
  .bcta-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .bcta-button { transition: none; } }
.bcta-button::after { content: "→"; font-size: 14px; letter-spacing: 0; }