/* Ana sayfa — Meta Ads Koruması tanıtım bölümü (.metaPromo). Mockup bileşenleri meta-mockups.css'ten gelir. */
.metaPromo{padding:70px 0;background:#1a2b4a;position:relative;overflow:hidden;color:#fff;font-family:Mulish,Nunito,sans-serif}
.metaPromo::before{content:"";position:absolute;top:-260px;right:-180px;width:720px;height:720px;background:radial-gradient(circle,rgba(0,129,251,.18) 0,transparent 60%);pointer-events:none}
.metaPromo::after{content:"";position:absolute;bottom:-240px;left:-120px;width:560px;height:560px;background:radial-gradient(circle,rgba(255,56,0,.14) 0,transparent 60%);pointer-events:none}
.metaPromo .container{position:relative}
.metaPromoGrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.metaPromoEyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.metaPromoEyebrow i{width:8px;height:8px;border-radius:50%;background:#FF3800;box-shadow:0 0 0 4px rgba(255,56,0,.25)}
.metaPromo h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;font-weight:800;color:#fff;margin:0 0 16px}
.metaPromo h2 span{background:linear-gradient(90deg,#8cc4ff,#0081FB);-webkit-background-clip:text;background-clip:text;color:transparent}
.metaPromoDesc{font-size:16px;line-height:1.75;color:rgba(255,255,255,.68);margin:0 0 26px;max-width:560px}
.metaPromoPillars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.metaPromoPillar{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.metaPromoPillar i{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(0,129,251,.18)}
.metaPromoPillar i svg{width:19px;height:19px;color:#8cc4ff}
.metaPromoPillar:nth-child(2) i{background:rgba(255,56,0,.18)}.metaPromoPillar:nth-child(2) i svg{color:#ff8a65}
.metaPromoPillar:nth-child(3) i{background:rgba(34,197,94,.16)}.metaPromoPillar:nth-child(3) i svg{color:#4ade80}
.metaPromoPillar:nth-child(4) i{background:rgba(238,42,123,.18)}.metaPromoPillar:nth-child(4) i svg{color:#f48fb1}
.metaPromoPillar strong{display:block;font-size:14.5px;font-weight:800;color:#fff;margin-bottom:3px}
.metaPromoPillar p{margin:0;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.62)}
.metaPromoActions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.metaPromoBtn{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:12px;font-weight:800;font-size:14.5px;text-decoration:none;transition:transform .25s;line-height:1.2}
.metaPromoBtn svg{width:16px;height:16px}
.metaPromoBtn.primary{background:#FF3800;color:#fff;box-shadow:0 12px 28px rgba(255,56,0,.35)}
.metaPromoBtn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.22)}
.metaPromoBtn:hover{transform:translateY(-2px);color:#fff}
.metaPromoBadge{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-weight:800;letter-spacing:.06em;color:#ffcf8b}
.metaPromoVisual{position:relative}
.metaPromoVisual .csm-platforms{position:absolute;left:18px;bottom:-16px}
.metaPromoFloat{position:absolute;right:-10px;top:-18px;z-index:2}
@media (max-width:1024px){
  .metaPromoGrid{grid-template-columns:1fr;gap:40px}
  .metaPromoVisual{order:-1}
  .metaPromoFloat{right:4px;top:-14px}
}
@media (max-width:640px){
  .metaPromo{padding:52px 0}
  .metaPromoPillars{grid-template-columns:1fr}
  .metaPromoVisual .csm-platforms{position:static;margin-top:14px}
  .metaPromoFloat{display:none}
}

/* Ana sayfa slider: Meta slaytı rozeti */
section.main .textInfoSlide .heroMetaBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:#fff;border:1px solid #e6e9f0;box-shadow:0 8px 22px rgba(28,40,65,.08);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1c2841;margin-bottom:14px}
section.main .textInfoSlide .heroMetaBadge img{width:22px;height:22px}