/* ============================================================
   B2B — PHP sablonlarina ozel ek stiller (prototip CSS'ini tamamlar)
   ============================================================ */

/* Hero (tek) */
.hero-tek { color:#fff; padding:64px 0; position:relative; overflow:hidden; }
.hero-tek-in { position:relative; z-index:1; }
.hero-tek-txt { max-width:620px; }
.hero-tek-baslik { font-size:42px; line-height:1.08; font-weight:800; letter-spacing:-.02em; margin:14px 0 0; }
.hero-tek-desc { font-size:16px; color:rgba(255,255,255,.86); margin:16px 0 0; max-width:540px; }
.hero-tek-cta { display:flex; gap:12px; margin-top:26px; flex-wrap:wrap; }
@media(max-width:720px){ .hero-tek-baslik{ font-size:30px; } }

/* Trust bar */
.trust-bar { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:-44px; position:relative; z-index:2; }
.trust-item { display:flex; align-items:center; gap:13px; padding:18px 20px; box-shadow:var(--sh); }
.trust-ic { width:42px; height:42px; border-radius:var(--r); background:var(--bordo-tint); color:var(--bordo); display:grid; place-items:center; flex:none; }
.trust-t { font-weight:700; font-size:14.5px; }
.trust-s { font-size:12.5px; }
@media(max-width:900px){ .trust-bar{ grid-template-columns:repeat(2,1fr); margin-top:18px; } }

/* Section head */
.sec-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:24px; }

/* Urun grid + kart */
.urun-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media(max-width:1000px){ .urun-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:680px){ .urun-grid{ grid-template-columns:repeat(2,1fr); } }
.urun-kart { display:block; background:#fff; border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; transition:all .16s ease; }
.urun-kart:hover { border-color:var(--border-strong); box-shadow:var(--sh); transform:translateY(-2px); }
.urun-kart-img { position:relative; aspect-ratio:1/1; background:var(--surface); }
.urun-kart-img img { width:100%; height:100%; object-fit:cover; }
.urun-kart-stok { position:absolute; top:10px; left:10px; }
.urun-kart-govde { padding:14px 15px 16px; }
.urun-kart-marka { font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--gray-500); }
.urun-kart-isim { font-size:14px; font-weight:600; margin-top:3px; line-height:1.35; min-height:38px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.urun-kart-fiyat { margin-top:10px; display:flex; flex-direction:column; }
.urun-kart-fiyat b { font-size:19px; color:var(--bordo); }
.urun-kart-fiyat-not { font-size:11px; color:var(--gray-500); }
.urun-kart-gizli { margin-top:10px; font-size:12.5px; color:var(--gray-600); display:flex; align-items:center; gap:6px; }
.urun-kart-gizli a { color:var(--bordo); font-weight:700; }

/* Bos durum */
.bos-durum { padding:60px 20px; text-align:center; color:var(--gray-400); display:flex; flex-direction:column; align-items:center; gap:6px; }
.bos-durum p { color:var(--gray-700); font-weight:600; margin:10px 0 0; }

/* CTA kutu */
.cta-kutu { display:grid; grid-template-columns:1.4fr 1fr; gap:40px; padding:36px 40px; align-items:center; }
.cta-list { margin-top:16px; display:flex; flex-direction:column; gap:9px; }
.cta-list li { display:flex; align-items:center; gap:9px; font-size:14px; color:var(--gray-700); }
.cta-list li svg { color:var(--green); flex:none; }
@media(max-width:760px){ .cta-kutu{ grid-template-columns:1fr; gap:24px; } }

/* ---------- Auth (giris / kayit) ---------- */
.auth-wrap { max-width:480px; margin:54px auto; padding:0 20px; }
.auth-card { background:#fff; border:1px solid var(--border); border-radius:var(--r-xl); box-shadow:var(--sh); padding:34px 32px; }
.auth-wide { max-width:620px; }
.auth-head { text-align:center; margin-bottom:24px; }
.auth-head h1 { font-size:24px; font-weight:800; margin:0; }
.auth-head p { color:var(--gray-500); font-size:14px; margin:8px 0 0; }
.auth-form .field { margin-bottom:15px; }
.auth-form .field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field label { display:block; font-size:12.5px; font-weight:600; color:var(--gray-700); margin-bottom:6px; }
.field input, .field textarea, .field select { width:100%; height:44px; padding:0 13px; border:1px solid var(--border-strong); border-radius:var(--r); font-size:14px; background:#fff; transition:border-color .15s; }
.field textarea { height:auto; min-height:80px; padding:11px 13px; }
.field input:focus, .field textarea:focus, .field select:focus { outline:none; border-color:var(--bordo); }
.auth-alt { text-align:center; margin-top:18px; font-size:13.5px; color:var(--gray-600); }
.auth-alt a { color:var(--bordo); font-weight:700; }
.auth-msg { padding:12px 14px; border-radius:var(--r); font-size:13.5px; margin-bottom:18px; display:flex; align-items:center; gap:8px; }
.auth-msg.err { background:#fdecea; color:var(--red); }
.auth-msg.ok { background:var(--green-soft); color:var(--green); }
.auth-msg.warn { background:var(--amber-soft); color:var(--amber); }

/* Onay bekliyor bildirimi */
.onay-bekliyor { max-width:520px; margin:60px auto; text-align:center; padding:0 20px; }
.onay-bekliyor .ob-ic { width:64px; height:64px; border-radius:50%; background:var(--amber-soft); color:var(--amber); display:grid; place-items:center; margin:0 auto 18px; }
.onay-bekliyor h1 { font-size:22px; margin:0 0 8px; }
.onay-bekliyor p { color:var(--gray-600); }

/* ---------- Header açılır menüler (vanilla JS toggle) ---------- */
[data-dd-menu], [data-dd-scrim] { display: none; }
[data-dd].dd-open > [data-dd-menu] { display: block; }
[data-dd].dd-open > [data-dd-scrim] { display: block; }
[data-tree-panel] { display: none; }
[data-tree].tree-open > [data-tree-panel] { display: flex; }