/* Rana Theme · rana · v1.0.0 */

/* ── DÜZEN ── */
.rana-bolum{ position:relative; padding:10px; }
.rana-kap{ max-width:1140px; margin:0 auto; }
.rana-bolum img{ max-width:100%; height:auto; }
.rana-sayfa-basi + .rana-bolum{ margin-top:50px; }

/* ── SAYFA BAŞI ── */
.rana-sayfa-basi{
  position:relative; isolation:isolate;
  display:flex; flex-direction:column; justify-content:center; gap:10px;
  min-height:250px; padding:40px 10px;
  text-align:center;
  background:url("/wp-content/uploads/2026/01/adana-psikolog-rana-pekel.webp") 0 -271px / cover no-repeat;
}
.rana-sayfa-basi::before{ content:""; position:absolute; inset:0; z-index:-1; background:var(--rana-sari); opacity:.2; }
.rana-sayfa-basi > .rana-sayfa-basi__baslik{
  margin:0; color:#fff; font-weight:700;
  text-shadow:0 0 10px rgba(0,0,0,.3);
}
.rana-sayfa-basi > .rana-sayfa-basi__alt{
  margin:0; color:#fff;
  font-family:"Open Sans", sans-serif; font-size:22px; font-weight:400; line-height:1.6;
  text-shadow:0 0 10px rgba(0,0,0,.3);
}
.rana-sayfa-basi__alt p{ margin:0; }
@media(min-width:1025px){ .rana-sayfa-basi{ background-attachment:fixed; } }
@media(max-width:1024px){ .rana-sayfa-basi{ background-position:0 0; } }
@media(max-width:767px){ .rana-sayfa-basi > .rana-sayfa-basi__alt{ font-size:20px; } }

/* ── BÖLÜM TÜRLERİ ── */
.rana-bolum--surec-sss{ margin-top:50px; background:var(--rana-acik); }
.rana-bolum--slider{ padding-bottom:30px; }
.rana-bolum--slider .rana-kap{ padding:10px; }

/* ── DESEN ── */
.rana-desen{ position:relative; height:20px; pointer-events:none; }
.rana-desen img{ display:block; max-width:100%; height:auto; }
.rana-desen--daire img{ position:absolute; left:-263px; top:57px; z-index:0; }
.rana-desen--daire img,
.rana-desen--blog img{ animation:rana-don 1.25s .7s both; }
.rana-desen--kare{ height:30px; }
.rana-desen--kare img{ position:absolute; left:23px; bottom:-31px; }
.rana-desen--blog{ position:absolute; left:418px; top:-286px; height:auto; }
@keyframes rana-don{
  from{ transform-origin:center; transform:rotate3d(0,0,1,-200deg); opacity:0; }
  to{ transform-origin:center; transform:none; opacity:1; }
}
@media(max-width:1024px){
  .rana-desen--daire img{ left:-100px; top:81px; max-width:548px; }
  .rana-desen--kare{ height:0; }
  .rana-desen--blog{ left:-40px; top:144px; width:400px; }
}
@media(max-width:767px){
  .rana-desen--daire{ display:none; }
  .rana-desen--kare img{ left:-21px; bottom:63px; width:83px; }
  .rana-desen--blog{ left:143px; top:-1px; width:76px; }
}
@media(prefers-reduced-motion:reduce){ .rana-desen img{ animation:none; } }

