/* =============================================================================
   ANASAYFA (B2B) — sadece index.php'de yüklenir.
   Bölümler premium.css §21'deki .ag-* bileşenlerini kullanır (/become-agency ile aynı).
   Burada yalnızca anasayfaya özel "iki kapı" kartları var. Sınıf öneki: .hb-
   Renkler premium.css token'larından — çıplak hex yok.
   Eski tüketici anasayfası stili: backups/anasayfa-b2c-2026-09-10/home.css
   ========================================================================== */

.hb-doors{display:grid;gap:14px;align-content:start}

.hb-door{display:flex;align-items:flex-start;gap:16px;
  padding:clamp(20px,2.6vw,28px);border-radius:20px;border:1px solid transparent;
  background:var(--pv-white);color:var(--pv-black);
  box-shadow:0 34px 70px -30px rgba(0,0,0,.7);
  transition:border-color var(--pv-dur-2) var(--pv-ease)}
html body .hb-door:hover{border-color:var(--pv-accent) !important}

.hb-door__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;
  border-radius:12px;background:var(--pv-black);color:var(--pv-accent)}
.hb-door__ic svg{width:21px;height:21px}
.hb-door__body{flex:1;min-width:0}
.hb-door__for{display:block;margin-bottom:6px;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pv-accent-deep)}
.hb-door__title{margin:0 0 6px;font-size:1.3rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}
.hb-door__text{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--pv-grey-700)}
.hb-door__btns{display:flex;flex-wrap:wrap;gap:10px}
.hb-door .ag-btn{padding:12px 20px;font-size:14px}
.hb-door .ag-btn--solid{background:var(--pv-black);color:var(--pv-white)}
.hb-door .ag-btn--ghost{color:var(--pv-black);border-color:var(--pv-grey-300)}

.hb-driver{margin:2px 0 0;font-size:13px;text-align:center;color:var(--pv-on-dark-mut)}
.hb-driver a{color:var(--pv-white);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Kart içindeki küçük üst etiket ("For agencies") */
.ag-card .ag-eyebrow{margin-bottom:8px}

@media(max-width:520px){
  .hb-door{flex-direction:column;gap:12px}
}