.rp-blog{ --rp-yesil:#81A17B; --rp-yesil-koyu:#5C7857; --rp-sari:#FDD975; --rp-koyu-ink:#33402F; --rp-ink:#2A2A2A; --rp-metin:#656565; position:relative; overflow:hidden; }
:root:root:root .rp-blog{ background:#fff; padding:70px 24px 90px; margin:0; }

.rp-blog::before,
.rp-blog::after{
  content:"";
  position:absolute;
  width:340px;
  height:280px;
  background-image:radial-gradient(rgba(129,161,123,.32) 3px, transparent 3.1px);
  background-size:22px 22px;
  pointer-events:none;
  z-index:0;
}
.rp-blog::before{
  top:24px; left:0;
  -webkit-mask-image:radial-gradient(circle at 0 0, #000 0%, transparent 78%);
  mask-image:radial-gradient(circle at 0 0, #000 0%, transparent 78%);
}
.rp-blog::after{
  bottom:0; right:0;
  -webkit-mask-image:radial-gradient(circle at 100% 100%, #000 0%, transparent 78%);
  mask-image:radial-gradient(circle at 100% 100%, #000 0%, transparent 78%);
}

.rp-blog .rp-blog__ic{ position:relative; z-index:1; max-width:1240px; }
:root:root:root .rp-blog .rp-blog__ic{ margin:0 auto; padding:0; }

.rp-blog .rp-blog__ust{ text-align:center; margin-bottom:42px; }

.rp-blog .rp-blog__ust .rana-etiket,
.rp-blog .rp-blog__ust .rana-baslik{ margin-left:auto; margin-right:auto; }
.rp-blog .rp-blog__ust .rana-baslik{ margin-bottom:0; }

.rp-blog .rp-blog__ray{ gap:26px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; overscroll-behavior-x:contain; }
:root:root:root .rp-blog .rp-blog__ray{ display:flex; margin:0; padding:6px 4px 10px; scroll-padding-inline:4px; }
.rp-blog .rp-blog__ray::-webkit-scrollbar{ display:none; }

.rp-blog .rp-blog__kart{ flex:0 0 calc((100% - 52px) / 3); max-width:calc((100% - 52px) / 3); scroll-snap-align:start; position:relative; }
:root:root:root .rp-blog .rp-blog__kart{ display:flex; flex-direction:column; margin:0; padding:22px 22px 26px; background:#fff; border:1px solid #F0F0EE; border-radius:20px; box-shadow:0 8px 26px rgba(42,42,42,.07); }

.rp-blog .rp-blog__gorsel{ border-radius:8px; overflow:hidden; aspect-ratio:16 / 10; background:#F4F6F3; }
:root:root:root .rp-blog .rp-blog__gorsel{ margin:0 0 18px; }
.rp-blog .rp-blog__gorsel img,
.rp-blog .rp-blog__bos{ object-fit:cover; display:block; }
:root:root:root .rp-blog .rp-blog__gorsel img,
:root:root:root .rp-blog .rp-blog__bos{ width:100%; height:100%; }

.rp-blog .rp-blog__kategori{ align-items:center; flex-wrap:wrap; gap:6px; }
:root:root:root .rp-blog .rp-blog__kategori{ display:flex; margin:0 0 12px; padding:0; font-size:13px; font-weight:700; line-height:1.4; }
.rp-blog .rp-blog__kategori a{ position:relative; z-index:2; }
:root:root:root .rp-blog .rp-blog__kategori a{ color:var(--rp-yesil-koyu); text-decoration:none; }
:root:root:root .rp-blog .rp-blog__kategori a:hover{ text-decoration:underline; }
:root:root:root .rp-blog .rp-blog__ayrac{ color:#C9D2C6; font-weight:400; }
.rp-blog .rp-blog__kategori-ok{ display:inline-flex; align-items:center; }
:root:root:root .rp-blog .rp-blog__kategori-ok{ color:var(--rp-yesil); }
.rp-blog .rp-blog__kategori-ok svg{ width:15px; height:15px; }

.rp-blog .rp-blog__yazi-baslik{ text-wrap:balance; }
:root:root:root .rp-blog .rp-blog__yazi-baslik{ margin:0 0 22px; padding:0; color:var(--rp-ink); font-size:20px; font-weight:700; line-height:1.35; letter-spacing:-.01em; }

.rp-blog .rp-blog__btn{ align-self:flex-start; align-items:center; justify-content:center; gap:7px; box-shadow:0 6px 16px rgba(253,217,117,.5); transition:background .28s ease, color .28s ease, box-shadow .28s ease; }
:root:root:root .rp-blog .rp-blog__btn{ margin:auto 0 0; display:inline-flex; padding:14px 28px; background:var(--rp-sari); color:var(--rp-koyu-ink); border:none; border-radius:50px; font-size:15px; font-weight:700; line-height:1.2; text-decoration:none; }
.rp-blog .rp-blog__btn::after{
  content:"";
  position:absolute; inset:0;
  border-radius:20px;
  z-index:1;
}
.rp-blog .rp-blog__btn svg{
  width:17px; height:17px; flex:none;
  transition:transform .28s ease;
}
.rp-blog .rp-blog__kart:hover .rp-blog__btn{ box-shadow:0 10px 24px rgba(92,120,87,.4); }
:root:root:root .rp-blog .rp-blog__kart:hover .rp-blog__btn{ background:var(--rp-yesil-koyu); color:#fff; }
.rp-blog .rp-blog__kart:hover .rp-blog__btn svg{ transform:translateX(4px); }
:root:root:root .rp-blog .rp-blog__btn:focus-visible{ outline:3px solid var(--rp-yesil-koyu); outline-offset:3px; }

:root:root:root .rp-blog .rp-blog__kontrol{ display:flex; align-items:center; justify-content:center; gap:14px; margin:32px 0 0; padding:0; background:none; border:none; }

:root:root:root .rp-blog .rp-blog__ok{ -webkit-appearance:none; appearance:none; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-width:0; min-height:0; max-width:none; margin:0; padding:0; background:transparent; background-image:none; border:2px solid #D8DFD5; border-radius:50%; box-shadow:none; color:var(--rp-yesil-koyu); 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, opacity .25s ease; }
:root:root:root .rp-blog .rp-blog__ok svg{ width:19px; height:19px; display:block; fill:none; stroke:currentColor; }
:root:root:root .rp-blog .rp-blog__ok:hover:not([disabled]),
:root:root:root .rp-blog .rp-blog__ok:focus-visible{ background:var(--rp-sari); border-color:var(--rp-sari); color:var(--rp-koyu-ink); }
:root:root:root .rp-blog .rp-blog__ok:focus-visible{ outline:3px solid var(--rp-yesil-koyu); outline-offset:2px; }
:root:root:root .rp-blog .rp-blog__ok[disabled]{ opacity:.35; cursor:default; }

:root:root:root .rp-blog .rp-blog__noktalar{ display:flex; align-items:center; gap:9px; margin:0; padding:0; background:none; border:none; }

:root:root:root .rp-blog .rp-blog__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:#D8DFD5; 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; }
:root:root:root .rp-blog .rp-blog__nokta[aria-selected="true"]{ width:26px; border-radius:6px; background:var(--rp-sari); }
:root:root:root .rp-blog .rp-blog__nokta:focus-visible{ outline:2px solid var(--rp-yesil-koyu); outline-offset:3px; }

@media(max-width:1024px){
  .rp-blog .rp-blog__kart{
    flex:0 0 calc((100% - 26px) / 2);
    max-width:calc((100% - 26px) / 2);
  }
}

@media(max-width:680px){
  :root:root:root .rp-blog{ padding:52px 18px 66px; }
  .rp-blog .rp-blog__ust{ margin-bottom:30px; }
  .rp-blog .rp-blog__ray{ gap:16px; }
  .rp-blog .rp-blog__kart{ flex:0 0 88%; max-width:88%; }
:root:root:root .rp-blog .rp-blog__kart{ padding:18px 18px 22px; }
  :root:root:root .rp-blog .rp-blog__yazi-baslik{ font-size:18px; }
  .rp-blog::before, .rp-blog::after{ width:200px; height:170px; }
}

@media(prefers-reduced-motion:reduce){
  .rp-blog .rp-blog__ray{ scroll-behavior:auto; }
  .rp-blog .rp-blog__btn,
  .rp-blog .rp-blog__btn svg,
  .rp-blog .rp-blog__ok,
  .rp-blog .rp-blog__nokta{ transition:none !important; }
}