.rana-gm{
  --gm-koyu:#5C7857; --gm-derin:#3C5138; --gm-derin2:#2C3A28;
  --gm-sari:#FDD975; --gm-metin:#2A2A2A; --gm-govde:#5B6B66; --gm-soluk:#6E7A69;
  --gm-kenar:#DCE5DA; --gm-acik:#EFF3EC; --gm-zemin:#F7F9F5;
  display:block; width:100%; max-width:100%;
  flex:1 1 auto; min-width:min(260px, calc(100vw - 40px));
  font-family:inherit; box-sizing:border-box;
}
.rana-gm *{ box-sizing:border-box; }

.rana-gm__kapak{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; min-height:240px; padding:28px 22px;
  background:linear-gradient(160deg,#F7F9F5 0%,#EFF3EC 100%);
  border:1px solid var(--gm-kenar); border-radius:16px;
  text-align:center;
}

.rana-gm__ikon{
  display:inline-flex; align-items:center; justify-content:center;
  width:52px; height:52px; margin-bottom:2px;
  background:#fff; border:1px solid var(--gm-kenar); border-radius:50%;
  color:var(--gm-koyu);
}
.rana-gm__ikon svg{ width:24px; height:24px; }

:root:root:root .rana-gm__ad{ margin:0; color:var(--gm-metin); font-size:16px; font-weight:800; line-height:1.3; }

.rana-gm__metin{ max-width:46ch; }
:root:root:root .rana-gm__metin{ margin:0; color:var(--gm-govde); font-size:14px; line-height:1.7; }

.rana-gm__dugmeler{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px;
  margin-top:6px;
}

.rana-gm__dugme{ display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s ease, transform .2s ease; }
:root:root:root .rana-gm__dugme{ padding:11px 24px; margin:0; background:var(--gm-derin); color:#fff; border:0; border-radius:999px; -webkit-appearance:none; appearance:none; font-family:inherit; font-size:14.5px; font-weight:700; line-height:1.2; }
.rana-gm__dugme:hover{ transform:translateY(-2px); }
:root:root:root .rana-gm__dugme:hover{ background:var(--gm-derin2); }
.rana-gm__dugme:focus-visible{ outline:3px solid var(--gm-derin); outline-offset:2px; }

.rana-gm__ayar{ text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
:root:root:root .rana-gm__ayar{ padding:11px 14px; margin:0; background:none; border:0; color:var(--gm-govde); font-family:inherit; font-size:13.5px; font-weight:600; }
:root:root:root .rana-gm__ayar:hover{ color:var(--gm-derin); }

:root:root:root .rana-gm__alt{ margin:2px 0 0; font-size:12.5px; line-height:1.5; }
.rana-gm__alt a{ text-decoration:underline; text-underline-offset:2px; }
:root:root:root .rana-gm__alt a{ color:var(--gm-soluk); }
:root:root:root .rana-gm__alt a:hover{ color:var(--gm-derin); }

.rana-gm--acik .rana-gm__kapak{ display:none; }
.rana-gm iframe{ display:block; max-width:100%; border:0; border-radius:14px; }

.rana-gm[data-rana-gomulu="youtube"]{
  width:var(--gm-g, 320px); max-width:100%;
  flex:0 1 auto;
}
.rana-gm[data-rana-gomulu="youtube"] .rana-gm__kapak{
  min-height:min(var(--gm-y, 320px), 420px);
}

.rana-gm[data-rana-gomulu="harita"]{ height:100%; min-width:0; }
.rana-gm[data-rana-gomulu="harita"] .rana-gm__kapak{
  height:100%; min-height:200px;
  gap:7px; padding:20px 18px;
}
.rana-gm[data-rana-gomulu="harita"] .rana-gm__ikon{
  width:42px; height:42px; margin-bottom:0;
}
.rana-gm[data-rana-gomulu="harita"] .rana-gm__ikon svg{ width:20px; height:20px; }
:root:root:root .rana-gm[data-rana-gomulu="harita"] .rana-gm__metin{ font-size:13.5px; }
.rana-gm[data-rana-gomulu="harita"] .rana-gm__dugmeler{ margin-top:3px; }
.rana-gm[data-rana-gomulu="harita"] iframe{
  width:100%; height:100%; min-height:200px; border-radius:0;
}

@media(max-width:640px){
  .rana-gm__kapak{ min-height:200px; padding:22px 16px; }
  .rana-gm[data-rana-gomulu="harita"] .rana-gm__kapak{ padding:18px 14px; }
  :root:root:root .rana-gm__metin{ font-size:13.5px; }
  .rana-gm__dugmeler{ flex-direction:column; width:100%; }
  .rana-gm__dugme{ width:100%; }
}