/* ═══════════════════════════════════════════════════════════════════════════
   GEbzeMoto · ANA SAYFA TASARIM SİSTEMİ  (2026-10-20)
   Kapsam: yalnız <body class="hp"> — diğer sayfalar etkilenmez.
   Yükleme sırası: main.css → site-chrome → … → bu dosya (en son).
   Kural: her yeni bölüm hp- önekiyle yazılır; feed.js'in ürettiği
   .gm-* sınıfları yalnız burada yeniden tanımlanır.
   ═══════════════════════════════════════════════════════════════════════════ */

body.hp {
  /* yüzeyler */
  --hp-canvas: #f4f3ee;
  --hp-surface: #ffffff;
  --hp-surface-2: #efeee7;
  --hp-surface-3: #e7e5dc;
  /* metin */
  --hp-ink: #1e242b;
  --hp-ink-2: #464d56;
  --hp-ink-3: #59616a;
  /* çizgi */
  --hp-line: #dedbd2;
  --hp-line-2: #cfcbc0;
  /* vurgu (beyaz üstünde AA) */
  --hp-accent: #b65a17;
  --hp-accent-hover: #99490f;
  --hp-accent-soft: #f7e8da;
  --hp-accent-ink: #8d410b;
  /* koyu katman */
  --hp-dark: #1b2825;
  --hp-dark-2: #23332e;
  --hp-dark-line: #35463f;
  --hp-on-dark: #f5f5ef;
  --hp-on-dark-2: #c2ccc4;
  /* ölçü */
  --hp-shell: 1200px;
  --hp-gutter: clamp(16px, 4vw, 32px);
  --hp-r: 14px;
  --hp-r-lg: 20px;
  --hp-r-sm: 9px;
  --hp-s1: 0 1px 2px rgba(30, 36, 43, .05);
  --hp-s2: 0 14px 32px -18px rgba(30, 36, 43, .38);
  --hp-ease: 200ms cubic-bezier(.2, .7, .3, 1);

  margin: 0;
  background: var(--hp-canvas);
  color: var(--hp-ink);
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ─────────────── temel ─────────────── */
/* genel svg{width:100%} kuralına karşı: main/footer içindeki her ikon 16px taban */
body.hp main svg, body.hp .hp-alt svg { width: 16px; height: 16px; flex: none; }
body.hp .hp-shell { max-width: var(--hp-shell); margin-inline: auto; padding-inline: var(--hp-gutter); }
body.hp .hp-main { display: block; }
body.hp :focus-visible { outline: 2px solid var(--hp-accent); outline-offset: 3px; border-radius: 4px; }
body.hp .hp-skip {
  position: absolute; left: 12px; top: -60px; z-index: 200; padding: 10px 16px; border-radius: 10px;
  background: var(--hp-dark); color: #fff; font-weight: 650; text-decoration: none; transition: top .2s;
}
body.hp .hp-skip:focus { top: 12px; }

/* bölüm ritmi */
body.hp .hp-section { padding-block: clamp(44px, 5.2vw, 84px); }
body.hp .hp-section--tight { padding-block: clamp(32px, 3.4vw, 52px); }
body.hp .hp-section--surface { background: var(--hp-surface-2); border-block: 1px solid var(--hp-line); }
body.hp .hp-section--plain { background: var(--hp-canvas); }
body.hp .hp-section--dark { background: var(--hp-dark); color: var(--hp-on-dark); }

/* bölüm başlığı */
body.hp .hp-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(20px, 2.6vw, 34px); }
body.hp .hp-head__metin { max-width: 62ch; }
body.hp .hp-kicker {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 0;
  font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--hp-accent-ink);
}
body.hp .hp-kicker::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: currentColor; opacity: .55; }
body.hp .hp-title { margin: 0; font-size: clamp(25px, 3.1vw, 38px); line-height: 1.1; letter-spacing: -.028em; font-weight: 750; color: var(--hp-ink); }
body.hp .hp-sub { margin: 10px 0 0; font-size: clamp(15px, 1.2vw, 16.5px); line-height: 1.6; color: var(--hp-ink-2); }
body.hp .hp-head__eylem { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* metin */
body.hp p { margin: 0; }
body.hp a { color: inherit; text-decoration: none; }
body.hp .hp-link {
  display: inline-flex; align-items: center; gap: 6px; min-height: 40px;
  font-size: 14.5px; font-weight: 700; color: var(--hp-accent-ink); transition: color var(--hp-ease), gap var(--hp-ease);
}
body.hp .hp-link:hover { color: var(--hp-accent-hover); gap: 10px; }
body.hp .hp-link svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* düğmeler */
body.hp .hp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--hp-r-sm);
  font-family: inherit; font-size: 14.5px; font-weight: 700; letter-spacing: -.01em; cursor: pointer;
  transition: background var(--hp-ease), color var(--hp-ease), border-color var(--hp-ease), transform var(--hp-ease), box-shadow var(--hp-ease);
  white-space: nowrap;
}
body.hp .hp-btn svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.hp .hp-btn:active { transform: translateY(1px); }
body.hp .hp-btn--birincil { background: var(--hp-accent); color: #fff; box-shadow: 0 6px 18px -10px rgba(150, 70, 15, .8); }
body.hp .hp-btn--birincil:hover { background: var(--hp-accent-hover); box-shadow: 0 10px 24px -12px rgba(150, 70, 15, .85); }
body.hp .hp-btn--ikincil { background: var(--hp-surface); color: var(--hp-ink); border-color: var(--hp-line-2); box-shadow: var(--hp-s1); }
body.hp .hp-btn--ikincil:hover { border-color: var(--hp-ink-3); background: #fff; }
body.hp .hp-btn--cam { background: rgba(255, 255, 255, .1); color: var(--hp-on-dark); border-color: rgba(255, 255, 255, .22); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
body.hp .hp-btn--cam:hover { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .38); }
body.hp .hp-btn--beyaz { background: var(--hp-on-dark); color: var(--hp-dark); }
body.hp .hp-btn--beyaz:hover { background: #fff; }
body.hp .hp-btn--buyuk { min-height: 52px; padding-inline: 26px; font-size: 15.5px; }

/* etiket / rozet */
body.hp .hp-etiket {
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px;
  background: var(--hp-accent-soft); color: var(--hp-accent-ink);
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
body.hp .hp-etiket--notr { background: var(--hp-surface-3); color: var(--hp-ink-2); }
body.hp .hp-etiket--koyu { background: rgba(255, 255, 255, .12); color: var(--hp-on-dark); }

/* ═══════════════ HERO ═══════════════ */
body.hp .hp-hero {
  position: relative; isolation: isolate; overflow: hidden; color: var(--hp-on-dark);
  background: var(--hp-dark);
  padding-block: clamp(36px, 5vw, 68px) clamp(40px, 5vw, 76px);
}
body.hp .hp-hero__foto { position: absolute; inset: 0; z-index: -2; }
body.hp .hp-hero__foto img { width: 100%; height: 100%; object-fit: cover; object-position: center 14%; display: block; }
body.hp .hp-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(180deg, rgba(20, 31, 28, .72) 0%, rgba(20, 31, 28, .58) 42%, rgba(20, 31, 28, .9) 100%),
    radial-gradient(80% 60% at 12% 20%, rgba(182, 90, 23, .28), transparent 70%);
}
body.hp .hp-hero__ic { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: end; }
body.hp .hp-hero__kicker {
  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 7px 13px;
  border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(0, 0, 0, .22);
  font-size: 11.5px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: #e9e5d6;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
body.hp .hp-hero__kicker b { color: #ffb877; font-weight: 800; }
body.hp .hp-hero h1 {
  margin: 0; font-size: clamp(37px, 5.6vw, 66px); line-height: 1.02; letter-spacing: -.035em; font-weight: 800; color: #fffdf5;
  text-wrap: balance;
}
body.hp .hp-hero h1 em {
  font-style: normal; background: linear-gradient(96deg, #ffb877 10%, #f0913d 55%, #d97426 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.hp .hp-hero__metin { margin-top: 18px; max-width: 52ch; font-size: clamp(15.5px, 1.25vw, 17.5px); line-height: 1.62; color: #dfe3d8; }
body.hp .hp-hero__metin strong { color: #fff; font-weight: 700; }
body.hp .hp-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
body.hp .hp-hero__kanit { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .14); }
body.hp .hp-hero__kanit span { display: inline-flex; align-items: baseline; gap: 7px; font-size: 12.5px; color: #c4ccc3; }
body.hp .hp-hero__kanit b { font-size: 16px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }

/* hero sağ: canlı forum paneli */
body.hp .hp-panel {
  border-radius: var(--hp-r-lg); border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(16, 26, 23, .62); box-shadow: 0 24px 60px -30px rgba(0, 0, 0, .9);
  -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2);
  overflow: hidden;
}
body.hp .hp-panel__bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
body.hp .hp-panel__bas h2 { margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: #eadfcd; }
body.hp .hp-canli { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #9fdcb9; }
body.hp .hp-canli i { width: 6px; height: 6px; border-radius: 50%; background: #46d38a; box-shadow: 0 0 0 0 rgba(70, 211, 138, .6); animation: hp-nabiz 2.4s ease-out infinite; }
@keyframes hp-nabiz { 0% { box-shadow: 0 0 0 0 rgba(70, 211, 138, .55); } 70%, 100% { box-shadow: 0 0 0 7px rgba(70, 211, 138, 0); } }
body.hp .hp-panel__govde { padding: 6px; }
body.hp .hp-panel__alt { display: block; padding: 11px 16px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 12.5px; font-weight: 700; color: #ffc897; text-align: center; }
body.hp .hp-panel__alt:hover { background: rgba(255, 255, 255, .06); color: #fff; }
body.hp .hp-panel__alt svg { width: 13px; height: 13px; }

/* ═══════════════ HIZLI ERİŞİM ═══════════════ */
body.hp .hp-hizli { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
body.hp .hp-hizli a {
  display: flex; align-items: center; gap: 12px; padding: 14px 16px; min-height: 68px;
  border-radius: var(--hp-r); background: var(--hp-surface); border: 1px solid var(--hp-line); box-shadow: var(--hp-s1);
  transition: border-color var(--hp-ease), box-shadow var(--hp-ease), transform var(--hp-ease);
}
body.hp .hp-hizli a:hover { transform: translateY(-2px); border-color: var(--hp-line-2); box-shadow: var(--hp-s2); }
body.hp .hp-hizli i {
  display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 11px;
  background: var(--hp-accent-soft); color: var(--hp-accent-ink);
}
body.hp .hp-hizli i svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.hp .hp-hizli span { display: block; min-width: 0; }
body.hp .hp-hizli b { display: block; font-size: 14px; font-weight: 700; color: var(--hp-ink); letter-spacing: -.01em; }
body.hp .hp-hizli small { display: block; font-size: 11.5px; color: var(--hp-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ═══════════════ FORUM CANLI LİSTESİ (hero paneli) ═══════════════ */
body.hp .hp-panel .gm-thread {
  display: block; padding: 11px 12px; border-radius: 10px; transition: background var(--hp-ease);
}
body.hp .hp-panel .gm-thread:hover, body.hp .hp-panel .gm-thread:focus-visible { background: rgba(255, 255, 255, .08); }
body.hp .hp-panel .gm-thread + .gm-thread { border-top: 1px solid rgba(255, 255, 255, .07); border-radius: 0; }
body.hp .hp-panel .gm-thread__body { display: block; }
body.hp .hp-panel .gm-label {
  display: block; margin-bottom: 4px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #e5a877;
}
body.hp .hp-panel .gm-thread__title {
  display: block; font-size: 13.8px; line-height: 1.4; font-weight: 650; color: #f4f4ee;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
body.hp .hp-panel .gm-thread__meta { display: block; margin-top: 4px; font-size: 11.5px; color: #a9b3aa; }

/* ═══════════════ KART (ortak) ═══════════════ */
body.hp .hp-kart {
  position: relative; display: flex; flex-direction: column; min-width: 0;
  padding: 20px; border-radius: var(--hp-r); background: var(--hp-surface);
  border: 1px solid var(--hp-line); box-shadow: var(--hp-s1);
  transition: border-color var(--hp-ease), box-shadow var(--hp-ease), transform var(--hp-ease);
}
body.hp a.hp-kart:hover { transform: translateY(-2px); border-color: var(--hp-line-2); box-shadow: var(--hp-s2); }
body.hp .hp-kart__ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
body.hp .hp-kart__tarih { font-size: 12px; font-weight: 650; color: var(--hp-ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
body.hp .hp-kart h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.32; letter-spacing: -.015em; font-weight: 700; color: var(--hp-ink); }
body.hp .hp-kart h3 a:hover { color: var(--hp-accent); }
body.hp .hp-kart { position: relative; }
body.hp .hp-kart h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
body.hp .hp-kart__ozet { font-size: 14px; line-height: 1.6; color: var(--hp-ink-2); }
body.hp .hp-kart__alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--hp-line); font-size: 12.5px; color: var(--hp-ink-3); }
body.hp .hp-kart__alt b { font-weight: 700; color: var(--hp-ink-2); }
body.hp .hp-kart__git { display: inline-flex; align-items: center; gap: 5px; font-weight: 750; color: var(--hp-accent-ink); white-space: nowrap; }
body.hp .hp-kart__git svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--hp-ease); }
body.hp a.hp-kart:hover .hp-kart__git svg { transform: translateX(3px); }

/* ═══════════════ GEZİLER: takvim + etkinlikler ═══════════════ */
body.hp .hp-gezi { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; align-items: start; }
body.hp .hp-gezi__liste { display: grid; gap: 30px; }
body.hp .hp-etkinlik {
  position: relative; display: flex; flex-direction: row; gap: 14px; align-items: flex-start;
  padding: 24px 20px 18px;
}
body.hp .hp-etkinlik__gorsel { order: 1; margin-left: 0; }
body.hp .hp-etkinlik__govde { order: 2; flex: 1; width: auto; }
body.hp .hp-etkinlik__tarih {
  position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); z-index: 2;
  display: grid; place-items: center; width: 36px; padding: 6px 0 5px; border-radius: 9px;
  background: var(--hp-dark); color: var(--hp-on-dark); text-align: center; line-height: 1;
  box-shadow: var(--hp-s2); border: 2px solid var(--hp-surface);
}
body.hp .hp-etkinlik__tarih b { display: block; font-size: 14px; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
body.hp .hp-etkinlik__tarih span { display: block; margin-top: 3px; font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #ffc897; }
body.hp .hp-etkinlik__govde { min-width: 0; flex: 1; }
body.hp .hp-etkinlik__govde h3 { font-size: 17px; margin-bottom: 6px; }
body.hp .hp-etkinlik__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--hp-ink-3); }
body.hp .hp-etkinlik__meta span { display: inline-flex; align-items: center; gap: 5px; }
body.hp .hp-etkinlik__meta svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; }

/* davet kartı (misafir) */
body.hp .hp-davet {
  display: grid; gap: 18px; padding: 26px; border-radius: var(--hp-r-lg);
  background: linear-gradient(160deg, var(--hp-dark-2), var(--hp-dark)); color: var(--hp-on-dark);
  border: 1px solid var(--hp-dark-line); box-shadow: var(--hp-s2);
}
body.hp .hp-davet h3 { margin: 0; font-size: clamp(20px, 2.2vw, 25px); line-height: 1.22; letter-spacing: -.02em; font-weight: 750; color: #fff; }
body.hp .hp-davet p { font-size: 14.5px; line-height: 1.62; color: var(--hp-on-dark-2); }
body.hp .hp-davet__eylem { display: flex; flex-wrap: wrap; gap: 10px; }
body.hp .hp-davet__kicker { font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #ffb877; }

/* ═══════════════ RAPORLAR ═══════════════ */
body.hp .hp-izgara-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.hp .hp-medya {
  position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 11px; overflow: hidden;
  background: var(--hp-surface-3); margin-bottom: 14px;
}
body.hp .hp-medya img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms cubic-bezier(.2, .7, .3, 1); }
body.hp a.hp-kart:hover .hp-medya img { transform: scale(1.04); }
body.hp .hp-medya--bos::after {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 30% 30%, rgba(182, 90, 23, .14), transparent 60%),
    repeating-linear-gradient(135deg, rgba(30, 36, 43, .045) 0 10px, transparent 10px 20px);
}
body.hp .hp-medya--bos::before {
  content: "GMK"; position: absolute; inset: 0; display: grid; place-items: center;
  font-size: 12px; font-weight: 800; letter-spacing: .3em; color: rgba(30, 36, 43, .22);
}

/* ═══════════════ FORUM KATEGORİLERİ ═══════════════ */
body.hp .hp-kategoriler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.hp .hp-kategori {
  display: flex; flex-direction: column; gap: 10px; padding: 18px 20px; border-radius: var(--hp-r);
  background: var(--hp-surface); border: 1px solid var(--hp-line); box-shadow: var(--hp-s1);
  transition: border-color var(--hp-ease), box-shadow var(--hp-ease), transform var(--hp-ease);
}
body.hp .hp-kategori:hover { transform: translateY(-2px); border-color: var(--hp-line-2); box-shadow: var(--hp-s2); }
body.hp .hp-kategori__ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
body.hp .hp-kategori h3 { margin: 0; font-size: 16.5px; line-height: 1.3; font-weight: 700; letter-spacing: -.012em; color: var(--hp-ink); }
body.hp .hp-kategori__aciklama { font-size: 13px; line-height: 1.5; color: var(--hp-ink-3); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.hp .hp-kategori__sayilar { display: flex; gap: 16px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--hp-line); font-size: 12px; color: var(--hp-ink-3); }
body.hp .hp-kategori__sayilar b { font-size: 14px; font-weight: 750; color: var(--hp-ink); font-variant-numeric: tabular-nums; }
body.hp .hp-kategori__son { font-size: 11.5px; color: var(--hp-ink-3); white-space: nowrap; }

/* ═══════════════ TOPLULUK NABZI ═══════════════ */
body.hp .hp-nabiz { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.hp .hp-nabiz__kolon {
  display: flex; flex-direction: column; padding: 14px; border-radius: var(--hp-r);
  background: var(--hp-surface); border: 1px solid var(--hp-line); box-shadow: var(--hp-s1); min-width: 0;
}
body.hp .hp-nabiz__bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
body.hp .hp-nabiz__bas h3 { margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--hp-ink-3); }
body.hp .hp-nabiz__liste { display: grid; gap: 2px; }
body.hp .hp-nabiz__alt { display: block; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--hp-line); font-size: 12.5px; font-weight: 700; color: var(--hp-accent-ink); }
body.hp .hp-nabiz__alt:hover { color: var(--hp-accent-hover); }

/* feed.js topluluk satırları */
body.hp .gm-community-reply, body.hp .gm-community-person {
  display: block; padding: 6px 8px; margin-inline: -8px; border-radius: 9px; transition: background var(--hp-ease);
}
body.hp .gm-community-reply:hover, body.hp .gm-community-person:hover { background: var(--hp-surface-2); }
body.hp .gm-community-reply + .gm-community-reply, body.hp .gm-community-person + .gm-community-person { border-top: 1px solid var(--hp-line); }
body.hp .gm-community-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--hp-accent-ink); margin-bottom: 3px; }
body.hp .gm-community-meta time, body.hp .gm-community-meta > span:last-child:not(:first-child) { color: var(--hp-ink-3); letter-spacing: .02em; text-transform: none; font-weight: 650; }
body.hp .gm-community-reply h4 { margin: 0 0 3px; font-size: 13.6px; line-height: 1.3; font-weight: 650; color: var(--hp-ink); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
body.hp .gm-community-reply h4 a:hover { color: var(--hp-accent); }
body.hp .gm-community-reply p { font-size: 12px; line-height: 1.5; color: var(--hp-ink-3); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.hp .gm-community-author { display: block; margin-top: 3px; font-size: 11.5px; color: var(--hp-ink-3); }
body.hp .gm-community-person { display: flex; align-items: center; gap: 10px; }
body.hp .gm-community-avatar {
  display: grid; place-items: center; flex: none; width: 27px; height: 27px; border-radius: 50%;
  background: linear-gradient(145deg, #d9a274, #a8703f); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .02em;
}
body.hp .gm-community-person > div, body.hp .gm-community-person > span:last-child { min-width: 0; }
body.hp .gm-community-person h4 { margin: 0; font-size: 13.5px; line-height: 1.3; font-weight: 650; color: var(--hp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.hp .gm-community-person h4 a:hover { color: var(--hp-accent); }
body.hp .gm-community-person p { margin: 1px 0 0; font-size: 11.5px; color: var(--hp-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.hp .gm-community-total { margin-left: auto; flex: none; font-size: 13px; font-weight: 750; color: var(--hp-accent-ink); text-align: right; font-variant-numeric: tabular-nums; }
body.hp .gm-community-total small { display: block; font-size: 9.5px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--hp-ink-3); }
body.hp .gm-community-person--leading { background: var(--hp-accent-soft); }
body.hp .gm-community-person--leading:hover { background: #f3e0cd; }
body.hp .gm-community-award-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
body.hp .gm-community-award-chip { width: 32px; height: 32px; padding: 3px; border: 1px solid var(--hp-line); border-radius: 8px; background: #fff; cursor: help; overflow: hidden; }
body.hp .gm-community-award-chip img { width: 100%; height: 100%; object-fit: contain; }
body.hp .gm-community-award-chip span { display: grid; place-items: center; width: 100%; height: 100%; font-size: 11px; color: var(--hp-accent); }
body.hp .gm-community-empty { margin: 0; padding: 16px 6px; font-size: 12.5px; line-height: 1.55; color: var(--hp-ink-3); }

/* ═══════════════ MİSİL KART (feed.js misafir görünümü) ═══════════════ */
body.hp .gm-card {
  position: relative; display: flex; flex-direction: column; min-width: 0;
  padding: 20px; border-radius: var(--hp-r); background: var(--hp-surface);
  border: 1px solid var(--hp-line); box-shadow: var(--hp-s1);
  transition: border-color var(--hp-ease), box-shadow var(--hp-ease), transform var(--hp-ease);
}
body.hp .gm-card.gm-card--link:hover, body.hp a.gm-card:hover { transform: translateY(-2px); border-color: var(--hp-line-2); box-shadow: var(--hp-s2); }
body.hp .gm-title-teaser h3 { margin: 0 0 10px; font-size: 17.5px; line-height: 1.34; letter-spacing: -.012em; font-weight: 700; color: var(--hp-ink); }
body.hp .gm-label {
  display: inline-block; font-size: 10.5px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--hp-ink-3);
}
body.hp .gm-label--accent { color: var(--hp-accent-ink); }
body.hp .gm-title-access { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--hp-line); font-size: 13px; font-weight: 700; color: var(--hp-accent-ink); }
body.hp .gm-title-access:hover { color: var(--hp-accent-hover); }
body.hp .gm-media { position: relative; display: block; border-radius: 11px; overflow: hidden; background: var(--hp-surface-3); aspect-ratio: 16 / 9; }
body.hp .gm-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.hp .gm-media-empty { display: block; width: 100%; height: 100%; min-height: 140px; background: repeating-linear-gradient(135deg, rgba(30, 36, 43, .05) 0 10px, transparent 10px 20px); }
body.hp .gm-card .text-card, body.hp .gm-card .text-card-lg { font-size: 17.5px !important; line-height: 1.34 !important; letter-spacing: -.012em; font-weight: 700; }
body.hp .gm-card.p-0 { padding: 0; }
body.hp .gm-card .p-7 { padding: 18px 20px; }
body.hp .gm-card .mb-6 { margin-bottom: 14px; }
body.hp .gm-card .mb-4 { margin-bottom: 8px; }
body.hp .gm-card .mb-5 { margin-bottom: 10px; }
body.hp .gm-card .pt-5 { padding-top: 12px; }

/* ═══════════════ MİSAFİR DAVET (feed.js) ═══════════════ */
body.hp .gm-guest-invite {
  display: grid; gap: 16px; padding: 26px; border-radius: var(--hp-r-lg);
  background: linear-gradient(160deg, var(--hp-dark-2), var(--hp-dark)); color: var(--hp-on-dark);
  border: 1px solid var(--hp-dark-line); box-shadow: var(--hp-s2);
}
body.hp .gm-guest-kicker { font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #ffb877; }
body.hp .gm-guest-invite h3 { margin: 6px 0 8px; font-size: clamp(19px, 2vw, 24px); line-height: 1.24; font-weight: 750; letter-spacing: -.02em; color: #fff; }
body.hp .gm-guest-invite p { font-size: 14px; line-height: 1.6; color: var(--hp-on-dark-2); }
body.hp .gm-guest-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.hp .gm-guest-actions a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: var(--hp-r-sm);
  font-size: 14px; font-weight: 700; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); color: #fff;
}
body.hp .gm-guest-actions a:first-child { background: var(--hp-accent); border-color: var(--hp-accent); }
body.hp .gm-guest-actions a:hover { background: rgba(255, 255, 255, .2); }
body.hp .gm-guest-actions a:first-child:hover { background: var(--hp-accent-hover); }

/* Moto kafe (sohbet) şeridi */
body.hp .gm-guest-social { display: grid; gap: 16px; }
body.hp .gm-guest-social > h3 { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -.015em; color: var(--hp-ink); }
body.hp .gm-guest-social > p { font-size: 14px; color: var(--hp-ink-2); }
body.hp .gm-guest-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

/* ═══════════════ MOTOSİKLET REHBERİ ═══════════════ */
body.hp .hp-rehber {
  position: relative; overflow: hidden; border-radius: var(--hp-r-lg); padding: clamp(26px, 3.4vw, 46px);
  background-color: #1b2825;
  background-image: linear-gradient(150deg, #23332e 0%, #182421 62%, #241a12 100%);
  color: var(--hp-on-dark); border: 1px solid var(--hp-dark-line); box-shadow: var(--hp-s2);
}
body.hp .hp-rehber::after {
  content: ""; position: absolute; right: -80px; top: -80px; width: 340px; height: 340px; border-radius: 50%;
  background: radial-gradient(circle, rgba(182, 90, 23, .34), transparent 68%); pointer-events: none;
}
body.hp .hp-rehber__ic { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; }
body.hp .hp-rehber h2 { margin: 8px 0 10px; font-size: clamp(24px, 2.9vw, 34px); line-height: 1.14; letter-spacing: -.026em; font-weight: 780; color: #fff; }
body.hp .hp-rehber p { max-width: 56ch; font-size: 15px; line-height: 1.62; color: var(--hp-on-dark-2); }
body.hp .hp-rehber .hp-kicker { color: #ffb877; }
/* rehber: sunucu + motorcycle-home.js aynı sınıfları kullanır */
body.hp .gm-guide-home-inner { position: relative; z-index: 1; }
body.hp .hp-rehber .hp-rehber__ic, body.hp .gm-guide-home-inner > .hp-rehber__ic { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; }
body.hp .gm-guide-home-stats { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 16px; }
body.hp .gm-guide-home-stats span { font-size: 12.5px; color: #a9b6ae; }
body.hp .gm-guide-home-stats strong { display: inline-block; margin-right: 4px; font-size: 19px; font-weight: 800; letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; }
body.hp .gm-guide-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }
body.hp .gm-guide-home-card {
  display: flex; flex-direction: column; overflow: hidden; border-radius: var(--hp-r);
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14);
  transition: transform var(--hp-ease), background var(--hp-ease), border-color var(--hp-ease);
}
body.hp .gm-guide-home-card:hover { transform: translateY(-3px); background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .26); }
body.hp .gm-guide-home-card img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: #121b18; }
body.hp .gm-guide-home-card > div { padding: 14px 16px 16px; }
body.hp .gm-guide-home-card small { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #ffb877; }
body.hp .gm-guide-home-card h3 { margin: 4px 0 6px; font-size: 17px; font-weight: 750; letter-spacing: -.015em; color: #fff; }
body.hp .gm-guide-home-card span { font-size: 12px; color: #a9b6ae; }
body.hp .gm-guide-home-popular { margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .14); display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); gap: 20px 32px; align-items: start; }
body.hp .gm-guide-popular-kicker { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #ffb877; margin-bottom: 6px; }
body.hp .gm-guide-popular-heading h3 { margin: 0; font-size: clamp(18px, 1.9vw, 22px); line-height: 1.2; letter-spacing: -.02em; font-weight: 750; color: #fff; }
body.hp .gm-guide-popular-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
body.hp .gm-guide-popular-link {
  display: flex; align-items: center; gap: 14px; padding: 11px 12px; border-radius: 11px; min-height: 0;
  background: transparent; border: 1px solid transparent; color: var(--hp-on-dark);
  transition: background var(--hp-ease), border-color var(--hp-ease);
}
body.hp .gm-guide-popular-link:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); color: #fff; }
body.hp .gm-guide-popular-rank { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 9px; background: rgba(255, 255, 255, .1); font-size: 12.5px; font-weight: 800; color: #ffc897; }
body.hp .gm-guide-popular-body { min-width: 0; display: grid; }
body.hp .gm-guide-popular-body small { font-size: 10.5px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; color: #93a199; }
body.hp .gm-guide-popular-body strong { display: block; font-size: 14.5px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.hp .gm-guide-popular-body em { font-style: normal; font-size: 11.5px; color: #a9b6ae; }
body.hp .gm-guide-popular-body small + small { margin-top: 1px; color: #a9b6ae; }
body.hp .gm-guide-popular-arrow { margin-left: auto; flex: none; font-size: 13px; color: #7d8f86; }

/* ═══════════════ CTA / İLETİŞİM ═══════════════ */
body.hp .hp-cta { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
body.hp .hp-cta h2 { margin: 10px 0 12px; font-size: clamp(26px, 3.4vw, 42px); line-height: 1.08; letter-spacing: -.03em; font-weight: 800; color: #fff; }
body.hp .hp-cta p { max-width: 52ch; font-size: 15.5px; line-height: 1.65; color: var(--hp-on-dark-2); }
body.hp .hp-cta__eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
body.hp .hp-cta .hp-kicker { color: #ffb877; }
body.hp .hp-cta__kart {
  padding: 22px; border-radius: var(--hp-r-lg); border: 1px solid var(--hp-dark-line);
  background: rgba(255, 255, 255, .05); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
body.hp .hp-cta__kart h3 { margin: 0 0 10px; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: #ffc897; }
body.hp .hp-cta__adres { font-size: 14.5px; line-height: 1.7; color: var(--hp-on-dark-2); }
body.hp .hp-cta__adres strong { display: block; color: #fff; font-weight: 700; }
body.hp .hp-cta__satir { display: flex; align-items: center; gap: 10px; padding: 9px 0; font-size: 14px; color: var(--hp-on-dark-2); border-top: 1px solid rgba(255, 255, 255, .1); }
body.hp .hp-cta__satir svg { width: 16px; height: 16px; flex: none; fill: none; stroke: #ffb877; stroke-width: 1.8; stroke-linecap: round; }
body.hp .hp-cta__satir { min-height: 42px; }
body.hp .hp-cta__satir a { display: inline-flex; align-items: center; flex: 1; min-height: 40px; color: #fff; font-weight: 650; }
body.hp .hp-cta__satir a:hover { color: #ffc897; }

/* feed.js üye karşılama kartı */
body.hp .gm-member-hero-card {
  display: grid; gap: 10px; padding: 20px; border-radius: var(--hp-r);
  background: rgba(255, 255, 255, .06); border: 1px solid var(--hp-dark-line);
}
body.hp .gm-member-hero-kicker { font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #ffb877; }
body.hp .gm-member-hero-card h2 { margin: 0; font-size: 21px; line-height: 1.24; font-weight: 750; letter-spacing: -.02em; color: #fff; }
body.hp .gm-member-hero-card p { font-size: 13.8px; line-height: 1.6; color: var(--hp-on-dark-2); }
body.hp .gm-member-hero-card > a, body.hp .gm-member-hero-actions a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 16px; border-radius: var(--hp-r-sm);
  font-size: 13.5px; font-weight: 700; background: var(--hp-accent); color: #fff;
}
body.hp .gm-member-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; }
body.hp .gm-member-hero-actions a:last-child { background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); }

/* üye merkezi / profil tamamlama (mevcut bileşenler, sadece kapsam) */
body.hp .gm-member-hub { background: var(--hp-surface); border-block: 1px solid var(--hp-line); }
body.hp [hidden] { display: none !important; }

/* ═══════════════ SPONSOR / REKLAM ═══════════════ */
body.hp .gm-sponsors { padding-block: clamp(26px, 3vw, 40px); background: var(--hp-surface-2); border-top: 1px solid var(--hp-line); }
body.hp .gm-sponsors--home[hidden] { display: none !important; }
/* boş reklam alanı gösterme: JS (public.js) veri gelmeyince/boş olunca display:none uygular —
   önceki :not(:has(img,iframe)) kuralı IntersectionObserver'ı bloke ediyordu (display:none eleman
   asla "intersecting" olamaz → img hiç eklenemez → kalıcı gizli kalırdı). Kural kaldırıldı, 2026-10-21. */
body.hp .gm-sponsors .gm-sponsor-label, body.hp .gm-sponsors [class*="placeholder"] { display: none; }

/* ═══════════════ FOOTER ═══════════════ */
body.hp .hp-alt { background: var(--hp-dark); color: var(--hp-on-dark-2); border-top: 1px solid var(--hp-dark-line); padding-block: clamp(36px, 4.4vw, 60px) 26px; }
body.hp .hp-alt__izgara { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 44px); }
body.hp .hp-alt__marka { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; color: #fff; }
body.hp .hp-alt__marka img { width: 46px; height: 46px; object-fit: contain; }
body.hp .hp-alt__marka b { font-size: 15.5px; font-weight: 750; letter-spacing: -.01em; }
body.hp .hp-alt__marka small { display: block; font-size: 11.5px; font-weight: 600; color: #93a199; letter-spacing: .04em; }
body.hp .hp-alt p { font-size: 13.5px; line-height: 1.7; color: #a9b6ae; }
body.hp .hp-alt h3 { margin: 0 0 12px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8fa096; }
body.hp .hp-alt nav { display: grid; gap: 2px; }
body.hp .hp-alt nav a { display: inline-flex; align-items: center; min-height: 34px; font-size: 13.5px; color: #b9c4bc; transition: color var(--hp-ease); }
body.hp .hp-alt nav a:hover { color: #fff; }
body.hp .hp-alt__alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: clamp(24px, 3vw, 38px); padding-top: 18px; border-top: 1px solid var(--hp-dark-line); font-size: 12.5px; color: #8b9a92; }
body.hp .hp-alt__alt nav { display: flex; gap: 16px; }
body.hp .hp-alt__alt a { color: #a9b6ae; }
body.hp .hp-alt__alt a:hover { color: #fff; }

/* ═══════════════ DUYARLI ═══════════════ */
@media (max-width: 1080px) {
  body.hp .hp-nabiz { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.hp .hp-hizli { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.hp .hp-izgara-3, body.hp .hp-kategoriler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.hp .hp-alt__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  body.hp .hp-hero__ic { grid-template-columns: minmax(0, 1fr); align-items: start; }
  body.hp .hp-gezi { grid-template-columns: minmax(0, 1fr); }
  body.hp .hp-cta { grid-template-columns: minmax(0, 1fr); }
  body.hp .hp-rehber__ic, body.hp .gm-guide-home-inner > .hp-rehber__ic { grid-template-columns: minmax(0, 1fr); }
  body.hp .gm-guide-home-popular { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  body.hp .hp-hero { padding-block: 28px 36px; }
  body.hp .hp-hero::after { background: linear-gradient(180deg, rgba(18, 28, 25, .8) 0%, rgba(18, 28, 25, .7) 45%, rgba(18, 28, 25, .94) 100%); }
  body.hp .hp-hero__cta .hp-btn { flex: 1 1 auto; }
  body.hp .hp-hero__kanit { gap: 6px 16px; }
  body.hp .hp-hizli { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.hp .hp-hizli a { min-height: 62px; padding: 12px; gap: 10px; }
  body.hp .hp-hizli small { display: none; }
  body.hp .hp-nabiz, body.hp .hp-izgara-3, body.hp .hp-kategoriler, body.hp .gm-guest-topics { grid-template-columns: minmax(0, 1fr); }
  body.hp .gm-guide-home-grid { grid-template-columns: minmax(0, 1fr); }
  body.hp .hp-rehber .gm-guide-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.hp .hp-etkinlik { padding: 16px; gap: 12px; }
  body.hp .hp-etkinlik__tarih { width: 54px; }
  body.hp .hp-alt__izgara { grid-template-columns: minmax(0, 1fr); }
  body.hp .hp-head { gap: 14px; }
  body.hp .hp-kart, body.hp .gm-card { padding: 16px; }
  body.hp .hp-davet, body.hp .gm-guest-invite { padding: 20px; }
  body.hp .hp-alt nav a { min-height: 40px; }
  body.hp .hp-nabiz__liste > *:nth-child(n+4) { display: none; }
  body.hp .hp-panel__govde .gm-thread:nth-child(n+3) { display: none; }
  body.hp .hp-hero h1 { font-size: clamp(30px, 8.6vw, 40px); }
  body.hp .hp-hero__kanit { gap: 4px 14px; padding-top: 14px; margin-top: 20px; }
  body.hp .hp-hero__kanit span { font-size: 11.5px; }
  body.hp .hp-hero__kanit b { font-size: 14px; }
  body.hp .hp-nabiz__alt { min-height: 40px; }
  body.hp .hp-nabiz__kolon { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.hp *, body.hp *::before, body.hp *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* ───────── ajanda bileşeni (home-agenda.js) erişilebilirlik ───────── */
body.hp .gm-ha-empty { color: var(--hp-ink-2); font-size: 13px; line-height: 1.6; }
body.hp .gm-ha-status { color: var(--hp-ink-3); }
body.hp .gm-ha-month-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 4px 0 10px; }
body.hp .gm-ha-month { font-size: 14px; font-weight: 750; color: var(--hp-ink); }
body.hp .gm-ha-month-bar a, body.hp .gm-ha-month-bar button { display: inline-flex; align-items: center; min-height: 32px; padding: 0 8px; font-size: 12px; font-weight: 700; color: var(--hp-accent-ink); }
body.hp .gm-ha-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; }
body.hp .gm-ha-weekday { padding: 4px 0; text-align: center; font-size: 10px; font-weight: 800; letter-spacing: .06em; color: var(--hp-ink-3); }
body.hp .gm-ha-day { border-radius: 8px; font-size: 12.5px; font-weight: 650; color: var(--hp-ink-2); }
body.hp .gm-ha-day.is-today { background: var(--hp-accent); color: #fff; font-weight: 800; }
body.hp .gm-ha-day.is-past { color: var(--hp-ink-3); opacity: .55; }
body.hp .gm-ha-day.is-past.is-today { opacity: 1; }
body.hp .gm-ha-day.is-event { background: var(--hp-accent-soft); color: var(--hp-accent-ink); }
body.hp .gm-ha-day.is-birthday { background: #e8eef1; color: #2c4a58; }
body.hp .gm-ha-legend { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; font-size: 11px; color: var(--hp-ink-3); }
body.hp .gm-ha-plans { margin-top: 12px; display: grid; gap: 6px; }
body.hp .gm-ha-event { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 9px; background: var(--hp-surface-2); font-size: 12.5px; color: var(--hp-ink-2); }
body.hp .gm-ha-event__gorsel { flex: none; width: 36px; height: 36px; border-radius: 8px; object-fit: cover; background: var(--hp-surface-3); }
body.hp .gm-ha-event__govde { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; min-width: 0; }
body.hp .gm-ha-event-date { flex: none; font-weight: 800; color: var(--hp-accent-ink); font-variant-numeric: tabular-nums; }

/* etkinlik/rapor kartının tamamı tıklanabilir (dokunma hedefi büyüsün) */
body.hp .hp-etkinlik { position: relative; }
body.hp .hp-etkinlik h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }


/* ═══════════════ 2026-10-20 EK: topluluk/hero/ajanda/oyun düzenlemeleri ═══════════════ */

/* --- Header logosu: yalnız ana sayfada üst şeritte ortalansın (diğer sayfalarda sol hizalı kalır) --- */
/* header logosu varsayılan (sol) hizasında kalır — ortalama kaldırıldı */

/* --- Kulüp ajandası: takvim üstte, detaylar altta (dar kart içinde 2 sütun Chrome'da dağılıyordu) --- */
body.hp #kulup-ajandasi .gm-ha-panel { display: block; }
body.hp #kulup-ajandasi .gm-ha-month { margin-bottom: 18px; }
body.hp #kulup-ajandasi .gm-ha-plans { padding: 0; }
body.hp #kulup-ajandasi .gm-ha-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
body.hp #kulup-ajandasi .gm-ha-day { min-width: 0; }

/* --- Etkinlik kartına sağda minik görsel (konunun ilk görseli) --- */
body.hp .hp-etkinlik__gorsel {
  flex: none; width: 64px; height: 64px; border-radius: 10px; object-fit: cover; align-self: flex-start;
  background: var(--hp-surface-3);
}
@media (max-width: 480px) { body.hp .hp-etkinlik__gorsel { width: 52px; height: 52px; } }

/* --- "Yoldan gelen Gezilerdeki anılarımız" kartları: sol görsel + sağ içerik --- */
body.hp .hp-anima { flex-direction: row; align-items: center; gap: 14px; padding: 14px; }
body.hp .hp-anima__gorsel { flex: none; width: 84px; height: 84px; border-radius: 10px; object-fit: cover; }
body.hp .hp-anima__gorsel--bos {
  display: grid; place-items: center; background: var(--hp-surface-2); color: var(--hp-ink-3);
}
body.hp .hp-anima__gorsel--bos svg { width: 20px; height: 20px; transform: rotate(90deg); }
body.hp .hp-anima__govde { min-width: 0; flex: 1; }
body.hp .hp-anima h3 { margin: 6px 0 8px; }
body.hp a.hp-anima:hover { transform: none; }

/* --- Son rozetler: daha küçük, çerçevesiz rozet ikonları --- */
body.hp .gm-community-award-chip {
  width: 22px; height: 22px; padding: 0; border: none; border-radius: 6px; background: transparent;
}
body.hp .gm-community-award-chip span { font-size: 9px; }

/* --- Hero alt satırı: üye çipi (varsa) solda, CTA butonları sağda --- */
body.hp .hp-hero__altsatir { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 26px; }
body.hp .hp-hero__uye:empty { display: none; }
body.hp .hp-hero__uye {
  display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); backdrop-filter: blur(6px);
}
body.hp .hp-hero__uye .gm-member-hero-kicker {
  font-size: 9.5px; font-weight: 800; letter-spacing: .14em; color: #ffb877; white-space: nowrap;
}
body.hp .hp-hero__uye strong { font-size: 13.5px; font-weight: 700; color: #fff; white-space: nowrap; }
body.hp .hp-hero__uye a {
  display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 700; color: #ffc897;
  white-space: nowrap;
}
body.hp .hp-hero__uye a:hover { color: #fff; }
@media (max-width: 560px) {
  body.hp .hp-hero__uye { width: 100%; flex-wrap: wrap; }
}

/* --- CTA: üye zaten aramızdaysa "foruma git" butonu, "aramıza katıl" yerine --- */
body.hp [data-cta-forum-uye][hidden] { display: none; }

/* --- Oyun alanı widget'ı (forum bölümünde, sohbet şeridinin üstünde) --- */
body.hp .hp-oyun-widget {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px; align-items: start;
  padding: 22px; border-radius: var(--hp-r-lg); background: var(--hp-dark); color: var(--hp-on-dark); margin-bottom: 28px;
}
body.hp .hp-oyun-widget .hp-kicker { color: #ffb877; }
body.hp .hp-oyun-widget h3 { margin: 8px 0 14px; font-size: 19px; font-weight: 700; color: #fff; }
body.hp .hp-oyun-kartlar { display: grid; gap: 10px; }
body.hp .hp-oyun-kart {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px;
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); transition: background var(--hp-ease), border-color var(--hp-ease);
}
body.hp .hp-oyun-kart:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .22); }
body.hp .hp-oyun-kart i {
  display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 10px;
  background: var(--hp-accent); color: #fff;
}
body.hp .hp-oyun-kart i svg { width: 20px; height: 20px; }
body.hp .hp-oyun-kart span:not(.hp-oyun-kart__oyna) { display: flex; flex-direction: column; min-width: 0; flex: 1; }
body.hp .hp-oyun-kart b { font-size: 14.5px; font-weight: 700; color: #fff; }
body.hp .hp-oyun-kart small { font-size: 12px; color: var(--hp-on-dark-2); }
body.hp .hp-oyun-kart__oyna { flex: none; font-size: 12.5px; font-weight: 750; color: #ffc897; display: inline-flex; align-items: center; gap: 3px; }
body.hp .hp-oyun-kart__oyna svg { width: 13px; height: 13px; }
body.hp .hp-oyun-widget__skor { background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; padding: 16px; }
body.hp .hp-oyun-widget__skor h3 { color: #fff; }
body.hp .hp-oyun-widget__skor .hp-link { color: #ffc897; }
body.hp .hp-oyun-skor { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 2px; }
body.hp .hp-oyun-sira { display: flex; align-items: center; gap: 10px; padding: 8px 6px; border-radius: 8px; }
body.hp .hp-oyun-sira--altin { background: rgba(255, 200, 151, .12); }
body.hp .hp-oyun-sira__no {
  flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  font-size: 11px; font-weight: 800; background: rgba(255, 255, 255, .12); color: #fff;
}
body.hp .hp-oyun-sira--altin .hp-oyun-sira__no { background: #ffc897; color: #1b2825; }
body.hp .hp-oyun-sira__ad { flex: 1; min-width: 0; font-size: 13px; font-weight: 650; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.hp .hp-oyun-sira__oyun { flex: none; font-size: 10.5px; color: var(--hp-on-dark-2); }
body.hp .hp-oyun-sira__puan { flex: none; font-size: 12.5px; font-weight: 800; color: #ffc897; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) { body.hp .hp-oyun-widget { grid-template-columns: 1fr; } }