/* WhatsApp iş grupları sayfası (/whatsapp-gruplari).
   Sitenin dili: marka mavisi bant (#1F4FD1), beyaz kartlar, Instrument
   Sans başlıklar. WhatsApp yeşili yalnız katıl düğmesinde ve simgede;
   düğme metni okunaklı kalsın diye koyu tonu kullanılıyor. */
.wa-sayfa{--wa-yesil:#25d366;--wa-koyu:#0f8a46;--wa-mavi:#1f4fd1;--wa-murekkep:#10213d;--wa-soluk:#5f6d86;--wa-cizgi:#dfe6f1;background:#f5f8fd}

.wa-hero{background:var(--wa-mavi);color:#fff;position:relative;overflow:hidden;padding-bottom:26px}
.wa-hero::before{content:"";position:absolute;width:460px;height:460px;right:4%;top:-230px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,211,102,.28),transparent 66%);pointer-events:none}
.wa-hero-ic{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:end;padding-top:40px;padding-bottom:22px}
.wa-ust{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#cfe0ff}
.wa-hero h1{font-family:var(--display);font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.035em;margin:10px 0 0;color:#fff;max-width:15ch}
.wa-hero-metin p{margin-top:12px;color:#dce5ff;font-size:16px;line-height:1.55;max-width:560px}
.wa-hero-kutu{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:20px 18px;border-radius:18px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.wa-hero-ikon{width:52px;height:52px;border-radius:15px;background:var(--wa-yesil);display:grid;place-items:center;margin-bottom:6px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.wa-hero-ikon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}
.wa-hero-kutu strong{font:700 17px var(--display);color:#fff}
.wa-hero-kutu small{font-size:12.5px;color:#d8e2ff}

.wa-suzgec{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px 240px;gap:10px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 14px 34px rgba(4,28,90,.22)}
.wa-ara{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:48px;border-radius:10px;background:#f4f7fc}
.wa-ara svg{width:20px;height:20px;fill:none;stroke:var(--wa-murekkep);stroke-width:2;flex:0 0 auto}
.wa-ara input{flex:1;min-width:0;border:0;background:transparent;font:500 16px/1.2 inherit;font-family:inherit;color:var(--wa-murekkep);outline-offset:4px}
.wa-sec select{width:100%;height:48px;border:1px solid var(--wa-cizgi);border-radius:10px;padding:0 12px;background:#fff;font:600 14px inherit;font-family:inherit;color:var(--wa-murekkep)}

.wa-liste-alani{padding-top:28px;padding-bottom:56px}
.wa-sonuc-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:26px}
.wa-sonuc{font:700 18px var(--display);color:var(--wa-murekkep);margin:0;letter-spacing:-.01em}
.wa-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:260px}
.wa-liste[aria-busy="true"]:empty{min-height:420px}

.wa-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wa-cizgi);border-radius:16px;padding:18px;
  box-shadow:0 6px 20px rgba(8,54,132,.05);transition:border-color .18s,box-shadow .18s,transform .18s}
.wa-kart:hover{border-color:#9fe3bb;box-shadow:0 14px 30px rgba(15,138,70,.12);transform:translateY(-2px)}
.wa-kart-bas{display:flex;align-items:center;gap:12px}
.wa-kart-ikon{width:46px;height:46px;border-radius:13px;background:#e8f8ee;display:grid;place-items:center;flex:0 0 auto}
.wa-kart-ikon svg{width:26px;height:26px;fill:none;stroke:var(--wa-koyu);stroke-width:1.9;stroke-linejoin:round}
.wa-kart-kim{min-width:0}
.wa-tur{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wa-koyu)}
.wa-kart h3{font:700 17px/1.25 var(--display);color:var(--wa-murekkep);margin:3px 0 0;letter-spacing:-.015em}
.wa-etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.wa-etiket{font-size:12px;font-weight:650;color:var(--wa-mavi);background:#edf2ff;border-radius:999px;padding:5px 10px}
.wa-kart-metin{color:var(--wa-soluk);font-size:14px;line-height:1.55;margin:12px 0 16px;flex:1}
.wa-katil{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:11px;background:var(--wa-koyu);
  color:#fff;font-weight:750;font-size:15px;text-decoration:none;transition:background .18s}
.wa-katil svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2}
.wa-katil:hover{background:#0b733a;color:#fff}
.wa-katil:focus-visible,.wa-sec select:focus-visible{outline:3px solid #9cc0ff;outline-offset:2px}

.wa-bos{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 20px;
  background:#fff;border:1px dashed #c9d6ea;border-radius:16px}
.wa-bos h3{font:700 20px var(--display);color:var(--wa-murekkep);margin:6px 0 0}
.wa-bos p{color:var(--wa-soluk);margin:0 0 8px}

.wa-kurallar{background:#fff;border-top:1px solid #e2e9f3;padding:52px 0 64px}
.wa-kurallar h2{font:700 clamp(24px,2.6vw,34px)/1.1 var(--display);letter-spacing:-.035em;color:var(--wa-murekkep);margin:0}
.wa-kural-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.wa-kural-izgara article{background:#f6f9fe;border:1px solid #e3eaf5;border-radius:14px;padding:16px 18px}
.wa-kural-izgara b{display:block;font:700 15px var(--display);color:var(--wa-murekkep)}
.wa-kural-izgara p{margin:6px 0 0;color:var(--wa-soluk);font-size:14px;line-height:1.55}
.wa-linkler{margin-top:26px}

@media (max-width:1000px){
  .wa-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wa-suzgec{grid-template-columns:1fr 1fr}
  .wa-ara{grid-column:1/-1}
}
@media (max-width:700px){
  .wa-hero-ic{grid-template-columns:1fr;gap:18px;padding-top:30px}
  .wa-hero h1{font-size:34px}
  .wa-hero-kutu{flex-direction:row;flex-wrap:wrap;text-align:left;justify-content:flex-start;gap:4px 12px;padding:14px}
  .wa-hero-ikon{width:42px;height:42px;margin:0}
  .wa-hero-kutu strong{flex:1}
  .wa-hero-kutu small{flex-basis:100%}
  .wa-suzgec{grid-template-columns:1fr}
  .wa-liste{grid-template-columns:1fr}
  .wa-kural-izgara{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.wa-kart{transition:none}.wa-kart:hover{transform:none}}