.rp-ars-hero, .rp-ars{
--as-soluk:#6E7A69;
  font-family:inherit; box-sizing:border-box;
}
.rp-ars-hero *, .rp-ars *{ box-sizing:border-box; }

.rp-ars-hero{
  position:relative; isolation:isolate;
  padding:60px 24px 54px;
  background:url("https://pskranapekel.com.tr/wp-content/uploads/2026/01/adana-psikolog-rana-pekel.webp") center/cover no-repeat;
}
.rp-ars-hero::before{
  content:""; position:absolute; inset:0; z-index:-2;
  background:linear-gradient(180deg, rgba(44,58,40,.60) 0%, rgba(44,58,40,.70) 100%);
}
.rp-ars-hero::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:rgba(253,217,117,.14);
}
.rp-ars-hero__ic{ max-width:1240px; margin:0 auto; }

.rp-ars-hero__yol{ margin-bottom:16px; }
:root .rp-ars-hero__yol{ font-size:15px; font-weight:600; line-height:1.6; color:var(--rana-acik); }
.rp-ars-hero__yol a{ transition:color .2s ease; }
:root .rp-ars-hero__yol a{ color:var(--rana-sari); font-weight:700; text-decoration:none; }
:root .rp-ars-hero__yol a:hover{ color:#fff; text-decoration:underline; }
.rp-ars-hero__yol .separator{ margin:0 4px; }
:root .rp-ars-hero__yol .separator{ color:#B7C6B2; }
:root .rp-ars-hero__yol .last{ color:#fff; font-weight:600; }

:root .rp-ars-hero__ust{ margin:0 0 8px; color:var(--rana-sari); font-size:13px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }

.rp-ars-hero__baslik{ max-width:22ch; text-shadow:0 2px 14px rgba(20,28,18,.35); }
:root .rp-ars-hero__baslik{ margin:0; padding:0; color:#fff; font-size:clamp(28px,4.2vw,46px); font-weight:800; line-height:1.16; letter-spacing:-.015em; }

.rp-ars-hero__aciklama{ max-width:62ch; }
:root .rp-ars-hero__aciklama{ margin:14px 0 0; color:#E7EEE3; font-size:16px; line-height:1.8; }

.rp-ars{ background:#fff; padding:48px 24px 78px; }
.rp-ars__ic{
  display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:48px;
  align-items:start; max-width:1240px; margin:0 auto;
}
.rp-ars__ana{ min-width:0; }

.rp-ars__izgara{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;
}

.rp-kart{
  display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--rana-kenar); border-radius:18px;
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .25s ease, transform .25s ease;
}
.rp-kart:hover{
  border-color:var(--rana-yesil);
  box-shadow:0 12px 30px rgba(92,120,87,.14);
  transform:translateY(-3px);
}

.rp-kart__kapak{
  display:block; position:relative;
  aspect-ratio:16 / 10; overflow:hidden; background:var(--rana-acik);
}
.rp-kart__kapak img{
  display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .4s ease;
}
.rp-kart:hover .rp-kart__kapak img{ transform:scale(1.06); }
.rp-kart__bos{
  display:block; width:100%; height:100%;
  background:linear-gradient(135deg,var(--rana-acik) 0%,var(--rana-kenar) 100%);
}

.rp-kart__govde{
  display:flex; flex-direction:column; flex:1 1 auto;
  padding:18px 20px 20px;
}

.rp-kart__etiketler{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:11px; }
.rp-kart__etiket{ display:inline-block; padding:4px 11px; border-radius:999px; background:var(--rana-acik); font-size:11.5px; font-weight:700; letter-spacing:.02em; transition:background .2s ease, color .2s ease; }
:root .rp-kart__etiket{ color:var(--rana-derin); text-decoration:none; }
.rp-kart__etiket:hover{ background:var(--rana-koyu); }
:root .rp-kart__etiket:hover{ color:#fff; }

:root .rp-kart__ad{ margin:0 0 10px; padding:0; font-size:18px; font-weight:800; line-height:1.38; letter-spacing:-.01em; }
.rp-kart__ad a{ transition:color .2s ease; }
:root .rp-kart__ad a{ color:var(--rana-ink); text-decoration:none; }
:root .rp-kart__ad a:hover{ color:var(--rana-derin); }

:root .rp-kart__ozet{ margin:0 0 16px; color:var(--rana-metin); font-size:14.5px; line-height:1.75; }

.rp-kart__alt{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:auto; padding-top:14px;
  border-top:1px solid var(--rana-acik);
}
.rp-kart__bilgi{ font-size:12.5px; font-weight:600; }
:root .rp-kart__bilgi{ color:var(--as-soluk); }
.rp-kart__ayrac{ margin:0 3px; }
:root .rp-kart__ayrac{ color:var(--rana-kenar); }
.rp-kart__bag{ display:inline-flex; align-items:center; gap:5px; font-size:13.5px; font-weight:700; }
:root .rp-kart__bag{ color:var(--rana-koyu); text-decoration:none; }
.rp-kart__bag svg{ width:15px; height:15px; transition:transform .2s ease; }
.rp-kart:hover .rp-kart__bag svg{ transform:translateX(3px); }

.rp-ars__bos{
  padding:52px 30px; text-align:center;
  background:var(--rana-zemin); border:1px solid var(--rana-kenar); border-radius:18px;
}
:root .rp-ars__bos h2{ margin:0 0 10px; color:var(--rana-ink); font-size:22px; font-weight:800; }
.rp-ars__bos p{ max-width:46ch; }
:root .rp-ars__bos p{ margin:0 auto 22px; color:var(--rana-metin); font-size:15.5px; line-height:1.8; }
.rp-ars__bos-dugme{ display:inline-flex; align-items:center; justify-content:center; padding:12px 28px; border-radius:999px; font-size:14.5px; font-weight:700; transition:background .2s ease, transform .2s ease; }
:root .rp-ars__bos-dugme{ background:var(--rana-koyu); color:#fff; text-decoration:none; }
.rp-ars__bos-dugme:hover{ transform:translateY(-2px); }
:root .rp-ars__bos-dugme:hover{ background:var(--rana-derin); color:#fff; }

.rp-ars__sayfalama{ margin-top:38px; }
.rp-ars__sayfalama .screen-reader-text{
  position:absolute !important; width:1px; height:1px;
  overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;
}
.rp-ars__sayfalama .nav-links{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px;
}
.rp-ars__sayfalama .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 14px; background:#fff; border:1px solid var(--rana-kenar); border-radius:12px; font-size:14.5px; font-weight:700; transition:background .2s ease, color .2s ease, border-color .2s ease; }
:root .rp-ars__sayfalama .page-numbers{ color:var(--rana-metin); text-decoration:none; }
.rp-ars__sayfalama a.page-numbers:hover{ background:var(--rana-acik); border-color:var(--rana-yesil); }
:root .rp-ars__sayfalama a.page-numbers:hover{ color:var(--rana-derin); }
.rp-ars__sayfalama .page-numbers.current{ background:var(--rana-koyu); border-color:var(--rana-koyu); }
:root .rp-ars__sayfalama .page-numbers.current{ color:#fff; }
.rp-ars__sayfalama .page-numbers.dots{
  border-color:transparent; background:transparent; min-width:24px; padding:0;
}

.rp-ars__yan{ display:flex; flex-direction:column; gap:18px; min-width:0; }

.rp-ars-kutu{
  background:#fff; border:1px solid var(--rana-kenar); border-radius:16px;
  padding:20px; box-shadow:0 4px 18px rgba(92,120,87,.08);
}
.rp-ars-kutu__baslik{ display:inline-block; border-bottom:3px solid var(--rana-sari); }
:root .rp-ars-kutu__baslik{ margin:0 0 16px; padding:0 0 7px; color:var(--rana-ink); font-size:17px; font-weight:800; line-height:1.3; }

.rp-ars-kutu__ara{ display:flex; gap:8px; }
.rp-ars-kutu__ara input{
  flex:1 1 auto; min-width:0;
  padding:11px 14px !important;
  background:#fff !important;
  border:1.5px solid var(--rana-kenar) !important; border-radius:10px !important;
  color:var(--rana-ink) !important;
  font-family:inherit !important; font-size:14.5px !important;
  outline:none !important; box-shadow:none !important;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.rp-ars-kutu__ara input::placeholder{ color:var(--as-soluk) !important; }
.rp-ars-kutu__ara input:focus{
  border-color:var(--rana-koyu) !important;
  box-shadow:0 0 0 3px rgba(92,120,87,.14) !important;
}
.rp-ars-kutu__ara button{ flex:none; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s ease; }
:root .rp-ars-kutu__ara button{ width:44px; height:44px; min-width:44px; padding:0; background:var(--rana-koyu); border:0; border-radius:10px; -webkit-appearance:none; appearance:none; color:#fff; }
:root .rp-ars-kutu__ara button svg{ flex:none; width:18px; height:18px; fill:none; stroke:currentColor; }
:root .rp-ars-kutu__ara button:hover{ background:var(--rana-derin); }

:root .rp-ars-kutu__yazilar{ list-style:none; margin:0; padding:0; }
:root .rp-ars-kutu__yazilar li{ margin:0 0 14px; padding:0; }
:root .rp-ars-kutu__yazilar li:last-child{ margin-bottom:0; }
.rp-ars-kutu__yazilar a{ display:flex; align-items:flex-start; gap:12px; }
:root .rp-ars-kutu__yazilar a{ text-decoration:none; }
.rp-ars-kutu__kapak{
  flex:none; width:62px; height:62px;
  border-radius:12px; overflow:hidden; background:var(--rana-acik);
}
.rp-ars-kutu__kapak img{
  display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .3s ease;
}
.rp-ars-kutu__yazilar a:hover .rp-ars-kutu__kapak img{ transform:scale(1.06); }
.rp-ars-kutu__yazi-metin{ min-width:0; }
.rp-ars-kutu__yazi-ad{ display:block; margin-bottom:4px; font-size:14.5px; font-weight:700; line-height:1.45; transition:color .2s ease; }
:root .rp-ars-kutu__yazi-ad{ color:var(--rana-ink); }
:root .rp-ars-kutu__yazilar a:hover .rp-ars-kutu__yazi-ad{ color:var(--rana-derin); }
.rp-ars-kutu__yazi-alt{ display:block; font-size:12.5px; font-weight:500; line-height:1.5; }
:root .rp-ars-kutu__yazi-alt{ color:var(--as-soluk); }

:root .rp-ars-kutu__liste{ list-style:none; margin:0; padding:0; }
:root .rp-ars-kutu__liste li{ margin:0; padding:0; }
.rp-ars-kutu__liste a{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--rana-acik); font-size:14.5px; font-weight:600; transition:color .2s ease, padding-left .2s ease; }
:root .rp-ars-kutu__liste a{ color:var(--rana-metin); text-decoration:none; }
.rp-ars-kutu__liste li:last-child a{ border-bottom:0; }
.rp-ars-kutu__liste a:hover{ padding-left:5px; }
:root .rp-ars-kutu__liste a:hover{ color:var(--rana-derin); }
.rp-ars-kutu__liste a.etkin{ font-weight:800; }
:root .rp-ars-kutu__liste a.etkin{ color:var(--rana-derin); }
.rp-ars-kutu__adet{ flex:none; min-width:26px; padding:2px 8px; background:var(--rana-acik); border-radius:999px; font-size:12px; font-weight:700; text-align:center; }
:root .rp-ars-kutu__adet{ color:var(--rana-derin); }
.rp-ars-kutu__liste a:hover .rp-ars-kutu__adet{ background:var(--rana-koyu); }
:root .rp-ars-kutu__liste a:hover .rp-ars-kutu__adet{ color:#fff; }
.rp-ars-kutu__liste--ok a::after{
  content:"›"; flex:none;
  color:var(--rana-yesil); font-size:18px; font-weight:700; line-height:1;
}

.rp-ars-kutu--randevu{
  background:linear-gradient(160deg,var(--rana-zemin) 0%,var(--rana-acik) 100%);
}
:root .rp-ars-kutu--randevu p{ margin:0 0 16px; color:var(--rana-metin); font-size:14.5px; line-height:1.75; }
.rp-ars-kutu__dugme{ display:flex; align-items:center; justify-content:center; padding:13px 20px; border-radius:12px; font-size:15px; font-weight:700; transition:background .2s ease, transform .2s ease; }
:root .rp-ars-kutu__dugme{ background:var(--rana-koyu); color:#fff; text-decoration:none; }
.rp-ars-kutu__dugme:hover{ transform:translateY(-2px); }
:root .rp-ars-kutu__dugme:hover{ background:var(--rana-derin); color:#fff; }

.rp-ars-kutu__sosyal{ display:flex; flex-wrap:wrap; gap:10px; }
:root .rp-ars-kutu__sosyal{ list-style:none; margin:0; padding:0; }
:root .rp-ars-kutu__sosyal li{ margin:0; }
.rp-ars-kutu__sosyal a{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:#fff; border:1px solid var(--rana-kenar); border-radius:50%; transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
:root .rp-ars-kutu__sosyal a{ color:var(--rana-koyu); }
.rp-ars-kutu__sosyal a svg{ width:18px; height:18px; }
.rp-ars-kutu__sosyal a:hover{ background:var(--rana-koyu); border-color:var(--rana-koyu); transform:translateY(-2px); }
:root .rp-ars-kutu__sosyal a:hover{ color:#fff; }

@media(max-width:1180px){
  .rp-ars__ic{ grid-template-columns:minmax(0,1fr) 300px; gap:34px; }
}

@media(max-width:1024px){
  .rp-ars__ic{ grid-template-columns:1fr; gap:40px; }
  .rp-ars__izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rp-ars__yan{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
    align-items:start;
  }
}

@media(max-width:767px){
  .rp-ars-hero{ padding:38px 16px 34px; }
  .rp-ars-hero__yol{ margin-bottom:12px; }
:root .rp-ars-hero__yol{ font-size:13.5px; }
  .rp-ars-hero__baslik{ max-width:none; }
  :root .rp-ars-hero__aciklama{ font-size:15px; }

  .rp-ars{ padding:34px 16px 56px; }
  .rp-ars__izgara{ grid-template-columns:1fr; gap:20px; }
  .rp-ars__yan{ display:flex; flex-direction:column; }
  .rp-ars__sayfalama .page-numbers{ min-width:40px; height:40px; padding:0 11px; }
  .rp-ars__bos{ padding:38px 20px; }
}