/* ============================================================
   ÇEREZ BANDI — GÖRÜNÜM
   09.09.2026
   ------------------------------------------------------------
   Sitenin kendi CSS'ini ezmemek için bütün sınıflar "hrm-"
   önekiyle yazıldı. Bootstrap 3 yüklü olduğundan .btn, .row
   gibi genel adlardan kaçınıldı.

   RET ve KABUL DÜĞMELERİ AYNI ÖLÇÜDE. Renk farkı var ama
   ağırlık, yazı boyutu, iç boşluk ve genişlik birebir aynı.
   Reddetmeyi görsel olarak zorlaştırmak, rızayı özgür
   iradeyle verilmiş olmaktan çıkarır.
   ============================================================ */

.hrm-katman{
	display:none;
	position:fixed; inset:auto 0 0 0; z-index:99999;
	background:rgba(17,17,17,.97);
	color:#f2f2f2;
	font:14px/1.6 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	box-shadow:0 -6px 28px rgba(0,0,0,.35);
	max-height:88vh; overflow-y:auto;
}
.hrm-katman.hrm-acik{ display:block; }

.hrm-kutu{ max-width:1080px; margin:0 auto; padding:22px 20px 18px; }

.hrm-baslik{ margin:0 0 8px; font-size:18px; font-weight:700; color:#fff; }
.hrm-metin{ margin:0 0 16px; max-width:78ch; }
.hrm-metin a{ color:#7fc4ff; text-decoration:underline; }
.hrm-metin a:hover{ color:#a9d9ff; }

/* --- Kategoriler --- */
.hrm-secimler{ display:grid; gap:10px; margin:0 0 18px; }
@media (min-width:820px){ .hrm-secimler{ grid-template-columns:repeat(3,1fr); } }

.hrm-secim{
	display:flex; gap:10px; align-items:flex-start;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.14);
	border-radius:6px; padding:12px 13px; margin:0;
	cursor:pointer; font-weight:400;
}
.hrm-secim:hover{ background:rgba(255,255,255,.1); }
.hrm-secim.hrm-kilitli{ cursor:default; opacity:.82; }
.hrm-secim input{ margin:3px 0 0; width:16px; height:16px; flex:0 0 auto; }

.hrm-secim-govde{ display:block; }
.hrm-secim-ad{ display:block; font-weight:600; color:#fff; margin-bottom:3px; }
.hrm-rozet{
	display:inline-block; margin-left:6px; padding:1px 7px;
	background:rgba(255,255,255,.16); border-radius:10px;
	font-size:11px; font-style:normal; font-weight:400; vertical-align:1px;
}
.hrm-secim-aciklama{ display:block; font-size:13px; color:#cfcfcf; }
.hrm-cerez-listesi{ display:block; margin-top:6px; }
.hrm-cerez-listesi code{
	display:inline-block; margin:2px 4px 0 0; padding:1px 6px;
	background:rgba(0,0,0,.35); border-radius:3px;
	font-size:11.5px; color:#e8e8e8;
}

/* --- Düğmeler: RET ve KABUL BİREBİR AYNI ÖLÇÜDE --- */
.hrm-dugmeler{ display:flex; flex-wrap:wrap; gap:10px; }
.hrm-btn{
	flex:1 1 200px;
	min-height:46px; padding:12px 18px;
	border:1px solid transparent; border-radius:5px;
	font:600 14px/1.2 inherit; text-align:center;
	cursor:pointer;
}
.hrm-btn-ret{    background:#3a3a3a; color:#fff; border-color:#585858; }
.hrm-btn-ret:hover{ background:#484848; }
.hrm-btn-kabul{  background:#1f8b3f; color:#fff; }
.hrm-btn-kabul:hover{ background:#25a24a; }
.hrm-btn-secim{  background:transparent; color:#e6e6e6; border-color:#6a6a6a; }
.hrm-btn-secim:hover{ background:rgba(255,255,255,.08); }

.hrm-kucuk{ margin:12px 0 0; font-size:12px; color:#a8a8a8; }

/* --- Harici içerik yer tutucusu --- */
.hrm-yer-tutucu{
	background:#f4f5f7; border:1px dashed #b9bec7; border-radius:6px;
	padding:22px 20px; text-align:center; color:#3d444f;
	font:14px/1.65 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.hrm-yer-tutucu p{ margin:0 0 10px; }
.hrm-yer-tutucu .hrm-btn{ flex:0 0 auto; display:inline-block; background:#1f8b3f; color:#fff; }
.hrm-alternatif{
	margin:14px auto; padding:12px 14px; max-width:520px;
	background:#fff; border:1px solid #e0e3e8; border-radius:5px;
	text-align:left; font-size:13.5px;
}

/* --- Altbilgi yasal şeridi --- */
.hrm-yasal-serit{
	margin:10px 0 0; padding:0; list-style:none;
	display:flex; flex-wrap:wrap; gap:6px 16px; justify-content:center;
	font-size:13px;
}
.hrm-yasal-serit a,
.hrm-yasal-serit button{
	background:none; border:0; padding:0; margin:0;
	color:inherit; font:inherit; text-decoration:underline; cursor:pointer;
}

/* --- Yasal metin sayfaları --- */
.hrm-yasal-sayfa{ max-width:900px; margin:0 auto; padding:10px 0 40px; }
.hrm-yasal-sayfa h2{ margin:32px 0 12px; font-size:21px; }
.hrm-yasal-sayfa h3{ margin:24px 0 10px; font-size:17px; }
.hrm-yasal-sayfa p,
.hrm-yasal-sayfa li{ font-size:15px; line-height:1.75; }
.hrm-yasal-sayfa table{ width:100%; border-collapse:collapse; margin:14px 0; font-size:14px; }
.hrm-yasal-sayfa th,
.hrm-yasal-sayfa td{ border:1px solid #dcdfe4; padding:8px 10px; text-align:left; vertical-align:top; }
.hrm-yasal-sayfa th{ background:#f5f6f8; font-weight:600; }
.hrm-yasal-sayfa blockquote{
	margin:16px 0; padding:14px 16px;
	background:#f6f7f9; border-left:4px solid #9aa4b1;
}
/* Dar ekranda tablo taşmasın; sayfa yatay kaymasın. */
.hrm-tablo-kaydir{ overflow-x:auto; -webkit-overflow-scrolling:touch; }