/* ── TANITIM ── */
.rana-bolum--tanitim{ margin-top:100px; }
.rana-bolum--tanitim > .rana-kap{ display:flex; gap:20px; }
.rana-tanitim__gorsel{ position:relative; flex:0 0 calc(50% - 10px); padding:10px; text-align:center; }
.rana-tanitim__gorsel img{ display:inline-block; vertical-align:middle; }
.rana-tanitim__foto{ position:relative; z-index:1; display:block; }
.rana-tanitim__foto img{ border-radius:50%; }
.rana-tanitim__logo{ position:absolute; z-index:2; left:-7px; top:-52px; width:240px; max-width:240px; }
.rana-tanitim__logo img{ width:82%; border:20px solid #fff; border-radius:50%; }
.rana-tanitim__rozet-zemin{ position:absolute; z-index:2; right:-25px; bottom:100px; }
.rana-tanitim__rozet-zemin img{ filter:brightness(176%); }
.rana-bolum--tanitim .rana-tanitim__rozet{
  position:absolute; z-index:3; right:8px; bottom:169px;
  font-family:"Poppins", sans-serif; font-size:25px; font-weight:700; line-height:1;
  color:#fff; text-align:center; text-decoration:none;
}
.rana-bolum--tanitim .rana-tanitim__rozet:hover{ color:#fff; }
.rana-tanitim__metin{ flex:0 0 calc(50% - 10px); display:flex; flex-direction:column; gap:20px; padding:0 10px 0 45px; }
.rana-tanitim__yazi p:last-child{ margin-bottom:0; }
.rana-tanitim__metin > .rana-belgeler{ margin:8px 0 0; }
@media(max-width:1024px){
  .rana-tanitim__logo{ left:-80px; }
  .rana-tanitim__logo img{ max-width:70%; border-width:15px; }
  .rana-tanitim__rozet-zemin{ bottom:250px; }
  .rana-bolum--tanitim .rana-tanitim__rozet{ bottom:335px; }
}
@media(max-width:767px){
  .rana-bolum--tanitim > .rana-kap{ flex-wrap:wrap; }
  .rana-tanitim__gorsel,
.rana-tanitim__metin{ flex:0 0 100%; }
  .rana-tanitim__gorsel{ padding:0 0 113px; }
  .rana-tanitim__logo{ left:15px; top:-66px; width:188px; }
  .rana-tanitim__rozet-zemin{ right:26px; bottom:41px; width:151px; }
  .rana-bolum--tanitim .rana-tanitim__rozet{ right:53px; bottom:100px; font-size:21px; }
  .rana-tanitim__metin{ padding:0; }
}

/* ── AÇILIŞ ── */
.rana-bolum--giris{
  isolation:isolate; display:flex; align-items:center;
  min-height:806px; margin-top:-35px;
  background:url("/wp-content/uploads/2026/01/adana-psikolog-rana-pekel.webp") center / cover no-repeat;
}
.rana-bolum--giris::before{ content:""; position:absolute; inset:0; z-index:-1; background:#000; opacity:.35; }
.rana-bolum--giris > .rana-kap{ width:100%; display:flex; align-items:center; justify-content:space-around; gap:10px; }
.rana-acilis-alan{ flex:0 0 60%; display:flex; align-items:center; justify-content:space-evenly; padding:10px; }
.rana-bolum--giris .rana-randevu-alan{ flex:0 1 auto; min-width:0; padding:10px; }
@media(max-width:1024px){ .rana-bolum--giris{ padding:0 20px; } }
@media(max-width:767px){
  .rana-bolum--giris{ min-height:670px; margin-top:-50px; }
  .rana-bolum--giris::before{ opacity:.62; }
  .rana-bolum--giris > .rana-kap{ flex-wrap:wrap; }
  .rana-acilis-alan{ flex:0 0 100%; padding-top:100px; }
  .rana-bolum--giris .rana-randevu-alan{ flex:0 0 auto; width:364px; max-width:100%; margin:0 auto; }
}

/* ── ANA SAYFA BÖLÜMLERİ ── */
.rana-bolum--cagri{ margin:150px 0; background:var(--rana-koyu); }
.rana-bolum--randevu-surec > .rana-kap{ max-width:1466px; min-height:842px; display:flex; justify-content:space-around; }
.rana-bolum--randevu-surec > .rana-kap > *{ flex:0 0 50%; min-width:0; padding:10px; }
.rana-bolum--yorum{ background:url("/wp-content/uploads/2026/08/psikolog-rana-pekel-yorumlar-banner-1.webp") center right / cover no-repeat; }
.rana-bolum--yorum .rana-yorum{ margin:50px 0; }
.rana-bolum--soru-kutusu + .rana-bolum--yorum{ margin:100px 0; }
.rana-bolum--blog{ overflow:hidden; }
@media(max-width:767px){
  .rana-bolum--randevu-surec > .rana-kap{ flex-wrap:wrap; min-height:0; }
  .rana-bolum--randevu-surec > .rana-kap > *{ flex:0 0 100%; }
  .rana-bolum--yorum{ background-position:bottom left; }
}

/* ── HİZMETLERİMİZ ── */
.rana-bolum--tanim > .rana-kap{ display:flex; gap:10px; }
.rana-bolum--tanim > .rana-kap > *{ flex:1 1 0; min-width:0; padding:10px; }
.rana-tanim__metin{ display:flex; flex-direction:column; gap:20px; }
.rana-tanim__yazi p:last-child{ margin-bottom:0; }
.rana-tanim__gorsel{ text-align:center; }
.rana-tanim__gorsel img{ border-radius:18px; vertical-align:middle; }
.rana-bolum--uzmanlik .rana-uzmanlik__liste{ justify-content:center; }
@media(max-width:767px){ .rana-bolum--tanim > .rana-kap{ flex-wrap:wrap; } .rana-bolum--tanim > .rana-kap > *{ flex:0 0 100%; } }

/* ── İLETİŞİM SAYFASI ── */
.rana-bolum--iletisim{ margin-bottom:100px; }
.rana-bolum--iletisim > .rana-kap{ display:flex; gap:20px; }
.rana-bolum--iletisim > .rana-kap > *{ flex:1 1 0; min-width:0; }
.rana-bolum--iletisim .rana-iletisim{ padding:10px; }
.rana-randevu-alan--kart{ display:flex; flex-direction:column; justify-content:center; padding:40px; border:1px solid #CDDEEB; border-radius:10px; }
@media(max-width:1024px){ .rana-bolum--iletisim > .rana-kap{ flex-direction:column; } }
@media(max-width:767px){ .rana-randevu-alan--kart{ padding:20px; } }

/* ── SSS SAYFASI ── */
.rana-bolum--sss-blok > .rana-kap{ max-width:1250px; }

/* ── HAKKIMIZDA ── */
.rana-bolum--yaklasim{ margin-top:50px; }
.rana-bolum--yaklasim > .rana-kap{ max-width:1171px; }

/* ── BİRLEŞİK YERLEŞİM ── */
.rana-icerik .rana-tanitim__metin > .rana-baslik,
.rana-icerik .rana-tanim__metin > .rana-baslik,
.rana-icerik .rana-tanitim__metin > .rana-etiket,
.rana-icerik .rana-sss-ust .rana-baslik,
.rana-icerik .rana-uzmanlik__ust .rana-baslik{ margin:0; }
.rana-icerik .rana-tanitim__metin > .rana-buton{ align-self:flex-start; }
.rana-icerik .rana-cagri .rana-baslik{ margin-bottom:30px; }
.rana-icerik .rana-surec .rana-baslik{ margin-bottom:30px; }
.rana-hizmet-kartlari__ok,
.rana-uzmanlik__dugme{ margin-top:auto; }
.rana-acilis__asagi{ display:none !important; }
@media(max-width:1024px){ .rana-acilis__asagi{ display:inline-flex !important; } }
@media(max-width:640px){ .rana-acilis__islem .rana-buton{ flex:1 1 100%; } }
@media(max-width:560px){
  .rana-cagri .rana-buton,
.rana-harita .rana-buton,
.rana-sorular .rana-buton{ flex:1 1 100%; width:100%; }
}
@media(max-width:767px){ .rana-icerik .rana-soru__gonder{ width:100%; } }

/* ── HİZMET SAYFASI ── */
.rana-hizmet-sayfa{
  display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:52px;
  align-items:start; font-family:inherit; color:var(--rana-ink); box-sizing:border-box;
}
.rana-hizmet-sayfa *{ box-sizing:border-box; }

.rana-hizmet-sayfa .rana-hizmet-sayfa__ana h2:not(.rana-baslik){
  font-size:22px; line-height:1.35; font-weight:700; color:var(--rana-ink);
  margin:38px 0 16px; display:flex; align-items:center; gap:10px;
}
.rana-hizmet-sayfa .rana-hizmet-sayfa__ana h2:not(.rana-baslik)::before{
  content:""; width:5px; height:22px; background:var(--rana-koyu); border-radius:3px; flex:none;
}
.rana-hizmet-sayfa .rana-hizmet-sayfa__ana p{ font-size:16.5px; line-height:1.85; color:var(--rana-metin); margin:0 0 18px; }
.rana-hizmet-sayfa .rana-hizmet-sayfa__ana p strong{ color:var(--rana-ink); font-weight:700; }
.rana-hizmet-sayfa .rana-hizmet-sayfa__ana a{ color:var(--rana-koyu); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.rana-hizmet-sayfa .rana-hizmet-sayfa__ana a:hover{ color:var(--rana-derin); }

.rana-hizmet-sayfa .rana-hizmet-sayfa__ana .rana-hizmet-sayfa__giris{ font-size:17.5px; line-height:1.8; color:#4A5A50; }

.rana-belirtiler{ list-style:none; margin:22px 0 18px; padding:0; display:grid; gap:12px; }
.rana-belirtiler li{
  background:#fff; border:1px solid var(--rana-kenar); border-left:4px solid var(--rana-koyu);
  border-radius:12px; padding:15px 18px;
  font-size:16px; line-height:1.7; color:var(--rana-metin);
  transition:box-shadow .2s ease, transform .2s ease;
}
.rana-belirtiler li:hover{ transform:translateX(3px); box-shadow:0 5px 16px rgba(92,120,87,.12); }
.rana-belirtiler li b{ display:block; color:var(--rana-ink); font-weight:700; font-size:16.5px; margin-bottom:3px; }
.rana-belirtiler li a{ color:var(--rana-koyu); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.rana-belirtiler li a:hover{ color:var(--rana-derin); }

.rana-hizmet-sayfa__yan{ display:flex; flex-direction:column; gap:16px; }
.rana-kart{
  background:#fff; border:1px solid var(--rana-kenar); border-radius:18px; padding:22px;
  box-shadow:0 4px 18px rgba(92,120,87,.09);
}
.rana-kart--ikon{
  text-align:center; background:linear-gradient(160deg,var(--rana-acik) 0%,#ffffff 70%);
  border-color:var(--rana-kenar); padding:26px 22px;
}
.rana-kart--ikon img{ width:88px; height:88px; object-fit:contain; margin:0 auto 12px; display:block; }
.rana-kart__ad{ margin:0; font-size:20px; font-weight:700; color:var(--rana-ink); line-height:1.3; }
.rana-kart--ikon span{ display:block; width:44px; height:3px; background:var(--rana-sari); border-radius:2px; margin:10px auto 0; }

.rana-kart__baslik{
  margin:0 0 16px; font-size:17px; font-weight:700; color:var(--rana-ink);
  display:flex; align-items:center; gap:9px; line-height:1.3;
}
.rana-kart__baslik::before{ content:""; width:4px; height:18px; background:var(--rana-koyu); border-radius:2px; flex:none; }

.rana-bilgiler{ list-style:none; margin:0; padding:0; }
.rana-bilgiler li{
  display:flex; justify-content:space-between; align-items:baseline; gap:12px;
  padding:11px 0; border-bottom:1px dashed var(--rana-kenar);
  font-size:14.5px; color:var(--rana-metin); line-height:1.5;
}
.rana-bilgiler li:last-child{ border-bottom:0; padding-bottom:0; }
.rana-bilgiler b{ color:var(--rana-ink); font-weight:700; text-align:right; flex:none; }

.rana-kart--belge{ background:linear-gradient(160deg,var(--rana-acik) 0%,#ffffff 65%); border-color:var(--rana-kenar); }
.rana-kart--belge p{ margin:0; font-size:14.5px; line-height:1.65; color:var(--rana-metin); }
.rana-kart--belge p b{ color:var(--rana-ink); font-weight:700; }
.rana-kart__liste{ list-style:none; margin:0 0 14px; padding:0; display:grid; gap:6px; }
.rana-kart__liste li{
  position:relative; padding-left:20px;
  font-size:13.5px; line-height:1.5; color:var(--rana-metin);
}
.rana-kart__liste li::before{
  content:""; position:absolute; left:4px; top:7px;
  width:6px; height:6px; border-radius:50%; background:var(--rana-koyu);
}
.rana-kart--belge a{
  display:inline-block; font-size:13.5px; font-weight:700;
  color:var(--rana-koyu); text-decoration:underline; text-underline-offset:2px;
}
.rana-kart--belge a:hover{ color:var(--rana-derin); }

.rana-kart--konum{ display:flex; gap:12px; align-items:flex-start; }
.rana-kart--konum svg{ flex:none; margin-top:2px; }
.rana-kart--konum p{ margin:0; font-size:14.5px; line-height:1.6; color:var(--rana-metin); }
.rana-kart--konum strong{ display:block; color:var(--rana-ink); font-weight:700; margin-bottom:3px; font-size:15px; }

.rana-uyari{
  background:var(--rana-zemin); border:1px solid var(--rana-kenar); border-radius:14px;
  padding:16px 18px; font-size:13.5px; line-height:1.65; color:var(--rana-metin); margin:0;
}

@media(max-width:1024px){
  .rana-hizmet-sayfa{ grid-template-columns:1fr; gap:30px; }
  .rana-hizmet-sayfa__yan{ order:-1; }
}
@media(max-width:767px){
  .rana-hizmet-sayfa .rana-hizmet-sayfa__ana h2:not(.rana-baslik){ font-size:19px; margin-top:30px; }
  .rana-hizmet-sayfa .rana-hizmet-sayfa__ana p{ font-size:16px; line-height:1.8; }
  .rana-belirtiler li{ padding:14px 16px; font-size:15.5px; }
}

.rana-hizmet-sayfa__yan > *{ min-width:0; max-width:100%; }
.rana-hizmet-sayfa__yan .rp-rv2{
  width:100%; max-width:100%; min-width:0;
  margin:0 !important;
  container-type:inline-size; container-name:yan;
}
.rana-hizmet-sayfa__yan .rp-rv2__kart{ max-width:100%; box-shadow:0 4px 18px rgba(92,120,87,.12); }
.rana-hizmet-sayfa__yan .rp-rv2__pencere{ max-width:100%; }

.rana-hizmet-sayfa__yan .rp-rv2__tuzak{
  position:absolute !important; left:auto !important;
  width:1px !important; height:1px !important;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}

.rana-hizmet-sayfa__yan .rp-rv2__baslik{ padding:14px 16px; }
.rana-hizmet-sayfa__yan .rp-rv2__baslik-metin{ font-size:17px !important; }

.rana-hizmet-sayfa__yan .rp-rv2__govde{ padding:15px 15px 17px; }
.rana-hizmet-sayfa__yan .rp-rv2__satir{ flex-wrap:wrap; gap:7px 12px; padding:9px 0; }
.rana-hizmet-sayfa__yan .rp-rv2__etiket{ flex:1 1 100%; min-width:0; font-size:13.5px; }
.rana-hizmet-sayfa__yan .rp-rv2__radyolar{ flex:1 1 100%; gap:14px; }
.rana-hizmet-sayfa__yan .rp-rv2__secim{
  flex:1 1 100%; max-width:none; width:100%;
  padding:9px 30px 9px 11px; font-size:13.5px;
  background-position:right 9px center; background-size:14px;
}
.rana-hizmet-sayfa__yan .rp-rv2__radyo{ font-size:13.5px; }

.rana-hizmet-sayfa__yan .rp-rv2__enyakin{ margin-top:12px !important; padding:6px 11px; font-size:12px !important; }

.rana-hizmet-sayfa__yan .rp-rv2__takvim{ gap:4px; margin-top:12px; }
.rana-hizmet-sayfa__yan .rp-rv2__ok{ width:26px; height:26px; margin-top:21px; }
.rana-hizmet-sayfa__yan .rp-rv2__ok svg{ width:13px; height:13px; }
.rana-hizmet-sayfa__yan .rp-rv2__sutunlar{ gap:5px; }
.rana-hizmet-sayfa__yan .rp-rv2__slot{ padding:9px 2px; border-radius:8px; font-size:12.5px !important; }
.rana-hizmet-sayfa__yan .rp-rv2__iskelet{ height:32px; border-radius:8px; }

.rana-hizmet-sayfa__yan .rp-rv2__daha{ margin-top:8px !important; padding:8px !important; font-size:12.5px !important; }
.rana-hizmet-sayfa__yan .rp-rv2__ileri,
.rana-hizmet-sayfa__yan .rp-rv2__gonder{ width:100%; padding:12px 16px !important; font-size:14.5px !important; }

.rana-hizmet-sayfa__yan .rp-rv2__ozet span{ padding:5px 10px; font-size:12px !important; }
.rana-hizmet-sayfa__yan .rp-rv2__ikili{ grid-template-columns:1fr; gap:11px; }
.rana-hizmet-sayfa__yan .rp-rv2__alan input{ padding:10px 11px; font-size:16px; }
.rana-hizmet-sayfa__yan .rp-rv2__alan label{ font-size:12.5px; }
.rana-hizmet-sayfa__yan .rp-rv2__onay{ font-size:12.5px; line-height:1.5; }
.rana-hizmet-sayfa__yan .rp-rv2__hata{ padding:10px 12px; font-size:12.5px !important; }
.rana-hizmet-sayfa__yan .rp-rv2__geri{ font-size:13px !important; }
.rana-hizmet-sayfa__yan .rp-rv2__bitti{ padding:26px 16px 22px; }
.rana-hizmet-sayfa__yan .rp-rv2__bitti-baslik{ font-size:17px !important; }
.rana-hizmet-sayfa__yan .rp-rv2__kesin{ font-size:14px !important; }
.rana-hizmet-sayfa__yan .rp-rv2__not{ font-size:13px !important; }

@container yan (min-width:460px){
  .rana-hizmet-sayfa__yan .rp-rv2__govde{ padding:20px 22px 18px; }
  .rana-hizmet-sayfa__yan .rp-rv2__baslik{ padding:16px 22px 14px; }
  .rana-hizmet-sayfa__yan .rp-rv2__baslik-metin{ font-size:18px !important; }
  .rana-hizmet-sayfa__yan .rp-rv2__satir{ gap:8px 16px; padding:11px 0; }
  .rana-hizmet-sayfa__yan .rp-rv2__etiket{ flex:0 1 auto; }
  .rana-hizmet-sayfa__yan .rp-rv2__radyolar{ flex:0 1 auto; }
  .rana-hizmet-sayfa__yan .rp-rv2__secim{ flex:1 1 auto; max-width:330px; width:auto; font-size:14px; }
  .rana-hizmet-sayfa__yan .rp-rv2__slot{ padding:11px 4px; font-size:14px !important; }
  .rana-hizmet-sayfa__yan .rp-rv2__ok{ width:30px; height:30px; margin-top:24px; }
  .rana-hizmet-sayfa__yan .rp-rv2__ikili{ grid-template-columns:1fr 1fr; gap:13px; }
  .rana-hizmet-sayfa__yan .rp-rv2__ileri,
.rana-hizmet-sayfa__yan .rp-rv2__gonder{ font-size:15.5px !important; padding:15px 20px !important; }
}

/* ── SÜREÇ VE SSS ── */
.rana-surec-sss{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;font-family:inherit;color:var(--rana-ink);box-sizing:border-box}
    .rana-surec-sss *{box-sizing:border-box}
    .rana-surec-sss__giris{font-size:16.5px;line-height:1.8;color:var(--rana-metin);margin:0 0 28px}
    .rana-adimlar{list-style:none;counter-reset:rpstep;margin:0 0 22px;padding:0}
    .rana-adimlar li{counter-increment:rpstep;position:relative;padding:0 0 22px 48px}
    .rana-adimlar li::before{content:counter(rpstep);position:absolute;left:0;top:0;width:30px;height:30px;background:var(--rana-koyu);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:1}
    .rana-adimlar li::after{content:"";position:absolute;left:14px;top:34px;bottom:0;width:2px;background:var(--rana-kenar)}
    .rana-adimlar li:last-child{padding-bottom:0}
    .rana-adimlar li:last-child::after{display:none}
    .rana-adimlar b{display:block;color:var(--rana-ink);font-weight:700;font-size:16.5px;line-height:1.4;margin:5px 0 5px}
    .rana-adimlar span{display:block;font-size:15px;line-height:1.7;color:var(--rana-metin)}
    .rana-surec-sss__not{background:var(--rana-zemin);border-left:4px solid var(--rana-sari);border-radius:10px;padding:16px 20px;font-size:15.5px;line-height:1.75;color:var(--rana-metin);margin:0}

    .rana-sss-ust{margin:0 0 26px}
    .rana-sss-ust h2{margin:0}
    .rana-sss{display:flex;flex-direction:column;gap:11px}
    .rana-sss details{background:#fff;border:1px solid var(--rana-kenar);border-radius:14px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
    .rana-sss details[open]{border-color:var(--rana-koyu);box-shadow:0 6px 20px rgba(92,120,87,.14)}
    .rana-sss summary{list-style:none;cursor:pointer;padding:17px 52px 17px 20px;font-size:15.5px;font-weight:700;color:var(--rana-ink);line-height:1.5;position:relative;transition:background .2s ease,color .2s ease;user-select:none}
    .rana-sss summary::-webkit-details-marker{display:none}
    .rana-sss summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2.5px solid var(--rana-koyu);border-bottom:2.5px solid var(--rana-koyu);transform:translateY(-70%) rotate(45deg);transition:transform .25s ease,border-color .25s ease}
    .rana-sss summary:hover{background:var(--rana-acik)}
    .rana-sss details[open] summary{background:var(--rana-derin);color:#fff}
    .rana-sss details[open] summary:hover{background:var(--rana-derin2)}
    .rana-sss details[open] summary::after{transform:translateY(-30%) rotate(-135deg);border-color:#fff}
    .rana-sss__cevap{padding:18px 20px 20px;font-size:15.5px;line-height:1.8;color:var(--rana-metin);margin:0}
    .rana-sss__cevap strong{color:var(--rana-ink);font-weight:700}
    .rana-sss__cevap a{color:var(--rana-koyu);font-weight:600;text-decoration:underline;text-underline-offset:2px}
    .rana-sss__cevap a:hover{color:var(--rana-derin)}
    .rana-sss__cevap ol{margin:10px 0 0;padding-left:20px}
    .rana-sss__cevap ol li{margin-bottom:6px}

    .rana-sss-daha{margin-top:20px;text-align:center}
    .rana-sss-daha p{font-size:15px;line-height:1.7;color:var(--rana-metin);margin:0 0 13px}

    @media(max-width:1024px){.rana-surec-sss{grid-template-columns:1fr;gap:40px}}
    @media(max-width:767px){
      .rana-surec-sss__giris{font-size:16px}
      .rana-adimlar li{padding-left:44px;padding-bottom:20px}
      .rana-adimlar b{font-size:16px}
      .rana-adimlar span{font-size:14.5px}
      .rana-sss summary{font-size:15px;padding:16px 48px 16px 17px}
      .rana-sss__cevap{font-size:15px;padding:16px 17px 18px}
    }

/* ── YASAL METİN ── */
.rana-yasal{
  font-family:inherit; color:var(--rana-ink); box-sizing:border-box;
  max-width:82ch;
}
.rana-yasal *{ box-sizing:border-box; }

.rana-yasal__tarih{
  display:inline-block;
  margin:0 0 26px;
  padding:7px 15px;
  background:var(--rana-acik); border-radius:999px;
  color:var(--rana-koyu);
  font-size:13px; font-weight:600;
}

.rana-yasal__giris{
  padding:18px 20px;
  background:var(--rana-zemin);
  border-left:4px solid var(--rana-sari);
  border-radius:10px;
  font-size:16px; line-height:1.9;
  color:var(--rana-metin);
}

.rana-yasal h2{
  margin:40px 0 16px; padding:0 0 8px;
  color:var(--rana-ink);
  font-size:21px; font-weight:800; line-height:1.3;
  border-bottom:2px solid var(--rana-kenar);
}
.rana-yasal h3{
  margin:26px 0 10px; padding:0;
  color:var(--rana-ink);
  font-size:16.5px; font-weight:700; line-height:1.4;
}

.rana-yasal p{
  margin:0 0 16px;
  font-size:16px; line-height:1.85;
  color:var(--rana-metin);
}
.rana-yasal p strong,
.rana-yasal li strong,
.rana-yasal td strong{ color:var(--rana-ink); font-weight:700; }

.rana-yasal ul,
.rana-yasal ol{
  margin:0 0 20px;
  padding-left:24px;
}
.rana-yasal li{
  margin:0 0 9px;
  font-size:16px; line-height:1.8;
  color:var(--rana-metin);
}
.rana-yasal ul li::marker{ color:var(--rana-yesil); }
.rana-yasal ol li::marker{ color:var(--rana-koyu); font-weight:700; }

.rana-yasal a{
  color:var(--rana-koyu); font-weight:600;
  text-decoration:underline; text-underline-offset:2px;
}
.rana-yasal a:hover{ color:var(--rana-derin); }

.rana-yasal__not{
  padding:14px 18px;
  background:var(--rana-zemin);
  border-left:4px solid var(--rana-yesil);
  border-radius:10px;
  font-size:15px; line-height:1.75;
}

.rana-yasal__acil{
  padding:16px 20px;
  background:var(--rana-hata-zemin);
  border-left:4px solid var(--rana-hata);
  border-radius:10px;
  font-size:15.5px; line-height:1.8;
  color:#6B4A40;
}
.rana-yasal__acil strong{ color:var(--rana-hata); }

.rana-yasal__baglanti{ list-style:none; padding-left:0; }
.rana-yasal__baglanti li{
  padding:11px 0; margin:0;
  border-bottom:1px solid var(--rana-kenar);
}
.rana-yasal__baglanti li:last-child{ border-bottom:0; }

.rana-yasal__tablo{
  overflow-x:auto;
  margin:0 0 22px;
  border:1px solid var(--rana-kenar);
  border-radius:12px;
}
.rana-yasal__tablo table{
  width:100%; min-width:640px;
  border-collapse:collapse;
  font-size:14.5px;
}
.rana-yasal__tablo thead th{
  background:var(--rana-acik);
  padding:13px 15px;
  text-align:left;
  font-size:13.5px; font-weight:700; color:var(--rana-ink);
  border-bottom:1px solid var(--rana-kenar);
  white-space:nowrap;
}
.rana-yasal__tablo td{
  padding:13px 15px;
  border-bottom:1px solid var(--rana-acik);
  line-height:1.7; color:var(--rana-metin);
  vertical-align:top;
}
.rana-yasal__tablo tbody tr:last-child td{ border-bottom:0; }
.rana-yasal__tablo code{
  padding:2px 7px;
  background:var(--rana-zemin); border:1px solid var(--rana-kenar); border-radius:6px;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:12.5px; color:var(--rana-derin);
  white-space:nowrap;
}
.rana-yasal__tablo em{ color:var(--rana-koyu); font-style:normal; font-weight:600; }

@media(max-width:767px){
  .rana-yasal h2{ font-size:19px; margin-top:32px; }
  .rana-yasal p,
.rana-yasal li{ font-size:15.5px; }
  .rana-yasal__giris{ font-size:15.5px; padding:16px 17px; }
  .rana-yasal__tablo table{ font-size:14px; }
}

/* ── AÇILIŞ ── */
.rana-acilis{  max-width:100%; margin:0; padding:0; }

.rana-acilis__eyebrow{
  margin:0 0 14px; padding:0;
  color:var(--rana-sari);
  font-size:15px; font-weight:600;
  line-height:1.4; letter-spacing:.08em;
  text-transform:uppercase;
}

.rana-acilis .rana-acilis__title{
  margin:0; padding:0;
  color:#ffffff;
  font-size:clamp(34px,4.6vw,62px);
  font-weight:800; line-height:1.08;
  letter-spacing:-.02em;
}

.rana-acilis__rotator{
  height:clamp(35px,5.13vw,68px);
  min-height:35px;
  overflow:hidden;
  margin:4px 0 0; padding:0;
  font-size:clamp(26px,3.8vw,50px);
  font-weight:800;
  letter-spacing:-.02em; color:var(--rana-sari);
}
.rana-acilis__list{
  margin:0; padding:0; list-style:none;
  will-change:transform;
  animation:rp-slide 9s cubic-bezier(.7,0,.3,1) infinite;
}
.rana-acilis__list li{
  height:clamp(35px,5.13vw,68px);
  line-height:clamp(35px,5.13vw,68px);
  margin:0; padding:0;
  list-style:none; white-space:nowrap;
}
.rana-acilis__list li::marker{ content:none; }

@keyframes rp-slide{
  0%,26%  { transform:translate3d(0,0,0); }
  33%,59% { transform:translate3d(0,-25%,0); }
  66%,92% { transform:translate3d(0,-50%,0); }
  100%    { transform:translate3d(0,-75%,0); }
}

.rana-acilis__acik{
  margin:22px 0 0; padding:0; max-width:44ch;
  color:rgba(255,255,255,.88);
  font-size:16.5px; line-height:1.75;
}

.rana-acilis__islem{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }

.rana-acilis .rana-acilis__dugme{
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 26px; border-radius:999px;
  font-size:15.5px; font-weight:700;
  text-decoration:none;
  appearance:none; -webkit-appearance:none;
  transition:filter .16s ease, background .16s ease, border-color .16s ease;
}
.rana-acilis .rana-acilis__dugme svg{ width:17px; height:17px; }

.rana-acilis .rana-acilis__dugme--sade{
  background:rgba(255,255,255,.08); color:#fff;
  border:1px solid rgba(255,255,255,.34);
}
.rana-acilis .rana-acilis__dugme--sade:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.6);
}

.rana-acilis .rana-acilis__ikon{
  width:52px; height:52px;
  padding:0;
  justify-content:center;
  border-radius:50%;
  flex:0 0 auto;
}
.rana-acilis .rana-acilis__ikon svg{ width:21px; height:21px; }

@media (max-width:1024px){
  .rana-acilis__acik{ max-width:none; }
}

@media (max-width:640px){
  .rana-acilis__eyebrow{ font-size:12.5px; margin-bottom:10px; }
  .rana-acilis .rana-acilis__title{ font-size:clamp(30px,8.4vw,42px); }
  .rana-acilis__rotator{
    font-size:clamp(24px,7.2vw,36px);
    height:clamp(32px,9.72vw,49px);
    min-height:32px;
  }
  .rana-acilis__list li{
    height:clamp(32px,9.72vw,49px);
    line-height:clamp(32px,9.72vw,49px);
  }
  .rana-acilis__acik{
    margin-top:16px; font-size:15px; line-height:1.65;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  }
  .rana-acilis__islem{ margin-top:20px; gap:9px; }
  .rana-acilis .rana-acilis__dugme{ flex:1 1 100%; justify-content:center; }
  .rana-acilis .rana-acilis__ikon{ flex:0 0 auto; width:48px; height:48px; }
}

@media (prefers-reduced-motion:reduce){ .rana-acilis__list{ animation:none !important; } }

/* ── HİZMET KARTLARI ── */
.rana-hizmet-kartlari{
  display:grid; grid-template-columns:repeat(3,1fr); gap:26px;
  max-width:1140px; margin:0 auto; padding:8px;
}
.rana-hizmet-kartlari .rana-hizmet-kartlari__kart{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  background:#fff; border:1px solid #EFEFEF; border-radius:20px;
  padding:42px 30px 34px; text-decoration:none; color:inherit;
  box-shadow:0 6px 22px rgba(0,0,0,.06);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.rana-hizmet-kartlari .rana-hizmet-kartlari__kart:hover,
.rana-hizmet-kartlari .rana-hizmet-kartlari__kart:focus-visible{
  transform:translateY(-9px);
  box-shadow:0 18px 40px rgba(129,161,123,.28);
  border-color:rgba(129,161,123,.45);
}
.rana-hizmet-kartlari .rana-hizmet-kartlari__kart:focus-visible{ outline:3px solid var(--rana-koyu); outline-offset:4px; }

.rana-hizmet-kartlari .rana-hizmet-kartlari__ikon{ display:block; margin-bottom:22px; }
.rana-hizmet-kartlari .rana-hizmet-kartlari__ikon img{
  width:96px; height:96px; object-fit:contain; display:block;
  transition:transform .28s ease;
}
.rana-hizmet-kartlari .rana-hizmet-kartlari__kart:hover .rana-hizmet-kartlari__ikon img{ transform:scale(1.07); }

.rana-hizmet-kartlari h3{
  font-size:23px; font-weight:600; color:var(--rana-ink);
  margin:0 0 12px; line-height:1.3;
}
.rana-hizmet-kartlari p{
  font-size:15.5px; line-height:1.7; color:#656565;
  margin:0 0 26px; max-width:30ch;
}

@media(max-width:900px){ .rana-hizmet-kartlari{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .rana-hizmet-kartlari{ grid-template-columns:1fr; gap:20px; } }
@media(prefers-reduced-motion:reduce){
  .rana-hizmet-kartlari *{ transition:none !important; }
  .rana-hizmet-kartlari .rana-hizmet-kartlari__kart:hover{ transform:none !important; }
}

/* ── BELGELER ── */
.rana-belgeler{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:28px 0 0;
  padding:0;
}

.rana-belgeler .rana-belgeler__kart{
  display:flex; align-items:flex-start; gap:12px;
  background:#FAFAF7;
  border:1px solid #F0EFE9;
  border-left:3px solid var(--rana-sari);
  border-radius:12px;
  padding:14px 16px;
  min-width:0;
  transition:background .25s ease, border-left-color .25s ease, transform .25s ease;
}

.rana-belgeler .rana-belgeler__kart:hover{
  background:#fff;
  border-left-color:var(--rana-koyu);
  transform:translateY(-2px);
}

.rana-belgeler .rana-belgeler__kart > svg{
  flex:none;
  width:21px; height:21px;
  margin-top:2px;
  color:var(--rana-sari);
  transition:color .25s ease;
}
.rana-belgeler .rana-belgeler__kart:hover > svg{ color:var(--rana-koyu); }

.rana-belgeler .rana-belgeler__kart > span{
  display:flex; flex-direction:column; gap:3px; min-width:0;
}

.rana-belgeler strong{
  font-size:15.5px;
  font-weight:600;
  color:var(--rana-ink);
  line-height:1.3;
}

.rana-belgeler small{
  font-size:12.5px;
  font-weight:400;
  color:#8A8A8A;
  line-height:1.5;
}

@media(max-width:1024px){
  .rana-belgeler{ grid-template-columns:1fr; }
}

@media(max-width:560px){
  .rana-belgeler .rana-belgeler__kart{ padding:12px 14px; gap:10px; }
  .rana-belgeler strong{ font-size:14.5px; }
}

@media(prefers-reduced-motion:reduce){
  .rana-belgeler *{ transition:none !important; }
  .rana-belgeler .rana-belgeler__kart:hover{ transform:none !important; }
}

/* ── ÇAĞRI ── */
.rana-cagri{
  --rp-desen:0.45;
}

.rana-cagri{
  background:var(--rana-koyu);
  padding:72px 24px;
  margin:0;
}

.rana-cagri .rana-cagri__ic{
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
  max-width:1180px; margin:0 auto;
}

.rana-cagri .rana-cagri__butonlar{ display:flex; flex-wrap:wrap; gap:12px; }

.rana-cagri .rana-cagri__sag{
  display:grid; grid-template-columns:repeat(2,1fr); gap:34px 24px; text-align:center;
}

.rana-cagri .rana-sayac{
  position:relative;
  display:flex; flex-direction:column; gap:4px;
  isolation:isolate;
}

.rana-cagri .rana-sayac::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:123px; height:124px;
  left:calc(50% - 116px);
  top:14px;
  background:url("https://pskranapekel.com.tr/wp-content/uploads/2025/10/circle-pattern-2.png") no-repeat center/contain;
  opacity:var(--rp-desen);
  pointer-events:none;
}

.rana-cagri .rana-sayac__no{
  color:#FFFFFF;
  font-size:clamp(40px,4.6vw,62px);
  font-weight:800; line-height:1.05; letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.rana-cagri .rana-sayac__ad{
  color:var(--rana-sari);
  font-size:16px; font-weight:700; line-height:1.3;
}

@media(max-width:900px){
  .rana-cagri{ padding:54px 20px; }
  .rana-cagri .rana-cagri__ic{ grid-template-columns:1fr; gap:44px; }
  .rana-cagri .rana-cagri__sag{ gap:28px 16px; }
}

@media(max-width:560px){
  .rana-cagri .rana-sayac__ad{ font-size:14px; }
  .rana-cagri .rana-sayac::before{ width:92px; height:93px; left:calc(50% - 86px); top:10px; }
}

@media(prefers-reduced-motion:reduce){
  .rana-cagri *{ transition:none !important; }
}

/* ── UZMANLIK ── */
.rana-uzmanlik{

  background:var(--rana-acik);
  padding:60px 30px 80px;
  margin:0;
}

.rana-uzmanlik .rana-uzmanlik__ic{ max-width:1240px; margin:0 auto; }

.rana-uzmanlik .rana-uzmanlik__ust{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:18px 32px; margin-bottom:34px;
}

.rana-uzmanlik .rana-uzmanlik__oge{
  flex:0 0 20%;
  max-width:20%;
  min-width:0;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:42px 16px 44px;
  border-radius:5px;
  background-color:transparent;
  background-image:url("https://pskranapekel.com.tr/wp-content/uploads/2025/10/shape-triangle.png");
  background-position:bottom left;
  background-repeat:no-repeat;
  background-size:43% auto;
  text-decoration:none;
}

.rana-uzmanlik .rana-uzmanlik__oge:focus-visible{ outline:3px solid var(--rana-yesil); outline-offset:-6px; }

.rana-uzmanlik .rana-uzmanlik__gorsel{
  display:flex; align-items:center; justify-content:center;
  width:90px; height:90px;
}
.rana-uzmanlik .rana-uzmanlik__gorsel img{
  width:auto; max-width:90px; height:90px;
  object-fit:contain; display:block;
}

.rana-uzmanlik .rana-uzmanlik__oge h3{
  display:flex; align-items:flex-start; justify-content:center;
  min-height:2.7em;
  margin:18px 0 26px; padding:0;
  color:var(--rana-ink);
  font-size:17px; font-weight:700;
  line-height:1.35; letter-spacing:-.01em;
  text-wrap:balance;
}
.rana-uzmanlik .rana-uzmanlik__liste{
  display:flex; flex-wrap:wrap;
  justify-content:center;
  gap:0;
  margin:0; padding:0;
}
@media(max-width:1199px){
  .rana-uzmanlik .rana-uzmanlik__oge{ flex:0 0 33.333%; max-width:33.333%; padding:40px 20px 42px; }
}

@media(max-width:820px){
  .rana-uzmanlik .rana-uzmanlik__oge{ flex:0 0 50%; max-width:50%; }
}

@media(max-width:560px){
  .rana-uzmanlik{ padding:48px 18px 56px; }
  .rana-uzmanlik .rana-uzmanlik__oge{ flex:0 0 100%; max-width:100%; padding:32px 20px 34px; }
  .rana-uzmanlik .rana-uzmanlik__oge h3{ min-height:0; margin-bottom:20px; }
}

/* ── RANDEVU SÜRECİ ── */
.rana-surec{

  max-width:520px; color:#22271F; text-align:left;
}
.rana-surec *{ box-sizing:border-box; }

.rana-surec__liste{
  position:relative;
  margin:0; padding:0; list-style:none;
}
.rana-surec__liste::before{
  content:""; position:absolute;
  left:19px; top:14px; bottom:14px; width:2px;
  background:linear-gradient(180deg,var(--rana-yesil),var(--rana-kenar-acik));
  opacity:.45;
}

.rana-surec__adim{
  position:relative;
  display:flex; align-items:flex-start; gap:18px;
  margin:0 0 26px; padding:0;
  list-style:none;
}
.rana-surec__adim:last-child{ margin-bottom:0; }
.rana-surec__adim::marker{ content:none; }

.rana-surec__no{
  position:relative; z-index:1; flex:0 0 auto;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:#fff; border:2px solid var(--rana-yesil);
  color:var(--rana-derin);
  font-size:15px; font-weight:800; line-height:1;
}

.rana-surec__govde{ padding-top:7px; }
.rana-surec__govde h3{
  margin:0 0 5px; padding:0;
  color:#22271F;
  font-size:17px; font-weight:700;
  line-height:1.35; letter-spacing:-.01em;
}
.rana-surec__govde p{
  margin:0; padding:0;
  color:#6B7566;
  font-size:15px; font-weight:400; line-height:1.7;
}

.rana-surec__not{
  margin-top:32px; padding:18px 20px;
  background:#F3F7F1;
  border-left:3px solid var(--rana-sari);
  border-radius:0 12px 12px 0;
}
.rana-surec__not h4{
  margin:0 0 5px; padding:0;
  color:var(--rana-derin);
  font-size:14.5px; font-weight:700; line-height:1.35;
}
.rana-surec__not p{
  margin:0; padding:0;
  color:var(--rana-koyu);
  font-size:14px; line-height:1.65;
}

@media (max-width:1024px){
  .rana-surec{ max-width:none; }
}
@media (max-width:640px){
  .rana-surec__liste::before{ left:16px; }
  .rana-surec__no{ width:34px; height:34px; font-size:14px; }
  .rana-surec__adim{ gap:14px; margin-bottom:22px; }
  .rana-surec__govde{ padding-top:4px; }
  .rana-surec__govde h3{ font-size:16px; }
  .rana-surec__govde p{ font-size:14.5px; }
}

/* ── YORUMLAR ── */
.rana-yorum{

  position:relative;
  background:transparent;
  padding:0;
  margin:0;
}

.rana-yorum .rana-yorum__ic{
  position:relative;
  z-index:1;
  max-width:560px;
  margin:0;
  padding:0;
}

.rana-yorum .rana-yorum__pencere{ overflow:hidden; }

.rana-yorum .rana-yorum__ray{
  display:flex;
  align-items:stretch;
  margin:0; padding:0;
  transition:transform .55s cubic-bezier(.5,0,.2,1);
  will-change:transform;
}

.rana-yorum .rana-yorum__kart{
  flex:0 0 100%;
  max-width:100%;
  margin:0; padding:24px 26px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.28);
  border-radius:14px;
  display:flex; flex-direction:column;
}

.rana-yorum .rana-yorum__kart blockquote{
  margin:0; padding:0;
  background:none;
  border:none;
  color:#fff;
  font-size:16px; font-weight:400;
  line-height:1.72; font-style:normal;
  quotes:none;
}
.rana-yorum .rana-yorum__kart blockquote::before,
.rana-yorum .rana-yorum__kart blockquote::after{ content:none; }

.rana-yorum .rana-yorum__kart figcaption{
  margin:auto 0 0;
  padding:16px 0 0;
  color:var(--rana-sari);
  font-size:14.5px; font-weight:700; line-height:1.4;
}

.rana-yorum .rana-yorum__kontrol{
  display:flex; align-items:center; gap:14px;
  margin:22px 0 0; padding:0;
  background:none; border:none;
}

.rana-yorum .rana-yorum__ok{
  -webkit-appearance:none;
  appearance:none;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  min-width:0;
  min-height:0;
  max-width:none;
  margin:0;
  padding:0;
  background:transparent;
  background-image:none;
  border:2px solid rgba(255,255,255,.5);
  border-radius:50%;
  box-shadow:none;
  color:#fff;
  font-size:0;
  line-height:0;
  letter-spacing:normal;
  text-transform:none;
  cursor:pointer;
  transition:background .25s ease, color .25s ease, border-color .25s ease;
}

.rana-yorum .rana-yorum__ok svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
}

.rana-yorum .rana-yorum__ok:hover,
.rana-yorum .rana-yorum__ok:focus-visible{
  background:var(--rana-sari);
  border-color:var(--rana-sari);
  color:var(--rana-sari-ink);
}
.rana-yorum .rana-yorum__ok:focus-visible{ outline:3px solid #fff; outline-offset:2px; }

.rana-yorum .rana-yorum__noktalar{
  display:flex; align-items:center; gap:9px;
  margin:0; padding:0;
  background:none; border:none;
}

.rana-yorum .rana-yorum__nokta{
  -webkit-appearance:none;
  appearance:none;
  flex:0 0 auto;
  display:block;
  width:10px;
  height:10px;
  min-width:0;
  min-height:0;
  max-width:none;
  margin:0;
  padding:0;
  background:rgba(255,255,255,.42);
  background-image:none;
  border:none;
  border-radius:50%;
  box-shadow:none;
  font-size:0;
  line-height:0;
  cursor:pointer;
  transition:background .25s ease, width .25s ease, border-radius .25s ease;
}

.rana-yorum .rana-yorum__nokta[aria-selected="true"]{
  width:26px;
  border-radius:6px;
  background:var(--rana-sari);
}

.rana-yorum .rana-yorum__nokta:focus-visible{ outline:2px solid #fff; outline-offset:3px; }

@media(max-width:900px){
  .rana-yorum .rana-yorum__ic{ max-width:100%; }
}

@media(max-width:560px){
  .rana-yorum .rana-yorum__kart{ padding:20px 18px; }
  .rana-yorum .rana-yorum__kart blockquote{ font-size:15px; }
}

@media(prefers-reduced-motion:reduce){
  .rana-yorum .rana-yorum__ray{ transition:none !important; }
  .rana-yorum .rana-yorum__ok,
.rana-yorum .rana-yorum__nokta{ transition:none !important; }
}

/* ── İLETİŞİM ── */
.rana-iletisim{

  color:var(--rana-ink); font-family:inherit; text-align:left;
}
.rana-iletisim *{ box-sizing:border-box; }

.rana-iletisim__giris{
  margin:0 0 26px; padding:0; max-width:62ch;
  color:var(--rana-soluk);
  font-size:16px; line-height:1.8;
}

.rana-iletisim__liste{
  margin:0; padding:0; list-style:none;
  display:flex; flex-direction:column; gap:12px;
}
.rana-iletisim__oge{
  display:flex; align-items:flex-start; gap:15px;
  margin:0; padding:16px 18px;
  list-style:none;
  background:#fff; border:1px solid var(--rana-kenar-acik);
  border-left:4px solid var(--rana-yesil); border-radius:13px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.rana-iletisim__oge::marker{ content:none; }
.rana-iletisim__oge:hover{
  border-color:var(--rana-yesil);
  box-shadow:0 8px 22px rgba(92,120,87,.12);
  transform:translateX(2px);
}

.rana-iletisim__ikon{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:50%;
  background:var(--rana-acik); color:var(--rana-koyu);
}
.rana-iletisim__ikon svg{ width:20px; height:20px; }

.rana-iletisim__govde{ min-width:0; padding-top:2px; }
.rana-iletisim__govde h3{
  margin:0 0 3px; padding:0;
  color:var(--rana-derin);
  font-size:15.5px; font-weight:700; line-height:1.3;
}
.rana-iletisim__govde a{
  color:var(--rana-ink); text-decoration:none;
  font-size:15px; line-height:1.6;
  border-bottom:1px solid transparent; transition:border-color .18s ease, color .18s ease;
}
.rana-iletisim__govde a:hover{ color:var(--rana-koyu); border-bottom-color:var(--rana-yesil); }
.rana-iletisim__govde p{
  margin:0; padding:0;
  color:var(--rana-ink); font-size:15px; line-height:1.6;
}
.rana-iletisim__govde p span{ color:var(--rana-soluk); font-size:14px; }

.rana-iletisim__sosyal{
  margin-top:26px; padding-top:22px;
  border-top:1px solid var(--rana-kenar-acik);
}
.rana-iletisim__sosyal-baslik{
  margin:0 0 12px; padding:0;
  color:var(--rana-soluk);
  font-size:13px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase;
}
.rana-iletisim__sosyal ul{
  display:flex; flex-wrap:wrap; gap:10px;
  margin:0; padding:0; list-style:none;
}
.rana-iletisim__sosyal li{ margin:0; padding:0; list-style:none; }
.rana-iletisim__sosyal li::marker{ content:none; }
.rana-iletisim__sosyal a{
  display:flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:50%;
  background:#fff; color:var(--rana-koyu);
  border:1px solid var(--rana-kenar-acik); text-decoration:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.rana-iletisim__sosyal a svg{ width:20px; height:20px; }
.rana-iletisim__sosyal a:hover{
  background:var(--rana-sari); color:var(--rana-sari-ink);
  border-color:var(--rana-sari); transform:translateY(-3px);
}

.rana-iletisim a:focus-visible{ outline:3px solid var(--rana-yesil); outline-offset:3px; border-radius:6px; }

@media (max-width:560px){
  .rana-iletisim__giris{ font-size:15.5px; }
  .rana-iletisim__oge{ padding:14px 15px; gap:12px; }
  .rana-iletisim__ikon{ width:40px; height:40px; }
  .rana-iletisim__ikon svg{ width:18px; height:18px; }
  .rana-iletisim__sosyal a{ width:42px; height:42px; }
}

/* ── HARİTA ── */
.rana-harita{

  font-family:inherit; color:var(--rana-ink);
}
.rana-harita *{ box-sizing:border-box; }

.rana-harita__cerceve{
  position:relative; width:100%; aspect-ratio:16/9;
  min-height:280px;
  background:var(--rana-acik);
  border:1px solid var(--rana-kenar-acik); border-radius:16px;
  overflow:hidden;
}
.rana-harita__cerceve iframe{
  position:absolute; inset:0;
  width:100%; height:100%; border:0; display:block;
}

.rana-harita__alt{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px; margin-top:16px;
}

.rana-harita__adres{
  display:flex; align-items:center; gap:9px;
  margin:0; padding:0;
  color:var(--rana-soluk);
  font-size:15px; line-height:1.5;
}
.rana-harita__adres svg{ width:19px; height:19px; flex:0 0 auto; color:var(--rana-yesil); }

@media (max-width:560px){
  .rana-harita__cerceve{ aspect-ratio:4/3; }
  .rana-harita__alt{ flex-direction:column; align-items:flex-start; }
}

/* ── YAKLAŞIM ── */
.rana-yaklasim{

  color:var(--rana-ink);
  font-family:inherit;
  text-align:left;
}
.rana-yaklasim *{ box-sizing:border-box; }
.rana-yaklasim [hidden]{ display:none !important; }

.rana-yaklasim__bolum{ margin:0 0 52px; }
.rana-yaklasim__bolum:last-child{ margin-bottom:0; }

.rana-yaklasim__giris{
  margin:0 0 26px; padding:0; max-width:70ch;
  color:var(--rana-soluk);
  font-size:16.5px; line-height:1.8;
}

.rana-yaklasim__yontemler{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;
}

.rana-yontem{
  display:flex; flex-direction:column;
  padding:24px 22px 20px;
  background:#fff;
  border:1px solid var(--rana-kenar-acik);
  border-top:4px solid var(--rana-yesil);
  border-radius:14px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.rana-yontem:hover{
  border-color:var(--rana-yesil);
  box-shadow:0 10px 26px rgba(92,120,87,.13);
  transform:translateY(-2px);
}
.rana-yontem h3{
  margin:0 0 10px; padding:0;
  color:var(--rana-derin);
  font-size:18px; font-weight:700; line-height:1.3;
}
.rana-yontem p{
  margin:0 0 18px; padding:0;
  color:var(--rana-soluk);
  font-size:15px; line-height:1.75;
}

.rana-yontem .rana-yontem__bag{
  margin-top:auto;
  display:inline-flex; align-items:center; gap:7px;
  align-self:flex-start;
  padding:9px 16px; border-radius:999px;
  background:var(--rana-acik); color:var(--rana-derin);
  border:0; text-decoration:none;
  font-size:14px; font-weight:700; line-height:1.2;
  transition:background .2s ease, color .2s ease;
}
.rana-yontem .rana-yontem__bag svg{ width:15px; height:15px; }
.rana-yontem .rana-yontem__bag:hover{
  background:var(--rana-sari); color:var(--rana-sari-ink);
}

.rana-yaklasim__alanlar{
  display:flex; flex-wrap:wrap; gap:10px;
  margin:0; padding:0; list-style:none;
}
.rana-yaklasim__alanlar li{ margin:0; padding:0; list-style:none; }
.rana-yaklasim__alanlar li::marker{ content:none; }
.rana-yaklasim__alanlar a{
  display:inline-flex; align-items:center;
  padding:12px 22px; border-radius:999px;
  background:#fff; color:var(--rana-derin);
  border:1px solid var(--rana-kenar-acik); text-decoration:none;
  font-size:15px; font-weight:600; line-height:1.3;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.rana-yaklasim__alanlar a:hover{
  background:var(--rana-acik);
  border-color:var(--rana-yesil);
  color:var(--rana-koyu);
}

.rana-yaklasim__gorusme{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
}
.rana-gorusme{
  padding:26px 24px;
  background:var(--rana-acik);
  border:1px solid var(--rana-kenar-acik);
  border-radius:14px;
}
.rana-gorusme__ikon{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; margin-bottom:14px;
  border-radius:50%; background:#fff; color:var(--rana-koyu);
  border:1px solid var(--rana-kenar-acik);
}
.rana-gorusme__ikon svg{ width:20px; height:20px; }
.rana-gorusme h3{
  margin:0 0 8px; padding:0;
  color:var(--rana-derin);
  font-size:17.5px; font-weight:700; line-height:1.3;
}
.rana-gorusme > p:not(.rana-gorusme__adres){
  margin:0; padding:0;
  color:var(--rana-soluk);
  font-size:15px; line-height:1.75;
}
.rana-gorusme__adres{
  margin:12px 0 0; padding:0;
  color:var(--rana-derin);
  font-size:14.5px; font-weight:600; line-height:1.6;
}

.rana-yaklasim__not{
  margin:18px 0 0; padding:14px 18px;
  background:#fff; border-left:4px solid var(--rana-sari); border-radius:0 12px 12px 0;
  color:var(--rana-soluk);
  font-size:14.5px; line-height:1.7;
}

.rana-yaklasim a:focus-visible{ outline:3px solid var(--rana-yesil); outline-offset:3px; border-radius:6px; }

@media (max-width:900px){
  .rana-yaklasim__yontemler{ grid-template-columns:1fr; gap:14px; }
  .rana-yaklasim__gorusme{ grid-template-columns:1fr; gap:14px; }
  .rana-yaklasim__bolum{ margin-bottom:42px; }
}
@media (max-width:560px){
  .rana-yaklasim__giris{ font-size:15.5px; line-height:1.75; }
  .rana-yontem{ padding:20px 18px 18px; }
  .rana-gorusme{ padding:22px 18px; }
  .rana-yaklasim__alanlar{ gap:8px; }
  .rana-yaklasim__alanlar a{ padding:11px 18px; font-size:14.5px; }
}

/* ── SORULAR ── */
.rana-sorular{

  font-family:inherit; color:var(--rana-ink);
}
.rana-sorular *{ box-sizing:border-box; }

.rana-sorular__liste{ display:flex; flex-direction:column; gap:12px; }

.rana-sorular__oge{
  background:#fff;
  border:1px solid var(--rana-kenar-acik); border-radius:14px;
  overflow:hidden;
  transition:border-color .22s ease, box-shadow .22s ease;
}
.rana-sorular__oge[open]{
  border-color:var(--rana-yesil);
  box-shadow:0 8px 22px rgba(92,120,87,.11);
}

.rana-sorular__oge > summary{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 20px; margin:0;
  color:var(--rana-derin); font-size:16.5px; font-weight:700; line-height:1.45;
  cursor:pointer; list-style:none;
  transition:background .18s ease, color .18s ease;
}
.rana-sorular__oge > summary::-webkit-details-marker{ display:none; }
.rana-sorular__oge > summary::marker{ content:""; }
.rana-sorular__oge > summary:hover{ background:var(--rana-acik); }

.rana-sorular__isaret{
  position:relative; flex:0 0 auto;
  width:26px; height:26px; border-radius:50%;
  background:var(--rana-acik);
  transition:background .22s ease;
}
.rana-sorular__isaret::before,
.rana-sorular__isaret::after{
  content:""; position:absolute; left:50%; top:50%;
  width:11px; height:2px; border-radius:2px;
  background:var(--rana-koyu);
  transform:translate(-50%,-50%);
  transition:transform .25s ease, opacity .25s ease, background .22s ease;
}
.rana-sorular__isaret::after{ transform:translate(-50%,-50%) rotate(90deg); }
.rana-sorular__oge[open] .rana-sorular__isaret{ background:var(--rana-sari); }
.rana-sorular__oge[open] .rana-sorular__isaret::before,
.rana-sorular__oge[open] .rana-sorular__isaret::after{ background:var(--rana-sari-ink); }
.rana-sorular__oge[open] .rana-sorular__isaret::after{ transform:translate(-50%,-50%) rotate(0deg); opacity:0; }

.rana-sorular__cevap{ padding:0 20px 20px; }
.rana-sorular__cevap p{
  margin:0; padding:0;
  color:var(--rana-soluk);
  font-size:15.5px; line-height:1.8;
}

.rana-sorular__alt{ margin-top:24px; text-align:center; }
.rana-sorular__oge > summary:focus-visible{ outline:3px solid var(--rana-yesil); outline-offset:3px; }

@media (max-width:560px){
  .rana-sorular__oge > summary{ padding:16px; font-size:15.5px; gap:12px; }
  .rana-sorular__cevap{ padding:0 16px 16px; }
}

@media (prefers-reduced-motion: reduce){
  .rana-sorular__oge,
.rana-sorular__isaret,
.rana-sorular__isaret::before,
.rana-sorular__isaret::after{ transition:none; }
}

/* ── SORU KUTUSU ── */
.rana-soru-kutusu{

  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:52px;
  align-items:start;
  font-family:inherit;
  color:var(--rana-ink);
  box-sizing:border-box;
}
.rana-soru-kutusu *{ box-sizing:border-box; }
.rana-soru-kutusu [hidden]{ display:none !important; }

.rana-soru-kutusu__giris{
  margin:0 0 34px;
  font-size:16.5px; line-height:1.85;
  color:var(--rana-metin);
}

.rana-soru-kutusu__blok{ margin-bottom:30px; }
.rana-soru-kutusu__blok h3{
  display:inline-block;
  margin:0 0 16px; padding:0 0 6px;
  color:var(--rana-ink);
  font-size:17px; font-weight:700; line-height:1.3;
  border-bottom:2px solid var(--rana-kenar);
}

.rana-soru-kutusu__sosyal{
  list-style:none; display:flex; flex-wrap:wrap; gap:11px;
  margin:0; padding:0;
}
.rana-soru-kutusu__sosyal li{ margin:0; }
.rana-soru-kutusu__sosyal a{
  display:flex; align-items:center; justify-content:center;
  width:46px; height:46px;
  background:var(--rana-koyu);
  color:#fff;
  border-radius:50%;
  text-decoration:none;
  transition:background .22s ease, transform .22s ease, color .22s ease;
}
.rana-soru-kutusu__sosyal a:hover{
  background:var(--rana-sari);
  color:var(--rana-sari-ink);
  transform:translateY(-3px);
}
.rana-soru-kutusu__sosyal svg{ width:21px; height:21px; }

.rana-soru-kutusu__iletisim{ list-style:none; margin:0; padding:0; }
.rana-soru-kutusu__iletisim li{
  display:flex; align-items:flex-start; gap:12px;
  margin:0 0 14px; padding:0;
}
.rana-soru-kutusu__iletisim li:last-child{ margin-bottom:0; }
.rana-soru-kutusu__iletisim svg{ width:20px; height:20px; flex:none; margin-top:2px; color:var(--rana-koyu); }
.rana-soru-kutusu__iletisim a{
  color:var(--rana-metin);
  font-size:15.5px; line-height:1.6;
  text-decoration:none;
  transition:color .2s ease;
}
.rana-soru-kutusu__iletisim a:hover{ color:var(--rana-derin); text-decoration:underline; }

.rana-soru-kutusu__acil{
  background:var(--rana-hata-zemin);
  border-left:4px solid var(--rana-hata);
  border-radius:12px;
  padding:16px 20px;
}
.rana-soru-kutusu__acil strong{
  display:block; margin-bottom:7px;
  color:var(--rana-hata);
  font-size:14.5px; font-weight:700;
}
.rana-soru-kutusu__acil p{
  margin:0;
  font-size:14px; line-height:1.7;
  color:#6B4A40;
}
.rana-soru-kutusu__acil p strong{ display:inline; color:var(--rana-hata); }

.rana-soru{
  background:#fff;
  border:1px solid var(--rana-kenar-acik);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 22px rgba(44,58,40,.07);
}
.rana-soru__ust{ padding:17px 22px; background:var(--rana-derin); }
.rana-soru__ust-metin{
  margin:0; padding:0;
  color:#fff;
  font-size:18px; font-weight:700; line-height:1.3;
}
.rana-soru__govde{ padding:22px; }

.rana-soru button,
.rana-soru input,
.rana-soru textarea,
.rana-soru label,
.rana-soru p,
.rana-soru span{
  text-transform:none;
  letter-spacing:normal;
  font-family:inherit;
}
.rana-soru button{
  -webkit-appearance:none; appearance:none;
  box-shadow:none; min-width:0; min-height:0;
}

.rana-soru__uyari{
  margin:0 0 18px;
  padding:13px 15px;
  background:var(--rana-zemin);
  border-left:4px solid var(--rana-sari);
  border-radius:10px;
  font-size:13px; line-height:1.65;
  color:var(--rana-metin);
}
.rana-soru__uyari strong{ color:var(--rana-ink); font-weight:700; }

.rana-soru__form{ display:flex; flex-direction:column; gap:15px; }

.rana-soru__alan{ display:flex; flex-direction:column; gap:5px; }
.rana-soru__alan label{
  font-size:13px; font-weight:600;
  color:#262C23; margin:0;
}
.rana-soru__alan input,
.rana-soru__alan textarea{
  width:100% !important;
  padding:12px 14px !important;
  background:#fff !important;
  border:1.5px solid var(--rana-kenar-acik) !important;
  border-radius:10px !important;
  color:#262C23 !important;
  font-size:15px !important; line-height:1.6 !important;
  transition:border-color .18s ease, box-shadow .18s ease !important;
}
.rana-soru__alan textarea{ resize:vertical !important; min-height:118px !important; }
.rana-soru__alan input:focus,
.rana-soru__alan textarea:focus{
  outline:none !important;
  border-color:var(--rana-yesil) !important;
  box-shadow:0 0 0 3px rgba(129,161,123,.22) !important;
}
.rana-soru__yardim{ font-size:12px; color:var(--rana-soluk); }
.rana-soru__sayac{
  align-self:flex-end;
  font-size:11.5px; color:var(--rana-soluk);
  font-variant-numeric:tabular-nums;
}

.rana-soru__tuzak{
  position:absolute; left:-9999px;
  width:1px; height:1px; overflow:hidden;
}

.rana-soru .rana-soru__onay{
  display:flex; align-items:flex-start; gap:9px;
  font-size:12.5px; line-height:1.6;
  color:#262C23; cursor:pointer; margin:0;
}
.rana-soru .rana-soru__onay input{ width:18px; height:18px; margin-top:2px; flex:none; accent-color:var(--rana-derin); }
.rana-soru .rana-soru__onay a{ color:var(--rana-koyu); font-weight:600; }

.rana-soru__cf:not(:empty){ margin:2px 0; }

.rana-soru__hata{
  display:flex; align-items:flex-start; gap:9px;
  padding:12px 14px;
  background:var(--rana-hata-zemin); border-radius:10px;
  color:var(--rana-hata);
  font-size:13.5px; font-weight:500; line-height:1.55;
}
.rana-soru__hata svg{ width:17px; height:17px; flex:none; margin-top:1px; }

.rana-soru__bitti{
  display:flex; flex-direction:column; align-items:center; gap:12px;
  padding:20px 6px 8px; text-align:center;
}
.rana-soru__tik{
  display:flex; align-items:center; justify-content:center;
  width:56px; height:56px;
  background:#EDF4EA; color:var(--rana-derin);
  border-radius:50%;
}
.rana-soru__tik svg{ width:26px; height:26px; }
.rana-soru__bitti-baslik{
  font-size:18px; font-weight:700; color:#262C23;
}
.rana-soru__bitti-metin{
  margin:0;
  font-size:13.5px; line-height:1.65;
  color:var(--rana-soluk); max-width:34ch;
}
.rana-soru .rana-soru__yeni{
  margin-top:4px;
  padding:10px 22px;
  background:transparent;
  border:1.5px solid var(--rana-kenar-acik);
  border-radius:999px;
  color:var(--rana-koyu);
  font-size:14px; font-weight:600;
  cursor:pointer;
  transition:border-color .2s ease, color .2s ease;
}
.rana-soru .rana-soru__yeni:hover{ border-color:var(--rana-yesil); color:var(--rana-derin); }

.rana-soru-kutusu :focus-visible{ outline:3px solid var(--rana-derin); outline-offset:2px; }

@media(max-width:1024px){
  .rana-soru-kutusu{ grid-template-columns:1fr; gap:38px; }
}
@media(max-width:767px){
  .rana-soru-kutusu__giris{ font-size:16px; }
  .rana-soru__govde{ padding:18px 16px; }
  .rana-soru__ust{ padding:15px 18px; }
  .rana-soru-kutusu__sosyal a{ width:44px; height:44px; }
}
@media(prefers-reduced-motion:reduce){
  .rana-soru-kutusu *{ transition:none !important; }
}

/* ── SSS BLOK ── */
.rana-sss-blok{
  font-family:inherit; color:var(--rana-ink); box-sizing:border-box;
}
.rana-sss-blok *{ box-sizing:border-box; }

.rana-sss-blok__ust{ margin:0 0 34px; }

.rana-sss-blok__giris{
  margin:0;
  max-width:70ch;
  font-size:16.5px; line-height:1.85;
  color:var(--rana-metin);
}

.rana-sss-blok__izgara{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px 34px;
  align-items:start;
}

.rana-sss :focus-visible{ outline:3px solid var(--rana-derin); outline-offset:2px; }

@media(max-width:900px){
  .rana-sss-blok__izgara{ grid-template-columns:1fr; gap:12px; }
  .rana-sss-blok__ust{ margin-bottom:26px; }
}
@media(max-width:767px){
  .rana-sss-blok__giris{ font-size:16px; }
}
@media(prefers-reduced-motion:reduce){
  .rana-sss details,
.rana-sss summary,
.rana-sss summary::after{ transition:none; }
}