/* Versioned stylesheet 0.3.12: member/profile/avatar release; filename changes to bypass persistent visitor caches. */
:root {
  color-scheme: dark;
  --og-bg: #08090d;
  --og-surface: #10121a;
  --og-surface-2: #151722;
  --og-line: rgba(255, 255, 255, .11);
  --og-text: #f8f8fb;
  --og-muted: #a6a8b2;
  --og-violet: #8b5cf6;
  --og-orange: #ff4d20;
}

* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; background: var(--og-bg); scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  color: var(--og-text);
  background: radial-gradient(circle at 22% -15%, rgba(139, 92, 246, .18), transparent 31rem), var(--og-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img, video, iframe { max-width: 100%; }
img { height: auto; }
iframe { border: 0; }
button { font: inherit; }
input, select, textarea, button { max-width: 100%; }
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus {
  z-index: 999;
  top: 10px;
  left: 10px;
  width: auto;
  height: auto;
  padding: 10px 14px;
  clip: auto;
  color: #111;
  background: #fff;
}

.og-header { position: static; border-bottom: 1px solid var(--og-line); background: rgba(8, 9, 13, .92); }
.og-header__inner {
  width: min(1480px, calc(100% - 40px));
  min-height: 76px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 24px;
}
.og-brand { flex: 0 0 auto; }
.og-brand__link { display: flex; align-items: center; gap: 12px; font-size: 1.35rem; font-weight: 900; letter-spacing: -.04em; }
.og-brand__mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--og-violet), #4f46e5 58%, #121421 59%);
  box-shadow: 0 0 28px rgba(139, 92, 246, .35);
  font-size: .7rem;
}
.custom-logo-link { display: block; line-height: 0; }
.custom-logo { width: auto; max-height: 52px; }
.og-navigation { min-width: 0; max-width: 100%; flex: 1 1 auto; }
.og-menu { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; list-style: none; }
.og-menu li { position: relative; }
.og-menu a { color: #c9cad2; font-size: .82rem; font-weight: 750; white-space: nowrap; transition: color .2s; }
.og-menu a:hover, .og-menu a:focus-visible { color: #fff; }
.og-menu .sub-menu {
  display: none;
  position: absolute;
  z-index: 20;
  top: 100%;
  left: -16px;
  min-width: 210px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--og-line);
  background: var(--og-surface);
  list-style: none;
}
.og-menu li:hover > .sub-menu, .og-menu li:focus-within > .sub-menu { display: grid; gap: 10px; }
.og-menu-toggle { display: none; margin-left: auto; border: 1px solid var(--og-line); color: white; background: var(--og-surface); }
.og-search { position: relative; z-index: 5; flex: 0 0 170px; display: flex; min-width: 0; margin-left: auto; border: 1px solid var(--og-line); border-radius: 4px; overflow: hidden; background: var(--og-surface); }
.og-search:focus-within { border-color: var(--og-violet); box-shadow: 0 0 0 3px rgba(139, 92, 246, .16); }
.og-search__field { width: 100%; min-width: 0; padding: 9px 11px; border: 0; outline: 0; color: #fff; background: transparent; font: inherit; font-size: .86rem; }
.og-search__field::placeholder { color: var(--og-muted); }
.og-search__button { width: 42px; flex: 0 0 42px; border: 0; color: #fff; background: var(--og-violet); cursor: pointer; font-size: 1.15rem; }
.og-search__button:hover, .og-search__button:focus-visible { background: #7045e6; }

.og-ticker { max-width: 100%; overflow: hidden; border-top: 1px solid var(--og-line); background: #0d0f16; }
.og-ticker__inner { width: min(1480px, calc(100% - 40px)); max-width: 100%; height: 42px; margin: auto; display: flex; align-items: center; overflow: hidden; }
.og-ticker__label { z-index: 2; flex: 0 0 auto; align-self: stretch; display: grid; place-items: center; padding: 0 16px; color: #fff; background: var(--og-orange); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.og-ticker__window { min-width: 0; max-width: 100%; overflow: hidden; flex: 1 1 0; }
.og-ticker__track { display: flex; width: max-content; animation: og-ticker-scroll var(--og-ticker-duration, 120s) linear infinite; will-change: transform; }
.og-ticker__window:hover .og-ticker__track, .og-ticker__window:focus-within .og-ticker__track { animation-play-state: paused; }
.og-ticker__group { display: flex; align-items: center; flex-shrink: 0; padding-right: 36px; }
.og-ticker__group a, .og-ticker__group span { display: inline-flex; align-items: center; color: #d7d8df; font-size: .85rem; font-weight: 700; white-space: nowrap; }
.og-ticker__group a::after, .og-ticker__group span::after { content: ""; width: 5px; height: 5px; margin: 0 22px; border-radius: 50%; background: var(--og-violet); }
.og-ticker__group a:hover, .og-ticker__group a:focus-visible { color: #fff; }
@keyframes og-ticker-scroll { to { transform: translateX(-50%); } }

.og-main { width: min(1480px, calc(100% - 40px)); max-width: 100%; margin: 34px auto 60px; }
.og-lead-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 22px; }
.og-lead-grid.has-sidebar { grid-template-columns: minmax(0, 2.7fr) minmax(290px, 1fr); align-items: stretch; }
.og-user-column { min-width: 0; max-width: 100%; display: flex; flex-direction: column; }
.og-side-widget { max-width: 100%; margin: 0 0 22px; border: 1px solid var(--og-line); border-radius: 5px; background: var(--og-surface); box-shadow: 0 24px 60px rgba(0, 0, 0, .28); }
.og-side-widget:last-child { margin-bottom: 0; }
.og-side-widget__title { margin: 0; padding: 16px 18px; border-bottom: 1px solid var(--og-line); font-size: 1rem; line-height: 1.2; }
.og-user-column .widget_og_user_panel { flex: 1 1 auto; min-height: 100%; display: flex; flex-direction: column; overflow: hidden; background: radial-gradient(circle at 50% 0, rgba(139, 92, 246, .15), transparent 13rem), var(--og-surface); }
.widget_og_user_panel .og-side-widget__title {
  position: relative;
  padding: 18px;
  color: #f5edff;
  background: linear-gradient(90deg, rgba(139, 92, 246, .08), rgba(34, 211, 238, .08), rgba(139, 92, 246, .08));
  font-size: 1.12rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 5px #fff, 0 0 12px #a78bfa, 0 0 25px rgba(34, 211, 238, .75);
}
.widget_og_user_panel .og-side-widget__title::after { content: ""; position: absolute; right: 22%; bottom: -1px; left: 22%; height: 2px; background: linear-gradient(90deg, transparent, #22d3ee, #a78bfa, transparent); box-shadow: 0 0 12px #22d3ee; }
.og-slider { min-width: 0; overflow: hidden; border: 1px solid var(--og-line); border-radius: 5px; background: var(--og-surface); box-shadow: 0 30px 80px rgba(0, 0, 0, .38); }
.og-slider__stage { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0c0d16; }
.og-slide { position: absolute; inset: 0; visibility: hidden; opacity: 0; transition: opacity .25s ease, visibility .25s ease; }
.og-slide.is-active { visibility: visible; opacity: 1; }
.og-slide__link { display: block; width: 100%; height: 100%; overflow: hidden; }
.og-slide__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .7s ease; }
.og-slide__link:hover .og-slide__image { transform: scale(1.012); }
.og-slide__shade { position: absolute; inset: 38% 0 0; background: linear-gradient(transparent, rgba(5, 5, 9, .93)); pointer-events: none; }
.og-slide__content { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: block; padding: clamp(20px, 3vw, 38px); text-align: center; pointer-events: none; }
.og-slide__title {
	  display: -webkit-box;
	  max-width: 86%;
	  margin: 0 auto;
	  overflow: hidden;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  font-size: clamp(1.25rem, 2.2vw, 2.25rem);
	  font-weight: 900;
	  line-height: 1.12;
	  letter-spacing: -.035em;
	  text-wrap: balance;
	  text-transform: uppercase;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .65);
}
.og-slider__arrow {
  position: absolute;
  z-index: 4;
  top: calc(50% - 30px);
  width: 48px;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 3px;
  color: white;
  background: rgba(7, 8, 13, .72);
  cursor: pointer;
  font-size: 1.65rem;
  transition: background .2s, transform .2s;
}
.og-slider__arrow:hover, .og-slider__arrow:focus-visible { background: var(--og-violet); transform: scale(1.04); }
.og-slider__arrow--prev { left: 16px; }
.og-slider__arrow--next { right: 16px; }
.og-slider__pagination { display: flex; max-width: 100%; min-height: 48px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; background: #f2f2f5; }
.og-slider__number { flex: 1 0 42px; min-width: 0; border: 0; border-right: 1px solid #d9d9df; color: #202129; background: transparent; font-weight: 800; cursor: pointer; transition: background .16s, color .16s; }
.og-slider__number:last-child { border-right: 0; }
.og-slider__number:hover, .og-slider__number:focus-visible, .og-slider__number.is-active { color: #fff; background: var(--og-orange); }

.og-content, .og-article-wrap { max-width: 1180px; }
.og-content__header h1, .og-article__header h1 { margin: 0 0 25px; font-size: clamp(2rem, 5vw, 4rem); line-height: 1; letter-spacing: -.05em; }
.og-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.og-card { overflow: hidden; border: 1px solid var(--og-line); background: var(--og-surface); }
.og-card__media { display: block; aspect-ratio: 16 / 9; background: var(--og-surface-2); }
.og-card__media img { width: 100%; height: 100%; object-fit: cover; }
.og-card__body { padding: 20px; }
.og-card__body h2 { margin: 0 0 10px; font-size: 1.35rem; line-height: 1.15; }
.og-card__body p { margin: 0; color: var(--og-muted); }
.navigation.pagination { margin-top: 32px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { padding: 8px 12px; background: var(--og-surface); }
.page-numbers.current { background: var(--og-orange); }

.og-article { max-width: 900px; margin: auto; }
.og-article__header time { color: var(--og-muted); }
.og-article__image { margin: 28px 0; }
.og-article__image img { display: block; width: 100%; border-radius: 5px; }
.og-article__content { min-width: 0; overflow-wrap: anywhere; font-size: 1.08rem; }
.og-article__content a { color: #c2b4ff; text-decoration: underline; }
.og-article__content h2, .og-article__content h3 { margin-top: 1.7em; line-height: 1.2; }
.og-article__content pre { max-width: 100%; overflow-x: auto; }
.og-article__content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.og-article__content iframe, .og-article__content video { width: 100%; }
.og-article__content .wp-block-embed, .og-article__content .wp-block-image, .og-article__content .wp-block-gallery { max-width: 100%; }

.og-footer { margin-top: 70px; border-top: 1px solid var(--og-line); color: var(--og-muted); background: #08090d; }
.og-footer__inner { width: min(1480px, calc(100% - 40px)); min-height: 130px; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 22px; padding: 28px 0; text-align: center; }
.og-footer__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; }
.og-footer__links a { color: #d3d4db; font-size: .9rem; font-weight: 700; }
.og-footer__links a:hover, .og-footer__links a:focus-visible { color: #fff; }
.og-footer__copyright { margin: 0; font-size: .9rem; }

@media (max-width: 1280px) {
  .og-header__inner { flex-wrap: wrap; }
  .og-menu-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; cursor: pointer; }
  .og-navigation { order: 4; display: none; width: 100%; padding: 12px 0 4px; }
  .og-navigation.is-open { display: block; }
  .og-menu { flex-wrap: wrap; gap: 10px 20px; }
  .og-search { flex-basis: 210px; }
}
@media (max-width: 1024px) {
  .og-header__inner { gap: 14px; }
  .og-search { order: 3; flex: 1 1 100%; width: 100%; margin-left: 0; }
  .og-navigation { order: 4; }
  .og-menu { flex-direction: column; align-items: stretch; gap: 0; }
  .og-menu a { display: block; padding: 10px 2px; white-space: normal; }
  .og-menu .sub-menu { position: static; display: grid; gap: 2px; margin: 0; padding: 0 0 6px 18px; border: 0; background: transparent; }
  .og-lead-grid, .og-lead-grid.has-sidebar { grid-template-columns: minmax(0, 1fr); }
  .og-user-column .widget_og_user_panel { min-height: 0; }
  .og-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .og-account, .og-member-page, .og-profile-page, .widget_og_user_panel { max-width: 100%; }
}
@media (max-width: 760px) {
  .og-header__inner { width: min(100% - 28px, 1480px); min-height: 68px; flex-wrap: wrap; padding: 13px 0; }
  .og-menu-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; cursor: pointer; }
  .og-navigation { display: none; width: 100%; padding-top: 12px; }
  .og-navigation.is-open { display: block; }
  .og-search { order: 3; flex-basis: 100%; width: 100%; margin-left: 0; }
  .og-ticker__inner { width: 100%; }
  .og-ticker__label { max-width: 96px; padding: 0 11px; font-size: .68rem; line-height: 1.1; text-align: center; }
  .og-menu { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 8px; }
  .og-menu .sub-menu { position: static; display: grid; gap: 8px; padding: 10px 0 0 18px; border: 0; background: transparent; }
  .og-main { width: min(100% - 20px, 1480px); margin: 22px auto 42px; }
  .og-slide__content { padding: 18px; }
  .og-slide__title { max-width: 82%; font-size: clamp(1rem, 4.8vw, 1.45rem); }
  .og-slider__arrow { top: calc(50% - 22px); width: 40px; height: 46px; }
  .og-slider__arrow--prev { left: 8px; }
  .og-slider__arrow--next { right: 8px; }
  .og-slider__number { flex-basis: 43px; }
  .og-post-grid { grid-template-columns: 1fr; }
  .og-card__body { padding: 17px; }
  .og-content__header h1, .og-article__header h1 { font-size: clamp(1.75rem, 9vw, 2.8rem); }
  .og-article__content { font-size: 1rem; }
  .og-footer { margin-top: 48px; }
  .og-footer__inner { width: min(100% - 28px, 1480px); }
  .og-account__guest-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .og-header__inner { width: calc(100% - 20px); gap: 10px; padding: 10px 0; }
  .og-brand__link { gap: 8px; font-size: 1rem; letter-spacing: -.025em; }
  .og-brand__mark { width: 32px; height: 32px; }
  .custom-logo { max-width: 180px; max-height: 44px; }
  .og-menu-toggle { width: 38px; height: 38px; justify-content: center; padding: 0; }
  .og-menu-toggle span:last-child { display: none; }
  .og-search__field { padding: 8px 10px; }
  .og-search__button { width: 40px; flex-basis: 40px; }
  .og-ticker__inner { height: 38px; }
  .og-ticker__label { max-width: 78px; padding: 0 8px; font-size: .61rem; }
  .og-ticker__group a, .og-ticker__group span { font-size: .78rem; }
  .og-ticker__group a::after, .og-ticker__group span::after { margin: 0 14px; }
  .og-main { width: calc(100% - 12px); margin-top: 12px; }
  .og-lead-grid { gap: 14px; }
  .og-slider, .og-side-widget { border-radius: 3px; }
  .og-slide__content { padding: 13px 42px; }
  .og-slide__title { max-width: 100%; font-size: clamp(.82rem, 4.6vw, 1.15rem); line-height: 1.08; }
  .og-slider__arrow { top: calc(50% - 19px); width: 34px; height: 40px; font-size: 1.3rem; }
  .og-slider__arrow--prev { left: 5px; }
  .og-slider__arrow--next { right: 5px; }
  .og-slider__pagination { min-height: 42px; }
  .og-slider__number { flex-basis: 38px; font-size: .85rem; }
  .og-card__body { padding: 15px; }
  .og-card__body h2 { font-size: 1.15rem; }
  .og-footer__inner { width: calc(100% - 24px); gap: 18px; padding: 24px 0; }
  .og-footer__links { flex-direction: column; gap: 9px; }
  .og-footer__copyright { font-size: .82rem; }
  .og-account__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .og-account__stats > :last-child { grid-column: 1 / -1; }
  .og-avatar-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
	  * { scroll-behavior: auto !important; transition: none !important; }
	  .og-ticker__track { animation: none; }
	  .og-ticker__window { overflow-x: auto; }
	  .og-ticker__group[aria-hidden="true"] { display: none; }
}


/* --------------------------------------------------------------------------
   Member panel, dedicated registration page, profile and scalable avatars
   -------------------------------------------------------------------------- */
.og-account { min-width: 0; padding: 18px; }
.og-account p { margin: 0; }
.og-account__intro { margin-bottom: 17px; }
.og-account__intro strong { display: block; margin-bottom: 5px; font-size: 1rem; line-height: 1.3; }
.og-account__intro p { color: var(--og-muted); font-size: .86rem; line-height: 1.5; }
.og-account form { display: grid; gap: 12px; }
.og-account form p { display: grid; gap: 6px; }
.og-account form label { color: #d9dae2; font-size: .76rem; font-weight: 800; }
.og-account input[type="text"],
.og-account input[type="password"] { width: 100%; min-width: 0; padding: 10px 11px; border: 1px solid var(--og-line); border-radius: 5px; outline: 0; color: #fff; background: #0a0c12; }
.og-account input[type="text"]:focus,
.og-account input[type="password"]:focus { border-color: var(--og-violet); box-shadow: 0 0 0 3px rgba(139, 92, 246, .14); }
.og-account .login-remember label { display: inline-flex; align-items: center; gap: 7px; font-weight: 650; }
.og-account .login-submit { margin-top: 2px; }
.og-account .button-primary { width: 100%; padding: 10px 14px; border: 0; border-radius: 5px; color: #fff; background: linear-gradient(135deg, #8b5cf6, #6444dc); cursor: pointer; font-weight: 850; }
.og-account__guest-links { margin: 10px 0 14px; text-align: right; }
.og-account__guest-links a { color: #bbb3d8; font-size: .78rem; font-weight: 750; }
.og-account__guest-links a:hover { color: #fff; }
.og-account__signed { display: flex; align-items: center; gap: 13px; min-width: 0; }
.og-account__avatar { flex: 0 0 auto; }
.og-account__avatar img { display: block; width: 66px; height: 66px; border: 2px solid rgba(139, 92, 246, .8); border-radius: 50%; object-fit: cover; box-shadow: 0 0 24px rgba(139, 92, 246, .22); }
.og-account__identity { min-width: 0; display: grid; }
.og-account__identity span { color: var(--og-muted); font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.og-account__identity strong { overflow: hidden; text-overflow: ellipsis; font-size: 1.05rem; line-height: 1.25; white-space: nowrap; }
.og-account__identity small { overflow: hidden; color: #a78bfa; text-overflow: ellipsis; white-space: nowrap; }
.og-account__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 17px; }

.og-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 8px; padding: 9px 15px; border: 1px solid transparent; border-radius: 5px; cursor: pointer; font: inherit; font-size: .86rem; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none !important; transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.og-button:hover, .og-button:focus-visible { transform: translateY(-1px); }
.og-button--primary { color: #fff; background: linear-gradient(135deg, #8b5cf6, #6545df); box-shadow: 0 10px 28px rgba(103, 71, 225, .22); }
.og-button--primary:hover, .og-button--primary:focus-visible { background: linear-gradient(135deg, #9b71fa, #704fe7); box-shadow: 0 12px 32px rgba(103, 71, 225, .32); }
.og-button--ghost { border-color: var(--og-line); color: #e8e8ee; background: rgba(255,255,255,.035); }
.og-button--ghost:hover, .og-button--ghost:focus-visible { border-color: rgba(167,139,250,.55); background: rgba(139,92,246,.09); }
.og-button--register { width: 100%; border-color: rgba(34,211,238,.34); color: #d7fbff; background: rgba(34,211,238,.065); }
.og-button--register:hover, .og-button--register:focus-visible { border-color: rgba(34,211,238,.7); background: rgba(34,211,238,.12); }
.og-button--wide { width: 100%; }

.og-account-screen .og-main.og-article-wrap { max-width: 1240px; }
.og-account-screen .og-article { max-width: 1180px; }
.og-account-screen .og-article__content { font-size: 1rem; }
.og-account-screen .og-article__content > p:empty { display: none; }
.og-member-page, .og-profile-page { width: 100%; min-width: 0; }
.og-member-page--login { max-width: 760px; margin: 0 auto; }
.og-member-hero { position: relative; overflow: hidden; margin-bottom: 22px; padding: clamp(24px, 4vw, 46px); border: 1px solid var(--og-line); border-radius: 9px; background: radial-gradient(circle at 82% 15%, rgba(34,211,238,.10), transparent 16rem), radial-gradient(circle at 0 0, rgba(139,92,246,.24), transparent 25rem), #10121a; }
.og-member-hero::after { content: ""; position: absolute; right: -80px; bottom: -100px; width: 260px; height: 260px; border: 1px solid rgba(139,92,246,.16); border-radius: 50%; pointer-events: none; }
.og-member-eyebrow { display: inline-block; color: #a78bfa; font-size: .7rem; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.og-member-hero h1 { max-width: 760px; margin: 7px 0 10px; font-size: clamp(2rem, 5vw, 3.6rem); line-height: .98; letter-spacing: -.055em; }
.og-member-hero p { max-width: 720px; margin: 0; color: #b5b6c0; font-size: 1rem; }
.og-member-card { min-width: 0; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--og-line); border-radius: 8px; background: linear-gradient(145deg, rgba(20,22,32,.98), rgba(13,15,22,.98)); box-shadow: 0 24px 65px rgba(0,0,0,.2); }
.og-member-card--narrow { max-width: 520px; margin: 0 auto; }
.og-member-card--narrow form { display: grid; gap: 13px; }
.og-member-card--narrow form p { display: grid; gap: 7px; margin: 0; }
.og-member-card--narrow form label { font-size: .82rem; font-weight: 800; }
.og-member-card--narrow input[type="text"], .og-member-card--narrow input[type="password"] { width: 100%; padding: 11px 12px; border: 1px solid var(--og-line); border-radius: 5px; color: #fff; background: #090b10; }
.og-member-card--narrow .login-submit input { width: 100%; min-height: 43px; border: 0; border-radius: 5px; color: #fff; background: #7951ed; cursor: pointer; font-weight: 850; }
.og-member-card--narrow .og-button { margin-top: 14px; }
.og-card-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--og-line); }
.og-card-heading > div > span { color: #a78bfa; font-size: .68rem; font-weight: 950; letter-spacing: .14em; }
.og-card-heading h2 { margin: 4px 0 0; font-size: 1.45rem; line-height: 1.15; }
.og-card-heading p { max-width: 440px; margin: 0; color: var(--og-muted); font-size: .85rem; text-align: right; }

.og-member-form { display: grid; gap: 17px; }
.og-member-form label { min-width: 0; display: grid; gap: 7px; color: #dfe0e6; font-size: .82rem; font-weight: 800; }
.og-member-form label > span:first-child { line-height: 1.2; }
.og-member-form input[type="text"],
.og-member-form input[type="email"],
.og-member-form input[type="password"],
.og-member-form textarea,
.og-avatar-toolbar input,
.og-avatar-toolbar select { width: 100%; min-width: 0; border: 1px solid var(--og-line); border-radius: 5px; outline: 0; color: #fff; background: #090b10; }
.og-member-form input[type="text"], .og-member-form input[type="email"], .og-member-form input[type="password"] { min-height: 44px; padding: 10px 12px; }
.og-member-form textarea { resize: vertical; min-height: 125px; padding: 12px; line-height: 1.55; }
.og-member-form input:focus, .og-member-form textarea:focus, .og-avatar-toolbar input:focus, .og-avatar-toolbar select:focus { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,.13); }
.og-member-form small { color: #8f919d; font-size: .72rem; font-weight: 550; }
.og-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.og-form-actions { display: flex; justify-content: flex-end; margin-top: 2px; }
.og-check { grid-template-columns: auto minmax(0,1fr) !important; align-items: start; gap: 9px !important; color: #b9bbc4 !important; font-weight: 600 !important; }
.og-check input { margin-top: 4px; accent-color: #8b5cf6; }

.og-notice { margin: 0 0 18px; padding: 13px 15px; border: 1px solid; border-radius: 6px; font-size: .88rem; }
.og-notice ul { margin: 0; padding-left: 19px; }
.og-notice--error { border-color: rgba(248,113,113,.38); color: #fecaca; background: rgba(127,29,29,.18); }
.og-notice--success { border-color: rgba(52,211,153,.36); color: #bbf7d0; background: rgba(6,78,59,.22); }

.og-profile-hero { position: relative; overflow: hidden; margin-bottom: 22px; border: 1px solid var(--og-line); border-radius: 10px; background: #0e1018; box-shadow: 0 32px 80px rgba(0,0,0,.24); }
.og-profile-hero__glow { position: absolute; inset: 0; background: radial-gradient(circle at 15% 15%, rgba(139,92,246,.30), transparent 24rem), radial-gradient(circle at 100% 0, rgba(34,211,238,.12), transparent 22rem); pointer-events: none; }
.og-profile-hero__content { position: relative; z-index: 1; min-height: 220px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: clamp(20px, 3vw, 34px); padding: clamp(24px, 4vw, 42px); }
.og-profile-avatar { position: relative; width: 150px; height: 150px; flex: 0 0 auto; }
.og-profile-avatar img { display: block; width: 150px; height: 150px; border: 4px solid rgba(255,255,255,.12); border-radius: 50%; object-fit: cover; background: #11131c; box-shadow: 0 0 0 5px rgba(139,92,246,.14), 0 22px 55px rgba(0,0,0,.32); }
.og-profile-avatar__status { position: absolute; right: 9px; bottom: 10px; width: 20px; height: 20px; border: 4px solid #0e1018; border-radius: 50%; background: #34d399; box-shadow: 0 0 12px rgba(52,211,153,.65); }
.og-profile-identity { min-width: 0; }
.og-profile-identity h1 { margin: 5px 0 2px; overflow-wrap: anywhere; font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1; letter-spacing: -.05em; }
.og-profile-identity > p { margin: 0; color: #b7a6ef; font-weight: 750; }
.og-profile-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.og-profile-badges span { padding: 5px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; color: #bfc0c9; background: rgba(255,255,255,.035); font-size: .7rem; font-weight: 750; }
.og-profile-hero__action { align-self: end; }
.og-profile-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, .85fr); align-items: start; gap: 22px; }
.og-profile-side { min-width: 0; display: grid; gap: 13px; }
.og-profile-summary h2 { margin: 5px 0 18px; font-size: 1.25rem; }
.og-profile-summary dl { display: grid; gap: 0; margin: 0; }
.og-profile-summary dl > div { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.075); }
.og-profile-summary dt { color: #92949f; font-size: .77rem; }
.og-profile-summary dd { margin: 0; overflow-wrap: anywhere; color: #e8e9ee; font-size: .8rem; font-weight: 800; text-align: right; }
.og-status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #34d399; }
.og-profile-logout { display: flex; min-height: 44px; align-items: center; justify-content: center; padding: 9px 14px; border: 1px solid rgba(248,113,113,.24); border-radius: 6px; color: #fca5a5 !important; background: rgba(127,29,29,.10); font-size: .82rem; font-weight: 850; text-decoration: none !important; }
.og-profile-logout:hover { border-color: rgba(248,113,113,.55); background: rgba(127,29,29,.20); }

.og-register-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .8fr); align-items: start; gap: 22px; }
.og-register-benefits { display: grid; gap: 12px; }
.og-register-benefit { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 13px; padding: 18px; border: 1px solid var(--og-line); border-radius: 7px; background: rgba(16,18,26,.84); }
.og-register-benefit > strong { color: #8b5cf6; font-size: .75rem; letter-spacing: .08em; }
.og-register-benefit h3 { margin: 0 0 5px; font-size: .96rem; }
.og-register-benefit p { margin: 0; color: #9ea0aa; font-size: .78rem; line-height: 1.5; }

html.og-dialog-open { overflow: hidden; }
.og-avatar-dialog { width: min(1040px, calc(100% - 28px)); max-width: 1040px; max-height: min(86vh, 900px); padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; color: #fff; background: #0e1017; box-shadow: 0 40px 120px rgba(0,0,0,.62); }
.og-avatar-dialog::backdrop { background: rgba(3,4,8,.80); backdrop-filter: blur(6px); }
.og-avatar-dialog__panel { max-height: min(86vh, 900px); display: flex; flex-direction: column; }
.og-avatar-dialog__header { flex: 0 0 auto; display: flex; align-items: start; justify-content: space-between; gap: 24px; padding: 22px 24px 18px; border-bottom: 1px solid var(--og-line); background: radial-gradient(circle at 15% 0, rgba(139,92,246,.18), transparent 24rem); }
.og-avatar-dialog__header h2 { margin: 3px 0 5px; font-size: 1.55rem; }
.og-avatar-dialog__header p { margin: 0; color: #9fa1ad; font-size: .83rem; }
.og-avatar-dialog__close { width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid var(--og-line); border-radius: 50%; color: #fff; background: rgba(255,255,255,.04); cursor: pointer; font-size: 1.45rem; line-height: 1; }
.og-avatar-dialog__close:hover { background: rgba(255,255,255,.09); }
.og-avatar-toolbar { flex: 0 0 auto; display: grid; grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) auto; gap: 10px; padding: 14px 24px; border-bottom: 1px solid rgba(255,255,255,.07); background: #0b0d13; }
.og-avatar-toolbar label { min-width: 0; }
.og-avatar-toolbar input, .og-avatar-toolbar select { height: 42px; padding: 9px 11px; }
.og-avatar-feedback { flex: 0 0 auto; min-height: 29px; padding: 8px 24px 0; color: #9fa1ac; font-size: .78rem; }
.og-avatar-feedback[data-state="success"] { color: #86efac; }
.og-avatar-feedback[data-state="error"] { color: #fca5a5; }
.og-avatar-grid { min-height: 210px; display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; padding: 12px 24px 18px; overflow-y: auto; overscroll-behavior: contain; }
.og-avatar-choice { position: relative; min-width: 0; display: grid; justify-items: center; gap: 8px; padding: 11px 8px 9px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; color: #d9dae1; background: #12151e; cursor: pointer; }
.og-avatar-choice:hover, .og-avatar-choice:focus-visible { border-color: rgba(139,92,246,.62); background: #171a25; }
.og-avatar-choice.is-selected { border-color: #8b5cf6; box-shadow: inset 0 0 0 1px #8b5cf6, 0 0 22px rgba(139,92,246,.16); }
.og-avatar-choice img { display: block; width: 92px; height: 92px; max-width: 100%; border-radius: 50%; object-fit: cover; background: #090b10; }
.og-avatar-choice > span:not(.og-avatar-choice__check) { width: 100%; overflow: hidden; font-size: .7rem; font-weight: 750; line-height: 1.25; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.og-avatar-choice__check { position: absolute; top: 7px; right: 7px; width: 22px; height: 22px; display: none; place-items: center; border-radius: 50%; color: white; background: #8b5cf6; font-size: .72rem; font-weight: 950; }
.og-avatar-choice.is-selected .og-avatar-choice__check { display: grid; }
.og-avatar-loadmore { flex: 0 0 auto; display: flex; justify-content: center; padding: 0 24px 20px; }

@media (max-width: 900px) {
  .og-profile-hero__content { grid-template-columns: auto minmax(0,1fr); }
  .og-profile-hero__action { grid-column: 1 / -1; justify-self: stretch; width: 100%; }
  .og-profile-hero__action .og-button { width: 100%; }
  .og-profile-layout, .og-register-layout { grid-template-columns: minmax(0,1fr); }
  .og-profile-side { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .og-avatar-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .og-member-hero { padding: 24px 20px; }
  .og-member-card { padding: 20px 17px; }
  .og-card-heading { display: block; }
  .og-card-heading p { margin-top: 9px; text-align: left; }
  .og-form-grid { grid-template-columns: minmax(0,1fr); }
  .og-profile-hero__content { grid-template-columns: minmax(0,1fr); justify-items: center; text-align: center; }
  .og-profile-avatar, .og-profile-avatar img { width: 120px; height: 120px; }
  .og-profile-avatar__status { right: 5px; bottom: 7px; }
  .og-profile-badges { justify-content: center; }
  .og-profile-side { grid-template-columns: minmax(0,1fr); }
  .og-avatar-toolbar { grid-template-columns: minmax(0,1fr); }
  .og-avatar-toolbar .og-button { width: 100%; }
  .og-avatar-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; padding-right: 14px; padding-left: 14px; }
  .og-avatar-dialog__header { padding-right: 16px; padding-left: 16px; }
  .og-avatar-toolbar, .og-avatar-feedback { padding-right: 16px; padding-left: 16px; }
  .og-account__actions { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 420px) {
  .og-avatar-dialog { width: calc(100% - 12px); max-height: 92vh; }
  .og-avatar-dialog__panel { max-height: 92vh; }
  .og-avatar-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .og-avatar-choice img { width: 100px; height: 100px; }
  .og-profile-summary dl > div { align-items: start; flex-direction: column; gap: 3px; }
  .og-profile-summary dd { text-align: left; }
}


/* 0.2.9 account page polish: dedicated login page + auth page refinements */
.og-member-card--auth { padding: clamp(24px, 3.2vw, 34px); }
.og-login-layout, .og-register-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .72fr); gap: 22px; align-items: start; }
.og-register-layout > * , .og-login-layout > * { min-width: 0; }
.og-card-heading { display: grid; gap: 8px; margin-bottom: 18px; }
.og-card-heading span { display: inline-block; color: #a78bfa; font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.og-card-heading h2 { margin: 0; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.05; letter-spacing: -.04em; }
.og-card-heading p { margin: 0; color: #9ea2b1; font-size: .92rem; line-height: 1.6; }
.og-member-login-form form { display: grid; gap: 16px; }
.og-member-login-form form p { display: grid; gap: 7px; margin: 0; }
.og-member-login-form label { color: #dee0e8; font-size: .84rem; font-weight: 800; }
.og-member-login-form input[type="text"],
.og-member-login-form input[type="password"] { width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid var(--og-line); border-radius: 6px; outline: 0; color: #fff; background: #090b10; }
.og-member-login-form input[type="text"]:focus,
.og-member-login-form input[type="password"]:focus { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139, 92, 246, .14); }
.og-member-login-form .login-remember label { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.og-member-login-form .login-submit { margin-top: 6px; }
.og-member-login-form .login-submit input { width: 100%; min-height: 46px; border: 0; border-radius: 6px; color: #fff; background: linear-gradient(135deg, #8b5cf6, #6444dc); cursor: pointer; font-weight: 900; }
.og-member-login-form .login-submit input:hover { filter: brightness(1.06); }
.og-login-links { margin-top: 14px; }
.og-login-links a { color: #c4b5fd; font-size: .86rem; font-weight: 700; text-decoration: none; }
.og-login-links a:hover { color: #fff; }
.og-login-benefits .og-button { margin-top: 8px; }
.og-register-benefits { display: grid; gap: 14px; }
.og-register-benefit { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border: 1px solid var(--og-line); border-radius: 8px; background: linear-gradient(145deg, rgba(18,20,29,.96), rgba(11,13,20,.96)); }
.og-register-benefit strong { flex: 0 0 42px; display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #8b5cf6, #5eead4); font-size: .92rem; font-weight: 900; }
.og-register-benefit h3 { margin: 0 0 6px; font-size: 1rem; }
.og-register-benefit p { margin: 0; color: #9ea2b1; font-size: .86rem; line-height: 1.6; }
.og-notice { margin-bottom: 16px; padding: 12px 14px; border-radius: 7px; font-size: .86rem; font-weight: 700; }
.og-notice ul { margin: 0; padding-left: 18px; }
.og-notice--success { border: 1px solid rgba(74, 222, 128, .22); color: #d1fae5; background: rgba(20, 83, 45, .22); }
.og-notice--error { border: 1px solid rgba(248, 113, 113, .22); color: #fecaca; background: rgba(127, 29, 29, .18); }
@media (max-width: 980px) {
  .og-login-layout, .og-register-layout { grid-template-columns: minmax(0,1fr); }
}


/* 0.2.10 auth page simplification */
.og-auth-shell { max-width: 760px; margin: 0 auto; }
.og-auth-shell--register { max-width: 860px; }
.og-auth-links { display: grid; gap: 12px; margin-top: 18px; }
.og-auth-links > a:not(.og-button) { color: #c4b5fd; font-size: .86rem; font-weight: 700; text-decoration: none; }
.og-auth-links > a:not(.og-button):hover { color: #fff; }
.og-login-page .og-member-card--auth,
.og-register-page .og-member-card--auth { box-shadow: 0 24px 65px rgba(0,0,0,.22); }
.og-register-page .og-card-heading,
.og-login-page .og-card-heading { margin-bottom: 22px; }
.og-register-page .og-form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 680px) {
  .og-register-page .og-form-grid { grid-template-columns: minmax(0,1fr); }
}

.og-login-layout, .og-register-layout { display:block; }
.og-register-benefits, .og-login-benefits { display:none; }


/* 0.2.11 - 1. Haber Akışı */
.og-news-flow { margin-top: 30px; padding: 22px; border: 1px solid var(--og-line); border-radius: 6px; background: linear-gradient(145deg, rgba(17,19,28,.98), rgba(10,12,18,.98)); box-shadow: 0 26px 70px rgba(0,0,0,.24); }
.og-news-flow__header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.og-news-flow__eyebrow { display: block; margin-bottom: 4px; color: #a78bfa; font-size: .68rem; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.og-news-flow__header h2 { margin: 0; font-size: clamp(1.45rem, 2.5vw, 2rem); line-height: 1; letter-spacing: -.035em; }
.og-news-flow__category-link { flex: 0 0 auto; color: #c4b5fd; font-size: .8rem; font-weight: 800; text-decoration: none; }
.og-news-flow__category-link:hover { color: #fff; }
.og-news-flow__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.og-news-flow__item { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 6px; background: #0d0f16; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.og-news-flow__item:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.42); background: #12151f; }
.og-news-flow__link { min-height: 92px; display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; gap: 11px; padding: 9px; color: #f1f2f5; text-decoration: none; }
.og-news-flow__media { width: 88px; height: 68px; overflow: hidden; border-radius: 4px; background: #080a0f; }
.og-news-flow__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .22s ease; }
.og-news-flow__item:hover .og-news-flow__image { transform: scale(1.045); }
.og-news-flow__title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #e8e9ee; font-size: .82rem; font-weight: 850; line-height: 1.35; }
.og-news-flow__empty { grid-column: 1 / -1; margin: 0; padding: 22px; color: var(--og-muted); text-align: center; }
@media (max-width: 1240px) {
  .og-news-flow__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .og-news-flow { margin-top: 22px; padding: 17px; }
  .og-news-flow__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .og-news-flow { margin-top: 16px; padding: 13px; }
  .og-news-flow__header { align-items: flex-start; flex-direction: column; gap: 8px; }
  .og-news-flow__grid { grid-template-columns: minmax(0, 1fr); }
  .og-news-flow__link { grid-template-columns: 104px minmax(0, 1fr); min-height: 90px; }
  .og-news-flow__media { width: 104px; height: 72px; }
}


/* 0.2.12 - 1. Haber Akışı slider kolonuna sabitlendi */
.og-lead-grid { grid-template-areas: "slider" "feed"; }
.og-lead-grid.has-sidebar {
  grid-template-columns: minmax(0, 2.7fr) minmax(290px, 1fr);
  grid-template-areas:
    "slider sidebar"
    "feed   sidebar";
  align-items: start;
}
.og-lead-grid > .og-slider { grid-area: slider; }
.og-lead-grid > .og-user-column { grid-area: sidebar; align-self: start; }
.og-lead-grid > .og-news-flow {
  grid-area: feed;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  box-sizing: border-box;
}
.og-news-flow__header { margin-bottom: 18px; }
.og-news-flow__header h2 { margin: 0; }
@media (max-width: 1024px) {
  .og-lead-grid { grid-template-areas: "slider" "feed"; }
  .og-lead-grid.has-sidebar {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "slider" "feed" "sidebar";
  }
}


/* 0.2.13 - 1. Haber Akışı: başlıksız, 12 içerik, masaüstünde 3 sütun x 4 sıra */
.og-news-flow { padding: 18px; }
.og-news-flow__header { display: none !important; }
.og-news-flow__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.og-news-flow__link { min-height: 96px; grid-template-columns: 108px minmax(0, 1fr); gap: 12px; padding: 10px; }
.og-news-flow__media { width: 108px; height: 74px; }
.og-news-flow__title { font-size: .86rem; line-height: 1.38; }
@media (max-width: 820px) {
  .og-news-flow__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .og-news-flow__grid { grid-template-columns: minmax(0, 1fr); }
  .og-news-flow__link { grid-template-columns: 104px minmax(0, 1fr); }
  .og-news-flow__media { width: 104px; height: 72px; }
}


/* 0.2.14 - Ana sayfa oyuncu paneli yeniden uzatıldı */
.og-user-column { align-self: stretch; }
.og-user-column .widget_og_user_panel {
  min-height: clamp(520px, 44vw, 640px);
  height: 100%;
}
.widget_og_user_panel .og-account {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.widget_og_user_panel .og-account__signed,
.widget_og_user_panel .og-account__intro { margin-bottom: 18px; }
.widget_og_user_panel .og-account__actions,
.widget_og_user_panel .og-account__guest-links,
.widget_og_user_panel .og-button--register { margin-top: auto; }
@media (max-width: 1024px) {
  .og-user-column .widget_og_user_panel { min-height: 0; height: auto; }
  .widget_og_user_panel .og-account { min-height: 0; }
}


/* =========================================================
   0.3.0 - Puan, rütbe/rozet, etkileşim ve yorum sistemi
   ========================================================= */
.og-panel-rank { margin-top: 20px; padding: 16px; border: 1px solid rgba(139,92,246,.28); border-radius: 8px; background: linear-gradient(145deg, rgba(139,92,246,.12), rgba(34,211,238,.045)); }
.og-panel-rank__top { display: flex; align-items: center; gap: 11px; }
.og-panel-rank__icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; background: rgba(255,255,255,.05); font-size: 1.35rem; }
.og-panel-rank__top > div { min-width: 0; display: grid; gap: 2px; }
.og-panel-rank__top strong { overflow: hidden; color: #fff; font-size: .9rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.og-panel-rank__top span:not(.og-panel-rank__icon) { color: #b8b9c5; font-size: .76rem; font-weight: 750; }
.og-panel-rank > small { display: block; margin-top: 8px; color: #a9acb9; font-size: .7rem; line-height: 1.35; }
.og-rank-progress { width: 100%; height: 7px; margin-top: 12px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); box-shadow: inset 0 1px 2px rgba(0,0,0,.35); }
.og-rank-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #8b5cf6, #22d3ee); box-shadow: 0 0 12px rgba(34,211,238,.38); }
.og-rank-badge { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(139,92,246,.28); border-radius: 999px; color: #f3efff; background: rgba(139,92,246,.1); }
.og-rank-badge > strong { font-size: .76rem; }
.og-rank-badge > small { color: #b7b3c7; font-size: .68rem; font-weight: 750; }
.og-rank-badge--compact { padding: 4px 7px; gap: 5px; }
.og-rank-badge--compact > strong { font-size: .68rem; }
.og-rank-badge--compact > small { font-size: .62rem; }
.og-profile-rank-inline { margin-top: 12px; }

.og-gamification-summary { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px 28px; align-items: center; margin-top: 22px; }
.og-gamification-summary__rank { display: flex; align-items: center; gap: 14px; }
.og-gamification-summary__rank > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: rgba(139,92,246,.13); font-size: 1.75rem; }
.og-gamification-summary__rank > div { display: grid; gap: 3px; }
.og-gamification-summary__rank small { color: #a78bfa; font-size: .67rem; font-weight: 900; letter-spacing: .12em; }
.og-gamification-summary__rank strong { font-size: 1.2rem; }
.og-gamification-summary__points { display: grid; justify-items: end; }
.og-gamification-summary__points strong { color: #fff; font-size: clamp(1.7rem, 4vw, 2.7rem); line-height: .95; letter-spacing: -.04em; }
.og-gamification-summary__points span { margin-top: 5px; color: #9ea1ad; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.og-gamification-summary__progress { grid-column: 1 / -1; }
.og-gamification-summary__progress small { display: block; margin-top: 8px; color: #aeb0bb; font-size: .78rem; }
.og-gamification-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 22px; margin-top: 22px; }
.og-rank-collection { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.og-rank-token { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 7px; opacity: .38; background: #0d0f16; filter: grayscale(1); }
.og-rank-token.is-unlocked { opacity: 1; border-color: rgba(139,92,246,.22); background: rgba(139,92,246,.07); filter: none; }
.og-rank-token > span { font-size: 1.2rem; }
.og-rank-token strong { min-width: 0; overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.og-rank-token small { color: #9da0ad; font-size: .66rem; font-weight: 800; }
.og-points-history { display: grid; }
.og-points-history > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 12px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.065); }
.og-points-history > div:first-child { border-top: 0; }
.og-points-history span { min-width: 0; overflow: hidden; color: #d9dbe2; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.og-points-history strong { font-size: .82rem; }
.og-points-history strong.is-positive { color: #86efac; }
.og-points-history strong.is-negative { color: #fca5a5; }
.og-points-history time { grid-column: 1 / -1; color: #747783; font-size: .65rem; }
.og-account-warning { margin-top: 22px; border-color: rgba(248,113,113,.22); background: rgba(69,10,10,.16); }
.og-account-warning p, .og-account-warning li { color: #fecaca; }

.og-post-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 28px; padding: 14px; border: 1px solid var(--og-line); border-radius: 7px; background: #0d0f16; }
.og-post-actions button { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 6px; color: #d9dbe2; background: #151821; cursor: pointer; font-weight: 800; }
.og-post-actions button:hover, .og-post-actions button.is-active { border-color: rgba(139,92,246,.5); color: #fff; background: rgba(139,92,246,.14); }
.og-post-actions button:disabled { opacity: .6; cursor: wait; }
.og-post-actions button small { min-width: 15px; color: #a8aab5; text-align: center; }
.og-post-actions__status { margin-left: auto; color: #86efac; font-size: .72rem; }
.og-post-actions--guest { justify-content: space-between; color: #a9abb7; font-size: .82rem; }
.og-post-actions--guest a { padding: 7px 11px; border-radius: 5px; color: #fff !important; background: #7c3aed; text-decoration: none !important; font-weight: 800; }

.og-comments { max-width: 900px; margin: 34px auto 0; }
.og-comments__header { margin-bottom: 18px; }
.og-comments__header > span { color: #a78bfa; font-size: .68rem; font-weight: 950; letter-spacing: .14em; }
.og-comments__header h2 { margin: 4px 0 0; font-size: 1.5rem; }
.og-comment-list, .og-comment-list .children { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.og-comment-list .children { margin: 14px 0 0 42px; }
.og-comment__body { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 14px; padding: 18px; border: 1px solid var(--og-line); border-radius: 8px; background: #0e1017; }
.og-comment__avatar img { display: block; width: 54px; height: 54px; border-radius: 50%; object-fit: cover; }
.og-comment__main { min-width: 0; }
.og-comment__main > header { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.og-comment__main > header > strong { font-size: .9rem; }
.og-comment__main > header time { margin-left: auto; color: #777a86; font-size: .65rem; }
.og-comment__content { margin-top: 9px; color: #cfd1d9; font-size: .9rem; line-height: 1.6; }
.og-comment__content p { margin: 0 0 10px; }
.og-comment__main > footer { display: flex; align-items: center; gap: 10px; margin-top: 11px; }
.og-comment__main > footer a, .og-comment-like { border: 0; color: #a78bfa; background: transparent; cursor: pointer; font-size: .72rem; font-weight: 800; text-decoration: none; }
.og-comment-like.is-active { color: #fb7185; }
.og-comment-form-wrap { margin-top: 22px; padding: 22px; border: 1px solid var(--og-line); border-radius: 8px; background: #10121a; }
.og-comment-form-wrap h3 { margin-top: 0; }
.og-comment-form-wrap .comment-form { display: grid; gap: 13px; }
.og-comment-form-wrap .comment-form > p { margin: 0; }
.og-comment-form-wrap label { display: block; margin-bottom: 6px; color: #d8dae2; font-size: .78rem; font-weight: 800; }
.og-comment-form-wrap textarea, .og-comment-form-wrap input[type="text"], .og-comment-form-wrap input[type="email"], .og-comment-form-wrap input[type="url"] { width: 100%; padding: 11px 12px; border: 1px solid var(--og-line); border-radius: 6px; outline: 0; color: #fff; background: #090b10; }
.og-comment-form-wrap textarea:focus, .og-comment-form-wrap input:focus { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,.12); }

@media (max-width: 760px) {
  .og-gamification-layout { grid-template-columns: minmax(0,1fr); }
  .og-rank-collection { grid-template-columns: minmax(0,1fr); }
  .og-gamification-summary { grid-template-columns: minmax(0,1fr); }
  .og-gamification-summary__points { justify-items: start; }
  .og-gamification-summary__progress { grid-column: auto; }
}
@media (max-width: 520px) {
  .og-comment__body { grid-template-columns: 42px minmax(0,1fr); padding: 14px; }
  .og-comment__avatar img { width: 42px; height: 42px; }
  .og-comment-list .children { margin-left: 18px; }
  .og-comment__main > header time { width: 100%; margin-left: 0; }
  .og-post-actions button { flex: 1 1 calc(50% - 9px); justify-content: center; }
  .og-post-actions__status { width: 100%; margin-left: 0; }
}


/* =========================================================
   0.3.1 - Oyuncu paneli yenileme + tüm tekil sayfalarda sağ alan
   ========================================================= */
.og-account__guest-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; margin-top: 18px; }
.og-account__guest-grid .og-button { width: 100%; }
.og-account__guest-links { margin: 14px 0 0; text-align: center; }
.og-account--admin { position: relative; }
.og-account--admin::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at top center, rgba(34,211,238,.12), transparent 42%), radial-gradient(circle at bottom center, rgba(139,92,246,.12), transparent 34%);
}
.og-player-card {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(139,92,246,.28);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(17,20,33,.96), rgba(10,12,18,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 18px 42px rgba(0,0,0,.22);
}
.og-player-card--admin {
  border-color: rgba(34,211,238,.34);
  background: linear-gradient(160deg, rgba(18,28,45,.98), rgba(12,12,22,.98));
  box-shadow: 0 0 0 1px rgba(34,211,238,.08), 0 0 26px rgba(34,211,238,.18), inset 0 0 24px rgba(139,92,246,.08);
}
.og-player-card__hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
}
.og-player-card__rank { display: flex; align-items: center; gap: 12px; min-width: 0; }
.og-player-card__rank > span {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-size: 1.55rem;
}
.og-player-card--admin .og-player-card__rank > span {
  border-color: rgba(34,211,238,.35);
  background: radial-gradient(circle, rgba(34,211,238,.18), rgba(139,92,246,.1));
  box-shadow: 0 0 18px rgba(34,211,238,.18), 0 0 10px rgba(139,92,246,.16);
}
.og-player-card__rank div { min-width: 0; display: grid; gap: 4px; }
.og-player-card__rank small,
.og-player-card__points small,
.og-player-card__stats small,
.og-player-card__progress small {
  color: #a5a8b5;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.og-player-card--admin .og-player-card__rank small,
.og-player-card--admin .og-player-card__points small,
.og-player-card--admin .og-player-card__stats small,
.og-player-card--admin .og-player-card__progress small {
  color: #8ee8ff;
  text-shadow: 0 0 10px rgba(34,211,238,.28);
}
.og-player-card__rank strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.og-player-card__points { text-align: right; display: grid; gap: 5px; }
.og-player-card__points strong {
  color: #fff;
  font-size: 1.55rem;
  line-height: .95;
  letter-spacing: -.05em;
}
.og-player-card--admin .og-player-card__points strong,
.og-account--admin .og-account__identity strong,
.og-account--admin .og-account__identity span,
.og-account--admin .og-account__identity small,
.og-account--admin .og-side-widget__title {
  text-shadow: 0 0 8px rgba(34,211,238,.16), 0 0 14px rgba(139,92,246,.2);
}
.og-player-card__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
.og-player-card__stats > div,
.og-player-card__progress,
.og-player-card__chips span {
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
}
.og-player-card--admin .og-player-card__stats > div,
.og-player-card--admin .og-player-card__progress,
.og-player-card--admin .og-player-card__chips span {
  border-color: rgba(34,211,238,.16);
  background: linear-gradient(180deg, rgba(34,211,238,.04), rgba(139,92,246,.035));
}
.og-player-card__stats strong { display: block; margin-top: 6px; font-size: .95rem; }
.og-player-card__progress-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.og-player-card__progress-head strong { font-size: .86rem; }
.og-player-card__progress-head span { color: #d7daea; font-size: .78rem; font-weight: 900; }
.og-player-card__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.og-player-card__chips span { color: #daddf0; font-size: .74rem; font-weight: 750; }

.og-single-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.og-single-layout.has-sidebar { grid-template-columns: minmax(0, 2.6fr) minmax(300px, 1fr); align-items: start; }
.og-single-layout__content { min-width: 0; }
.og-single-layout__sidebar { min-width: 0; }
.og-single-layout__sidebar .widget_og_user_panel { min-height: 0; height: auto; }

@media (max-width: 1100px) {
  .og-single-layout.has-sidebar { grid-template-columns: minmax(0,1fr); }
  .og-player-card__hero { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 640px) {
  .og-player-card__stats { grid-template-columns: minmax(0,1fr); }
  .og-player-card__chips { display: grid; grid-template-columns: minmax(0,1fr); }
}


/* =========================================================
   0.3.2 - Kategori / arşiv / arama sayfalarında sağ bileşenler
   ========================================================= */
.og-listing-page { max-width: 1480px; }
.og-listing-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 24px;
  align-items: start;
}
.og-listing-layout.has-sidebar {
  grid-template-columns: minmax(0, 2.7fr) minmax(300px, 1fr);
}
.og-listing-layout__content,
.og-listing-layout__sidebar { min-width: 0; }
.og-listing-layout__sidebar .widget_og_user_panel {
  min-height: 0;
  height: auto;
}
.og-post-grid--with-sidebar {
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
}
.og-listing-layout__sidebar .og-side-widget {
  position: relative;
}
@media (min-width: 1181px) {
  .og-listing-layout__sidebar {
    position: sticky;
    top: 18px;
    align-self: start;
  }
}
@media (max-width: 1180px) {
  .og-listing-layout.has-sidebar {
    grid-template-columns: minmax(0,1fr);
  }
  .og-post-grid--with-sidebar {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 760px) {
  .og-post-grid--with-sidebar {
    grid-template-columns: minmax(0,1fr);
  }
}


/* =========================================================
   0.3.3 - Premium haber sayfası + ana sayfa ölçüsünde sağ panel
   ========================================================= */
.og-main.og-article-wrap--sidebar {
  width: min(1480px, calc(100% - 40px));
  max-width: 100%;
}
.og-single-layout { gap: 22px; }
.og-single-layout.has-sidebar {
  grid-template-columns: minmax(0, 2.7fr) minmax(330px, 1fr);
  align-items: start;
}
.og-single-layout__content { min-width: 0; }
.og-single-layout__sidebar {
  min-width: 0;
  width: 100%;
  align-self: stretch;
}
.og-single-layout__sidebar .widget_og_user_panel {
  min-height: clamp(520px, 44vw, 640px);
  height: 100%;
}
.og-single-layout__sidebar .widget_og_user_panel .og-account {
  min-height: 100%;
}
@media (min-width: 1181px) {
  .og-single-layout__sidebar {
    position: sticky;
    top: 18px;
  }
}

.og-article--premium,
.og-page-detail {
  width: 100%;
  max-width: none;
  margin: 0;
}
.og-article-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 46px);
  border: 1px solid var(--og-line);
  border-radius: 10px 10px 0 0;
  background:
    radial-gradient(circle at 0 0, rgba(139,92,246,.22), transparent 25rem),
    radial-gradient(circle at 100% 0, rgba(34,211,238,.10), transparent 22rem),
    linear-gradient(145deg, #12141e, #0b0d13);
  box-shadow: 0 28px 70px rgba(0,0,0,.26);
}
.og-article-hero::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  right: -110px;
  bottom: -150px;
  border: 1px solid rgba(139,92,246,.14);
  border-radius: 50%;
  pointer-events: none;
}
.og-article-hero__topline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.og-article-category {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 6px 11px;
  border: 1px solid rgba(139,92,246,.32);
  border-radius: 999px;
  color: #e9ddff !important;
  background: rgba(139,92,246,.12);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
}
.og-article-hero__type {
  color: #7dd3fc;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.og-article-hero h1 {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0;
  font-size: clamp(2rem, 4.6vw, 4.15rem);
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.og-article-meta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 11px;
  margin-top: 24px;
}
.og-article-meta__author,
.og-article-meta__item {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 8px;
  background: rgba(4,6,11,.30);
}
.og-article-meta__author img {
  width: 38px;
  height: 38px;
  border: 2px solid rgba(139,92,246,.55);
  border-radius: 50%;
  object-fit: cover;
}
.og-article-meta__author > div,
.og-article-meta__item {
  display: grid;
  gap: 3px;
}
.og-article-meta small {
  color: #8e92a1;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.og-article-meta strong {
  color: #eceef5;
  font-size: .78rem;
}
.og-article-cover {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: solid var(--og-line);
  border-width: 0 1px;
  background: #080a0f;
}
.og-article-cover img {
  display: block;
  width: 100%;
  max-height: 650px;
  object-fit: cover;
  border-radius: 0;
}
.og-article-body {
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid var(--og-line);
  border-radius: 0 0 10px 10px;
  background: linear-gradient(180deg, rgba(15,17,25,.98), rgba(9,11,16,.98));
  box-shadow: 0 28px 70px rgba(0,0,0,.22);
}
.og-article-body .og-article__content {
  max-width: 880px;
  margin: 0 auto;
  color: #e2e4eb;
  font-size: 1.08rem;
  line-height: 1.84;
}
.og-article-body .og-article__content > p:first-child {
  color: #f0f1f5;
  font-size: 1.16em;
  line-height: 1.75;
}
.og-article-body .og-article__content h2,
.og-article-body .og-article__content h3 {
  color: #fff;
  letter-spacing: -.025em;
}
.og-article-body .og-article__content h2 {
  margin-top: 2em;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: clamp(1.55rem, 3vw, 2.15rem);
}
.og-article-body .og-article__content h3 { font-size: clamp(1.25rem, 2.5vw, 1.7rem); }
.og-article-body .og-article__content blockquote {
  margin: 28px 0;
  padding: 18px 22px;
  border-left: 3px solid #8b5cf6;
  border-radius: 0 8px 8px 0;
  color: #dcd8ed;
  background: rgba(139,92,246,.07);
}
.og-article-body .og-article__content img { border-radius: 8px; }
.og-article-body .og-article__content a { color: #b9a5ff; }
.og-article-tags {
  max-width: 880px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  margin: 30px auto 0;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.og-article-tags > strong {
  color: #9da0ae;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.og-article-tags > div { display: flex; flex-wrap: wrap; gap: 8px; }
.og-article-tags a {
  display: inline-flex;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  color: #d9dbe3;
  background: rgba(255,255,255,.025);
  font-size: .72rem;
  text-decoration: none;
}
.og-article-body .og-post-actions { max-width: 880px; margin-right: auto; margin-left: auto; }
.og-post-navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.og-post-navigation__item {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--og-line);
  border-radius: 8px;
  background: #0e1017;
}
.og-post-navigation__item small {
  display: block;
  margin-bottom: 7px;
  color: #858997;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.og-post-navigation__item a {
  display: flex;
  gap: 8px;
  color: #f2f3f7;
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.35;
  text-decoration: none;
}
.og-post-navigation__item--next { text-align: right; }
.og-post-navigation__item--next a { justify-content: flex-end; }
.og-post-navigation__item:hover { border-color: rgba(139,92,246,.35); background: #12151e; }

@media (max-width: 1180px) {
  .og-single-layout.has-sidebar { grid-template-columns: minmax(0,1fr); }
  .og-single-layout__sidebar { position: static; }
  .og-single-layout__sidebar .widget_og_user_panel { min-height: 0; height: auto; }
  .og-single-layout__sidebar .widget_og_user_panel .og-account { min-height: 0; }
}
@media (max-width: 680px) {
  .og-article-hero { padding: 22px 18px; }
  .og-article-hero__topline { align-items: flex-start; flex-direction: column; }
  .og-article-meta { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .og-article-meta__author { grid-column: 1 / -1; }
  .og-article-body { padding: 22px 18px; }
  .og-article-body .og-article__content { font-size: 1rem; line-height: 1.75; }
  .og-post-navigation { grid-template-columns: minmax(0,1fr); }
  .og-post-navigation__item--next { text-align: left; }
  .og-post-navigation__item--next a { justify-content: flex-start; }
}


/* =========================================================
   0.3.4 - Tek tip Oyuncu Paneli + sade ve dengeli haber detayı
   ========================================================= */
:root { --og-side-column-min: 320px; --og-player-panel-min-height: 560px; }

/* Tüm sayfalarda aynı sağ kolon oranı. */
.og-lead-grid.has-sidebar,
.og-listing-layout.has-sidebar,
.og-single-layout.has-sidebar {
  grid-template-columns: minmax(0, 2.7fr) minmax(var(--og-side-column-min), 1fr);
  gap: 22px;
}
.og-account-screen .og-main.og-article-wrap--sidebar {
  width: min(1480px, calc(100% - 40px));
  max-width: 100%;
}
.og-account-screen .og-single-layout__content .og-article { max-width: none; }

/* Oyuncu Paneli, bulunduğu sayfaya göre şekil değiştirmez. */
.og-user-column .widget_og_user_panel,
.og-listing-layout__sidebar .widget_og_user_panel,
.og-single-layout__sidebar .widget_og_user_panel {
  width: 100%;
  min-height: var(--og-player-panel-min-height);
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.widget_og_user_panel .og-account {
  position: relative;
  z-index: 1;
  min-height: calc(var(--og-player-panel-min-height) - 58px);
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: flex-start;
  padding: 20px;
}
.widget_og_user_panel .og-account__signed {
  display: grid;
  grid-template-columns: 78px minmax(0,1fr);
  align-items: center;
  gap: 15px;
  min-width: 0;
  margin: 0;
  padding: 4px 0 18px;
  border-bottom: 1px solid rgba(255,255,255,.075);
}
.widget_og_user_panel .og-account__avatar { width: 78px; height: 78px; }
.widget_og_user_panel .og-account__avatar img {
  width: 78px;
  height: 78px;
  border-width: 3px;
  box-shadow: 0 0 0 4px rgba(139,92,246,.08), 0 0 24px rgba(139,92,246,.24);
}
.widget_og_user_panel .og-account__identity { min-width: 0; display: grid; gap: 4px; align-content: center; }
.widget_og_user_panel .og-account__identity .og-account__welcome {
  color: #9ba0b1;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .1em;
}
.widget_og_user_panel .og-account__identity > strong {
  overflow: visible;
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.18;
  white-space: normal;
  text-overflow: clip;
}
.og-account__identity-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 0; }
.og-account__identity-meta small { min-width: 0; overflow: hidden; color: #a78bfa; text-overflow: ellipsis; white-space: nowrap; }
.og-account__role-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 7px;
  border: 1px solid rgba(34,211,238,.28);
  border-radius: 999px;
  color: #b8f4ff;
  background: rgba(34,211,238,.07);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.og-account--admin .og-account__role-badge { box-shadow: 0 0 12px rgba(34,211,238,.16); text-shadow: 0 0 9px rgba(34,211,238,.45); }

.og-player-card {
  gap: 13px;
  margin: 0;
  padding: 15px;
}
.og-player-card__rankline {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(139,92,246,.20);
  border-radius: 9px;
  background: rgba(139,92,246,.055);
}
.og-player-card__rankicon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
  background: rgba(255,255,255,.04);
  font-size: 1.45rem;
}
.og-player-card__rankline > div { min-width: 0; display: grid; gap: 4px; }
.og-player-card__rankline small,
.og-player-card__pointsbar small,
.og-player-card__stats small,
.og-player-card__progress small {
  color: #9da2b4;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.og-player-card__rankline strong {
  min-width: 0;
  color: #fff;
  font-size: .94rem;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}
.og-player-card__pointsbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(34,211,238,.18);
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(34,211,238,.055), rgba(139,92,246,.045));
}
.og-player-card__pointsbar > div { display: grid; gap: 3px; }
.og-player-card__pointsbar strong { color: #fff; font-size: 1.55rem; line-height: 1; letter-spacing: -.04em; }
.og-player-card__pointsbar > span { color: #67e8f9; opacity: .8; font-size: .9rem; }
.og-player-card__stats--two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.og-player-card__stats--two > div { min-width: 0; padding: 11px; }
.og-player-card__stats--two strong { overflow-wrap: anywhere; }
.og-player-card__progress { padding: 12px; }
.og-player-card__progress > small { display: block; margin-top: 8px; line-height: 1.45; }
.og-player-card--admin .og-player-card__rankline,
.og-player-card--admin .og-player-card__pointsbar,
.og-player-card--admin .og-player-card__stats--two > div,
.og-player-card--admin .og-player-card__progress {
  border-color: rgba(34,211,238,.22);
  box-shadow: inset 0 0 18px rgba(34,211,238,.025);
}
.og-player-card--admin .og-player-card__rankicon { box-shadow: 0 0 16px rgba(34,211,238,.16); }
.og-player-card--admin .og-player-card__rankline strong,
.og-player-card--admin .og-player-card__pointsbar strong { text-shadow: 0 0 12px rgba(34,211,238,.18); }
.og-player-card__hero,
.og-player-card__points,
.og-player-card__chips { display: none !important; }

.widget_og_user_panel .og-account__actions {
  position: relative;
  z-index: 2;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  width: 100%;
  margin: auto 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.075);
}
.widget_og_user_panel .og-account__actions .og-button { min-width: 0; width: 100%; }

/* Haber başlığında kategori / site etiketi yok; başlık ve meta tam ortada. */
.og-article-hero--clean { padding: clamp(28px, 4.5vw, 50px) clamp(22px, 4vw, 46px); text-align: center; }
.og-article-hero--clean h1 {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  text-align: center;
  text-wrap: balance;
}
.og-article-meta--centered {
  justify-content: center;
  margin: 26px auto 0;
}
.og-article-meta--centered .og-article-meta__author,
.og-article-meta--centered .og-article-meta__item {
  justify-content: center;
  text-align: left;
}
.og-article-meta--centered .og-article-meta__item { min-width: 90px; }

/* İçerik daha dengeli ve gazete hissinde sağ-sol hizalı. */
.og-article-body .og-article__content { max-width: 920px; }
.og-article-body .og-article__content p {
  text-align: justify;
  text-justify: inter-word;
  text-align-last: left;
  hyphens: auto;
}
.og-article-body .og-article__content li { line-height: 1.75; }

/* Yan reklamlar görünürken de panel tek satıra sıkışmasın. */
@media (max-width: 1280px) and (min-width: 1025px) {
  :root { --og-side-column-min: 300px; }
  .widget_og_user_panel .og-account { padding: 16px; }
  .widget_og_user_panel .og-account__signed { grid-template-columns: 68px minmax(0,1fr); gap: 12px; }
  .widget_og_user_panel .og-account__avatar,
  .widget_og_user_panel .og-account__avatar img { width: 68px; height: 68px; }
  .og-player-card__stats--two { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 1024px) {
  .og-lead-grid.has-sidebar,
  .og-listing-layout.has-sidebar,
  .og-single-layout.has-sidebar { grid-template-columns: minmax(0,1fr); }
  .og-user-column .widget_og_user_panel,
  .og-listing-layout__sidebar .widget_og_user_panel,
  .og-single-layout__sidebar .widget_og_user_panel { min-height: 0; }
  .widget_og_user_panel .og-account { min-height: 0; }
}
@media (max-width: 680px) {
  .og-article-meta--centered { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .og-article-meta--centered .og-article-meta__author { grid-column: 1 / -1; justify-content: center; }
  .og-article-meta--centered .og-article-meta__item { min-width: 0; text-align: center; }
  .og-article-body .og-article__content p { text-align: left; }
  .widget_og_user_panel .og-account__actions { grid-template-columns: minmax(0,1fr); }
}


/* =========================================================
   0.3.5 - Panel yüksekliği sabitleme + reklam güvenli içerik payı
   ========================================================= */

/* Masaüstünde ana içerik gövdesini önceki sürüme göre yaklaşık 1 cm içeri al. */
@media (min-width: 1281px) {
  .og-main {
    width: min(1400px, calc(100% - 116px));
  }
  .og-account-screen .og-main.og-article-wrap--sidebar {
    width: min(1400px, calc(100% - 116px));
  }
}

/* Ana sayfada sağ panel yalnızca slider satırını kaplar; haber akışı boyunca uzamaz. */
.og-lead-grid.has-sidebar {
  grid-template-areas:
    "slider sidebar"
    "feed   .";
  align-items: start;
}
.og-lead-grid > .og-user-column {
  grid-area: sidebar;
  align-self: start;
  height: auto;
}

/* Tüm sayfalarda panelin eski min-height zorlamasını kaldır. */
.og-user-column .widget_og_user_panel,
.og-listing-layout__sidebar .widget_og_user_panel,
.og-single-layout__sidebar .widget_og_user_panel {
  min-height: 0;
  height: auto;
}
.widget_og_user_panel .og-account {
  min-height: 0;
  height: auto;
}

/* Profil/Çıkış alanı panel içeriğinin hemen altında dursun; boş alanı aşağı itmesin. */
.widget_og_user_panel .og-account__actions {
  margin-top: 0;
}

/* Ana sayfada JS slider yüksekliğini verdiğinde panel o yüksekliği tam doldurur. */
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced {
  overflow: hidden;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel {
  height: 100%;
  min-height: 0;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account {
  height: auto;
  min-height: 0;
}

@media (max-width: 1024px) {
  .og-lead-grid.has-sidebar {
    grid-template-areas: "slider" "feed" "sidebar";
  }
  .og-lead-grid > .og-user-column,
  .og-lead-grid.has-sidebar > .og-user-column.is-slider-synced {
    height: auto !important;
    overflow: visible;
  }
  .og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel {
    height: auto !important;
  }
}


/* =========================================================
   0.3.6 - Gerçek sabit panel yüksekliği + tüm sayfalarda reklam güvenli pay
   ========================================================= */

/* Masaüstünde başlık, ticker, içerik ve footer aynı güvenli genişliği kullanır.
   38px sağ + 38px sol yaklaşık 1 cm'lik ek iç paydır. */
@media (min-width: 1281px) {
  .og-header__inner,
  .og-ticker__inner,
  .og-main,
  .og-footer__inner,
  .og-main.og-article-wrap--sidebar,
  .og-account-screen .og-main.og-article-wrap--sidebar {
    width: min(1400px, calc(100% - 76px));
    max-width: 100%;
  }
}

/* Yazı, sayfa, profil, kategori ve arşivlerde sağ kolon içerik yüksekliğine
   göre uzamaz. Eski flex:1 / stretch kurallarını kesin olarak iptal et. */
.og-single-layout__sidebar,
.og-listing-layout__sidebar {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
}
.og-single-layout__sidebar.og-user-column,
.og-listing-layout__sidebar.og-user-column {
  display: block;
}
.og-single-layout__sidebar .widget_og_user_panel,
.og-listing-layout__sidebar .widget_og_user_panel {
  flex: 0 0 auto !important;
  align-self: start !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
}
.og-single-layout__sidebar .widget_og_user_panel .og-account,
.og-listing-layout__sidebar .widget_og_user_panel .og-account {
  display: flex;
  flex-direction: column;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 18px;
}
.og-single-layout__sidebar .widget_og_user_panel .og-account__actions,
.og-listing-layout__sidebar .widget_og_user_panel .og-account__actions {
  position: static;
  display: grid;
  margin: 4px 0 0 !important;
  padding-top: 15px;
}

/* Ana sayfada tek istisna: panel slider yüksekliğiyle birebir eşleşir. */
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced {
  display: flex;
  align-self: start;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel {
  flex: 1 1 auto !important;
  height: 100% !important;
  overflow: hidden;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0 !important;
  gap: 12px;
  padding: 15px 16px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__actions {
  margin-top: auto !important;
  padding-top: 12px;
}

/* Avatarı biraz yukarı taşı ve kimlik bilgisini avatarın üst çizgisine hizala. */
.widget_og_user_panel .og-account__signed {
  grid-template-columns: 74px minmax(0,1fr);
  align-items: start;
  gap: 14px;
  padding-top: 0;
}
.widget_og_user_panel .og-account__avatar {
  width: 74px;
  height: 74px;
  margin-top: -4px;
}
.widget_og_user_panel .og-account__avatar img {
  width: 74px;
  height: 74px;
}
.widget_og_user_panel .og-account__identity {
  align-content: start;
  align-self: start;
  gap: 3px;
  padding-top: 1px;
}
.widget_og_user_panel .og-account__identity-meta {
  min-height: 18px;
}

/* Administrator yazısı artık üretilmiyor; eski cache/markup kalırsa da gizle. */
.widget_og_user_panel .og-account__role-badge {
  display: none !important;
}

/* Panel içeriğini dar reklamlı masaüstünde daha kompakt tut. */
@media (min-width: 1025px) and (max-width: 1360px) {
  .widget_og_user_panel .og-account { padding: 15px; gap: 13px; }
  .widget_og_user_panel .og-account__signed { grid-template-columns: 66px minmax(0,1fr); gap: 11px; padding-bottom: 13px; }
  .widget_og_user_panel .og-account__avatar,
  .widget_og_user_panel .og-account__avatar img { width: 66px; height: 66px; }
  .og-player-card { padding: 12px; gap: 10px; }
  .og-player-card__rankline { grid-template-columns: 42px minmax(0,1fr); padding: 10px; gap: 10px; }
  .og-player-card__rankicon { width: 42px; height: 42px; }
  .og-player-card__pointsbar { padding: 11px 12px; }
  .og-player-card__pointsbar strong { font-size: 1.35rem; }
  .og-player-card__stats--two > div,
  .og-player-card__progress { padding: 10px; }
}

@media (max-width: 1024px) {
  .og-header__inner,
  .og-ticker__inner,
  .og-main,
  .og-footer__inner { max-width: 100%; }
  .og-single-layout__sidebar .widget_og_user_panel,
  .og-listing-layout__sidebar .widget_og_user_panel { overflow: hidden; }
}


/* =========================================================
   0.3.7 - Oyuncu paneli üst profil kartı + sabit görünür işlem kutusu
   ========================================================= */

/* Avatar + kullanıcı bilgisini tek ve düzenli bir profil kartında topla. */
.widget_og_user_panel .og-account__signed {
  display: grid;
  grid-template-columns: 70px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(139,92,246,.055), rgba(34,211,238,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.widget_og_user_panel .og-account__avatar {
  width: 70px;
  height: 70px;
  margin: 0;
  align-self: center;
}
.widget_og_user_panel .og-account__avatar img {
  width: 70px;
  height: 70px;
  border-width: 3px;
}
.widget_og_user_panel .og-account__identity {
  align-self: center;
  align-content: center;
  gap: 4px;
  padding: 0;
}
.widget_og_user_panel .og-account__identity .og-account__welcome {
  line-height: 1.2;
}
.widget_og_user_panel .og-account__identity > strong {
  line-height: 1.18;
}
.widget_og_user_panel .og-account__identity-meta {
  min-height: 0;
}

/* Profil / çıkış düğmelerini ayrı, belirgin bir işlem kutusuna al. */
.widget_og_user_panel .og-account__actions {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  width: 100%;
  margin: 0 !important;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: rgba(7,9,14,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.widget_og_user_panel .og-account__actions .og-button {
  min-height: 40px;
  min-width: 0;
  width: 100%;
}

/* Ana sayfada içerik yüksekliği sliderdan büyük olsa bile işlem kutusu görünür kalsın. */
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel {
  display: flex;
  flex-direction: column;
  min-height: 0 !important;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account {
  flex: 1 1 0;
  min-height: 0 !important;
  height: 100% !important;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  gap: 10px;
  padding: 12px 14px;
  overflow: hidden;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card {
  min-height: 0;
  align-content: start;
  gap: 8px;
  margin: 0;
  padding: 10px;
  overflow: hidden;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__rankline {
  grid-template-columns: 40px minmax(0,1fr);
  gap: 9px;
  padding: 8px 9px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__rankicon {
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__rankline strong {
  font-size: .86rem;
  line-height: 1.18;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__pointsbar {
  padding: 9px 10px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__pointsbar strong {
  font-size: 1.28rem;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__stats--two > div {
  padding: 8px 9px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__stats--two strong {
  margin-top: 4px;
  font-size: .84rem;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__progress {
  padding: 8px 9px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-player-card__progress > small {
  margin-top: 5px;
  font-size: .58rem;
  line-height: 1.25;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-rank-progress {
  margin-top: 7px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__signed {
  grid-template-columns: 62px minmax(0,1fr);
  gap: 11px;
  padding: 9px 10px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__avatar,
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__avatar img {
  width: 62px;
  height: 62px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__actions {
  align-self: end;
  padding: 8px;
}

/* Diğer sayfalarda doğal yükseklik korunur; alt işlem kutusu içerikten sonra gelir. */
.og-single-layout__sidebar .widget_og_user_panel .og-account,
.og-listing-layout__sidebar .widget_og_user_panel .og-account {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: visible;
}
.og-single-layout__sidebar .widget_og_user_panel .og-account__actions,
.og-listing-layout__sidebar .widget_og_user_panel .og-account__actions {
  margin-top: 0 !important;
}

@media (max-width: 1024px) {
  .widget_og_user_panel .og-account__signed {
    grid-template-columns: 64px minmax(0,1fr);
  }
  .widget_og_user_panel .og-account__avatar,
  .widget_og_user_panel .og-account__avatar img {
    width: 64px;
    height: 64px;
  }
  .og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account {
    height: auto !important;
    display: flex;
    overflow: visible;
  }
}


/* =========================================================
   0.3.8 - Oyuncu paneli profil bloğu: genişlik ve avatar hizası
   ========================================================= */

/* Masaüstünde sağ paneli biraz genişlet; slider hâlâ ana alanı domine eder. */
@media (min-width: 1180px) {
  .og-lead-grid.has-sidebar {
    grid-template-columns: minmax(0, 2.55fr) minmax(330px, .98fr);
  }
  .og-single-layout.has-sidebar,
  .og-listing-layout.has-sidebar {
    grid-template-columns: minmax(0, 2.55fr) minmax(330px, .98fr);
  }
}

/* Profil kartı panelin kullanılabilir genişliğini tam doldursun. */
.widget_og_user_panel .og-account__signed {
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 15px;
  padding: 12px 12px 12px 13px;
  border-top-color: transparent;
}
.widget_og_user_panel .og-account__avatar,
.widget_og_user_panel .og-account__avatar img {
  width: 78px;
  height: 78px;
}

/* Metinleri avatarın üst / orta / alt çizgisine sabitle. */
.widget_og_user_panel .og-account__identity {
  min-width: 0;
  height: 78px;
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  align-items: stretch;
  align-content: stretch;
  gap: 0;
  padding: 0;
}
.widget_og_user_panel .og-account__identity .og-account__welcome {
  align-self: start;
  margin: 0;
  padding: 0;
  border: 0 !important;
  line-height: 1.1;
}
.widget_og_user_panel .og-account__identity > strong {
  align-self: center;
  margin: 0;
  line-height: 1.15;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.widget_og_user_panel .og-account__identity-meta {
  align-self: end;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.widget_og_user_panel .og-account__identity-meta small {
  display: block;
  line-height: 1.1;
}

/* Ana sayfadaki eski kompakt küçültmeyi iptal et. */
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__signed {
  grid-template-columns: 74px minmax(0,1fr);
  gap: 14px;
  padding: 11px 12px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__avatar,
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__avatar img {
  width: 74px;
  height: 74px;
}
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account__identity {
  height: 74px;
}

/* İçerik sağ sınıra kadar rahat yayılsın. */
.widget_og_user_panel .og-account {
  padding-left: 14px;
  padding-right: 14px;
}

@media (max-width: 1179px) and (min-width: 1025px) {
  .widget_og_user_panel .og-account__signed {
    grid-template-columns: 72px minmax(0,1fr);
  }
  .widget_og_user_panel .og-account__avatar,
  .widget_og_user_panel .og-account__avatar img,
  .widget_og_user_panel .og-account__identity {
    width: auto;
    height: 72px;
  }
  .widget_og_user_panel .og-account__avatar,
  .widget_og_user_panel .og-account__avatar img {
    width: 72px;
  }
}

@media (max-width: 1024px) {
  .widget_og_user_panel .og-account__signed {
    grid-template-columns: 68px minmax(0,1fr);
  }
  .widget_og_user_panel .og-account__avatar,
  .widget_og_user_panel .og-account__avatar img {
    width: 68px;
    height: 68px;
  }
  .widget_og_user_panel .og-account__identity { height: 68px; }
}


/* =========================================================
   0.3.9 - Ana sayfa Oyuncu Paneli artık sliderdan bağımsızdır
   ========================================================= */
/* Ana sayfa sağ sütunu, yazı/kategori/profil sayfalarındaki panel ile aynı
   doğal yükseklik ve iç yerleşimi kullanır. Slider yüksekliği uygulanmaz. */
.og-lead-grid.has-sidebar > .og-user-column {
  display: block !important;
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.og-lead-grid.has-sidebar > .og-user-column .widget_og_user_panel {
  flex: 0 0 auto !important;
  align-self: start !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.og-lead-grid.has-sidebar > .og-user-column .widget_og_user_panel .og-account {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start !important;
  gap: 12px;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 18px;
  overflow: visible !important;
}
.og-lead-grid.has-sidebar > .og-user-column .widget_og_user_panel .og-account__actions {
  position: static !important;
  display: grid;
  margin: 4px 0 0 !important;
  padding-top: 15px;
}
/* Önceki sürümden DOM'da sınıf kalırsa dahi slider eşitlemesini etkisizleştir. */
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced,
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel,
.og-lead-grid.has-sidebar > .og-user-column.is-slider-synced .widget_og_user_panel .og-account {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}


/* =========================================================
   0.3.10 - Slider ile 1. Haber Akışı aynı sol kolon içinde
   ========================================================= */
.og-lead-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: none !important;
  gap: 22px;
  align-items: start;
}
.og-lead-grid.has-sidebar {
  grid-template-columns: minmax(0, 2.7fr) minmax(310px, 1fr);
  grid-template-areas: none !important;
  align-items: start;
}
.og-lead-primary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
.og-lead-primary > .og-slider,
.og-lead-primary > .og-news-flow {
  grid-area: auto !important;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
}
.og-lead-grid > .og-user-column {
  grid-area: auto !important;
  align-self: start !important;
}
@media (max-width: 1024px) {
  .og-lead-grid.has-sidebar { grid-template-columns: minmax(0,1fr); }
  .og-lead-primary { gap: 10px; }
}
@media (max-width: 520px) {
  .og-lead-primary { gap: 8px; }
}


/* =========================================================
   0.3.11 - Profil sayfası üst boşluk temizliği
   ========================================================= */
/* Profil / giriş / kayıt gibi hesap ekranlarında WordPress sayfa kabuğu
   fazladan kart ve iç boşluk üretmesin; asıl shortcode tasarımı doğrudan yukarı gelsin. */
.og-account-screen .og-page-detail > .og-article-body {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.og-account-screen .og-page-detail > .og-article-body > .og-article__content {
  width: 100%;
  max-width: none;
  margin: 0;
}
.og-account-screen .og-page-detail > .og-article-body > .og-article__content > p:first-child {
  padding-top: 0;
  border-top: 0;
}
.og-account-screen .og-profile-page { margin-top: 0; }
.og-account-screen .og-profile-hero { margin-top: 0; }

/* Profil Bilgileri başlığının altında açıklama kaldırıldığı için başlık aralığını dengeli tut. */
.og-profile-layout > .og-member-card > .og-card-heading { margin-bottom: 18px; }


/* =========================================================
   0.3.12 - 2. ve 3. Haber Akışı
   ========================================================= */
.og-secondary-feeds {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.og-feed-two,
.og-feed-three {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--og-line);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(17,19,28,.98), rgba(10,12,18,.98));
  box-shadow: 0 22px 55px rgba(0,0,0,.2);
}
.og-feed-two__list {
  height: 100%;
  display: grid;
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.og-feed-two__item {
  min-width: 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.og-feed-two__item:last-child { border-bottom: 0; }
.og-feed-two__link {
  min-height: 94px;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 122px;
  align-items: center;
  gap: 12px;
  padding: 10px 10px 10px 14px;
  color: #f2f3f6;
  text-decoration: none;
  transition: background .16s ease;
}
.og-feed-two__link:hover { background: rgba(139,92,246,.075); }
.og-feed-two__title {
  min-width: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #f0f1f5;
  font-size: .9rem;
  font-weight: 900;
  line-height: 1.35;
}
.og-feed-two__media {
  width: 122px;
  height: 76px;
  overflow: hidden;
  border-radius: 5px;
  background: #090b10;
}
.og-feed-two__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .22s ease;
}
.og-feed-two__link:hover .og-feed-two__image { transform: scale(1.045); }

.og-feed-three__item,
.og-feed-three__link { height: 100%; }
.og-feed-three__link {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  color: #fff;
  text-decoration: none;
}
.og-feed-three__media {
  min-height: 0;
  overflow: hidden;
  background: #090b10;
}
.og-feed-three__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  transition: transform .3s ease;
}
.og-feed-three__link:hover .og-feed-three__image { transform: scale(1.025); }
.og-feed-three__title {
  display: -webkit-box;
  overflow: hidden;
  padding: 20px 22px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  border-top: 1px solid rgba(255,255,255,.075);
  background: linear-gradient(180deg, rgba(17,19,28,.98), rgba(10,12,18,.98));
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  font-weight: 950;
  line-height: 1.25;
}
@media (max-width: 1180px) {
  .og-feed-two__link { grid-template-columns: minmax(0,1fr) 104px; }
  .og-feed-two__media { width: 104px; height: 68px; }
  .og-feed-two__title { font-size: .84rem; }
}
@media (max-width: 820px) {
  .og-secondary-feeds { grid-template-columns: minmax(0,1fr); }
  .og-feed-three__image { min-height: 300px; aspect-ratio: 16/9; }
}
@media (max-width: 520px) {
  .og-feed-two__link { min-height: 88px; grid-template-columns: minmax(0,1fr) 100px; gap: 9px; padding-left: 11px; }
  .og-feed-two__media { width: 100px; height: 66px; }
  .og-feed-three__image { min-height: 220px; }
  .og-feed-three__title { padding: 15px 16px; }
}


/* =========================================================
   0.3.13 — Oyuncu Paneli hizalama + yeni OG amblemi
   ========================================================= */

/* Toplam Puan merkezde. Dekoratif elmas da merkeze göre konumlanır. */
.og-player-card__pointsbar {
  position: relative;
  display: grid;
  place-items: center;
  text-align: center;
  padding-left: 38px;
  padding-right: 38px;
}
.og-player-card__pointsbar > div {
  justify-items: center;
  text-align: center;
}
.og-player-card__pointsbar > span {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

/* Kazanılan Rozet / Giriş Serisi içeriklerini tam ortala. */
.og-player-card__stats--two > div {
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
}
.og-player-card__stats--two small,
.og-player-card__stats--two strong {
  width: 100%;
  text-align: center;
}

/* Header'daki OG işaretini oyun temalı bir ambleme dönüştür. */
.og-brand__mark {
  position: relative;
  isolation: isolate;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 12px;
  clip-path: polygon(23% 0, 77% 0, 100% 23%, 100% 77%, 77% 100%, 23% 100%, 0 77%, 0 23%);
  background:
    linear-gradient(145deg, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(135deg, #22d3ee 0%, #6366f1 48%, #8b5cf6 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.13),
    0 0 16px rgba(34,211,238,.24),
    0 0 28px rgba(139,92,246,.24);
  color: #fff;
}
.og-brand__mark::before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: -1;
  border-radius: 10px;
  clip-path: inherit;
  background:
    radial-gradient(circle at 30% 22%, rgba(34,211,238,.25), transparent 38%),
    linear-gradient(145deg, #121827 0%, #0a0c13 58%, #171024 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.og-brand__mark::after {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: -2;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(34,211,238,.55), rgba(139,92,246,.55));
  filter: blur(8px);
  opacity: .38;
}
.og-brand__mark > span {
  display: block;
  transform: skewX(-7deg);
  font-size: .79rem;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.075em;
  text-shadow:
    0 1px 0 rgba(0,0,0,.7),
    0 0 8px rgba(34,211,238,.65);
}

@media (max-width: 480px) {
  .og-brand__mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 10px;
  }
  .og-brand__mark > span { font-size: .68rem; }
}


/* =========================================================
   0.3.14 — Toplam Puan gerçek merkez hizası
   ========================================================= */
.og-player-card__pointsbar {
  position: relative;
  display: block;
  min-height: 62px;
  padding: 10px 38px;
  text-align: center;
}
.og-player-card__pointsbar > div {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  text-align: center;
  pointer-events: none;
}
.og-player-card__pointsbar > div > small,
.og-player-card__pointsbar > div > strong {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
}
.og-player-card__pointsbar > span {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}


/* =========================================================
   0.3.16 — 4. Haber Akışı
   ========================================================= */
.og-feed-four {
  min-width: 0;
  width: 100%;
}
.og-feed-four__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.og-feed-four__item {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--og-line);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(17,19,28,.98), rgba(10,12,18,.98));
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}
.og-feed-four__link {
  height: 100%;
  display: grid;
  grid-template-rows: 180px minmax(72px, auto);
  color: #fff;
  text-decoration: none;
}
.og-feed-four__media {
  min-width: 0;
  overflow: hidden;
  background: #090b10;
}
.og-feed-four__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .24s ease;
}
.og-feed-four__link:hover .og-feed-four__image { transform: scale(1.035); }
.og-feed-four__title {
  display: -webkit-box;
  overflow: hidden;
  padding: 15px 16px 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  border-top: 1px solid rgba(255,255,255,.07);
  font-size: .94rem;
  font-weight: 900;
  line-height: 1.34;
}
@media (max-width: 1180px) {
  .og-feed-four__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .og-feed-four__link { grid-template-rows: 200px minmax(72px, auto); }
}
@media (max-width: 620px) {
  .og-feed-four__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .og-feed-four__link { grid-template-rows: auto auto; }
  .og-feed-four__media { aspect-ratio: 16 / 9; }
  .og-feed-four__title { padding: 14px 15px 15px; font-size: .98rem; }
}


/* =========================================================
   0.3.17 — FC 26 Turnuva Duyurusu
   ========================================================= */
.og-tournament-banner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 104px;
  margin: 0 0 18px;
  padding: 14px 18px 14px 14px;
  overflow: hidden;
  border: 1px solid rgba(116, 111, 255, .32);
  border-radius: 8px;
  background:
    radial-gradient(circle at 8% 35%, rgba(34, 211, 238, .13), transparent 28%),
    radial-gradient(circle at 78% 0%, rgba(139, 92, 246, .13), transparent 34%),
    linear-gradient(105deg, rgba(14, 18, 29, .99), rgba(11, 13, 21, .99));
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
}
.og-tournament-banner::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -8% -50px 32%;
  height: 70px;
  transform: skewX(-28deg);
  background: linear-gradient(90deg, transparent, rgba(76, 214, 255, .08), rgba(137, 92, 246, .11), transparent);
}
.og-tournament-banner__logo {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid rgba(126, 232, 255, .24);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.04), transparent 35%),
    linear-gradient(145deg, rgba(21, 26, 41, .96), rgba(9, 11, 18, .96));
  box-shadow:
    inset 0 0 0 1px rgba(109, 68, 210, .16),
    0 0 24px rgba(39, 210, 255, .09);
}
.og-tournament-banner__logo img {
  width: 100%;
  max-width: 178px;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 0 14px rgba(65, 220, 255, .12));
}
.og-tournament-banner__content { min-width: 0; }
.og-tournament-banner__kicker {
  display: block;
  margin: 0 0 4px;
  color: #77e9ff;
  font-size: .67rem;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.og-tournament-banner__title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.02rem, 1.45vw, 1.34rem);
  font-weight: 1000;
  line-height: 1.18;
  letter-spacing: -.02em;
}
.og-tournament-banner__meta {
  margin: 7px 0 0;
  color: #abb5c8;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.35;
}
.og-tournament-banner__side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 9px;
  min-width: 190px;
}
.og-tournament-banner__status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(47, 221, 151, .19);
  border-radius: 5px;
  background: rgba(26, 140, 95, .07);
  color: #a8efd0;
  font-size: .72rem;
  font-weight: 900;
  text-align: center;
}
.og-tournament-banner__status i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #38e39f;
  box-shadow: 0 0 10px rgba(56,227,159,.62);
}
.og-tournament-banner__button {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 7px 13px;
  border: 1px solid rgba(107, 218, 255, .32);
  border-radius: 5px;
  background: linear-gradient(100deg, rgba(58, 202, 255, .12), rgba(111, 72, 202, .17));
  color: #fff;
  font-size: .76rem;
  font-weight: 950;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.og-tournament-banner__button:hover,
.og-tournament-banner__button:focus {
  border-color: rgba(126, 232, 255, .7);
  background: linear-gradient(100deg, rgba(58, 202, 255, .19), rgba(111, 72, 202, .24));
  color: #fff;
  transform: translateY(-1px);
}
@media (max-width: 860px) {
  .og-tournament-banner {
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 13px;
    min-height: 0;
    padding: 13px;
  }
  .og-tournament-banner__logo {
    min-height: 58px;
    padding: 8px 10px;
    border-radius: 13px;
  }
  .og-tournament-banner__logo img { max-width: 150px; }
  .og-tournament-banner__side {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-width: 0;
    gap: 8px;
  }
}
@media (max-width: 520px) {
  .og-tournament-banner {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 12px;
    padding: 11px;
  }
  .og-tournament-banner__logo {
    min-height: 54px;
    padding: 8px;
    border-radius: 11px;
  }
  .og-tournament-banner__logo img { max-width: 138px; }
  .og-tournament-banner__kicker { font-size: .6rem; }
  .og-tournament-banner__title { font-size: .93rem; }
  .og-tournament-banner__meta { margin-top: 5px; font-size: .73rem; }
  .og-tournament-banner__side { grid-template-columns: minmax(0, 1fr); }
  .og-tournament-banner__status,
  .og-tournament-banner__button { min-height: 34px; }
}


/* =========================================================
   0.3.19 — FC26 duyuru bandı kompakt düzen
   ========================================================= */
.og-tournament-banner {
  grid-template-columns: 176px minmax(0, 1fr) auto;
  gap: 14px;
  min-height: 82px;
  margin-bottom: 12px;
  padding: 9px 14px 9px 9px;
}
.og-tournament-banner__logo {
  min-height: 62px;
  height: 62px;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
}
.og-tournament-banner__logo img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: none;
}
.og-tournament-banner__kicker {
  margin-bottom: 2px;
  font-size: .61rem;
}
.og-tournament-banner__title {
  font-size: clamp(.94rem, 1.25vw, 1.18rem);
  line-height: 1.12;
}
.og-tournament-banner__meta {
  margin-top: 4px;
  font-size: .75rem;
}
.og-tournament-banner__side {
  min-width: 170px;
  gap: 6px;
}
.og-tournament-banner__status {
  min-height: 28px;
  padding: 5px 9px;
  font-size: .68rem;
}
.og-tournament-banner__button {
  min-height: 30px;
  padding: 5px 11px;
  font-size: .7rem;
}
@media (max-width: 860px) {
  .og-tournament-banner {
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 10px;
    min-height: 0;
    padding: 9px;
    margin-bottom: 10px;
  }
  .og-tournament-banner__logo {
    min-height: 54px;
    height: 54px;
    padding: 0;
  }
  .og-tournament-banner__logo img { max-width: none; }
}
@media (max-width: 520px) {
  .og-tournament-banner {
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 8px;
    padding: 8px;
    margin-bottom: 9px;
  }
  .og-tournament-banner__logo {
    min-height: 48px;
    height: 48px;
    padding: 0;
  }
  .og-tournament-banner__side {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
  }
}


/* =========================================================
   0.3.20 — FC26 logo gerçek merkezleme
   ========================================================= */
.og-tournament-banner__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 4px 8px;
  overflow: hidden;
}
.og-tournament-banner__logo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: 50% 50%;
}
@media (max-width: 860px) {
  .og-tournament-banner__logo { padding: 4px 7px; }
}
@media (max-width: 520px) {
  .og-tournament-banner__logo { padding: 4px 6px; }
}


/* =========================================================
   0.3.21 — FC26 logo kutuyu doldursun
   ========================================================= */
.og-tournament-banner__logo {
  padding: 0;
}
.og-tournament-banner__logo img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (max-width: 860px) {
  .og-tournament-banner__logo { padding: 0; }
}
@media (max-width: 520px) {
  .og-tournament-banner__logo { padding: 0; }
}


/* =========================================================
   0.3.22 — 5. Haber Akışı
   ========================================================= */
.og-feed-five {
  width: 100%;
  min-width: 0;
  margin-top: 12px;
}
.og-feed-five__viewport {
  position: relative;
  height: 112px;
  overflow: hidden;
  border: 1px solid var(--og-line);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(16,19,28,.99), rgba(9,11,17,.99));
  box-shadow: 0 18px 42px rgba(0,0,0,.16);
}
.og-feed-five__track {
  width: 100%;
  height: 100%;
  will-change: transform;
}
.og-feed-five__slide {
  width: 100%;
  height: 100%;
}
.og-feed-five__link {
  display: grid;
  grid-template-columns: minmax(190px, 31%) minmax(0, 1fr);
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.og-feed-five__media {
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #080a0f;
}
.og-feed-five__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .28s ease;
}
.og-feed-five__link:hover .og-feed-five__image,
.og-feed-five__link:focus .og-feed-five__image { transform: scale(1.035); }
.og-feed-five__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  padding: 14px 18px;
  border-left: 1px solid rgba(255,255,255,.07);
}
.og-feed-five__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.25;
}
.og-feed-five__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #9da8ba;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.42;
}
.og-feed-five__empty {
  height: 100%;
  display: grid;
  place-items: center;
  padding: 16px;
  color: #8f99aa;
  font-size: .85rem;
  text-align: center;
}
@media (max-width: 760px) {
  .og-feed-five__viewport { height: 106px; }
  .og-feed-five__link { grid-template-columns: minmax(132px, 38%) minmax(0, 1fr); }
  .og-feed-five__content { gap: 5px; padding: 11px 13px; }
  .og-feed-five__title { font-size: .88rem; }
  .og-feed-five__description { font-size: .72rem; }
}
@media (max-width: 480px) {
  .og-feed-five__viewport { height: 118px; }
  .og-feed-five__link { grid-template-columns: 42% minmax(0, 1fr); }
  .og-feed-five__content { padding: 10px 11px; }
  .og-feed-five__title { font-size: .8rem; }
  .og-feed-five__description { font-size: .68rem; }
}
@media (prefers-reduced-motion: reduce) {
  .og-feed-five__track,
  .og-feed-five__image { transition: none !important; }
}


/* =========================================================
   0.3.23 — 5. Haber Akışı başlık-only görünüm
   ========================================================= */
.og-feed-five__content {
  gap: 0;
}
.og-feed-five__title {
  font-size: 1.08rem;
  line-height: 1.3;
  -webkit-line-clamp: 3;
}
.og-feed-five__description {
  display: none !important;
}
@media (max-width: 640px) {
  .og-feed-five__title {
    font-size: .94rem;
  }
}


/* =========================================================
   0.3.24 — Sabit AdSense alanları
   ========================================================= */
.og-adsense-slot {
  width: 100%;
  min-width: 0;
  margin: 12px 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 7px;
  background: rgba(8,10,15,.72);
}
.og-adsense-slot__label {
  display: block;
  padding: 4px 10px 0;
  color: rgba(183,194,211,.52);
  font-size: .58rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .12em;
  text-align: center;
}
.og-adsense-slot__frame {
  width: 100%;
  min-width: 0;
  padding: 4px 8px 8px;
  text-align: center;
}
.og-adsense-slot .adsbygoogle {
  width: 100%;
  min-width: 0;
}
.og-slider + .og-adsense-slot {
  margin-top: 10px;
}
.og-news-flow--one + .og-adsense-slot,
.og-feed-four + .og-adsense-slot {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .og-adsense-slot {
    margin: 9px 0;
    border-radius: 5px;
  }
  .og-adsense-slot__frame {
    padding: 3px 4px 6px;
  }
}


/* =========================================================
   0.3.25 — Kompakt yatay AdSense bannerları
   ========================================================= */
.og-adsense-slot {
  margin-top: 10px;
  margin-bottom: 10px;
}
.og-adsense-slot__label {
  padding-top: 3px;
}
.og-adsense-slot__frame {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px 6px;
}
.og-adsense-slot .adsbygoogle {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .og-adsense-slot__frame {
    min-height: 90px;
    padding: 2px 3px 5px;
  }
}


/* =========================================================
   0.3.26 — Masaüstü sol/sağ dikey AdSense alanları
   ========================================================= */
.og-side-ad {
  display: none;
}

@media (min-width: 1780px) {
  body.home {
    position: relative;
  }

  .og-side-ad {
    position: absolute;
    top: 188px;
    z-index: 2;
    display: block;
    width: 160px;
    min-width: 160px;
  }

  .og-side-ad--left {
    left: max(12px, calc(50% - 876px));
  }

  .og-side-ad--right {
    right: max(12px, calc(50% - 876px));
  }

  .og-side-ad__inner {
    width: 160px;
    min-width: 160px;
    overflow: visible;
    text-align: center;
  }

  .og-side-ad__label {
    display: block;
    margin-bottom: 4px;
    color: rgba(183,194,211,.48);
    font-size: .56rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .12em;
    text-align: center;
  }

  .og-side-ad__frame {
    width: 160px;
    min-width: 160px;
    overflow: visible;
  }

  .og-side-ad__unit {
    width: 160px !important;
    max-width: 160px !important;
    min-width: 160px !important;
    margin: 0 auto;
  }
}

/* Sticky yalnızca yeterli ekran yüksekliğinde etkinleşir.
   Böylece reklam içeriğinin tamamı görünür kalır. */
@media (min-width: 1780px) and (min-height: 760px) {
  .og-side-ad.is-sticky {
    top: 188px;
    bottom: 92px;
  }

  .og-side-ad.is-sticky .og-side-ad__inner {
    position: sticky;
    top: 92px;
  }

  body.admin-bar .og-side-ad.is-sticky .og-side-ad__inner {
    top: 124px;
  }
}

@media (max-width: 1779px), (max-width: 1024px) {
  .og-side-ad {
    display: none !important;
  }
}


/* =========================================================
   0.3.27 — Boş AdSense alanlarını gizle
   ========================================================= */
.og-adsense-slot[hidden],
.og-side-ad[hidden] {
  display: none !important;
}

.og-adsense-slot {
  display: none;
}

.og-adsense-slot.is-visible {
  display: block;
}

@media (min-width: 1780px) {
  .og-side-ad {
    display: none;
  }

  .og-side-ad.is-visible {
    display: block;
  }
}


/* =========================================================
   0.3.28 — AdSense yükleme görünürlüğü düzeltmesi
   Alan display:none olmadan yüklenir; dolarsa görünür, unfilled ise kapanır.
   ========================================================= */
.og-adsense-slot[hidden],
.og-side-ad[hidden] {
  display: revert !important;
}

.og-adsense-slot.is-ad-pending {
  display: block;
  border-color: transparent !important;
  background: transparent !important;
}
.og-adsense-slot.is-ad-pending .og-adsense-slot__label {
  visibility: hidden;
}
.og-adsense-slot.is-ad-pending .og-adsense-slot__frame {
  opacity: 0;
}
.og-adsense-slot.is-ad-filled {
  display: block;
}
.og-adsense-slot.is-ad-filled .og-adsense-slot__frame {
  opacity: 1;
}
.og-adsense-slot.is-ad-unfilled {
  display: none !important;
  margin: 0 !important;
  min-height: 0 !important;
}

@media (min-width: 1780px) {
  .og-side-ad.is-ad-pending,
  .og-side-ad.is-ad-filled {
    display: block;
  }
  .og-side-ad.is-ad-pending .og-side-ad__label,
  .og-side-ad.is-ad-pending .og-side-ad__frame {
    opacity: 0;
  }
  .og-side-ad.is-ad-filled .og-side-ad__label,
  .og-side-ad.is-ad-filled .og-side-ad__frame {
    opacity: 1;
  }
  .og-side-ad.is-ad-unfilled {
    display: none !important;
  }
}


/* =========================================================
   0.3.29 — Mobil yatay taşma kesin düzeltmesi
   Sayfanın viewport dışına sürüklenmesini engeller; iç yatay scrollerlar korunur.
   ========================================================= */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
  overscroll-behavior-x: none;
}
body {
  position: relative;
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden !important;
  }
}

@media (max-width: 1024px) {
  .og-header,
  .og-header__inner,
  .og-navigation,
  .og-menu,
  .og-search,
  .og-ticker,
  .og-ticker__inner,
  .og-ticker__window,
  .og-main,
  .og-lead-grid,
  .og-lead-primary,
  .og-user-column,
  .og-listing-page,
  .og-listing-layout,
  .og-single-layout,
  .og-article-wrap,
  .og-account-screen,
  .og-account-screen .og-main,
  .og-member-page,
  .og-profile-page,
  .og-secondary-feeds,
  .og-feed-two,
  .og-feed-three,
  .og-feed-four,
  .og-feed-five,
  .og-news-flow,
  .og-slider,
  .og-footer,
  .og-footer__inner,
  .og-side-widget,
  .widget,
  main,
  article,
  section {
    min-width: 0;
    max-width: 100%;
  }

  .og-lead-grid > *,
  .og-lead-primary > *,
  .og-secondary-feeds > *,
  .og-listing-layout > *,
  .og-single-layout > *,
  .og-profile-layout > *,
  .og-gamification-layout > * {
    min-width: 0;
    max-width: 100%;
  }

  img,
  picture,
  video,
  iframe,
  embed,
  object,
  table,
  pre,
  code {
    max-width: 100%;
  }

  /* Dış reklam rayları mobil/tablette DOM'da bulunsa bile ölçüme katılmasın. */
  .og-side-ad,
  .og-side-ad.is-ad-pending,
  .og-side-ad.is-ad-filled,
  .og-side-ad.is-visible {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .og-main,
  .og-account-screen .og-main,
  .og-main.og-article-wrap--sidebar,
  .og-account-screen .og-main.og-article-wrap--sidebar {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .og-header__inner,
  .og-footer__inner {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Uzun metinler ve butonlar da viewport'u genişletemez. */
  .og-article__content,
  .og-card,
  .og-account,
  .og-member-card,
  .og-profile-hero,
  .og-player-card,
  .og-post-actions,
  .og-rehber-widget,
  .og-stats-widget {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 480px) {
  .og-main,
  .og-account-screen .og-main,
  .og-main.og-article-wrap--sidebar,
  .og-account-screen .og-main.og-article-wrap--sidebar {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
  }

  .og-header__inner {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }

  .og-footer__inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }
}


/* =========================================================
   0.4.27 — Sağ sütun topluluk kartı
   ========================================================= */
.widget_og_community.og-side-widget { overflow: hidden; margin-bottom: 16px; border-color: rgba(92, 103, 245, .56); border-radius: 9px; background: linear-gradient(120deg, #121b37, #161334); box-shadow: 0 12px 28px rgba(0, 0, 0, .2); }
.widget_og_community .og-side-widget__title { display: none; }
.og-community-widget { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 67px; padding: 10px 11px; }
.og-community-widget__icon { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(72, 230, 255, .56); border-radius: 9px; color: #71edff; background: rgba(23, 140, 186, .12); font-size: 1.05rem; box-shadow: 0 0 14px rgba(73, 223, 255, .16); }
.og-community-widget__content { display: grid; gap: 2px; min-width: 0; }
.og-community-widget__content span { overflow: hidden; color: #75edff; font-size: .53rem; font-weight: 950; letter-spacing: .07em; text-overflow: ellipsis; white-space: nowrap; }
.og-community-widget__content strong { overflow: hidden; color: #f6f8ff; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.og-community-widget__content small { color: #93a2c1; font-size: .61rem; }
.og-community-widget__button { display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 0 8px; border: 1px solid rgba(112, 97, 255, .7); border-radius: 5px; color: #fff; background: linear-gradient(135deg, #724bf3, #5535bf); font-size: .63rem; font-weight: 900; text-decoration: none; white-space: nowrap; }
.og-community-widget__button:hover { border-color: #6deeff; color: #fff; box-shadow: 0 0 15px rgba(84, 220, 255, .3); }
.og-community-widget__button b { font-size: .9rem; line-height: 1; }

/* =========================================================
   0.4.25 — Topluluk merkezi
   ========================================================= */
.og-community-wrap { margin-top: 28px; }
.og-community-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 25px; overflow: hidden; padding: 31px; border: 1px solid rgba(88, 103, 185, .44); border-radius: 13px; background: radial-gradient(circle at 80% 0, rgba(104, 67, 235, .32), transparent 35%), linear-gradient(135deg, #111a32, #0b101d 72%); }
.og-community-hero::after { position: absolute; top: -80px; right: 11%; width: 190px; height: 190px; border: 1px solid rgba(63, 222, 255, .22); border-radius: 50%; box-shadow: 0 0 0 26px rgba(75, 73, 228, .04), 0 0 55px rgba(68, 225, 255, .1); content: ""; }
.og-community-hero > div { position: relative; z-index: 1; }
.og-community-hero > div > span, .og-community-section-head > span, .og-community-login span { color: #61eaff; font-size: .67rem; font-weight: 950; letter-spacing: .14em; }
.og-community-hero h1 { max-width: 560px; margin: 7px 0 9px; color: #fff; font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1.08; }
.og-community-hero p { max-width: 600px; margin: 0; color: #aab6cf; font-size: .92rem; line-height: 1.65; }
.og-community-hero__stats { display: grid; grid-template-columns: auto auto; align-content: center; column-gap: 14px; min-width: 170px; }
.og-community-hero__stats b { color: #fff; font-size: 1.45rem; text-align: right; }
.og-community-hero__stats span { align-self: center; color: #8da0c3; font-size: .6rem; font-weight: 900; letter-spacing: .08em; }
.og-community-categories { display: flex; gap: 9px; margin: 17px 0; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
.og-community-categories a { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 8px; padding: 9px 11px; border: 1px solid #273452; border-radius: 7px; color: #bcc8df; background: #101626; font-size: .73rem; text-decoration: none; transition: .18s ease; }
.og-community-categories a:hover, .og-community-categories a.is-active { border-color: #7661ff; color: #fff; background: #20204a; box-shadow: 0 0 16px rgba(114, 90, 255, .18); }
.og-community-categories a:hover, .og-community-categories a.is-active { border-color: var(--og-forum-color, #7661ff); box-shadow: 0 0 16px color-mix(in srgb, var(--og-forum-color, #7661ff) 30%, transparent); }
.og-community-categories i { color: var(--og-forum-color, #67eaff); font-size: .85rem; font-style: normal; }
.og-community-categories span { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #62eaff; background: rgba(43, 206, 246, .12); font-size: .62rem; font-weight: 900; }
.og-community-compose { overflow: hidden; margin: 22px 0 30px; border: 1px solid rgba(95, 90, 227, .55); border-radius: 12px; background: #0e1526; box-shadow: 0 15px 35px rgba(0, 0, 0, .2); }
.og-community-compose__head { display: flex; align-items: center; justify-content: space-between; padding: 13px 17px; border-bottom: 1px solid rgba(134, 151, 191, .18); background: linear-gradient(90deg, rgba(106, 76, 238, .18), transparent); }
.og-community-compose__head > div { display: flex; align-items: center; gap: 10px; }
.og-community-compose__head img { border: 2px solid #7c5cff; border-radius: 50%; }
.og-community-compose__head span { display: grid; gap: 3px; }
.og-community-compose__head b { color: #f5f7ff; font-size: .78rem; }
.og-community-compose__head small { color: #9aabc7; font-size: .66rem; }
.og-community-compose__head i { color: #64e9ff; font-size: 1.25rem; font-style: normal; }
.og-community-compose form { display: grid; gap: 11px; padding: 16px; }
.og-community-compose__fields { display: grid; grid-template-columns: minmax(0, 1fr) 175px; gap: 10px; }
.og-community-compose input, .og-community-compose select, .og-community-compose textarea { width: 100%; box-sizing: border-box; border: 1px solid #2c3959; border-radius: 7px; outline: 0; color: #f5f8ff; background: #090f1b; font: inherit; font-size: .8rem; }
.og-community-compose input, .og-community-compose select { height: 40px; padding: 0 11px; }
.og-community-compose textarea { min-height: 100px; padding: 12px; resize: vertical; line-height: 1.55; }
.og-community-compose input:focus, .og-community-compose select:focus, .og-community-compose textarea:focus { border-color: #58e7ff; box-shadow: 0 0 0 3px rgba(78, 224, 255, .11); }
.og-community-compose button { justify-self: end; min-height: 40px; }
.og-community-compose button span { margin-left: 6px; }
.og-community-login { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 0 30px; padding: 19px; border: 1px solid #273653; border-radius: 10px; background: #101727; }
.og-community-login h2 { margin: 5px 0 0; color: #eef3ff; font-size: 1rem; }
.og-community-notice, .og-community-empty { padding: 13px 15px; border: 1px solid rgba(74, 223, 250, .35); border-radius: 8px; color: #bceef8; background: rgba(21, 117, 148, .12); font-size: .8rem; }
.og-community-notice--error { border-color: rgba(255, 113, 133, .45); color: #ffc1ca; background: rgba(185, 41, 69, .12); }
.og-community-section-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 13px; }
.og-community-section-head h2 { margin: 4px 0 0; color: #fff; font-size: 1.3rem; }
.og-community-topic-list { display: grid; overflow: hidden; border: 1px solid #253250; border-radius: 10px; background: #0e1422; }
.og-community-topic-list article { display: grid; grid-template-columns: 44px minmax(0, 1fr) 62px; gap: 13px; align-items: center; padding: 15px; border-bottom: 1px solid rgba(123, 140, 181, .17); transition: background .18s ease; }
.og-community-topic-list article:last-child { border-bottom: 0; }
.og-community-topic-list article:hover { background: rgba(71, 76, 147, .14); }
.og-community-topic-list__avatar img { display: block; border: 2px solid rgba(113, 93, 255, .75); border-radius: 50%; }
.og-community-topic-list__body { min-width: 0; }
.og-community-topic-list__body > span { color: #61eaff; font-size: .61rem; font-weight: 900; letter-spacing: .08em; }
.og-community-topic-list h3 { margin: 4px 0 5px; font-size: .94rem; line-height: 1.28; }
.og-community-topic-list h3 a { color: #f7f9ff; text-decoration: none; }
.og-community-topic-list h3 a:hover { color: #62eaff; }
.og-community-topic-list p { display: -webkit-box; margin: 0 0 5px; overflow: hidden; color: #94a4bf; font-size: .74rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.og-community-topic-list small { color: #65738d; font-size: .65rem; }
.og-community-topic-list__count { display: grid; place-items: center; min-height: 42px; border: 1px solid rgba(51, 218, 255, .32); border-radius: 7px; background: #102033; }
.og-community-topic-list__count b { color: #fff; font-size: .9rem; }
.og-community-topic-list__count span { color: #62eaff; font-size: .48rem; font-weight: 900; letter-spacing: .08em; }
.og-community-topic { overflow: hidden; border: 1px solid #2b3857; border-radius: 12px; background: #0e1422; }
.og-community-topic__back { display: inline-block; margin: 17px 20px 0; color: #6deaff; font-size: .73rem; font-weight: 900; text-decoration: none; }
.og-community-topic header { padding: 17px 20px 20px; border-bottom: 1px solid rgba(130, 147, 186, .18); background: linear-gradient(125deg, rgba(80, 66, 180, .18), transparent); }
.og-community-topic header > span { color: #65eaff; font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
.og-community-topic h1 { margin: 7px 0 15px; color: #fff; font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.15; }
.og-community-topic header > div { display: flex; align-items: center; gap: 9px; color: #d8e1f3; font-size: .75rem; }
.og-community-topic header img { border: 2px solid #7a62ff; border-radius: 50%; }
.og-community-topic header small { margin-left: auto; color: #8190aa; }
.og-community-topic__content { padding: 23px 20px; color: #cbd5e8; line-height: 1.75; }
.og-community-topic__content > *:first-child { margin-top: 0; }
@media (max-width: 650px) { .og-community-hero { grid-template-columns: 1fr; padding: 22px; } .og-community-hero__stats { justify-content: start; width: fit-content; } .og-community-compose__fields { grid-template-columns: 1fr; } .og-community-login { align-items: flex-start; flex-direction: column; } .og-community-topic-list article { grid-template-columns: 36px minmax(0, 1fr) 50px; gap: 9px; padding: 12px; } .og-community-topic-list__avatar img { width: 36px; height: 36px; } .og-community-topic-list p { -webkit-line-clamp: 2; } }

/* =========================================================
   0.4.24 — Topluluk yorum alanı
   ========================================================= */
.og-comment-form-wrap { position: relative; overflow: hidden; padding: 0; border-color: rgba(115, 102, 255, .42); border-radius: 12px; background: linear-gradient(145deg, #12182a, #0c101c 66%); box-shadow: 0 18px 42px rgba(0, 0, 0, .24); }
.og-comment-form-wrap::before { position: absolute; top: 0; right: 11%; left: 11%; height: 1px; background: linear-gradient(90deg, transparent, #2de8ff, #8b5cf6, transparent); box-shadow: 0 0 16px #2de8ff; content: ""; }
.og-comment-form-wrap__intro { padding: 20px 22px 15px; border-bottom: 1px solid rgba(136, 149, 184, .16); background: linear-gradient(90deg, rgba(76, 65, 169, .15), transparent 68%); }
.og-comment-form-wrap__intro span { color: #62e8ff; font-size: .67rem; font-weight: 950; letter-spacing: .14em; }
.og-comment-form-wrap__intro p { margin: 7px 0 0; color: #aeb8ce; font-size: .8rem; line-height: 1.55; }
.og-comment-form-wrap .comment-respond { padding: 18px 22px 22px; }
.og-comment-form__title { margin: 0 0 15px; color: #fff; font-size: 1.14rem; }
.og-comment-form-wrap .comment-form { gap: 14px; }
.og-comment-form__identity { display: flex; align-items: center; gap: 10px; min-height: 46px; margin: 0; padding: 7px 10px; border: 1px solid rgba(65, 213, 245, .24); border-radius: 8px; background: rgba(5, 18, 32, .62); }
.og-comment-form__identity .avatar { width: 36px; height: 36px; border: 2px solid #7c5cff; border-radius: 50%; }
.og-comment-form__identity div { display: grid; gap: 2px; min-width: 0; }
.og-comment-form__identity strong { color: #f7fbff; font-size: .78rem; }
.og-comment-form__identity span { color: #93a4bf; font-size: .67rem; }
.og-comment-form__identity a { margin-left: auto; color: #6beaff; font-size: .68rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.og-comment-form__identity a + a { margin-left: 2px; color: #a8b2c6; }
.og-comment-form__identity a:hover { color: #fff; text-decoration: underline; }
.og-comment-form-wrap textarea { min-height: 132px; resize: vertical; padding: 14px 15px; border-color: rgba(111, 127, 168, .35); border-radius: 8px; background: #090e19; line-height: 1.55; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.og-comment-form-wrap textarea::placeholder { color: #71809b; }
.og-comment-form-wrap textarea:focus { border-color: #56e5ff; background: #0b1220; box-shadow: 0 0 0 3px rgba(50, 218, 255, .12), 0 0 18px rgba(94, 92, 255, .14); }
.og-comment-form-wrap .form-submit { display: flex; align-items: center; gap: 12px; margin-top: 2px !important; }
.og-comment-form-wrap .form-submit .submit { min-width: 146px; min-height: 42px; padding: 0 18px; border-radius: 7px; box-shadow: 0 8px 20px rgba(110, 73, 242, .27); }
.og-comment-form__hint { margin: 0; color: #78869e; font-size: .67rem; line-height: 1.45; }
@media (max-width: 560px) { .og-comment-form-wrap__intro, .og-comment-form-wrap .comment-respond { padding-right: 15px; padding-left: 15px; } .og-comment-form__identity { flex-wrap: wrap; } .og-comment-form__identity a { margin-left: 0; } .og-comment-form__identity div { flex: 1; } }

/* =========================================================
   0.4.33 — Topluluk konu sayfası: forum düzeni
   ========================================================= */
.single-og_topic .og-single-layout__content { max-width: none; }
.single-og_topic .og-forum-topic-head { overflow: hidden; margin-bottom: 14px; border: 1px solid #2d3d60; border-radius: 12px; background: linear-gradient(120deg, rgba(47, 72, 123, .38), rgba(15, 21, 36, .94) 62%); box-shadow: 0 12px 30px rgba(0, 0, 0, .18); }
.single-og_topic .og-community-topic__back { margin: 15px 18px 0; }
.og-forum-topic-head__topline { display: flex; justify-content: space-between; gap: 12px; margin: 10px 20px 0; color: #68e8ff; font-size: .66rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.og-forum-topic-head__topline span:last-child { color: #aab8d3; letter-spacing: .04em; }
.og-forum-topic-head h1 { margin: 9px 20px 20px; color: #fff; font-size: clamp(1.3rem, 2.5vw, 1.9rem); line-height: 1.18; }
.single-og_topic .og-forum-post { display: grid; grid-template-columns: 176px minmax(0, 1fr); margin-bottom: 15px; overflow: hidden; border: 1px solid #2c3b5a; border-radius: 12px; background: #0d1423; }
.single-og_topic .og-forum-post__member { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 13px; border-right: 1px solid rgba(132, 149, 192, .18); background: linear-gradient(180deg, #111c31, #0d1423); text-align: center; }
.og-forum-post__member-label { color: #64e9ff; font-size: .57rem; font-weight: 950; letter-spacing: .12em; }
.og-forum-post__member .avatar { border: 2px solid #7961ff; border-radius: 50%; box-shadow: 0 0 0 4px rgba(103, 78, 255, .12); }
.og-forum-post__member > strong { color: #f7f9ff; font-size: .83rem; }
.og-forum-post__message { min-width: 0; }
.og-forum-post__message > header { display: flex; justify-content: space-between; align-items: center; min-height: 42px; padding: 0 17px; border-bottom: 1px solid rgba(135, 152, 193, .16); color: #8998b5; font-size: .68rem; background: rgba(7, 12, 22, .42); }
.og-forum-post__message > header b { color: #65eaff; font-size: .74rem; }
.og-forum-post__content { min-height: 104px; padding: 22px 20px; color: #d5ddef; font-size: .94rem; line-height: 1.75; }
.og-forum-post__content > *:first-child { margin-top: 0; }
.og-forum-post__content > *:last-child { margin-bottom: 0; }
.single-og_topic .og-comments { max-width: none; margin-top: 28px; }
.single-og_topic .og-comments__header { display: flex; align-items: end; justify-content: space-between; padding: 0 4px 12px; border-bottom: 1px solid rgba(110, 130, 177, .27); }
.single-og_topic .og-comments__header h2 { font-size: 1.12rem; }
.single-og_topic .og-comment-list { gap: 14px; }
.single-og_topic .og-comment__body { grid-template-columns: 176px minmax(0, 1fr); gap: 0; padding: 0; overflow: hidden; border-color: #2a3958; border-radius: 11px; background: #0d1423; }
.single-og_topic .og-comment__avatar { display: flex; flex-direction: column; align-items: center; gap: 9px; min-height: 128px; padding: 17px 13px; border-right: 1px solid rgba(132, 149, 192, .18); background: linear-gradient(180deg, #111c31, #0d1423); }
.single-og_topic .og-comment__avatar > span { color: #65e8ff; font-size: .57rem; font-weight: 950; letter-spacing: .12em; }
.single-og_topic .og-comment__avatar img { border: 2px solid #7961ff; box-shadow: 0 0 0 4px rgba(103, 78, 255, .12); }
.single-og_topic .og-comment__main { padding: 0; }
.single-og_topic .og-comment__main > header { min-height: 42px; padding: 0 17px; border-bottom: 1px solid rgba(135, 152, 193, .16); background: rgba(7, 12, 22, .42); }
.single-og_topic .og-comment__main > header > strong { color: #f5f8ff; font-size: .84rem; }
.single-og_topic .og-comment__main > header time { margin-left: auto; }
.og-forum-reply__number { margin-left: 9px; color: #65eaff; font-size: .73rem; }
.single-og_topic .og-comment__content { min-height: 66px; margin: 0; padding: 18px 20px 7px; color: #d5ddef; font-size: .9rem; }
.single-og_topic .og-comment__main > footer { padding: 0 20px 17px; }
.single-og_topic .og-comment-list .children { margin: 14px 0 0 36px; }
.single-og_topic .og-comment-form-wrap { margin-top: 19px; }
@media (max-width: 650px) {
  .single-og_topic .og-forum-post, .single-og_topic .og-comment__body { grid-template-columns: 1fr; }
  .single-og_topic .og-forum-post__member, .single-og_topic .og-comment__avatar { flex-direction: row; justify-content: flex-start; min-height: 0; padding: 12px 14px; border-right: 0; border-bottom: 1px solid rgba(132, 149, 192, .18); text-align: left; }
  .single-og_topic .og-forum-post__member-label, .single-og_topic .og-comment__avatar > span { margin-right: 2px; }
  .single-og_topic .og-forum-post__member .avatar { width: 38px; height: 38px; }
  .single-og_topic .og-comment__avatar img { width: 38px; height: 38px; }
  .single-og_topic .og-comment__main > header time { width: auto; margin-left: auto; }
  .single-og_topic .og-comment-list .children { margin-left: 14px; }
  .og-forum-topic-head__topline { margin-right: 15px; margin-left: 15px; }
  .og-forum-topic-head h1 { margin-right: 15px; margin-left: 15px; }
}

/* =========================================================
   0.4.23 — Rehber: girişsiz ziyaretçi görünümü
   ========================================================= */
.og-side-widget[data-og-guide-ready="1"] .textwidget,
.og-side-widget[data-og-guide-ready="1"] .widget-content,
.og-side-widget[data-og-guide-ready="1"] .wp-block-group__inner-container { padding: 0 12px 10px; }
.og-side-widget[data-og-guide-ready="1"] ul,
.og-side-widget[data-og-guide-ready="1"] ol { margin: 0; padding: 0; list-style: none; }
.og-side-widget[data-og-guide-ready="1"] .og-guide-widget__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; margin: 0; padding: 0 5px; border-bottom: 1px solid rgba(128, 146, 190, .16); color: #f4f7ff; font-size: .79rem; font-weight: 800; }
.og-side-widget[data-og-guide-ready="1"] .og-guide-widget__row:last-child { border-bottom: 0; }
.og-side-widget[data-og-guide-ready="1"] .og-guide-widget__link { min-width: 0; color: inherit; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.og-side-widget[data-og-guide-ready="1"] .og-guide-widget__link:hover { color: #65e8ff; }
.og-side-widget[data-og-guide-ready="1"] .og-guide-widget__status { flex: 0 0 auto; color: #66e6a7; font-size: .69rem; font-style: normal; font-weight: 900; white-space: nowrap; }

/* =========================================================
   0.3.30 — Turnuva duyurusu tek renk
   ========================================================= */
.og-tournament-banner {
  background: #0c1320 !important;
}
.og-tournament-banner::after {
  display: none !important;
}

/* =========================================================
   0.3.33 — Ortak sağ sütunda tüm bileşenleri göster
   ========================================================= */
/* Yazı, sayfa, arşiv ve arama ekranları ana sayfanın aynı
   widget alanını kullanır. Bu ekranlarda her widget'ın doğal
   yüksekliğiyle sıralanmasını ve hiçbirinin kırpılmamasını sağla. */
.og-single-layout__sidebar.og-user-column,
.og-listing-layout__sidebar.og-user-column {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.og-single-layout__sidebar.og-user-column > .widget,
.og-listing-layout__sidebar.og-user-column > .widget {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
}
/* 0.3.39 - Public tournament centre */
.og-tournament-home { margin:0 0 16px; }
.og-match-ticker { display:flex; height:38px; border:1px solid #293249; border-radius:7px; overflow:hidden; background:#0d111b; }
.og-match-ticker > strong { display:grid; place-items:center; flex:0 0 auto; padding:0 13px; color:#7defff; background:#121a2b; font-size:.65rem; letter-spacing:.09em; }
.og-match-ticker__window { min-width:0; flex:1; overflow:hidden; }
.og-match-ticker__track { display:flex; width:max-content; animation:og-ticker-scroll 64s linear infinite; }
.og-match-ticker:hover .og-match-ticker__track { animation-play-state:paused; }
.og-match-ticker__group { display:flex; align-items:center; flex-shrink:0; }
.og-match-ticker__group a, .og-match-ticker__group span { display:inline-flex; gap:6px; align-items:center; padding:0 18px; color:#d7dfed; font-size:.73rem; font-weight:700; line-height:38px; text-decoration:none; white-space:nowrap; }
.og-match-ticker__group a:after, .og-match-ticker__group span:after { content:""; width:4px; height:4px; margin-left:17px; border-radius:50%; background:#7c5cff; }
.og-match-ticker__group a > span { padding:0; color:#8f9ab2; font-size:.62rem; }
.og-match-ticker__group b { padding:2px 5px; border-radius:4px; background:#222b42; color:#fff; }
.og-tournament-public-wrap { padding-top: 24px; }
.og-tournament-empty, .og-tournament-hero, .og-tournament-table, .og-tournament-matches, .og-tournament-leaders article { border: 1px solid #2c3348; border-radius: 10px; background: #0d111b; }
.og-tournament-empty { padding: 36px; color: #c4cce0; }
.og-tournament-hero { position: relative; min-height: 260px; overflow: hidden; background: linear-gradient(112deg,#161b38,#090d17 60%); }
.og-tournament-hero:before { content:""; position:absolute; inset:0; background:var(--og-tournament-cover, none) center/cover; opacity:.62; }
.og-tournament-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,10,18,.93),rgba(7,10,18,.52),rgba(7,10,18,.82)); }
.og-tournament-hero__content { position:relative; z-index:1; display:flex; min-height:260px; padding:32px; flex-direction:column; justify-content:center; max-width:760px; }
.og-tournament-hero__content > span, .og-tournament-section__head > span { color:#72e8ff; font-size:.72rem; font-weight:900; letter-spacing:.12em; }
.og-tournament-hero h1 { margin:7px 0; color:#fff; font-size:clamp(2rem,4vw,3.4rem); line-height:1; }
.og-tournament-hero p { max-width:620px; margin:4px 0 16px; color:#c8d0e4; }
.og-tournament-hero__content div { display:flex; gap:9px; align-items:center; color:#fff; font-size:.78rem; }
.og-tournament-hero__content i { width:4px; height:4px; border-radius:50%; background:#7c5cff; }
.og-tournament-nav { display:flex; gap:8px; padding:14px 0 5px; overflow:auto; }
.og-tournament-nav a { padding:9px 13px; border:1px solid #343c56; border-radius:20px; color:#c9d3e8; font-size:.78rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.og-tournament-nav a:hover { color:#fff; border-color:#8465ff; }
.og-tournament-section { margin-top:28px; scroll-margin-top:20px; }
.og-tournament-section__head { display:flex; align-items:end; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #262d40; }
.og-tournament-section__head h2 { margin:5px 0 0; color:#fff; font-size:1.55rem; }
.og-tournament-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.og-tournament-table { overflow:hidden; }
.og-tournament-table h3 { display:flex; align-items:center; gap:7px; margin:0; padding:12px 14px; color:#fff; font-size:1rem; border-bottom:1px solid #293147; }
.og-tournament-table h3 span { color:#7defff; font-size:.72rem; }
.og-tournament-table__header, .og-tournament-table__row { display:grid; grid-template-columns:minmax(145px,1fr) repeat(6,26px) 31px; gap:3px; align-items:center; padding:7px 10px; font-size:.7rem; text-align:center; }
.og-tournament-table__header { color:#8792aa; font-size:.62rem; font-weight:800; }
.og-tournament-table__header span:first-child { text-align:left; padding-left:23px; }
.og-tournament-table__row { position:relative; min-height:42px; border-top:1px solid #20273a; color:#dfe7f5; }
.og-tournament-table__row.is-qualified:before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#7c5cff; }
.og-tournament-table__row em { position:absolute; left:9px; color:#8993aa; font-style:normal; }
.og-tournament-table__team { display:flex; gap:7px; align-items:center; min-width:0; text-align:left; }
.og-tournament-table__team .og-tournament-team-logo { flex:0 0 24px; width:24px!important; height:24px!important; font-size:.7rem; }
.og-tournament-table__team b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.og-tournament-table__row > strong { color:#fff; }
.og-tournament-matches { display:grid; gap:0; margin-top:14px; overflow:hidden; }
.og-tournament-matches article { display:grid; grid-template-columns:115px minmax(0,1fr) 115px; gap:9px; align-items:center; padding:12px 14px; border-bottom:1px solid #242b3f; }
.og-tournament-matches article:last-child { border:0; }
.og-tournament-matches article > span { color:#8390aa; font-size:.65rem; font-weight:800; }
.og-tournament-matches article > div { display:grid; grid-template-columns:minmax(0,1fr) 26px auto 26px minmax(0,1fr); gap:8px; align-items:center; color:#e9effb; }
.og-tournament-matches article b { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.83rem; }
.og-tournament-matches article b:first-child { justify-self:end; text-align:right; }
.og-tournament-matches article b:last-child { justify-self:start; text-align:left; }
.og-tournament-matches article strong { padding:4px 9px; border-radius:5px; background:#222a41; color:#fff; white-space:nowrap; }
.og-tournament-matches .og-tournament-team-logo { width:23px!important; height:23px!important; }
.og-tournament-matches a { color:#82eaff; font-size:.72rem; font-weight:800; text-align:right; }
.og-tournament-note { padding:15px; color:#a6b0c4; }
.og-tournament-leaders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.og-tournament-leaders article { overflow:hidden; }
.og-tournament-leaders h3 { margin:0; padding:12px 14px; border-bottom:1px solid #293147; color:#fff; font-size:.95rem; }
.og-tournament-leaders ol { list-style:none; margin:0; padding:0; }
.og-tournament-leaders li { display:grid; grid-template-columns:24px minmax(0,1fr) 27px; gap:8px; align-items:center; padding:9px 13px; border-bottom:1px solid #22293c; }
.og-tournament-leaders li:last-child { border:0; }
.og-tournament-leaders li em { color:#8f9bb4; font-size:.72rem; font-style:normal; font-weight:800; }
.og-tournament-leaders li b { display:block; overflow:hidden; color:#edf2fb; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.og-tournament-leaders li small { display:block; margin-top:2px; overflow:hidden; color:#8792aa; font-size:.67rem; text-overflow:ellipsis; white-space:nowrap; }
.og-tournament-leaders li strong { color:#7defff; text-align:right; }
.og-tournament-leaders p { padding:0 14px 14px; color:#9da8bd; }
@media (max-width:760px){.og-tournament-groups,.og-tournament-leaders{grid-template-columns:1fr}.og-tournament-hero__content{padding:24px;min-height:230px}.og-tournament-matches article{grid-template-columns:1fr}.og-tournament-matches article>div{justify-content:flex-start;flex-wrap:wrap}.og-tournament-matches a{text-align:left}.og-tournament-table__header,.og-tournament-table__row{grid-template-columns:minmax(120px,1fr) repeat(6,22px) 27px;padding-left:7px;padding-right:7px}.og-tournament-table__team{gap:5px}.og-tournament-table__team b{font-size:.68rem}}
@media (max-width:640px){.og-tournament-banner{grid-template-columns:78px minmax(0,1fr);padding:8px}.og-tournament-banner__logo{min-height:58px;height:58px}.og-tournament-banner__side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-width:0}.og-tournament-banner__status,.og-tournament-banner__button{min-height:31px;font-size:.67rem}.og-match-ticker>strong{padding:0 9px;font-size:.59rem}.og-match-ticker__group a,.og-match-ticker__group span{padding:0 10px;font-size:.68rem}}

/* 0.3.41 - Çıkış yapan ziyaretçide de çevrimiçi sayacı tutarlı kart görünümünde. */
.og-side-widget[data-og-online-ready="1"] .textwidget,
.og-side-widget[data-og-online-ready="1"] .widget-content,
.og-side-widget[data-og-online-ready="1"] .wp-block-group__inner-container { padding:14px; }
.og-online-card { display:grid; gap:12px; }
.og-online-card__now { display:grid; gap:5px; place-items:center; padding:17px 12px; border:1px solid rgba(34,211,238,.34); border-radius:9px; background:linear-gradient(135deg,rgba(20,37,55,.94),rgba(19,25,48,.94)); text-align:center; }
.og-online-card__now span,.og-online-card__grid span { color:#7defff; font-size:.64rem; font-weight:900; letter-spacing:.075em; }
.og-online-card__now span { display:flex; gap:7px; align-items:center; }
.og-online-card__now i { width:8px; height:8px; border-radius:50%; background:#34e5a6; box-shadow:0 0 10px #34e5a6; }
.og-online-card__now strong { color:#fff; font-size:1.65rem; line-height:1; }
.og-online-card__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.og-online-card__grid div { display:grid; gap:6px; min-width:0; padding:12px 5px; border:1px solid rgba(115,128,164,.22); border-radius:7px; background:rgba(255,255,255,.025); text-align:center; }
.og-online-card__grid span { font-size:.57rem; line-height:1.25; }
.og-online-card__grid strong { color:#fff; font-size:1.03rem; line-height:1; }

/* FC 26 UEFA-style team coefficient carousel. */
.widget_og_fc26_team_points { overflow:hidden; background:radial-gradient(circle at 78% 0,rgba(34,211,238,.12),transparent 38%),linear-gradient(145deg,#11172a,#0d111b); }
.widget_og_fc26_team_points .og-side-widget__title { position:relative; color:#f5edff; text-align:center; text-transform:uppercase; text-shadow:0 0 5px #fff,0 0 14px #a78bfa; }
.widget_og_fc26_team_points .og-side-widget__title:after { content:""; position:absolute; right:23%; bottom:-1px; left:23%; height:2px; background:linear-gradient(90deg,transparent,#22d3ee,#a78bfa,transparent); box-shadow:0 0 12px #22d3ee; }
.og-team-points { padding:13px 13px 11px; }
.og-team-points__legend { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:11px; color:#7defff; }
.og-team-points__legend span { display:flex; align-items:center; gap:6px; font-size:.6rem; font-weight:900; letter-spacing:.08em; }
.og-team-points__legend span i { width:7px; height:7px; border-radius:50%; background:#a78bfa; box-shadow:0 0 10px #a78bfa; }
.og-team-points__legend small { color:#8e9ab3; font-size:.57rem; font-weight:700; white-space:nowrap; }
.og-team-points__viewport { height:336px; overflow:hidden; }
.og-team-points__track { height:100%; transition:transform .62s cubic-bezier(.22,.78,.26,1); }
.og-team-points__page { display:grid; grid-template-rows:repeat(6,56px); height:100%; margin:0; padding:0; list-style:none; }
.og-team-points__page li { display:grid; grid-template-columns:22px minmax(0,1fr) 48px; gap:7px; align-items:center; border-top:1px solid rgba(118,132,164,.18); }
.og-team-points__page li:first-child { border-top:1px solid rgba(34,211,238,.34); }
.og-team-points__page em { color:#8c99b1; font-size:.7rem; font-style:normal; font-weight:900; text-align:center; }
.og-team-points__club { display:flex; min-width:0; gap:8px; align-items:center; }
.og-team-points__club .og-tournament-team-logo { flex:0 0 25px; width:25px!important; height:25px!important; }
.og-team-points__club b { overflow:hidden; color:#e9effb; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.og-team-points__page strong { display:grid; gap:1px; place-items:center; padding:6px 3px; border:1px solid rgba(34,211,238,.25); border-radius:6px; background:rgba(34,211,238,.05); color:#fff; font-size:.9rem; line-height:1; }
.og-team-points__page strong small { color:#7defff; font-size:.47rem; letter-spacing:.06em; }
.og-team-points__footer { display:flex; align-items:center; justify-content:space-between; margin-top:9px; color:#8794ad; font-size:.64rem; font-weight:800; }
.og-team-points__footer div { display:flex; gap:5px; }
.og-team-points__footer i { width:5px; height:5px; border-radius:50%; background:#38405a; transition:all .25s; }
.og-team-points__footer i.is-active { width:15px; border-radius:4px; background:#7defff; box-shadow:0 0 8px rgba(125,239,255,.8); }
.og-team-points__empty { padding:0 14px 14px; color:#9ba8be; font-size:.78rem; }

.og-tournament-legal-note { margin-top:28px; padding:15px 17px; border:1px solid rgba(112,130,165,.28); border-left:3px solid #7c5cff; border-radius:7px; background:rgba(20,26,42,.7); color:#9eaac1; font-size:.72rem; line-height:1.65; }
.og-tournament-legal-note strong { display:block; margin-bottom:3px; color:#dce5f4; font-size:.74rem; }
.og-tournament-legal-note p { margin:0; }

/* 0.4.3 — home announcement fixtures and FC 26 country coefficient. */
.og-tournament-banner { grid-template-columns:176px minmax(185px,.8fr) minmax(255px,1.25fr) auto; align-items:center; }
.og-tournament-today { min-width:0; padding:7px 10px 6px; border:1px solid rgba(34,211,238,.26); border-radius:9px; background:linear-gradient(135deg,rgba(27,39,69,.72),rgba(11,16,29,.76)); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.og-tournament-today__label { display:block; margin-bottom:5px; color:#72e8ff; font-size:.55rem; font-weight:900; letter-spacing:.11em; }
.og-tournament-today__viewport { overflow:hidden; }
.og-tournament-today__track { display:flex; transition:transform .55s cubic-bezier(.22,.78,.26,1); }
.og-tournament-today__match { flex:0 0 100%; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:7px; align-items:center; color:#edf3ff; text-decoration:none; }
.og-tournament-today__match b { overflow:hidden; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.og-tournament-today__match b:last-of-type { text-align:right; }
.og-tournament-today__match strong { padding:4px 7px; border-radius:5px; background:#26304a; color:#fff; font-size:.7rem; letter-spacing:.04em; }
.og-tournament-today__match small { grid-column:1/-1; color:#8e9ab4; font-size:.55rem; font-weight:800; text-align:center; }
.og-tournament-today__dots { display:flex; justify-content:center; gap:4px; margin-top:5px; }
.og-tournament-today__dots i { width:4px; height:4px; border-radius:99px; background:#47526b; transition:all .2s; }
.og-tournament-today__dots i.is-active { width:13px; background:#73e8ff; box-shadow:0 0 7px rgba(115,232,255,.8); }
.widget_og_fc26_country_points { overflow:hidden; background:radial-gradient(circle at 18% 0,rgba(124,92,255,.14),transparent 40%),linear-gradient(145deg,#11172a,#0d111b); }
.widget_og_fc26_country_points .og-side-widget__title { position:relative; color:#f5edff; text-align:center; text-transform:uppercase; text-shadow:0 0 5px #fff,0 0 14px #a78bfa; }
.widget_og_fc26_country_points .og-side-widget__title:after { content:""; position:absolute; right:23%; bottom:-1px; left:23%; height:2px; background:linear-gradient(90deg,transparent,#a78bfa,#72e8ff,transparent); box-shadow:0 0 12px #a78bfa; }
.og-country-points .og-team-points__club { display:grid; gap:2px; }
.og-country-points .og-team-points__club small { overflow:hidden; color:#8996ae; font-size:.56rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:1100px){.og-tournament-banner{grid-template-columns:150px minmax(0,1fr) auto}.og-tournament-today{grid-column:2/3}.og-tournament-banner__side{grid-column:3/4;}}
@media (max-width:860px){.og-tournament-banner{grid-template-columns:145px minmax(0,1fr)}.og-tournament-today{grid-column:1/-1}.og-tournament-banner__side{grid-column:1/-1;}}
@media (max-width:520px){.og-tournament-today__match b{font-size:.65rem}.og-tournament-today{padding-right:8px;padding-left:8px;}}

/* 0.4.4 — cleaner standings and featured daily fixture card. */
.og-tournament-table__header, .og-tournament-table__row { grid-template-columns:minmax(145px,1fr) repeat(6,26px) 31px; }
.og-tournament-table__header span:first-child { padding-left:0; }
.og-tournament-table__team { padding-left:4px; }
.og-tournament-banner { grid-template-columns:176px minmax(185px,.72fr) minmax(340px,1.42fr) auto; }
.og-tournament-today { position:relative; min-height:78px; padding:9px 13px 7px; border-color:rgba(111,232,255,.42); background:radial-gradient(circle at 50% 0,rgba(75,125,220,.18),transparent 62%),linear-gradient(135deg,rgba(17,39,71,.92),rgba(10,17,32,.94)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(45,155,235,.08); }
.og-tournament-today:before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(90deg,rgba(34,211,238,.14),transparent 18%,transparent 82%,rgba(124,92,255,.14)); }
.og-tournament-today__label { position:relative; display:flex; align-items:center; justify-content:center; gap:6px; margin-bottom:7px; color:#a5f3fc; font-size:.61rem; letter-spacing:.14em; }
.og-tournament-today__label i { width:6px; height:6px; border-radius:50%; background:#34e5a6; box-shadow:0 0 8px #34e5a6; }
.og-tournament-today__match { position:relative; grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr); gap:10px; }
.og-tournament-today__club { display:flex; min-width:0; align-items:center; gap:8px; }
.og-tournament-today__club.is-away { justify-content:flex-end; flex-direction:row-reverse; text-align:right; }
.og-tournament-today__club .og-tournament-team-logo { flex:0 0 32px; width:32px!important; height:32px!important; padding:1px; border:1px solid rgba(148,163,184,.28); border-radius:50%; background:rgba(255,255,255,.045); }
.og-tournament-today__club b { overflow:hidden; color:#fff; font-size:.88rem; font-weight:900; letter-spacing:-.01em; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.og-tournament-today__match strong { display:grid; min-height:32px; padding:4px 6px; place-items:center; border:1px solid rgba(125,239,255,.3); border-radius:7px; background:linear-gradient(135deg,#344365,#202943); box-shadow:0 0 12px rgba(34,211,238,.08); font-size:.83rem; }
.og-tournament-today__match small { margin-top:1px; color:#9fb0cb; font-size:.58rem; letter-spacing:.08em; }
.og-tournament-today__dots { position:relative; margin-top:4px; }
@media (max-width:1200px){.og-tournament-banner{grid-template-columns:150px minmax(175px,.72fr) minmax(285px,1.2fr) auto}.og-tournament-today__club b{font-size:.77rem}.og-tournament-today__club{gap:5px}.og-tournament-today__club .og-tournament-team-logo{flex-basis:27px;width:27px!important;height:27px!important}}
@media (max-width:1100px){.og-tournament-banner{grid-template-columns:150px minmax(0,1fr) auto}.og-tournament-today{grid-column:1/-1;order:4}.og-tournament-banner__side{grid-column:3/4}.og-tournament-today__club b{font-size:.86rem}.og-tournament-today__club .og-tournament-team-logo{flex-basis:31px;width:31px!important;height:31px!important}}
@media (max-width:760px){.og-tournament-table__header,.og-tournament-table__row{grid-template-columns:minmax(120px,1fr) repeat(6,22px) 27px}.og-tournament-table__team{padding-left:2px}}
@media (max-width:520px){.og-tournament-today__match{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:5px}.og-tournament-today__club b{font-size:.69rem}.og-tournament-today__club .og-tournament-team-logo{flex-basis:24px;width:24px!important;height:24px!important}.og-tournament-today__match strong{min-height:27px;font-size:.68rem}}

/* 0.4.5 — align the daily fixture with the announcement balance. */
@media (min-width:1101px){.og-tournament-today{transform:translateX(-54px);}}
.og-tournament-today__club.is-home{grid-column:1;}
.og-tournament-today__match strong{grid-column:2;}
.og-tournament-today__club.is-away{grid-column:3;justify-self:stretch;width:100%;}
.og-tournament-today__club b{flex:1 1 auto;min-width:0;}

/* 0.4.6 — centre each team around the score, with crests on the outer sides. */
.og-tournament-today__match{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:12px;}
.og-tournament-today__club{width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;}
.og-tournament-today__club b{display:block;flex:0 1 auto;min-width:0;max-width:calc(100% - 42px);}
.og-tournament-today__club.is-home{flex-direction:row;}
.og-tournament-today__club.is-away{flex-direction:row-reverse;justify-content:center;}
.og-tournament-today__match strong{justify-self:center;width:56px;}
@media (max-width:520px){.og-tournament-today__match{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:5px}.og-tournament-today__match strong{width:42px}.og-tournament-today__club b{max-width:calc(100% - 29px)}}

/* 0.4.7 — keep the full team label available inside its half of the fixture. */
.og-tournament-today__club{width:100%;max-width:none;margin-inline:0;}
.og-tournament-today__club b{max-width:calc(100% - 42px);}

/* 0.4.8 — persistent YouTube live player in the shared sidebar. */
.og-live-stream{overflow:hidden;border:1px solid rgba(69,215,255,.26);border-radius:10px;background:linear-gradient(145deg,#101a31,#0b1020);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.og-live-stream__waiting{min-height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 18px;text-align:center;background:radial-gradient(circle at 50% 15%,rgba(130,71,255,.22),transparent 55%),linear-gradient(145deg,#172440,#0b1120)}
.og-live-stream__waiting span{display:grid;width:42px;height:42px;margin-bottom:10px;place-items:center;border:1px solid rgba(255,82,99,.6);border-radius:50%;background:rgba(255,60,77,.12);color:#ff6170;font-size:1rem;box-shadow:0 0 16px rgba(255,61,79,.2)}
.og-live-stream__waiting strong{color:#fff;font-size:.87rem}.og-live-stream__waiting p,.og-live-stream>p{margin:7px 0 0;color:#9eabc3;font-size:.7rem;line-height:1.5}.og-live-stream>p{padding:0 11px 11px;color:#d8e1f2;font-weight:700}
.og-live-stream__player{position:relative;aspect-ratio:16/9;background:#05070d}.og-live-stream__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.og-live-stream__onair{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px 0;color:#ff7180;font-size:.61rem;font-weight:900;letter-spacing:.12em}.og-live-stream__onair i{width:7px;height:7px;border-radius:50%;background:#ff4052;box-shadow:0 0 9px #ff4052}
.widget_og_live_stream .og-side-widget__title{text-align:center;font-size:.93rem;letter-spacing:.04em}.og-live-stream__channel-link{padding:0 11px 12px;color:#93a3bf;font-size:.68rem;text-align:center}.og-live-stream__channel-link a{color:#66e5ff;font-weight:900;text-decoration:none}.og-live-stream__channel-link a:hover{text-decoration:underline}

/* 0.4.11 — sixth homepage flow: latest category posts, intentionally title-free. */
.og-feed-six{margin-top:18px;padding:14px;border:1px solid #252f43;border-radius:10px;background:linear-gradient(145deg,#101624,#090d16)}
.og-feed-six__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.og-feed-six__item{min-width:0}.og-feed-six__link{position:relative;display:block;min-height:150px;overflow:hidden;border-radius:8px;background:#0a0f19;color:#fff;text-decoration:none}.og-feed-six__media,.og-feed-six__image{display:block;width:100%;height:100%}.og-feed-six__media{position:absolute;inset:0}.og-feed-six__image{object-fit:cover;transition:transform .28s ease}.og-feed-six__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,15,.04) 20%,rgba(5,8,15,.92) 100%)}.og-feed-six__title{position:absolute;right:13px;bottom:12px;left:13px;color:#fff;font-size:.93rem;font-weight:900;line-height:1.24;text-shadow:0 2px 10px #000}.og-feed-six__link:hover .og-feed-six__image,.og-feed-six__link:focus .og-feed-six__image{transform:scale(1.055)}
@media (max-width:620px){.og-feed-six{padding:10px}.og-feed-six__grid{gap:9px}.og-feed-six__link{min-height:124px}.og-feed-six__title{right:10px;bottom:9px;left:10px;font-size:.78rem}}

/* 0.4.12 — tournament announcement must stack cleanly on phone screens. */
@media (max-width:640px){
	.og-tournament-banner{grid-template-columns:1fr;gap:9px;padding:10px;}
	.og-tournament-banner__logo{width:178px;min-height:58px;height:58px;margin:0 auto;}
	.og-tournament-banner__content{min-width:0;text-align:center;}
	.og-tournament-banner__title{font-size:1rem;}
	.og-tournament-banner__meta{margin-bottom:0;}
	.og-tournament-today{grid-column:auto;order:2;width:100%;}
	.og-tournament-banner__side{grid-column:auto;grid-template-columns:1fr 1fr;order:3;width:100%;}
}
@media (max-width:390px){
	.og-tournament-banner__side{grid-template-columns:1fr;}
	.og-tournament-today__club b{font-size:.64rem;}
}

/* 0.4.19 — fixture dates can be corrected directly in their match row. */
.og-tournament-admin__date-form{display:flex;align-items:end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(111,134,178,.18)}
.og-tournament-admin__date-form label{display:grid;gap:4px;color:#9eabc3;font-size:.72rem;font-weight:800}.og-tournament-admin__date-form input{min-height:32px;padding:4px 7px;border:1px solid #2a3852;border-radius:5px;background:#090e18;color:#fff}
@media (max-width:540px){.og-tournament-admin__date-form{align-items:stretch;flex-direction:column}.og-tournament-admin__date-form .button{width:100%}}

/* 0.4.20 — compact week picker for the tournament fixture view. */
.og-tournament-week-picker{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0}.og-tournament-week-picker a{padding:7px 11px;border:1px solid #2d3b57;border-radius:999px;background:#101827;color:#aebbd1;font-size:.72rem;font-weight:900;text-decoration:none;transition:.2s}.og-tournament-week-picker a:hover,.og-tournament-week-picker a.is-active{border-color:#6952f8;background:linear-gradient(135deg,#5139d8,#7750f8);color:#fff;box-shadow:0 4px 15px rgba(102,78,248,.2)}
.og-tournament-match-pending{color:#9eabc3;font-size:.72rem;font-style:normal;font-weight:800;text-align:right}
@media (max-width:760px){.og-tournament-match-pending{text-align:left}}