/* Hakkımızda: koyu mor üst şerit (+ künye kartı), araç kartları, lila bantta sınırlar ve ilkeler, mor kapanış */
.hk-ust { background: var(--mor-koyu); }
.hk-kunye-kart { flex: none; width: 360px; background: #fff; color: var(--murekkep); border-radius: 18px; padding: 1.1rem 1.3rem 1.2rem; box-shadow: 0 14px 30px rgba(10, 4, 16, .35); }
.hk-kunye-bas { margin: 0 0 .6rem; font-size: .82rem; font-weight: 700; color: var(--mor); }
.hk-kunye-kart dl { margin: 0; display: grid; }
.hk-kunye-kart dl div { display: grid; grid-template-columns: 5.5rem 1fr; gap: .6rem; padding: .55rem 0; border-top: 1px solid var(--cizgi); font-size: .9rem; }
.hk-kunye-kart dt { color: var(--gri); }
.hk-kunye-kart dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.hk-kunye-kart dd a { color: var(--mor-koyu); }

.hk-bolum-bas { max-width: 46rem; margin-bottom: 1.8rem; }
.hk-bolum-bas h2 { margin: .2rem 0 .5rem; }
.hk-bolum-bas .sessiz { margin: 0; font-size: 1.02rem; }
.hk-araclar { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.hk-araclar a { display: flex; flex-direction: column; gap: .35rem; height: 100%; background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.3rem 1.4rem; text-decoration: none; color: var(--murekkep-2); transition: border-color .2s; }
.hk-araclar a:hover { border-color: var(--mor-orta); color: var(--murekkep-2); }
.hk-arac-no { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 999px; background: var(--mor); color: #fff; font-weight: 700; margin-bottom: .4rem; }
.hk-araclar b { color: var(--murekkep); font-size: 1.1rem; }
.hk-arac-metin { font-size: .93rem; line-height: 1.55; }
.hk-arac-bag { margin-top: auto; padding-top: .6rem; color: var(--mor); font-weight: 600; font-size: .9rem; }

.hk-bant { background: var(--kagit-koyu); }
.hk-kart { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.6rem 1.7rem; }
.hk-kart h2, .hk-ilke-yer h2 { margin: .2rem 0 1rem; }
.hk-liste { list-style: none; margin: 0; padding: 0; }
.hk-liste li { position: relative; padding: .65rem 0 .65rem 2rem; border-bottom: 1px solid var(--cizgi); color: var(--murekkep-2); line-height: 1.5; }
.hk-liste li:last-child { border-bottom: 0; }
.hk-yapmiyoruz li::before { content: '×'; position: absolute; left: 0; top: .55rem; width: 1.35rem; height: 1.35rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #fdf0ee; color: var(--hata-koyu); font-weight: 700; }
.hk-ilkeler { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.hk-ilkeler li { display: grid; grid-template-columns: 36px 1fr; gap: .9rem; align-items: start; background: #fff; border: 1px solid var(--kenar); border-radius: 16px; padding: .95rem 1.1rem; }
.hk-ilkeler span { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 999px; background: var(--sari); color: var(--patlican); font-weight: 700; }
.hk-ilkeler p { margin: .35rem 0 0; color: var(--murekkep-2); line-height: 1.5; }

.hk-son { background: var(--mor); color: #f3eafa; border-radius: var(--kose-buyuk); }
.hk-son h2 { color: #fff; margin: 0 0 .3rem; }
.hk-son p { margin: 0; }
.hk-son-eylem { display: flex; flex-wrap: wrap; gap: .6rem; }
.hk-ikincil { background: transparent; border-color: rgba(255, 255, 255, .45); color: #fff; }
.hk-ikincil:hover { background: rgba(255, 255, 255, .1); border-color: #fff; color: #fff; }