/* Rehberler dizini */
.rh-seviye { margin-top: 44px; }
.rh-seviye .bolum-bas { margin-bottom: 14px; }
.seviye-etiket { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 7px; border-radius: 4px; background: rgba(7, 7, 7, .6); border: 1px solid var(--cizgi-2); font: 700 15px/1 var(--f-baslik); text-transform: uppercase; }
.seviye-etiket.s1 { --sv: var(--yesil); } .seviye-etiket.s2 { --sv: var(--sari); } .seviye-etiket.s3 { --sv: var(--turuncu-2); }
.elmaslar { display: inline-flex; gap: 4px; }
.elmaslar i { width: 9px; height: 9px; transform: rotate(45deg); background: rgba(247, 233, 213, .22); }
.s1 .elmaslar i:nth-child(-n+1), .s2 .elmaslar i:nth-child(-n+2), .s3 .elmaslar i { background: var(--sv); box-shadow: 0 0 6px var(--sv); }
.rh-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; align-items: stretch; }
.rh-kart { display: grid; grid-template-rows: auto 1fr; overflow: hidden; padding: 0; transition: transform .25s, border-color .2s, box-shadow .25s; }
.rh-kart:hover { transform: translateY(-4px); border-color: var(--cizgi-2); box-shadow: 0 20px 40px rgba(0, 0, 0, .4); }
.rh-resim { position: relative; display: block; aspect-ratio: 16 / 8; background: center / cover no-repeat var(--kart-3); transition: transform .6s; }
.rh-resim::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(21, 18, 15, .9), transparent 60%); }
.rh-yakinda { position: absolute; z-index: 1; right: 10px; top: 10px; padding: 4px 8px; border-radius: 4px; background: rgba(7, 7, 7, .78); font: 700 11px/1 var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: var(--krem-2); }
.rh-ic { display: grid; gap: 8px; align-content: start; padding: 16px 18px 18px; }
.rh-ic b { font: 700 19px/1.1 var(--f-baslik); text-transform: uppercase; }
.rh-ic > span { color: var(--krem-2); font-size: 14.5px; line-height: 1.45; }
.rh-ic em { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font: 700 13px/1 var(--f-arayuz); font-style: normal; color: var(--yesil); }
.rh-ic em svg { width: 15px; height: 15px; transition: transform .2s; }
.rh-kart:hover em svg { transform: translateX(3px); }
.rh-kart.yakinda { opacity: .6; }
.rh-kart.yakinda em { color: var(--krem-3); }
.rh-araclar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 26px 30px; }
.rh-araclar p { margin: 8px 0 0; color: var(--krem-2); max-width: 560px; }
.rh-dug { display: flex; flex-wrap: wrap; gap: 10px; }