/* ============ Genel ============ */
.tcgr{ --tc-gap:22px; color:#1f2937; }
.tcgr .tcgr-wrap{ display:grid; grid-template-columns:minmax(260px,320px) 1fr; gap:var(--tc-gap); align-items:center; }

/* Summary */
.tcgr .tcgr-summary{ background:#fff; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.08); padding:22px 18px; text-align:center; }
.tcgr .tcgr-summary-title{ font-weight:800; letter-spacing:.3px; font-size:22px; margin:0 0 8px; }
.tcgr .tcgr-summary .tcgr-stars{ color:#f6b800; margin-bottom:4px; }
.tcgr .tcgr-summary-count{ color:#6b7280; font-size:14px; }
.tcgr .tcgr-google{ font-weight:700; margin-top:6px; color:#4285F4; }

/* Cards wrap */
.tcgr .tcgr-cards{ display:grid; grid-auto-flow:column; grid-template-rows:repeat(2,auto); gap:var(--tc-gap);
  overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.tcgr .tcgr-cards::-webkit-scrollbar{ display:none; }

/* Card */
.tcgr .tcgr-card{ scroll-snap-align:start; background:#fff; border:1px solid #eee; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.08);
  padding:16px; transition:transform .18s ease, box-shadow .18s ease; }
.tcgr .tcgr-card:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(0,0,0,.1); }

.tcgr .tcgr-card-head{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.tcgr .tcgr-avatar{ width:48px; height:48px; border-radius:50%; overflow:hidden; background:#f3f4f6; box-shadow:0 2px 10px rgba(0,0,0,.08); flex:0 0 auto; }
.tcgr .tcgr-avatar img{ width:100%; height:100%; object-fit:cover; }
.tcgr .tcgr-avatar-fallback{ width:48px; height:48px; line-height:48px; text-align:center; font-weight:700; }
.tcgr .tcgr-author-area{ display:flex; flex-direction:column; line-height:1.2; }
.tcgr .tcgr-author{ font-weight:700; }
.tcgr .tcgr-job{ color:#6b7280; font-size:.9em; }
.tcgr .tcgr-date{ color:#6b7280; font-size:.9em; }
.tcgr .tcgr-gmark{ margin-left:auto; background:#4285F4; color:#fff; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; }

.tcgr .tcgr-stars{ color:#c8c8c8; }
.tcgr .tcgr-stars .on{ color:#f6b800; }
.tcgr .tcgr-text{ margin-top:8px; color:#1f2937; }
.tcgr .tcgr-more{ display:inline-block; margin-top:6px; color:#111; text-decoration:underline; }

/* Nav buttons */
.tcgr .tcgr-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; background:#fff; border:1px solid #e5e7eb; box-shadow:0 4px 16px rgba(0,0,0,.08); width:36px; height:36px; border-radius:999px; }
.tcgr .tcgr-nav.prev{ left:calc(320px + 8px); }
.tcgr .tcgr-nav.next{ right:8px; }

/* Skins */
.tcgr.skin-dark .tcgr-card{ background:#0f172a; color:#e5e7eb; border-color:#1f2937; }
.tcgr.skin-dark .tcgr-summary{ background:#0f172a; color:#e5e7eb; }
.tcgr.skin-soft .tcgr-card{ background:#fafafa; }
.tcgr.skin-glass .tcgr-card{ background:rgba(255,255,255,.6); backdrop-filter: blur(8px); }
.tcgr.skin-minimal .tcgr-card{ box-shadow:none; border-color:#ddd; }

/* Responsive */
@media (max-width:1024px){
  .tcgr .tcgr-wrap{ grid-template-columns:1fr; align-items:start; }
  .tcgr .tcgr-summary{ max-width:560px; margin:0 auto var(--tc-gap); }
  .tcgr .tcgr-cards{ grid-template-rows:auto; }
}
@media (max-width:768px){
  .tcgr .tcgr-cards{ grid-template-rows:auto; }
}