@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&display=swap");

@font-face {
  font-family: "Metropolis Bold";
  src: url("https://static.hurriyet.com.tr/static/fonts/redesign/metropolis/Metropolis-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Metropolis ExtraBold";
  src: url("https://static.hurriyet.com.tr/static/fonts/redesign/metropolis/Metropolis-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  --red: #cf1d39;
  --black: #1b1b1d;
  --dark: #111214;
  --page-gray: #d3d3d3;
  --soft-gray: #ececec;
  --white: #ffffff;
  --text: #111111;
  --muted: #777777;
  --hover-red: #cf1d39;
  --green: #31d268;
  --danger: #cf1d39;
  --line: #d3d3d3;
  --site-font: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --news-headline-font: "Metropolis ExtraBold", "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --menu-left-bg: #cf1d39;
  --menu-right-bg: #cf1d39;
  --menu-text-color: #ffffff;
  --breaking-bg-color: #111214;
  --headline-index-size: 28px;
  --headline-index-font: 0.82rem;
  --footer-band-bg: #cf1d39;
  --footer-band-height: 320px;
  --footer-band-title-color: #ffffff;
  --footer-band-text-color: #626262;
  --footer-band-icon-color: #dddddd;
  --mobile-theme-color: #cf1d39;
  --detail-body-size: 14pt;
  --detail-spot-size: 16pt;
  --detail-title-size: 41pt;
  --guide-hero-height: clamp(300px, 32vw, 380px);
  --header-height: 88px;
  --news-strip-height: 44px;
  --brand-max-width: 410px;
  --guide-rating-gold: #e8c35a;
  --guide-rating-gold-strong: #ffcf4d;
  --guide-rating-gold-light: #fff2b8;
  --guide-rating-glow: rgba(255, 207, 77, 0.7);
  --site-right-gutter: 0px;
  --news-detail-right-empty-strip: 20px;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--site-font);
  font-weight: 400;
  background: var(--page-gray);
  color: var(--text);
  position: relative;
}

img,
video {
  image-rendering: auto;
}

body.gallery-open {
  overflow: hidden;
}

body.all-photos-open {
  overflow: hidden;
}

body.gallery-open .news-strip,
body.gallery-open #megaMenuPanel {
  display: none !important;
}

body.entry-video-open {
  overflow: hidden;
}

.entry-video-gate {
  position: fixed;
  inset: 0;
  z-index: 420;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 24px 16px;
  overflow-y: auto;
  box-sizing: border-box;
}

.entry-video-gate-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 13, 18, 0.68);
  backdrop-filter: blur(2px);
}

.entry-video-gate-card {
  position: relative;
  width: min(560px, calc(100vw - 80px));
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  background: #ffffff;
  border: 2px solid #cfd3dc;
  border-radius: 14px;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.25);
  padding: 28px 30px 30px;
  text-align: center;
}

.entry-video-gate-brand {
  margin: 0 0 16px;
  color: #e12621;
  font-family: Impact, "Arial Black", "Arial Narrow", sans-serif;
  font-size: 42px;
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.entry-video-gate-brand.has-logo {
  line-height: 1;
}

.entry-video-gate-brand-logo {
  display: block;
  width: min(260px, 70vw);
  max-height: 96px;
  margin: 0 auto;
  object-fit: contain;
}

.entry-video-gate-title {
  display: none;
}

.entry-video-gate-card p {
  margin: 0;
  color: #8a8a8a;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.22;
}

.entry-video-gate-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 22px;
  width: 100%;
  min-height: 62px;
  border: 2px solid #c9ccd2;
  border-radius: 12px;
  background: #ffffff;
  color: #20242d;
  font: inherit;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.12;
  text-align: left;
  padding: 13px 18px;
  cursor: pointer;
}

.entry-video-gate-btn-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.entry-video-gate-btn-copy strong {
  display: block;
  color: #20242d;
  font: inherit;
  font-size: inherit;
  font-weight: 800;
  line-height: 1.05;
}

.entry-video-gate-btn-copy small {
  display: block;
  color: #646972;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.16;
}

.entry-video-gate-btn::after {
  content: "";
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #2f58a8;
  clip-path: none;
  box-shadow: inset 0 0 0 999px #2f58a8;
}

.entry-video-gate-btn::before {
  content: "";
  position: absolute;
  right: 29px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 13px solid #ffffff;
}

.entry-video-gate-btn:hover {
  background: #ffffff;
  border-color: #bfc3cb;
}

.entry-video-gate-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.entry-video-gate-hint {
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
  color: #778096 !important;
  font-weight: 600;
}

.entry-video-gate:not(.is-playing) .entry-video-gate-hint {
  display: none;
}

.entry-video-gate-player-wrap {
  margin-top: 18px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: transparent;
  aspect-ratio: var(--entry-video-ratio, 16 / 9);
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.entry-video-gate-player-wrap.is-entry-video-vertical {
  width: min(292px, 72vw, calc((100vh - var(--header-height, 90px) - 260px) * var(--entry-video-ratio-number, 0.5625)));
}

.entry-video-gate-player-wrap.is-entry-video-horizontal {
  width: min(63vw, calc((100vh - var(--header-height, 90px) - 210px) * var(--entry-video-ratio-number, 1.7778)));
}

.entry-video-gate-player,
.entry-video-gate-frame {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  object-fit: cover;
  object-position: center center;
  background: transparent;
}

.entry-video-gate-frame[hidden],
.entry-video-gate-player[hidden] {
  display: none;
}

.entry-video-gate-progress {
  height: 5px;
  background: rgba(255, 255, 255, 0.18);
}

.entry-video-gate-progress span {
  display: block;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.86);
  transition: width 0.18s linear;
}

.entry-video-gate-complete {
  display: none;
}

.entry-video-gate.is-playing {
  align-items: start;
  justify-content: center;
  justify-items: center;
  padding: calc(var(--header-height, 90px) + 72px) 16px 34px;
}

.entry-video-gate.is-playing .entry-video-gate-card {
  display: flex;
  flex-direction: column;
  width: fit-content;
  max-width: calc(100vw - 72px);
  max-height: none;
  overflow: visible;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto;
}

.entry-video-gate.is-playing .entry-video-gate-hint {
  order: 1;
}

.entry-video-gate.is-playing .entry-video-gate-player-wrap {
  order: 2;
}

.entry-video-gate.is-playing .entry-video-gate-btn {
  order: 3;
  align-self: flex-end;
}

.entry-video-gate.is-playing .entry-video-gate-brand,
.entry-video-gate.is-playing .entry-video-gate-title,
.entry-video-gate.is-playing #entryVideoGateDescription,
.entry-video-gate.is-playing:not(.is-complete) .entry-video-gate-btn {
  display: none;
}

.entry-video-gate.is-playing.is-complete .entry-video-gate-btn {
  position: relative;
  display: flex;
  width: auto;
  min-height: 0;
  margin: 10px 0 0 auto;
  justify-content: center;
  text-align: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #24b257;
  font-size: 1.05rem;
  font-weight: 700;
  box-shadow: none;
  animation: entry-video-continue-pulse 1.2s ease-in-out infinite;
}

.entry-video-gate.is-playing.is-complete .entry-video-gate-btn-copy strong {
  color: #24b257;
}

@keyframes entry-video-continue-pulse {
  0% {
    opacity: 0.58;
    text-shadow: 0 0 0 rgba(36, 178, 87, 0);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    text-shadow: 0 0 10px rgba(36, 178, 87, 0.55);
    transform: scale(1.035);
  }

  100% {
    opacity: 0.58;
    text-shadow: 0 0 0 rgba(36, 178, 87, 0);
    transform: scale(1);
  }
}

.entry-video-gate.is-playing.is-complete .entry-video-gate-btn::before,
.entry-video-gate.is-playing.is-complete .entry-video-gate-btn::after,
.entry-video-gate.is-playing.is-complete .entry-video-gate-btn-copy small {
  display: none;
}

.entry-video-gate.is-playing .entry-video-gate-hint {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  text-align: left;
  font-size: 1.08rem !important;
  font-weight: 700;
}

.site-member-signup-modal {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: grid;
  place-items: center;
  padding: 20px;
}

.site-newsletter-modal {
  position: fixed;
  inset: 0;
  z-index: 1601;
  display: grid;
  place-items: center;
  padding: 20px;
}

.site-newsletter-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 10, 16, 0.6);
  backdrop-filter: blur(1px);
}

.site-newsletter-card {
  position: relative;
  width: min(560px, 100%);
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 26px 56px rgba(0, 0, 0, 0.32);
  padding: 40px 44px 28px;
  text-align: center;
  transform: translateY(60px);
  opacity: 0;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}

.site-newsletter-modal.is-open .site-newsletter-card {
  transform: translateY(0);
  opacity: 1;
}

.site-newsletter-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #444a55;
  font: inherit;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.site-newsletter-card h2 {
  margin: 0;
  color: #1a1f2b;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 400;
}

.site-newsletter-kicker {
  margin: 10px 0 0;
  color: #2b313d;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.site-newsletter-description {
  margin: 22px 0 0;
  color: #2b313d;
  font-size: 1.05rem;
  line-height: 1.5;
}

.site-newsletter-checkbox-row {
  margin-top: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  cursor: pointer;
  font-size: 0.98rem;
  font-weight: 600;
  color: #1a1f2b;
}

.site-newsletter-checkbox-row input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.site-newsletter-consent {
  margin: 18px 0 0;
  color: #5f6368;
  font-size: 0.82rem;
  line-height: 1.55;
  text-align: left;
}

.site-newsletter-consent a {
  color: #1a73e8;
  text-decoration: none;
}

.site-newsletter-consent a:hover {
  text-decoration: underline;
}

.site-newsletter-submit-btn {
  margin-top: 22px;
  width: 100%;
  border: 0;
  border-radius: 6px;
  background: #1a73e8;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  font-size: 1rem;
  padding: 13px 22px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.site-newsletter-submit-btn:disabled {
  background: #e8eaed;
  color: #9aa0a6;
  cursor: not-allowed;
}

.site-newsletter-submit-btn:not(:disabled):hover,
.site-newsletter-submit-btn:not(:disabled):focus-visible {
  background: #1558b8;
}

.site-newsletter-status {
  margin: 12px 0 0;
  min-height: 1.2em;
  color: #1d7a3c;
  font-size: 0.88rem;
  font-weight: 700;
}

.site-newsletter-status.error {
  color: #d8a742;
  filter: drop-shadow(0 0 5px rgba(216, 167, 66, .42));
}

.site-newsletter-footer {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #e8eaed;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-newsletter-google-logo {
  height: 20px;
  width: auto;
}

.site-newsletter-already-link {
  border: 0;
  background: transparent;
  color: #1a73e8;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
}

.site-newsletter-already-link:hover {
  text-decoration: underline;
}

@media (max-width: 520px) {
  .site-newsletter-card {
    padding: 28px 22px 22px;
  }

  .site-newsletter-footer {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}

.site-member-signup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 10, 16, 0.58);
  backdrop-filter: blur(1px);
}

.site-member-signup-card {
  position: relative;
  width: min(400px, 100%);
  min-height: 0;
  height: auto;
  max-height: calc(100vh - 24px);
  background: #ffffff;
  border: 1.5px solid #cf1d39;
  border-radius: 24px;
  box-shadow: 0 26px 56px rgba(0, 0, 0, 0.3);
  padding: 26px 28px 18px;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: auto;
}

.site-member-signup-logo-slot {
  width: 135px;
  max-width: 135px;
  min-width: 135px;
  height: 48px;
  border: 0;
  border-radius: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  margin: 0 auto 12px;
}

.site-member-signup-logo-slot img {
  width: 135px;
  height: auto;
  max-width: none;
  max-height: 68px;
  object-fit: contain;
  background: transparent;
}

.site-member-signup-logo-empty {
  color: #d8a742;
  font-size: 0.82rem;
  font-weight: 700;
}

.site-member-signup-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #cf1d39;
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.site-member-signup-card h2 {
  margin: 0;
  color: #111111;
  font-size: clamp(1.45rem, 2.4vw, 1.8rem);
  font-weight: 800;
  line-height: 1.16;
  text-align: center;
}

.site-member-signup-card p {
  margin: 9px 0 0;
  color: #111111;
  font-size: 0.88rem;
  line-height: 1.45;
  text-align: center;
  white-space: pre-line;
}

.site-member-signup-card p > span {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.site-member-signup-actions {
  margin-top: 18px;
  display: grid;
  gap: 8px;
  width: min(100%, 360px);
  align-self: center;
}

.site-member-signup-btn {
  width: 100%;
  border: 1.5px solid #cf1d39;
  border-radius: 999px;
  background: #ffffff;
  color: #111111;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 9px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  text-align: center;
  cursor: pointer;
}

.site-member-signup-btn:hover,
.site-member-signup-btn:focus-visible {
  background: #fff5f7;
}

.site-member-signup-btn-alias {
  border-color: #6c7485;
  color: #2f3745;
}

.site-member-signup-btn-icon-alias {
  color: #cf1d39;
}

.site-member-signup-alias-form {
  width: min(100%, 360px);
  margin: 18px auto 0;
  display: grid;
  gap: 8px;
  text-align: left;
}

.site-member-signup-alias-form label {
  color: #2f3745;
  font-size: 0.86rem;
  font-weight: 700;
}

.site-member-signup-alias-form input {
  width: 100%;
  border: 1px solid #cfd4dc;
  border-radius: 8px;
  padding: 12px 14px;
  color: #202633;
  font: inherit;
  box-sizing: border-box;
}

.site-member-signup-alias-form input:focus {
  outline: 2px solid rgba(207, 29, 57, 0.25);
  border-color: #cf1d39;
}

.site-member-signup-alias-form .site-member-signup-btn {
  margin-top: 4px;
}

.site-member-signup-alias-status {
  margin: 0 !important;
  color: #cf1d39 !important;
  font-size: 0.8rem !important;
  text-align: left !important;
}

.site-member-signup-btn-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  line-height: 1;
  font-weight: 800;
  background: transparent;
}

.site-member-signup-btn-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.site-member-signup-terms {
  margin-top: 16px !important;
  padding-top: 0;
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
  color: #6c7485 !important;
  font-size: 8pt !important;
  line-height: 1.28 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

.site-member-signup-terms a {
  color: #4e5565;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: normal !important;
}

.site-member-signup-terms a:hover,
.site-member-signup-terms a:focus-visible {
  color: #1e2432;
}

body.kvkk-consent-open {
  padding-bottom: 0;
}

body.kvkk-consent-open .language-switcher {
  bottom: 14px;
}

.kvkk-consent-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.97);
  border: 0;
  border-top: 1px solid #e4e8ef;
  border-radius: 0;
  box-shadow: 0 -4px 14px rgba(17, 24, 39, 0.08);
  padding: 7px max(18px, calc((100% - 1360px) / 2));
  z-index: 1200;
  backdrop-filter: blur(3px);
}

.kvkk-consent-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.kvkk-consent-text {
  margin: 0;
  color: #30384a;
  font-size: 0.72rem;
  line-height: 1.3;
}

.kvkk-consent-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #30384a;
  font-size: 0.8rem;
  line-height: 1.3;
  cursor: pointer;
}

.kvkk-consent-checkbox input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #cf1d39;
  flex: 0 0 16px;
}

.kvkk-consent-checkbox a {
  color: #25324f;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.kvkk-consent-text a {
  color: #25324f;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.kvkk-consent-checkbox a:hover,
.kvkk-consent-checkbox a:focus-visible,
.kvkk-consent-text a:hover,
.kvkk-consent-text a:focus-visible {
  color: #cf1d39;
}

.kvkk-consent-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.kvkk-consent-reject-btn,
.kvkk-consent-approve-btn {
  border-radius: 999px;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 6px 13px;
  cursor: pointer;
  white-space: nowrap;
}

.kvkk-consent-reject-btn {
  border: 1px solid #d7dde7;
  background: #ffffff;
  color: #30384a;
}

.kvkk-consent-approve-btn {
  border: 1px solid #cf1d39;
  background: #cf1d39;
  color: #ffffff;
}

.kvkk-consent-reject-btn:hover,
.kvkk-consent-reject-btn:focus-visible {
  background: #ffffff;
}

.kvkk-consent-approve-btn:hover,
.kvkk-consent-approve-btn:focus-visible {
  background: #cf1d39;
}

.kvkk-consent-reject-btn:disabled,
.kvkk-consent-approve-btn:disabled {
  cursor: not-allowed;
  opacity: 0.52;
  filter: grayscale(0.2);
}

.kvkk-consent-status {
  margin: 6px 0 0;
  color: #cf1d39;
  font-size: 0.76rem;
  text-align: left;
}

@media (max-width: 680px) {
  .site-member-signup-modal {
    padding: 12px;
  }

  .site-member-signup-card {
    width: min(390px, 100%);
    min-height: 0;
    height: auto;
    max-height: calc(100vh - 24px);
    padding: 24px 20px 16px;
    border-radius: 14px;
  }

  .site-member-signup-card h2 {
    font-size: 1.45rem;
  }

  .site-member-signup-card p {
    font-size: 0.86rem;
  }

  .site-member-signup-btn {
    font-size: 0.88rem;
    padding: 10px 14px;
  }

  body.kvkk-consent-open {
    padding-bottom: 0;
  }

  body.kvkk-consent-open .language-switcher {
    bottom: 10px;
  }

  .kvkk-consent-bar {
    width: 100%;
    border-radius: 0;
    bottom: 0;
    padding: 7px 12px;
  }

  .kvkk-consent-inner {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .kvkk-consent-checkbox {
    align-items: flex-start;
    font-size: 0.75rem;
  }

  .kvkk-consent-text {
    font-size: 0.7rem;
  }

  .kvkk-consent-actions {
    width: 100%;
  }

  .kvkk-consent-reject-btn,
  .kvkk-consent-approve-btn {
    width: 50%;
    font-size: 0.72rem;
    padding: 7px 10px;
  }
}

.inner-wrap {
  --site-shell-width: min(1220px, 90%);
  width: var(--site-shell-width);
  margin-left: auto;
  margin-right: auto;
}

.top-inner-wrap {
  --site-shell-width: min(1520px, 96.5%);
  width: var(--site-shell-width);
}

.market-strip {
  background: var(--black);
  color: var(--white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.market-row {
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 18px;
  overflow-x: auto;
  padding: 0 2px;
}

.market-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 0.84rem;
}

.market-label {
  color: #a4a8ac;
}

.market-delta.up,
.market-icon.up {
  color: var(--green);
}

.market-delta.down,
.market-icon.down {
  color: var(--danger);
}


.red-header {
  background: linear-gradient(180deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%);
  color: var(--white);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.header-row {
  min-height: 96px;
  display: grid;
  grid-template-columns: auto minmax(180px, 360px) 1fr auto auto;
  align-items: center;
  gap: 12px;
  padding-left: 70px;
}

.header-row.no-header-media {
  grid-template-columns: auto 1fr auto auto;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--white);
  font-weight: 800;
  font-size: 1.7rem;
  letter-spacing: 0.02em;
  cursor: pointer;
  position: relative;
  z-index: 3;
  margin-left: 4px;
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  justify-self: start;
  flex: 0 0 auto;
}

#brandLogo {
  display: none;
  width: auto;
  max-width: var(--brand-max-width);
  height: clamp(66px, 5vw, 88px);
  max-height: 88px;
  object-fit: contain;
  object-position: left center;
  background: transparent;
  pointer-events: none;
}

#brandLogoPdf {
  display: none;
  width: 100%;
  max-width: var(--brand-max-width);
  height: 70px;
  border: 0;
  background: transparent;
  pointer-events: none;
}

#brandText {
  pointer-events: none;
  display: none;
}

.header-media-slot {
  display: block;
  width: 100%;
  height: 44px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.16);
}

.header-media-slot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.header-media-slot.disabled {
  pointer-events: none;
}

.main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 26px;
  min-width: 0;
  padding-left: 28px;
  overflow: visible;
  scrollbar-width: none;
}

.main-nav::-webkit-scrollbar {
  display: none;
}

.main-nav a,
.main-nav .nav-link-btn {
  display: inline-flex;
  align-items: center;
  color: var(--menu-text-color);
  text-decoration: none;
  font-family: var(--site-font);
  font-weight: 600;
  font-size: 1.04rem;
  line-height: 1.15;
  padding: 0;
  margin: 0;
  transition: color 0.2s ease;
  white-space: nowrap;
}

.main-nav .nav-link-btn {
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.main-nav .nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.main-nav .nav-link-label {
  display: inline-block;
}

.main-nav .nav-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  font-size: 0.68rem;
  line-height: 1;
  color: currentColor;
  transform: translateY(1px);
  transition: transform 0.2s ease;
}

.main-nav .nav-dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translate(-50%, -6px);
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e6eaf0;
  box-shadow: 0 12px 30px rgba(12, 16, 25, 0.16);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 40;
}

.main-nav .nav-dropdown a {
  color: #111827;
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
}

.main-nav .nav-dropdown a:hover {
  background: #fff1f4;
  color: var(--hover-red);
}

.main-nav .nav-item-dropdown.open .nav-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.main-nav .nav-item-dropdown.nav-dropdown-keep-visible .nav-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) !important;
}

.main-nav .nav-item-dropdown.open > .nav-link-btn .nav-caret {
  transform: translateY(0) rotate(180deg);
}

.main-nav .nav-item-dropdown:hover .nav-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.main-nav > .nav-item-dropdown > .nav-link-btn {
  pointer-events: none;
  cursor: default;
}

.header-menu-btn {
  width: auto;
  justify-self: end;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: var(--menu-text-color);
  border-radius: 0;
  padding: 0;
  font: inherit;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
}

.header-search-btn {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.08);
  color: var(--menu-text-color);
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.header-search-btn svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.header-search-btn:hover,
.header-search-btn:focus-visible {
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(0, 0, 0, 0.2);
  color: #ffe6ee;
}

.header-menu-btn:hover,
.header-menu-btn.open {
  color: #ffd6df;
}

.header-menu-btn:focus,
.header-menu-btn:focus-visible {
  outline: none;
}

.header-menu-icon {
  font-size: 1.65rem;
  line-height: 1;
}

.main-nav a:hover,
.main-nav a.active,
.main-nav .nav-link-btn:hover,
.main-nav .nav-link-btn.active,
.main-nav .nav-item-dropdown.open > .nav-link-btn {
  color: #ffd6df;
}

.mobile-toggle {
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: transparent;
  color: var(--white);
  border-radius: 999px;
  padding: 10px 14px;
  font: inherit;
  font-weight: 700;
  display: none;
}

.news-strip {
  background: var(--breaking-bg-color);
  color: var(--white);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

body.news-strip-inactive {
  --news-strip-height: 0px;
}

body.news-strip-inactive .news-strip {
  display: none !important;
}

.news-row {
  min-height: var(--news-strip-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.news-left,
.news-right {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.news-left {
  margin-left: 0;
  margin-right: 10px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.news-left {
  color: #f0f1f4;
}

.news-left-track {
  --marquee-gap: 40px;
  display: inline-flex;
  align-items: center;
  gap: var(--marquee-gap);
  min-width: max-content;
  white-space: nowrap;
  animation: marquee-left var(--headline-marquee-duration, 42s) linear infinite;
  will-change: transform;
}

.news-left-item {
  display: inline-flex;
  align-items: center;
}

.news-left:hover .news-left-track,
.news-left:focus-within .news-left-track {
  animation-play-state: paused;
}

.news-right {
  color: #ffffff;
  white-space: nowrap;
}

.mega-menu-panel {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(1310px, 98vw);
  top: calc(var(--header-height) + var(--news-strip-height));
  z-index: 110;
  background: #0d0d0d;
  border-top: 2px solid #cf1d39;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 20px 56px rgba(4, 7, 13, 0.58);
  overflow: hidden;
}

.mega-menu-inner {
  width: 100%;
  margin: 0;
  padding: 24px 28px 18px;
  display: grid;
  grid-template-columns: minmax(300px, 420px) minmax(300px, 420px);
  justify-content: center;
  gap: 24px;
}

.mega-menu-column {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  padding-right: 18px;
}

.mega-menu-column:last-child {
  border-right: 0;
  padding-right: 0;
}

.mega-menu-column-quick {
  padding-right: 22px;
}

.mega-menu-today {
  margin: 0 0 18px;
  color: #bec3ce;
  font-size: 1.02rem;
  font-weight: 900;
}

.mega-menu-column h3 {
  margin: 0 0 10px;
  color: #cf1d39;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mega-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}

.mega-menu-subtitle {
  margin: 4px 0 2px;
  color: #cf1d39;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.mega-menu-subtitle.divider {
  height: 14px;
  margin: 4px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: transparent;
}

.mega-menu-list button {
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  color: #f1f4f8;
  text-align: left;
  font: inherit;
  font-size: 0.98rem;
  font-weight: 600;
  padding: 6px 6px;
  border-radius: 8px;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
  cursor: pointer;
}

.mega-menu-list button:hover {
  color: #ffffff;
  background: rgba(207, 29, 57, 0.16);
  border-color: rgba(207, 29, 57, 0.42);
  transform: translateX(3px);
}

.mega-menu-quick-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}

.mega-menu-quick-btn.accent {
  color: #cf1d39;
}

.mega-menu-icon {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  color: #f8f8f8;
  opacity: 0.92;
  font-size: 0.95rem;
  line-height: 1;
}

.mega-menu-icon.is-user {
  font-size: 0;
  opacity: 1;
  background-color: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M3 20.4c0-4.1 4.3-6.8 9-6.8s9 2.7 9 6.8V22H3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M3 20.4c0-4.1 4.3-6.8 9-6.8s9 2.7 9 6.8V22H3z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
}

.mega-menu-icon.is-mic {
  font-size: 0;
  opacity: 1;
  background-color: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a3.5 3.5 0 0 1-3.5-3.5V6.2a3.5 3.5 0 1 1 7 0v5.3A3.5 3.5 0 0 1 12 15z'/%3E%3Cpath d='M6.3 11.6a.9.9 0 0 1 1.8 0 3.9 3.9 0 1 0 7.8 0 .9.9 0 0 1 1.8 0 5.7 5.7 0 0 1-4.8 5.6v2h2a.9.9 0 1 1 0 1.8H9.1a.9.9 0 1 1 0-1.8h2v-2a5.7 5.7 0 0 1-4.8-5.6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a3.5 3.5 0 0 1-3.5-3.5V6.2a3.5 3.5 0 1 1 7 0v5.3A3.5 3.5 0 0 1 12 15z'/%3E%3Cpath d='M6.3 11.6a.9.9 0 0 1 1.8 0 3.9 3.9 0 1 0 7.8 0 .9.9 0 0 1 1.8 0 5.7 5.7 0 0 1-4.8 5.6v2h2a.9.9 0 1 1 0 1.8H9.1a.9.9 0 1 1 0-1.8h2v-2a5.7 5.7 0 0 1-4.8-5.6z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
}

.mega-menu-icon.is-broadcast {
  font-size: 0;
  opacity: 1;
  background-color: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Cpath d='M7.4 12a4.6 4.6 0 0 1 2-3.8.95.95 0 1 0-1.1-1.56A6.45 6.45 0 0 0 5.5 12c0 2.09 1.02 3.96 2.78 5.16a.95.95 0 0 0 1.1-1.56A4.57 4.57 0 0 1 7.4 12zM16.6 12a4.57 4.57 0 0 1-1.98 3.78.95.95 0 0 0 1.1 1.56A6.45 6.45 0 0 0 18.5 12a6.45 6.45 0 0 0-2.78-5.34.95.95 0 1 0-1.1 1.56A4.6 4.6 0 0 1 16.6 12zM3.7 12c0-2.96 1.44-5.6 3.88-7.28a.95.95 0 0 0-1.08-1.57A10.71 10.71 0 0 0 1.8 12c0 3.48 1.68 6.58 4.7 8.86a.95.95 0 1 0 1.1-1.55A8.79 8.79 0 0 1 3.7 12zM20.3 12a8.79 8.79 0 0 1-3.9 7.3.95.95 0 1 0 1.1 1.55c3.02-2.28 4.7-5.38 4.7-8.86a10.7 10.7 0 0 0-4.7-8.85.95.95 0 0 0-1.08 1.57A8.79 8.79 0 0 1 20.3 12z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Cpath d='M7.4 12a4.6 4.6 0 0 1 2-3.8.95.95 0 1 0-1.1-1.56A6.45 6.45 0 0 0 5.5 12c0 2.09 1.02 3.96 2.78 5.16a.95.95 0 0 0 1.1-1.56A4.57 4.57 0 0 1 7.4 12zM16.6 12a4.57 4.57 0 0 1-1.98 3.78.95.95 0 0 0 1.1 1.56A6.45 6.45 0 0 0 18.5 12a6.45 6.45 0 0 0-2.78-5.34.95.95 0 1 0-1.1 1.56A4.6 4.6 0 0 1 16.6 12zM3.7 12c0-2.96 1.44-5.6 3.88-7.28a.95.95 0 0 0-1.08-1.57A10.71 10.71 0 0 0 1.8 12c0 3.48 1.68 6.58 4.7 8.86a.95.95 0 1 0 1.1-1.55A8.79 8.79 0 0 1 3.7 12zM20.3 12a8.79 8.79 0 0 1-3.9 7.3.95.95 0 1 0 1.1 1.55c3.02-2.28 4.7-5.38 4.7-8.86a10.7 10.7 0 0 0-4.7-8.85.95.95 0 0 0-1.08 1.57A8.79 8.79 0 0 1 20.3 12z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
}

.mega-menu-page-btn {
  font-weight: 600;
}

.mega-menu-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 28px 16px;
}

.mega-menu-bottom p {
  margin: 0;
  color: #d6dae3;
  font-size: 1rem;
  font-style: italic;
}

.mega-menu-store-badges {
  display: flex;
  gap: 10px;
}

.mega-menu-store-badges a {
  text-decoration: none;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  background: rgba(10, 12, 18, 0.72);
}

.mega-menu-store-badges a:hover {
  border-color: rgba(207, 29, 57, 0.75);
  color: #ffd4de;
  background: rgba(207, 29, 57, 0.18);
}

.site-side-menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 1180;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.16) 46%, rgba(0, 0, 0, 0.08) 100%),
    rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(0);
  opacity: 0;
  transition: opacity 360ms ease;
}

.site-side-menu-overlay.is-open {
  opacity: 1;
}

.site-side-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1181;
  width: min(410px, 84vw);
  height: 100vh;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 0 0 0 28px;
  box-shadow: 26px 0 60px rgba(18, 24, 36, 0.18);
  padding: 0 34px 44px;
  opacity: 1;
  transform: translateX(-104%);
  transition:
    transform 460ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 460ms ease;
  will-change: transform;
}

.site-side-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #ffffff;
  opacity: 1;
  transition: none;
}

.site-side-menu.is-open {
  transform: translateX(0);
  box-shadow: 34px 0 70px rgba(18, 24, 36, 0.22);
}

.site-side-menu > * {
  position: relative;
  z-index: 1;
}

body.side-menu-open {
  overflow: hidden;
}

.site-side-menu-close {
  position: absolute;
  top: 16px;
  right: 24px;
  border: 0;
  background: transparent;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 200;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

.site-side-menu-brand {
  position: relative;
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-top: 8px;
  text-decoration: none;
}

.site-side-menu-logo {
  display: block;
  width: 100%;
  max-width: none;
  max-height: 74px;
  object-fit: contain;
  object-position: center center;
}

.site-side-menu-top-panel {
  margin: 8px -34px 0;
  border-top: 2px solid #cf1d39;
  padding-top: 10px;
}

.site-side-menu-auth-btn {
  border: 0;
  background: transparent;
  color: #151515;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0;
}

.site-side-menu-auth-btn:hover,
.site-side-menu-auth-btn:focus-visible {
  color: #cf1d39;
}

.login-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 1;
}

.login-btn-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}

.site-side-menu-info-row {
  min-height: 74px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 28px 27px 20px;
}

.site-side-menu-date {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.site-side-menu-info-row,
.site-side-menu-info-row * {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.side-menu-date-day {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #111111;
  line-height: 1;
}

.side-menu-date-info {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.side-menu-date-month {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.96rem;
  font-weight: 400;
  color: #8a8a8a;
}

.side-menu-date-weekday {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.96rem;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.site-side-menu-auth-inline {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

.site-side-menu-auth-inline .site-side-menu-auth-btn + .site-side-menu-auth-btn {
  border-left: 1px solid #d7dbe2;
  padding-left: 14px;
}

.site-side-menu-auth-inline .login-btn-icon {
  width: 13px;
  height: 13px;
}

.site-side-menu-auth-inline .site-side-menu-auth-btn {
  font-size: 0.74rem;
  line-height: 1;
}


.site-side-menu-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 28px;
  padding-left: 0;
}

.site-side-menu-section {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.site-side-menu-section-toggle {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  width: max-content;
  max-width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  text-align: left;
}

.site-side-menu-heading {
  margin: 0;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.06rem;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.site-side-menu-section-toggle[aria-expanded="true"] .site-side-menu-heading,
.site-side-menu-section-toggle:hover .site-side-menu-heading,
.site-side-menu-section-toggle:focus-visible .site-side-menu-heading {
  color: var(--hover-red);
}

.site-side-menu-submenu {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 0 59px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  background: #ffffff;
  transition:
    max-height 520ms cubic-bezier(0.2, 0.82, 0.18, 1),
    opacity 360ms ease,
    padding-top 520ms cubic-bezier(0.2, 0.82, 0.18, 1);
  will-change: max-height, opacity, padding-top;
}

.site-side-menu-submenu[hidden] {
  display: none;
}

.site-side-menu-submenu.is-open,
.site-side-menu-submenu.is-collapsing {
  display: flex;
  padding-top: 20px;
}

.site-side-menu-submenu.is-open {
  opacity: 1;
}

.site-side-menu-submenu.is-collapsing {
  opacity: 1;
}

.site-side-menu-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  width: max-content;
  max-width: 100%;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.06rem;
  font-weight: 700;
  line-height: 1.05;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  transition: opacity 180ms ease, color 180ms ease;
}

.site-side-menu-submenu .site-side-menu-link {
  font-size: calc(1.06rem - 5px);
}

.site-side-menu-link:hover,
.site-side-menu-link:focus-visible {
  color: #cf1d39;
  opacity: 0.86;
}

.site-side-menu-link[data-target="#sayfa/haber-gonder"] {
  color: #e63e55;
}

.site-side-menu-link.is-live {
  position: relative;
  gap: 0;
}

.site-side-menu-live-dot {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #cf1d39;
  box-shadow: 0 0 0 0 rgba(207, 29, 57, 0.45);
  animation: siteSideMenuLivePulse 1.55s ease-in-out infinite;
}

@keyframes siteSideMenuLivePulse {
  0%,
  100% {
    transform: translateY(-50%) scale(0.9);
    box-shadow: 0 0 0 0 rgba(207, 29, 57, 0.48);
  }
  45% {
    transform: translateY(-50%) scale(1.14);
    box-shadow: 0 0 0 7px rgba(207, 29, 57, 0);
  }
  55% {
    transform: translateY(-50%) scale(1);
  }
  68% {
    transform: translateY(-50%) scale(1.1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-side-menu-live-dot {
    animation: none;
  }
}

.site-side-menu-list > .site-side-menu-link {
  padding-left: 31px;
}

.site-side-menu-plus {
  min-width: 14px;
  color: #cf1d39;
  font-size: 1.28rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.site-side-menu-bottom {
  margin-top: 52px;
}

.site-side-menu-bottom,
.site-side-menu-bottom * {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.site-side-menu-list,
.site-side-menu-list * {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.site-side-menu-socials {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 36px;
}

.site-side-menu-socials a {
  width: 34px;
  height: 34px;
  border: 1px solid #b5c6cf;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.site-side-menu-social-icon {
  width: 17px;
  height: 17px;
  display: block;
  fill: currentColor;
}

.site-side-menu-social-letter {
  display: block;
  font-size: 0.84rem;
  font-weight: 900;
  line-height: 1;
}

.site-side-menu-copy {
  max-width: 300px;
  margin: 0 0 12px;
  color: #111111;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.65;
}

.site-side-menu-copy-note {
  max-width: 300px;
  margin: 0;
  color: #111111;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.6;
}

.site-side-menu-copy-note a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.page-main {
  --page-main-width: calc(100% - 408px);
  width: var(--page-main-width);
  max-width: 1640px;
  box-sizing: border-box;
  margin-top: 24px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1400px) {
  .page-main {
    --page-main-width: calc(100% - 120px);
    width: var(--page-main-width);
  }
}

.content-view {
  display: none;
}

.content-view.active {
  display: block;
}

.notifications-shell {
  width: min(1040px, calc(100vw - 280px));
  margin: 0 auto;
  padding: 24px 0 70px;
}

.notifications-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 30px;
}

.notifications-header h1 {
  margin: 0;
  color: #1f2733;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(1.72rem, 2.08vw, 2.34rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.notifications-header-line {
  flex: 0 1 calc(100% - 330px);
  max-width: calc(100% - 330px);
  height: 8px;
  background: #cf1d39;
  transform: translateY(7px);
}

.notification-permission-prompt {
  position: fixed;
  left: 50%;
  top: calc(var(--header-height, 132px) + 12px);
  z-index: 1600;
  width: min(430px, calc(100vw - 32px));
  transform: translateX(-50%);
  pointer-events: none;
}

.notification-permission-prompt[hidden] {
  display: none !important;
}

.notification-permission-card {
  width: 100%;
  min-height: 106px;
  padding: 18px 20px 15px 26px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(10, 20, 38, 0.2);
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  grid-template-areas:
    "logo content"
    "logo actions";
  column-gap: 20px;
  row-gap: 12px;
  pointer-events: auto;
}

.notification-permission-logo-wrap {
  grid-area: logo;
  align-self: start;
  width: 68px;
  height: 68px;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.notification-permission-logo {
  max-width: 58px;
  max-height: 52px;
  object-fit: contain;
  display: block;
}

.notification-permission-content {
  grid-area: content;
  min-width: 0;
}

.notification-permission-content h2 {
  margin: 0;
  color: #1f2733;
  font-family: var(--news-headline-font);
  font-size: clamp(1.08rem, 1.12vw, 1.26rem);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.notification-permission-content p {
  margin: 8px 0 0;
  color: #4f5968;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(0.9rem, 0.96vw, 1.02rem);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: -0.022em;
}

.notification-permission-content .notification-permission-status {
  margin-top: 6px;
  color: #cf1d39;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.68rem;
  line-height: 1.3;
  font-weight: 700;
}

.notification-permission-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.notification-permission-actions button {
  appearance: none;
  border: 0;
  border-radius: 6px;
  min-width: 102px;
  min-height: 32px;
  padding: 7px 13px;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(0.9rem, 0.96vw, 1.04rem);
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
  transition: opacity 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.notification-permission-actions button:hover,
.notification-permission-actions button:focus-visible {
  transform: translateY(-1px);
}

/* Fix: prevent main headline slider overlapping following sections */
.home-main-headline-block,
.home-main-headline-wrap {
  position: relative;
  z-index: 1;
}

/* Contain the slider without removing positioned slides and their title overlays. */
.home-main-headline-wrap .home-main-card {
  isolation: isolate;
}

.home-main-headline-wrap img,
.home-main-headline-wrap video {
  max-width: 100%;
  height: auto;
  display: block;
}

.home-triple-news-showcase,
.home-writers-showcase,
.home-category-showcase,
.home-ads-showcase {
  clear: both;
  position: relative;
  z-index: 0;
  margin-top: 18px;
}

.notification-permission-later {
  background: #ffffff;
  color: #555555;
}

.notification-permission-allow {
  background: #cf1d39;
  color: #ffffff;
  box-shadow: none;
}

.notification-permission-allow.is-loading {
  opacity: 0.68;
  pointer-events: none;
}

.notifications-list {
  display: flex;
  flex-direction: column;
  border-top: 0;
}

.notifications-list::before {
  content: "";
  display: block;
  width: calc(100% - 180px);
  border-top: 1px solid #e3e7ee;
}

.notification-card {
  position: relative;
  border-bottom: 0;
}

.notification-card::after {
  content: "";
  display: block;
  width: calc(100% - 180px);
  border-bottom: 1px solid #e3e7ee;
}

.notification-card-copy {
  width: 100%;
  padding: 47px 0;
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  align-items: start;
  gap: 30px;
  text-align: left;
  color: inherit;
}

.notification-card-text {
  max-width: min(760px, calc(100% - 90px));
}

.notification-card-kicker {
  display: block;
  margin: 0 0 7px;
  color: #cf1d39;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.notification-card-title {
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  margin: 0 0 9px;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(1.32rem, 1.62vw, 1.9rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.032em;
  text-align: left;
  cursor: pointer;
  isolation: isolate;
  transition: color 220ms ease;
}

.notification-card-summary {
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  margin: 0;
  max-width: min(720px, calc(100% - 90px));
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(1rem, 1.14vw, 1.24rem);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.018em;
  text-align: left;
  cursor: pointer;
  isolation: isolate;
  transition: color 220ms ease;
}

.notification-card-title::after,
.notification-card-summary::after {
  content: "";
  position: absolute;
  inset: -3px -7px;
  z-index: 1;
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.78) 0%,
    rgba(255, 255, 255, 0.48) 58%,
    rgba(255, 255, 255, 0.14) 100%
  );
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.notification-card-title:hover,
.notification-card-title:focus-visible,
.notification-card-summary:hover,
.notification-card-summary:focus-visible {
  color: #000000;
}

.notification-card-title:hover::after,
.notification-card-title:focus-visible::after,
.notification-card-summary:hover::after,
.notification-card-summary:focus-visible::after {
  opacity: 1;
}

.notification-card-media {
  position: relative;
  width: 360px;
  height: 203px;
  border: 0;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
  background: #f1f1f1;
  cursor: pointer;
}

.notification-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    rgba(255, 255, 255, 0.58) 0%,
    rgba(255, 255, 255, 0.34) 52%,
    rgba(255, 255, 255, 0.12) 100%
  );
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.notification-card-media:hover::after,
.notification-card-copy:focus-visible .notification-card-media::after {
  opacity: 1;
}

.notification-card-media:hover img,
.notification-card-media:focus-visible img {
  opacity: 1;
  filter: brightness(1.03);
}

.notification-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 220ms ease, filter 220ms ease;
}

/* Lezzetler referansına göre tüm ana içerik görünümlerinde ortak arka plan */
#newsCategoryView,
#categoryView,
#guideView,
#chefsView,
#eDergiView,
#infoPageView {
  background: var(--page-gray);
}

.info-page-shell {
  background: #ffffff;
  border: 0;
  border-radius: 18px;
  padding: 10px 24px 24px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.info-page-shell h1 {
  margin: 18px 0 12px;
  font-size: clamp(1.75rem, 3.1vw, 2.8rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.info-page-shell.is-section-style-page h1 {
  margin: 18px 0 6px;
  color: #2c2218;
  font-weight: 700;
  font-size: clamp(1.15rem, 1.35vw, 1.45rem);
  line-height: 1.25;
  letter-spacing: 0.01em;
  display: inline-block;
}

.info-page-shell.is-section-style-page h1::after {
  content: "";
  display: block;
  width: 74px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%);
}

.info-page-content {
  max-width: 960px;
  margin: 0 auto;
}

.info-page-media {
  width: 100%;
  margin: 0 0 16px;
  display: flex;
  justify-content: center;
}

.info-page-content p {
  margin: 0 0 14px;
  color: #283244;
  font-size: 1.07rem;
  line-height: 1.82;
}

.info-page-image {
  width: 100%;
  max-height: 460px;
  object-fit: cover;
  border-radius: 16px;
  border: 0;
  margin: 0;
  display: block;
}

.info-page-summary {
  margin: 0 0 14px;
  color: #5b6679;
  font-size: 1rem;
  line-height: 1.7;
}

.info-page-shell.is-corporate-page h1 {
  text-align: left;
  margin-left: 0;
}

.info-page-shell.is-corporate-page .info-page-content {
  max-width: none;
  margin: 0;
  padding-top: 30px;
}

.info-page-shell.is-corporate-page .info-page-media {
  margin: 8px 0 20px;
}

.info-page-shell.is-corporate-page .info-page-image {
  width: min(520px, 90%);
  max-height: 180px;
  object-fit: contain;
  border-radius: 0;
}

.corporate-page-layout {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 38px;
  align-items: start;
}

.corporate-nav-box {
  background: #f3f4f6;
  border: 1px solid #e1e5eb;
  border-radius: 12px;
  padding: 16px;
}

.corporate-nav-box h2 {
  margin: 0 0 8px;
  font-size: 1.08rem;
  font-weight: 700;
  color: #111827;
}

.corporate-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.corporate-nav-link {
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #dde2e9;
  background: transparent;
  color: #111827;
  position: relative;
  padding: 11px 6px 11px 20px;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}

.corporate-nav-link::before {
  content: "›";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #343b48;
  font-size: 1rem;
}

.corporate-nav-link:hover,
.corporate-nav-link:focus-visible {
  color: #cf1d39;
  transform: translateX(2px);
}

.corporate-nav-link.is-active {
  color: #0f172a;
  font-weight: 700;
}

.corporate-page-content {
  min-width: 0;
}

.info-page-shell.is-corporate-page .corporate-inline-title {
  margin: 0 0 10px;
  font-size: 12.5pt;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
  color: #0f1c37;
  text-align: left;
}

/* Use consistent public typography even when pasted content contains inline sizes. */
.corporate-page-body,
.corporate-page-body * {
  font-size: 12pt !important;
  line-height: 1.4 !important;
}

.corporate-page-body :is(p, div, ul, ol, blockquote) {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

.corporate-page-body :is(h1, h2, h3, h4, h5, h6),
.corporate-page-body p:has(> :is(strong, b):only-child) {
  margin-top: 12px !important;
  margin-bottom: 6px !important;
}

.corporate-page-body :is(h1, h2, h3, h4, h5, h6),
.corporate-page-body :is(h1, h2, h3, h4, h5, h6) *,
.corporate-page-body p > :is(strong, b):only-child,
.corporate-page-body p > :is(strong, b):only-child * {
  font-size: 12.5pt !important;
  line-height: 1.4 !important;
}

.corporate-page-content .corporate-page-body .corporate-introduction,
.corporate-page-content .corporate-page-body .corporate-introduction * {
  font-weight: 400 !important;
  font-size: 12pt !important;
  line-height: 1.4 !important;
  color: #283244;
}

.corporate-page-content .corporate-page-body .corporate-introduction {
  margin: 0 0 6px !important;
}

.member-auth-shell {
  display: grid;
  gap: 4px;
  width: 100%;
  max-width: 440px;
  margin-inline: auto;
  box-sizing: border-box;
  padding: 0;
}

.member-auth-logo-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 4px;
  transform: none;
}

.member-auth-logo-wrap img {
  display: block;
  width: min(100%, 280px);
  height: auto;
  object-fit: contain;
}

.info-page-shell.is-member-auth-page {
  --member-auth-max-width: 1320px;
}

.info-page-shell.is-member-auth-page .detail-top-row,
.info-page-shell.is-member-auth-page > h1 {
  display: none !important;
}

.info-page-shell.is-member-auth-page > h1,
.info-page-shell.is-member-auth-page > .info-page-content {
  width: 100%;
  max-width: var(--member-auth-max-width);
  margin-inline: auto;
  box-sizing: border-box;
}

.info-page-shell.is-member-auth-page h1,
.info-page-shell.is-member-auth-page .info-page-content {
  width: 100%;
  max-width: var(--member-auth-max-width);
  margin-left: auto;
  margin-right: auto;
}

.info-page-shell.is-member-auth-page .info-page-content {
  max-width: var(--member-auth-max-width);
}

.member-auth-breadcrumb {
  color: #7a8395;
  font-size: 0.8rem;
}

.member-auth-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  border-bottom: 2px solid #eef1f6;
  transform: none;
}

.member-auth-mode-btn {
  position: relative;
  min-height: 38px;
  border: 0;
  background: transparent;
  color: #9aa3b3;
  border-radius: 0;
  padding: 0 10px 8px;
  font: inherit;
  font-size: clamp(0.95rem, 1.5vw, 1.12rem);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: none;
}

.member-auth-mode-btn:hover,
.member-auth-mode-btn:focus-visible {
  color: #9aa3b3;
}

.member-auth-mode-btn.is-active,
.member-auth-mode-btn.is-active:hover,
.member-auth-mode-btn.is-active:focus-visible {
  color: #000000;
}

.member-auth-mode-btn.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: #d82138;
}

.member-auth-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}

.member-auth-stack {
  width: 100%;
}

.member-auth-card {
  border: 0;
  border-radius: 0;
  background: #fff;
  padding: 6px 18px;
}

.member-register-type-options {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 0 0 8px;
}

.member-register-type-select-field {
  display: grid;
  gap: 5px;
}

.member-register-type-select-field > span {
  color: #3b4558;
  font-size: 1rem;
  font-weight: 700;
}

.member-register-type-btn {
  border: 1px solid #dce1ea;
  border-radius: 6px;
  background: #fff;
  color: #667084;
  cursor: pointer;
  padding: 9px 12px;
  font: inherit;
  font-weight: 700;
}

.member-register-type-btn.is-active {
  border-color: #cf1d39;
  background: #cf1d39;
  color: #fff;
}

.member-auth-card[hidden] {
  display: none !important;
}

.member-auth-card h3 {
  display: none;
}

.member-auth-card .member-auth-panel-description {
  display: block !important;
  margin: 0 0 10px;
  color: #667084;
  font-size: 0.92rem;
  line-height: 1.45;
  text-align: center;
}

.member-auth-card[data-member-auth-panel="forgot"] .member-auth-panel-title {
  display: block;
  margin: 0 0 8px;
  color: #1f2734;
  font-size: 1.2rem;
  font-weight: 800;
  text-align: center;
}

.member-auth-card > p:not(.member-auth-switch-row) {
  display: none;
}

.member-auth-card p {
  margin: 0 0 6px;
  color: #7f889a;
  font-weight: 400;
  text-align: center;
}

.member-auth-switch-row {
  margin: 6px 0 0;
  color: #667084;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
}

.member-auth-switch-btn {
  border: 0;
  background: transparent;
  color: #cf1d39;
  padding: 0;
  margin-left: 4px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.member-auth-switch-btn:hover,
.member-auth-switch-btn:focus-visible {
  text-decoration: none;
}

.member-auth-terms {
  margin: 2px 0 0;
  max-width: none;
  text-align: center;
  color: #606b80;
  font-size: 8pt !important;
  line-height: 1.1;
  white-space: normal;
}

.member-auth-terms a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.member-auth-terms a:hover,
.member-auth-terms a:focus-visible {
  color: #141d2d;
}

.member-profile-shell {
  display: grid;
  gap: 16px;
}

.member-profile-head {
  border: 1px solid #dde4ee;
  border-radius: 12px;
  background: #fff;
  padding: 16px;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.member-profile-avatar-wrap {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  overflow: hidden;
  border: 2px solid #d9e1ec;
  background: #f3f6fb;
}

.member-profile-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.member-profile-name {
  margin: 0;
  color: #1f2a3f;
  font-size: 1.4rem;
  font-weight: 700;
}

.member-profile-meta {
  margin: 6px 0 0;
  color: #637188;
  font-size: 0.92rem;
}

.member-profile-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.member-profile-socials a {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #657184;
  text-decoration: none;
  transition: transform .18s ease, filter .18s ease;
}

.member-profile-socials a:hover,
.member-profile-socials a:focus-visible {
  color: #fff;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.member-profile-socials svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.member-profile-social-facebook { background: #4267a9 !important; }
.member-profile-social-twitter { background: #111 !important; }
.member-profile-social-youtube { background: #e62117 !important; }
.member-profile-social-instagram { background: linear-gradient(135deg, #f58529, #dd2a7b 58%, #8134af) !important; }
.member-profile-social-linkedin { background: #0a66c2 !important; }

.member-subscription-summary {
  border: 1px solid #ead1d8;
  border-left: 4px solid #d81b3f;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff 0%, #fff8fa 100%);
  padding: 15px 17px;
}

.member-subscription-summary-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.member-subscription-kicker {
  color: #d81b3f;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.member-subscription-summary h3 {
  margin: 3px 0 0;
  color: #273247;
  font-size: 1.08rem;
}

.member-subscription-status {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 5px 9px;
  background: #e8f8ee;
  color: #21814a;
  font-size: .74rem;
  font-weight: 700;
}

.member-subscription-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.member-subscription-details div {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .8);
}

.member-subscription-details span {
  color: #78859a;
  font-size: .75rem;
}

.member-subscription-details strong {
  color: #273247;
  font-size: .94rem;
}

.member-subscription-link {
  display: inline-block;
  margin-top: 12px;
  color: #d81b3f;
  font-size: .84rem;
  font-weight: 700;
  text-decoration: none;
}

.member-subscription-link:hover,
.member-subscription-link:focus-visible {
  text-decoration: underline;
}

.member-subscription-renew-btn {
  display: block;
  margin-top: 12px;
  border: 1px solid #d81b3f;
  border-radius: 8px;
  padding: 8px 12px;
  background: #d81b3f;
  color: #fff;
  font: inherit;
  font-size: .82rem;
  font-weight: 700;
  cursor: pointer;
}

.member-subscription-renew-btn:disabled {
  border-color: #aeb7c5;
  background: #aeb7c5;
  cursor: default;
}

.member-profile-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.member-profile-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.member-profile-stat-card {
  border: 1px solid #dde4ee;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px;
}

.member-profile-stat-value {
  margin: 0;
  color: #1f2a3f;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.15;
}

.member-profile-stat-label {
  margin: 4px 0 0;
  color: #65748c;
  font-size: 0.82rem;
  font-weight: 600;
}

.member-profile-card {
  border: 1px solid #dde4ee;
  border-radius: 12px;
  background: #fff;
  padding: 14px;
}

.member-profile-card h3 {
  margin: 0 0 10px;
  font-size: 1.05rem;
  color: #273247;
}

.member-profile-form {
  display: grid;
  gap: 10px;
}

.member-profile-readonly-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.member-profile-readonly-grid input {
  width: 100%;
  border: 1px solid #d6deea;
  border-radius: 8px;
  padding: 9px 10px;
  font: inherit;
  background: #f4f7fb;
  color: #4a566a;
}

.member-profile-form label {
  display: grid;
  gap: 6px;
  color: #2a3448;
  font-size: 0.9rem;
  font-weight: 600;
}

.member-profile-form textarea {
  min-height: 110px;
  border: 1px solid #d6deea;
  border-radius: 8px;
  padding: 10px 11px;
  font: inherit;
}

.member-profile-form .member-profile-upload {
  border: 1px dashed #c4cfdf;
  border-radius: 8px;
  padding: 10px;
  background: #fbfcff;
}

.member-profile-form button {
  border: 1px solid #1f2734;
  background: #222b38;
  color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.member-profile-form button:hover {
  background: #cf1d39;
  border-color: #cf1d39;
}

.member-profile-status {
  margin: 2px 0 0;
  color: #2e7d32;
  font-size: 0.84rem;
  font-weight: 600;
}

.member-profile-status.error {
  color: #cf1d39;
}

.member-profile-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.member-profile-list-item {
  border: 1px solid #e3e8f1;
  border-radius: 10px;
  background: #fafbfd;
  padding: 10px;
}

.member-profile-list-item h4 {
  margin: 0;
  font-size: 0.95rem;
  color: #1f2a3f;
  font-weight: 700;
}

.member-profile-list-item p {
  margin: 4px 0 0;
  color: #5f6d83;
  font-size: 0.86rem;
}

.member-profile-place-btn {
  border: 1px solid #d7deea;
  background: #fff;
  color: #1f2a3f;
  border-radius: 8px;
  padding: 6px 9px;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
}

.member-profile-place-btn:hover,
.member-profile-place-btn:focus-visible {
  border-color: #cf1d39;
  color: #cf1d39;
}

.member-profile-empty {
  margin: 0;
  color: #6f7b90;
  font-size: 0.9rem;
}

.member-form {
  display: grid;
  gap: 6px;
}

.member-form-field {
  display: grid;
  gap: 5px;
}

.member-form-field > span {
  color: #3b4558;
  font-size: 1rem;
  font-weight: 700;
}

.member-form-row {
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr 1fr;
}

.member-form-help-field,
.member-profile-help-field {
  position: relative;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.member-form-help-control {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.member-form-help-control select {
  flex: 1 1 auto;
  min-width: 0;
}

.member-form-info-btn {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #000000;
  font: inherit;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: transform 0.18s ease, color 0.18s ease;
}

.member-form-info-btn:hover,
.member-form-info-btn:focus-visible {
  background: transparent;
  border-color: transparent;
  color: #000000;
  transform: translateY(-1px);
}

.member-form-tooltip {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 8;
  width: max-content;
  max-width: min(360px, calc(100vw - 64px));
  padding: 9px 10px;
  border: 1px solid #d7deea;
  border-radius: 10px;
  background: #ffffff;
  color: #727272;
  font-size: 10px;
  line-height: 1.3;
  box-shadow: 0 12px 28px rgba(15, 24, 38, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  pointer-events: none;
}

.member-form-help-field:hover .member-form-tooltip,
.member-form-help-field:focus-within .member-form-tooltip,
.member-profile-help-field:hover .member-form-tooltip,
.member-profile-help-field:focus-within .member-form-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.member-form input {
  width: 100%;
  border: 0.8px solid #d7deea;
  border-radius: 0;
  padding: 9px 12px;
  font: inherit;
}

.member-form input::placeholder {
  color: #727272;
  font-weight: 400;
}

.member-form select {
  width: 100%;
  border: 0.8px solid #d7deea;
  border-radius: 0;
  padding: 9px 12px;
  font: inherit;
  color: #1f2734;
  background: #ffffff;
}

.member-form input[readonly] {
  background: #f4f7fb;
}

.member-company-field {
  width: 100%;
}

.member-form button {
  border: 1px solid #1f2734;
  background: #222b38;
  color: #fff;
  border-radius: 0;
  padding: 11px 12px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.member-form button:hover {
  background: #cf1d39;
  border-color: #cf1d39;
}

.member-code-btn {
  border: 1px solid #cf1d39;
  background: #cf1d39;
  color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.member-code-btn.secondary {
  background: #fff;
  color: #cf1d39;
}

.member-code-btn:hover {
  opacity: 0.9;
}

.member-code-btn.secondary:hover,
.member-code-btn.secondary:focus-visible,
.member-code-btn.secondary:active {
  opacity: 1;
  background: #fff;
  border-color: #cf1d39;
  color: #cf1d39;
}

.member-form-actions.member-code-actions {
  grid-template-columns: auto 1fr;
}

.member-phone-verified {
  color: #1c7f39;
  font-weight: 700;
  font-size: 0.92rem;
}

.member-form-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto;
  align-items: center;
}

.member-form-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.member-remember-wrap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #374255;
  font-size: 0.98rem;
  font-weight: 700;
}

.member-remember-wrap input[type="checkbox"] {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  appearance: auto;
  -webkit-appearance: checkbox;
  accent-color: #cf1d39;
  border: 1px solid #b8c2d3;
  background: #ffffff;
  box-shadow: none;
  margin: 0;
  cursor: pointer;
}

.member-remember-wrap input[type="checkbox"]:checked {
  border-color: #cf1d39;
}

.member-remember-wrap input[type="checkbox"]:focus-visible {
  outline: 1px solid rgba(207, 29, 57, 0.35);
  outline-offset: 1px;
  box-shadow: none;
}

.member-primary-btn {
  width: 100%;
  margin-top: 4px;
  border: 1px solid #cf1d39 !important;
  background: #cf1d39 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
}

.member-primary-btn:hover,
.member-primary-btn:focus-visible {
  border-color: #cf1d39 !important;
  background: #cf1d39 !important;
}

.member-link-btn {
  background: transparent !important;
  border: 0 !important;
  color: #cf1d39 !important;
  font-weight: 700 !important;
  padding: 0 !important;
  text-decoration: none;
}

.member-link-btn:hover,
.member-link-btn:focus-visible {
  text-decoration: none;
}

.member-form-status {
  margin: 0;
  min-height: 18px;
  color: #1c7f39;
  font-size: 0.92rem;
  font-weight: 600;
  white-space: pre-line;
}

.member-form-status.error {
  color: #cf1d39;
}

#guideView.content-view.active {
  margin-top: -24px;
}

.card-shell {
  background: #ffffff;
  border: 1px solid #eceff4;
}

#homeView.content-view.active {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.firms-section {
  order: 1;
  margin: 0;
}

.member-firm-access {
  width: min(1380px, 96%);
  margin: 14px auto 0;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid #dfe5ef;
  border-left: 4px solid #d81b3f;
  border-radius: 10px;
  background: #f7f9fc;
}

.member-firm-access-copy {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 12px;
  color: #45556f;
}

.member-firm-access-copy strong {
  color: #202b3c;
  font-size: 1.05rem;
}

.member-firm-access-kicker {
  width: 100%;
  color: #d81b3f;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.member-firm-access-btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 7px;
  padding: 9px 16px;
  background: #d81b3f;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.member-firm-access-btn:disabled {
  background: #aeb7c5;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  .member-subscription-summary-head {
    flex-direction: column;
  }

  .member-subscription-status {
    align-self: flex-start;
  }

  .member-subscription-details {
    grid-template-columns: 1fr;
  }

  .member-firm-access {
    align-items: stretch;
    flex-direction: column;
  }

  .member-firm-access-btn {
    width: 100%;
  }
}

.home-news-hierarchy {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  order: 2;
}

#homeUMSection {
  order: 1;
  margin: 0;
}

#homeAMSection {
  order: 2;
  margin: 0;
}

#homeMainSection {
  order: 3;
  margin: 0;
}

#homeCategoryShowcaseSection {
  order: 4;
  margin: 0;
}

#homeVideoGallerySection {
  order: 5;
  margin: 0;
}

#homeTripleNewsSection {
  order: 6;
  margin: 0;
}

#homeWritersSection {
  order: 7;
  margin: 0;
}

#homeChefsSection {
  order: 8;
  margin: 0;
}

#homeAdsSection {
  order: 9;
  margin: 0;
}

.home-hierarchy-block {
  border: 1px solid #dce3ec;
  border-radius: 0;
  background: #ffffff;
  padding: 8px;
}

#homeUMSection {
  border: 0;
  padding: 0;
  margin-bottom: 15px;
  background: var(--page-gray);
  position: relative;
  overflow: visible;
}

.site-side-player {
  position: fixed;
  left: 14px;
  bottom: 46px;
  width: clamp(270px, 23vw, 320px);
  border: 1px solid #d6dde8;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(16, 25, 39, 0.16);
  overflow: hidden;
  z-index: 500;
}

.site-side-player-frame {
  position: relative;
  width: 100%;
  aspect-ratio: var(--side-player-video-ratio, 16 / 9);
  border-radius: 0;
  background: transparent;
}

.site-side-player-video,
.site-side-player-iframe {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0;
  border: 0;
  object-fit: contain;
  object-position: center center;
  background: transparent;
}

.site-side-player-video[hidden],
.site-side-player-iframe[hidden] {
  display: none;
}

.site-side-player-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: rgba(10, 15, 23, 0.74);
  color: #ffffff;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.home-um-grid {
  display: grid;
  grid-template-columns: repeat(4, 269px);
  gap: 15px;
  width: 1123px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4px;
  background: transparent;
}

.home-um-card {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: 269px;
  height: auto;
  max-width: 100%;
  display: grid;
  grid-template-rows: 143px auto;
}

.home-um-card img {
  width: 100%;
  height: 143px;
  object-fit: cover;
  object-position: center center;
  image-rendering: auto;
  display: block;
  transition: transform 0.32s ease;
  backface-visibility: hidden;
}

.home-um-card p {
  margin: 0;
  padding: 10px 10px 14px;
  background: #ffffff;
  color: #1f2733;
  font-family: var(--news-headline-font);
  font-size: 12pt;
  font-weight: 700;
  line-height: 1.28;
  text-align: left;
  display: block;
  width: 100%;
  box-sizing: border-box;
  align-self: start;
  height: calc(1.28em * 2 + 24px);
  min-height: calc(1.28em * 2 + 24px);
  max-height: calc(1.28em * 2 + 24px);
}

.home-um-card .home-um-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}

.home-um-card:hover p {
  color: var(--hover-red);
}

.home-um-card:hover img,
.home-um-card:focus-visible img {
  transform: scale(1.02);
}

.home-am-block {
  padding: 0;
  overflow: hidden;
  margin-top: 0;
}

.home-am-wrap {
  --headline-index-size: 32px;
  --headline-index-font: 0.88rem;
  width: 100%;
  max-width: none;
  height: 330px;
  margin: 0;
  display: block;
  position: relative;
}

.home-am-index {
  position: absolute;
  inset: 0 auto 0 0;
  width: 66px;
  z-index: 4;
  background: transparent;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 10px 14px;
  pointer-events: none;
}

.home-am-index button {
  border: 0;
  background: #050505;
  color: #ffffff;
  font: inherit;
  font-weight: 700;
  font-size: var(--headline-index-font);
  width: var(--headline-index-size);
  height: var(--headline-index-size);
  min-height: var(--headline-index-size);
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  border-radius: 0;
  transition: background 0.2s ease, opacity 0.2s ease;
  pointer-events: auto;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.42);
}

.home-am-index button.active {
  background: #d9154b;
  opacity: 1;
}

.home-am-card {
  border: 0;
  padding: 0;
  background: #05070b;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.home-am-slide {
  position: absolute;
  inset: 0;
  transition: transform 440ms cubic-bezier(0.2, 0.78, 0.2, 1);
}

.home-am-slide.is-enter {
  transform: translateY(100%);
}

.home-am-slide.is-leave {
  transform: translateY(-100%);
}

.home-am-card img {
  position: absolute;
  top: 0;
  right: 0;
  width: 66%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center center;
  image-rendering: auto;
  display: block;
  transition: transform 0.32s ease;
  backface-visibility: hidden;
  z-index: 1;
}

.home-am-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    var(--besli-bg-color, #000000) 0%,
    var(--besli-bg-color, #000000) 34%,
    rgba(0, 0, 0, 0.9) 46%,
    rgba(0, 0, 0, 0.52) 58%,
    rgba(0, 0, 0, 0.14) 68%,
    rgba(0, 0, 0, 0) 77%
  );
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 24px 20px 96px;
  text-align: left;
  z-index: 2;
}

.home-am-overlay-content {
  max-width: 56%;
  display: flex;
  flex-direction: column;
  gap: var(--besli-gap, 5px);
  align-items: flex-start;
}

.home-am-kicker {
  margin: 0;
  color: var(--besli-top-color, #ffffff);
  font-size: var(--besli-top-size, 18px);
  line-height: 1.2;
  font-weight: 600;
}

.home-am-overlay h3 {
  margin: 0;
  color: var(--besli-main-color, #ffffff);
  font-family: var(--news-headline-font);
  font-size: var(--besli-main-size, 38px);
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-am-subtitle {
  margin: 0;
  color: var(--besli-bottom-color, #ffffff);
  font-size: var(--besli-bottom-size, 16px);
  line-height: 1.2;
  font-weight: 500;
}

.home-am-card:hover img,
.home-am-card:focus-visible img {
  transform: scale(1.07) !important;
}

@media (max-width: 980px) {
  .home-am-index {
    width: 58px;
    gap: 6px;
    padding: 16px 10px;
  }

  .home-am-card img {
    width: 100%;
    left: 0;
  }

  .home-am-slide .news-hover-preview-video {
    width: 100%;
    left: 0;
    right: auto;
  }

  .home-am-slide .news-hover-preview-controls {
    left: 8px;
    right: 8px;
    width: auto;
  }

  .home-am-overlay {
    align-items: flex-end;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.1) 72%);
    padding: 22px 22px 22px 78px;
  }

  .home-am-overlay-content {
    max-width: 70%;
  }

  .home-am-overlay h3 {
    font-size: var(--besli-main-size, 38px);
  }
}

/* Haber detay paylaşım çubuğu: kompakt, modern marka düğmeleri. */
#newsDetailView .news-detail-share-rail {
  gap: 8px;
  align-items: center;
}

#newsDetailView .news-detail-share-rail::before {
  content: "Paylaş";
  margin-right: 3px;
  color: #303744;
  font-family: var(--news-headline-font);
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}

#newsDetailView .news-detail-share-rail .news-share-btn {
  width: 38px;
  height: 34px;
  border-radius: 999px;
  color: #ffffff;
  background: #64748b;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

#newsDetailView .news-detail-share-rail .news-share-btn:hover,
#newsDetailView .news-detail-share-rail .news-share-btn:focus-visible {
  color: #ffffff;
  background: var(--share-bg, #64748b);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.2);
  filter: saturate(1.08);
  opacity: 1;
  transform: translateY(-1px);
}

#newsDetailView .news-detail-share-rail .news-share-btn.instagram {
  --share-bg: linear-gradient(135deg, #f58529, #dd2a7b 58%, #8134af);
  background: var(--share-bg);
}

#newsDetailView .news-detail-share-rail .news-share-btn.n-social {
  --share-bg: #4a99e2;
  background: #e2e5e9;
  color: #2489df;
}

#newsDetailView .news-detail-share-rail .news-share-btn.facebook {
  --share-bg: #4267a9;
  background: var(--share-bg);
}

#newsDetailView .news-detail-share-rail .news-share-btn.more {
  --share-bg: #6b7280;
  background: #6b7280;
  color: #ffffff;
}

#newsDetailView .news-detail-share-rail .news-share-btn.more:hover,
#newsDetailView .news-detail-share-rail .news-share-btn.more:focus-visible {
  background: var(--share-bg);
  color: #ffffff;
}

@media (max-width: 980px) {
  #newsDetailView .news-detail-share-rail::before {
    content: "Paylaş";
  }
}

.news-editor-ribbon {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 18px 0 8px;
  padding: 10px 16px;
  border: 1px solid #eceff3;
  background: #fafafa;
}

.news-editor-ribbon-photo-wrap {
  flex: 0 0 72px;
}

#newsDetailView .news-editor-ribbon-photo {
  display: block;
  width: 72px !important;
  height: 72px !important;
  aspect-ratio: 1;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
  background: #e5e5e5;
}

.news-editor-ribbon-details {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.news-editor-ribbon-details strong {
  color: #25282d;
  font-size: 1.05rem;
}

.news-editor-ribbon-details a {
  color: #7e858e;
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.news-editor-ribbon-socials {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  flex-wrap: wrap;
  gap: 8px;
}

.news-editor-ribbon-socials a {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  box-sizing: border-box;
  place-items: center;
  color: #343b48;
  border: 1px solid #e9ebef;
  border-radius: 13px;
  background: #f6f7f9;
  box-shadow: 0 2px 4px #17223504;
  text-decoration: none;
  transition: transform 0.18s ease, filter 0.18s ease;
}

.news-editor-ribbon-socials svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.news-editor-ribbon-socials a:hover,
.news-editor-ribbon-socials a:focus-visible {
  filter: brightness(0.97);
  transform: translateY(-1px);
}

.news-editor-ribbon-socials a:focus-visible {
  outline: 2px solid #9e2947;
  outline-offset: 3px;
}

.news-editor-ribbon-socials .news-editor-ribbon-social-facebook { background: #eef4ff; border-color: #dde7f9; color: #3266b0; }
.news-editor-ribbon-socials .news-editor-ribbon-social-twitter { background: #f2f3f5; border-color: #e2e4e8; color: #24262b; }
.news-editor-ribbon-socials .news-editor-ribbon-social-youtube { background: #fff1f0; border-color: #f7ddd9; color: #d92319; }
.news-editor-ribbon-socials .news-editor-ribbon-social-instagram {
  background: #fff1f5;
  border-color: #f7dce6;
  color: #c63170;
}
.news-editor-ribbon-socials .news-editor-ribbon-social-linkedin { background: #eef5fc; border-color: #dbe8f5; color: #0a66c2; }
.news-editor-ribbon-socials .news-editor-ribbon-social-website { background: #fff1f5; border-color: #f7dce6; color: #e31837; }
.news-editor-ribbon-socials .news-editor-ribbon-social-website svg { fill: none; }

@media (max-width: 680px) {
  .news-editor-ribbon {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px;
  }

  .news-editor-ribbon-photo-wrap {
    flex-basis: 54px;
  }

  .news-editor-ribbon-photo {
    width: 54px;
    height: 54px;
  }

  .news-editor-ribbon-socials {
    width: 100%;
    justify-content: flex-start;
  }

  .news-editor-ribbon-socials a {
    width: 30px;
    height: 30px;
  }
}

.home-main-headline-block {
  padding: 0;
  overflow: hidden;
}

.home-main-headline-wrap {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  height: 440px;
  gap: 0;
}

.home-main-headline-left {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 46px;
  min-width: 0;
  overflow: hidden;
}

.home-main-card {
  border: 0;
  padding: 0;
  background: #10131a;
  position: relative;
  cursor: pointer;
  text-align: left;
  height: auto;
  min-height: 0;
  grid-row: 1;
  grid-column: 1;
  overflow: hidden;
}

.home-main-slide {
  position: absolute;
  inset: 0;
  transition: transform 440ms cubic-bezier(0.2, 0.78, 0.2, 1);
}

.home-main-slide.is-enter {
  transform: translateX(100%);
}

.home-main-slide.is-leave {
  transform: translateX(-100%);
}

.home-main-card img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center center;
  image-rendering: auto;
  display: block;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.4s ease;
  backface-visibility: hidden;
}

.home-main-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 20px 24px 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.65) 100%);
  text-align: center;
}

.home-am-city-badge,
.home-main-city-badge {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 14px 8px;
  background: #cf1d39;
  color: #ffffff;
  font-family: var(--news-headline-font);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  pointer-events: none;
}

.home-am-city-badge {
  position: absolute;
  top: 10px;
  left: calc(12px + var(--headline-index-size) + 10px);
  margin: 0;
}

.home-am-tag-badge {
  position: static;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  background: #cf1d39;
  color: #ffffff;
  font-family: var(--news-headline-font);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  pointer-events: none;
  transform: translateY(-10px);
}

.home-am-tag-icon {
  width: 16px;
  height: 16px;
  fill: #ffffff;
  flex-shrink: 0;
}

.home-main-city-badge {
  top: 15px;
  left: 15px;
}

.home-main-overlay h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--news-headline-font);
  font-size: clamp(1.16rem, 1.85vw, 1.62rem);
  line-height: 1.14;
  max-width: 84%;
  text-align: center;
  margin-inline: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.14em * 2);
}

.home-main-card:hover .home-main-overlay h3,
.home-main-card:focus-visible .home-main-overlay h3 {
  color: var(--hover-red);
}

.home-main-card:hover img,
.home-main-card:focus-visible img {
  transform: scale(1.07) !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-am-slide,
  .home-main-slide {
    transition: none !important;
  }
}

.home-main-index {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 2px;
  padding: 4px;
  background: #0b0f15;
  position: static;
  align-self: stretch;
  height: 46px;
  grid-row: 2;
  grid-column: 1;
  z-index: 4;
}

.home-main-index button,
.home-main-index .home-main-index-btn {
  border: 0;
  background: #0a0e14;
  color: #ffffff !important;
  font-family: var(--site-font);
  font-size: var(--headline-index-font);
  font-weight: 700;
  width: var(--headline-index-size);
  height: var(--headline-index-size);
  min-height: var(--headline-index-size);
  padding: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  opacity: 0.94;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding-inline: 10px;
}

.home-main-index button.active,
.home-main-index button:hover,
.home-main-index button:focus-visible {
  background: #cf1d39;
  color: #ffffff;
  opacity: 1;
}

.home-main-side {
  --home-main-side-gap: 14px;
  background: #ffffff;
  border-left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--home-main-side-gap);
  padding: 0;
}

.home-mag-frame-url {
  position: absolute;
  bottom: 5px;
  left: 20px;
  transform: translateY(50%);
  background: #fff;
  padding: 0 6px;
  font-size: 0.78rem;
  color: var(--red);
  font-family: var(--site-font);
  pointer-events: none;
}

.home-mag-frame {
  position: relative;
  width: calc(100% - 20px);
  margin: 0 auto;
  flex: 1 1 0;
  border: 2px solid #c0c0c0;
  border-top: none;
  box-sizing: border-box;
  border-radius: 0 0 16px 16px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 50%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 50%);
}

.home-magazine-frame {
  -webkit-mask-image: none;
  mask-image: none;
}

.home-magazine-carousel {
  width: 100%;
  height: 100%;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 22px 10px 12px;
  box-sizing: border-box;
  background: #fff;
}

.home-magazine-cover-btn {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.home-magazine-cover-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity .3s ease;
}

.home-magazine-carousel.is-changing .home-magazine-cover-image {
  animation: homeMagazineCoverFade .35s ease;
}

@keyframes homeMagazineCoverFade {
  from { opacity: .25; }
  to { opacity: 1; }
}

.home-magazine-caption {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #1f2634;
  font-size: .76rem;
  line-height: 1.2;
}

.home-magazine-caption strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-magazine-caption span {
  flex: 0 0 auto;
  color: var(--red);
  font-weight: 700;
}

.home-magazine-controls {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #777;
  font-size: .68rem;
}

.home-magazine-arrow {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  background: #e8304a;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}

.home-magazine-dots {
  display: flex;
  gap: 4px;
  height: 5px;
}

.home-magazine-dots i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #cbd1d9;
}

.home-magazine-dots i.is-active {
  background: #e8304a;
}

.home-magazine-empty {
  margin: auto;
  color: #7d8795;
  font-size: .85rem;
  text-align: center;
}

.home-mag-wrap {
  position: relative;
  width: 220px;
  max-width: calc(100% - 10px);
  margin-left: auto;
  margin-right: auto;
  align-self: flex-start;
  display: flex;
  align-items: center;
}

.home-main-magazine-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 0;
  min-width: 0;
  width: 0;
  border-radius: 4px;
  text-align: left;
  overflow: visible;
  box-sizing: border-box;
  padding: 0;
  border: none;
  background: #fff;
  box-shadow: none;
  gap: 0;
  position: relative;
}

.home-main-magazine-card:hover,
.home-main-magazine-card:focus-visible {
  box-shadow: none;
}

.home-main-magazine-cover {
  width: 100%;
  overflow: hidden;
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  border-bottom: none;
  box-sizing: border-box;
  padding: 0;
  border-radius: 4px 4px 0 0;
}

.home-main-magazine-cover img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center top;
  display: block;
}

#homeMainSection .home-mag-wrap {
  width: 95%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  align-self: center;
}

.home-main-magazine-footer {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 8px 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  box-sizing: border-box;
  width: 100%;
  cursor: default;
}

.home-main-magazine-cta {
  color: var(--red);
  font-family: var(--news-headline-font);
  font-size: 0.84rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.2;
  cursor: pointer;
}

.home-main-magazine-domain {
  color: #aaa;
  font-family: var(--site-font);
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: text;
}

.home-mag-wrap {
  display: flex;
  align-items: center;
  gap: 0;
}

.home-mag-arrow {
  flex-shrink: 0;
  width: 22px;
  height: 44px;
  border: none;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.18);
  color: #555;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background 0.18s;
}

.home-mag-arrow:hover {
  background: rgba(0, 0, 0, 0.32);
  color: #222;
}

.home-mag-arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

.home-mag-arrow-prev {
  border-radius: 4px 0 0 4px;
}

.home-mag-arrow-next {
  border-radius: 0 4px 4px 0;
}

.home-main-magazine-empty {
  width: 100%;
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #d9e2ef;
  border-radius: 10px;
  background: #ffffff;
}

.home-category-showcase {
  border: 1px solid #c8cdd4;
  background: #ffffff;
  padding: 20px 18px 20px;
}

.home-category-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 14px;
  background: #ffffff;
}

.home-category-tab-btn {
  border: 0;
  background: #ffffff;
  padding: 0 8px 12px;
  border-bottom: 1px solid #c8cdd4;
  text-align: center;
  color: #232a34;
  font: inherit;
  font-size: clamp(0.92rem, 0.86vw, 1.06rem);
  font-weight: 800;
  letter-spacing: 0.003em;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.home-category-tab-btn:hover,
.home-category-tab-btn:focus-visible {
  color: #cf1d39;
  border-bottom-color: #cf1d39;
}

.home-category-tab-btn.active {
  color: #cf1d39;
  border-bottom-color: #cf1d39;
}

.home-category-popular-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(342px, 342px));
  justify-content: space-between;
  align-items: start;
  gap: 15px !important;
  column-gap: 15px !important;
  row-gap: 15px !important;
  background: #ffffff;
}

.home-category-card {
  display: block;
  width: 342px;
  max-width: 100%;
  align-self: start;
  appearance: none;
  -webkit-appearance: none;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #ffffff;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.home-category-popular-grid .post-card {
  background: #ffffff;
}

.home-category-card img {
  width: 342px;
  max-width: 100%;
  height: 186px;
  object-fit: cover;
  object-position: center center !important;
  background: #ffffff;
  image-rendering: auto;
  display: block;
  border: 0 !important;
  outline: 0 !important;
  margin: 0 !important;
  transition: transform 0.32s ease;
  backface-visibility: hidden;
}

.home-category-card p {
  margin: 0 !important;
  padding: 16px 10px 16px;
  background: #ffffff;
  border: 0 !important;
  outline: 0 !important;
  color: #151c26;
  font-family: var(--news-headline-font);
  font-size: 12pt;
  font-weight: 900 !important;
  line-height: 1.2;
  text-align: center;
  display: block;
  display: -webkit-box !important;
  width: 100%;
  white-space: normal;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: anywhere;
  min-height: calc(1.2em * 2);
}

.home-category-card:hover p,
.home-category-card:focus-visible p {
  color: var(--hover-red);
}

.home-category-card:hover img,
.home-category-card:focus-visible img {
  transform: translate3d(0, 0, 0) scale(1.02) !important;
}

.home-ads-showcase {
  border: 1px solid #c8d3e2;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  padding: 16px 14px 18px;
}

.home-ads-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.home-ads-head-copy h3 {
  margin: 0;
  color: #1e2a3d;
  font-size: clamp(1.15rem, 1.28vw, 1.4rem);
  font-weight: 800;
}

.home-ads-head-copy p {
  margin: 6px 0 0;
  color: #667589;
  font-size: 0.9rem;
}

.home-ads-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.home-ad-card {
  border: 1px dashed #c9d2e2;
  border-radius: 10px;
  background: #ffffff;
  min-height: 146px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.home-ad-card-label {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #5d6f85;
}

.home-ads-grid-custom {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
  margin: 0 auto;
}

.home-ad-card-custom {
  min-height: 0;
  padding: 9px;
  border-style: solid;
}

.home-ad-custom-link {
  display: block;
  overflow: hidden;
  border-radius: 6px;
}

.home-ad-custom-image {
  display: block;
  width: 100%;
  max-height: 600px;
  object-fit: contain;
  background: #f7f8fa;
}

.home-ad-custom-link:hover .home-ad-custom-image,
.home-ad-custom-link:focus-visible .home-ad-custom-image {
  opacity: .9;
}

.home-ads-ins {
  width: 100%;
  min-height: 106px;
  border-radius: 8px;
  overflow: hidden;
}

.home-ad-placeholder {
  min-height: 106px;
  border-radius: 8px;
  background: repeating-linear-gradient(135deg, #f5f8fc, #f5f8fc 10px, #eef3fa 10px, #eef3fa 20px);
  border: 1px solid #e0e8f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  padding: 10px;
}

.home-ad-placeholder strong {
  color: #2f3f55;
  font-size: 0.8rem;
  font-weight: 800;
}

.home-ad-placeholder span {
  color: #617389;
  font-size: 0.75rem;
  line-height: 1.35;
}

@media (max-width: 1200px) {
  .home-ads-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .home-ads-grid-custom { grid-template-columns: 1fr; max-width: 360px; }
}

.home-video-showcase {
  border: 1px solid #1d1d1d;
  border-radius: 0;
  background: #1b1917;
  padding: 24px 24px 26px;
  box-shadow: 0 18px 40px rgba(5, 7, 12, 0.35);
}

.home-video-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.home-video-head::before {
  content: none;
}

.home-video-head-copy h3 {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-weight: 800;
  font-size: clamp(1.12rem, 1.2vw, 1.34rem);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  position: relative;
}

.home-video-head-copy h3::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #ffffff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.home-video-head-copy p {
  margin: 6px 0 0;
  color: #99a2b5;
  font-size: 0.86rem;
}

.home-video-all-btn {
  border: 0;
  background: transparent;
  color: #f3f6ff;
  border-radius: 999px;
  padding: 9px 4px;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease, transform 0.2s ease;
  position: relative;
  z-index: 1;
}

.home-video-all-btn::after {
  content: "›";
  font-size: 0.95em;
  font-weight: 900;
  line-height: 1;
}

.home-video-all-btn:hover,
.home-video-all-btn:focus-visible {
  color: #cf1d39;
  transform: translateX(2px);
}

.home-video-filters,
.video-gallery-page-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.video-gallery-filter-btn {
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #263042;
  padding: 7px 12px;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}

.video-gallery-filter-btn:hover,
.video-gallery-filter-btn:focus-visible {
  color: #cf1d39;
}

.video-gallery-filter-btn.active {
  background: #ffffff;
  color: #cf1d39;
}

.video-gallery-filter-btn-collapsed {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.video-gallery-filter-arrow {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.2s ease;
}

.video-gallery-filter-btn-collapsed:hover .video-gallery-filter-arrow,
.video-gallery-filter-btn-collapsed:focus-visible .video-gallery-filter-arrow {
  transform: translateX(2px);
}

.video-gallery-filter-btn-pop {
  opacity: 0;
  transform: scale(0.5);
  animation: video-gallery-filter-pop 0.28s ease forwards;
}

@keyframes video-gallery-filter-pop {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.home-video-grid {
  display: block;
}

.home-video-stage {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 15px;
}

.home-video-side-list {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.video-gallery-page-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.video-gallery-visual-card {
  position: relative;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: #0f1420;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(15, 20, 32, 0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.video-gallery-visual-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.home-video-stage .video-gallery-visual-card:hover,
.home-video-side-list .video-gallery-visual-card:hover,
.video-gallery-page-grid .video-gallery-visual-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(15, 20, 32, 0.18);
}

.video-gallery-visual-card-home-main {
  min-height: 430px;
}

.video-gallery-visual-card-home-side {
  min-height: 208px;
}

.video-gallery-visual-card-grid {
  min-height: 208px;
  aspect-ratio: 16 / 10;
}

.video-gallery-visual-media {
  position: absolute;
  inset: 0;
}

.video-gallery-visual-poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-gallery-visual-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 10, 14, 0.05) 32%, rgba(8, 10, 14, 0.82) 100%);
  z-index: 1;
}

.video-gallery-visual-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.55) inset, 0 8px 20px rgba(0, 0, 0, 0.4);
  z-index: 2;
  transition: transform 0.22s ease, background 0.22s ease;
}

.video-gallery-visual-play::before {
  content: "";
  position: absolute;
  left: 54%;
  top: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid #ffffff;
}

.video-gallery-visual-card-home-side .video-gallery-visual-play,
.video-gallery-visual-card-grid .video-gallery-visual-play {
  width: 42px;
  height: 42px;
}

.video-gallery-visual-card-home-side .video-gallery-visual-play::before,
.video-gallery-visual-card-grid .video-gallery-visual-play::before {
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-width: 11px;
}

.video-gallery-visual-card:hover .video-gallery-visual-play {
  background: rgba(35, 38, 50, 0.88);
}

.video-gallery-visual-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 12px 14px 14px;
  background: linear-gradient(180deg, rgba(10, 12, 18, 0) 0%, rgba(10, 12, 18, 0.82) 100%);
}

.video-gallery-visual-title {
  margin: 0;
  color: #ffffff;
  font-size: 0.98rem;
  line-height: 1.28;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.video-gallery-visual-card-home-main .video-gallery-visual-title {
  font-size: 1.94rem;
}

.video-gallery-visual-card-home-side .video-gallery-visual-title {
  font-size: 0.98rem;
}

.video-gallery-visual-card-grid .video-gallery-visual-title {
  font-size: 1.08rem;
}

.video-gallery-visual-card:hover .video-gallery-visual-play,
.video-gallery-visual-card:focus-within .video-gallery-visual-play {
  transform: translate(-50%, -50%) scale(1.08);
  background: rgba(35, 38, 50, 0.88);
}

.home-video-empty,
.video-gallery-page-empty {
  margin: 0;
  color: #647286;
  font-size: 0.92rem;
}

.video-gallery-page {
  display: grid;
  gap: 16px;
}

.video-gallery-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-height: 104px;
}

.video-gallery-page-spot {
  margin: 0;
  color: #556274;
  font-size: 0.95rem;
  line-height: 1.45;
  flex: 1 1 auto;
  min-width: 0;
}

.video-gallery-page-rich {
  margin-top: 14px;
}

.video-gallery-page-reset-btn,
.video-gallery-category-more-btn {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1f2937;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s ease;
  box-shadow: none;
}

.video-gallery-page-reset-btn {
  align-self: flex-end;
  margin-bottom: 2px;
  position: relative;
  top: 56px;
}

.video-gallery-page-reset-btn:hover,
.video-gallery-page-reset-btn:focus-visible,
.video-gallery-category-more-btn:hover,
.video-gallery-category-more-btn:focus-visible {
  background: transparent;
  color: #111827;
  transform: none;
}

.video-gallery-page-reset-btn.is-back {
  color: #1f2937;
}

.video-gallery-page-reset-btn.is-back:hover,
.video-gallery-page-reset-btn.is-back:focus-visible {
  background: transparent;
}

.video-gallery-category-list {
  display: grid;
  gap: 15px;
}

.video-gallery-category-section {
  padding: 20px 20px 22px;
  border: 0;
  border-bottom: 1px solid #e4e8ef;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  backdrop-filter: none;
}

.video-gallery-category-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.video-gallery-category-title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex-wrap: wrap;
}

.video-gallery-category-title {
  margin: 0;
  color: #1f2937;
  font-size: clamp(1.2rem, 1.6vw, 1.8rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.video-gallery-category-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.video-gallery-category-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
}

.video-gallery-category-more-btn::after {
  content: "›";
  font-size: 0.95em;
  font-weight: 900;
  line-height: 1;
}

.video-gallery-category-more-btn.is-back {
  background: transparent;
}

.video-gallery-category-count {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
}

.video-gallery-category-grid,
.video-gallery-page-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: stretch;
  gap: 10px;
}

.video-gallery-category-empty {
  margin: 14px 0 0;
  color: #6b778a;
  font-size: 0.9rem;
  line-height: 1.4;
}

.info-page-shell.is-video-gallery-page .info-page-content {
  max-width: none;
}

.video-gallery-writers {
  margin-top: 14px;
  padding: 14px 10px 12px;
  background: #b6b0a4;
  border: 1px solid #a79f92;
}

.video-gallery-writers-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.video-gallery-writers-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.1rem, 1.45vw, 1.6rem);
  font-weight: 800;
  letter-spacing: 0.01em;
}

.video-gallery-writers-controls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-self: center;
}

.video-gallery-writers-controls button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(20, 25, 35, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.3);
  color: #2b3340;
  font: inherit;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

.video-gallery-writers-all-btn {
  justify-self: end;
  border: 0;
  background: transparent;
  color: #f5f8fc;
  font: inherit;
  font-size: 1.03rem;
  font-weight: 700;
  cursor: pointer;
}

.video-gallery-writers-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 260px);
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  padding: 2px 0 8px;
}

.video-gallery-writer-card {
  scroll-snap-align: start;
  border: 1px solid #dedede;
  background: #ffffff;
  border-radius: 0;
  padding: 14px 14px 18px;
  min-height: 376px;
  text-align: center;
  cursor: pointer;
}

.video-gallery-writer-avatar-wrap {
  width: 186px;
  height: 186px;
  margin: -6px auto 10px;
  border-radius: 999px;
  border: 8px solid #ececec;
  overflow: hidden;
  background: #f5f6f8;
}

.video-gallery-writer-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-gallery-writer-name {
  margin: 0;
  color: #cf1d39;
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.24;
  min-height: 2.48em;
}

.video-gallery-writer-email,
.video-gallery-writer-date {
  margin: 10px 0 0;
  color: #beb8b2;
  font-size: 0.78rem;
  font-weight: 700;
}

.video-gallery-writer-date {
  margin-top: 2px;
}

.video-gallery-writer-article {
  margin: 12px 0 0;
  color: #1f2125;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.25;
}

.video-detail-shell {
  width: 100%;
  border: 1px solid #d3dcea;
  background: #ffffff;
  padding: 14px 14px 16px;
}

.video-detail-shell .detail-top-row {
  gap: 18px;
  margin: 0 0 12px;
  padding: 0 0 10px;
  border-bottom: 1px solid #e5e9ef;
}

.video-detail-header {
  margin-bottom: 10px;
}

.video-detail-category {
  margin: 0 0 6px;
  color: #cf1d39;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#videoDetailTitle {
  margin: 0;
  color: #1a2334;
  font-size: clamp(1.4rem, 2.1vw, 2rem);
  line-height: 1.15;
}

.video-detail-meta {
  margin: 8px 0 0;
  color: #64748a;
  font-size: 0.9rem;
  font-weight: 600;
}

.video-detail-player-wrap {
  position: relative;
  width: min(100%, 1040px);
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  max-height: min(56vh, 560px);
  border-radius: 12px;
  overflow: hidden;
  background: #030711;
  box-shadow: 0 12px 26px rgba(10, 16, 32, 0.24);
}

.video-detail-player {
  width: 100%;
  height: 100%;
  max-height: none;
  display: block;
  background: #02040a;
}

.video-detail-embed-player {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #02040a;
}

.video-detail-player[hidden],
.video-detail-embed-player[hidden] {
  display: none;
}

.video-detail-fullscreen-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.52);
  color: #ffffff;
  padding: 7px 12px;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
}

.video-detail-summary {
  margin: 12px 0 30px;
  color: #273247;
  font-size: 1rem;
  line-height: 1.6;
}

.video-detail-body {
  margin: 0 0 0;
  color: #273247;
  font-size: 0.97rem;
  line-height: 1.7;
}
.video-detail-body p { margin: 0 0 10px; }
.video-detail-body h2, .video-detail-body h3 { margin: 14px 0 6px; font-weight: 600; }

/* Alıntı (blockquote) — tüm rich content alanlarında */
.video-detail-body blockquote,
.info-page-summary blockquote,
.video-gallery-page-rich blockquote,
.news-content-text-group blockquote {
  position: relative !important;
  margin: 18px 0 18px 52px !important;
  padding: 10px 16px 10px 20px !important;
  border-left: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #3a4356 !important;
  font-style: italic !important;
}
.video-detail-body blockquote::before,
.info-page-summary blockquote::before,
.video-gallery-page-rich blockquote::before,
.news-content-text-group blockquote::before {
  content: "" !important;
  position: absolute !important;
  left: -50px !important;
  top: 4px !important;
  width: 42px !important;
  height: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23cfd3da' d='M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8C172.4 480 244 408.4 244 320V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.video-detail-meta {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: #b4b4b4;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.87rem;
  font-weight: 700;
}
.video-detail-date-text {
  color: #6f737a;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}
.video-detail-view-count {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #6f737a;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}
.video-detail-header .content-tags {
  margin-top: 10px;
}

body.video-detail-spotlight #videoDetailView {
  position: relative;
}

body.video-detail-spotlight #videoDetailView::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(
      ellipse at 50% 46%,
      rgba(10, 14, 24, 0.04) 0%,
      rgba(10, 14, 24, 0.12) 34%,
      rgba(10, 14, 24, 0.34) 66%,
      rgba(10, 14, 24, 0.5) 100%
    );
  backdrop-filter: saturate(0.96) brightness(0.94);
  pointer-events: none;
  z-index: 12;
}

body.video-detail-spotlight #videoDetailView .video-detail-shell {
  position: relative;
  z-index: 13;
  box-shadow: 0 18px 38px rgba(8, 12, 22, 0.24);
}

body.video-detail-spotlight #videoDetailView .video-detail-player-wrap {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.58), 0 26px 64px rgba(0, 0, 0, 0.52);
}

.home-writers-showcase {
  position: relative;
  background: #ffffff;
  border: none;
  border-radius: 16px;
  width: 100%;
  margin: 10px 0 6px;
  padding: 14px 14px 16px;
  box-shadow: none;
  overflow: visible;
  --writers-visible: 4;
  --writers-gap: 15px;
}

#homeVideoGallerySection + #homeWritersSection {
  margin-top: 12px;
}

.home-writers-showcase::before,
.home-writers-showcase::after {
  display: none;
}

.home-chefs-hero-band {
  position: relative;
  min-height: 190px;
  margin: 0 0 16px;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 34px clamp(20px, 5vw, 64px);
  color: #fff;
  background: linear-gradient(135deg, #101010 0%, #2a0b12 100%);
}

.home-authors-banner {
  aspect-ratio: 4.1 / 1;
  min-height: 220px;
  margin: 0 0 18px;
  padding: 0;
  border-radius: 0;
}

.home-authors-banner .home-chefs-hero-band-bg {
  object-position: center;
}

.home-chefs-hero-band[hidden] {
  display: none;
}

.home-chefs-hero-band-copy {
  position: relative;
  z-index: 2;
  max-width: 520px;
}

.home-chefs-hero-band-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home-chefs-hero-band::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.38) 48%, rgba(0,0,0,.08) 100%);
  pointer-events: none;
}

.home-chefs-hero-band-copy h3 {
  margin: 0 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: .95;
  font-weight: 900;
}

.home-chefs-hero-band-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .95);
  font-size: clamp(.92rem, 1.6vw, 1.1rem);
  font-weight: 800;
  line-height: 1.55;
}

.home-stats-banner {
  position: relative;
  width: 100vw;
  min-height: calc(100svh - 194px);
  margin: 0 calc(50% - 50vw);
  padding: 0;
  background: linear-gradient(180deg, #fbf8f4 0%, #f6f1ea 100%);
  border-top: 1px solid #ece4d8;
  border-bottom: 1px solid #ece4d8;
  overflow: hidden;
}

.home-stats-banner-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  text-align: center;
}

.home-stats-banner-inner h2 {
  margin: 0 0 14px;
  color: #cf1d39;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.2;
}

.home-stats-banner-inner p {
  margin: 0 auto 36px;
  max-width: 620px;
  color: #4a4f57;
  font-size: 1.02rem;
  line-height: 1.6;
}

.home-stats-banner-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0;
  object-fit: contain;
  object-position: center;
  image-rendering: auto;
  filter: none;
}

.home-stats-banner-image[hidden] {
  display: none !important;
}

.home-stats-banner-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(20, 20, 30, 0.08);
  padding: 28px 36px;
}

.home-stats-banner-item {
  flex: 1;
  min-width: 160px;
  padding: 6px 28px;
  position: relative;
}

.home-stats-banner-item + .home-stats-banner-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  background: #e6e1da;
}

.home-stats-banner-item strong {
  display: block;
  color: #2a2f3a;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 800;
  line-height: 1.1;
}

.home-stats-banner-item span {
  display: block;
  margin-top: 6px;
  color: #767c87;
  font-size: 0.92rem;
}

.home-writers-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 12px;
  width: 100%;
  margin: 0;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #edf1f6;
}

.home-writers-title-block {
  display: grid;
  gap: 3px;
}

.home-writers-head h3 {
  margin: 0;
  color: #1d2a3d;
  font-size: clamp(1rem, 1.1vw, 1.24rem);
  font-weight: 800;
  letter-spacing: 0.02em;
  display: inline-block;
}

.home-writers-title-block p {
  margin: 0;
  color: #697589;
  font-size: 0.84rem;
  font-weight: 600;
}

.home-writers-head h3::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  margin-top: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #cf1d39 0%, #cf1d39 100%);
}

.home-writers-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-top: 0;
}

.home-writers-controls {
  display: none;
}

.home-writers-controls button {
  width: 34px;
  height: 34px;
  border: 1px solid #d7deea;
  border-radius: 10px;
  background: #f8fafd;
  color: #293446;
  font: inherit;
  font-size: 1.45rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.home-writers-controls button:hover,
.home-writers-controls button:focus-visible {
  background: #ffffff;
  color: #cf1d39;
  border-color: #e3a8ba;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(31, 42, 58, 0.1);
}

.home-writers-all-btn {
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #2a3445;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  padding: 8px 12px;
}

.home-writers-all-btn:hover,
.home-writers-all-btn:focus-visible {
  color: #cf1d39;
  background: transparent;
  text-decoration: none;
}

.home-writers-viewport {
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background: transparent;
  z-index: 2;
}

.home-writers-viewport::before,
.home-writers-viewport::after {
  display: none;
}

.home-writers-viewport::before {
  left: 0;
}

.home-writers-viewport::after {
  right: 0;
}

.home-writers-track {
  display: flex;
  align-items: stretch;
  gap: var(--writers-gap);
  overflow-x: auto;
  scroll-behavior: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 10px 0 4px;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
  background: transparent;
}

.home-writers-track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.home-writers-track::-webkit-scrollbar {
  display: none;
}

.home-triple-news-showcase,
#homeView .home-triple-news-showcase {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 14px 12px 16px !important;
  margin: 8px 0 6px !important;
  box-shadow: none !important;
}

.home-triple-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  background: #ffffff;
  border: 0;
}

.home-triple-news-column {
  position: relative;
  min-width: 0;
  padding: 14px 14px 16px;
  background: #ffffff;
}

.home-triple-news-column + .home-triple-news-column {
  border-left: 0;
  box-shadow: none;
}

.home-triple-news-column + .home-triple-news-column::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 16px;
  left: -8px;
  width: 1px;
  background: rgba(17, 24, 39, 0.1);
  pointer-events: none;
}

.home-triple-news-column h3 {
  margin: 0 0 12px;
  color: #111827;
  font-family: var(--site-font);
  font-size: 0.94rem;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.home-triple-news-hero,
.home-triple-news-item {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  padding: 0;
}

.home-triple-news-hero {
  position: relative;
  display: block;
  height: 178px;
  overflow: hidden;
  margin-bottom: 18px;
  background: #111827;
}

.home-triple-news-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.2s ease;
}

.home-triple-news-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 58%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.78) 100%);
  pointer-events: none;
}

.home-triple-news-hero span {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 13px;
  z-index: 1;
  color: #ffffff;
  font-family: var(--news-headline-font);
  font-size: 0.98rem;
  font-weight: 900;
  line-height: 1.16;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.home-triple-news-list {
  display: grid;
  gap: 16px;
}

.home-triple-news-item {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

.home-triple-news-item img {
  width: 118px;
  height: 66px;
  object-fit: cover;
  display: block;
  background: #f2f2f2;
}

.home-triple-news-item span {
  color: #151a23;
  font-family: var(--news-headline-font);
  font-size: 0.93rem;
  font-weight: 800;
  line-height: 1.23;
}

.home-triple-news-hero:hover img,
.home-triple-news-hero:focus-visible img {
  transform: scale(1.035);
}

.home-triple-news-item:hover span,
.home-triple-news-item:focus-visible span {
  color: #cf1d39;
}

.home-triple-news-empty {
  margin: 0;
  color: #8b95a3;
  font-size: 0.9rem;
  font-weight: 600;
}

@media (max-width: 900px) {
  #homeTripleNewsSection .home-triple-news-hero {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .home-triple-news-grid {
    grid-template-columns: 1fr;
  }

  .home-triple-news-column + .home-triple-news-column {
    border-left: 0;
    border-top: 1px solid #dddddd;
    box-shadow: none;
  }

  .home-triple-news-column + .home-triple-news-column::before {
    display: none;
  }
}

@media (max-width: 560px) {
  .home-triple-news-showcase,
  #homeView .home-triple-news-showcase {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-triple-news-column {
    padding: 12px 10px 14px;
  }


  .home-triple-news-item {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
  }

  .home-triple-news-item img {
    width: 92px;
    height: 54px;
  }
}

.home-writer-card {
  flex: 0 0 230px;
  min-width: 0;
  position: relative;
  border: none;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #ebebeb;
  border-radius: 18px;
  overflow: visible;
  padding: 20px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.25s ease, transform 0.25s ease;
  scroll-snap-align: start;
}

.home-writer-card:hover,
.home-writer-card:focus-visible {
  border-color: #d0d5de;
  transform: translateY(-3px);
}


.home-writer-avatar-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: -18px;
}

.home-writer-avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  border: 3px solid #eef2f7;
  box-shadow: 0 4px 12px rgba(18, 26, 39, 0.12);
  background: #f4f4f4;
  display: block;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.home-writer-card:hover .home-writer-avatar {
  filter: grayscale(0%);
}

.home-writer-name {
  margin: 0 0 4px;
  padding: 0;
  color: #cf1d39;
  background: transparent;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}

.home-writer-email {
  margin: 0 0 12px;
  color: #7a8599;
  font-size: 0.71rem;
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-writer-posts {
  width: 100%;
  border-top: 1px solid #e8edf5;
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.home-writer-post-item {
  background: #ffffff;
  border: none;
  border-left: 3px solid #e0e6f0;
  border-radius: 0;
  padding: 6px 10px;
  text-align: left;
  transition: border-color 0.15s ease;
  cursor: pointer;
  position: relative;
}

.home-writer-post-num {
  position: absolute;
  left: -20px;
  top: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #b0bac8;
  line-height: 1.4;
  transition: color 0.15s ease;
}

.home-writer-post-item:hover .home-writer-post-num {
  color: var(--hover-red);
}

.home-writer-post-item:hover {
  border-left-color: var(--hover-red);
}

.home-writer-post-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #2a3241;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.15s ease;
}

.home-writer-post-item:hover .home-writer-post-title {
  color: var(--hover-red);
}

.home-writer-content {
  display: none;
}

.home-writer-date {
  display: none;
}

.home-writer-title {
  display: none;
}

.firms-fullbleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 15px;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background: linear-gradient(100deg, #1a0a0e 0%, #2d0d18 30%, #1c1430 65%, #0e1a2e 100%);
  padding: 18px 0 22px;
  position: relative;
}

.firms-fullbleed::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 55% 180% at 10% 50%, rgba(207, 29, 57, 0.35) 0%, transparent 70%),
              radial-gradient(ellipse 40% 160% at 90% 50%, rgba(100, 60, 200, 0.2) 0%, transparent 70%),
              radial-gradient(ellipse 30% 120% at 50% 0%, rgba(255, 255, 255, 0.04) 0%, transparent 60%);
  pointer-events: none;
}

.firms-fullbleed .section-head {
  width: min(1380px, 96%);
  margin-left: auto;
  margin-right: auto;
}

.firms-fullbleed .section-head h2::after {
  background: #e8304a;
}

.firms-fullbleed .firms-track {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section-head h2 {
  margin: 0;
  font-size: 2rem;
  letter-spacing: 0.01em;
}

.firms-track {
  margin-top: 12px;
  overflow: hidden;
}

.firm-sector-filters {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.firm-sector-chip {
  border: 1px solid #d6dce2;
  background: #ffffff;
  color: #2d3442;
  border-radius: 999px;
  padding: 7px 14px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.firm-sector-chip:hover,
.firm-sector-chip:focus-visible {
  border-color: #efb4bc;
  color: #cf1d39;
  background: #fff4f6;
}

.firm-sector-chip.active {
  border-color: #cf1d39;
  color: #ffffff;
  background: #cf1d39;
}

.firms-marquee-inner {
  --marquee-gap: 26px;
  display: flex;
  align-items: flex-start;
  gap: var(--marquee-gap);
  width: max-content;
  animation: marquee-left 38s linear infinite;
}

.firms-track:hover .firms-marquee-inner,
.recommend-track:hover .recommend-inner {
  animation-play-state: paused;
}

@keyframes marquee-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - (var(--marquee-gap, 0px) / 2)));
  }
}

.firm-item {
  width: 220px;
  flex: 0 0 auto;
  min-height: 224px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  text-align: center;
}

.firm-item-clickable {
  cursor: pointer;
}

.firm-item-clickable:focus-visible {
  outline: 2px solid var(--hover-red);
  outline-offset: 4px;
}

.firm-logo {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  border: 3px solid #cf1d39;
  object-fit: cover;
  background: #ffffff;
}

.firm-category {
  margin: 8px 0 3px;
  width: 100%;
  min-height: 2.1em;
  line-height: 1.25;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 0.95rem;
  color: var(--muted);
  font-weight: 700;
  transition: color 0.2s ease;
  cursor: pointer;
}

.firm-category:focus-visible {
  outline: 2px solid #efb4bc;
  outline-offset: 3px;
  border-radius: 4px;
}

.firm-name {
  margin: 0;
  min-height: 2.2em;
  color: #121212;
  font-size: 1.07rem;
  font-weight: 800;
  line-height: 1.2;
  transition: color 0.2s ease;
}

.firm-detail-trigger {
  cursor: pointer;
}

.firm-detail-trigger:focus-visible {
  outline: 2px solid #efb4bc;
  outline-offset: 3px;
  border-radius: 6px;
}

.firm-hours {
  margin: 4px 0 0;
  min-height: 1.2em;
  font-size: 0.85rem;
  color: #55606f;
  font-weight: 600;
}

.firm-share-btn {
  margin-top: 6px;
  width: auto;
  border: 1px solid #cf1d39;
  background: linear-gradient(180deg, #cf1d39 0%, #cf1d39 100%);
  color: #ffffff;
  border-radius: 999px;
  min-width: 44px;
  height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.firm-share-icon {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.firm-share-icon circle {
  fill: currentColor;
  stroke: none;
}

.firm-share-btn:hover,
.firm-share-btn:focus-visible {
  border-color: #cf1d39;
  color: #ffffff;
  background: linear-gradient(180deg, #cf1d39 0%, #cf1d39 100%);
  box-shadow: none;
}

.firm-name:hover,
.firm-category:hover,
.post-title:hover,
.detail-name-hover:hover,
.text-hover:hover {
  color: var(--hover-red);
}

.post-card:hover .post-title,
.post-card:focus-visible .post-title {
  color: var(--hover-red) !important;
}


.category-shell {
  background: #f3f3f3;
  border: 1px solid #cccccc;
  padding: 16px;
}

.news-category-shell,
.e-dergi-shell {
  background: #ffffff;
  border: 1px solid #e1e5ea;
  border-radius: 12px;
  padding: 18px;
}

.e-dergi-spot.has-member-access {
  color: #21814a;
  font-weight: 700;
}

.news-category-shell .section-head {
  margin-top: 8px;
}

.category-shell .section-head {
  margin-top: 8px;
}

.news-category-grid {
  margin-top: 12px;
}

.news-post-meta {
  margin: 0;
  padding: 0 12px 8px;
  color: #59657a;
  font-size: 0.8rem;
  line-height: 1.4;
  font-weight: 600;
  display: block;
}

.news-hit-inline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #6f737a;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1;
}

.view-eye-icon {
  width: 22px;
  height: 17px;
  flex: 0 0 auto;
  display: inline-block;
  object-fit: contain;
}

.news-detail-shell {
  background: #ffffff;
  border: 0;
  border-radius: 14px;
  padding: 16px 22px 24px;
  width: min(1460px, 96%);
  margin: 0 auto;
}

.news-detail-shell *,
.news-detail-continuation-list * {
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

.news-detail-breadcrumb-row {
  padding: 2px 0 10px;
  border-bottom: 1px solid #e5e9ef;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.news-detail-breadcrumb-row .back-btn {
  padding: 6px 12px;
  font-size: 0.82rem;
}

.news-detail-breadcrumb {
  margin: 0;
  color: #6e7787;
  font-size: 0.8rem;
}

.detail-breadcrumb,
.news-detail-breadcrumb,
.member-auth-breadcrumb,
.detail-crumb-link,
.detail-crumb-sep,
.detail-crumb-current {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.news-detail-top-recommended {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.news-top-card {
  border: 1px solid #d7dde6;
  background: #ffffff;
  border-radius: 0;
  text-align: left;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.news-detail-top-recommended .news-top-card,
.news-detail-top-recommended .news-top-card img,
.news-detail-top-recommended .news-top-card p {
  border-radius: 0 !important;
}

.news-top-card img {
  width: 100%;
  height: 142px !important;
  min-height: 142px !important;
  max-height: 142px !important;
  flex: 0 0 142px;
  object-fit: cover;
  display: block;
  transition: transform 0.32s ease;
}

.news-top-card p {
  margin: 0;
  padding: 13px;
  color: #1f2734;
  font-family: var(--news-headline-font);
  font-size: 0.96rem;
  line-height: 1.32;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
}

.news-top-card:hover p {
  color: var(--hover-red);
}

.news-top-card:hover img,
.news-top-card:focus-visible img {
  transform: scale(1.02);
}

.news-detail-header {
  margin-top: 70px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.66fr) var(--news-detail-right-empty-strip) 252px;
  gap: 0;
  text-align: left;
}

.news-detail-header > * {
  grid-column: 1;
}

.news-detail-header h1,
.news-detail-header .news-detail-meta,
.news-detail-header .content-tags,
.news-detail-header .news-detail-share-rail {
  width: calc(100% + var(--news-detail-right-empty-strip) + clamp(180px, 14vw, 260px));
  max-width: min(1460px, calc(100vw - 80px));
}

.news-detail-header h1 {
  margin: 12px 0 0;
  color: #252b35;
  font-family: var(--news-headline-font);
  font-size: var(--news-detail-title-size, var(--detail-title-size, 41pt));
  line-height: 1.12;
}

.news-detail-meta {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  color: #b4b4b4;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.87rem;
  font-weight: 700;
}

#newsDetailReadTime {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 18px;
  border-radius: 4px;
  background: #f1f1f1;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}

.news-detail-date-text {
  color: #6f737a;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}

.content-tags {
  margin: 12px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 9px;
}

.news-detail-tags-label {
  margin: 18px 0 8px;
  font-size: var(--detail-body-size, 14pt);
  font-family: var(--site-font), sans-serif;
  font-weight: 700;
  color: #111111;
  line-height: 1.2;
}

.news-detail-header .content-tags {
  justify-content: flex-start;
  max-width: 980px;
}

#newsDetailTags {
  margin: 12px 0 0;
}

#newsDetailTags .content-tag-btn {
  padding: 10px 16px;
  font-size: 0.82rem;
  font-weight: 550;
}

#newsDetailTagsBottom {
  margin-top: 24px;
  padding: 0 0 24px;
  gap: 6px 18px;
  border-bottom: 1px solid #e7e9ee;
}

#newsDetailTagsBottom .content-tag-btn {
  background: transparent;
  color: #9aa3b2;
  padding: 0;
  font-size: 0.95rem;
  font-weight: 500;
}

#newsDetailTagsBottom .content-tag-btn:hover,
#newsDetailTagsBottom .content-tag-btn:focus-visible {
  background: transparent;
  color: #555f70;
}

.content-tag-btn {
  appearance: none;
  border: 0;
  background: #eef2f7;
  color: #1a202b;
  border-radius: 999px;
  padding: 8px 13px;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.76rem;
  font-weight: 550;
  line-height: 1;
  cursor: pointer;
  transition: background-color 180ms ease, transform 180ms ease, color 180ms ease;
}

.content-tag-btn:hover,
.content-tag-btn:focus-visible {
  background: #e3e9f1;
  color: #111111;
}

.content-tag-btn:active {
  transform: translateY(1px);
}

.content-tags.card-tags {
  margin: 8px 0 0;
  gap: 6px 7px;
}

.content-tags.card-tags .content-tag-btn {
  padding: 6px 10px;
  font-size: 0.72rem;
  font-weight: 550;
}

.post-card .content-tags.card-tags {
  padding: 0 12px 12px;
  margin-top: 0;
}

.news-category-grid .post-title {
  margin: 0;
  padding: 14px 14px 18px;
  color: #1f2734;
  font-size: 0.92rem !important;
  line-height: 1.34;
  font-weight: 600 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  min-height: calc(1.34em * 2 + 32px);
  max-height: calc(1.34em * 2 + 32px);
}

.news-category-grid .post-card,
.news-category-grid .post-card img,
.news-category-grid .post-card .post-title {
  border-radius: 0 !important;
}

.news-category-grid .post-card {
  display: grid;
  grid-template-rows: 178px minmax(0, 1fr);
  align-content: start;
}

.news-category-grid .post-card img {
  width: 100%;
  height: 178px;
  min-height: 178px;
  max-height: 178px;
  object-fit: cover;
  transition: transform 0.3s ease;
  background: #edf1f6;
}

.news-category-grid .post-card:hover img,
.news-category-grid .post-card:focus-visible img {
  transform: scale(1.02) !important;
}

.news-category-grid .news-post-meta {
  display: none;
}

.news-category-grid .post-card .content-tags.card-tags {
  display: none;
}

.home-category-card .content-tags.card-tags {
  padding: 0 12px 12px;
  margin-top: 0;
}

.news-detail-view-count {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #6f737a;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}

/* 10 haneli sayı güvenliği: ön yüzde sayaçlar yanındaki metinlere taşmasın */
.news-hit-inline,
.news-detail-view-count,
.video-detail-view-count,
.home-stats-banner-item strong,
.member-profile-stat-value,
.author-stat-value,
.author-page-post-hit,
.article-card-hit,
.e-dergi-reader-hit {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.news-detail-category-pill {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #e9657c;
  background: #cf1d39;
  color: #ffffff;
  font-weight: 700;
}

.news-detail-layout {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.66fr) var(--news-detail-right-empty-strip) 252px;
  gap: 0;
  align-items: stretch;
}

.news-detail-main {
  grid-column: 1;
  min-width: 0;
}

.news-detail-sidebar {
  grid-column: 3;
  min-width: 0;
}

.news-detail-main-wrap {
  display: block;
}

.news-detail-main-body {
  min-width: 0;
}

.news-detail-content-wrap {
  --news-detail-intro-empty-space: 60px;
  margin-top: 14px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: start;
}

.news-detail-font-controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.news-detail-font-btn {
  min-width: 32px;
  height: 30px;
  border: 1px solid #d4d8dd;
  border-radius: 999px;
  background: #f4f4f4;
  color: #111111;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.news-detail-font-btn:hover,
.news-detail-font-btn:focus-visible {
  color: #111111;
  background: #e9edf2;
  border-color: #c8ced6;
}

.news-detail-font-btn:active {
  background: #dde3eb;
  border-color: #c0c8d2;
}

.news-detail-font-btn:disabled {
  opacity: 0.46;
  cursor: not-allowed;
  transform: none;
}

.news-detail-text-column {
  min-width: 0;
  padding-top: var(--news-detail-intro-empty-space);
}

.news-detail-google-news-subscribe {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
  width: auto;
}

.news-detail-google-news-subscribe-label {
  color: #9ca3af;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}

.news-detail-google-news-subscribe-link {
  min-width: 98px;
  min-height: 28px;
  padding: 2px 7px;
  border: 1px solid #b6bcc6;
  border-radius: 4px;
  background: #ffffff;
  color: #202124;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.news-detail-google-news-subscribe-link:hover,
.news-detail-google-news-subscribe-link:focus-visible {
  border-color: #878f9b;
  box-shadow: 0 1px 6px rgba(45, 55, 72, 0.16);
}

.news-detail-google-news-subscribe-link:focus-visible {
  outline: none;
}

.news-detail-google-news-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

.google-news-wordmark-google {
  font-family: "Metropolis Bold", Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.google-news-wordmark-google .g-blue {
  color: #4285f4;
}

.google-news-wordmark-google .g-red {
  color: #cf1d39;
}

.google-news-wordmark-google .g-yellow {
  color: #fbbc05;
}

.google-news-wordmark-google .g-green {
  color: #34a853;
}

.google-news-wordmark-news {
  font-family: "Metropolis Bold", Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1;
  font-weight: 400;
  color: #5f6368;
  letter-spacing: -0.02em;
}

.news-detail-google-news-subscribe-name {
  display: none;
}

.news-detail-share-rail {
  position: absolute;
  z-index: 10;
  right: 0;
  top: calc(100% - 44px);
  height: fit-content;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
}

.news-detail-share-rail > * {
  pointer-events: auto;
}

.news-share-more-wrap {
  position: relative;
  display: inline-flex;
}

.news-share-more-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 24;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  width: 270px;
  max-width: min(270px, calc(100vw - 64px));
  padding: 24px 30px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 22px 42px rgba(15, 23, 42, 0.12);
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
  transform-origin: top right;
  pointer-events: none;
}

.news-share-more-panel.open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  animation: newsSharePanelSoftIn 0.52s cubic-bezier(0.22, 0.72, 0.18, 1) both;
}

.news-share-more-panel.is-closing {
  opacity: 0;
  pointer-events: none;
  animation: newsSharePanelSoftOut 0.42s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.news-share-more-panel[hidden] {
  display: none;
}

@keyframes newsSharePanelSoftIn {
  0% {
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes newsSharePanelSoftOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
  }
}

.news-share-composer {
  position: absolute;
  left: 56px;
  top: 0;
  width: min(320px, 42vw);
  border: 1px solid #dce5f1;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
  overflow: hidden;
  opacity: 0;
  transform: translateY(8px) scale(0.98);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  z-index: 14;
}

.news-share-composer.open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.news-share-composer-close {
  position: absolute;
  top: 8px;
  right: 8px;
  border: 0;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: rgba(10, 18, 32, 0.66);
  color: #ffffff;
  font-size: 0.8rem;
  cursor: pointer;
}

.news-share-composer-image {
  width: 100%;
  height: 124px;
  object-fit: cover;
  display: block;
}

.news-share-composer-body {
  padding: 10px 12px 12px;
  display: grid;
  gap: 6px;
}

.news-share-composer-title {
  color: #1f2937;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.35;
}

.news-share-composer-spot {
  margin: 0;
  color: #425166;
  font-size: 0.8rem;
  line-height: 1.45;
}

.news-share-composer-link {
  margin: 0;
  color: #2f5fd1;
  font-size: 0.76rem;
  line-height: 1.35;
  word-break: break-all;
}

.news-share-composer-hint {
  margin: 0;
  color: #0f766e;
  font-size: 0.74rem;
  font-weight: 700;
}

.news-share-btn {
  --share-accent: #111111;
  width: 32px;
  height: 32px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #111111;
  border: none;
  background: transparent;
  overflow: hidden;
  box-shadow: none;
  transition: color 0.15s, opacity 0.15s;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
}

.news-share-btn:hover,
.news-share-btn:focus-visible {
  background: transparent;
  transform: none;
  box-shadow: none;
  opacity: 0.75;
}

.news-share-btn:active {
  transform: none;
}

.news-share-btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(10, 19, 34, 0.12);
}

.news-share-btn .news-share-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  display: block;
  pointer-events: none;
  shape-rendering: geometricPrecision;
}

.news-share-btn .instagram-glyph {
  width: 18px;
  height: 18px;
  fill: currentColor;
  stroke: none;
}

.news-share-btn .news-share-icon-letter {
  width: 17px;
  height: 17px;
  fill: initial;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: none;
}

.news-share-btn.instagram { color: #e1306c; }
.news-share-btn.n-social  { color: #4a99e2; }
.news-share-btn.x         { color: #000000; }
.news-share-btn.facebook  { color: #1877f2; }
.news-share-btn.youtube   { color: #ff0000; }
.news-share-btn.tiktok    { color: #111111; }
.news-share-btn.whatsapp  { color: #25d366; }
.news-share-btn.linkedin  { color: #0a66c2; }
.news-share-btn.mail      { color: #64748b; }

.news-share-btn.facebook .news-share-icon,
.news-share-btn.youtube .news-share-icon,
.news-share-btn.instagram .news-share-icon {
  width: 22px;
  height: 22px;
}

.news-share-btn.n-social .news-share-icon-letter {
  width: 22px;
  height: 22px;
  font-size: 1.25rem;
}

.news-share-btn.instagram .instagram-glyph {
  width: 22px;
  height: 22px;
}
.news-share-btn.whatsapp { --share-accent: #25d366; }
.news-share-btn.linkedin { --share-accent: #0a66c2; }
.news-share-btn.mail { --share-accent: #64748b; }
.news-share-btn.more {
  --share-accent: #111111;
  position: relative;
  border: none;
  color: #111111;
  background: transparent;
}

.news-share-btn.more[aria-expanded="true"] {
  border-color: #92999d;
  background: #92999d;
  color: #ffffff;
}

.news-share-btn.more:hover,
.news-share-btn.more:focus-visible {
  border-color: #111111;
  background: #ffffff;
  color: #111111;
}

.news-share-btn.more[aria-expanded="true"]:hover,
.news-share-btn.more[aria-expanded="true"]:focus-visible {
  border-color: #92999d;
  background: #92999d;
  color: #ffffff;
}

.news-share-more-dots {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.news-share-more-close {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.12rem;
  line-height: 1;
  font-weight: 500;
  opacity: 0;
  transform: scale(0.74);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.news-share-btn.more[aria-expanded="true"] .news-share-more-dots {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.74);
}

.news-share-btn.more[aria-expanded="true"] .news-share-more-close {
  opacity: 1;
  transform: scale(1);
  animation: newsShareCloseBlupIn 0.28s cubic-bezier(0.18, 0.9, 0.28, 1.28) both;
}

.news-share-btn.more[aria-expanded="false"] .news-share-more-dots {
  animation: newsShareDotsBlupIn 0.28s cubic-bezier(0.18, 0.9, 0.28, 1.28) both;
}

@keyframes newsShareCloseBlupIn {
  0% {
    opacity: 0;
    transform: scale(0.58);
  }
  58% {
    opacity: 1;
    transform: scale(1.18);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes newsShareDotsBlupIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.58);
  }
  58% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.18);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.news-share-menu-item {
  appearance: none;
  border: 0;
  background: transparent;
  width: 100%;
  min-height: 40px;
  padding: 0;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.08;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.14s ease, opacity 0.14s ease;
}

.news-share-menu-item:hover,
.news-share-menu-item:focus-visible {
  color: #555555;
  opacity: 0.82;
  outline: 0;
}

.news-share-menu-item:hover .news-share-menu-icon,
.news-share-menu-item:focus-visible .news-share-menu-icon {
  fill: #555555;
  color: #555555;
}

.news-share-menu-item:hover .copy-link-icon,
.news-share-menu-item:focus-visible .copy-link-icon {
  fill: none;
  stroke: #555555;
}

.news-share-menu-icon {
  width: 21px;
  height: 21px;
  fill: #000000;
  color: #000000;
  display: block;
  justify-self: center;
}

.news-share-menu-icon.copy-link-icon {
  fill: none;
  stroke: #4b4b4b;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.news-share-menu-icon.copy-link-icon path {
  fill: none;
}

.news-share-font-icon {
  width: auto;
  height: auto;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  line-height: 1;
}

.news-share-font-icon sup {
  font-size: 0.54em;
  line-height: 0;
}

.news-share-more-panel .news-detail-font-controls {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
}

.news-detail-font-actions {
  display: none;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
}

.news-detail-font-controls.is-open .news-detail-font-actions {
  display: inline-flex;
}

@media (max-width: 980px) {
  .news-share-composer {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    top: auto;
    width: auto;
    max-width: 560px;
    margin: 0 auto;
  }
}

.news-detail-author-byline {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  margin: 35px 0;
  text-decoration: none;
}

#newsDetailAuthorBylinePhoto.news-detail-author-byline-photo {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}

.news-detail-author-byline-name {
  font-size: 1rem;
  font-weight: 400;
  color: #6f737a;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#newsDetailView.is-author-publication .news-detail-author-byline {
  margin: 12px 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7ebf1;
}

#newsDetailView.is-author-publication .news-detail-author-byline-name {
  font-size: 1.12rem;
  font-weight: 700;
}

#newsDetailView.is-author-publication .news-detail-layout {
  grid-template-columns:
    minmax(0, calc((100% - 2.27%) * 0.6734))
    minmax(0, calc((100% - 2.27%) * 0.3266));
  column-gap: 2.27%;
}

#newsDetailView.is-author-publication .news-detail-sidebar {
  grid-column: 2;
}

#newsDetailView.is-author-publication .news-detail-share-rail {
  display: flex;
}

#newsDetailView.is-author-publication .news-detail-main-body > .news-detail-author-byline {
  display: inline-flex;
  vertical-align: middle;
  margin: 12px 0 20px;
}

#newsDetailView.is-author-publication .news-detail-main-body > .author-article-share-bar {
  position: static;
  display: inline-flex;
  vertical-align: middle;
  margin: 0 0 20px clamp(34px, 8vw, 130px);
}

.author-article-share-bar {
  position: absolute;
  right: 0;
  bottom: -50px;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.author-article-share-bar[hidden] {
  display: none;
}

.author-article-share-btn {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.author-article-share-btn.facebook { background: #38579b; font-family: Arial, sans-serif; }
.author-article-share-btn.x { background: #22afe2; font-size: 1.18rem; }
.author-article-share-btn.whatsapp { background: #32b90e; font-size: 1.7rem; }
.author-article-share-btn.print { background: #ffaf14; font-size: 1.45rem; }
.author-article-share-btn.linkedin { background: #0876b4; font-size: 1.08rem; }
.author-article-share-btn.mail { background: #a7a7aa; font-size: 1.42rem; }

.author-article-share-btn.whatsapp svg,
.author-article-share-btn.print svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.author-article-share-btn:hover,
.author-article-share-btn:focus-visible {
  color: #ffffff;
  filter: brightness(0.9);
  outline: 3px solid rgba(31, 41, 55, 0.14);
  outline-offset: 2px;
}

.author-article-share-copy {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 0 4px;
  border: 0;
  background: transparent;
  color: #111111;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

.author-article-share-copy:first-letter {
  color: #555555;
}

.author-article-share-copy span {
  font-size: 1.16rem;
  font-weight: 500;
}

.author-article-share-copy:hover,
.author-article-share-copy:focus-visible {
  color: #cf1d39;
  outline: none;
}

.author-article-side-block {
  display: block;
  padding-top: 22px;
}

.author-article-side-profile {
  width: 100%;
  display: grid;
  grid-template-columns: 132px minmax(28px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 0 0 72px;
  border: 0;
  background: transparent;
  color: #151922;
  cursor: pointer;
  text-align: left;
}

.author-article-side-profile img {
  width: 132px;
  height: 132px;
  border: 6px solid #f1f3f6;
  border-radius: 50%;
  object-fit: cover;
  background: #f5f7fa;
  box-shadow: 0 0 0 1px #d7dde6;
}

.author-article-side-profile::before {
  content: "";
  grid-column: 2;
  height: 1px;
  border-top: 1px dashed #d9dfe8;
}

.author-article-side-profile span {
  grid-column: 3;
  font-size: 1.2rem;
  font-weight: 800;
  white-space: nowrap;
}

.author-article-side-profile:hover span,
.author-article-side-profile:focus-visible span {
  color: #cf1d39;
}

.author-article-side-block h3 {
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dfe4eb;
  font-size: 1.48rem;
}

.author-article-other-posts {
  display: grid;
  gap: 0;
}

.author-article-other-post {
  width: 100%;
  display: grid;
  grid-template-columns: 155px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #161b24;
  cursor: pointer;
  text-align: left;
}

.author-article-other-post time {
  min-height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f7f8fa;
  color: #b1b6bf;
}

.author-article-other-post time strong {
  font-size: 2rem;
  line-height: 1;
}

.author-article-other-post time span {
  margin-top: 6px;
  font-size: 0.86rem;
  line-height: 1;
  text-transform: capitalize;
}

.author-article-other-post > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: break-word;
  overflow: hidden;
  word-break: normal;
  hyphens: none;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.38;
}

.author-article-other-post:hover > span,
.author-article-other-post:focus-visible > span {
  color: #cf1d39;
}

.author-article-other-empty {
  margin: 0;
  color: #8b95a4;
  font-size: 0.86rem;
  line-height: 1.5;
}

.author-article-side-all {
  display: none;
}

.author-article-side-all:hover,
.author-article-side-all:focus-visible {
  color: #cf1d39;
}

@media (max-width: 1100px) {
  #newsDetailView.is-author-publication .news-detail-layout {
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 24px;
  }

  #newsDetailView.is-author-publication .news-detail-sidebar {
    grid-column: 2;
  }

  .author-article-side-profile {
    grid-template-columns: 88px minmax(18px, 1fr) auto;
    padding-bottom: 26px;
  }

  .author-article-side-profile img {
    width: 88px;
    height: 88px;
    border-width: 4px;
  }

  .author-article-side-profile span {
    font-size: 1rem;
  }

  .author-article-other-post {
    grid-template-columns: 155px minmax(0, 1fr);
    gap: 16px;
  }

  .author-article-other-post time {
    min-height: 110px;
  }

  .author-article-other-post time strong {
    font-size: 2rem;
  }

  .author-article-other-post > span {
    font-size: 1.25rem;
  }

  .author-article-share-bar {
    position: static;
    justify-content: flex-start;
    margin: 14px 0 4px;
    flex-wrap: wrap;
  }

  #newsDetailView.is-author-publication .news-detail-main-body > .author-article-share-bar {
    display: flex;
    margin: 0 0 20px;
  }
}

@media (max-width: 620px) {
  .author-article-other-post {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
  }

  .author-article-other-post time {
    min-height: 92px;
  }

  .author-article-other-post time strong {
    font-size: 1.7rem;
  }

  .author-article-other-post > span {
    font-size: 1.05rem;
  }
}

/* Yazar makale listesi: haber detayındaki görselli sağ blok kartları */
.author-article-other-post {
  display: block;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d8dee7;
  background: #ffffff;
}

#newsDetailView .author-article-other-post > .author-article-other-post-content {
  display: block;
  min-width: 0;
  overflow: visible;
  font-size: inherit;
  line-height: normal;
}

.author-article-other-post-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
}

.author-article-other-post-title {
  display: block;
  padding: 18px 18px 0;
  overflow: visible;
  color: #161b24;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.3;
}

.author-article-other-post-tag {
  display: block;
  padding: 16px 18px 18px;
  color: #cf1d39;
  font-size: .88rem;
  font-weight: 900;
  line-height: 1.1;
}

.author-article-other-post-content > strong {
  color: #161b24;
  white-space: normal;
  -webkit-line-clamp: unset;
}

.author-article-other-post:hover .author-article-other-post-title,
.author-article-other-post:focus-visible .author-article-other-post-title {
  color: #161b24;
}

@media (max-width: 620px) {
  .author-article-other-post-image {
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .author-article-other-post-title {
    font-size: 1.05rem;
  }

  .author-article-share-btn {
    width: 36px;
    height: 36px;
    font-size: 1.15rem;
  }

  .author-article-share-copy span {
    font-size: 0.95rem;
  }
}

.news-detail-google-source-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 8px 14px;
  background: #000000;
  border: 1px solid transparent;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.18s ease, border-color 0.18s ease;
}

.news-detail-google-source-btn:hover,
.news-detail-google-source-btn:focus-visible {
  background: #ffffff;
  border-color: #000000;
}

.news-detail-google-source-btn:hover .news-detail-google-source-text,
.news-detail-google-source-btn:focus-visible .news-detail-google-source-text {
  color: #000000;
}

.news-detail-google-source-icon {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-detail-google-source-icon svg {
  width: 24px;
  height: 24px;
}

.news-detail-google-source-text {
  color: #ffffff;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.3;
}

.news-content-video-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 24px 0 0;
  font-size: 0.86rem;
  font-weight: 700;
  color: #161a23;
}

.news-content-video-label svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #161a23;
}

.news-detail-extra-photos-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #161a23;
  font-family: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}

.news-detail-extra-photos-toggle span {
  color: #161a23;
}

.news-detail-extra-photos-toggle:hover span {
  color: #cf1d39;
}

.news-detail-extra-photos-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #161a23;
}

.news-detail-extra-photos-grid {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.news-detail-extra-photos-grid.is-open {
  display: grid;
}

.news-detail-extra-photo-tile {
  position: relative;
  border: 0;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background: #eef1f6;
  aspect-ratio: 4 / 3;
}

#newsDetailExtraPhotosGrid .news-detail-extra-photo-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-detail-extra-photo-expand {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(20, 22, 28, 0.66);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  line-height: 1;
}

.news-detail-hero {
  margin: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.news-detail-hero img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.32s ease;
}

.news-detail-hero:hover img {
  transform: none;
}

.news-detail-lead {
  margin: 0 0 30px;
  color: #202733;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--news-detail-lead-size, var(--detail-spot-size, 16pt)) !important;
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--news-detail-lead-line-height, 30px);
}

.news-detail-content {
  margin-top: 0;
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
}

.news-detail-content img {
  display: block;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  margin: 22px auto;
}

.news-detail-city-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 18px 0 15px;
}

.news-detail-city-badge {
  margin: 0 0 0 auto;
  text-align: right;
  color: #000000;
  font-family: var(--site-font);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.news-detail-lead,
.news-detail-content .news-content-text-group {
  padding-left: clamp(20px, 1.6vw, 24px);
  padding-right: 0;
}

.news-detail-continuation-list {
  margin-top: 40px;
  display: grid;
  gap: 0;
}

.news-detail-continued-item {
  padding-top: 48px;
  margin-top: 48px;
  border-top: 1px solid #eef2f7;
}

.news-detail-continued-header {
  text-align: center;
}

.news-detail-continued-header h2 {
  margin: 0;
  color: #252b35;
  font-family: var(--news-headline-font);
  font-size: var(--news-detail-title-size, var(--detail-title-size, 41pt));
  line-height: 1.12;
}

.news-detail-continued-header .news-detail-meta {
  justify-content: center;
}

.news-detail-continued-tags {
  justify-content: center;
}

.news-detail-continued-hero {
  margin-top: 22px;
}

.news-detail-continued-hero img {
  width: 100%;
  height: auto;
  display: block;
}

.news-detail-continued-lead {
  margin: 0 0 30px;
}

.news-detail-continued-wrap {
  margin-top: 14px;
}

.news-detail-continued-text-column {
  min-width: 0;
  padding-top: var(--news-detail-intro-empty-space);
}

.news-detail-share-rail-inline {
  position: sticky;
  top: calc(var(--header-height) + var(--news-strip-height) + 14px);
}

.news-detail-google-news-subscribe-inline {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
  width: auto;
}

.news-content-text-group iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  background: transparent;
}

.news-content-text-group p {
  margin: 0 0 16px;
  width: 100%;
  max-width: 100%;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--news-detail-body-size, 14pt) !important;
  font-weight: 400;
  line-height: var(--news-detail-body-line-height, 29px);
}

.news-detail-content .news-content-text-group,
.news-detail-content .news-content-text-group *,
.news-detail-continued-content .news-content-text-group,
.news-detail-continued-content .news-content-text-group * {
  color: #000000 !important;
}

.news-content-text-group li {
  width: 100%;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--news-detail-body-size, 14pt) !important;
  line-height: var(--news-detail-body-line-height, 29px);
}

.news-content-text-group p strong,
.news-content-text-group li strong {
  font-weight: 700;
}

.news-content-text-group blockquote {
  position: relative;
  margin: 18px 0 18px 52px;
  padding: 10px 16px 10px 20px;
  border-left: 0;
  background: transparent;
  border-radius: 0;
  color: #3a4356;
  font-style: italic;
}

.news-content-text-group blockquote::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 4px;
  width: 42px;
  height: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23cfd3da' d='M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8C172.4 480 244 408.4 244 320V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.news-content-image-block {
  margin: 31px 0;
}

.news-content-image-block img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.32s ease;
}

.news-content-image-block:hover img {
  transform: none;
}

.news-content-video-block {
  margin: 8px 0 31px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
  display: block;
}

.news-content-video-thumb-link {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  background: #000;
}

.news-content-video-thumb-img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  object-fit: cover;
  background: #000;
}

.news-content-video-thumb-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  line-height: 1;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
}

.news-content-video-thumb-caption {
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
}

.news-content-video-fallback-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 0 20px;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: 0.98rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}

.news-content-video-fallback-link:hover,
.news-content-video-fallback-link:focus-visible {
  background: #1f2937;
  transform: translateY(-1px);
}

.news-content-video-block video {
  width: auto;
  max-width: 100%;
  max-height: 560px;
  height: auto;
  display: inline-block;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid #e2e5ea;
  box-shadow: 0 6px 18px rgba(20, 24, 34, 0.1);
  background: #000;
}

.news-content-video-block iframe {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #000;
}

.news-detail-sidebar {
  min-width: 0;
}

.news-detail-sidebar-inner {
  position: sticky;
  top: calc(var(--header-height) + var(--news-strip-height) + 14px);
  align-self: start;
  margin-top: 80px;
}

.news-side-block {
  border-top: 0;
  padding-top: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 214px));
  column-gap: 12px;
  row-gap: 16px;
}

.news-side-block > div {
  display: grid;
  gap: 75px;
}

#newsDetailRelatedList.news-detail-related-main-side {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card {
  width: 100%;
  position: relative;
  border-radius: 0 !important;
  overflow: hidden;
  background: #ffffff;
  cursor: pointer;
  display: grid;
  grid-template-rows: 178px minmax(0, 1fr);
  align-content: start;
  text-align: left;
  box-sizing: border-box;
  padding: 0;
}

#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 178px;
  z-index: 2;
  pointer-events: none;
  background: rgba(255, 255, 255, 0);
  transition: background-color 0.22s ease;
}

#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card:hover::before,
#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card:focus-visible::before {
  background: rgba(255, 255, 255, 0.24);
}

#newsDetailRelatedList.news-detail-related-main-side .post-card img {
  width: 100%;
  height: 178px;
  min-height: 178px;
  max-height: 178px;
  object-fit: cover;
  display: block;
  transition: filter 0.22s ease;
  border-radius: 0 !important;
}

#newsDetailRelatedList.news-detail-related-main-side .post-card:hover img,
#newsDetailRelatedList.news-detail-related-main-side .post-card:focus-visible img {
  transform: scale(1.02) !important;
}

#newsDetailRelatedList.news-detail-related-main-side .post-title {
  border-bottom: none !important;
  font-size: 1rem !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  -webkit-line-clamp: 3 !important;
}

#newsDetailRelatedList.news-detail-related-main-side .post-card:hover .post-title {
  color: #1a1a1a !important;
}

#newsDetailRelatedList.news-detail-related-main-side .post-card:hover .post-title:hover {
  color: var(--hover-red) !important;
}

#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-tag {
  border-top: none !important;
}

.news-detail-related-tag {
  margin: 0;
  border-top: none;
  padding: 6px 12px 10px;
  color: #cf1d39;
  font-family: var(--news-headline-font);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-side-block + .news-side-block {
  margin-top: 34px;
}

.news-side-block h3 {
  grid-column: 1 / -1;
  margin: 0 0 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d9dee7;
  color: #1f2734;
  font-size: 1.06rem;
}

.news-side-card {
  width: 100%;
  border: 1px solid #dfe4ec;
  border-radius: 5px;
  background: #ffffff;
  text-align: left;
  padding: 0;
  display: block;
  cursor: pointer;
  overflow: hidden;
  box-shadow: none;
}

.news-side-card + .news-side-card {
  margin-top: 0;
}

.news-side-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 296 / 223;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
  transition: none;
}

.news-side-card-body {
  min-height: 72px;
  padding: 8px 8px 11px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news-side-title {
  margin: 0;
  padding-right: 0;
  color: #000000;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: -0.64px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.news-side-tag {
  margin-top: auto;
  color: #cf1d39;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: -0.34px;
  text-transform: uppercase;
}

.news-side-card:hover .news-side-title,
.news-side-card:focus-visible .news-side-title {
  color: #000000;
}

.news-side-card:hover img,
.news-side-card:focus-visible img {
  transform: scale(1.02);
}

.category-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.category-card {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.category-card-clickable {
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.category-card-clickable:hover,
.category-card-clickable:focus-visible {
  transform: translateY(-6px);
  border-color: #efb4bc;
  box-shadow: 0 12px 24px rgba(201, 47, 47, 0.2);
}

.category-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.category-card-body {
  padding: 14px;
}

.category-card-body h3 {
  margin: 0;
  font-size: 1.22rem;
}

.category-card-body p {
  margin: 7px 0 0;
  color: #4c545f;
}

.category-card-hours {
  font-weight: 700;
  color: #3f4958;
}

.category-card-sector {
  margin: 0 0 6px;
  color: #cf1d39;
  font-weight: 700;
}

.posts-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
}

.posts-grid .post-card {
  height: 100%;
}

.articles-shell {
  background: #ffffff;
  border: 1px solid #e1e5ea;
  padding: 18px;
}

.e-dergi-shell {
  background: #ffffff;
  border: 1px solid #e1e6ef;
  border-radius: 12px;
  padding: 22px 22px 24px;
}

.e-dergi-shell .section-head {
  margin-top: 2px;
}

.e-dergi-shell .section-head h2 {
  color: #2c2218;
  font-size: clamp(1.15rem, 1.35vw, 1.45rem);
  font-weight: 700;
  letter-spacing: 0;
}

.e-dergi-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.e-dergi-member-login {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #d91e3f;
  border-radius: 12px;
  background: #ffffff;
  color: #d91e3f;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.nav-login-dropdown-menu {
  min-width: 230px;
}

.nav-login-option {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nav-login-option-icon {
  width: 22px;
  color: #d91e3f;
  font-size: 1.05rem;
  font-weight: 800;
  text-align: center;
}

.header-newsletter-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: 20px;
}
.header-newsletter-modal[hidden] { display: none; }
.header-newsletter-backdrop { position: absolute; inset: 0; border: 0; background: rgba(17, 24, 39, 0.58); }
.header-newsletter-card { position: relative; z-index: 1; width: min(430px, 100%); height: auto; min-height: 0; max-height: calc(100vh - 40px); overflow: auto; padding: 14px 22px 14px; border: 1px solid #e2e6ee; border-radius: 16px; background: #fff; box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22); }
.header-newsletter-close { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: #f3f4f7; color: #354157; font-size: 1.6rem; cursor: pointer; }
.header-newsletter-back { border: 0; background: transparent; color: #4a5a73; font-size: 1.05rem; cursor: pointer; }
.header-newsletter-intro { margin: 14px 0 20px; padding: 15px 16px; border-radius: 12px; background: #f7f8fa; border-top: 3px solid #d91e3f; border-bottom: 3px solid #d91e3f; }
.header-newsletter-intro h2 { margin: 0 0 12px; color: #3d4b63; font-size: clamp(1.05rem, 3vw, 1.45rem); white-space: nowrap; hyphens: none; }
.header-newsletter-intro p { margin: 0; color: #4a5a73; font-size: 0.96rem; line-height: 1.5; hyphens: none; }
.header-newsletter-email-word { color: #d91e3f; font-weight: 800; white-space: nowrap; }
.header-newsletter-form { display: grid; gap: 16px; }
.header-newsletter-form > label:not(.header-newsletter-consent) { display: grid; gap: 6px; color: #3d4b63; font-size: 0.98rem; font-weight: 600; }
.header-newsletter-form input[type="text"], .header-newsletter-form input[type="email"] { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid #cbd3df; border-radius: 10px; color: #334155; font-size: 0.95rem; }
.header-newsletter-form select, .header-newsletter-form input[type="tel"], .header-newsletter-form input[type="password"] { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid #cbd3df; border-radius: 10px; color: #334155; background: #fff; font: inherit; font-size: 0.95rem; }
.header-newsletter-consent { display: flex; align-items: flex-start; gap: 12px; color: #3d4b63; line-height: 1.5; }
.header-newsletter-consent input { width: 22px; height: 22px; flex: 0 0 auto; accent-color: #d91e3f; }
.header-newsletter-consent a { color: #d91e3f; }
.header-newsletter-form > button[type="submit"] { padding: 13px 16px; border: 0; border-radius: 10px; background: #d91e3f; color: #fff; font-size: 1rem; font-weight: 700; cursor: pointer; }
.header-newsletter-form > button[type="submit"]:disabled { opacity: 0.5; cursor: not-allowed; }
.header-newsletter-login-prompt { margin: 2px 0 0; color: #7f8aa0; font-size: 0.98rem; line-height: 1.3; text-align: center; }
.header-newsletter-login-prompt button { border: 0; padding: 0; background: transparent; color: #d91e3f; font: inherit; font-weight: 800; cursor: pointer; }
.header-newsletter-login-prompt button:hover, .header-newsletter-login-prompt button:focus-visible { text-decoration: underline; }
.header-newsletter-cancel-toggle { display: block; margin: 8px auto 0; border: 0; padding: 0; background: transparent; color: #7f8aa0; font: inherit; font-size: 0.82rem; cursor: pointer; text-decoration: underline; }
.header-newsletter-cancel-form { display: grid; gap: 8px; margin-top: 10px; }
.header-newsletter-cancel-form label { display: grid; gap: 4px; color: #3d4b63; font-size: 0.88rem; font-weight: 600; text-align: left; }
.header-newsletter-cancel-form input { width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid #cbd3df; border-radius: 9px; color: #334155; font: inherit; font-size: 0.88rem; }
.header-newsletter-cancel-form button { padding: 9px 11px; border: 0; border-radius: 9px; background: #d91e3f; color: #fff; font: inherit; font-size: 0.88rem; font-weight: 700; cursor: pointer; }
.header-newsletter-cancel-form button:last-child { background: transparent; color: #7f8aa0; }
.header-newsletter-status { min-height: 22px; margin: 0; color: #d91e3f; font-weight: 600; }
.header-newsletter-card:not(.header-magazine-card) { width: min(360px, 100%); padding: 10px 16px 12px; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-intro { margin: 9px 0 14px; padding: 12px 13px; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-intro h2 { margin-bottom: 7px; font-size: 1.16rem; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-intro p { font-size: 0.82rem; line-height: 1.35; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-form { gap: 10px; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-form > label:not(.header-newsletter-consent) { gap: 4px; font-size: 0.9rem; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-form input[type="text"],
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-form input[type="email"] { padding: 9px 11px; font-size: 0.88rem; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-consent { gap: 8px; font-size: 0.82rem; line-height: 1.35; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-consent input { width: 18px; height: 18px; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-form > button[type="submit"] { padding: 10px 13px; font-size: 0.9rem; }
.header-newsletter-card:not(.header-magazine-card) .header-newsletter-login-prompt { font-size: 0.88rem; }
.header-magazine-card .header-newsletter-intro { text-align: center; }
.header-magazine-card { padding: 10px 18px 12px; width: min(390px, 100%); }
.header-magazine-card .header-newsletter-intro { margin: 10px 0 16px; padding: 12px 12px; }
.header-magazine-card .header-newsletter-intro h2 { margin-bottom: 7px; font-size: 1.25rem; }
.header-magazine-card .header-newsletter-intro strong { display: block; margin-bottom: 7px; color: #3d4b63; font-size: 1.08rem; }
.header-magazine-card .header-newsletter-intro p { font-size: 0.9rem; line-height: 1.35; }
.header-magazine-card .header-newsletter-form { gap: 11px; }
.header-magazine-card .header-newsletter-form > label:not(.header-newsletter-consent) { gap: 4px; font-size: 0.9rem; }
.header-magazine-card .header-newsletter-form input[type="text"],
.header-magazine-card .header-newsletter-form input[type="email"],
.header-magazine-card .header-newsletter-form input[type="tel"] { padding: 10px 12px; border-radius: 9px; font-size: 0.9rem; }
.header-magazine-consents { display: grid; gap: 8px; }
.header-magazine-consents label { display: flex; align-items: flex-start; gap: 9px; padding: 9px 10px; border: 1px solid #e2e6ee; border-radius: 10px; color: #4a5a73; font-size: 0.86rem; line-height: 1.35; }
.header-magazine-consents input { width: 22px; height: 22px; flex: 0 0 auto; accent-color: #d91e3f; }
.header-magazine-consents a { color: #d91e3f; }
.header-magazine-consents input { width: 18px; height: 18px; }
.header-magazine-card .header-newsletter-form > button[type="submit"] { padding: 11px 14px; font-size: 0.95rem; }
.header-company-card { width: min(520px, 100%); }
.header-company-card .header-newsletter-intro { text-align: center; }
.header-company-card .header-newsletter-intro p { max-width: 100%; margin-inline: auto; }
.header-company-name-row { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.header-company-consents { display: grid; gap: 8px; }
.header-company-consents label { display: flex; align-items: flex-start; gap: 9px; padding: 9px 10px; border: 1px solid #e2e6ee; border-radius: 10px; color: #4a5a73; font-size: 0.86rem; line-height: 1.35; }
.header-company-consents input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: #d91e3f; }
.header-company-consents a { color: #d91e3f; }

@media (max-width: 520px) {
  .header-company-name-row { grid-template-columns: 1fr; }
}

.newsletter-members-table .news-comment-status {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.newsletter-members-table .news-comment-status small {
  display: block;
  margin-top: 4px;
  line-height: 1.25;
}

.e-dergi-member-login:hover,
.e-dergi-member-login:focus-visible {
  background: #d91e3f;
  color: #ffffff;
  outline: none;
  transform: translateY(-1px);
}

.e-dergi-view-switcher {
  position: relative;
  margin-left: auto;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  z-index: 20;
}

.e-dergi-view-toggle {
  min-width: 146px;
  height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  background: #ffffff;
  color: #111827;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  box-shadow: none;
  transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.e-dergi-view-toggle::after {
  content: "▾";
  color: #6b7280;
  font-size: 0.8rem;
  line-height: 1;
}

.e-dergi-view-toggle:hover,
.e-dergi-view-toggle:focus-visible {
  transform: translateY(-1px);
  color: #b00020;
  outline: none;
}

.e-dergi-view-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  min-width: 220px;
  padding: 8px;
  border: 1px solid #dbe2ec;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: none;
}

.e-dergi-view-menu[hidden] {
  display: none !important;
}

.e-dergi-view-option {
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 10px 12px;
  background: transparent;
  color: #111827;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.92rem;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.e-dergi-view-option:hover,
.e-dergi-view-option.is-active {
  background: transparent;
  color: #b00020;
}

.e-dergi-view-option.is-active {
  cursor: default;
}

.e-dergi-spot {
  display: none;
}

.e-dergi-toolbar {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.e-dergi-toolbar-top,
.e-dergi-toolbar-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.e-dergi-toolbar-filters,
.e-dergi-toolbar-left,
.e-dergi-toolbar-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.e-dergi-toolbar-top-spacer {
  flex: 1 1 auto;
}

.e-dergi-page-size select,
.e-dergi-filter-select select,
.e-dergi-search-box input,
.e-dergi-search-box button {
  height: 52px !important;
  border: 1px solid #d5dce7 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #2e3647 !important;
  font-family: inherit;
  font-size: 0.98rem;
  font-weight: 700;
  outline: none;
  box-shadow: none;
}

.e-dergi-filter-select select,
.e-dergi-page-size select {
  min-width: 148px;
  padding: 0 14px;
}

.e-dergi-search-box {
  display: flex;
  align-items: stretch;
  gap: 10px;
}

.e-dergi-search-box input {
  width: min(392px, 50vw) !important;
  padding: 0 14px;
  color: #2e3647 !important;
  font-size: 1.02rem;
}

.e-dergi-search-box input::placeholder {
  color: #94a0b5 !important;
}

.e-dergi-search-box button {
  min-width: 116px !important;
  padding: 0 18px;
  background: #ffffff !important;
  border-color: #d5dce7 !important;
  color: #2e3647 !important;
  cursor: pointer;
}

.e-dergi-search-box button:hover,
.e-dergi-search-box button:focus-visible {
  background: #f7f9fc !important;
  border-color: #cfd7e3 !important;
}

.e-dergi-toolbar-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  color: #6f7b90;
  font-size: 0.98rem;
  font-weight: 700;
}

.e-dergi-toolbar-stats strong {
  color: #4a5568;
  font-size: 1.02rem;
  font-weight: 800;
}

.e-dergi-btn {
  height: 50px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: none;
}

.e-dergi-btn.is-danger {
  background: #e55b50;
}

.e-dergi-btn.is-success {
  background: #57ba63;
}

.e-dergi-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 28px;
}

.e-dergi-public-grid {
  width: 100%;
}

.e-dergi-public-showcase {
  position: relative;
  display: block;
  width: 100%;
  min-height: 620px;
  margin-top: 18px;
  padding: 18px 74px 12px;
  overflow: hidden;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.e-dergi-showcase-shell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 520px;
}

.e-dergi-showcase-viewport {
  width: 100%;
  overflow: hidden;
}

.e-dergi-showcase-track {
  display: flex;
  align-items: center;
  gap: 24px;
  transition: transform 0.72s cubic-bezier(0.22, 0.88, 0.22, 1);
  will-change: transform;
}

.e-dergi-showcase-card {
  flex: 0 0 48%;
  opacity: 0.18;
  transform: scale(0.9);
  pointer-events: none;
  transition: opacity 0.52s ease, transform 0.62s cubic-bezier(0.22, 0.88, 0.22, 1);
  will-change: opacity, transform;
}

.e-dergi-showcase-card.is-near {
  opacity: 0.34;
}

.e-dergi-showcase-card.is-active {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.e-dergi-public-showcase .e-dergi-card-kicker,
.e-dergi-public-showcase .e-dergi-card-title,
.e-dergi-public-showcase .e-dergi-card-issue,
.e-dergi-public-showcase .e-dergi-card-views {
  display: none;
}

.e-dergi-public-showcase .e-dergi-card-open {
  cursor: pointer;
}

.e-dergi-public-showcase .e-dergi-cover {
  width: min(100%, 700px);
  aspect-ratio: 7 / 10;
  background: transparent;
  box-shadow: none;
}

.e-dergi-public-showcase .e-dergi-cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.e-dergi-showcase-issue {
  display: block;
  margin-top: 10px;
  color: #111827;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
}

.e-dergi-carousel-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #e1192f;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

.e-dergi-carousel-arrow.prev {
  left: 12px;
}

.e-dergi-carousel-arrow.next {
  right: 12px;
}

.e-dergi-carousel-arrow:hover,
.e-dergi-carousel-arrow:focus-visible {
  transform: translateY(-50%) scale(1.04);
  outline: none;
}

.e-dergi-carousel-arrow:disabled {
  opacity: 0.18;
  cursor: not-allowed;
}

.e-dergi-carousel-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  padding: 0 12px;
}

.e-dergi-carousel-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #c7cad2;
  cursor: pointer;
}

.e-dergi-carousel-dot.is-active {
  background: #e1192f;
}

.e-dergi-toolbar[hidden] {
  display: none !important;
}

.e-dergi-card {
  min-width: 0;
  color: #15171b;
  font-family: var(--news-headline-font) !important;
}

.e-dergi-card-kicker {
  min-height: 0;
  margin: 0 0 12px;
  color: #17191d;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  font-family: var(--news-headline-font) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e-dergi-card-open {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: var(--news-headline-font) !important;
  text-align: left;
  cursor: pointer;
}

.e-dergi-cover-interaction {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.e-dergi-subscribe-trigger {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  place-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 14px;
  border: 0;
  background: rgba(0, 0, 0, 0.58);
  color: #ffffff;
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  opacity: 0;
  cursor: pointer;
  transition: opacity 180ms ease, background 180ms ease;
}

.e-dergi-login-trigger {
  position: absolute;
  left: 50%;
  bottom: 22px;
  z-index: 3;
  transform: translateX(-50%);
  padding: 8px 18px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: rgba(217, 30, 63, 0.92);
  color: #fff;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  opacity: 0;
  cursor: pointer;
  transition: opacity 180ms ease, transform 180ms ease, background 180ms ease;
}

.e-dergi-cover-interaction:hover .e-dergi-login-trigger,
.e-dergi-cover-interaction:focus-within .e-dergi-login-trigger,
.e-dergi-login-trigger:focus-visible {
  opacity: 1;
}

.e-dergi-login-trigger:hover,
.e-dergi-login-trigger:focus-visible {
  background: #d91e3f;
  transform: translateX(-50%) translateY(-2px);
  outline: none;
}

.e-dergi-subscribe-trigger strong {
  display: inline-block;
  padding: 10px 22px;
  border: 2px solid #fff;
  border-radius: 999px;
  font-size: clamp(1.05rem, 2.5vw, 1.35rem);
  letter-spacing: 0.05em;
}

.e-dergi-subscribe-label {
  font-size: 0.92rem;
  font-weight: 600;
  opacity: 0.95;
}

.e-dergi-cover-interaction:hover .e-dergi-subscribe-trigger,
.e-dergi-cover-interaction:focus-within .e-dergi-subscribe-trigger,
.e-dergi-subscribe-trigger:focus-visible {
  opacity: 1;
}

.e-dergi-subscribe-trigger:hover,
.e-dergi-subscribe-trigger:focus-visible {
  background: rgba(0, 0, 0, 0.66);
  outline: 2px solid #ffffff;
  outline-offset: -8px;
}

.e-dergi-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 7 / 10;
  overflow: hidden;
  background: #f4f4f4;
}

.e-dergi-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: transform 180ms ease;
}

.e-dergi-subscription-modal {
  position: fixed;
  inset: 0;
  z-index: 1700;
  display: grid;
  place-items: center;
  padding: 24px;
}

.e-dergi-subscription-modal[hidden] {
  display: none;
}

.e-dergi-subscription-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(12, 16, 24, 0.64);
  cursor: pointer;
}

.e-dergi-subscription-card {
  position: relative;
  z-index: 1;
  width: min(430px, calc(100vw - 32px));
  height: auto;
  max-height: calc(100vh - 48px);
  box-sizing: border-box;
  overflow: auto;
  padding: 18px;
  border: 1px solid #e5e8ee;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
  color: #172033;
}

.e-dergi-subscription-close {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: #f3f5f8;
  color: #364052;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.e-dergi-subscription-card > h2 {
  display: none;
}

.e-dergi-subscription-card-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  border: 2px solid #e7e9ee;
  border-radius: 18px;
}

.e-dergi-subscription-card-inner h3 {
  margin: 0;
  text-align: center;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
}

.e-dergi-subscription-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin: 24px 0 22px;
}

.e-dergi-subscription-price strong {
  color: #07998f;
  font-size: clamp(1.65rem, 4vw, 2.1rem);
}

.e-dergi-subscription-price span {
  color: #627087;
  font-size: 1.05rem;
}

.e-dergi-subscription-card-inner ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #4b5a73;
  font-size: 0.88rem;
}

.e-dergi-subscription-card-inner li::before {
  content: "✓";
  display: inline-block;
  width: 21px;
  color: #07998f;
  font-size: 1.02rem;
  font-weight: 800;
}

.e-dergi-subscription-buy {
  display: block;
  margin-top: 24px;
  padding: 13px 18px;
  border-radius: 12px;
  background: #344158;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.e-dergi-subscription-buy:hover,
.e-dergi-subscription-buy:focus-visible {
  background: #263248;
}

.e-dergi-card-open:hover .e-dergi-cover img,
.e-dergi-card-open:focus-visible .e-dergi-cover img {
  transform: none;
}

.e-dergi-card-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-top: 12px;
  color: #17191d;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25;
  font-family: var(--news-headline-font) !important;
}

.e-dergi-card-meta-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.e-dergi-card-meta-head .e-dergi-card-title {
  flex: 1 1 auto;
  min-width: 0;
}

.e-dergi-card-issue {
  display: block;
  margin-top: 8px;
  color: #a7a7a7;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--news-headline-font) !important;
}

.e-dergi-card-views {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  margin-top: 12px;
  color: #22252a;
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: var(--news-headline-font) !important;
}

.e-dergi-card-views .view-eye-icon {
  width: 19px;
  height: 15px;
}

.e-dergi-table-shell {
  border-top: 1px solid #dce4f0;
  border-bottom: 1px solid #dce4f0;
  overflow-x: auto;
  background: #ffffff;
}

.e-dergi-table {
  width: 100%;
  min-width: 1640px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.e-dergi-table thead th {
  padding: 16px 12px;
  border-bottom: 1px solid #dde4f0;
  background: #f7f9fe;
  color: #4a5568;
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.1;
  text-align: left;
}

.e-dergi-table tbody td {
  padding: 14px 12px;
  border-bottom: 1px solid #e3e9f3;
  color: #667084;
  font-size: 0.95rem;
  font-weight: 700;
  vertical-align: middle;
  background: #ffffff;
}

.e-dergi-row:hover td {
  background: #fbfcfe;
}

.e-dergi-table .col-check {
  width: 50px;
  text-align: center;
}

.e-dergi-table .col-index {
  width: 72px;
  color: #4a5568;
  text-align: center;
}

.e-dergi-table .col-cover {
  width: 132px;
}

.e-dergi-table .col-news {
  width: 74px;
  color: #7a8394;
  text-align: center;
}

.e-dergi-table .col-category {
  width: 124px;
}

.e-dergi-table .col-title {
  width: 29%;
}

.e-dergi-table .col-comments {
  width: 78px;
  text-align: center;
}

.e-dergi-table .col-flag {
  width: 56px;
  text-align: center;
}

.e-dergi-table .col-active {
  width: 86px;
  text-align: center;
}

.e-dergi-table .col-hit {
  width: 88px;
  text-align: center;
}

.e-dergi-table .col-action {
  width: 132px;
}

.e-dergi-row-cover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}

.e-dergi-row-cover img {
  width: 58px;
  height: 58px;
  object-fit: cover;
  object-position: center top;
  display: block;
  border-radius: 50%;
  background: #eef1f7;
}

.e-dergi-row-link,
.e-dergi-row-title {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}

.e-dergi-row-link {
  color: #4c78b7;
  font-size: 0.95rem;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 2px;
}

.e-dergi-category-link {
  gap: 0;
  flex-direction: row;
}

.e-dergi-category-link:hover,
.e-dergi-category-link:focus-visible {
  color: #315f9d;
}

.e-dergi-row-title {
  color: #4c78b7;
  font-size: 0.95rem;
  font-weight: 800;
}

.e-dergi-row-title:hover .e-dergi-row-title-main,
.e-dergi-row-title:focus-visible .e-dergi-row-title-main {
  color: #315f9d;
}

.e-dergi-row-title-main {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: #4c78b7;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 2px;
}

.e-dergi-row-title-date {
  color: #98a3b4;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.2;
}

.e-dergi-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ef5c4e;
  font-size: 1.34rem;
  font-weight: 900;
  line-height: 1;
}

.e-dergi-check.is-good {
  color: #2cab4f;
}

.e-dergi-active-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
}

.e-dergi-active-badge .e-dergi-check {
  font-size: 1.22rem;
}

.e-dergi-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.e-dergi-row-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  padding: 0;
}

.e-dergi-row-action svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.e-dergi-row-action.is-view {
  background: #41bb58;
}

.e-dergi-row-action.is-edit {
  background: #f2c200;
}

.e-dergi-row-action.is-delete {
  background: #e55b50;
}

.e-mag-empty-row td,
.e-dergi-empty-row td,
.news-list-empty-row td,
.video-gal-empty-row td,
.news-category-empty-row td,
.firm-list-empty-row td,
.article-empty-row td {
  padding: 30px 16px;
  color: #7f8aa0;
  font-weight: 700;
  text-align: center !important;
  vertical-align: middle;
}

.e-dergi-empty {
  margin: 14px 0 0;
  color: #5f6774;
  font-weight: 700;
}

body.e-dergi-reader-open {
  overflow: hidden;
}

.e-dergi-reader {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
}

.e-dergi-reader-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 14, 22, 0.8);
  backdrop-filter: blur(3px);
}

.e-dergi-reader-shell {
  position: relative;
  width: min(96vw, 1520px);
  height: min(94vh, 980px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  overflow: hidden;
  background: #2f2f2f;
  box-shadow: 0 24px 48px rgba(4, 7, 12, 0.48);
  display: flex;
  flex-direction: column;
}

.e-dergi-reader-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 16px;
  background: linear-gradient(90deg, #cf1d39 0%, #cf1d39 100%);
  color: #ffffff;
}

.e-dergi-reader-head-main {
  min-width: 220px;
}

.e-dergi-reader-head h3 {
  margin: 0;
  font-size: clamp(1rem, 1.25vw, 1.3rem);
  font-weight: 900;
  line-height: 1.15;
}

.e-dergi-reader-head p {
  margin: 4px 0 0;
  font-size: 0.9rem;
  font-weight: 700;
  opacity: 0.96;
}

.e-dergi-reader-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.e-dergi-reader-toolbar button {
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1;
  padding: 8px 10px;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.e-dergi-reader-toolbar button:hover,
.e-dergi-reader-toolbar button:focus-visible {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.7);
  transform: translateY(-1px);
}

.e-dergi-reader-toolbar button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}

.e-dergi-reader-toolbar .e-dergi-reader-share-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.e-dergi-reader-toolbar .e-dergi-reader-share-open svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.e-dergi-reader.is-share-modal-open .e-dergi-reader-stage,
.e-dergi-reader.is-share-modal-open .e-dergi-reader-pageflip,
.e-dergi-reader.is-share-modal-open .stf__block {
  pointer-events: none;
}

.e-dergi-reader-share-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.e-dergi-reader-share-modal[hidden] {
  display: none;
}

.e-dergi-reader-share-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  cursor: pointer;
}

.e-dergi-reader-share-card {
  position: relative;
  width: min(92vw, 590px);
  padding: 22px 24px 26px;
  border-radius: 24px;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.18);
}

.e-dergi-reader-share-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e9e9e9;
}

.e-dergi-reader-share-head h3 {
  margin: 0;
  color: #111111;
  font-size: clamp(1.35rem, 2.1vw, 1.8rem);
  font-weight: 900;
  line-height: 1.15;
}

.e-dergi-reader-share-close {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #111111;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

.e-dergi-reader-share-cover-wrap {
  display: flex;
  justify-content: center;
  margin: 16px 0 24px;
}

.e-dergi-reader-share-cover {
  display: block;
  width: min(62%, 270px);
  max-height: 300px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
}

.e-dergi-reader-share-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.e-dergi-reader-share-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  color: #111111;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}

.e-dergi-reader-share-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  font-size: 1.28rem;
  font-weight: 900;
  line-height: 1;
  transition: transform 0.08s ease, background 0.08s ease;
  will-change: transform, background;
}

.e-dergi-reader-share-action-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.e-dergi-reader-share-action:hover .e-dergi-reader-share-action-icon,
.e-dergi-reader-share-action:focus-visible .e-dergi-reader-share-action-icon {
  transform: translateY(-2px);
  background: #8b0014;
}

.e-dergi-reader-share-action:focus-visible {
  outline: 2px solid #8b0014;
  outline-offset: 6px;
  border-radius: 14px;
}

@media (max-width: 640px) {
  .e-dergi-reader-share-card {
    width: min(94vw, 430px);
    padding: 18px 16px 22px;
  }

  .e-dergi-reader-share-actions {
    gap: 10px;
  }

  .e-dergi-reader-share-action-icon {
    width: 50px;
    height: 50px;
  }

  .e-dergi-reader-share-action {
    font-size: 0.72rem;
  }
}

.e-dergi-reader-status {
  margin: 0;
  padding: 11px 16px;
  background: linear-gradient(90deg, rgba(207, 29, 57, 0.18), rgba(58, 93, 255, 0.16));
  color: #f7fbff;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.24);
}

.e-dergi-reader-intro {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  place-items: center;
  padding: 16px;
  background:
    radial-gradient(circle at 15% 20%, rgba(207, 29, 57, 0.18), transparent 38%),
    radial-gradient(circle at 84% 82%, rgba(46, 94, 255, 0.2), transparent 44%),
    linear-gradient(145deg, rgba(11, 18, 31, 0.9), rgba(15, 20, 34, 0.92));
  backdrop-filter: blur(3px);
}

.e-dergi-reader-intro-card {
  width: min(92vw, 360px);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.12) 100%);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.34);
  padding: 20px 16px 14px;
  display: grid;
  justify-items: center;
  gap: 12px;
  position: relative;
  overflow: hidden;
}

.e-dergi-reader-intro-card::before {
  content: "Favori Lezzetler Magazin";
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.e-dergi-reader-intro-ring {
  --progress: 0;
  width: 138px;
  height: 138px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    conic-gradient(from -90deg, #cf1d39 calc(var(--progress) * 1%), rgba(255, 255, 255, 0.2) 0);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.32), 0 0 24px rgba(207, 29, 57, 0.26);
  animation: eDergiIntroRingPulse 2.4s ease-in-out infinite;
}

.e-dergi-reader-intro-ring-core {
  width: 114px;
  height: 114px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(8, 16, 30, 0.88);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.08);
}

.e-dergi-reader-intro-ring-core strong {
  font-size: 1.36rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.34);
}

.e-dergi-reader-intro-card p {
  margin: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.4;
}

@keyframes eDergiIntroRingPulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.018);
  }
}

@media (prefers-reduced-motion: reduce) {
  .e-dergi-reader-intro-ring {
    animation: none;
  }

  .e-dergi-reader-book.is-flip-next,
  .e-dergi-reader-book.is-flip-prev,
  .e-dergi-reader-book.is-flip-next .e-dergi-reader-page,
  .e-dergi-reader-book.is-flip-prev .e-dergi-reader-page,
  .e-dergi-reader-turn-clone {
    animation: none;
  }
}

.e-dergi-reader-stage {
  flex: 1;
  min-height: 0;
  overflow: auto;
  position: relative;
  padding: 10px 14px;
  overscroll-behavior: contain;
  overflow-anchor: none;
  touch-action: none;
  cursor: default;
  background:
    radial-gradient(circle at 14% 10%, rgba(207, 29, 57, 0.2), transparent 42%),
    radial-gradient(circle at 85% 84%, rgba(220, 1, 57, 0.16), transparent 38%),
    linear-gradient(180deg, #2f2f2f 0%, #1f2430 100%);
}

.e-dergi-reader-stage.is-scroll-locked {
  overflow: hidden;
}

.e-mag-pdf-inline-name {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  word-break: break-word;
}

.e-dergi-reader-zoom-surface {
  position: relative;
  margin: 0 auto;
  width: max-content;
  min-width: max-content;
  height: max-content;
  min-height: max-content;
  display: grid;
  place-items: center;
  will-change: contents;
}

.e-dergi-reader-zoom-frame {
  width: max-content;
  height: max-content;
  transform-origin: center center;
  will-change: transform;
  perspective: 2600px;
  perspective-origin: 50% 50%;
}

.e-dergi-reader.is-zooming .e-dergi-reader-zoom-frame {
  filter: none;
}

.e-dergi-reader-stage.is-pan-ready {
  cursor: grab;
}

.e-dergi-reader-stage.is-panning {
  cursor: grabbing;
  user-select: none;
}

.e-dergi-reader-stage::before {
  content: none;
}

.e-dergi-reader-book {
  margin: 0 auto;
  width: fit-content;
  max-width: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  transform-style: preserve-3d;
  transition: transform 0.26s ease;
  will-change: transform;
  position: relative;
  isolation: isolate;
  perspective: 2600px;
  perspective-origin: 50% 50%;
}

.e-dergi-reader-book.is-hidden {
  display: none;
}

.e-dergi-reader-pageflip {
  position: relative;
  margin: 0 auto;
  width: fit-content;
  max-width: none;
  display: block;
  overflow: visible;
  isolation: isolate;
  contain: layout style paint;
  transform: translateZ(0);
  will-change: transform;
  touch-action: none;
  user-select: none;
}

.e-dergi-reader-pageflip[hidden] {
  display: none;
}

.e-dergi-reader-pageflip.is-booting {
  visibility: hidden;
  pointer-events: none;
}

.e-dergi-reader.is-pageflip-interaction-locked .e-dergi-reader-pageflip {
  pointer-events: none;
}

.e-dergi-reader-pageflip-page {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
  contain: paint;
  touch-action: none;
  user-select: none;
}

.e-dergi-reader-pageflip-page::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.e-dergi-reader-pageflip-canvas {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #ffffff;
  image-rendering: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.e-dergi-reader-pageflip-loader {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(31, 41, 55, 0.34);
  font-size: 1.1rem;
  font-weight: 900;
  pointer-events: none;
}

.e-dergi-reader-pageflip-page.is-rendered .e-dergi-reader-pageflip-loader {
  display: none;
}

.e-dergi-reader-pageflip-page.is-render-error .e-dergi-reader-pageflip-loader {
  color: rgba(207, 29, 57, 0.55);
}

.e-dergi-reader-book.is-double {
  gap: 0;
}

.e-dergi-reader-book.is-double::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: 4;
  width: 34px;
  pointer-events: none;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.18), rgba(255, 255, 255, 0.18) 45%, rgba(0, 0, 0, 0.2));
  opacity: 0.28;
  mix-blend-mode: multiply;
}

.e-dergi-reader-book.is-flip-next {
  animation: none;
}

.e-dergi-reader-book.is-flip-prev {
  animation: none;
}

.e-dergi-reader-turn-clone {
  position: absolute;
  z-index: 8;
  margin: 0;
  pointer-events: none;
  overflow: hidden;
  background: #ffffff;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform, opacity, filter;
  contain: paint;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.2),
    0 28px 48px rgba(0, 0, 0, 0.34);
}

.e-dergi-reader-turn-clone::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.14), rgba(0, 0, 0, 0.4) 52%, rgba(255, 255, 255, 0.2));
  mix-blend-mode: multiply;
}

.e-dergi-reader-turn-clone::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(ellipse at 14% 50%, rgba(255, 255, 255, 0.42), transparent 32%),
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
}

.e-dergi-reader-turn-clone canvas {
  display: block;
  max-width: none;
  object-fit: fill;
}

.e-dergi-reader-turn-clone.is-next {
  transform-origin: left center;
}

.e-dergi-reader-turn-clone.is-prev {
  transform-origin: right center;
}

.e-dergi-reader-turn-clone.is-next.is-turning {
  animation: eDergiPageFlipNext 900ms cubic-bezier(0.18, 0.74, 0.22, 1) forwards;
}

.e-dergi-reader-turn-clone.is-prev.is-turning {
  animation: eDergiPageFlipPrev 900ms cubic-bezier(0.18, 0.74, 0.22, 1) forwards;
}

.e-dergi-reader-turn-clone.is-turning::before {
  animation: eDergiPageFlipShade 900ms cubic-bezier(0.18, 0.74, 0.22, 1) forwards;
}

.e-dergi-reader-turn-clone.is-turning::after {
  animation: eDergiPageFlipGlare 900ms cubic-bezier(0.18, 0.74, 0.22, 1) forwards;
}

@keyframes eDergiPageFlipNext {
  0% {
    opacity: 1;
    filter: brightness(1);
    transform: perspective(2200px) rotateY(0deg) translateZ(0);
  }
  16% {
    filter: brightness(1.03);
    transform: perspective(2200px) rotateY(-24deg) translateZ(22px) skewY(-0.7deg);
  }
  48% {
    filter: brightness(0.92);
    transform: perspective(2200px) rotateY(-96deg) translateZ(38px) skewY(-1.4deg);
  }
  74% {
    opacity: 0.82;
    filter: brightness(0.8);
    transform: perspective(2200px) rotateY(-154deg) translateZ(16px) skewY(-0.5deg);
  }
  100% {
    opacity: 0;
    filter: brightness(0.72);
    transform: perspective(2200px) rotateY(-182deg) translateZ(0);
  }
}

@keyframes eDergiPageFlipPrev {
  0% {
    opacity: 1;
    filter: brightness(1);
    transform: perspective(2200px) rotateY(0deg) translateZ(0);
  }
  16% {
    filter: brightness(1.03);
    transform: perspective(2200px) rotateY(24deg) translateZ(22px) skewY(0.7deg);
  }
  48% {
    filter: brightness(0.92);
    transform: perspective(2200px) rotateY(96deg) translateZ(38px) skewY(1.4deg);
  }
  74% {
    opacity: 0.82;
    filter: brightness(0.8);
    transform: perspective(2200px) rotateY(154deg) translateZ(16px) skewY(0.5deg);
  }
  100% {
    opacity: 0;
    filter: brightness(0.72);
    transform: perspective(2200px) rotateY(182deg) translateZ(0);
  }
}

@keyframes eDergiPageFlipShade {
  0%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 0.22;
  }
  54% {
    opacity: 0.56;
  }
  78% {
    opacity: 0.28;
  }
}

@keyframes eDergiPageFlipGlare {
  0%,
  100% {
    opacity: 0;
    transform: translateX(-34%);
  }
  22% {
    opacity: 0.28;
  }
  48% {
    opacity: 0.48;
    transform: translateX(18%);
  }
  76% {
    opacity: 0.12;
    transform: translateX(46%);
  }
}

.e-dergi-reader-page {
  width: fit-content;
  margin: 0;
  background: #ffffff;
  border: 1px solid #1f2937;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-shadow: none;
}

.e-dergi-reader-book.is-double .e-dergi-reader-page:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
  box-shadow: none;
}

.e-dergi-reader-book.is-double .e-dergi-reader-page:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
  box-shadow: none;
}

.e-dergi-reader-book.is-double .e-dergi-reader-page::after {
  background: none;
}

.e-dergi-reader-page::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: none;
}

.e-dergi-reader-page canvas {
  display: block;
  max-width: 100%;
  height: auto;
  background: #f8fafc;
}

.e-dergi-reader-page figcaption {
  display: none !important;
}

.e-dergi-reader-page[hidden] {
  display: none;
}

.e-dergi-reader-hit {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  border: 0;
  width: 38px;
  height: auto;
  border-radius: 999px;
  color: #ffffff;
  background: rgba(12, 18, 29, 0.24);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  font-size: 1.25rem;
  font-weight: 800;
  cursor: pointer;
  transform: none;
  transition: background 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.e-dergi-reader-hit.prev {
  left: 10px;
}

.e-dergi-reader-hit.next {
  right: 10px;
}

.e-dergi-reader-hit:hover,
.e-dergi-reader-hit:focus-visible {
  background: rgba(220, 1, 57, 0.48);
  transform: scale(1.02);
}

.e-dergi-reader-hit:disabled {
  opacity: 0.36;
  cursor: not-allowed;
  transform: none;
}

.e-dergi-reader-fallback {
  width: min(100%, 1280px);
  margin: 0 auto;
  display: grid;
  gap: 10px;
}

.e-dergi-reader-fallback-frame {
  width: 100%;
  min-height: min(74vh, 760px);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(3, 8, 16, 0.4);
}

.e-dergi-reader-fallback-hint {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: #e2e8f0;
  text-align: center;
}

.e-dergi-reader-foot {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 16px 12px;
  background: rgba(9, 13, 21, 0.95);
  display: grid;
  gap: 6px;
}

.e-dergi-reader-scrub {
  width: 100%;
  accent-color: #cf1d39;
  cursor: pointer;
}

.e-dergi-reader-hint {
  margin: 0;
  color: #d4dbe8;
  font-size: 0.82rem;
  font-weight: 600;
}

.e-dergi-reader {
  background: #2f2f2f;
}

.e-dergi-reader-backdrop {
  background: #2f2f2f;
  backdrop-filter: none;
}

.e-dergi-reader-shell {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  border: 0;
  border-radius: 0;
  background: #2f2f2f;
  box-shadow: none;
}

.e-dergi-reader:fullscreen,
.e-dergi-reader:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  background: #2f2f2f;
}

.e-dergi-reader:fullscreen .e-dergi-reader-shell,
.e-dergi-reader:-webkit-full-screen .e-dergi-reader-shell {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  border: 0;
  border-radius: 0;
  background: #2f2f2f;
  box-shadow: none;
  display: flex;
  flex-direction: column;
}

.e-dergi-reader-shell:fullscreen {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  border: 0;
  border-radius: 0;
  background: #2f2f2f;
  box-shadow: none;
  display: flex;
  flex-direction: column;
}

.e-dergi-reader-shell:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  border: 0;
  border-radius: 0;
  background: #2f2f2f;
  box-shadow: none;
  display: flex;
  flex-direction: column;
}

.e-dergi-reader-head {
  position: absolute;
  inset: 0;
  z-index: 12;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 16px 14px;
  background: transparent;
  pointer-events: none;
}

.e-dergi-reader-head-main {
  display: none;
}

.e-dergi-reader-toolbar {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: auto;
  max-width: calc(100vw - 28px);
  padding: 0;
  border-radius: 5px;
  overflow: visible;
  background: rgba(69, 69, 69, 0.96);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.42);
  pointer-events: auto;
}

.e-dergi-reader-toolbar button,
.e-dergi-reader-toolbar #eDergiReaderPageInfo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 42px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  background: transparent;
  color: #d8d8d8;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1;
  opacity: 1;
}

.e-dergi-reader-toolbar #eDergiReaderPageInfo {
  gap: 5px;
  min-width: 64px;
  font-size: 0.76rem;
  white-space: nowrap;
}

.e-dergi-reader-page-jump {
  width: 28px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #f0f0f0;
  font: inherit;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  outline: none;
  appearance: textfield;
}

.e-dergi-reader-page-jump::-webkit-outer-spin-button,
.e-dergi-reader-page-jump::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.e-dergi-reader-page-jump:focus {
  background: rgba(255, 255, 255, 0.13);
}

.e-dergi-reader-page-separator,
.e-dergi-reader-page-info span {
  color: #d8d8d8;
}

.e-dergi-reader-toolbar button:hover,
.e-dergi-reader-toolbar button:focus-visible {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.12);
  transform: none;
}

.e-dergi-reader-toolbar button:first-child {
  border-radius: 5px 0 0 5px;
}

.e-dergi-reader-toolbar button:disabled {
  opacity: 0.3;
}

.e-dergi-reader-toolbar #eDergiReaderZoomReset {
  min-width: 52px;
  font-size: 0.72rem;
}

.e-dergi-reader-toolbar #eDergiReaderThumbsToggle {
  color: #20bde3;
}

.e-dergi-reader-toolbar #eDergiReaderThumbsToggle svg {
  display: block;
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.e-dergi-reader-toolbar #eDergiReaderThumbsToggle.is-active {
  background: #ffffff;
  color: #16bfe7;
}

.e-dergi-reader-toolbar #eDergiReaderPrev,
.e-dergi-reader-toolbar #eDergiReaderNext {
  display: none;
}

.e-dergi-reader-toolbar #eDergiReaderClose {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  font-size: 2.75rem;
  font-weight: 900;
  line-height: 1;
}

.e-dergi-reader-status {
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: 13;
  width: max-content;
  max-width: calc(100vw - 140px);
  border: 0;
  border-radius: 5px;
  transform: translateX(-50%);
  background: rgba(45, 45, 45, 0.94) !important;
  color: #ffffff !important;
  text-align: center;
}

.e-dergi-reader-thumbs-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 72;
  width: min(330px, 82vw);
  padding: 30px 20px 24px;
  overflow-y: auto;
  background: #d9d9d9;
  box-shadow: 10px 0 24px rgba(0, 0, 0, 0.32);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-104%);
  transition:
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.42s ease;
  will-change: transform, opacity;
}

.e-dergi-reader-thumbs-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.e-dergi-reader-thumbs-panel[hidden] {
  display: none;
}

.e-dergi-reader-thumbs-close {
  position: fixed;
  top: 44px;
  left: min(330px, 82vw);
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 0 8px 8px 0;
  background: #f1f1f1;
  color: #111111;
  font-size: 2.35rem;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.e-dergi-reader-thumbs-list {
  display: grid;
  gap: 12px;
  justify-items: center;
}

.e-dergi-reader-thumb {
  position: relative;
  display: block;
  width: 220px;
  min-height: 128px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  overflow: hidden;
}

.e-dergi-reader-thumb canvas {
  display: block;
  width: 100%;
  height: auto;
  min-height: 128px;
  background: #ffffff;
  object-fit: contain;
}

.e-dergi-reader-thumb-number {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 58px;
  padding: 4px 10px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.56);
  color: #222222;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, -50%);
}

.e-dergi-reader-thumb.is-active {
  outline: 3px solid #e1192f;
  outline-offset: 0;
}

.e-dergi-reader-thumb.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.45) 46%, transparent 72%);
  animation: eDergiThumbLoading 1.05s linear infinite;
}

@keyframes eDergiThumbLoading {
  from {
    transform: translateX(-120%);
  }
  to {
    transform: translateX(120%);
  }
}

.e-dergi-reader-stage {
  height: 100%;
  padding: 30px 42px 74px;
  background: #2f2f2f;
}

.e-dergi-reader-page {
  border: 0;
  border-radius: 0;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.45);
}

.e-dergi-reader-book.is-double .e-dergi-reader-page:first-child,
.e-dergi-reader-book.is-double .e-dergi-reader-page:last-child {
  border-radius: 0;
}

.e-dergi-reader-hit {
  position: fixed;
  z-index: 11;
  top: 0;
  bottom: 0;
  width: 72px;
  height: 100vh;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  box-shadow: none;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 4.1rem;
  font-weight: 900;
  line-height: 1;
  padding: 0;
  text-shadow: none;
}

.e-dergi-reader-hit.prev {
  left: 12px;
}

.e-dergi-reader-hit.next {
  right: 12px;
}

.e-dergi-reader-hit:hover,
.e-dergi-reader-hit:focus-visible {
  background: transparent;
  color: #ffffff;
  outline: none;
  transform: scale(1.04);
}

.e-dergi-reader-hit:disabled {
  opacity: 0.18;
  cursor: not-allowed;
  transform: none;
}

.e-dergi-reader-foot {
  display: none;
}

@media (max-width: 1200px) {
  .e-dergi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .e-dergi-showcase-card {
    flex-basis: 48%;
  }
}

@media (max-width: 900px) {
  .e-dergi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .e-dergi-public-showcase {
    padding-inline: 42px;
  }

  .e-dergi-showcase-card {
    flex-basis: 86%;
  }
}

@media (max-width: 640px) {
  .e-dergi-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .e-dergi-card {
    width: 100%;
  }

  .e-dergi-section-head {
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
  }

  .e-dergi-member-login {
    min-height: 38px;
    padding: 0 13px;
    font-size: 0.82rem;
  }

  .e-dergi-view-toggle {
    min-width: 138px;
    height: 38px;
    font-size: 0.84rem;
  }

  .e-dergi-view-menu {
    min-width: 200px;
  }

  .e-dergi-public-showcase {
    min-height: 500px;
    padding: 12px 18px 14px;
  }

  .e-dergi-showcase-shell {
    min-height: 390px;
  }

  .e-dergi-showcase-track {
    gap: 14px;
  }

  .e-dergi-showcase-card {
    flex-basis: 92%;
    transform: scale(0.96);
  }

  .e-dergi-carousel-arrow {
    font-size: 3.5rem;
  }

  .e-dergi-carousel-arrow.prev {
    left: 2px;
  }

  .e-dergi-carousel-arrow.next {
    right: 2px;
  }

  .e-dergi-reader-shell {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }

  .e-dergi-reader-stage {
    padding: 12px;
  }

  .e-dergi-reader-zoom-surface {
    margin: 0 auto;
  }

  .e-dergi-reader-stage::before {
    display: none;
  }

  .e-dergi-reader-book {
    gap: 10px;
  }

  .e-dergi-reader-hit {
    top: 0;
    bottom: 0;
    width: 46px;
    height: 100vh;
    font-size: 3rem;
  }

  .e-dergi-reader-fallback-frame {
    min-height: 62vh;
  }

  .e-dergi-reader-toolbar {
    justify-content: flex-start;
  }

  .e-dergi-reader-foot {
    padding: 10px 12px 12px;
  }

  .e-dergi-reader-hint {
    font-size: 0.78rem;
  }
}

.articles-subtitle {
  margin: 4px 0 0;
  color: #6a7380;
  font-size: 0.98rem;
}

.chefs-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.chefs-filter-btn {
  border: 1px solid #d6deea;
  background: #ffffff;
  color: #273248;
  border-radius: 999px;
  min-height: 34px;
  padding: 7px 14px;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.chefs-filter-btn:hover,
.chefs-filter-btn:focus-visible {
  border-color: #e17083;
  color: #cf1d39;
  background: #fff7f9;
}

.chefs-filter-btn.is-active {
  border-color: #cf1d39;
  background: #cf1d39;
  color: #ffffff;
}

.articles-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.article-card {
  border: 1px solid #d7dde6;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
  padding: 15px;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.article-card:hover,
.article-card:focus-within {
  transform: none;
  border-color: #d7dde6;
  box-shadow: none;
}

.article-card h3 {
  margin: 0;
  font-size: 1.12rem;
  line-height: 1.3;
  color: #1d2433;
}

.article-card-hit {
  margin: 8px 0 0;
  color: #7f8998;
  font-size: 0.86rem;
  font-weight: 700;
}

.article-card a {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 700;
  color: #cf1d39;
}

.article-card a:hover,
.article-card a:focus-visible {
  color: #cf1d39;
}

.article-card.author-profile-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
  min-height: 248px;
  padding: 16px 12px 14px;
  cursor: pointer;
}

.author-profile-avatar {
  width: 116px;
  height: 116px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #e4e8ef;
  background: #f6f8fc;
}

.author-profile-name {
  margin: 12px 0 0;
  color: #1f2734;
  font-size: 1.08rem;
  font-weight: 800;
}

.author-profile-title {
  margin: 6px 0 0;
  color: #cf1d39;
  font-size: 0.92rem;
  font-weight: 700;
}

.author-profile-email {
  margin: 6px 0 0;
  color: #7a8698;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.author-profile-link {
  margin-top: 12px;
  width: auto;
  min-width: 136px;
  border: 1px solid #efbdc6;
  border-radius: 999px;
  background: #ffffff;
  color: #cf1d39;
  font-size: 0.86rem;
  font-weight: 700;
  padding: 8px 14px;
}

.author-profile-link:hover,
.author-profile-link:focus-visible {
  border-color: #e59baa;
  color: #cf1d39;
}

.author-profile-link:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.author-page-shell {
  background: #ffffff;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.author-page-shell .detail-top-row {
  margin: 0 0 14px;
  padding: 0 4px;
  gap: 10px;
}

.author-page-shell #backToChefsFromAuthorProfile {
  display: inline-flex;
}

.author-page-shell .detail-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  color: #7a7f86;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.author-page-shell .detail-breadcrumb .detail-crumb-sep {
  margin: 0 4px;
  color: #b2b2b2;
}

.author-page-shell .detail-breadcrumb .detail-crumb-current {
  color: #b7b7b7;
  font-weight: 700;
}

.author-page-hero {
  position: relative;
  margin-top: 0;
  border: 1px solid #e7ebf1;
  border-radius: 12px;
  background:
    radial-gradient(ellipse at 73% 12%, rgba(255, 63, 83, .78) 0 13%, transparent 36%),
    linear-gradient(158deg, transparent 0 36%, rgba(255, 52, 72, .78) 36.5% 39%, transparent 39.5% 47%, rgba(237, 30, 51, .92) 47.5% 50%, transparent 50.5%),
    linear-gradient(20deg, #52000b 0%, #9c0015 38%, #ed1732 72%, #70000e 100%);
  padding: 12px 22px;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  min-height: 112px;
  overflow: hidden;
}

.author-page-hero::before,
.author-page-hero::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.author-page-hero::before {
  inset: 0 auto auto -5%;
  width: 72%;
  height: 75%;
  border-top: 2px solid rgba(255, 193, 115, .82);
  border-radius: 50%;
  transform: rotate(12deg);
  box-shadow: 0 20px 0 rgba(255, 40, 60, .65), 0 38px 0 rgba(90, 0, 11, .45);
}

.author-page-hero::after {
  top: -25%;
  right: 11%;
  width: 39%;
  height: 135%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 86, 89, .5) 0 2px, transparent 3px) 0 0 / 15px 15px;
  opacity: .42;
  transform: rotate(-18deg);
}

.author-page-hero > * {
  position: relative;
  z-index: 1;
}

.author-page-fixed-banner {
  display: none;
}

.author-page-fixed-banner::before,
.author-page-fixed-banner::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.author-page-fixed-banner::before {
  inset: 0 auto auto -5%;
  width: 72%;
  height: 75%;
  border-top: 2px solid rgba(255, 193, 115, .82);
  border-radius: 50%;
  transform: rotate(12deg);
  box-shadow: 0 20px 0 rgba(255, 40, 60, .65), 0 38px 0 rgba(90, 0, 11, .45);
}

.author-page-fixed-banner::after {
  top: -25%;
  right: 11%;
  width: 39%;
  height: 135%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 86, 89, .5) 0 2px, transparent 3px) 0 0 / 15px 15px;
  opacity: .42;
  transform: rotate(-18deg);
}

.author-page-hero.has-bg-image {
  position: relative;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.93) 0%, rgba(255, 255, 255, 0.9) 34%, rgba(255, 255, 255, 0.86) 100%),
    var(--author-hero-bg-image) center center / cover no-repeat;
}

.author-page-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #e5e8ee;
  background: #f8fafc;
}

.author-page-meta {
  min-width: 0;
}

.author-page-role {
  margin: 0;
  color: #ffffff;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(0.78rem, 0.85vw, 0.92rem);
  font-weight: 700;
}

.author-page-name {
  margin: 3px 0 0;
  color: #ffffff;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(1.14rem, 1.38vw, 1.52rem);
  line-height: 1.16;
  font-weight: 800;
}

.author-page-email {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, .82);
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: clamp(0.82rem, 0.9vw, 0.95rem);
  font-weight: 500;
}

.author-page-social {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.author-page-social a {
  width: 32px;
  height: 32px;
  color: #8a929e;
  background: transparent;
  border: none;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  transition: color 0.15s, opacity 0.15s;
}

#authorProfileInstagram { color: #ffffff; }
#authorProfileFacebook  { color: #ffffff; }
#authorProfileX         { color: #ffffff; }
#authorProfileYoutube   { color: #ffffff; }

#authorProfileInstagram:hover { color: #c0265a; }
#authorProfileFacebook:hover  { color: #145dbf; }
#authorProfileX:hover         { color: #333333; }
#authorProfileYoutube:hover   { color: #cc0000; }

.author-page-social a.social-placeholder {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}

.author-page-social-icon {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

#authorProfileFacebook .author-page-social-icon {
  width: 22px;
  height: 22px;
}

#authorProfileYoutube .author-page-social-icon {
  width: 22px;
  height: 22px;
}

.author-page-social-n {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1;
  color: currentColor;
}

.author-page-social a:hover,
.author-page-social a:focus-visible {
  color: var(--red);
}

.author-page-posts {
  margin-top: 14px;
}

.author-profile-stats-bar {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 14px 0 18px;
}

.author-stat-item {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  background: #ffffff;
  border: 1px solid #eaeff7;
  border-radius: 12px;
  padding: 14px 18px;
  position: relative;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.author-stat-item::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: #d0d8e8;
  border-radius: 3px 0 0 3px;
}

.author-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #f0f3f9;
  border-radius: 10px;
  color: #6b7a99;
  flex-shrink: 0;
}

.author-stat-icon svg {
  width: 18px;
  height: 18px;
}

.author-stat-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.author-stat-value {
  font-size: 1.25rem;
  font-weight: 800;
  color: #111827;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.author-stat-label {
  font-size: 0.72rem;
  color: #9aa3b5;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.author-stat-divider {
  display: none;
}

.author-page-posts-grid {
  margin-top: 10px;
}

.author-page-post-card {
  width: 100%;
  padding: 0;
  border: 1px solid #d7dde6;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.author-page-post-card:hover,
.author-page-post-card:focus-visible {
  transform: none;
  border-color: #d0d5de;
  box-shadow: 0 6px 16px rgba(20, 32, 48, 0.1);
}

.author-page-post-card img {
  width: 100%;
  height: clamp(168px, 11.8vw, 220px);
  object-fit: cover;
  object-position: center;
  display: block;
}

.author-page-post-meta {
  padding: 10px 10px 12px;
}

.author-page-post-hit {
  margin: 0;
  color: #8b95a4;
  font-size: 0.79rem;
  font-weight: 500;
}

.author-page-post-title {
  margin: 6px 0 0;
  color: #1c2432;
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.35;
}

.author-page-post-date {
  margin: 6px 0 0;
  color: #8b95a4;
  font-size: 0.79rem;
  font-weight: 500;
}

.post-card {
  display: block;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #d4d9e1;
  overflow: hidden;
  position: relative;
}

.post-card img {
  width: 100%;
  height: clamp(168px, 11.6vw, 220px);
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform 0.32s ease;
}

.news-hover-preview-host {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.news-hover-preview-media {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}

.news-hover-preview-media > img {
  display: block;
}

.news-hover-preview-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000000;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.24s ease;
}

.news-hover-preview-video.is-active {
  opacity: 1;
}

.news-hover-preview-controls {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(7, 10, 16, 0.64);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
  display: none !important;
}

.news-hover-preview-controls.is-active {
  opacity: 1;
  pointer-events: auto;
}

.news-hover-preview-playpause {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: #0f172a;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.news-hover-preview-progress {
  flex: 1;
  height: 3px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.34);
}

.news-hover-preview-progress-fill {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: #ffffff;
  transition: width 0.12s linear;
}

.news-hover-preview-duration {
  min-width: 42px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.home-am-slide .news-hover-preview-video {
  left: auto;
  right: 0;
  width: 66%;
  background: transparent;
}

.home-am-slide .news-hover-preview-controls {
  left: auto;
  right: 8px;
  width: calc(66% - 16px);
}

.post-title {
  margin: 0;
  padding: 16px 12px 16px;
  color: #1a1a1a;
  font-family: var(--news-headline-font) !important;
  font-size: 16pt;
  font-weight: 900 !important;
  line-height: 1.14;
  display: block;
  display: -webkit-box !important;
  width: 100%;
  white-space: normal;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: anywhere;
  height: calc(1.14em * 2);
  min-height: calc(1.14em * 2);
  max-height: calc(1.14em * 2);
  transition: color 0.2s ease;
}

.post-card:hover img,
.post-card:focus-visible img {
  transform: scale(1.02);
}

.mekan-shell {
  position: relative;
  background: #f3f3f3;
  border: 1px solid #cccccc;
  padding: 0;
  overflow: visible;
}

#guideView .mekan-shell {
  background: var(--page-gray);
  border-color: transparent;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.guide-hero {
  position: relative;
  height: var(--guide-hero-height);
  min-height: var(--guide-hero-height);
  max-height: var(--guide-hero-height);
  border-radius: 0;
  overflow: hidden;
  background: radial-gradient(circle at 75% 30%, #6f1d1d 0%, #102b2c 48%, #050608 100%);
}

#guideView .guide-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

#guideView .guide-content-surface {
  width: min(1380px, 96%);
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  background: #ffffff;
  border-radius: 24px;
  padding: 18px 18px 20px;
  box-shadow: 0 8px 24px rgba(16, 20, 30, 0.08);
}

/* Genel sayfalar beyaz kalır; gri zemin sadece anasayfa içinde kullanılır. */
html,
body,
.page-main,
#newsCategoryView,
#categoryView,
#guideView,
#chefsView,
#eDergiView,
#infoPageView {
  background: #ffffff !important;
}

.mekan-shell,
#guideView .mekan-shell {
  background: #ffffff !important;
}

body.home-view-active,
body.home-view-active .page-main {
  background: #f5f5f5 !important;
}

#guideView .guide-filter-wrap,
#guideView .mekan-meta-row,
#guideView .mekan-grid {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#guideView .mekan-filter-row {
  margin-top: 0;
}

#guideView .mekan-meta-row {
  padding-left: 0;
  padding-right: 0;
}

#guideView .mekan-grid {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.guide-hero-video {
  width: 100%;
  height: var(--guide-hero-height);
  min-height: var(--guide-hero-height);
  max-height: var(--guide-hero-height);
  display: block;
  object-fit: cover;
  object-position: center center;
}

.guide-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.34) 45%, rgba(0, 0, 0, 0.18) 100%);
}

.guide-hero-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  width: min(56%, 760px);
  padding: clamp(20px, 6vw, 68px);
  color: #ffffff;
}

.guide-hero-content h2 {
  margin: 0;
  font-size: clamp(2rem, 3vw, 3.25rem);
  line-height: 1.08;
}

.guide-hero-content p {
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.95rem);
  line-height: 1.35;
  max-width: 30ch;
}

.guide-hero-search {
  background: #ffffff;
  border: 1px solid #dce2ea;
  border-radius: 14px;
  max-width: 600px;
  min-height: 68px;
}

.guide-hero-search input {
  font-size: clamp(1rem, 1.8vw, 1.95rem);
  color: #2f3745;
}

.guide-hero.no-video .guide-hero-video {
  display: none;
}

.guide-filter-wrap {
  position: relative;
  margin-top: 0;
  padding: 0 0 6px;
}

.empty-mekan-shell {
  background: #f3f3f3;
  border: 1px solid #cccccc;
  padding: 36px 22px;
  min-height: 280px;
}

.empty-mekan-shell h2 {
  margin: 0;
  font-size: 2rem;
}

.empty-mekan-shell p {
  margin-top: 10px;
  color: #5f6774;
  font-size: 1.1rem;
}

.search-box {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 14px;
}

.search-box span {
  font-size: 1.4rem;
}

.search-box input {
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 1.2rem;
  color: #394052;
}

.mekan-filter-row {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.guide-filter-head {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.guide-filter-head .mekan-filter-row {
  margin-top: 0;
}

.guide-map-trigger {
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 auto;
  padding: 0;
  margin-top: 0;
  transition: opacity 0.2s ease;
}

.guide-map-trigger img {
  width: 35px;
  height: 35px;
  display: block;
  object-fit: contain;
  filter: none;
}

.guide-map-trigger:hover,
.guide-map-trigger:focus-visible {
  opacity: 0.72;
}

.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d9dfe8;
  background: #ffffff;
  color: #2f3541;
  border-radius: 10px;
  padding: 8px 13px;
  font: inherit;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.filter-chip.active {
  border-color: #4b4f57;
  color: #ffffff;
  background: #4b4f57;
  box-shadow: 0 8px 18px rgba(18, 26, 40, 0.22);
  transform: translateY(-1px);
}

.filter-chip:hover,
.filter-chip:focus-visible {
  border-color: #4b4f57;
  color: #ffffff;
  background: #4b4f57;
  box-shadow: 0 8px 18px rgba(18, 26, 40, 0.22);
}

.filter-chip svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rank-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(380px, 100%);
  background: #ffffff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 14px;
  z-index: 5;
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
}

.award-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(420px, 100%);
  background: #ffffff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 14px;
  z-index: 5;
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
}

.days-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(420px, 100%);
  background: #ffffff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 14px;
  z-index: 5;
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
}

.category-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(420px, 100%);
  background: #ffffff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 14px;
  z-index: 5;
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
}

.online-panel,
.ideal-panel,
.price-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(500px, 100%);
  background: #ffffff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 14px;
  z-index: 5;
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
}

.category-panel h3 {
  margin: 0 0 10px;
  font-size: 1.4rem;
}

.category-panel .rank-option {
  grid-template-columns: 1fr auto auto;
}

.rank-panel h3,
.award-panel h3,
.days-panel h3,
.category-panel h3,
.online-panel h3,
.ideal-panel h3,
.price-panel h3 {
  margin: 0 0 14px;
  padding: 0 0 10px;
  font-size: 1.65rem;
  border-bottom: 1px solid #c8c8c8;
}

.day-chip {
  width: 100%;
  margin-bottom: 7px;
  border: 1px solid #d2d8e1;
  background: #ffffff;
  border-radius: 10px;
  padding: 9px 11px;
  text-align: left;
  font: inherit;
  font-weight: 700;
  color: #2d3442;
  cursor: pointer;
}

.day-chip:hover,
.day-chip:focus-visible {
  border-color: #e8aab4;
  background: #fff4f6;
  color: #cf1d39;
}

.day-chip.active {
  border-color: #cf1d39;
  background: #cf1d39;
  color: #ffffff;
}

.rank-option {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 2px;
  min-height: 46px;
  font-size: 0.9rem;
}

.rank-option small {
  color: #757c88;
  font-size: 0.92rem;
}

.rank-option input {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 2px solid #15171a;
  border-radius: 4px;
  background: #ffffff;
  display: grid;
  place-content: center;
  cursor: pointer;
}

.rank-option input::before {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 2px solid #15171a;
  border-bottom: 2px solid #15171a;
  transform: rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform 0.16s ease;
}

.rank-option input:checked::before {
  transform: rotate(-45deg) scale(1);
}

.rank-option strong {
  font-weight: 500;
}

.rank-option.rank-with-star {
  grid-template-columns: auto 1fr auto auto;
}

.star-gold {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-width: 98px;
}

.star-gold i {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--header-blood-red, #cf1d39);
  display: block;
}

.guide-map-modal {
  position: fixed;
  inset: 0;
  z-index: 460;
}

.guide-map-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 12, 20, 0.5);
}

.guide-map-modal-shell {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: transparent;
  display: flex;
  flex-direction: column;
}

/* Tam ekran harita katmanı */
.guide-map-stage {
  position: absolute;
  inset: 0;
  background: #e8ecf0;
  overflow: hidden;
  cursor: grab;
  z-index: 0;
}

.guide-map-stage.is-dragging {
  cursor: grabbing;
}

.guide-map-controls {
  position: absolute;
  bottom: 28px;
  right: 12px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.guide-map-ctrl-btn {
  background: #fff;
  border: 1px solid rgba(20,28,38,0.15);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(9,14,20,0.14);
  padding: 7px 12px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #2d3a52;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}

.guide-map-ctrl-btn:hover {
  background: #f4f6fa;
}

.guide-map-ctrl-btn.is-active {
  background: #2d3a52;
  color: #fff;
  border-color: #2d3a52;
}

/* Üst bar — overlay */
.guide-map-modal-head {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border-radius: 14px;
  padding: 10px 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.18);
  white-space: nowrap;
}

.guide-map-modal-head h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #1d2532;
}

.guide-map-modal-head p {
  display: none;
}

.guide-map-modal-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.guide-map-modal-back {
  border: 1px solid #d6dce7;
  background: #ffffff;
  color: #2d3645;
  border-radius: 9px;
  height: 34px;
  padding: 0 12px;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
}

.guide-map-modal-close {
  border: none;
  background: #f2f4f7;
  color: #3c4553;
  border-radius: 9px;
  width: 34px;
  height: 34px;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

.guide-map-modal-close:hover {
  background: #e4e8ef;
}

/* Sol overlay panel */
.guide-map-sidebar {
  position: absolute;
  top: 76px;
  left: 16px;
  bottom: 16px;
  width: 300px;
  z-index: 10;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.guide-map-sidebar-head {
  padding: 14px 14px 10px;
  border-bottom: 1px solid #eef1f6;
  flex-shrink: 0;
}

.guide-map-modal-layout {
  display: none;
}

.guide-map-loading {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #687282;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.88);
  z-index: 1;
}

.guide-map-svg {
  width: 100%;
  height: 100%;
  min-height: 480px;
  display: block;
  position: relative;
  overflow: hidden;
  background: #eef2f5;
}

/* MapLibre GL */
.guide-map-svg .maplibregl-canvas-container,
.guide-map-svg .maplibregl-canvas {
  width: 100% !important;
  height: 100% !important;
}

.guide-map-svg .maplibregl-ctrl-bottom-left {
  bottom: 6px;
  left: 8px;
}

.guide-map-svg .maplibregl-ctrl-attrib {
  font-size: 0.68rem;
  background: rgba(255,255,255,0.8);
  border-radius: 4px;
}

.guide-map-tile-layer,
.guide-map-marker-layer {
  position: absolute;
  inset: 0;
  overflow: visible;
  will-change: transform;
}

.guide-map-tile-layer {
  transform-origin: center center;
}

.guide-map-tile {
  position: absolute;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
  image-rendering: auto;
}

.guide-map-marker-layer {
  z-index: 3;
}

.guide-map-province-label {
  font-size: 11px;
  font-weight: 700;
  color: #2d3a52;
  letter-spacing: 0.06em;
  text-shadow: 0 1px 3px rgba(255,255,255,0.9), 0 0 6px rgba(255,255,255,0.8);
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
}

.guide-map-district-label {
  font-size: 10px;
  font-weight: 600;
  color: #3d4f6e;
  letter-spacing: 0.03em;
  text-shadow: 0 1px 2px rgba(255,255,255,0.95), 0 0 5px rgba(255,255,255,0.8);
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
}

/* Uydu modunda yazılar beyaz */
.guide-map-stage.satellite .guide-map-province-label {
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8), 0 0 8px rgba(0,0,0,0.6);
}

.guide-map-stage.satellite .guide-map-district-label {
  color: #f0f4ff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.9), 0 0 6px rgba(0,0,0,0.7);
}

.guide-map-marker {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}

.guide-map-marker-pin {
  width: 14px;
  height: 14px;
  background: #cf1d39;
  border: 2.5px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.28);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.guide-map-marker:hover .guide-map-marker-pin,
.guide-map-marker:focus-visible .guide-map-marker-pin {
  transform: translate(-50%, -50%) scale(1.4);
  box-shadow: 0 4px 14px rgba(207, 29, 57,0.4);
}

.guide-map-marker.is-selected .guide-map-marker-pin {
  background: #ffffff;
  border-color: #cf1d39;
  border-width: 3px;
  transform: translate(-50%, -50%) scale(1.5);
}

.guide-map-attribution {
  position: absolute;
  left: 10px;
  bottom: 8px;
  z-index: 4;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #5f6978;
  font-size: 0.72rem;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(16, 22, 32, 0.08);
}

.guide-map-controls {
  position: absolute;
  bottom: 40px;
  right: 16px;
  z-index: 12;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.18);
}

.guide-map-control-btn {
  width: 38px;
  height: 38px;
  border: none;
  border-bottom: 1px solid #e8ecf2;
  background: #ffffff;
  color: #2d3645;
  font: inherit;
  font-size: 1.3rem;
  font-weight: 400;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s;
  min-width: unset;
}

.guide-map-control-btn:last-child {
  border-bottom: none;
}

.guide-map-control-btn:hover {
  background: #f4f6fa;
}

.guide-map-control-btn.reset {
  font-size: 0.7rem;
  font-weight: 700;
  min-width: unset;
  width: 38px;
  letter-spacing: -0.02em;
}

/* Sidebar sağından haritaya doğru çıkan önizleme kartı */
.guide-map-sidebar-popup {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(9,14,20,0.22);
  border: 1px solid rgba(20,28,38,0.1);
  overflow: hidden;
  cursor: pointer;
  width: 280px;
  height: 400px;
  transition: box-shadow 0.15s;
  animation: gmp-popup-in 0.18s ease;
}

@keyframes gmp-popup-in {
  from { opacity: 0; transform: translateX(-8px); }
  to   { opacity: 1; transform: translateX(0); }
}

.guide-map-sidebar-popup:hover {
  box-shadow: 0 8px 28px rgba(9,14,20,0.26);
}

/* Sol ok (sidebar tarafına bakan) */
.guide-map-sidebar-popup::before {
  content: "";
  position: absolute;
  left: -9px;
  top: 40px;
  border: 9px solid transparent;
  border-left: none;
  border-right-color: #fff;
  filter: drop-shadow(-1px 0 1px rgba(0,0,0,0.07));
}

.gmp-popup-img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

.gmp-popup-body {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1 1 0;
  min-width: 0;
}

.gmp-popup-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #1a2130;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gmp-popup-city {
  font-size: 0.78rem;
  color: #7a8494;
  display: block;
}

.gmp-popup-rating-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 6px;
}

.gmp-popup-rating-row .gmp-popup-comments {
  font-size: 0.76rem;
  color: #9aa0ad;
  line-height: 13px;
  display: inline-flex;
  align-items: center;
}

.gmp-popup-rating-row .gmp-popup-stars {
  display: inline-flex;
  align-items: center;
}

.gmp-popup-rating-row .gp-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.gmp-popup-rating-row .gp-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.gmp-popup-stars .gp-stars {
  display: flex;
  align-items: center;
  gap: 1px;
}

.gmp-popup-stars .gp-star::before {
  font-size: 11px;
}

.gmp-popup-stars .gp-stars em {
  font-size: 0.7rem;
}

.gmp-popup-cta {
  margin-top: 4px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #b02a37;
  display: block;
}

.guide-map-hover-tooltip {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(4px);
  color: #12161d;
  border: 1px solid rgba(20, 28, 38, 0.2);
  box-shadow: 0 8px 22px rgba(9, 14, 20, 0.14);
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 0.92rem;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  user-select: none;
}

.guide-map-region,
.guide-map-province {
  fill: #ffffff;
  stroke: #d9dee5;
  stroke-width: 1.15;
  cursor: pointer;
  transition: stroke 0.16s ease, stroke-width 0.16s ease, filter 0.16s ease;
}

.guide-map-region.has-data,
.guide-map-province.has-data {
  fill: #ffffff;
}

.guide-map-region:hover,
.guide-map-region:focus-visible,
.guide-map-province:hover,
.guide-map-province:focus-visible {
  fill: #ffffff;
  stroke: #c8cfd8;
}

.guide-map-region:focus,
.guide-map-region:focus-visible,
.guide-map-province:focus,
.guide-map-province:focus-visible {
  outline: none;
}

.guide-map-region.active,
.guide-map-province.active {
  fill: #ffffff;
  stroke: #b9c1cc;
  stroke-width: 1.5;
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

.guide-map-region.district {
  stroke-width: 0.95;
}

.guide-map-region-label,
.guide-map-province-label {
  font-size: 8px;
  font-weight: 500;
  fill: #717782;
  text-anchor: middle;
  dominant-baseline: middle;
  alignment-baseline: middle;
  pointer-events: none;
  user-select: none;
}

.guide-map-search-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  color: #8a94a8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}

.guide-map-search {
  border: 1px solid #dde3ee;
  border-radius: 9px;
  padding: 9px 12px;
  font: inherit;
  font-size: 0.9rem;
  outline: none;
  width: 100%;
  background: #f7f9fc;
  color: #1d2532;
  transition: border-color 0.15s;
}

.guide-map-search:focus {
  border-color: #aab3c8;
  background: #ffffff;
}

.guide-province-list {
  padding: 10px 14px;
  overflow-y: auto;
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  gap: 5px;
  align-content: start;
}

.guide-province-item {
  border: 1px solid #dde4ef;
  border-radius: 10px;
  background: #ffffff;
  color: #253041;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 10px;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}

.guide-province-item small {
  color: #657182;
  font-size: 0.76rem;
  font-weight: 700;
}

.guide-province-item.active {
  border-color: #cf1d39;
  background: #fff0f4;
  color: #cf1d39;
}

.guide-province-item--empty {
  opacity: 0.42;
}

.guide-map-empty-inline {
  margin: 6px 0 0;
  color: #667286;
  font-size: 0.82rem;
}

.guide-map-results {
  border-top: 1px solid #eef1f6;
  padding: 12px 14px;
  overflow-y: auto;
  flex: 0 0 auto;
  max-height: 260px;
}

.guide-map-results h4 {
  margin: 0 0 10px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #1e2733;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.guide-province-places {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.guide-province-place-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #dde4ef;
  border-radius: 10px;
  background: #ffffff;
  color: #252f3d;
  padding: 10px 11px;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.gp-thumb {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.gp-thumb--empty {
  background: #eef1f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.gp-thumb--empty::after {
  content: "📍";
  font-size: 18px;
  opacity: 0.4;
}

.gp-place-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
}

.guide-province-place-btn strong {
  display: block;
  font-size: 0.88rem;
}

.guide-province-place-btn .gp-place-info > span {
  display: block;
  margin-top: 3px;
  color: #6c7684;
  font-size: 0.78rem;
}

/* Yıldız grubu */
.gp-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

.gp-star {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
}

.gp-star::before {
  content: "★";
  font-size: 13px;
  line-height: 1;
  color: #d9dde6;
}

.gp-star.is-full::before {
  color: #f4a623;
}

.gp-star.is-half::before {
  color: #f4a623;
  opacity: 0.55;
}

.gp-stars em {
  font-style: normal;
  font-size: 0.75rem;
  font-weight: 700;
  color: #f4a623;
  margin-left: 2px;
}

.guide-province-place-btn.is-highlighted {
  border-color: #b02a37;
  background: #fff5f5;
  box-shadow: 0 0 0 2px rgba(176,42,55,0.15);
}

.guide-province-empty {
  margin: 0;
  color: #667286;
  font-size: 0.92rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

strong,
b {
  font-weight: 500;
}

.market-item,
.main-nav a,
.main-nav .nav-link-btn,
.news-left,
.news-right,
.post-title,
.mekan-title,
.firm-name,
.section-head h2 {
  font-weight: 600;
}

.mekan-meta-row {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
}

.mekan-meta-row h2 {
  margin: 0;
  font-size: 1.9rem;
}

.mekan-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
}

.mekan-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.guide-favorite-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff;
  border-radius: 999px;
  background: #ffffff;
  color: #2f3a48;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  outline: none;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.guide-favorite-btn svg {
  width: 16px;
  height: 16px;
  display: block;
}

#mekanDetayView .detail-gallery-favorite-btn {
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  z-index: 6;
  box-shadow: 0 2px 8px #00000014;
}

#mekanDetayView .detail-gallery-favorite-btn svg {
  width: 20px;
  height: 20px;
}

#mekanDetayView .detail-gallery-favorite-btn:focus-visible {
  outline: 2px solid var(--hover-red);
  outline-offset: 3px;
}

.guide-favorite-btn svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill 0.2s ease, stroke 0.2s ease;
}

.guide-favorite-btn:hover,
.guide-favorite-btn:focus-visible {
  background: #ffffff;
  color: var(--hover-red);
  transform: scale(1.02);
}

.guide-favorite-btn.is-active {
  background: #ffffff;
  color: var(--hover-red);
}

.guide-favorite-btn:hover svg path,
.guide-favorite-btn:focus-visible svg path,
.guide-favorite-btn.is-active svg path {
  fill: var(--hover-red);
  stroke: var(--hover-red);
}

.mekan-card img {
  width: 100%;
  height: 236px;
  object-fit: cover;
  display: block;
}

.mekan-card:hover,
.mekan-card:focus-visible {
  transform: translateY(-8px);
  border-color: #efb4bc;
  box-shadow: 0 14px 30px rgba(201, 47, 47, 0.2);
}

.mekan-info {
  padding: 16px;
  transition: background-color 0.28s ease;
}

.mekan-card:hover .mekan-info,
.mekan-card:focus-visible .mekan-info {
  background: #fff5f7;
}

#guideView .mekan-card:hover,
#guideView .mekan-card:focus-visible {
  border-color: var(--line);
  box-shadow: 0 10px 20px rgba(16, 25, 39, 0.12);
}

#guideView .mekan-card:hover .mekan-info,
#guideView .mekan-card:focus-visible .mekan-info {
  background: #ffffff;
}

.mekan-title {
  margin: 0;
  font-size: 1.5rem;
  transition: color 0.2s ease;
}

.mekan-sub,
.mekan-line {
  margin: 5px 0 0;
  font-size: 1rem;
  color: #34383f;
  transition: color 0.2s ease;
}

.mekan-line {
  color: #222;
}

.mekan-rating-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@keyframes guideStarShimmer {
  0%,
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 8px rgba(255, 233, 168, 0.32);
  }
  50% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 16px rgba(255, 236, 160, 0.64);
  }
}

@keyframes guideStarPulse {
  0%,
  100% {
    text-shadow: 0 0 6px rgba(255, 207, 77, 0.48), 0 0 12px rgba(255, 207, 77, 0.26);
  }
  50% {
    text-shadow: 0 0 10px rgba(255, 207, 77, 0.84), 0 0 20px rgba(255, 207, 77, 0.46);
  }
}

.guide-card-stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--red);
}

.guide-card-stars.is-empty {
  color: #bac2cd;
}

.guide-card-rating-dot {
  width: 12px;
  height: 12px;
  border: 1.8px solid var(--red);
  border-radius: 999px;
  box-sizing: border-box;
  display: inline-block;
  background: transparent;
}

.guide-card-rating-dot.is-full {
  background: var(--red);
}

.guide-card-rating-dot.is-half {
  background: linear-gradient(90deg, var(--red) 0 50%, transparent 50% 100%);
}

.guide-card-rating-dot.is-empty {
  border-color: #bac2cd;
  background: transparent;
}

.empty-box {
  background: #ffffff;
  border: 1px dashed #c7cdd6;
  border-radius: 10px;
  padding: 24px;
  text-align: center;
  color: #657084;
  font-size: 1.02rem;
  grid-column: 1 / -1;
}

.detail-shell {
  background: #ffffff;
  border: 0;
  padding: 16px 0 0;
}

#mekanDetayView.content-view.active {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ffffff;
  min-height: calc(100vh - var(--header-height) - var(--news-strip-height));
}

.detail-top-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.detail-shell .detail-top-row {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 18px 10px 0;
}

#mekanDetayView .detail-shell .detail-top-row {
  display: flex;
  width: min(100%, calc(100% - 500px));
  margin: 0 auto;
  padding: 0 20px 10px;
  box-sizing: border-box;
}

#mekanDetayView .detail-shell .detail-top-row .back-btn {
  display: none;
}

.back-btn {
  display: none !important;
  border: 1px solid var(--line);
  background: #ffffff;
  border-radius: 999px;
  font: inherit;
  font-weight: 700;
  padding: 8px 14px;
  cursor: pointer;
  text-decoration: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.back-btn:hover,
.back-btn:focus-visible {
  background: #f6f6f6;
  border-color: #c8d0da;
  text-decoration: none !important;
}

.detail-breadcrumb {
  margin: 0;
  font-size: 0.8rem;
  color: #5f6774;
}

#mekanDetayView .detail-page-title {
  width: min(100%, calc(100% - 500px));
  margin: 8px auto 18px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #111111;
  font-family: var(--site-font), var(--news-headline-font), sans-serif;
  font-size: clamp(1.68rem, 3.9vw, 3.32rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.04em;
  text-transform: none;
}

#mekanDetayView .detail-header-meta {
  width: min(100%, calc(100% - 500px));
  margin: -6px auto 16px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#mekanDetayView .detail-header-average {
  color: #4f574f;
  font-size: 1rem;
  font-weight: 400;
}

#mekanDetayView .detail-header-stars {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
}

#mekanDetayView .detail-header-comments {
  border: 0;
  background: transparent;
  padding: 0;
  color: #4f574f;
  font-size: 0.98rem;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: #4f574f;
  text-underline-offset: 3px;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#mekanDetayView .detail-rating-point {
  width: 15px;
  height: 15px;
  border-radius: 999px;
  display: inline-block;
  border: 2px solid #cf1d39;
  box-sizing: border-box;
  background: transparent;
}

#mekanDetayView .detail-rating-point.is-full {
  background: #cf1d39;
}

#mekanDetayView .detail-rating-point.is-half {
  background: linear-gradient(90deg, #cf1d39 0 50%, transparent 50% 100%);
}

#mekanDetayView .detail-rating-point.is-empty {
  background: transparent;
}

#mekanDetayView .guide-content-tags {
  width: min(100%, calc(100% - 500px));
  margin: 0 auto 20px;
  padding: 0 20px;
  box-sizing: border-box;
}

#mekanDetayView .guide-content-tags .content-tag-btn {
  padding: 12px 19px;
  font-size: 0.91rem;
}

.tag-result-card {
  position: relative;
}

.tag-result-card .tag-result-type {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.78);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.tag-result-card .tag-result-type-guide {
  background: rgba(4, 91, 40, 0.86);
}

.tag-result-card .tag-result-subtitle {
  margin: -4px 14px 14px;
  color: #717b8c;
  font-size: 0.88rem;
  font-weight: 600;
}

.detail-crumb-link {
  color: #cf1d39;
  text-decoration: none;
  font-weight: 700;
  transition: color 0.18s ease;
  cursor: pointer;
}

.detail-crumb-link:hover,
.detail-crumb-link:focus-visible {
  color: #8b0015;
  text-decoration: underline;
}

.detail-crumb-sep {
  margin: 0 6px;
  color: #7b8492;
}

.detail-crumb-current {
  color: #5f6774;
  font-weight: 700;
}

.detail-gallery {
  margin-top: 12px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ffffff;
  position: relative;
}

.detail-gallery-stage {
  display: none !important;
}

.detail-gallery-stage img {
  width: 100%;
  height: 570px;
  object-fit: cover;
  display: block;
  cursor: pointer;
}

.detail-gallery-thumbs {
  margin-top: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  overflow: visible;
  padding-bottom: 0;
  background: #ffffff;
}

.detail-thumb {
  border: 0;
  border-radius: 0;
  padding: 0;
  width: auto;
  min-width: 0;
  height: clamp(320px, 36vw, 620px);
  overflow: hidden;
  background: #ffffff;
  cursor: pointer;
}

.detail-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.detail-thumb.active,
.detail-thumb:hover {
  border-color: transparent;
  filter: none;
}

.detail-gallery-all-btn {
  position: absolute;
  right: 36px;
  bottom: 36px;
  z-index: 5;
  min-width: 118px;
  min-height: 56px;
  border: 0;
  border-radius: 999px;
  background: var(--red);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  font: inherit;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(207, 29, 57, 0.24);
}

.detail-gallery-all-btn[hidden] {
  display: none;
}

.detail-gallery-all-btn svg {
  width: 26px;
  height: 26px;
  display: block;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.detail-gallery-all-btn svg circle {
  fill: currentColor;
  stroke: none;
}

.detail-gallery-all-btn:hover,
.detail-gallery-all-btn:focus-visible {
  background: var(--red);
  box-shadow: 0 14px 34px rgba(207, 29, 57, 0.3);
}

.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 320;
  background: rgba(4, 6, 10, 0.92);
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 38px 72px 62px;
}

.gallery-lightbox-stage {
  position: relative;
  width: min(570px, calc(100vw - 180px));
  height: min(570px, calc(100vh - 180px));
  display: grid;
  place-items: center;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
}

.gallery-lightbox-stage:active {
  cursor: grabbing;
}

.gallery-lightbox-stage img {
  width: 100%;
  max-width: 570px;
  height: 100%;
  max-height: 570px;
  object-fit: contain;
  display: block;
}

.gallery-lightbox-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: 2rem;
  padding: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.gallery-lightbox-nav.prev {
  left: 26px;
}

.gallery-lightbox-nav.next {
  right: 26px;
}

.gallery-lightbox-nav:hover,
.gallery-lightbox-nav:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.6);
}

.gallery-lightbox-nav:disabled {
  opacity: 0.35;
  cursor: default;
}

.gallery-lightbox-close {
  position: fixed;
  top: 24px;
  right: 26px;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}

.gallery-lightbox-progress-track {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  width: min(760px, calc(100vw - 120px));
  height: 3px;
  background: rgba(255, 255, 255, 0.28);
}

.gallery-lightbox-progress-fill {
  display: block;
  width: 0;
  height: 100%;
  background: #ffffff;
  transition: width 0.22s ease;
}

.all-photos-modal {
  position: fixed;
  inset: 0;
  z-index: 1500;
  background: rgba(0, 0, 0, 0.38);
  display: grid;
  place-items: center;
  padding: 5.6vh 5vw 4.8vh;
  box-sizing: border-box;
}

.all-photos-modal[hidden] {
  display: none;
}

.all-photos-shell {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 14px;
  background: #ffffff;
  color: #000000;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
  display: grid;
  grid-template-rows: auto 1fr;
}

.all-photos-header {
  min-height: 80px;
  padding: 0 56px;
  border-bottom: 1px solid #e0e4e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.all-photos-title-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex-wrap: wrap;
}

.all-photos-title-wrap h2 {
  margin: 0;
  color: #111111;
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.2;
}

.all-photos-rating-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4f574f;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.all-photos-rating-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.all-photos-rating-dot {
  width: 15px;
  height: 15px;
  border: 2px solid var(--red);
  border-radius: 999px;
  background: transparent;
}

.all-photos-rating-dot.is-full {
  background: var(--red);
}

.all-photos-rating-dot.is-half {
  background: linear-gradient(90deg, var(--red) 0 50%, transparent 50% 100%);
}

.all-photos-rating-count {
  color: #4f574f;
  font-size: 0.9rem;
  font-weight: 400;
  min-width: 0;
  text-align: left;
  font-variant-numeric: tabular-nums;
}

.all-photos-rating-heart {
  margin-left: 4px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #000000;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.all-photos-rating-heart svg {
  width: 18px;
  height: 18px;
  display: block;
}

.all-photos-rating-heart svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill 0.18s ease, stroke 0.18s ease;
}

.all-photos-rating-heart.is-saved svg path {
  fill: var(--header-blood-red, #cf1d39);
  stroke: var(--header-blood-red, #cf1d39);
}

.all-photos-count {
  color: #6c7485;
  font-size: 1.05rem;
  font-weight: 700;
  white-space: nowrap;
}

.all-photos-close {
  border: 0;
  background: transparent;
  color: #000000 !important;
  font-size: 1.9rem;
  line-height: 1;
  padding: 4px;
  cursor: pointer;
}

.all-photos-close svg,
.all-photos-close path {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
}

.all-photos-body {
  min-height: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
}

.all-photos-sidebar {
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid #e0e4e8;
  padding: 38px 44px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 54px;
}

.all-photos-sidebar-card {
  width: 132px;
  border: 0;
  background: transparent;
  color: #000000;
  padding: 0;
  text-align: left;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 520;
  cursor: pointer;
}

.all-photos-sidebar-card:disabled {
  cursor: default;
  opacity: 1;
}

.all-photos-sidebar-card img {
  display: block;
  width: 132px;
  height: 88px;
  border: 2px solid #d7dee3;
  border-radius: 8px;
  object-fit: cover;
  background: #f2f4f5;
}

.all-photos-sidebar-card.is-active img {
  border-color: #063d20;
}

.all-photos-sidebar-card span {
  display: block;
  margin-top: 10px;
}

.all-photos-grid {
  min-height: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 30px 34px;
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  grid-auto-rows: 262px;
  gap: 10px;
  align-content: start;
  background: #ffffff;
}

.all-photos-tile {
  position: relative;
  border: 0;
  padding: 0;
  background: #f6f6f6;
  cursor: pointer;
  overflow: hidden;
}

.all-photos-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.all-photos-tile-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 0 18px 18px;
  box-sizing: border-box;
  background:
    linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 54%,
      rgba(0, 0, 0, 0.48) 78%,
      rgba(0, 0, 0, 0.72) 100%
    );
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
}

.all-photos-tile:hover .all-photos-tile-overlay,
.all-photos-tile:focus-visible .all-photos-tile-overlay {
  opacity: 1;
}

.all-photos-tile-overlay strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.15;
  text-align: left;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
}

.all-photos-tile-rating {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.all-photos-tile-rating i {
  width: 15px;
  height: 15px;
  border: 2px solid var(--red);
  border-radius: 999px;
  box-sizing: border-box;
  background: transparent;
}

.all-photos-tile-rating i.is-full {
  background: var(--red);
}

.all-photos-tile-rating i.is-half {
  background: linear-gradient(90deg, var(--red) 0 50%, transparent 50% 100%);
}

.comment-photo-viewer {
  position: fixed;
  inset: 0;
  z-index: 1510;
  padding: 5.6vh 5vw 4.8vh;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.38);
  display: grid;
  place-items: center;
}

.comment-photo-viewer[hidden] {
  display: none !important;
}

.comment-photo-viewer-shell {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 14px;
  background: #ffffff;
  color: #000000;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
  display: grid;
  grid-template-rows: auto 1fr;
}

.comment-photo-viewer-header {
  min-height: 80px;
  padding: 0 56px;
  border-bottom: 1px solid #e0e4e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.comment-photo-viewer-title-wrap {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.comment-photo-viewer-title-wrap h2 {
  margin: 0;
  color: #111111;
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.2;
}

.comment-photo-viewer-rating-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4f574f;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.comment-photo-viewer-rating-dots,
.comment-photo-viewer-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.comment-photo-viewer-rating-dot,
.comment-photo-viewer-dot {
  width: 15px;
  height: 15px;
  border: 2px solid var(--red);
  border-radius: 999px;
  background: transparent;
  box-sizing: border-box;
}

.comment-photo-viewer-rating-dot.is-full,
.comment-photo-viewer-dot.is-full {
  background: var(--red);
}

.comment-photo-viewer-rating-dot.is-half,
.comment-photo-viewer-dot.is-half {
  background: linear-gradient(90deg, var(--red) 0 50%, transparent 50% 100%);
}

.comment-photo-viewer-close {
  border: 0;
  background: transparent;
  color: #000000;
  font-size: 1.9rem;
  line-height: 1;
  padding: 4px;
  cursor: pointer;
}

.comment-photo-viewer-body {
  min-height: 0;
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  overflow: hidden;
}

.comment-photo-viewer-side {
  min-height: 0;
  overflow-y: auto;
  border-right: 1px solid #e0e4e8;
  background: #ffffff;
  padding: 38px 44px;
  color: #000000;
}

.comment-photo-viewer-back {
  min-height: 42px;
  border: 2px solid #000000;
  border-radius: 999px;
  background: transparent;
  color: #000000;
  padding: 0 20px;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 680;
  cursor: pointer;
}

.comment-photo-viewer-profile {
  width: 100%;
  margin: 32px 0 22px;
  border: 0;
  background: transparent;
  color: #000000;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.comment-photo-viewer-profile:hover strong,
.comment-photo-viewer-profile:focus-visible strong {
  text-decoration: underline;
}

.comment-photo-viewer-avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  overflow: hidden;
  background: #f2f3f5;
  color: #6d7480;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-weight: 760;
}

.comment-photo-viewer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.comment-photo-viewer-author {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.comment-photo-viewer-author strong {
  color: #000000;
  font-size: 1.02rem;
  font-weight: 730;
  line-height: 1.16;
}

.comment-photo-viewer-author small {
  color: #6d7480;
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.2;
}

.comment-photo-viewer-dots {
  margin-bottom: 18px;
}

.comment-photo-viewer-side h3 {
  margin: 0 0 14px;
  color: #000000;
  font-size: 1rem;
  font-weight: 720;
  line-height: 1.28;
}

.comment-photo-viewer-side p {
  margin: 0 0 22px;
  color: #3f463f;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.58;
}

.comment-photo-viewer-side time {
  display: block;
  color: #000000;
  font-size: 0.94rem;
  font-weight: 650;
  line-height: 1.3;
}

.comment-photo-viewer-media {
  position: relative;
  min-width: 0;
  min-height: 0;
  margin: 0;
  background: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.comment-photo-viewer-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.comment-photo-viewer-caption {
  position: absolute;
  z-index: 4;
  left: 24px;
  right: 24px;
  bottom: 18px;
  border: 0;
  background: transparent;
  color: #000000;
  padding: 0;
  font: inherit;
  font-size: 1.03rem;
  font-weight: 450;
  line-height: 1.35;
  text-align: left;
  text-shadow: 0 1px 4px rgba(255, 255, 255, 0.72);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.comment-photo-viewer-caption[hidden],
.comment-photo-viewer-caption-panel[hidden] {
  display: none !important;
}

.comment-photo-viewer-caption-panel {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 118px;
  box-sizing: border-box;
  background: #ffffff;
  color: #000000;
  padding: 28px 64px 32px 32px;
  box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.18);
}

.comment-photo-viewer-caption-panel p {
  margin: 0;
  max-width: 92%;
  color: #000000;
  font-size: 1.08rem;
  font-weight: 430;
  line-height: 1.45;
  text-align: left;
}

.comment-photo-viewer-caption-close {
  position: absolute;
  top: 18px;
  right: 24px;
  border: 0;
  background: transparent;
  color: #000000;
  padding: 4px;
  font: inherit;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

.comment-photo-viewer-nav {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 54px;
  height: 54px;
  border: 2px solid var(--red);
  border-radius: 999px;
  background: #ffffff;
  color: var(--red);
  cursor: pointer;
  transform: translateY(-50%);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.comment-photo-viewer-nav.prev {
  left: 24px;
}

.comment-photo-viewer-nav.next {
  right: 24px;
}

.comment-photo-viewer-nav::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
  border-top: 4px solid currentColor;
  border-right: 4px solid currentColor;
  transform-origin: center;
}

.comment-photo-viewer-nav.prev::before {
  transform: translate(-38%, -50%) rotate(-135deg);
}

.comment-photo-viewer-nav.next::before {
  transform: translate(-62%, -50%) rotate(45deg);
}

.comment-photo-viewer-nav:disabled {
  opacity: 0.35;
  cursor: default;
}

@media (max-width: 900px) {
  .detail-gallery-all-btn {
    right: 18px;
    bottom: 18px;
    min-width: 112px;
    min-height: 54px;
    gap: 8px;
    padding: 0 18px;
    font-size: 1.05rem;
  }

  .detail-gallery-all-btn svg {
    width: 24px;
    height: 24px;
  }

  .all-photos-modal {
    padding: 54px 18px 42px;
  }

  .all-photos-shell {
    width: 100%;
    height: calc(100vh - 96px);
  }

  .all-photos-header {
    min-height: 78px;
    padding: 0 22px;
  }

  .all-photos-body {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .all-photos-sidebar {
    border-right: 0;
    border-bottom: 1px solid #e0e4e8;
    padding: 14px 16px;
    flex-direction: row;
    gap: 14px;
  }

  .all-photos-sidebar-card,
  .all-photos-sidebar-card img {
    width: 118px;
  }

  .all-photos-sidebar-card img {
    height: 76px;
  }

  .all-photos-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    grid-auto-rows: 170px;
    padding: 0 12px 16px;
    gap: 6px;
  }

  .comment-photo-viewer {
    padding: 54px 18px 42px;
  }

  .comment-photo-viewer-shell {
    width: 100%;
    height: calc(100vh - 96px);
  }

  .comment-photo-viewer-header {
    min-height: 78px;
    padding: 0 22px;
  }

  .comment-photo-viewer-body {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .comment-photo-viewer-side {
    border-right: 0;
    border-bottom: 1px solid #e0e4e8;
    padding: 18px 20px;
    max-height: 42vh;
  }
}

.detail-main {
  background: #ffffff;
  border: 0;
  margin-top: 28px;
  padding: 20px;
  width: min(100%, calc(100% - 500px));
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
  gap: 28px;
  align-items: start;
}

.detail-main-content {
  min-width: 0;
}

.detail-main h2 {
  margin: 0;
  font-size: 2.2rem;
}

.detail-address,
.detail-cuisine,
.detail-description {
  margin: 10px 0 0;
  line-height: 1.6;
  color: #242424;
}

.detail-cuisine {
  color: #464646;
}

.detail-description {
  margin-top: 18px;
}

.detail-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.detail-chip {
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  background: #fbfbfb;
  padding: 8px 12px;
  font-weight: 600;
}

.detail-action-grid {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  overflow: visible;
}

.detail-action-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #343c4d;
  border-radius: 999px;
  background: #171c26;
  color: #e3e8f2;
  font: inherit;
  font-weight: 700;
  padding: 7px 12px;
  min-height: 42px;
  min-width: 0;
  white-space: nowrap;
  flex: 0 0 auto;
  font-size: 0.9rem;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(8, 12, 20, 0.16);
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.detail-action-pill.saved {
  border-color: #de6d7f;
  background: #fff1f4;
  color: #cf1d39;
  box-shadow: 0 4px 12px rgba(201, 47, 47, 0.14);
}

.detail-action-pill:hover,
.detail-action-pill:focus-visible {
  border-color: #7398f2;
  background: #1c2432;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(8, 12, 20, 0.24);
}

.detail-action-pill:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(8, 12, 20, 0.2);
}

.detail-action-pill.saved:hover,
.detail-action-pill.saved:focus-visible {
  border-color: #de6d7f;
  background: #fff1f4;
  color: #cf1d39;
  box-shadow: 0 8px 16px rgba(201, 47, 47, 0.18);
}

.detail-action-icon-image {
  width: 17px;
  height: 17px;
  object-fit: cover;
  border-radius: 6px;
}

.detail-action-icon-fallback {
  font-size: 0.9rem;
  width: 17px;
  text-align: center;
  filter: saturate(1.1);
}

.detail-action-btn {
  width: auto;
  min-width: 126px;
  border: 1px solid #d8d8d8;
  background: #ffffff;
  border-radius: 999px;
  font: inherit;
  font-weight: 700;
  padding: 10px 15px;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
  box-shadow: none;
}

.detail-save-widget {
  margin-top: 6px;
  margin-left: 0;
  width: auto;
  max-width: none;
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  align-self: start;
  box-sizing: border-box;
  transform: translateX(150px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  display: grid;
  align-items: start;
  justify-items: end;
  gap: 28px;
  position: relative;
}

.detail-save-widget::before {
  content: none;
}

.detail-save-widget-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.detail-save-widget-btn {
  width: auto;
  box-sizing: border-box;
  min-height: 42px;
  border: 1.5px solid #000000;
  border-radius: 999px;
  background: #ffffff;
  color: #000000;
  font: inherit;
  font-size: 0.98rem;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 18px;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.detail-comment-jump-btn {
  padding-left: 20px;
  padding-right: 20px;
}

.detail-save-link-btn {
  min-height: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.detail-save-link-btn .detail-save-widget-label {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.1px;
}

.detail-save-widget-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

.detail-save-widget-btn svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill 0.18s ease, stroke 0.18s ease;
}

.detail-save-widget-btn:hover,
.detail-save-widget-btn:focus-visible {
  border-color: #000000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.detail-save-link-btn:hover,
.detail-save-link-btn:focus-visible {
  border-color: transparent;
  box-shadow: none;
  background: transparent;
}

.detail-save-widget-btn.is-saved {
  background: transparent;
  color: #000000;
  border-color: #000000;
}

.detail-save-widget-btn.is-saved svg path {
  fill: currentColor;
  stroke: currentColor;
}

.detail-save-link-btn.is-saved svg path {
  fill: var(--header-blood-red, #cf1d39);
  stroke: var(--header-blood-red, #cf1d39);
}

.detail-hours-card {
  width: 260px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #ffffff;
  color: #000000;
  padding: 16px 18px 17px;
  box-sizing: border-box;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 0.026em;
}

.detail-hours-card-head {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font: inherit;
  cursor: pointer;
}

.detail-hours-card-head h3 {
  margin: 0;
  color: #000000;
  font-size: 1.14rem;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: 0.026em;
  text-decoration: none;
}

.detail-hours-card-head span {
  position: relative;
  width: 14px;
  height: 14px;
  color: #000000;
  flex: 0 0 auto;
  transform: none;
}

.detail-hours-card-head span::before {
  content: "";
  position: absolute;
  inset: 3px 2px 2px 2px;
  border-right: 2.2px solid currentColor;
  border-bottom: 2.2px solid currentColor;
  border-radius: 1px;
  transform: rotate(45deg);
}

.detail-hours-card.is-open .detail-hours-card-head span {
  transform: rotate(180deg);
}

.detail-hours-card-head:hover h3,
.detail-hours-card-head:focus-visible h3 {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2.2px;
}

.detail-hours-card-head:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 4px;
  border-radius: 4px;
}

.detail-hours-open {
  margin: 12px 0 13px;
  color: var(--header-blood-red, #cf1d39);
  font-size: 0.93rem;
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: 0.026em;
}

.detail-hours-list {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
}

.detail-hours-list div {
  display: grid;
  grid-template-columns: minmax(82px, 1fr) auto;
  align-items: baseline;
  column-gap: 18px;
}

.detail-hours-list div + div {
  display: none;
  margin-top: 0;
}

.detail-hours-card.is-open .detail-hours-list div + div {
  display: grid;
}

.detail-hours-list dt,
.detail-hours-list dd {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.22;
  letter-spacing: 0.026em;
}

.detail-hours-list dt {
  color: #000000;
  font-weight: 850;
}

.detail-hours-list dd {
  color: #000000;
  font-weight: 500;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .detail-main {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .detail-save-widget {
    grid-column: 1;
    grid-row: auto;
    width: min(100%, 460px);
    max-width: 460px;
    margin-left: 0;
    transform: translateX(0);
    justify-items: start;
  }

  .detail-hours-card {
    width: min(260px, 100%);
  }

  .detail-rating-section {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    align-self: auto;
    transform: translateX(0);
  }
}

@media (max-width: 640px) {
  .detail-save-widget h3 {
    font-size: 0.96rem;
  }

  .detail-save-widget-btn {
    min-height: 38px;
    font-size: 0.9rem;
  }

  .detail-save-widget-btn svg {
    width: 14px;
    height: 14px;
  }
}

.detail-action-btn:hover,
.detail-action-btn:focus-visible {
  border-color: #cfcfcf;
  background: #ffffff;
  color: #cf1d39;
  transform: translateY(-1px);
  box-shadow: none;
}

.detail-action-btn.as-link {
  text-decoration: none;
  color: #1f2430;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.detail-menu-panel {
  margin-top: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  background: #fcfcfc;
  padding: 12px;
}

.detail-menu-panel p {
  margin: 0 0 8px;
  color: #2e2e2e;
}

.detail-menu-panel a {
  color: #cf1d39;
  font-weight: 700;
  text-decoration: none;
}

.detail-menu-panel a:hover {
  text-decoration: underline;
}

.share-option-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#detailSharePanel {
  margin-top: 8px;
}

#detailSharePanel p {
  font-weight: 700;
}

.share-option-row .share-social-link,
.share-option-row #shareFacebookLink,
.share-option-row #shareWhatsAppLink {
  min-width: 42px;
  min-height: 42px;
  padding: 8px 11px;
  gap: 6px;
}

.share-option-row .share-social-link svg,
.share-option-row #shareFacebookLink svg,
.share-option-row #shareWhatsAppLink svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.share-option-row .share-social-link.instagram { color: #c13584; border-color: #f1c9df; background: #fff7fb; }
.share-option-row #shareWhatsAppLink { color: #148a43; border-color: #c9ecd7; background: #f2fcf6; }
.share-option-row #shareFacebookLink { color: #2861b3; border-color: #cedef9; background: #f4f7ff; }
.share-option-row .share-social-link.x { color: #171717; border-color: #d8d8d8; background: #f8f8f8; }

@media (max-width: 760px) {
  .detail-action-grid {
    gap: 9px;
  }

  .detail-action-pill {
    min-height: 45px;
    padding: 8px 13px;
    font-size: 0.9rem;
  }
}

.share-option-row #shareCopyBtn:hover,
.share-option-row #shareCopyBtn:focus-visible {
  border-color: #245bb4;
  background: #2f6fd8;
  color: #ffffff !important;
}

.share-option-row #shareFacebookLink:hover,
.share-option-row #shareFacebookLink:focus-visible {
  border-color: #163f9f;
  background: #214fb8;
  color: #ffffff;
  text-decoration: none;
}

.share-option-row #shareWhatsAppLink:hover,
.share-option-row #shareWhatsAppLink:focus-visible {
  border-color: #22bf5b;
  background: #25d366;
  color: #ffffff;
  text-decoration: none;
}

.instagram-link {
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #161616;
  font-weight: 700;
}

.instagram-link svg {
  width: 24px;
  height: 24px;
  fill: #ffffff;
  background: radial-gradient(circle at 30% 110%, #fdf497 0, #fdf497 10%, #cf1d39 40%, #d6249f 70%, #285aeb 100%);
  border-radius: 7px;
  padding: 3px;
}

.detail-rating-section {
  display: none !important;
  margin-top: 12px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  align-self: start;
  width: 100%;
  max-width: 314px;
  transform: translateX(150px);
  pointer-events: auto;
}

.detail-rating-stars {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.detail-rating-star {
  border: 0;
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  font-size: 1.7rem;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.7px #ebc76a;
  filter: drop-shadow(0 1px 0 rgba(101, 70, 0, 0.3));
  transition: transform 0.16s ease, color 0.16s ease, filter 0.16s ease;
}

.detail-rating-star.is-filled {
  color: var(--guide-rating-gold-strong);
  -webkit-text-stroke: 1.2px #d7a82d;
  text-shadow: 0 0 8px var(--guide-rating-glow), 0 0 16px rgba(255, 233, 168, 0.4);
  animation: guideStarPulse 2.5s ease-in-out infinite;
}

.detail-rating-star:hover,
.detail-rating-star:focus-visible {
  transform: translateY(-1px) scale(1.04);
  filter: saturate(1.12);
}

.detail-rating-star:focus-visible {
  outline: 2px solid #2f6fd8;
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .guide-card-stars,
  .detail-rating-star.is-filled {
    animation: none;
  }
}

.detail-rating-summary {
  margin: 0;
  font-size: 0.94rem;
  color: #3e4654;
  font-weight: 600;
  text-align: center;
}

.detail-location {
  margin-top: 16px;
  border: 0;
  background: #ffffff;
  padding: 14px;
  width: min(100%, calc(100% - 500px));
  margin-left: auto;
  margin-right: auto;
}

.detail-comments {
  margin-top: 16px;
  border: 0;
  background: #ffffff;
  padding: 14px;
  width: min(100%, calc(100% - 500px));
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.detail-reactions {
  margin-top: 16px;
  border: 0;
  background: #ffffff;
  padding: 14px 14px 10px;
  width: min(100%, calc(100% - 500px));
  margin-left: auto;
  margin-right: auto;
}

.news-detail-reactions {
  margin-top: 56px;
  margin-bottom: 10px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#mekanDetayView #detailReactionsSection.news-detail-reactions {
  width: min(100%, calc(100% - 500px));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 14px 10px;
  box-sizing: border-box;
}

#newsDetailTagsBottom:not([hidden]) + .news-detail-reactions {
  margin-top: 0;
}

.news-comments-section.detail-comments {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#mekanDetayView #detailCommentsSection.news-comments-section.detail-comments {
  width: min(100%, calc(100% - 300px));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px;
  box-sizing: border-box;
}

.news-detail-reactions h3 {
  margin: 0 0 22px;
  padding-left: 0;
  text-align: left;
  color: #202733;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.52rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.news-detail-reactions .detail-reactions-bar {
  margin-left: 0;
  margin-top: 0;
  max-width: 100%;
}

.news-detail-reactions .detail-reactions-shell {
  justify-items: flex-start;
  align-items: flex-start;
  gap: 6px;
}

.news-detail-reactions .detail-reactions-list {
  gap: 30px;
  align-items: center;
  border: 1px solid #d8dee7;
  border-radius: 999px;
  background: #ffffff;
  padding: 10px 16px;
  box-shadow: none;
}

.news-detail-reactions .detail-reaction-item {
  width: 62px;
}

.news-detail-reactions .detail-reaction-btn {
  width: 56px;
  height: 56px;
  font-size: 2.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  transition: transform 0.34s ease, filter 0.34s ease;
}

.news-detail-reactions .detail-reaction-btn:hover,
.news-detail-reactions .detail-reaction-btn:focus-visible {
  transform: scale(1.3);
  filter: saturate(1.08);
  z-index: 5;
}

.news-detail-reactions .detail-reactions-counts {
  display: flex;
  gap: 30px;
  padding: 0 16px;
  margin-top: 8px;
}

.news-detail-reactions .detail-reactions-counts .detail-reaction-count {
  flex: 0 0 62px;
  width: 62px;
  min-width: 0;
  height: 1em;
  position: relative;
}

.news-detail-reactions .detail-reactions-counts .detail-reaction-count span {
  position: absolute;
  left: 50%;
  top: 0;
  width: 120px;
  max-width: none;
  margin-left: -60px;
  text-align: center;
  white-space: nowrap;
}

.news-detail-reactions .detail-reaction-btn::after {
  bottom: calc(100% + 7px);
  padding: 6px 11px;
  background: rgba(48, 48, 48, 0.94);
  font-size: 0.9rem;
  font-weight: 700;
  transition: opacity 0.24s ease, transform 0.24s ease;
}

.news-detail-reactions .detail-reaction-btn.is-active {
  box-shadow: none;
  background: #f3f4f6;
}

.news-detail-reactions .detail-reaction-icon {
  width: 40px;
  height: 40px;
  pointer-events: none;
}

.news-detail-reactions .detail-reaction-count {
  color: #8a8a8a;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.news-detail-reactions .detail-reactions-active-label {
  display: none;
}

.news-detail-comments {
  margin-top: 20px;
  padding: 18px 0 0;
  border-top: 1px solid #e4e7ec;
}

.news-detail-picks {
  margin-top: 40px;
  text-align: center;
}

.news-detail-picks-banner {
  display: inline-block;
  background: #c4001d;
  color: #ffffff;
  font-family: var(--news-headline-font);
  font-size: 1.05rem;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 10px 22px;
  border-radius: 0;
  transform: rotate(0deg);
  margin-bottom: 16px;
}

.news-detail-picks-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.news-detail-picks-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  flex: 1;
  min-width: 0;
  padding: 2px;
  cursor: grab;
  user-select: none;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.news-detail-picks-track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.news-detail-picks-track::-webkit-scrollbar {
  display: none;
}

.news-detail-pick-card {
  position: relative;
  display: block;
  flex: 0 0 320px;
  height: 200px;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  background: #14161c;
  color: inherit;
  text-decoration: none;
  user-select: none;
}

.news-detail-pick-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.32s ease;
}

.news-detail-pick-card:hover img {
  transform: scale(1.02);
}

.news-detail-pick-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.94) 100%);
}

.news-detail-pick-title {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  color: #ffffff;
  font-family: var(--news-headline-font);
  font-weight: 800;
  font-size: 1.12rem;
  line-height: 1.25;
  text-align: left;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-detail-picks-arrow {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #c4001d;
  border: 0;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease;
  z-index: 2;
}

.news-detail-picks-arrow:hover {
  background: #a4001a;
}

.news-detail-picks-arrow svg {
  width: 20px;
  height: 20px;
}

.news-detail-comments h3 {
  margin: 0 0 12px;
  font-size: 1.3rem;
}

.comment-form {
  display: grid;
  gap: 12px;
}

.all-photos-empty {
  grid-column: 1 / -1;
  margin: 40px 0 0;
  color: #6c7485;
  font-size: 1rem;
  font-weight: 650;
}

.comment-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.comment-form input,
.comment-form select,
.comment-form textarea {
  width: 100%;
  border: 1.5px solid #d1d5db;
  border-radius: 10px;
  font: inherit;
  font-size: 0.97rem;
  padding: 13px 16px;
  color: #111827;
  background: #fff;
  box-sizing: border-box;
  outline: none;
  transition: border-color .18s;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: #6b7280;
}

.comment-list {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.comment-item {
  border: 1px solid #e1e5ea;
  border-radius: 10px;
  background: #fafbfd;
  padding: 11px;
}

.comment-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.comment-item p {
  margin: 8px 0 6px;
  color: #2c3139;
}

.comment-item small {
  color: #6a7382;
}

.comment-empty {
  margin: 0;
  color: #5d6778;
}

#newsCommentsSection .news-comments-list,
#detailCommentsSection .news-comments-list {
  margin-top: 28px;
  display: grid;
  gap: 0;
}

#newsCommentsSection .comment-empty,
#detailCommentsSection .comment-empty {
  padding: 18px 0 4px;
  text-align: center;
  color: #8a93a3;
  font-size: 0.95rem;
}

#newsCommentsSection .comment-item,
#detailCommentsSection .comment-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 16px 0;
  border-bottom: 1px solid #edf0f4;
}

#newsCommentsSection .comment-item:last-child,
#detailCommentsSection .comment-item:last-child {
  border-bottom: 0;
  padding-bottom: 4px;
}

#newsCommentsSection .comment-avatar,
#detailCommentsSection .comment-avatar {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #eef1f6;
  color: #4b5566;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.95rem;
}

#detailCommentsSection .comment-avatar {
  background: #f6f6f6;
}

#newsCommentsSection .comment-body,
#detailCommentsSection .comment-body {
  flex: 1 1 auto;
  min-width: 0;
}

#newsCommentsSection .comment-head,
#detailCommentsSection .comment-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#newsCommentsSection .comment-head strong,
#detailCommentsSection .comment-head strong {
  font-size: 0.95rem;
  color: #161a23;
}

#newsCommentsSection .comment-item small,
#detailCommentsSection .comment-item small {
  color: #9aa3b2;
  font-size: 0.8rem;
}

#newsCommentsSection .comment-item p,
#detailCommentsSection .comment-item p {
  margin: 4px 0 0;
  color: #333a47;
  line-height: 1.5;
  font-size: 0.95rem;
}

.detail-video {
  margin-top: 16px;
  border: 0;
  background: #ffffff;
  padding: 14px;
  width: min(100%, calc(100% - 500px));
  margin-left: auto;
  margin-right: auto;
}

.detail-location h3,
.detail-video h3,
.detail-reactions h3,
.detail-comments h3,
.detail-recommend h3 {
  margin: 0 0 12px;
  font-size: 2rem;
}

.news-detail-comments h3 {
  font-size: 1.3rem;
}

.detail-comment-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  position: relative;
}

.news-comments-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.news-comments-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  color: #111111;
}

.news-comments-count {
  font-size: 1em;
  font-weight: 400;
  color: #666;
}

.detail-comment-head h3 {
  margin: 0;
  color: #111111;
  flex-shrink: 0;
  white-space: nowrap;
}

.detail-comment-form input,
.detail-comment-form textarea {
  border: 1.5px solid #d1d5db;
  border-radius: 10px;
  padding: 13px 16px;
  font-size: 0.97rem;
  font-family: inherit;
  color: #111827;
  background: #ffffff;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  transition: border-color .18s;
}

.detail-comment-form input:focus,
.detail-comment-form input:focus-visible,
.detail-comment-form textarea:focus,
.detail-comment-form textarea:focus-visible {
  outline: none;
  border-color: #6b7280;
  box-shadow: none;
}

.detail-comment-form textarea {
  min-height: 110px;
  resize: vertical;
}

.detail-comment-form .detail-action-btn[type="submit"] {
  width: 100% !important;
  background: #f3f4f6 !important;
  color: #111827 !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 999px !important;
  padding: 13px 22px !important;
  font-size: 0.97rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background .18s, border-color .18s !important;
}

.detail-comment-form .detail-action-btn[type="submit"]:hover {
  background: #e5e7eb !important;
  border-color: #9ca3af !important;
}

.detail-reactions-bar {
  max-width: 860px;
}

.detail-reactions-shell {
  display: grid;
  justify-items: flex-start;
  gap: 6px;
}

.detail-reactions-active-label {
  margin: 0 0 0 124px;
  padding: 5px 13px;
  border-radius: 999px;
  background: #2f3338;
  color: #ffffff;
  font-size: 0.94rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.01em;
  display: none;
}

.detail-reactions-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  align-items: start;
  border: 1px solid #d7dde6;
  border-radius: 999px;
  background: #ffffff;
  padding: 7px 10px 6px;
}

.detail-reaction-item {
  display: grid;
  justify-items: center;
  gap: 4px;
  width: 62px;
}

.detail-reaction-btn {
  border: 0;
  background: transparent;
  cursor: pointer;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  font-size: 2.2rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
  position: relative;
}

.detail-reaction-btn:hover,
.detail-reaction-btn:focus-visible {
  transform: translateY(-2px) scale(1.04);
  filter: saturate(1.14);
}

.detail-reaction-btn::after {
  content: attr(data-reaction-label);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translate(-50%, 4px);
  opacity: 0;
  pointer-events: none;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(33, 38, 47, 0.92);
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
  transition: opacity 0.16s ease, transform 0.16s ease;
  z-index: 3;
}

.detail-reaction-btn:hover::after,
.detail-reaction-btn:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.detail-reaction-btn.is-active {
  box-shadow: 0 0 0 3px #1d64d2, inset 0 0 0 2px #ffffff;
}

.detail-reaction-count {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 600;
  color: #6f7785;
}

@media (max-width: 860px) {
  .detail-reactions-active-label {
    margin-left: 8px;
  }
  .detail-reactions-list {
    overflow-x: auto;
    padding-bottom: 11px;
  }
}

@media (max-width: 540px) {
  .detail-reactions h3 {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .detail-reaction-item {
    width: 56px;
  }

  .detail-reaction-btn {
    width: 42px;
    height: 42px;
    font-size: 2rem;
  }

  .detail-reaction-count {
    font-size: 0.84rem;
  }
}

#detailMap {
  width: 100%;
  height: 360px;
  border: 0;
}

.detail-video-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  overflow: hidden;
}

#detailVideo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.detail-recommend {
  margin-top: 16px;
  border: 0;
  background: #ffffff;
  padding: 14px;
  width: min(100%, calc(100% - 500px));
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1240px) {
  .detail-main,
  .detail-location,
  .detail-comments,
  .detail-reactions,
  .detail-video,
  .detail-recommend {
    width: min(100%, calc(100% - 180px));
  }
}

@media (max-width: 860px) {
  .detail-main,
  .detail-location,
  .detail-comments,
  .detail-reactions,
  .detail-video,
  .detail-recommend {
    width: 100%;
  }

  #mekanDetayView .detail-shell .detail-top-row {
    padding-left: 18px;
  }
}

.recommend-track {
  overflow: hidden;
}

.recommend-inner {
  --marquee-gap: 14px;
  display: flex;
  gap: var(--marquee-gap);
  width: max-content;
  animation: marquee-left 26s linear infinite;
}

.recommend-card {
  width: 260px;
  border: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  cursor: pointer;
  transition: transform 0.25s ease;
}

.recommend-card:hover {
  transform: none;
}

.recommend-card img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.recommend-card-rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 8px 10px 0;
  color: #8c95a3;
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
}

.recommend-card-rating span {
  color: #8c95a3;
  font-size: 0.7rem;
  font-weight: 700;
}

.recommend-card h4 {
  margin: 10px 10px 6px;
  font-size: 1.1rem;
}

.recommend-card p {
  margin: 0 10px 12px;
  color: #555;
  font-size: 0.9rem;
}

.site-bottom-band {
  width: 100%;
  min-height: var(--footer-band-height);
  background: var(--footer-band-bg);
  border-top: 1px solid #d9dde3;
}

.site-bottom-band-inner {
  --site-shell-width: min(1100px, 84%);
  min-height: var(--footer-band-height);
  padding: 24px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

.site-bottom-band-heading {
  margin: 0;
  color: var(--footer-band-title-color);
  font-size: clamp(1.08rem, 1.4vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.site-bottom-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.site-bottom-brand-wrap {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 16px;
}

.site-bottom-logo-slot {
  width: 190px;
  height: 118px;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.site-bottom-logo-slot img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.site-bottom-band-info {
  margin: 15px 0 0 0;
  color: var(--footer-band-text-color);
  font-size: 0.96rem;
  line-height: 1.32;
  font-weight: 500;
  align-self: center;
}

.site-bottom-social-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-left: auto;
  justify-content: flex-end;
}

.site-bottom-social-row .site-bottom-social-btn {
  width: 46px;
  height: 46px;
  border: 0;
  background: transparent !important;
  box-shadow: none;
  border-radius: 0;
  color: var(--footer-band-icon-color);
  transform: none;
}

.site-bottom-social-row .site-bottom-social-btn .news-share-icon {
  width: 21px;
  height: 21px;
  opacity: 1;
}

.site-bottom-social-row .site-bottom-social-btn .news-share-icon-letter {
  font-size: 1.08rem;
}

.site-bottom-social-row .site-bottom-social-btn:hover,
.site-bottom-social-row .site-bottom-social-btn:focus-visible {
  border: 0;
  background: transparent !important;
  box-shadow: none;
  transform: none;
}

.site-bottom-social-row .site-bottom-social-btn.instagram {
  color: var(--footer-band-icon-color);
}

.site-bottom-social-row .site-bottom-social-btn.n-social {
  color: var(--footer-band-icon-color);
}

.site-bottom-social-row .site-bottom-social-btn.n-social .news-share-icon-letter {
  background: none;
  -webkit-background-clip: text;
  background-clip: text;
  color: inherit;
}

.site-bottom-social-row .site-bottom-social-btn.tiktok {
  color: var(--footer-band-icon-color);
}

.site-bottom-social-row .site-bottom-social-btn.facebook {
  color: var(--footer-band-icon-color);
}

.site-bottom-social-row .site-bottom-social-btn.x {
  color: var(--footer-band-icon-color);
}

.site-bottom-social-row .site-bottom-social-btn.whatsapp {
  color: var(--footer-band-icon-color);
}

.site-bottom-social-row .site-bottom-social-btn.linkedin {
  color: var(--footer-band-icon-color);
}

.site-bottom-social-row .site-bottom-social-btn.mail {
  color: var(--footer-band-icon-color);
}

.site-bottom-links-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px 18px;
  padding-top: 14px;
  border-top: 1px solid #e3e7ee;
}

.site-bottom-links-grid a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  color: var(--footer-band-text-color);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.22;
  transition: color 0.14s ease, opacity 0.14s ease;
}

.site-bottom-links-grid a:hover {
  color: var(--footer-band-title-color);
  text-decoration: none;
  opacity: 1;
}

.footer-row {
  background: #ffffff;
  color: #566175;
  border-top: 1px solid #edf1f6;
}

.footer-content {
  min-height: 54px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.footer-copyright {
  position: relative;
  top: 10px;
}

.footer-content a {
  color: #273246;
  text-decoration: none;
  font-weight: 700;
}

.footer-content a:hover {
  color: #cf1d39;
}

@media (max-width: 1100px) {
  .site-bottom-band-inner {
    --site-shell-width: 88%;
  }

  .site-bottom-links-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .site-bottom-top-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-bottom-brand-wrap {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .site-bottom-social-row {
    margin-left: 0;
    justify-content: flex-start;
  }

  .site-bottom-links-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
  }
}

.language-switcher {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 140;
  display: flex;
  align-items: center;
  justify-content: center;
}

.language-switcher-trigger {
  min-width: 70px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  overflow: visible;
  box-shadow: 0 14px 28px rgba(15, 24, 38, 0.12);
  color: #2b3542;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.08rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.language-switcher-label {
  display: inline-flex;
  align-items: center;
}

.language-switcher-flag {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 1.35rem;
  line-height: 1;
  box-shadow: 0 0 0 1px rgba(15, 24, 38, 0.08);
}

.language-switcher-trigger::after {
  content: "▾";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.64rem;
  line-height: 1;
  transform: translateY(1px);
}

.language-switcher-trigger:hover,
.language-switcher-trigger:focus-visible {
  transform: translateY(-1px);
  background: #ffffff;
  box-shadow: 0 16px 32px rgba(15, 24, 38, 0.16);
}

.language-switcher-trigger.is-blup {
  animation: language-switcher-blup 1040ms cubic-bezier(0.2, 0.75, 0.18, 1);
}

.language-switcher-screen-ripple {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 130;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.06);
  opacity: 0.44;
  background: radial-gradient(circle, rgba(207, 29, 57, 0.18) 0%, rgba(207, 29, 57, 0.1) 42%, rgba(207, 29, 57, 0.03) 68%, rgba(207, 29, 57, 0) 100%);
  animation: language-switcher-screen-ripple 1500ms cubic-bezier(0.18, 0.72, 0.16, 1) forwards;
}

.language-switcher-menu {
  display: none;
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  width: min(270px, calc(100vw - 28px));
  max-height: min(62vh, 420px);
  border: 1px solid #d9e0ea;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 20px 32px rgba(15, 24, 38, 0.2);
  overflow: hidden;
}

.language-switcher-menu:not([hidden]) {
  display: block;
}

.language-switcher-head {
  padding: 12px 13px 8px;
  border-bottom: 1px solid #edf1f7;
}

.language-switcher-head h3 {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 800;
  color: #283143;
}

.language-switcher-status {
  margin: 6px 0 0;
  font-size: 0.76rem;
  color: #586478;
}

.language-switcher-status.is-error {
  color: #cf1d39;
}

.language-switcher-list {
  max-height: min(52vh, 320px);
  overflow-y: auto;
  padding: 8px;
  display: grid;
  gap: 6px;
}

.language-switcher-option {
  width: 100%;
  border: 0;
  border-radius: 10px;
  background: #ffffff;
  color: #263143;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  padding: 9px 11px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.language-switcher-option + .language-switcher-option {
  border-top: 1px solid #e5ebf3;
  border-radius: 0;
}

.language-switcher-option + .language-switcher-option:hover,
.language-switcher-option + .language-switcher-option:focus-visible,
.language-switcher-option + .language-switcher-option.active {
  border-top-color: #e5ebf3;
}

.language-switcher-option-flag {
  width: 27px;
  height: 27px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 1.22rem;
  line-height: 1;
  box-shadow: none;
}

.language-switcher-option:hover,
.language-switcher-option:focus-visible {
  border-color: transparent;
  background: #ffffff;
  color: #263143;
}

.language-switcher-option.active {
  border-color: transparent;
  background: #ffffff;
  color: #263143;
}

.site-search-shell {
  width: 100%;
  margin: 0 auto;
  padding: 42px 0 64px;
  color: #1f2937;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.site-search-title-row {
  display: flex;
  align-items: flex-start;
  gap: 2px;
  margin: 0 0 34px;
}

.site-search-chef-hat {
  width: 112px;
  height: auto;
  flex: 0 0 auto;
  margin-top: 2px;
  display: block;
}

.site-search-shell h1 {
  margin: 0 0 0 -10px;
  color: #181d27;
  font-size: clamp(1.95rem, 3.35vw, 3.35rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 0;
}

.site-search-panel {
  display: grid;
  gap: 22px;
  margin-bottom: 28px;
}

.site-search-input {
  width: 100%;
  height: 92px;
  border: 0;
  border-radius: 0;
  background: #f5f5f6;
  color: #1f2937;
  font: inherit;
  font-size: 1.62rem;
  font-weight: 650;
  padding: 0 38px;
}

.site-search-input::placeholder {
  color: #7d7d7f;
}

.site-search-tabs {
  display: flex;
  align-items: center;
  gap: 34px;
  flex-wrap: wrap;
}

.site-search-tab {
  border: 0;
  border-bottom: 4px solid transparent;
  background: transparent;
  color: #202838;
  font: inherit;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
  padding: 0 0 10px;
  cursor: pointer;
}

.site-search-tab.active {
  border-bottom-color: #cf1d39;
  color: #111827;
}

.site-search-count {
  margin: 20px 0 28px;
  color: #111111;
  font-size: 1.35rem;
  font-weight: 650;
  line-height: 1.2;
}

.site-search-results-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px 28px;
}

.site-search-result-card {
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: #202838;
  display: grid;
  gap: 10px;
}

.site-search-result-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #f2f4f7;
}

.site-search-result-type {
  color: #cf1d39;
  font-size: 0.96rem;
  font-weight: 900;
}

.site-search-result-card strong {
  display: block;
  color: #222734;
  font-size: 1.12rem;
  font-weight: 900;
  line-height: 1.22;
}

.site-search-result-meta {
  color: #2f343d;
  font-size: 0.96rem;
  font-weight: 500;
  line-height: 1.35;
}

.site-search-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 26px 0;
  color: #7a8291;
  font-size: 1.05rem;
  font-weight: 700;
}

@keyframes language-switcher-blup {
  0% {
    transform: scale(1);
  }
  32% {
    transform: scale(0.965);
  }
  64% {
    transform: scale(1.028);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes language-switcher-screen-ripple {
  0% {
    transform: translate(-50%, -50%) scale(0.06);
    opacity: 0.44;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@media (max-width: 1240px) {
  .firms-fullbleed .section-head {
    width: 96%;
  }

  .mekan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1500px) {
  :root {
    --news-detail-right-empty-strip: 48px;
  }

  .site-side-player {
    left: 12px;
    bottom: 38px;
    width: clamp(258px, 28vw, 306px);
  }
}

@media (max-width: 1100px) {
  :root {
    --news-detail-right-empty-strip: 0px;
  }

  .site-side-player {
    left: 10px;
    bottom: 30px;
    width: min(290px, calc(100vw - 20px));
  }

  .mega-menu-panel {
    top: 132px;
    width: min(980px, 96vw);
  }

  .main-nav {
    display: none;
    grid-column: 1 / -1;
    padding-bottom: 12px;
    padding-left: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: visible;
  }

  .main-nav.open {
    display: flex;
  }

  .main-nav .nav-item-dropdown {
    width: 100%;
    display: block;
  }

  .main-nav .nav-link-btn {
    width: 100%;
    text-align: left;
  }

  .main-nav .nav-dropdown {
    position: static;
    transform: none;
    display: none;
    opacity: 1;
    pointer-events: auto;
    margin-top: 8px;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.95);
  }

  .main-nav .nav-item-dropdown.open .nav-dropdown {
    display: flex;
    transform: none;
  }

  .mobile-toggle {
    display: inline-block;
  }

  .header-media-slot {
    display: none;
  }

  .header-row {
    grid-template-columns: 1fr auto auto;
    align-items: center;
    padding-left: 18px;
  }

  .brand {
    width: fit-content;
    min-width: 0;
    max-width: 100%;
  }

  .news-left {
    margin-left: 0;
  }

  .mega-menu-inner {
    grid-template-columns: 1fr 1fr;
    padding: 16px 16px 14px;
    gap: 14px;
  }

  .mega-menu-column {
    border-right: 0;
    padding-right: 0;
  }

  .mega-menu-column-quick {
    padding-right: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .mega-menu-bottom {
    padding: 12px 16px 14px;
    flex-wrap: wrap;
  }

  .posts-grid,
  .articles-grid,
  .mekan-grid,
  .category-grid,
  .news-detail-top-recommended {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-um-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .home-um-card {
    width: 100%;
    height: auto;
    grid-template-rows: auto auto;
    display: block;
  }

  .home-main-headline-wrap {
    grid-template-columns: 1fr;
    height: auto;
  }

  .chefs-filter {
    width: 100%;
    justify-content: flex-start;
    margin-top: 8px;
  }

  .home-main-side {
    border-left: 0;
    border-top: 1px solid #dde3eb;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-main-card img {
    min-height: 320px;
  }

  .home-main-side-item {
    height: 100px;
  }

  .home-category-tabs {
    margin-bottom: 12px;
  }

  .home-category-tab-btn {
    font-size: 1.04rem;
    font-weight: 800;
  }

  .home-category-popular-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px !important;
  }

  .home-video-stage {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .home-video-side-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 12px;
  }

  .video-gallery-category-grid,
  .video-gallery-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .video-gallery-visual-card-home-main {
    min-height: 360px;
  }

  .video-gallery-visual-card-home-side,
  .video-gallery-visual-card-grid {
    min-height: 200px;
  }

  .home-category-card {
    width: 100%;
  }

  .home-category-card img {
    width: 100%;
  }

  .home-writers-showcase {
    --writers-visible: 2;
    --writers-gap: 10px;
  }

  .home-writer-avatar-wrap {
    flex-basis: 118px;
  }

  .home-writer-card {
    flex-basis: 210px;
    height: 318px;
  }

  .home-writer-name {
    font-size: 0.84rem;
  }

  .home-writer-email {
    margin: 0;
    font-size: 0.72rem;
  }

  .home-writer-content {
    top: 182px;
    padding-top: 8px;
  }

  .home-writer-date {
    font-size: 0.7rem;
  }

  .home-writer-title {
    font-size: 0.78rem;
  }

  .author-page-hero {
    grid-template-columns: 1fr;
    justify-items: flex-start;
    gap: 14px;
    min-height: 0;
    padding: 24px 22px;
  }

  .author-page-fixed-banner {
    min-height: 150px;
    margin-top: 0;
  }

  .author-page-social {
    justify-content: flex-start;
    gap: 12px;
  }

  .news-detail-layout {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }

  .news-detail-main,
  .news-detail-sidebar {
    grid-column: 1 !important;
  }

  .news-detail-content-wrap {
    --news-detail-intro-empty-space: 60px;
    margin-top: 14px;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .news-detail-font-controls {
    margin: 0;
    justify-content: flex-start;
  }

  .news-detail-lead {
    margin: 0 0 30px;
    font-size: var(--news-detail-lead-size, var(--detail-spot-size, 16pt));
    line-height: var(--news-detail-lead-line-height, 30px);
  }

  .news-detail-lead,
  .news-detail-content .news-content-text-group {
    padding-left: 0;
    padding-right: 0;
  }

  .news-detail-share-rail {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    width: auto;
    margin: 18px 0 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    justify-content: flex-start;
    pointer-events: auto;
  }

  .news-share-more-panel {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    right: auto;
    width: min(360px, calc(100vw - 32px));
    padding: 34px;
    border-radius: 0;
  }

  .news-detail-google-news-subscribe {
    position: static;
    top: auto;
    right: auto;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 12px;
  }

  .news-detail-google-news-subscribe-label {
    font-size: 0.84rem;
  }

  .news-detail-google-news-subscribe-link {
    min-width: 94px;
    min-height: 27px;
    padding: 2px 6px;
  }

  .google-news-wordmark-google,
  .google-news-wordmark-news {
    font-size: clamp(0.82rem, 3.6vw, 0.9rem);
  }

  .news-detail-sidebar-inner {
    position: static;
  }

  .detail-gallery-stage img {
    height: 360px;
  }

  .member-auth-grid {
    grid-template-columns: 1fr;
  }

  .member-profile-head {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .member-profile-grid {
    grid-template-columns: 1fr;
  }

  .member-profile-stat-grid,
  .member-profile-readonly-grid {
    grid-template-columns: 1fr;
  }

  .corporate-page-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 760px) {
  :root {
    --header-height: 80px;
    --news-strip-height: 42px;
  }

  .entry-video-gate-card {
    padding: 14px;
    border-radius: 12px;
  }

  .notification-permission-prompt {
    top: calc(var(--header-height, 80px) + 10px);
    width: calc(100vw - 20px);
  }

  .notification-permission-card {
    min-height: 0;
    padding: 14px 13px;
    grid-template-columns: 62px minmax(0, 1fr);
    grid-template-areas:
      "logo content"
      "actions actions";
    column-gap: 12px;
    row-gap: 12px;
    border-radius: 10px;
  }

  .notification-permission-logo-wrap {
    width: 62px;
    height: 62px;
  }

  .notification-permission-logo {
    max-width: 52px;
    max-height: 46px;
  }

  .notification-permission-content h2 {
    font-size: 1.1rem;
  }

  .notification-permission-content p {
    margin-top: 6px;
    font-size: 0.92rem;
    line-height: 1.24;
  }

  .notification-permission-actions {
    justify-content: stretch;
    gap: 10px;
  }

  .notification-permission-actions button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 34px;
    padding: 8px 10px;
    font-size: 0.96rem;
  }

  .entry-video-gate {
    padding-left: 12px;
    padding-right: 12px;
  }

  .entry-video-gate-card {
    width: min(100%, calc(100vw - 24px));
    padding: 22px 18px 24px;
  }

  .entry-video-gate-brand {
    font-size: 26px;
  }

  .entry-video-gate-title {
    display: none;
  }

  .entry-video-gate-card p {
    font-size: 14px;
  }

  .entry-video-gate-btn {
    min-height: 58px;
    padding: 12px 14px;
    font-size: 16px;
  }

  .entry-video-gate-btn-copy small {
    font-size: 12px;
  }

  .entry-video-gate-btn::after {
    width: 36px;
    height: 36px;
  }

  .entry-video-gate-btn::before {
    right: 26px;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 11px;
  }

  .entry-video-gate.is-playing .entry-video-gate-card {
    width: fit-content;
    max-width: calc(100vw - 32px);
  }

  .entry-video-gate-player-wrap {
    border-width: 0;
  }

  .entry-video-gate-player,
  .entry-video-gate-frame {
    max-height: none;
  }

  .mega-menu-panel {
    top: calc(var(--header-height) + var(--news-strip-height));
    width: 96vw;
  }

  .inner-wrap {
    --site-shell-width: 94%;
    width: var(--site-shell-width);
  }

  .page-main {
    --page-main-width: 94%;
    width: var(--page-main-width);
  }

  .section-head h2 {
    font-size: 1.45rem;
  }

  .header-menu-btn {
    padding: 6px 10px;
    font-size: 0.85rem;
  }

  .header-search-btn {
    width: 32px;
    height: 32px;
  }

  .mega-menu-inner {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }

  .mega-menu-column-quick {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .mega-menu-bottom {
    padding: 10px 14px 14px;
    flex-direction: column;
    align-items: flex-start;
  }

  .firm-item {
    width: 180px;
  }

  .firm-logo {
    width: 108px;
    height: 108px;
  }

  .posts-grid,
  .articles-grid,
  .mekan-grid,
  .category-grid,
  .news-detail-top-recommended {
    grid-template-columns: 1fr;
  }

  .home-um-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .home-um-card {
    width: 100%;
    height: auto;
    grid-template-rows: auto auto;
    display: block;
  }

  .home-am-wrap {
    height: 286px;
  }

  .home-am-index {
    width: 44px;
  }

  .home-am-card img {
    min-height: 0;
  }

  .home-am-index button {
    font-size: var(--headline-index-font);
  }

  .home-main-card img {
    min-height: 280px;
  }

  .home-main-index {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .home-main-side {
    grid-template-columns: 1fr;
  }

  .home-main-side-item {
    height: 108px;
  }

  .home-category-showcase {
    padding: 12px 10px 14px;
  }

  .home-category-tabs {
    grid-template-columns: 1fr;
    margin-bottom: 10px;
  }

  .home-category-tab-btn {
    font-size: 0.98rem;
    font-weight: 800;
    padding-bottom: 8px;
  }

  .home-category-popular-grid {
    grid-template-columns: 1fr;
    gap: 12px !important;
  }

  .home-ads-showcase {
    padding: 12px 10px 14px;
  }

  .home-ads-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .home-video-showcase {
    padding: 12px 10px 14px;
  }

  .home-video-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-video-side-list,
  .video-gallery-category-grid,
  .video-gallery-page-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .video-gallery-visual-card-home-main,
  .video-gallery-visual-card-home-side,
  .video-gallery-visual-card-grid {
    min-height: 210px;
  }

  .video-gallery-page-head,
  .video-gallery-category-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .video-gallery-category-actions {
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .video-gallery-visual-card-home-main .video-gallery-visual-title,
  .video-gallery-visual-card-home-side .video-gallery-visual-title,
  .video-gallery-visual-card-grid .video-gallery-visual-title {
    font-size: 0.98rem;
  }

  .video-gallery-visual-play {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 24px;
  }

  .video-detail-shell {
    padding: 10px;
  }

  .video-detail-fullscreen-btn {
    right: 8px;
    top: 8px;
    padding: 6px 10px;
    font-size: 0.78rem;
  }

  .video-gallery-writers {
    padding: 10px 8px;
  }

  .video-gallery-writers-head {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 8px;
  }

  .video-gallery-writers-controls {
    justify-self: start;
  }

  .video-gallery-writers-all-btn {
    justify-self: start;
  }

  .video-gallery-writers-track {
    grid-auto-columns: minmax(244px, 244px);
    gap: 10px;
  }

  .home-writers-showcase {
    --writers-visible: 1;
    --writers-gap: 8px;
    padding: 10px;
  }

  .home-writers-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 0 0 10px;
  }

  .home-writers-head-actions {
    width: 100%;
    justify-content: space-between;
  }

  .home-writers-controls button {
    width: 32px;
    height: 32px;
    font-size: 1.3rem;
  }

  .home-writer-avatar-wrap {
    flex-basis: 108px;
  }

  .home-writer-card {
    height: 300px;
    flex-basis: 196px;
  }

  .home-writer-name {
    font-size: 0.9rem;
    padding: 0;
  }

  .home-writer-email {
    margin: 0;
    font-size: 0.7rem;
  }

  .home-writer-content {
    top: 170px;
    padding-top: 8px;
  }

  .home-writer-date {
    margin-top: 0;
    font-size: 0.68rem;
  }

  .home-writer-title {
    margin-top: 10px;
    font-size: 0.84rem;
  }

  .home-category-card img {
    height: 186px;
  }

  .home-category-card p {
    font-size: 0.9rem;
    font-weight: 800 !important;
  }

  .author-page-avatar {
    width: 84px;
    height: 84px;
    border-width: 3px;
  }

  .author-page-role {
    font-size: 0.82rem;
  }

  .author-page-name {
    font-size: clamp(1.12rem, 6vw, 1.34rem);
  }

  .author-page-shell .detail-breadcrumb {
    font-size: 0.8rem;
  }

  .author-page-email {
    margin-top: 6px;
    font-size: 0.82rem;
  }

  .news-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0;
  }

  .news-left,
  .news-right {
    font-size: 0.95rem;
  }

  .post-card img,
  .mekan-card img {
    height: 190px;
  }

  .news-detail-shell {
    padding: 10px 10px 14px;
    width: 100%;
  }

  .news-detail-header h1 {
    font-size: var(--news-detail-title-size, var(--detail-title-size, 41pt));
  }

  .news-detail-header h1,
  .news-detail-header .news-detail-meta,
  .news-detail-header .content-tags,
  .news-detail-header .news-detail-share-rail {
    width: 100%;
    max-width: 100%;
  }

  .member-form-row,
  .member-form-actions {
    grid-template-columns: 1fr;
  }

  .corporate-nav-box {
    padding: 12px;
  }

  .corporate-nav-link {
    font-size: 0.9rem;
    padding: 10px 6px 10px 20px;
  }

  .news-content-text-group p {
    font-size: var(--news-detail-body-size, 15pt);
    line-height: var(--news-detail-body-line-height, 26pt);
  }

  .news-side-card {
    display: block;
  }

  .news-side-block {
    grid-template-columns: 1fr;
  }

  .news-side-card img {
    width: 100%;
    height: 110px;
  }

  .guide-hero {
    height: 240px;
    min-height: 240px;
    max-height: 240px;
  }

  .guide-hero-video {
    height: 240px;
    min-height: 240px;
    max-height: 240px;
  }

  .guide-hero-content {
    width: 100%;
    justify-content: flex-end;
    padding: 20px 16px;
  }

  .guide-hero-search {
    min-height: 56px;
  }

  .rank-panel,
  .award-panel,
  .days-panel,
  .category-panel,
  .online-panel,
  .ideal-panel,
  .price-panel {
    width: 100%;
  }

  .guide-filter-wrap,
  .mekan-meta-row,
  .mekan-grid {
    padding-left: 8px;
    padding-right: 8px;
  }

  .mekan-grid {
    padding-bottom: 10px;
  }

  #guideView .guide-content-surface {
    margin-top: 0;
    border-radius: 18px;
    padding: 12px 10px 14px;
  }

  #guideView .guide-filter-wrap,
  #guideView .mekan-meta-row,
  #guideView .mekan-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .guide-filter-head {
    gap: 8px;
  }

  .guide-map-trigger {
    width: 35px;
    height: 35px;
  }

  .guide-map-trigger img {
    width: 35px;
    height: 35px;
  }

  .guide-map-sidebar {
    width: 260px;
    top: 70px;
    left: 10px;
    bottom: 10px;
  }

  .guide-map-modal-head {
    top: 10px;
    padding: 8px 12px;
  }

  .detail-gallery-stage img {
    height: 260px;
  }

  .detail-gallery-nav {
    width: 40px;
    height: 40px;
  }

  .gallery-lightbox {
    padding: 26px 14px 42px;
  }

  .gallery-lightbox-stage {
    width: 100%;
    height: min(72vh, 560px);
  }

  .gallery-lightbox-nav {
    width: 42px;
    height: 42px;
    font-size: 1.6rem;
  }

  .gallery-lightbox-nav.prev {
    left: 8px;
  }

  .gallery-lightbox-nav.next {
    right: 8px;
  }

  .gallery-lightbox-close {
    top: 10px;
    right: 12px;
    font-size: 2rem;
  }

  .gallery-lightbox-progress-track {
    bottom: 16px;
    width: calc(100vw - 28px);
  }

  .comment-row {
    grid-template-columns: 1fr;
  }

  .detail-main h2,
  .detail-location h3,
  .detail-comments h3,
  .detail-recommend h3 {
    font-size: 1.6rem;
  }

  #mekanDetayView .detail-page-title {
    width: min(100%, calc(100% - 48px));
    padding: 0 20px;
    box-sizing: border-box;
    font-size: clamp(1.42rem, 6.8vw, 2.38rem);
    line-height: 0.98;
    margin: 6px auto 14px;
  }

  #mekanDetayView .detail-shell .detail-top-row,
  #mekanDetayView .detail-header-meta,
  #mekanDetayView .guide-content-tags {
    width: min(100%, calc(100% - 48px));
    padding-left: 20px;
    padding-right: 20px;
  }

  #mekanDetayView .detail-header-stars {
    gap: 5px;
  }

  #mekanDetayView .detail-rating-point {
    width: 15px;
    height: 15px;
    border-width: 2px;
  }

  .content-tags {
    gap: 8px 10px;
  }

  .content-tag-btn {
    padding: 8px 13px;
    font-size: 0.76rem;
  }

  #detailMap {
    height: 260px;
  }
}

/* Step 14: visual foundation refresh (non-breaking override layer) */
:root {
  --site-font: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --news-headline-font: "Metropolis ExtraBold", "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --page-gray: #f5f5f5;
  --line: #d3dbe5;
  --hover-red: #cf1d39;
  --menu-left-bg: #cf1d39;
  --menu-right-bg: #cf1d39;
  --breaking-bg-color: #1a1f2a;
}

html {
  background: #ffffff;
}

body {
  color: #1f201e;
  line-height: 1.55;
  background: #ffffff;
}

#homeView {
  background: #f5f5f5 !important;
}

#homeView .card-shell,
#homeView .home-hierarchy-block,
#homeView .post-card,
#homeView .home-category-card p {
  background: #ffffff !important;
}

#homeView .home-writers-showcase {
  background: #ffffff !important;
}

#homeView .home-category-showcase,
#homeView .home-category-popular-grid {
  background: #f5f5f5 !important;
  border-radius: 0 !important;
}

#homeView .card-shell,
#homeView .home-hierarchy-block,
#homeView .home-writers-showcase,
#homeView .home-category-showcase,
#homeView .home-ads-showcase,
#homeView .home-video-gallery {
  border-radius: 0 !important;
}

#homeView .home-category-card {
  height: auto !important;
  align-self: start !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

#homeView .home-category-card img,
#homeView .home-category-card p {
  border-radius: 0 !important;
}

body::before {
  content: none;
  position: fixed;
  inset: -15%;
  pointer-events: none;
  z-index: -1;
  opacity: 0.07;
  background-image: repeating-linear-gradient(
    112deg,
    rgba(38, 52, 74, 0.03) 0px,
    rgba(38, 52, 74, 0.03) 1px,
    transparent 1px,
    transparent 22px
  );
}

h1,
h2,
h3,
.section-head h2,
#brandText,
.home-writers-head h3,
.news-detail-header h1 {
  font-family: var(--site-font);
  letter-spacing: 0.01em;
}

.home-um-card p,
.home-am-overlay h3,
.home-main-overlay h3,
.home-main-side-item p,
.home-category-card p,
.post-title,
.news-top-card p,
.news-side-title,
.news-detail-header h1,
.news-detail-continued-header h2 {
  font-family: var(--news-headline-font) !important;
  letter-spacing: 0;
}

.red-header {
  background: linear-gradient(180deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%);
  box-shadow: 0 12px 28px rgba(66, 34, 15, 0.23);
}

.news-strip {
  background: var(--breaking-bg-color);
}

.main-nav a,
.main-nav .nav-link-btn {
  border-radius: 999px;
  padding: 8px 12px;
  transition:
    background-color 0.22s ease,
    color 0.22s ease,
    transform 0.22s ease;
}

.main-nav a:hover,
.main-nav a.active,
.main-nav .nav-link-btn:hover,
.main-nav .nav-link-btn.active,
.main-nav .nav-item-dropdown.open > .nav-link-btn {
  color: #fffdf9;
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-1px);
}

.header-menu-btn {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
}

.content-view.active {
  animation: fmFadeRise 0.4s ease both;
}

@keyframes fmFadeRise {
  from {
    opacity: 0;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.card-shell,
.home-hierarchy-block,
.news-category-shell,
.e-dergi-shell,
.news-detail-shell,
.category-shell,
.info-page-shell,
#guideView .guide-content-surface {
  border-radius: 18px;
  border-color: transparent;
  box-shadow: none;
  background: #ffffff !important;
}

.home-hierarchy-block.home-video-showcase,
#homeView .home-hierarchy-block.home-video-showcase {
  background: #1b1917 !important;
}

/* Firmalar beyaz yuzeyi kare kalir */
.firms-fullbleed.card-shell {
  border-radius: 0;
  background: #ffffff !important;
}

.firms-fullbleed.card-shell::before {
  background: none !important;
}

.firms-section.firms-fullbleed.card-shell {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.home-hierarchy-block.home-writers-showcase {
  background: #ffffff !important;
  border-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.home-um-card,
.home-am-card,
.home-main-card,
.home-category-card,
.post-card,
.news-top-card,
.news-side-card,
.home-main-side-item {
  border-radius: 14px;
  overflow: hidden;
}

/* 4'lu manset kartlari kare */
.home-um-card {
  border-radius: 0;
}

.home-um-card,
.home-category-card,
.post-card,
.news-top-card,
.news-side-card,
.video-gallery-card,
.home-main-side-item {
  box-shadow: 0 10px 20px rgba(48, 29, 15, 0.08);
}

/* Bu bloktaki haber kartlarinda koseler kesin olarak uygula */
.home-category-popular-grid .home-category-card,
.home-category-popular-grid .post-card {
  border-radius: 0 !important;
  overflow: hidden !important;
}

.home-category-popular-grid .home-category-card img,
.home-category-popular-grid .post-card img {
  border-radius: 0 !important;
}

.home-category-popular-grid .home-category-card p,
.home-category-popular-grid .post-card .post-title {
  border-radius: 0 !important;
  font-size: 12pt !important;
}

/* 5'li ve 20'li mansetler marka talebine gore kare kenar kalir */
.home-am-block,
.home-main-headline-block,
.home-am-card,
.home-main-card,
.home-main-side-item {
  border-radius: 0;
}

.home-um-card:hover,
.home-category-card:hover,
.post-card:hover,
.news-top-card:hover,
.news-side-card:hover,
.video-gallery-card:hover {
  transform: none;
}

/* Haber fotoğrafları: imleçte alan dışına 1px taşarak büyüme */
:root {
  --news-image-hover-bleed: 3px;
}

.home-um-card,
.home-am-card,
.home-main-card,
.home-main-side-item,
.home-category-card,
.post-card,
.news-top-card,
.news-side-card,
.news-detail-hero,
.news-detail-continued-hero,
.news-content-image-block {
  overflow: visible !important;
}

.home-main-side-media,
.news-hover-preview-host,
.news-hover-preview-media {
  overflow: visible !important;
}

.home-um-card img,
.home-am-card img,
.home-main-card img,
.home-main-side-item img,
.home-category-card img,
.post-card img,
.news-top-card img,
.news-side-card img,
#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card img,
.news-detail-hero img,
.news-detail-continued-hero img,
.news-content-image-block img {
  position: relative;
  z-index: 1;
  transition: transform 0.26s ease !important;
  transform-origin: center center;
  will-change: transform;
  transform: translate3d(0, 0, 0) !important;
}

.news-detail-hero:hover img,
.news-detail-continued-hero:hover img,
.news-content-image-block:hover img {
  transform: translate3d(0, 0, 0) !important;
}

/* Haber detayında daha dengeli başlık, görsel ve yan öneri oranları. */
#newsDetailView .news-detail-header h1 {
  font-size: clamp(2rem, 3.15vw, 3rem) !important;
  line-height: 1.12 !important;
}

#newsDetailView .news-detail-hero {
  aspect-ratio: 16 / 9;
  max-height: 680px;
}

#newsDetailView .news-detail-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#newsDetailView #newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card {
  grid-template-rows: auto minmax(0, 1fr);
}

#newsDetailView #newsDetailRelatedList.news-detail-related-main-side .post-card img {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

#newsDetailView .news-detail-reading-controls {
  width: fit-content;
  margin: 0;
  padding: 6px 8px 6px 12px;
  border: 1px solid #e1e5eb;
  border-radius: 999px;
  background: #ffffff;
  color: #7b8492;
  cursor: default;
}

#newsDetailView .news-detail-below-hero-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-height: 70px;
  margin-top: 0;
  padding: 10px 0 12px;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-share-rail {
  position: static;
  order: 2;
  width: auto;
  max-width: none;
  margin: 0;
  justify-content: flex-start;
  pointer-events: auto;
  grid-column: 2;
  justify-self: center;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-share-rail > .news-share-btn .news-share-menu-icon {
  width: 18px;
  height: 18px;
  fill: #ffffff;
  stroke: #ffffff;
  stroke-width: 1.3;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn > span:not(.news-share-icon):not(.news-share-more-dots):not(.news-share-more-close) {
  display: none;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn.whatsapp {
  --share-bg: #25c866;
  background: var(--share-bg);
  color: #ffffff;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn.x {
  --share-bg: #111111;
  background: var(--share-bg);
  color: #ffffff;
}

#newsDetailView .news-share-icon-letter {
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px;
  background: linear-gradient(135deg, #14cbd7 0%, #087fe9 52%, #293de4 100%);
  color: #ffffff !important;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 3px 8px rgba(35, 104, 224, 0.22);
}

#newsDetailView .news-share-icon-letter .nsocial-logo {
  display: block;
  width: 100%;
  height: 100%;
}

#newsDetailView .news-share-menu-item .news-share-icon-letter {
  width: 21px !important;
  height: 21px !important;
  border-radius: 6px;
  font-size: 0.92rem !important;
  justify-self: center;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-share-rail::before {
  font-size: 1rem;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-google-news-subscribe {
  position: static;
  order: 3;
  margin-left: auto;
  top: auto;
  right: auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
  grid-column: 3;
  justify-self: end;
}

#newsDetailView .news-detail-below-hero-tools .news-detail-reading-controls {
  grid-column: 1;
  justify-self: start;
}

#newsDetailView .news-detail-reading-label {
  font-size: 0.78rem;
  font-weight: 600;
}

#newsDetailView .news-detail-reading-controls .news-detail-font-actions {
  display: inline-flex;
}

#newsDetailView .news-detail-reading-controls .news-detail-font-btn {
  min-width: 34px;
  height: 28px;
}

@media (max-width: 980px) {
  #newsDetailView .news-detail-hero {
    max-height: none;
  }

  #newsDetailView .news-detail-reading-controls {
    margin-left: 0;
  }

  #newsDetailView .news-detail-below-hero-tools {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail {
    order: 2;
    width: 100%;
    justify-content: flex-start;
  }

  #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn {
    width: 38px;
    height: 38px;
  }

  #newsDetailView .news-detail-below-hero-tools .news-detail-google-news-subscribe {
    margin-left: auto;
  }
}

#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card:hover img,
#newsDetailRelatedList.news-detail-related-main-side .news-detail-related-main-card:focus-visible img {
  transform: scale(1.02) !important;
}

.post-card:hover img,
.post-card:focus-visible img,
.news-side-card:hover img,
.news-side-card:focus-visible img,
.news-top-card:hover img,
.news-top-card:focus-visible img {
  transform: translate3d(0, 0, 0) scale(1.02) !important;
}

.home-am-card:hover img,
.home-am-card:focus-visible img,
.home-main-card:hover img,
.home-main-card:focus-visible img {
  transform: translate3d(0, 0, 0) scale(1.07) !important;
}

/* Anasayfa kategori 3'lü kart alanı: görsel ve kart sabit kalsın */
#homeCategoryShowcaseSection .home-category-card,
#homeCategoryShowcaseSection .post-card {
  transform: none !important;
}

#homeCategoryShowcaseSection .home-category-card:hover,
#homeCategoryShowcaseSection .home-category-card:focus-visible,
#homeCategoryShowcaseSection .post-card:hover,
#homeCategoryShowcaseSection .post-card:focus-visible {
  transform: none !important;
}

#homeCategoryShowcaseSection .home-category-card img,
#homeCategoryShowcaseSection .post-card img,
#homeCategoryShowcaseSection .home-category-card:hover img,
#homeCategoryShowcaseSection .home-category-card:focus-visible img,
#homeCategoryShowcaseSection .post-card:hover img,
#homeCategoryShowcaseSection .post-card:focus-visible img {
  transform: none !important;
}

/* 5'li manşet görseli akışta kaymasın, sağ blokta sabit dursun */
.home-am-card img {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 66% !important;
  height: 100% !important;
}


.section-head h2 {
  color: #2c2218;
  font-weight: 700;
  font-size: clamp(1.15rem, 1.35vw, 1.45rem);
}

.section-head h2::after {
  content: "";
  display: block;
  width: 74px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%);
}

.back-btn,
.home-writers-all-btn,
.home-writers-controls button,
.member-code-btn,
.member-form button {
  border-radius: 999px;
}

@media (max-width: 980px) {
  :root {
    --site-right-gutter: 0px;
  }

  body::before {
    opacity: 0.12;
  }

  .page-main {
    --page-main-width: calc(100% - 48px);
    width: var(--page-main-width);
  }

  .card-shell,
  .home-hierarchy-block,
  .news-category-shell,
  .news-detail-shell,
  .category-shell,
  .info-page-shell,
  #guideView .guide-content-surface {
    border-radius: 14px;
  }

  .main-nav a,
  .main-nav .nav-link-btn {
    padding: 7px 10px;
  }

  .language-switcher {
    right: 10px;
    bottom: 10px;
  }

  .language-switcher-trigger {
    min-width: 124px;
    height: 48px;
    font-size: 1rem;
  }

  .language-switcher-flag {
    width: 26px;
    height: 26px;
    font-size: 1.25rem;
  }
}

/* Top banner nav lock: desktop'ta daima 25px ve kare menu */
:root {
  --top-banner-nav-gap: 30px;
  --home-template-width: 1100px;
  --home-um-card-width: 266px;
  --home-um-card-height: 244px;
  --home-um-gap: 13px;
  --home-am-height: 331px;
  --home-main-width: 1100px;
  --home-main-height: 452px;
  --home-main-lead-width: 730px;
  --home-main-gap: 13px;
  --home-main-index-height: 46px;
  --home-main-side-width: calc(var(--home-main-width) - var(--home-main-lead-width) - var(--home-main-gap));
}

@media (min-width: 1101px) {
  /* Anasayfa manset sema konteynerleri (4'lu, 5'li, 20'li + yan blok) */
  #homeUMSection,
  #homeAMSection,
  #homeMainSection,
  #homeCategoryShowcaseSection,
  #homeWritersSection {
    width: var(--home-template-width);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  #homeUMGrid {
    width: 100%;
    min-height: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--home-um-gap);
    row-gap: var(--home-um-gap);
    padding: 0;
    align-items: start;
  }

  #homeUMGrid .home-um-card {
    width: 100%;
    max-width: var(--home-um-card-width);
    height: auto;
    justify-self: center;
    align-self: start;
    grid-template-rows: 148px auto;
  }

  #homeUMGrid .home-um-card img {
    height: 148px;
  }

  #homeAMSection .home-am-wrap {
    width: 100%;
    height: var(--home-am-height);
  }

  #homeMainSection .home-main-headline-wrap {
    width: var(--home-main-width);
    max-width: 100%;
    height: var(--home-main-height);
    grid-template-columns: var(--home-main-lead-width) 1fr;
    column-gap: 0;
  }

  #homeMainSection .home-main-headline-left {
    grid-template-rows: minmax(0, 1fr) var(--home-main-index-height);
  }

  #homeMainSection .home-main-side {
    width: 100%;
    height: var(--home-main-height);
    align-content: stretch;
    align-items: center;
    justify-items: end;
    padding: 0;
  }

  #homeMainSection .home-main-side .home-mag-frame {
    align-self: stretch;
    margin: 30px 16px 8px;
    width: auto;
  }

  #homeMainSection .home-main-side-item {
    height: calc(var(--home-main-height) / var(--home-main-side-count, 4));
    margin-left: auto;
  }

  .red-header .main-nav {
    gap: var(--top-banner-nav-gap) !important;
    flex-wrap: nowrap !important;
  }

  .red-header .main-nav > a,
  .red-header .main-nav > .nav-item > .nav-link-btn {
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
  }

  .red-header .main-nav > a:hover,
  .red-header .main-nav > a.active,
  .red-header .main-nav > .nav-item > .nav-link-btn:hover,
  .red-header .main-nav > .nav-item > .nav-link-btn.active {
    color: #ffd6df !important;
    background: transparent !important;
    transform: none !important;
  }
}

/* Header revizyonu: beyaz üst alan + alt satır kan kırmızısı menü */
:root {
  --header-blood-red: #8b0018;
  --header-blood-red-dark: #640012;
  --header-height: 132px;
  --menu-display-font: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.red-header .main-nav > a,
.red-header .main-nav > .nav-item > .nav-link-btn,
.header-menu-btn,
.header-login-btn,
.header-favorite-btn {
  font-family: var(--menu-display-font) !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

.red-header .main-nav > a,
.red-header .main-nav > .nav-item > .nav-link-btn {
  text-rendering: geometricPrecision;
}

.red-header .main-nav > .nav-item > .nav-link-btn .nav-caret {
  font-size: 0.6rem !important;
  margin-left: 7px !important;
}

.main-nav .nav-dropdown a,
.mega-menu-column h3,
.mega-menu-subtitle,
.mega-menu-list button {
  font-family: var(--menu-display-font) !important;
  letter-spacing: 0.008em;
}

.main-nav .nav-dropdown a,
.mega-menu-list button {
  font-size: 0.9rem;
  font-weight: 620;
}

.mega-menu-column h3 {
  font-size: 0.96rem;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.red-header {
  background: #ffffff;
  color: #1f2937;
  border-bottom: 0;
  box-shadow: none;
  position: sticky;
  top: 0;
  z-index: 920;
}

.header-row {
  min-height: 132px;
  display: grid;
  grid-template-columns: minmax(320px, auto) minmax(420px, 529px) 92px 44px 46px;
  grid-template-areas:
    "brand search login notify menu"
    "nav nav nav nav nav";
  align-items: center;
  column-gap: 12px;
  row-gap: 10px;
  padding: 10px 16px 10px 150px;
  position: relative;
}

.header-row::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(180deg, rgba(221, 227, 236, 0.95) 0%, rgba(221, 227, 236, 0.72) 100%);
  box-shadow: 0 8px 18px rgba(20, 30, 48, 0.08);
  transition: opacity 0.18s ease, box-shadow 0.18s ease;
}

body.header-divider-hidden .header-row::after {
  opacity: 0;
  box-shadow: none;
}

.news-strip {
  position: sticky;
  top: var(--header-height);
  z-index: 910;
}

#megaMenuPanel {
  position: fixed;
  top: calc(var(--header-height) + var(--news-strip-height));
  z-index: 930;
}

body.news-strip-inactive #megaMenuPanel {
  top: var(--header-height);
}

.header-row.no-header-media {
  grid-template-columns: minmax(320px, auto) minmax(420px, 529px) 92px 44px 46px;
  grid-template-areas:
    "brand search login notify menu"
    "nav nav nav nav nav";
}

.brand {
  grid-area: brand;
  color: #23292f;
  margin-left: 0;
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  justify-self: start;
  flex: 0 0 auto;
}

#brandText {
  color: var(--header-blood-red);
}

#brandLogo {
  width: auto;
  max-width: 100%;
  height: clamp(48px, 4vw, 70px);
  max-height: 70px;
  display: block;
  object-fit: contain;
}

#brandLogoPdf {
  height: 55px;
}

.header-media-slot {
  display: none !important;
}

.header-site-search {
  grid-area: search;
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 10;
  width: min(529px, 100%);
  height: 44px;
  border: 1px solid #c6cedb;
  border-radius: 0;
  background: #ffffff;
  padding: 0 10px 0 6px;
  margin-left: -125px;
}

.header-favorite-wrap,
.header-notifications-btn,
.header-login-btn,
.header-profile-btn,
.header-menu-btn {
  position: relative;
  z-index: 20;
}

.header-favorite-menu,
.header-search-results {
  z-index: 140;
}

.header-site-search-btn {
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #5f6570;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 999px;
}

.header-site-search-btn svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.header-site-search-input {
  flex: 1 1 auto;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1f2937;
  font: inherit;
  font-size: 1.02rem;
  font-weight: 400;
}

.header-site-search-input::placeholder {
  color: #7a8291;
}

.header-site-search-input::-webkit-search-cancel-button,
.header-site-search-input::-webkit-search-decoration,
.header-site-search-input::-webkit-search-results-button,
.header-site-search-input::-webkit-search-results-decoration,
.site-search-input::-webkit-search-cancel-button,
.site-search-input::-webkit-search-decoration,
.site-search-input::-webkit-search-results-button,
.site-search-input::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

.header-site-search-input::-ms-clear,
.site-search-input::-ms-clear {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.header-search-results {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #d6dde8;
  border-radius: 14px;
  box-shadow: 0 18px 28px rgba(18, 32, 58, 0.14);
  z-index: 140;
  max-height: 390px;
  overflow: auto;
}

.header-search-results-list {
  margin: 0;
  padding: 6px;
  list-style: none;
  display: grid;
  gap: 4px;
}

.header-search-result-btn {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 10px;
  background: #ffffff;
  text-align: left;
  padding: 8px 10px;
  cursor: pointer;
  display: grid;
  gap: 2px;
}

.header-search-result-btn:hover,
.header-search-result-btn:focus-visible {
  border-color: #efb5c0;
  background: #fff7f9;
}

.header-search-result-type {
  color: #8a95a8;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.header-search-result-title {
  color: #1f2937;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
}

.header-search-result-meta {
  color: #647188;
  font-size: 0.79rem;
  line-height: 1.25;
}

.header-search-empty {
  margin: 0;
  padding: 12px 14px;
  color: #66748b;
  font-size: 0.87rem;
}

.header-favorite-wrap {
  grid-area: favorite;
  position: relative;
  justify-self: start;
  width: 170px;
  margin-left: 0;
  margin-right: 14px;
  padding-right: 14px;
  transform: translateX(-110px);
}

.header-notifications-btn {
  grid-area: notify;
  justify-self: end;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--header-blood-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: none;
  margin-right: 10px;
  cursor: pointer;
  box-shadow: none;
}

.header-notifications-btn::before {
  content: "";
  width: 28px;
  height: 28px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.3 2.3 0 0 0 2.3-2.3h-4.6A2.3 2.3 0 0 0 12 22Zm6.2-5.1V10a6.2 6.2 0 1 0-12.4 0v6.9L4 18.7v1h16v-1l-1.8-1.8Zm-2-.6.8.8H7l.8-.8V10a4.2 4.2 0 1 1 8.4 0v6.3Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.3 2.3 0 0 0 2.3-2.3h-4.6A2.3 2.3 0 0 0 12 22Zm6.2-5.1V10a6.2 6.2 0 1 0-12.4 0v6.9L4 18.7v1h16v-1l-1.8-1.8Zm-2-.6.8.8H7l.8-.8V10a4.2 4.2 0 1 1 8.4 0v6.3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.header-notifications-btn.has-badge::after {
  content: attr(data-badge);
  position: absolute;
  top: -2px;
  right: -4px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--header-blood-red);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: none;
}

.header-notifications-btn:hover,
.header-notifications-btn:focus-visible {
  background: transparent;
  color: var(--header-blood-red);
}

.header-favorite-wrap::after {
  display: none;
}

.header-favorite-btn {
  border: 0;
  background: transparent;
  color: var(--header-blood-red);
  font: inherit;
  font-size: 0.94rem;
  font-weight: 700;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.header-favorite-btn::before {
  content: "";
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35 10.55 20.03C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09A6 6 0 0 1 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35 10.55 20.03C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09A6 6 0 0 1 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.header-favorite-btn:hover,
.header-favorite-btn[aria-expanded="true"] {
  color: var(--header-blood-red);
  border-color: transparent;
  background: #d7d7d7;
}

.header-favorite-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: min(320px, 86vw);
  background: #ffffff;
  border: 1px solid #e0e5ee;
  border-radius: 14px;
  box-shadow: 0 18px 34px rgba(16, 24, 40, 0.14);
  padding: 10px;
  z-index: 150;
}

.header-favorite-menu h3 {
  margin: 0 0 8px;
  color: #2f3746;
  font-size: 0.94rem;
  font-weight: 700;
}

.header-favorite-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 300px;
  overflow: auto;
}

.header-favorite-item-btn {
  width: 100%;
  text-align: left;
  border: 1px solid transparent;
  background: transparent;
  color: #1f2937;
  border-radius: 10px;
  padding: 8px 10px;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}

.header-favorite-item-btn:hover,
.header-favorite-item-btn:focus-visible {
  border-color: #efb5c0;
  background: #fff6f8;
  color: var(--header-blood-red);
}

.header-favorite-empty {
  margin: 0;
  color: #667085;
  font-size: 0.86rem;
  padding: 8px 4px;
}

.header-login-btn {
  grid-area: login;
  justify-self: start;
  width: 72px;
  min-width: 72px;
  max-width: 72px;
  margin-left: 0;
  transform: none;
  margin-right: 15px;
  border: 0;
  background: #cf1d39;
  color: #ffffff;
  font: inherit;
  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0.01em;
  border-radius: 7px;
  min-height: 35px;
  height: 35px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-shadow: 0 8px 18px rgba(143, 58, 52, 0.18);
  white-space: nowrap;
}

.header-login-btn::before {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12.4a4.6 4.6 0 1 0 0-9.2 4.6 4.6 0 0 0 0 9.2Zm0 1.7c-4.6 0-8.4 2.5-8.4 5.5v.2c0 .7.6 1.2 1.2 1.2h14.4c.7 0 1.2-.6 1.2-1.2v-.2c0-3-3.8-5.5-8.4-5.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12.4a4.6 4.6 0 1 0 0-9.2 4.6 4.6 0 0 0 0 9.2Zm0 1.7c-4.6 0-8.4 2.5-8.4 5.5v.2c0 .7.6 1.2 1.2 1.2h14.4c.7 0 1.2-.6 1.2-1.2v-.2c0-3-3.8-5.5-8.4-5.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.header-login-btn:hover,
.header-login-btn:focus-visible {
  color: #ffffff;
  border-color: transparent;
  background: #7d2f2a;
}

.header-profile-btn {
  grid-area: profile;
  justify-self: start;
  margin-left: 0;
  transform: translateX(-80px);
  position: relative;
  z-index: 24;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--header-blood-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.header-profile-btn svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.header-profile-btn:hover,
.header-profile-btn:focus-visible {
  background: #d7d7d7;
}

.header-menu-btn {
  grid-area: menu;
  justify-self: start;
  width: 46px;
  margin-left: 0;
  transform: translateX(0);
  color: var(--header-blood-red);
  border: 0;
  border-radius: 999px;
  min-height: 46px;
  padding: 0;
  font-size: 0;
  background: transparent;
  text-align: center;
  justify-content: center;
}

.header-menu-btn:hover,
.header-menu-btn.open {
  color: var(--header-blood-red);
  border-color: transparent;
  background: transparent;
}

.main-nav {
  grid-area: nav;
  justify-content: flex-start;
  gap: 30px;
  padding: 0 0 2px 5px;
}

.main-nav a,
.main-nav .nav-link-btn {
  color: var(--header-blood-red) !important;
  font-weight: 500;
  font-size: calc(1.015rem - 10px);
  border-radius: 0;
  padding: 0 0 5px;
  border-bottom: 2px solid transparent;
  transition: none;
}

.red-header .main-nav > a,
.red-header .main-nav > .nav-item > .nav-link-btn {
  color: var(--header-blood-red) !important;
  border-radius: 0 !important;
  padding: 0 0 5px !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
  transform: none !important;
}

.main-nav a.active,
.main-nav .nav-link-btn.active,
.main-nav .nav-item-dropdown.open > .nav-link-btn {
  color: var(--header-blood-red) !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.red-header .main-nav > a:hover,
.red-header .main-nav > .nav-item > .nav-link-btn:hover {
  color: var(--header-blood-red-dark) !important;
  border-bottom-color: var(--header-blood-red-dark) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.red-header .main-nav a:hover,
.red-header .main-nav .nav-link-btn:hover {
  color: var(--header-blood-red-dark) !important;
  border-bottom-color: var(--header-blood-red-dark) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.red-header .main-nav > a.active,
.red-header .main-nav > .nav-item > .nav-link-btn.active,
.red-header .main-nav > .nav-item-dropdown.open > .nav-link-btn {
  color: var(--header-blood-red) !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  :root {
    --header-height: 84px;
  }

  .header-row {
    min-height: auto;
    grid-template-columns: 1fr auto auto;
    grid-template-areas:
      "brand menu lang"
      "search search search";
    row-gap: 10px;
    padding: 8px 12px 10px;
  }

  .header-row.no-header-media {
    grid-template-columns: 1fr auto auto;
    grid-template-areas:
      "brand menu lang"
      "search search search";
  }

  .header-site-search {
    width: 100%;
    height: 42px;
    margin-left: 0;
  }

  .header-favorite-wrap,
  .header-notifications-btn,
  .header-login-btn,
  .header-profile-btn {
    display: none;
  }

  .red-header .language-switcher {
    grid-area: lang;
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 48px !important;
    height: 38px !important;
    justify-self: end;
    align-self: center;
    z-index: 30;
    margin-left: 18px;
  }

  .red-header .language-switcher-trigger {
    min-width: 48px !important;
    width: 48px !important;
    height: 38px !important;
    padding: 0 !important;
    gap: 4px !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
  }

  .red-header .language-switcher-trigger:hover,
  .red-header .language-switcher-trigger:focus-visible {
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .red-header .language-switcher-flag {
    display: none !important;
  }

  .red-header .language-switcher-head {
    display: none !important;
  }

  .red-header .language-switcher-option.active {
    border-color: transparent !important;
    background: #ffffff !important;
    color: #263143 !important;
  }

  .main-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .notifications-shell {
    width: min(100%, calc(100vw - 40px));
    padding: 18px 0 40px;
  }

  .notifications-header {
    gap: 14px;
    margin-bottom: 18px;
  }

  .notification-card-copy {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 20px 0;
  }

  .notification-card-media {
    grid-column: 1;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .notification-card-text {
    grid-column: 1;
  }

  .notification-card-text,
  .notification-card-text p,
  .notification-card-media {
    max-width: none;
    width: 100%;
  }
}

/* Guide firma listesi: 1142x337, satirda 4 kart */
@media (min-width: 1241px) {
  #guideView .guide-filter-wrap,
  #guideView .mekan-meta-row {
    width: min(1142px, 100%);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  #guideView .mekan-grid {
    width: min(1142px, 100%);
    margin: 12px auto 0;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  #guideView .mekan-info {
    padding: 10px 12px 8px;
    overflow: hidden;
  }

  #guideView .mekan-title {
    font-size: 1.22rem;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #guideView .mekan-sub,
  #guideView .mekan-line {
    font-size: 0.92rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

#guideView .mekan-card .mekan-sub {
  display: inline-block;
  max-width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 2px 8px;
  border: 1px solid #e2e5eb;
  border-radius: 7px;
  background: #f6f6f6;
  color: #5f6674;
  font-weight: 500;
  font-size: 0.84rem;
  line-height: 1.15;
}

#guideView .mekan-card .mekan-line {
  margin-top: 2px;
  line-height: 1.2;
}
@keyframes language-flag-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Metin girilen alanlarda I-beam imleci sabitle */
body input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]),
body textarea,
body [contenteditable="true"],
body [contenteditable="plaintext-only"] {
  cursor: text !important;
}

body input[readonly],
body textarea[readonly],
body input:disabled,
body textarea:disabled {
  cursor: not-allowed !important;
}

.detail-breadcrumb,
.news-detail-breadcrumb,
.member-auth-breadcrumb,
.author-page-shell .detail-breadcrumb {
  color: #000000 !important;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-shadow: 0.16px 0 0 currentColor;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
}

.detail-breadcrumb .detail-crumb-link,
.detail-breadcrumb .detail-crumb-sep,
.detail-breadcrumb .detail-crumb-current,
.news-detail-breadcrumb .detail-crumb-link,
.news-detail-breadcrumb .detail-crumb-sep,
.news-detail-breadcrumb .detail-crumb-current,
.member-auth-breadcrumb .detail-crumb-link,
.member-auth-breadcrumb .detail-crumb-sep,
.member-auth-breadcrumb .detail-crumb-current,
.author-page-shell .detail-breadcrumb .detail-crumb-link,
.author-page-shell .detail-breadcrumb .detail-crumb-sep,
.author-page-shell .detail-breadcrumb .detail-crumb-current {
  color: #000000 !important;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-shadow: 0.16px 0 0 currentColor;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
}

.detail-breadcrumb .detail-crumb-sep,
.news-detail-breadcrumb .detail-crumb-sep,
.member-auth-breadcrumb .detail-crumb-sep,
.author-page-shell .detail-breadcrumb .detail-crumb-sep {
  margin: 0 8px !important;
}

/* Anasayfa kategori manşet bloğu yeniden çerçeveli dursun */
#homeView .home-category-showcase {
  border: 1px solid #dfe4ec !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  padding: 20px 18px 10px !important;
}

#homeView .home-category-popular-grid,
#homeView .home-category-tabs {
  background: #ffffff !important;
}

#homeView #homeUMSection {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

#homeView #homeUMGrid {
  background: transparent !important;
}

#homeView #homeAMSection {
  margin-top: 0 !important;
}

/* Zoom sabitleme: anasayfada uygulanan sabit içerik davranışını diğer sayfalara da yay */
@media (min-width: 1101px) {
  .page-main {
    width: var(--home-template-width) !important;
    max-width: var(--home-template-width) !important;
  }

  #newsCategoryView .news-category-shell,
  #newsCategoryView .category-shell,
  #categoryView .category-shell,
  #eDergiView .articles-shell,
  #eDergiView .e-dergi-shell,
  #infoPageView .info-page-shell,
  #guideView .guide-content-surface,
  #authorProfileView .author-page-shell,
  #mekanDetayView .detail-shell,
  #videoDetailView .video-detail-shell,
  #notificationsView .notifications-shell,
  #searchView .site-search-shell,
  #newsDetailView .news-detail-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ── Haber Yorumları ──────────────────────────────── */
.news-comments-section {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #e4e8ee;
}

.news-comments-section > h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1a2030;
  margin: 0 0 16px;
}

.news-comments-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.news-comment-item {
  background: #f7f9fc;
  border: 1px solid #e1e5ea;
  border-radius: 10px;
  padding: 12px 14px;
}

.news-comment-author {
  font-weight: 700;
  font-size: 0.88rem;
  color: #1a2030;
}

.news-comment-date {
  font-size: 0.78rem;
  color: #8a94a2;
  margin-left: 8px;
}

.news-comment-text {
  margin: 6px 0 0;
  font-size: 0.9rem;
  color: #2c3139;
  line-height: 1.55;
}

.news-comment-empty {
  color: #8a94a2;
  font-size: 0.88rem;
  margin: 0;
}

.news-comment-form-wrap {
  background: #ffffff;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin-top: 24px;
}

.news-comment-form-wrap h4 {
  font-size: 1.55rem;
  font-weight: 800;
  color: #111827;
  margin: 0 0 18px;
}

.news-comment-form-wrap form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news-comment-input,
.news-comment-textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid #d1d5db;
  border-radius: 10px;
  padding: 13px 16px;
  font-size: 0.97rem;
  font-family: inherit;
  color: #111827;
  background: #fff;
  transition: border-color .18s;
  outline: none;
}

.news-comment-input:focus,
.news-comment-textarea:focus {
  border-color: #6b7280;
}

.news-comment-textarea {
  resize: vertical;
  min-height: 160px;
}

.news-comment-notice {
  font-size: 0.78rem;
  color: #8a94a2;
  margin: 0;
  line-height: 1.45;
}

.news-comment-submit {
  width: 100%;
  background: #f3f4f6;
  color: #111827;
  border: 1.5px solid #d1d5db;
  border-radius: 999px;
  padding: 13px 22px;
  font-size: 0.97rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .18s, border-color .18s;
  text-align: center;
}

.news-comment-submit:hover {
  background: #e5e7eb;
  border-color: #9ca3af;
}

.news-comment-status {
  font-size: 0.85rem;
  margin: 0;
  padding: 8px 12px;
  border-radius: 7px;
}

.news-comment-status.is-ok {
  background: #edf7ee;
  color: #1e7a2e;
}

.news-comment-status.is-error {
  background: #fdecea;
  color: #b02a37;
}

.news-comment-login-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.news-comment-login-btn {
  border: 1px solid #cf1d39;
  border-radius: 999px;
  background: #cf1d39;
  color: #ffffff;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 8px 16px;
  cursor: pointer;
}

.news-comment-login-btn:hover,
.news-comment-login-btn:focus-visible {
  background: #a9152d;
}

/* Admin panel Yorumlar badge */
.side-link-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: #b02a37;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  margin-left: 6px;
  vertical-align: middle;
}

/* ── Global taşma koruması: tüm detay ve içerik alanları ── */
.news-detail-shell,
.news-detail-shell *,
.news-detail-continuation-list,
.news-detail-continuation-list *,
.video-detail-shell,
.video-detail-shell *,
.detail-shell,
.detail-shell *,
.detail-comments,
.detail-comments *,
.video-detail-comments,
.video-detail-comments *,
.news-comments-section,
.news-comments-section *,
.news-content-text-group,
.news-content-text-group *,
.video-detail-body,
.video-detail-summary,
.comment-item,
.comment-item * {
  overflow-wrap: break-word;
  word-break: break-word;
}

.video-detail-shell,
.detail-shell,
.detail-comments,
.video-detail-comments,
.news-comments-section {
  overflow: hidden;
}

.news-detail-shell img,
.video-detail-shell img,
.detail-shell img,
.news-content-text-group img {
  max-width: 100%;
  height: auto;
}

/* ── Hover scale birleşik kural (tüm haber/içerik kartları) ─────────── */
.posts-grid .post-card img,
.news-category-grid .post-card img,
.news-side-card img,
.news-top-card img,
.home-um-card img,
.home-main-side-item img,
.home-category-card img,
.home-category-popular-grid .post-card img,
.news-detail-pick-card img,
#newsDetailRelatedList .post-card img,
#newsDetailRelatedList .news-detail-related-main-card img {
  transition: transform 0.28s ease !important;
}

.posts-grid .post-card:hover img,
.posts-grid .post-card:focus-visible img,
.news-category-grid .post-card:hover img,
.news-category-grid .post-card:focus-visible img,
.news-side-card:hover img,
.news-side-card:focus-visible img,
.news-top-card:hover img,
.news-top-card:focus-visible img,
.home-um-card:hover img,
.home-um-card:focus-visible img,
.home-main-side-item:hover img,
.home-main-side-item:focus-visible img,
.home-category-card:hover img,
.home-category-card:focus-visible img,
.home-category-popular-grid .post-card:hover img,
.home-category-popular-grid .post-card:focus-visible img,
.news-detail-pick-card:hover img,
#newsDetailRelatedList .post-card:hover img,
#newsDetailRelatedList .post-card:focus-visible img,
#newsDetailRelatedList .news-detail-related-main-card:hover img,
#newsDetailRelatedList .news-detail-related-main-card:focus-visible img {
  transform: scale(1.02) !important;
}

/* FINAL: Header deneme görünümü - kırmızı zemin, beyaz logo ve menü */
html body .red-header {
  background: linear-gradient(180deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%) !important;
  color: var(--menu-text-color) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html body .red-header #brandLogo {
  display: block !important;
}

html body .red-header .main-nav a,
html body .red-header .main-nav .nav-link-btn,
html body .red-header .main-nav .nav-caret,
html body .red-header .header-notifications-btn,
html body .red-header .header-menu-btn,
html body .red-header .header-menu-icon {
  color: var(--menu-text-color) !important;
  font-family: var(--menu-display-font) !important;
  font-weight: 900 !important;
}

html body .red-header .main-nav a:hover,
html body .red-header .main-nav .nav-link-btn:hover,
html body .red-header .main-nav a:focus-visible,
html body .red-header .main-nav .nav-link-btn:focus-visible {
  color: var(--menu-text-color) !important;
  opacity: 0.86 !important;
}

html body {
  --header-blood-red: var(--menu-left-bg);
  --header-blood-red-dark: var(--menu-right-bg);
}

html body .red-header,
html body .red-header .header-row {
  background: linear-gradient(180deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%) !important;
  background-color: var(--menu-left-bg) !important;
  background-image: linear-gradient(180deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%) !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

html body .red-header {
  position: sticky !important;
  isolation: isolate !important;
  z-index: 920 !important;
}

html body .red-header::before,
html body .red-header::after,
html body .red-header .header-row::before,
html body .red-header .header-row::after {
  content: none !important;
  display: none !important;
}

html body .red-header .main-nav > a,
html body .red-header .main-nav > .nav-item > .nav-link-btn,
html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-caret,
html body .red-header .header-notifications-btn,
html body .red-header .header-menu-btn,
html body .red-header .header-menu-icon {
  color: var(--menu-text-color) !important;
  font-family: var(--menu-display-font) !important;
  font-weight: 900 !important;
}

html body .red-header .main-nav > a.active,
html body .red-header .main-nav > .nav-item > .nav-link-btn.active {
  color: var(--menu-text-color) !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .red-header,
html body .red-header .header-row,
html body .red-header .main-nav {
  background: var(--menu-left-bg) !important;
  background-image: none !important;
}

html body .red-header #brandText,
html body .red-header .main-nav > a,
html body .red-header .main-nav > .nav-item > .nav-link-btn,
html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-caret {
  color: #ffffff !important;
}

html body .red-header .header-row {
  min-height: var(--header-height) !important;
}

@media (min-width: 1101px) {
  html body .red-header,
  html body .red-header .header-row {
    min-height: 102px !important;
  }
}

/* FINAL: Üst menü başlıkları LEZZETLER formatında büyük harf */
html body .red-header .main-nav > a,
html body .red-header .main-nav > .nav-item > .nav-link-btn {
  text-transform: uppercase !important;
}

html body .red-header .main-nav > .nav-item-dropdown:hover > .nav-link-btn,
html body .red-header .main-nav > .nav-item-dropdown.open > .nav-link-btn,
html body .red-header .main-nav > .nav-item-dropdown > .nav-link-btn:focus-visible {
  color: var(--menu-text-color) !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
  opacity: 0.86 !important;
  box-shadow: none !important;
}

/* FINAL: Diğer dropdown iç linkleri beyaz zeminde okunur */
html body .red-header .main-nav .nav-dropdown a {
  color: #111827 !important;
  background: transparent !important;
  opacity: 1 !important;
  font-family: var(--menu-display-font) !important;
  font-weight: 900 !important;
}

html body .red-header .main-nav .nav-dropdown a:hover,
html body .red-header .main-nav .nav-dropdown a:focus-visible,
html body .red-header .main-nav .nav-dropdown a:active,
html body .red-header .main-nav .nav-dropdown a.active {
  color: #cf1d39 !important;
  background: transparent !important;
  opacity: 1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-color: transparent !important;
}

/* FINAL: Desktop header yerleşimi - menü ortada, arama sağda küçük */
@media (min-width: 1101px) {
  html body .red-header {
    --header-height: 80px !important;
  }

  html body .red-header .header-row,
  html body .red-header .header-row.no-header-media {
    min-height: 80px !important;
    grid-template-columns: 292px minmax(650px, 1fr) 38px 38px 38px 93px !important;
    grid-template-areas: "brand nav search notify menu lang" !important;
    align-items: center !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    padding: 8px 58px 8px 40px !important;
  }

  html body .red-header .brand {
    justify-self: start !important;
    align-self: center !important;
    width: 236px !important;
    min-width: 236px !important;
    max-width: 236px !important;
    transform: none !important;
    margin-left: 0 !important;
  }

  html body .red-header .brand:focus,
  html body .red-header .brand:focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }

  html body .red-header #brandLogo {
    height: 54px !important;
    max-height: 54px !important;
    width: auto !important;
  }

  html body .red-header .header-site-search {
    width: 38px !important;
    height: 38px !important;
    justify-self: end !important;
    align-self: center !important;
    margin-left: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
    transition: width 0.18s ease, background-color 0.18s ease, border-color 0.18s ease !important;
  }

  html body .red-header .header-notifications-btn,
  html body .red-header .header-menu-btn {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
    align-self: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body .red-header .language-switcher {
    grid-area: lang !important;
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 215 !important;
    width: 48px !important;
    height: 38px !important;
    justify-self: end !important;
    align-self: center !important;
  }

  html body .red-header .language-switcher-trigger {
    min-width: 48px !important;
    width: 48px !important;
    height: 38px !important;
    padding: 0 !important;
    gap: 4px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.018em !important;
    transition: none !important;
  }

  html body .red-header .language-switcher-trigger:hover,
  html body .red-header .language-switcher-trigger:focus-visible {
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .red-header .language-switcher-flag {
    display: none !important;
  }

  html body .red-header .language-switcher-trigger::after {
    color: #ffffff !important;
    font-size: 0.58rem !important;
    margin-left: 1px !important;
  }

  html body .red-header .language-switcher-menu {
    right: 0 !important;
    top: calc(100% + 10px) !important;
    bottom: auto !important;
    width: 168px !important;
    max-height: 280px !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 30px rgba(15, 24, 38, 0.16) !important;
  }

  html body .red-header .language-switcher-head {
    display: none !important;
  }

  html body .red-header .language-switcher-option {
    border-radius: 7px !important;
    font-size: 0.82rem !important;
    padding: 8px 10px !important;
  }

  html body .red-header .header-notifications-btn::before {
    width: 26px !important;
    height: 26px !important;
    background: #ffffff !important;
    transform: translateY(-1px) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 8c-2.2 0-4 1.8-4 4v2.2c-8.2 1.8-14 9-14 17.8v12.2l-4.1 7.2A3 3 0 0 0 12.5 56h39a3 3 0 0 0 2.6-4.6L50 44.2V32c0-8.8-5.8-16-14-17.8V12c0-2.2-1.8-4-4-4Zm0 12c6.9 0 12 5.2 12 12v13.8c0 .5.1 1 .4 1.5l1.5 2.7H18.1l1.5-2.7c.3-.5.4-1 .4-1.5V32c0-6.8 5.1-12 12-12Zm-5.4 39a5.8 5.8 0 0 0 10.8 0H26.6Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 8c-2.2 0-4 1.8-4 4v2.2c-8.2 1.8-14 9-14 17.8v12.2l-4.1 7.2A3 3 0 0 0 12.5 56h39a3 3 0 0 0 2.6-4.6L50 44.2V32c0-8.8-5.8-16-14-17.8V12c0-2.2-1.8-4-4-4Zm0 12c6.9 0 12 5.2 12 12v13.8c0 .5.1 1 .4 1.5l1.5 2.7H18.1l1.5-2.7c.3-.5.4-1 .4-1.5V32c0-6.8 5.1-12 12-12Zm-5.4 39a5.8 5.8 0 0 0 10.8 0H26.6Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  html body .red-header .header-site-search-btn svg {
    width: 25px !important;
    height: 25px !important;
    stroke-width: 3 !important;
  }

  html body .red-header .header-menu-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 0 !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body .red-header .header-menu-icon::before {
    content: "" !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M12 14h40v7H12v-7Zm0 29h40v7H12v-7Zm0-14.5h40v7H12v-7Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M12 14h40v7H12v-7Zm0 29h40v7H12v-7Zm0-14.5h40v7H12v-7Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  html body .red-header .header-site-search.is-open,
  html body .red-header .header-site-search:focus-within {
    width: min(340px, calc(100vw - 220px)) !important;
    border-color: #c6cedb !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    padding: 0 6px 0 14px !important;
  }

  html body .red-header .header-site-search-btn {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    color: #ffffff !important;
  }

  html body .red-header .header-site-search.is-open .header-site-search-btn,
  html body .red-header .header-site-search:focus-within .header-site-search-btn {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    color: #5f6570 !important;
    order: 2 !important;
  }

  html body .red-header .header-site-search-input {
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 1 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body .red-header .header-site-search.is-open .header-site-search-input,
  html body .red-header .header-site-search:focus-within .header-site-search-input {
    width: auto !important;
    flex: 1 1 auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    order: 1 !important;
  }

  html body .red-header .main-nav {
    grid-area: nav !important;
    align-self: center !important;
    justify-self: start !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    padding: 0 !important;
    margin: 8px 0 0 -72px !important;
    white-space: nowrap !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: opacity 0.42s ease, visibility 0s linear 0s !important;
  }

  html body .red-header .header-row:has(.header-site-search.is-open) .main-nav,
  html body .red-header .header-row:has(.header-site-search:focus-within) .main-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.42s ease, visibility 0s linear 0.42s !important;
  }

  html body .red-header .main-nav > a,
  html body .red-header .main-nav > .nav-item > .nav-link-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    font-size: 0.92rem !important;
    line-height: 1 !important;
    letter-spacing: 0.018em !important;
    padding: 0 0 4px !important;
    text-align: center !important;
  }

  html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-link-label {
    display: inline-block !important;
    line-height: 1 !important;
  }

  html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-caret {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 11px !important;
    height: 11px !important;
    margin-left: 6px !important;
    font-size: 0.58rem !important;
    line-height: 1 !important;
    transform: translateY(1px) !important;
  }
}

html body *:focus,
html body *:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Font birligi: header/menu ve haber detay alani haric genel icerik Arial */
html body main :where(.content-view:not(#newsDetailView), .content-view:not(#newsDetailView) *) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body #newsDetailView :where(.detail-comments, .detail-comments *) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body #newsDetailView :where(.news-detail-picks, .news-detail-picks *) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Arial'e alinan alanlarda eski kalinlik hissini koru */
html body main :where(
  .content-view:not(#newsDetailView) h1,
  .content-view:not(#newsDetailView) h2,
  .content-view:not(#newsDetailView) h3,
  .content-view:not(#newsDetailView) h4,
  .content-view:not(#newsDetailView) h5,
  .content-view:not(#newsDetailView) h6,
  .content-view:not(#newsDetailView) strong,
  .content-view:not(#newsDetailView) b,
  .content-view:not(#newsDetailView) .post-title,
  .content-view:not(#newsDetailView) .section-head h2,
  .content-view:not(#newsDetailView) .home-um-card p,
  .content-view:not(#newsDetailView) .home-am-overlay h3,
  .content-view:not(#newsDetailView) .home-main-overlay h3,
  .content-view:not(#newsDetailView) .home-main-side-item p,
  .content-view:not(#newsDetailView) .home-category-card p,
  .content-view:not(#newsDetailView) .e-dergi-card-title,
  .content-view:not(#newsDetailView) .e-dergi-card-kicker,
  .content-view:not(#newsDetailView) .firm-name,
  .content-view:not(#newsDetailView) .firm-category,
  .content-view:not(#newsDetailView) .detail-action-btn
) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 700 !important;
}

html body main :where(
  .content-view:not(#newsDetailView) .home-main-overlay h3,
  .content-view:not(#newsDetailView) .post-title,
  .content-view:not(#newsDetailView) .e-dergi-card-title,
  .content-view:not(#newsDetailView) .firm-name
) {
  font-weight: 800 !important;
}

html body #newsDetailView :where(
  .detail-comments h3,
  .news-comments-title,
  .detail-comment-form .detail-action-btn[type="submit"],
  .comment-head strong,
  .news-detail-picks-banner,
  .news-detail-pick-title
) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 700 !important;
}

html body #newsDetailView :where(.news-detail-picks-banner, .news-detail-pick-title, .news-comments-title) {
  font-weight: 800 !important;
}

html body :where(.news-comments-icon, .news-comments-count) {
  display: none !important;
}

html body .site-side-menu :where(
  .side-menu-date-day,
  .side-menu-date-weekday,
  .site-side-menu-auth-btn,
  .site-side-menu-heading,
  .site-side-menu-link,
  .site-side-menu-copy,
  .site-side-menu-copy-note,
  .site-side-menu-social-letter
) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 700 !important;
}

html body .site-side-menu :where(.side-menu-date-day, .site-side-menu-copy, .site-side-menu-copy-note, .site-side-menu-social-letter) {
  font-weight: 800 !important;
}

html body :where(
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .detail-crumb-link,
  .detail-crumb-current,
  .detail-crumb-sep
),
html body :where(
  .detail-breadcrumb a,
  .news-detail-breadcrumb a,
  .member-auth-breadcrumb a,
  .detail-crumb-link
):hover,
html body :where(
  .detail-breadcrumb a,
  .news-detail-breadcrumb a,
  .member-auth-breadcrumb a,
  .detail-crumb-link
):focus-visible {
  text-decoration: none !important;
}

html body :where(
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb,
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link,
  .detail-crumb-current,
  .detail-crumb-sep
),
html body :where(
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link
):hover,
html body :where(
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link
):focus,
html body :where(
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link
):focus-visible {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

html body :where(
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link
)::before,
html body :where(
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link
)::after {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  text-decoration: none !important;
}

html body :where(
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb,
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link,
  .detail-crumb-current,
  .detail-crumb-sep
) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body #newsDetailView :where(
  #newsDetailTitle,
  .news-detail-header h1,
  .news-detail-continued-header h2,
  .news-detail-lead,
  .news-detail-content,
  .news-detail-content *,
  .news-detail-continued-content,
  .news-detail-continued-content *
) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body,
html body * {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body .red-header,
html body .red-header * {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body #guideView .filter-chip,
html body #guideView .filter-chip .filter-chip-label {
  font: 550 0.9rem/1.2 Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 550 !important;
}

html body #mekanDetayView .guide-content-tags {
  margin-bottom: 8px !important;
}

html body #mekanDetayView .detail-gallery {
  margin-top: 0 !important;
}

html body #mekanDetayView .detail-thumb {
  height: clamp(420px, 36vw, 620px) !important;
}

html body #mekanDetayView .detail-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

html body .member-form-help-control .member-form-info-btn {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

html body .member-form-help-control .member-form-info-btn:hover,
html body .member-form-help-control .member-form-info-btn:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #000000 !important;
  transform: none !important;
}

html body :where(
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb,
  .detail-breadcrumb *,
  .news-detail-breadcrumb *,
  .member-auth-breadcrumb *,
  .author-page-shell .detail-breadcrumb *,
  .detail-crumb-link,
  .detail-crumb-current,
  .detail-crumb-sep
) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* FINAL: Haber ve Guide yorumlari yatay kayan kart gorunumu */
html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .news-comments-list,
html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-list {
  display: block !important;
  margin-top: 24px !important;
  margin-bottom: 28px !important;
  overflow: visible !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-viewport {
  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  scroll-snap-type: none !important;
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-viewport::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-viewport::-webkit-scrollbar-track {
  background: transparent !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-viewport::-webkit-scrollbar-thumb {
  background: #c9ced8 !important;
  border-radius: 999px !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-track {
  --comment-carousel-distance: 900px;
  --comment-carousel-duration: 34s;
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  width: max-content !important;
  min-width: 100% !important;
  padding: 4px 2px 12px !important;
  will-change: transform !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-track.is-auto {
  animation: fmCommentCarouselMove var(--comment-carousel-duration) linear infinite !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-viewport:focus-within .comment-carousel-track,
html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-viewport.is-reading-expanded .comment-carousel-track {
  animation-play-state: paused !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-card.comment-item {
  flex: 0 0 clamp(340px, 36vw, 500px) !important;
  min-height: 190px !important;
  box-sizing: border-box !important;
  scroll-snap-align: none !important;
  align-self: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
  border: 1.5px solid #d9dee7 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  padding: 22px 24px !important;
  box-shadow: none !important;
}

html body #newsCommentsSection .comment-carousel-card.comment-item {
  justify-content: flex-start !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-rating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #17233c !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-rating span {
  font-size: 1.15rem !important;
  letter-spacing: 0 !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-rating .comment-rating-dots {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-rating .comment-rating-dots i {
  width: 14px !important;
  height: 14px !important;
  border: 1.8px solid var(--header-blood-red, #cf1d39) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  display: block !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-rating .comment-rating-dots i.is-full {
  background: var(--header-blood-red, #cf1d39) !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-rating .comment-rating-dots i.is-half {
  background: linear-gradient(90deg, var(--header-blood-red, #cf1d39) 0 50%, transparent 50% 100%) !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-rating em {
  font-style: normal !important;
  font-size: 0.9rem !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-person {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-card .comment-avatar {
  flex: 0 0 auto !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: #ff5038 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  overflow: hidden !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-card .comment-avatar-img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-card:nth-child(2n) .comment-avatar {
  background: #77b9ff !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-meta {
  min-width: 0 !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-meta strong {
  display: block !important;
  color: #17233c !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-meta small {
  display: block !important;
  margin-top: 4px !important;
  color: #626a7d !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-card p {
  margin: 0 !important;
  color: #17233c !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-more {
  display: inline !important;
  border: 0 !important;
  border-bottom: 2px solid currentColor !important;
  padding: 0 !important;
  background: transparent !important;
  color: #626a7d !important;
  font: inherit !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* Haber ve makale yorumlari: sayfa altinda dikey, okunakli liste */
html body #newsCommentsSection .news-comment-vertical-list {
  display: block !important;
  margin-top: 20px !important;
}

html body #newsCommentsSection .news-comment-list-item {
  padding: 14px 0 16px !important;
  border-top: 1px solid #e5e9ef !important;
}

html body #newsCommentsSection .news-comment-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

html body #newsCommentsSection .news-comment-list-author {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body #newsCommentsSection .news-comment-list-avatar {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #eef1f5 !important;
  color: #273244 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

html body #newsCommentsSection .news-comment-list-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #newsCommentsSection .news-comment-list-author strong {
  color: #202733 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

html body #newsCommentsSection .news-comment-list-head time {
  color: #b8bdc6 !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

html body #newsCommentsSection .news-comment-list-text {
  margin: 9px 0 11px 48px !important;
  color: #252b34 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

html body #newsCommentsSection .news-comment-reply-btn {
  margin-left: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #f2b400 !important;
  font: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

html body #newsCommentsSection .news-comment-reply-btn:hover,
html body #newsCommentsSection .news-comment-reply-btn:focus-visible {
  color: #cc9600 !important;
  text-decoration: underline !important;
}

@media (max-width: 640px) {
  html body #newsCommentsSection .news-comment-list-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  html body #newsCommentsSection .news-comment-list-head time {
    margin-left: 48px !important;
  }
}

/* Okuyucu yorumlari: haber ve makale sayfalarinda ornek tasarim */
html body #newsCommentsSection .news-comments-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #newsCommentsSection .news-comments-title {
  color: #252a31 !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

html body #newsCommentsSection .news-comments-count {
  color: #b6bac0 !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
}

html body #newsCommentsSection .detail-comment-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 140px !important;
  grid-template-rows: auto auto auto auto !important;
  column-gap: 18px !important;
  row-gap: 12px !important;
  align-items: start !important;
}

html body #newsCommentsSection .detail-comment-form .comment-row {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  margin: 0 !important;
}

html body #newsCommentsSection .detail-comment-form .news-comment-textarea {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-height: 72px !important;
  height: 72px !important;
  resize: none !important;
  overflow-y: hidden !important;
  margin: 0 !important;
  border: 1px solid #cbd3de !important;
  border-radius: 7px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  font-size: 1rem !important;
}

html body #newsCommentsSection .detail-comment-form .detail-action-btn {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-height: 74px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  background: #343a42 !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

html body #newsCommentsSection .detail-comment-form .news-comment-notice {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  margin: 8px 0 0 !important;
  color: #92979e !important;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
}

html body #newsCommentsSection .detail-comment-form .news-comment-status {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  html body #newsCommentsSection .detail-comment-form {
    grid-template-columns: 1fr !important;
  }
  html body #newsCommentsSection .detail-comment-form .news-comment-textarea,
  html body #newsCommentsSection .detail-comment-form .detail-action-btn,
  html body #newsCommentsSection .detail-comment-form .comment-row,
  html body #newsCommentsSection .detail-comment-form .news-comment-notice,
  html body #newsCommentsSection .detail-comment-form .news-comment-status {
    grid-column: 1 !important;
  }
  html body #newsCommentsSection .detail-comment-form .news-comment-textarea {
    grid-row: 2 !important;
  }
  html body #newsCommentsSection .detail-comment-form .detail-action-btn {
    grid-row: 3 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 8px 16px !important;
  }
  html body #newsCommentsSection .detail-comment-form .comment-row {
    grid-row: 1 !important;
    width: 100% !important;
  }
  html body #newsCommentsSection .detail-comment-form .news-comment-notice { grid-row: 4 !important; }
  html body #newsCommentsSection .detail-comment-form .news-comment-status { grid-row: 5 !important; }
}

/* FINAL: Guide yorumlari TripAdvisor benzeri dikey liste */
html body #mekanDetayView #detailCommentsSection.news-comments-section.detail-comments {
  padding-top: 34px !important;
  border-top: 1px solid #e5e9ef !important;
}

html body #mekanDetayView #detailCommentsSection .detail-comment-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 26px !important;
}

html body #mekanDetayView #detailCommentsSection .detail-comment-head > .detail-comments-sort {
  justify-self: end !important;
}

html body #mekanDetayView #detailCommentsSection .detail-comment-head > .detail-comment-add-btn {
  justify-self: end !important;
}

html body #mekanDetayView #detailCommentsSection .news-comments-title-row {
  gap: 8px !important;
}

html body #mekanDetayView #detailCommentsSection .news-comments-title {
  color: #17233c !important;
  font-size: 2.35rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html body #mekanDetayView #detailCommentsSection .news-comments-count {
  display: none !important;
}

.detail-comment-add-btn {
  min-height: 42px;
  border: 1.5px solid #000000;
  border-radius: 999px;
  background: #ffffff;
  color: #000000;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: inherit;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1;
  cursor: pointer;
}

.detail-comment-add-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.detail-review-composer {
  position: fixed;
  inset: 0;
  z-index: 980;
  background: #ffffff;
  color: #053d20;
  overflow: auto;
}

body.modal-open {
  overflow: hidden;
}

.detail-review-composer[hidden] {
  display: none;
}

.detail-review-composer-shell {
  position: relative;
  width: min(1320px, calc(100vw - 48px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 78px 0 84px;
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 56px;
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.detail-review-composer-close {
  position: fixed;
  top: 24px;
  right: 28px;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: #053d20;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.detail-review-composer-side {
  padding-right: 56px;
  border-right: 1px solid #d6ded8;
}

.detail-review-composer-side h2 {
  margin: 0 0 20px;
  color: #000000;
  font-size: clamp(2.45rem, 4.6vw, 4.15rem);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -0.02em;
  cursor: text;
}

.detail-review-place-card {
  width: 230px;
  border: 1px solid #d8ded9;
  border-radius: 4px;
  padding: 14px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.detail-review-place-card:hover,
.detail-review-place-card:focus-visible {
  border-color: #000000;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  outline: none;
}

.detail-review-place-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  border-radius: 4px;
  margin-bottom: 14px;
}

.detail-review-place-card strong,
.detail-review-place-card span,
.detail-review-place-card small {
  display: block;
  cursor: inherit;
}

.detail-review-place-card strong {
  color: #000000;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.18;
}

.detail-review-place-card span,
.detail-review-place-card small {
  color: #000000;
  font-size: 0.86rem;
  line-height: 1.45;
}

.detail-review-composer-form {
  display: grid;
  align-content: start;
  gap: 32px;
  min-height: calc(100vh - 162px);
  padding-top: 2px;
}

.detail-review-rating-field {
  min-height: 132px;
  display: grid;
  grid-template-columns: auto minmax(140px, 1fr);
  align-content: start;
  align-items: center;
  column-gap: 14px;
  row-gap: 8px;
}

.detail-review-rating-field label,
.detail-review-text-row > label,
.detail-review-title-field span,
.detail-review-photo-field strong {
  display: block;
  color: var(--header-blood-red, #cf1d39);
  font-size: 1.03rem;
  font-weight: 850;
  line-height: 1.2;
  margin-bottom: 8px;
  cursor: text;
}

.detail-review-rating-field label {
  grid-column: 1 / -1;
}

.detail-review-rating-dots {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.detail-review-rating-dot {
  width: 34px;
  height: 34px;
  border: 2px solid var(--header-blood-red, #cf1d39);
  border-radius: 999px;
  background: #ffffff;
  padding: 0;
  cursor: pointer;
}

.detail-review-rating-dot.is-hovered,
.detail-review-rating-dot.is-selected {
  background: var(--header-blood-red, #cf1d39);
}

.detail-review-rating-hint {
  min-height: 20px;
  margin: 0;
  color: var(--header-blood-red, #cf1d39);
  font-size: 0.92rem;
  font-weight: 500;
}

.detail-review-text-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 20px;
  row-gap: 8px;
  align-items: center;
}

.detail-review-text-row > label {
  margin-bottom: 0;
}

.detail-review-text-row textarea {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 132px;
  border: 1.5px solid var(--header-blood-red, #cf1d39);
  border-radius: 3px;
  padding: 18px 20px;
  box-sizing: border-box;
  font: inherit;
  font-size: 0.96rem;
  color: #0f1c16;
  resize: vertical;
  cursor: text !important;
}

.detail-review-text-row textarea:focus,
.detail-review-title-field input:focus {
  outline: 2px solid var(--header-blood-red, #cf1d39);
  outline-offset: 2px;
}

.detail-review-text-row > span {
  color: var(--header-blood-red, #cf1d39);
  font-size: 0.78rem;
  margin-top: -4px;
}

#detailReviewTextCount {
  grid-column: 1;
  justify-self: start;
}

.detail-review-text-min {
  grid-column: 2;
  justify-self: end;
  white-space: nowrap;
}

.detail-review-title-field input {
  width: 100%;
  border: 1.5px solid var(--header-blood-red, #cf1d39);
  border-radius: 3px;
  padding: 15px 18px;
  box-sizing: border-box;
  font: inherit;
  font-size: 0.96rem;
  color: #0f1c16;
  cursor: text !important;
}

.detail-review-photo-field > span {
  display: block;
  margin-top: -2px;
  margin-bottom: 8px;
  color: #2d3a33;
  font-size: 0.9rem;
  cursor: text;
}

.detail-review-photo-drop {
  min-height: 148px;
  background: #f6f6f6;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  color: var(--header-blood-red, #cf1d39);
  cursor: pointer;
}

.detail-review-photo-drop.is-dragover {
  outline: 2px solid var(--header-blood-red, #cf1d39);
  outline-offset: 3px;
}

.detail-review-photo-drop input {
  display: none;
}

.detail-review-photo-drop svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.detail-review-photo-drop b {
  font-size: 0.86rem;
  font-weight: 850;
}

.detail-review-photo-drop small {
  color: #2d3a33;
  font-size: 0.76rem;
}

.detail-review-photo-preview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.detail-review-photo-preview[hidden] {
  display: none;
}

.detail-review-photo-preview .detail-comment-photo-preview-item {
  width: 78px;
  height: 78px;
  border-radius: 12px;
  background: #000000;
  overflow: hidden;
}

.detail-review-photo-preview .detail-comment-photo-preview-thumb {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  background: #000000;
  cursor: pointer;
  display: block;
}

.detail-review-photo-preview .detail-comment-photo-preview-item img {
  object-fit: contain;
}

.detail-review-photo-preview-count {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--header-blood-red, #cf1d39);
  border-radius: 999px;
  padding: 0 14px;
  color: var(--header-blood-red, #cf1d39);
  font-size: 0.86rem;
  font-weight: 800;
}

.detail-review-photo-modal {
  position: fixed;
  inset: 0;
  z-index: 1700;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.35);
  padding: 28px;
}

.detail-review-photo-modal[hidden] {
  display: none;
}

.detail-review-photo-modal-shell,
.detail-review-photo-crop-shell {
  position: relative;
  width: min(100% - 30px, 980px);
  min-height: min(840px, calc(100vh - 56px));
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 16px 54px rgba(0, 0, 0, 0.2);
  color: var(--header-blood-red, #cf1d39);
  box-sizing: border-box;
}

.detail-review-photo-modal-shell {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  height: min(760px, calc(100vh - 72px));
  min-height: 0;
  max-height: calc(100vh - 72px);
  padding: 82px 54px 0;
}

.detail-review-photo-modal-close {
  position: absolute;
  top: 32px;
  right: 36px;
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: var(--header-blood-red, #cf1d39);
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

.detail-review-photo-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.detail-review-photo-modal-header h2,
.detail-review-photo-crop-shell h2 {
  margin: 0;
  color: var(--header-blood-red, #cf1d39);
  font-size: clamp(1.45rem, 2.2vw, 1.9rem);
  font-weight: 850;
  line-height: 1.05;
}

.detail-review-photo-rules {
  color: var(--header-blood-red, #cf1d39);
  font-size: 0.98rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.detail-review-photo-upload-status {
  min-height: 74px;
  margin: 0 0 30px;
  padding: 0 24px;
  border-radius: 10px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  color: #39423d;
  font-size: 1.12rem;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detail-review-photo-upload-status span {
  color: var(--header-blood-red, #cf1d39);
}

.detail-review-photo-upload-status strong {
  color: var(--header-blood-red, #cf1d39);
  font-weight: 850;
}

.detail-review-photo-upload-list {
  display: grid;
  gap: 30px;
  align-content: start;
  overflow-y: auto;
  padding-bottom: 24px;
}

.detail-review-upload-item {
  display: grid;
  grid-template-columns: 280px minmax(320px, 460px);
  gap: 28px;
  align-items: start;
  position: relative;
  width: min(100%, 768px);
  min-height: 184px;
}

.detail-review-upload-thumb {
  position: relative;
  width: 280px;
  height: 184px;
  border: 0;
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
  background: #000000;
  cursor: pointer;
}

.detail-review-upload-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.detail-review-upload-remove {
  position: absolute;
  left: 248px;
  top: 8px;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: var(--header-blood-red, #cf1d39);
  color: #ffffff;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}

.detail-review-upload-language {
  display: none;
}

.detail-review-upload-note {
  position: static;
  width: 100%;
  min-height: 116px;
  border: 2px solid var(--header-blood-red, #cf1d39);
  border-radius: 8px;
  padding: 20px 24px;
  box-sizing: border-box;
  background: #ffffff;
  color: #111111;
  font: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  resize: none;
  outline: 0;
  overflow: auto;
}

.detail-review-upload-note::placeholder {
  color: #767676;
}

.detail-review-photo-modal-footer {
  display: grid;
  grid-template-columns: minmax(220px, 340px) minmax(220px, 250px);
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 22px 0 32px;
  border-top: 1px solid #d7d7d7;
}

.detail-review-photo-modal-footer small {
  grid-column: 1 / -1;
  color: #2d3a33;
  font-size: 0.95rem;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.detail-review-photo-secondary {
  grid-column: 1;
}

.detail-review-photo-primary {
  grid-column: 2;
}

.detail-review-photo-secondary,
.detail-review-photo-primary,
.detail-review-photo-crop-footer button {
  min-height: 58px;
  border-radius: 999px;
  padding: 0 32px;
  font: inherit;
  font-size: 1rem;
  font-weight: 850;
  cursor: pointer;
}

.detail-review-photo-secondary {
  border: 2px solid var(--header-blood-red, #cf1d39);
  background: #ffffff;
  color: var(--header-blood-red, #cf1d39);
}

.detail-review-photo-primary,
.detail-review-photo-crop-footer button:last-child {
  border: 2px solid var(--header-blood-red, #cf1d39);
  background: var(--header-blood-red, #cf1d39);
  color: #ffffff;
}

@media (max-width: 860px) {
  .detail-review-photo-modal-shell {
    padding: 72px 28px 0;
  }

  .detail-review-upload-item {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
  }

  .detail-review-upload-thumb {
    width: min(100%, 280px);
  }

  .detail-review-upload-remove {
    left: min(248px, calc(100% - 48px));
  }

  .detail-review-photo-modal-footer {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .detail-review-photo-secondary,
  .detail-review-photo-primary {
    grid-column: 1;
  }

  .detail-review-photo-modal-footer small {
    white-space: normal;
  }
}

.detail-review-photo-crop-shell {
  width: min(100% - 34px, 1060px);
  min-height: min(650px, calc(100vh - 90px));
  padding: 60px 58px 64px;
}

.detail-review-photo-crop-body {
  display: grid;
  grid-template-columns: minmax(320px, 540px) minmax(210px, 1fr);
  gap: 58px;
  align-items: start;
  margin-top: 28px;
}

.detail-review-photo-crop-frame {
  position: relative;
  margin: 0;
  width: min(100%, 540px);
  aspect-ratio: 4 / 3;
  background: #eef1f5;
  overflow: hidden;
  display: grid;
  place-items: center;
  touch-action: none;
  user-select: none;
}

.detail-review-photo-crop-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.detail-review-photo-crop-edge {
  position: absolute;
  z-index: 4;
  background: rgba(0, 0, 0, 0.28);
  pointer-events: none;
}

.detail-review-photo-crop-edge.top,
.detail-review-photo-crop-edge.bottom {
  left: 0;
  width: 100%;
}

.detail-review-photo-crop-edge.left,
.detail-review-photo-crop-edge.right {
  top: 0;
  height: 100%;
}

.detail-review-photo-crop-tools {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.detail-review-photo-crop-tools button {
  min-height: 48px;
  border: 1.5px solid var(--header-blood-red, #cf1d39);
  border-radius: 999px;
  background: #ffffff;
  color: var(--header-blood-red, #cf1d39);
  padding: 0 18px;
  font: inherit;
  font-size: 0.88rem;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.detail-review-photo-crop-tools button.is-active {
  border-color: var(--header-blood-red, #cf1d39);
  background: rgba(207, 29, 57, 0.08);
  box-shadow: inset 0 0 0 1px var(--header-blood-red, #cf1d39);
}

.detail-review-photo-crop-tools span {
  width: 11px;
  height: 11px;
  border: 2px solid currentColor;
  display: inline-block;
}

.detail-review-photo-crop-footer {
  position: absolute;
  right: 62px;
  bottom: 68px;
  display: flex;
  align-items: center;
  gap: 34px;
}

.detail-review-photo-crop-footer button:first-child {
  min-height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--header-blood-red, #cf1d39);
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.detail-review-photo-crop-box {
  position: absolute;
  z-index: 5;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  cursor: move;
  touch-action: none;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.22);
}

.detail-review-photo-crop-box::before,
.detail-review-photo-crop-box::after {
  content: "";
  position: absolute;
  background: #ffffff;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.18);
}

.detail-review-photo-crop-box::before {
  left: 50%;
  top: -3px;
  bottom: -3px;
  width: 3px;
  transform: translateX(-50%);
}

.detail-review-photo-crop-box::after {
  top: 50%;
  left: -3px;
  right: -3px;
  height: 3px;
  transform: translateY(-50%);
}

.detail-review-photo-crop-box span {
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 26px;
  background: transparent;
  touch-action: none;
}

.detail-review-photo-crop-box span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.28);
  transform: translate(-50%, -50%);
}

.detail-review-photo-crop-box [data-crop-handle="nw"] {
  left: -14px;
  top: -14px;
  cursor: nwse-resize;
}

.detail-review-photo-crop-box [data-crop-handle="n"] {
  left: 0;
  right: 0;
  top: -13px;
  width: auto;
  cursor: ns-resize;
}

.detail-review-photo-crop-box [data-crop-handle="ne"] {
  right: -14px;
  top: -14px;
  cursor: nesw-resize;
}

.detail-review-photo-crop-box [data-crop-handle="e"] {
  right: -13px;
  top: 0;
  bottom: 0;
  height: auto;
  cursor: ew-resize;
}

.detail-review-photo-crop-box [data-crop-handle="se"] {
  right: -14px;
  bottom: -14px;
  cursor: nwse-resize;
}

.detail-review-photo-crop-box [data-crop-handle="s"] {
  left: 0;
  right: 0;
  bottom: -13px;
  width: auto;
  cursor: ns-resize;
}

.detail-review-photo-crop-box [data-crop-handle="sw"] {
  left: -14px;
  bottom: -14px;
  cursor: nesw-resize;
}

.detail-review-photo-crop-box [data-crop-handle="w"] {
  left: -13px;
  top: 0;
  bottom: 0;
  height: auto;
  cursor: ew-resize;
}

.detail-review-photo-crop-box [data-crop-handle="move"] {
  inset: 18px;
  width: auto;
  height: auto;
  cursor: move;
}

.detail-review-photo-crop-box [data-crop-handle="move"]::after {
  display: none;
}

.detail-review-confirm {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: var(--header-blood-red, #cf1d39);
  font-size: 0.8rem;
  line-height: 1.32;
}

.detail-review-confirm input {
  appearance: none;
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  border: 1.5px solid var(--header-blood-red, #cf1d39);
  display: grid;
  place-items: center;
}

.detail-review-confirm input:checked::after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--header-blood-red, #cf1d39);
}

.detail-review-status {
  margin: 0;
  color: var(--header-blood-red, #cf1d39);
  font-size: 0.9rem;
  font-weight: 750;
}

.detail-review-status.is-error {
  color: #d31636;
}

.detail-review-submit {
  min-height: 50px;
  border: 0;
  border-radius: 999px;
  background: var(--header-blood-red, #cf1d39);
  color: #ffffff;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 850;
  cursor: pointer;
}

@media (max-width: 900px) {
  .detail-review-composer-shell {
    width: min(100% - 34px, 640px);
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 70px 0 54px;
  }

  .detail-review-composer-side {
    padding-right: 0;
    border-right: 0;
  }

  .detail-review-composer-side h2 {
    font-size: clamp(2.25rem, 12vw, 3.4rem);
  }

  .detail-review-rating-field {
    min-height: 0;
  }

  #detailReviewTextCount,
  .detail-review-text-min {
    grid-column: 1 / -1;
  }

  .detail-review-text-min {
    justify-self: start;
  }

  .detail-review-place-card {
    width: 100%;
    max-width: 260px;
  }
}

html body #mekanDetayView #detailCommentsSection .news-comments-count {
  color: #6c7485 !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
}

.detail-comments-sort {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  color: #17233c;
  font-weight: 800;
}

.detail-comments-sort-btn {
  border: 0;
  border-bottom: 2px solid #17233c;
  background: transparent;
  color: #17233c;
  padding: 4px 2px 3px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  font-size: 1.03rem;
  font-weight: 850;
  cursor: pointer;
}

.detail-comments-sort-btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 4px;
  border-radius: 6px;
}

.detail-comments-sort-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 20;
  width: min(300px, calc(100vw - 32px));
  border: 1px solid #000000;
  border-radius: 14px;
  background: #ffffff;
  padding: 14px 16px;
  box-shadow: none;
}

.detail-comments-sort-panel label {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  color: #17233c;
  font-size: 0.94rem;
  font-weight: 800;
  cursor: pointer;
}

.detail-comments-sort-panel input {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1.6px solid #17233c;
  border-radius: 999px;
  display: grid;
  place-items: center;
  margin: 0;
}

.detail-comments-sort-panel input:checked {
  border-color: #000000;
}

.detail-comments-sort-panel input:checked::after {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: #000000;
}

.detail-comment-photo-field {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 42px;
  border: 1.5px solid #d8dee8;
  border-radius: 999px;
  background: #ffffff;
  color: #17233c;
  padding: 0 18px;
  font-weight: 800;
  cursor: pointer;
}

.detail-comment-photo-field input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.detail-comment-photo-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.detail-comment-photo-preview[hidden] {
  display: none;
}

.detail-comment-photo-preview-item {
  position: relative;
  width: 82px;
  height: 82px;
  border-radius: 10px;
  overflow: hidden;
  background: #f6f6f6;
}

.detail-comment-photo-preview-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.detail-comment-photo-preview-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: rgba(12, 18, 30, 0.8);
  color: #ffffff;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}

html body #mekanDetayView #detailCommentsSection .news-comments-list,
html body #mekanDetayView #detailCommentsSection .comment-list {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}

.detail-rating-breakdown {
  width: 100%;
  margin: 0 0 18px;
  padding: 50px 52px;
  border-radius: 16px;
  background: #ffffff;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}

.detail-rating-breakdown-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin: 0 0 38px;
}

.detail-rating-breakdown-score {
  min-height: 196px;
  border-radius: 12px;
  background: #f6f6f6;
  color: #000000;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  text-align: center;
}

.detail-rating-breakdown-score strong {
  color: #000000;
  font-size: 3rem;
  font-weight: 760;
  line-height: 0.95;
}

.detail-rating-breakdown-score > span {
  color: #000000;
  font-size: 1.18rem;
  font-weight: 620;
  line-height: 1;
}

.detail-rating-breakdown-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 8px;
}

.detail-rating-breakdown-dots i {
  width: 20px;
  height: 20px;
  border: 2px solid #cf1d39;
  border-radius: 999px;
  box-sizing: border-box;
  background: transparent;
}

.detail-rating-breakdown-dots i.is-full {
  background: #cf1d39;
}

.detail-rating-breakdown-dots i.is-half {
  background: linear-gradient(90deg, #cf1d39 0 50%, transparent 50% 100%);
}

.detail-rating-breakdown-score small {
  color: #000000;
  font-size: 1rem;
  font-weight: 480;
  line-height: 1;
}

.detail-rating-breakdown-bars {
  display: grid;
  gap: 17px;
}

.detail-rating-breakdown-row {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 64px;
  align-items: center;
  gap: 16px;
  color: #000000;
  font-size: 1rem;
  line-height: 1;
}

.detail-rating-breakdown-row span {
  font-weight: 520;
}

.detail-rating-breakdown-row b {
  height: 18px;
  border-radius: 999px;
  background: #f6f6f6;
  overflow: hidden;
}

.detail-rating-breakdown-row b i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #cf1d39;
}

.detail-rating-breakdown-row em {
  color: #000000;
  font-style: normal;
  font-weight: 480;
  text-align: right;
}

.detail-reviews-layout {
  display: grid;
  grid-template-columns: minmax(210px, 285px) minmax(0, 1fr);
  gap: clamp(18px, 2vw, 34px);
  align-items: start;
}

.detail-review-summary {
  position: sticky;
  top: 18px;
  color: #17233c;
}

.detail-review-summary h4 {
  margin: 0 0 24px;
  color: #17233c;
  font-size: 1.72rem;
  font-weight: 850;
  line-height: 1.15;
}

.detail-review-average {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
  color: #17233c;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
}

.detail-review-average span {
  color: #6c7485;
  font-size: 2rem;
  font-weight: 800;
}

.detail-review-summary-stars {
  margin-top: 22px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.detail-review-summary-stars i,
.detail-review-rating-dots i {
  border: 2px solid var(--header-blood-red, #cf1d39);
  border-radius: 999px;
  box-sizing: border-box;
  background: transparent;
  display: block;
}

.detail-review-summary-stars i {
  width: 28px;
  height: 28px;
}

.detail-review-rating-dots i {
  width: 14px;
  height: 14px;
  border-width: 1.8px;
}

.detail-review-summary-stars i.is-full,
.detail-review-rating-dots i.is-full {
  background: var(--header-blood-red, #cf1d39);
}

.detail-review-summary-stars i.is-half,
.detail-review-rating-dots i.is-half {
  background: linear-gradient(90deg, var(--header-blood-red, #cf1d39) 0 50%, transparent 50% 100%);
}

.detail-review-summary p {
  margin: 22px 0 0;
  color: #6c7485;
  font-size: 1.05rem;
  font-weight: 600;
  text-align: left;
}

.detail-review-list {
  display: grid;
  gap: 0;
}

.detail-review-item {
  position: relative;
  display: grid;
  gap: 18px;
  padding: 0 150px 28px 0;
  margin-bottom: 28px;
  border-bottom: 1px solid #e7ebf0;
  color: #000000;
}

.detail-review-actions {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 104px;
  color: #063d20;
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.detail-review-like {
  font: inherit;
}

.detail-review-like {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.detail-review-like svg {
  width: 20px;
  height: 20px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.detail-review-like.is-liked svg {
  color: #000;
  fill: currentColor;
}

.detail-review-like.is-liked + .detail-review-like-count {
  color: #000;
}

.detail-review-like-count {
  min-width: 8.5ch;
  max-width: 10ch;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.detail-review-rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #000000;
  font-weight: 850;
  line-height: 1;
}

.detail-review-rating-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.detail-review-rating em {
  font-style: normal;
  font-size: 0.9rem;
}

.detail-review-author {
  display: flex;
  align-items: center;
  gap: 18px;
  width: fit-content;
  border: 0;
  padding: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.detail-review-author .comment-avatar {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: #f2f2f3;
  color: #687181;
  display: grid;
  place-items: center;
  overflow: hidden;
  font-size: 1.6rem;
  font-weight: 850;
}

.detail-review-author .comment-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.detail-review-author strong {
  display: block;
  color: #000000;
  font-size: 1.2rem;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
}

.detail-review-author:hover strong,
.detail-review-author:focus-visible strong {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.detail-review-author:focus-visible {
  outline: 2px solid var(--header-blood-red, #cf1d39);
  outline-offset: 4px;
  border-radius: 12px;
}

.detail-review-author small {
  display: block;
  margin-top: 4px;
  color: #6c7485;
  font-size: 0.95rem;
  font-weight: 650;
}

.detail-review-date {
  display: block;
  color: #000000;
  font-size: 1.05rem;
  font-weight: 850;
}

.detail-review-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.detail-review-photo {
  width: 112px;
  height: 112px;
  border: 0;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
  background: #f6f6f6;
  cursor: pointer;
}

.detail-review-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.detail-gallery-stage img.is-comment-photo,
.detail-thumb img.is-comment-photo,
.all-photos-sidebar-card img.is-comment-photo,
.all-photos-tile img.is-comment-photo,
.detail-review-photo img.is-comment-photo,
.gallery-lightbox-stage img.is-comment-photo {
  background: #000000;
  object-fit: contain;
}

html body #mekanDetayView .detail-thumb img.is-comment-photo {
  background: #000000 !important;
  object-fit: contain !important;
}

.all-photos-tile.is-comment-photo,
.detail-review-photo.is-comment-photo {
  background: #000000;
}

.detail-review-item p {
  margin: 0 !important;
  color: #3f4a43 !important;
  font-size: 1.08rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

.detail-review-item h5 {
  margin: 0 0 8px !important;
  color: #000000 !important;
  font-size: 1.08rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.detail-review-helpful {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  color: #6c7485;
  font-size: 0.95rem;
  font-weight: 750;
}

.detail-review-helpful button {
  border: 0;
  background: transparent;
  color: #17233c;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

@media (max-width: 900px) {
  html body #mekanDetayView #detailCommentsSection .detail-comment-head {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  html body #mekanDetayView #detailCommentsSection .detail-comment-head > .detail-comments-sort,
  html body #mekanDetayView #detailCommentsSection .detail-comment-head > .detail-comment-add-btn {
    justify-self: start !important;
  }

  .detail-comments-sort {
    justify-content: flex-start;
  }

  .detail-rating-breakdown-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
  }

  .detail-comments-sort-panel {
    left: 0;
    right: auto;
  }

  .detail-rating-breakdown {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px;
  }

  .detail-rating-breakdown-score {
    min-height: 160px;
  }

  .detail-rating-breakdown-row {
    grid-template-columns: 86px minmax(0, 1fr) 48px;
    gap: 10px;
    font-size: 0.9rem;
  }

  .detail-reviews-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .detail-review-summary {
    position: static;
  }

  .detail-review-summary-stars {
    font-size: 2rem;
  }

  .detail-review-item {
    padding-right: 0;
  }

  .detail-review-actions {
    position: relative;
    top: auto;
    right: auto;
    justify-self: end;
  }

  .detail-review-photo {
    width: 92px;
    height: 92px;
  }
}

@keyframes fmCommentCarouselMove {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-1 * var(--comment-carousel-distance)), 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-track.is-auto {
    animation: none !important;
  }
}

@media (max-width: 760px) {
  html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-track {
    gap: 16px !important;
  }

  html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-card.comment-item {
    flex-basis: min(82vw, 340px) !important;
    min-height: 178px !important;
    padding: 20px 18px !important;
    border-radius: 16px !important;
  }

  html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-meta strong {
    font-size: 0.96rem !important;
  }

  html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-card-meta small,
  html body :where(#newsCommentsSection, #detailCommentsSection, #videoCommentsSection) .comment-carousel-card p {
    font-size: 0.9rem !important;
  }
}

html body :where(#guideView, #mekanDetayView, #guideMapModal, #detailReviewComposer, #allPhotosModal, #commentPhotoViewer),
html body :where(#guideView, #mekanDetayView, #guideMapModal, #detailReviewComposer, #allPhotosModal, #commentPhotoViewer) :where(*) {
  font-family: "Figtree", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body #detailReviewComposer .detail-review-rating-dots {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

html body #detailReviewComposer .detail-review-rating-dot {
  pointer-events: auto !important;
  cursor: pointer !important;
}

html body #detailReviewComposer .detail-review-rating-dot.is-hovered,
html body #detailReviewComposer .detail-review-rating-dot.is-selected {
  background: var(--header-blood-red, #cf1d39) !important;
  border-color: var(--header-blood-red, #cf1d39) !important;
}

html body #newsDetailView .news-side-card:hover img,
html body #newsDetailView .news-side-card:focus-visible img,
html body #newsDetailView #newsDetailRelatedList .post-card:hover img,
html body #newsDetailView #newsDetailRelatedList .post-card:focus-visible img,
html body #newsDetailView #newsDetailRelatedList .news-detail-related-main-card:hover img,
html body #newsDetailView #newsDetailRelatedList .news-detail-related-main-card:focus-visible img {
  transform: none !important;
  filter: none !important;
}

html body #newsDetailView #newsDetailRelatedList .post-card img,
html body #newsDetailView #newsDetailRelatedList .news-detail-related-main-card img {
  transition: filter 0.22s ease !important;
}

/* Guide keeps Figtree while the rest of the public site uses Metropolis. */
html body #guideView,
html body #guideView *,
html body #mekanDetayView,
html body #mekanDetayView *,
html body #guideMapModal,
html body #guideMapModal *,
html body #detailReviewComposer,
html body #detailReviewComposer *,
html body #detailReviewPhotoUploadModal,
html body #detailReviewPhotoUploadModal *,
html body #detailReviewPhotoCropModal,
html body #detailReviewPhotoCropModal *,
html body #allPhotosModal,
html body #allPhotosModal *,
html body #commentPhotoViewer,
html body #commentPhotoViewer * {
  font-family: "Figtree", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body .red-header .main-nav > a,
html body .red-header .main-nav > .nav-item > .nav-link-btn,
html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-link-label,
html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-caret,
html body .red-header .main-nav .nav-dropdown a,
html body .red-header .header-notifications-btn,
html body .red-header .header-menu-btn,
html body .red-header .header-menu-icon {
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 800 !important;
}

html body :where(
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb,
  .detail-crumb-link,
  .detail-crumb-sep,
  .detail-crumb-current
),
html body :where(
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb
) :where(*) {
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body .detail-breadcrumb,
html body .detail-breadcrumb *,
html body .news-detail-breadcrumb,
html body .news-detail-breadcrumb *,
html body .member-auth-breadcrumb,
html body .member-auth-breadcrumb *,
html body .author-page-shell .detail-breadcrumb,
html body .author-page-shell .detail-breadcrumb *,
html body .detail-crumb-link,
html body .detail-crumb-sep,
html body .detail-crumb-current {
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body #mekanDetayView .detail-breadcrumb,
html body #mekanDetayView .detail-breadcrumb *,
html body #guideView .detail-breadcrumb,
html body #guideView .detail-breadcrumb *,
html body #newsDetailView .news-detail-breadcrumb,
html body #newsDetailView .news-detail-breadcrumb *,
html body #videoDetailView .detail-breadcrumb,
html body #videoDetailView .detail-breadcrumb *,
html body #infoPageView .detail-breadcrumb,
html body #infoPageView .detail-breadcrumb *,
html body #categoryView .detail-breadcrumb,
html body #categoryView .detail-breadcrumb *,
html body #newsCategoryView .detail-breadcrumb,
html body #newsCategoryView .detail-breadcrumb *,
html body #tagResultsView .detail-breadcrumb,
html body #tagResultsView .detail-breadcrumb *,
html body #chefsView .detail-breadcrumb,
html body #chefsView .detail-breadcrumb *,
html body #authorDetailView .detail-breadcrumb,
html body #authorDetailView .detail-breadcrumb *,
html body .detail-crumb-link,
html body .detail-crumb-sep,
html body .detail-crumb-current {
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

html body #mekanDetayView #detailCommentsSection .detail-comments-sort,
html body #mekanDetayView #detailCommentsSection .detail-comments-sort-btn,
html body #mekanDetayView #detailCommentsSection .detail-comment-add-btn,
html body #mekanDetayView #detailCommentsSection .detail-comment-add-btn *,
html body #mekanDetayView #detailCommentsSection .detail-review-author strong,
html body #mekanDetayView #detailCommentsSection .detail-review-item h5,
html body #mekanDetayView #detailCommentsSection .detail-review-date {
  font-weight: 650 !important;
}

html body #mekanDetayView #detailCommentsSection .detail-review-like-count {
  font-weight: 500 !important;
}

html body #allPhotosModal.all-photos-modal,
html body #commentPhotoViewer.comment-photo-viewer {
  padding: 5.6vh 5vw 4.8vh !important;
  box-sizing: border-box !important;
}

html body #allPhotosModal.all-photos-modal {
  z-index: 1500 !important;
}

html body #commentPhotoViewer.comment-photo-viewer {
  z-index: 1510 !important;
}

html body.comment-photo-viewer-from-album #commentPhotoViewer.comment-photo-viewer {
  background: transparent !important;
}

html body #allPhotosModal .all-photos-shell,
html body #commentPhotoViewer .comment-photo-viewer-shell {
  width: 100% !important;
  height: 100% !important;
}

html body #allPhotosModal .all-photos-header,
html body #commentPhotoViewer .comment-photo-viewer-header {
  min-height: 80px !important;
  padding: 0 56px !important;
}

html body #allPhotosModal .all-photos-body,
html body #commentPhotoViewer .comment-photo-viewer-body {
  grid-template-columns: 330px minmax(0, 1fr) !important;
}

html body #allPhotosModal .all-photos-sidebar,
html body #commentPhotoViewer .comment-photo-viewer-side {
  padding: 38px 44px !important;
}

html body #allPhotosModal .all-photos-header {
  min-height: 88px !important;
  padding: 0 48px !important;
}

html body #allPhotosModal .all-photos-body {
  grid-template-columns: clamp(330px, 26vw, 790px) minmax(0, 1fr) !important;
}

html body #allPhotosModal .all-photos-sidebar {
  padding: 44px 48px !important;
  gap: 64px !important;
}

html body #allPhotosModal .all-photos-sidebar-card,
html body #allPhotosModal .all-photos-sidebar-card img {
  width: clamp(132px, 9.55vw, 288px) !important;
}

html body #allPhotosModal .all-photos-sidebar-card img {
  height: clamp(88px, 6.35vw, 192px) !important;
}

html body #allPhotosModal .all-photos-grid {
  padding: 0 24px 42px !important;
  gap: 14px !important;
  grid-auto-rows: clamp(200px, 13.4vw, 405px) !important;
}

html body #commentPhotoViewer .comment-photo-viewer-header {
  min-height: 88px !important;
  padding: 0 48px !important;
}

html body #commentPhotoViewer .comment-photo-viewer-body {
  grid-template-columns: clamp(330px, 26vw, 790px) minmax(0, 1fr) !important;
}

html body #commentPhotoViewer .comment-photo-viewer-side {
  padding: 44px 48px !important;
}

html body {
  --review-photo-frame-ratio: 280 / 184;
}

html body #detailReviewPhotoUploadModal .detail-review-upload-thumb {
  aspect-ratio: var(--review-photo-frame-ratio) !important;
  height: auto !important;
  background: #000000 !important;
}

html body #detailReviewPhotoUploadModal .detail-review-upload-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #000000 !important;
}

html body #allPhotosModal .all-photos-grid {
  grid-auto-rows: auto !important;
}

html body #allPhotosModal .all-photos-tile {
  aspect-ratio: var(--review-photo-frame-ratio) !important;
  background: #000000 !important;
}

html body #allPhotosModal .all-photos-tile img.is-comment-photo {
  object-fit: contain !important;
  background: #000000 !important;
}

html body #commentPhotoViewer .comment-photo-viewer-media {
  align-self: center !important;
  aspect-ratio: var(--review-photo-frame-ratio) !important;
  height: auto !important;
  max-height: 100% !important;
  background: #000000 !important;
}

html body #commentPhotoViewer .comment-photo-viewer-media img {
  object-fit: contain !important;
  background: #000000 !important;
}

html body :where(#guideView, #mekanDetayView, #guideMapModal, #detailReviewComposer, #detailReviewPhotoUploadModal, #detailReviewPhotoCropModal, #allPhotosModal, #commentPhotoViewer) {
  font-weight: 400 !important;
}

html body :where(#guideView, #mekanDetayView, #guideMapModal, #detailReviewComposer, #detailReviewPhotoUploadModal, #detailReviewPhotoCropModal, #allPhotosModal, #commentPhotoViewer) :where(p, span, small, time, button, input, textarea, label) {
  font-weight: 450 !important;
}

html body :where(#guideView, #mekanDetayView, #guideMapModal, #detailReviewComposer, #detailReviewPhotoUploadModal, #detailReviewPhotoCropModal, #allPhotosModal, #commentPhotoViewer) :where(h1, h2, h3, h4, h5, h6, strong, b),
html body #guideView .mekan-title,
html body #mekanDetayView .detail-page-title,
html body #mekanDetayView #detailCommentsSection .news-comments-title,
html body #mekanDetayView #detailCommentsSection .detail-review-author strong,
html body #mekanDetayView #detailCommentsSection .detail-review-item h5,
html body #mekanDetayView #detailCommentsSection .detail-review-date,
html body #commentPhotoViewer .comment-photo-viewer-title-wrap h2,
html body #commentPhotoViewer .comment-photo-viewer-author strong,
html body #commentPhotoViewer .comment-photo-viewer-side h3,
html body #allPhotosModal .all-photos-title-wrap h2 {
  font-weight: 620 !important;
}

html body #mekanDetayView .detail-header-average,
html body #mekanDetayView .detail-review-average,
html body #detailReviewComposer .detail-review-submit,
html body #detailReviewPhotoUploadModal .detail-review-photo-primary,
html body #detailReviewPhotoUploadModal .detail-review-photo-secondary,
html body #detailReviewPhotoCropModal .detail-review-photo-crop-footer button {
  font-weight: 650 !important;
}

html body #mekanDetayView #detailCommentsSection .detail-review-date,
html body #commentPhotoViewer .comment-photo-viewer-side time {
  font-weight: 500 !important;
}

html body #mekanDetayView .detail-hours-list dt {
  font-weight: 600 !important;
}

html body #mekanDetayView .detail-save-widget-btn,
html body #mekanDetayView .detail-save-widget-btn *,
html body #mekanDetayView .detail-save-link-btn .detail-save-widget-label,
html body #mekanDetayView #detailCommentJumpBtn,
html body #mekanDetayView #detailCommentJumpBtn * {
  font-weight: 700 !important;
}

html body :is(
  #detailBreadcrumb,
  #infoPageBreadcrumb,
  #categoryBreadcrumb,
  #newsCategoryBreadcrumb,
  #tagResultsBreadcrumb,
  #videoDetailBreadcrumb,
  #chefsBreadcrumb,
  #newsDetailBreadcrumb,
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb
),
html body :is(
  #detailBreadcrumb,
  #infoPageBreadcrumb,
  #categoryBreadcrumb,
  #newsCategoryBreadcrumb,
  #tagResultsBreadcrumb,
  #videoDetailBreadcrumb,
  #chefsBreadcrumb,
  #newsDetailBreadcrumb,
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb
) :is(a, span, button, b, strong),
html body :is(.detail-crumb-link, .detail-crumb-sep, .detail-crumb-current) {
  font-family: "Metropolis Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-variation-settings: "wght" 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  font-synthesis: none !important;
  font-synthesis-weight: none !important;
}

html body :is(
  #detailBreadcrumb,
  #infoPageBreadcrumb,
  #categoryBreadcrumb,
  #newsCategoryBreadcrumb,
  #tagResultsBreadcrumb,
  #videoDetailBreadcrumb,
  #chefsBreadcrumb,
  #newsDetailBreadcrumb,
  .detail-breadcrumb,
  .news-detail-breadcrumb,
  .member-auth-breadcrumb,
  .author-page-shell .detail-breadcrumb
) :is(b, strong) {
  font-weight: 700 !important;
  font-variation-settings: "wght" 700 !important;
}

html body .detail-crumb-sep {
  margin: 0 0.42em !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body .home-am-index button {
  width: calc(46px - 2pt) !important;
  height: calc(46px - 2pt) !important;
  min-height: calc(46px - 2pt) !important;
  font-size: calc(clamp(2rem, 3vw, 2.5rem) - 2pt) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

@media (max-width: 980px) {
  html body .home-am-index button {
    width: calc(42px - 2pt) !important;
    height: calc(42px - 2pt) !important;
    min-height: calc(42px - 2pt) !important;
    font-size: calc(2.1rem - 2pt) !important;
  }
}

/* Başlıktan sonraki genel sayfa aralığı kırmızı üst bandın devamı olarak görünür. */
html body .red-header {
  margin-bottom: -24px;
  padding-bottom: 24px;
}

/* Manşet bölümü: başlık görsel üstünde büyük, alt-orta ve referans formata yakın. */
html body #homeMainSection .home-main-overlay {
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 42px 44px !important;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.02) 0%,
    rgba(0, 0, 0, 0.16) 42%,
    rgba(0, 0, 0, 0.72) 100%
  ) !important;
  text-align: center !important;
}

html body #homeMainSection .home-main-overlay h3 {
  max-width: 88% !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-family: var(--news-headline-font) !important;
  font-size: clamp(1.1rem, 1.7vw, 1.5rem) !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72) !important;
  -webkit-line-clamp: 2 !important;
  min-height: 0 !important;
}

html body #homeMainSection .home-main-card:hover .home-main-overlay h3,
html body #homeMainSection .home-main-card:focus-visible .home-main-overlay h3 {
  color: #ffffff !important;
}

html body #homeMainSection .home-main-index {
  background: #070707 !important;
  gap: 5px !important;
  padding: 6px 28px !important;
}

html body #homeMainSection .home-main-index button,
html body #homeMainSection .home-main-index .home-main-index-btn {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: #000000 !important;
  color: #ffffff !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  padding: 0 !important;
}

html body #homeMainSection .home-main-index button.active,
html body #homeMainSection .home-main-index button:hover,
html body #homeMainSection .home-main-index button:focus-visible {
  background: #d9154b !important;
  color: #ffffff !important;
}

@media (max-width: 980px) {
  html body #homeMainSection .home-main-overlay {
    padding: 0 18px 30px !important;
  }

  html body #homeMainSection .home-main-overlay h3 {
    max-width: 94% !important;
    font-size: clamp(1rem, 4.5vw, 1.3rem) !important;
  }
}

/* Manşet başlıklarını referanstaki daha kompakt ölçüye getir */
html body #homeAMSection .home-am-overlay h3,
html body #homeMainSection .home-main-overlay h3 {
  font-size: clamp(1rem, 1.8vw, 1.55rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}


.chefs-page-hero {
  position: relative;
  width: min(1180px, calc(100vw - 48px));
  min-height: 333px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 72px clamp(24px, 7vw, 96px);
  color: #fff;
  background:
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.56) 42%, rgba(0,0,0,.16) 100%),
    url("assets/branding/search-chef-hat.png"),
    linear-gradient(135deg, #101010 0%, #2a0b12 100%);
  background-repeat: no-repeat;
  background-position: center right 12%, center right 8%, center;
  background-size: auto 72%, auto 70%, cover;
}

.chefs-page-hero.has-custom-image {
  background: linear-gradient(135deg, #101010 0%, #2a0b12 100%);
}

.chefs-page-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.chefs-page-hero.has-custom-image::after {
  display: none;
}

.chefs-page-hero.is-disabled {
  background:
    linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.6)),
    linear-gradient(135deg, #101010 0%, #2a0b12 100%);
}

.chefs-page-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 560px;
}

.chefs-page-hero h1 {
  margin: 0 0 18px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3rem, 7vw, 5.6rem);
  line-height: .92;
  letter-spacing: 0;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .72);
}

.chefs-page-hero p {
  margin: 0;
  max-width: 520px;
  color: #ffffff;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.7;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .78);
}

.chefs-page-shell {
  margin: -2px auto 0;
  border-radius: 12px 12px 0 0;
  background: #fff;
  box-shadow: 0 -16px 50px rgba(15, 23, 42, .08);
}

.public-people-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.public-person-card {
  border: 1px solid #f0ccd3;
  background: #fff;
  color: #111827;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.public-person-card:hover,
.public-person-card:focus-visible {
  transform: none;
  border-color: #cf1d39;
  box-shadow: 0 18px 42px rgba(17, 24, 39, .12);
}

.public-person-card.is-compact {
  flex: 0 0 152px;
  min-height: 254px;
  border-radius: 999px;
  padding: 12px 12px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.public-person-card.is-grid {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}

.public-person-card.is-grid.is-chef-card {
  padding: 0;
  border-radius: 18px;
  overflow: hidden;
}

.public-person-card.is-grid.is-chef-card .public-person-image-wrap {
  width: 100%;
  margin: 0;
  border-radius: 17px 17px 0 0;
}

.public-person-card.is-grid.is-chef-card .public-person-body {
  padding: 28px 32px 30px;
  border-radius: 0 0 17px 17px;
}

.public-person-image-wrap {
  background: #fff5f7;
  overflow: hidden;
}

.public-person-card.is-compact .public-person-image-wrap {
  width: 116px;
  height: 116px;
  border-radius: 50%;
  border: 3px solid #f7d5db;
  box-shadow: inset 0 0 0 2px #fff;
}

.public-person-card.is-grid .public-person-image-wrap {
  width: 100%;
  aspect-ratio: 16 / 10;
}

.public-person-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.public-person-body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1;
}

.public-person-card.is-compact .public-person-body {
  align-items: center;
  padding: 10px 2px 0;
  gap: 5px;
}

.public-person-name {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 800;
}

.public-person-card.is-compact .public-person-name {
  font-size: .9rem;
}

.public-person-specialty,
.public-person-location,
.public-person-bio {
  margin: 0;
  line-height: 1.45;
}

.public-person-specialty {
  color: #343a46;
  font-size: .9rem;
  font-weight: 700;
}

.public-person-location {
  color: #cf1d39;
  font-size: .78rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}

.public-person-location::before {
  content: "⌖";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #cf1d39;
  font-weight: 900;
}

.public-person-location.is-chef-location,
.chef-profile-location {
  color: #d8a742;
}

.chef-profile-location {
  display: flex;
  align-items: center;
  gap: 6px;
}

.public-person-location.is-chef-location::before {
  display: none;
}

.chef-location-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.chef-location-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}

.public-person-bio {
  color: #303745;
  font-size: .88rem;
  min-height: 42px;
}

.public-person-socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.public-person-social {
  width: 24px;
  height: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111;
  background: #fff;
}

.public-person-social svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.public-person-profile-btn,
.public-person-follow {
  margin-top: auto;
  width: 100%;
  min-height: 36px;
  border: 1px solid #cf1d39;
  border-radius: 6px;
  background: #fff;
  color: #cf1d39;
  font-size: .88rem;
  font-weight: 800;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
}

.public-person-profile-btn:hover,
.public-person-profile-btn:focus-visible,
.public-person-follow:hover,
.public-person-follow:focus-visible {
  border-color: #cf1d39;
  background: #cf1d39;
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(207, 29, 57, .26);
  filter: drop-shadow(0 10px 20px rgba(207, 29, 57, .22));
  outline: none;
}

.public-person-follow {
  width: auto;
  min-height: 28px;
  padding: 5px 14px;
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.home-chef-card.public-person-card.is-compact {
  min-height: 310px;
}

@media (min-width: 1101px) {
  .home-chefs-showcase {
    --writers-visible: 7;
  }

  .home-chefs-track .public-person-card.is-compact {
    flex: 0 0 calc((100% - (6 * var(--writers-gap))) / 7);
    min-width: 0;
  }
}

/* Ana sayfadaki yazar kartları Chef kartlarıyla aynı ölçüde kalır. */
.home-writers-track .public-person-card.is-compact {
  min-height: 310px;
}

.home-chef-card .public-person-card-socials {
  gap: 6px;
  margin-top: 4px;
}

.home-chef-card .public-person-card-socials .public-person-social {
  width: 21px;
  height: 21px;
  border-color: #c9c9c9;
  color: #171717;
}

.home-chef-card .public-person-card-socials .public-person-social svg {
  width: 12px;
  height: 12px;
}

.home-chef-card .public-person-card-socials .public-person-social.is-unavailable {
  opacity: .42;
}

.public-person-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 1;
  padding: 5px 10px;
  border-radius: 999px;
  background: #cf1d39;
  color: #fff;
  font-size: .74rem;
  font-weight: 900;
}

.chefs-bottom-band {
  margin: 28px 4px 0;
  border-radius: 12px;
  padding: 24px 34px;
  background:
    linear-gradient(90deg, rgba(20, 20, 20, .98), rgba(37, 37, 37, .96)),
    radial-gradient(circle at 20% 10%, rgba(255, 255, 255, .14), transparent 28%);
  color: #fff;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
}

.chefs-bottom-band[hidden] {
  display: none;
}

.chefs-bottom-band-media {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #cf1d39;
}

.chefs-bottom-band-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.chefs-bottom-band-media svg {
  width: 64px;
  height: 64px;
}

.chefs-bottom-band-media .chef-join-hat-icon {
  width: 70px;
  height: 70px;
  object-fit: contain;
  filter: drop-shadow(0 0 5px rgba(216, 167, 66, .42));
}

.chefs-bottom-band-copy h3 {
  margin: 0 0 7px;
  font-size: 1.08rem;
  font-weight: 900;
}

.chefs-bottom-band-copy p {
  margin: 0;
  max-width: 560px;
  color: rgba(255, 255, 255, .86);
  font-size: .9rem;
  line-height: 1.55;
  font-weight: 600;
}

.chefs-bottom-band-btn {
  min-width: 170px;
  border-radius: 7px;
  padding: 14px 24px;
  background: linear-gradient(135deg, #cf1d39, #a9142c);
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: .92rem;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);
}

@media (max-width: 1100px) {
  .public-people-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .chefs-page-hero {
    width: min(100%, calc(100vw - 24px));
    min-height: 260px;
    padding: 48px 22px;
  }
  .public-people-grid { grid-template-columns: 1fr; }
  .public-person-card.is-compact { flex-basis: 140px; }
  .chefs-directory-controls {
    align-items: flex-start;
    flex-direction: column;
  }
  .chefs-sort-control {
    width: 100%;
    justify-content: space-between;
  }
  .chefs-sort-control select {
    min-width: 170px;
  }
  .chefs-bottom-band {
    grid-template-columns: 1fr;
    padding: 24px;
    text-align: center;
    justify-items: center;
  }
  .chefs-bottom-band-btn {
    width: 100%;
  }
}


.chefs-page-shell {
  width: min(1180px, calc(100vw - 48px));
  padding: 26px 32px 48px;
}

.chefs-page-shell .detail-top-row {
  display: none;
}

.chefs-page-shell .section-head {
  margin-top: 44px;
}

.chefs-page-shell #chefsViewHeading {
  font-size: 1.18rem;
  letter-spacing: 0;
}

.chefs-page-shell .chefs-filter {
  display: none;
}

.chefs-directory-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 14px 0 22px;
}

.chefs-alphabet-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.chefs-alphabet-btn {
  border: 0;
  background: transparent;
  color: #111111;
  font: 700 .78rem/1.2 inherit;
  padding: 4px 0;
  cursor: pointer;
  opacity: 1;
}

.chefs-alphabet-btn.is-active {
  color: #cf1d39;
}

.chefs-alphabet-btn:disabled {
  color: #111111;
  opacity: .28;
  cursor: default;
}

.chefs-sort-control {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #2f3137;
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}

.chefs-sort-control select {
  min-width: 150px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
  color: #30343d;
  font: 600 .8rem/1.2 inherit;
  padding: 10px 34px 10px 12px;
}

.chefs-featured-strip {
  padding: 0 2px 22px;
  border-bottom: 1px solid #f3cfd6;
}

.chefs-featured-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.chefs-featured-head h2 {
  margin: 0;
  color: #1a1a1a;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0;
}

.chefs-featured-all {
  border: 0;
  background: transparent;
  color: #cf1d39;
  font-size: .86rem;
  font-weight: 800;
  cursor: pointer;
}

.chefs-featured-viewport {
  position: relative;
}

.chefs-featured-track {
  display: flex;
  gap: clamp(18px, 3vw, 44px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 0 16px 4px 0;
}

.chefs-featured-track::-webkit-scrollbar {
  display: none;
}

.chefs-featured-next {
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #303030;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .14);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.chefs-featured-track .public-person-card.is-compact:first-child {
  border-color: #cf1d39;
  box-shadow: inset 0 0 0 1px #cf1d39;
}

@media (max-width: 760px) {
  .chefs-page-shell {
    width: min(100vw - 24px, 1180px);
    padding: 20px 16px 36px;
  }

  .chefs-featured-next {
    right: -10px;
  }
}


.public-person-location-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  color: #cf1d39;
  font-weight: 900;
}

.chef-profile-page {
  display: block;
  width: min(1180px, calc(100vw - 48px));
  margin: 0 auto 48px;
}

.chef-profile-hero {
  position: relative;
  width: 100%;
  aspect-ratio: 2360 / 666;
  min-height: 0;
  border-radius: 0 0 18px 18px;
  overflow: hidden;
  background: #111;
}

.chef-profile-hero-bg,
.chef-profile-hero-overlay {
  position: absolute;
  inset: 0;
}

.chef-profile-hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chef-profile-hero-socials {
  position: absolute;
  z-index: 1;
  bottom: clamp(16px, 3vw, 38px);
  left: clamp(18px, 5vw, 72px);
  display: flex;
  gap: 12px;
}

.chef-profile-hero-socials .public-person-social {
  width: 46px;
  height: 46px;
  border-color: rgba(255, 255, 255, .72);
  background: rgba(0, 0, 0, .32);
  color: #fff;
  backdrop-filter: blur(3px);
}

.chef-profile-hero-socials .public-person-social svg {
  width: 23px;
  height: 23px;
}

.chef-profile-hero-socials .public-person-social.is-unavailable {
  opacity: .58;
}

.chef-profile-hero-overlay {
  background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.08) 74%);
}

.chef-profile-hero-content {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: clamp(20px, 3vw, 48px);
  padding: clamp(24px, 4vw, 64px);
}

.chef-profile-avatar {
  width: clamp(116px, 12vw, 190px);
  height: clamp(116px, 12vw, 190px);
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #fff !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent;
}

.chef-profile-avatar-wrap {
  position: relative;
  flex: 0 0 auto;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.chef-profile-avatar-wrap > span {
  position: absolute;
  right: -8px;
  bottom: 4px;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 3px solid #1d1d1d;
  border-radius: 50%;
  background: #bd913e;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 900;
}

.chef-profile-kicker {
  margin: 0 0 8px;
  color: #d9ad55;
  font: italic 2rem Georgia, serif;
}

.chef-profile-hero h1 {
  margin: 0 0 12px;
  font-family: "Times New Roman", Times, serif !important;
  font-size: clamp(2.15rem, 3.6vw, 3.75rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #fff;
}

.chef-profile-hero h2,
.chef-profile-location,
.chef-profile-hero p {
  max-width: 620px;
  color: #fff;
}

.chef-profile-location {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: #e4b653 !important;
  font-weight: 800;
}

.chef-profile-location .chef-location-icon {
  width: 18px;
  height: 18px;
}

.chef-profile-hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 30px;
}

.chef-profile-follow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 156px;
  padding: 14px 24px;
  border: 0;
  border-radius: 8px;
  background: #bd913e;
  color: #fff;
  font: 800 1rem/1 inherit;
  cursor: pointer;
  text-decoration: none;
}

.chef-profile-follow[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .58;
}

.chef-profile-hero-actions .chef-profile-hero-socials {
  position: static;
  gap: 10px;
}

.chef-profile-hero-actions .public-person-social {
  width: 42px;
  height: 42px;
}

.chef-profile-tabs {
  display: flex;
  justify-content: space-around;
  gap: 12px;
  margin: -28px auto 34px;
  padding: 22px;
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid #f0ccd3;
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(15,23,42,.1);
}

.chef-profile-below-hero-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  min-height: 76px;
  padding: 14px 20px;
  background: #ffffff;
  border-bottom: 1px solid #e8ebf0;
}

.chef-profile-below-hero-socials .public-person-social {
  width: 46px;
  height: 46px;
}

.chef-profile-tabs a {
  color: #3b3b3b;
  text-decoration: none;
  font-weight: 800;
}

.chef-profile-tabs a.is-active,
.chef-profile-tabs a:hover,
.chef-profile-tabs a:focus-visible {
  color: #b78320;
}

.chef-profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
}

.chef-profile-section,
.chef-profile-side-card,
.chef-profile-newsletter {
  background: #fff;
  border: 1px solid #f0ccd3;
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 24px;
  scroll-margin-top: 24px;
}

.chef-profile-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.chef-profile-card,
.chef-profile-workshop-card {
  border: 1px solid #f0ccd3;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.chef-profile-card img,
.chef-profile-workshop-card img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.chef-profile-card div,
.chef-profile-workshop-card div {
  padding: 14px;
}

.chef-profile-workshop-card {
  display: grid;
  grid-template-columns: 120px 1fr auto auto;
  align-items: center;
  gap: 14px;
  padding-right: 14px;
  margin-bottom: 12px;
}

.chef-profile-workshop-card img {
  height: 92px;
}

.chef-profile-workshop-card button,
.chef-profile-join button,
.chef-profile-newsletter button,
.chef-profile-side-card button {
  border: 0;
  border-radius: 8px;
  background: #cf1d39;
  color: #fff;
  padding: 12px 18px;
  font-weight: 900;
}

.chef-profile-join form,
.chef-profile-newsletter {
  display: grid;
  gap: 12px;
}

.chef-profile-join input,
.chef-profile-join select,
.chef-profile-join textarea,
.chef-profile-newsletter input {
  border: 1px solid #efccd3;
  border-radius: 8px;
  padding: 13px;
  font: inherit;
}

.chef-profile-socials {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.chef-profile-layout aside .chef-profile-side-card,
.chef-profile-social-card {
  border-color: rgba(207, 29, 57, .22);
  background:
    radial-gradient(circle at 16% 18%, rgba(207, 29, 57, .08), transparent 30%),
    linear-gradient(145deg, #ffffff 0%, #fff9fa 100%);
  box-shadow: 0 18px 45px rgba(17, 24, 39, .06);
}

.chef-profile-social-card h2 {
  margin-bottom: 26px;
}

.chef-profile-social-card .chef-profile-socials {
  gap: 16px;
  align-items: center;
}

.chef-profile-social-card .public-person-social {
  width: 48px;
  height: 48px;
  border: 1px solid #d8d8d8;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 8px 18px rgba(17, 24, 39, .08);
}

.chef-profile-social-card .public-person-social svg {
  width: 23px;
  height: 23px;
}

.chef-profile-social-card .public-person-social:hover,
.chef-profile-social-card .public-person-social:focus-visible {
  transform: none;
  border-color: #cf1d39;
  color: #cf1d39;
  outline: none;
}

.chef-profile-newsletter {
  grid-template-columns: 1fr minmax(260px, 420px) auto;
  align-items: center;
  background: #1f1f1f;
  color: #fff;
}

.chef-profile-newsletter-copy {
  display: grid;
  gap: 5px;
}

.chef-profile-newsletter-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .74);
  font-size: .86rem;
}

.chef-profile-newsletter [data-chef-profile-newsletter-status] {
  grid-column: 2 / -1;
  color: #fff;
  font-size: .82rem;
}

/* Chef profil sayfası: yazar sayfalarından bağımsız kart ve takvim akışı */
.chef-profile-page {
  width: min(1360px, calc(100vw - 40px));
  margin-bottom: 56px;
}

.chef-profile-tabs {
  justify-content: center;
  gap: clamp(20px, 6vw, 86px);
  margin: -22px auto 28px;
  padding: 20px 28px;
  border-color: #e6e6e6;
  border-radius: 12px;
}

.chef-profile-tabs a {
  position: relative;
  padding: 4px 0;
}

.chef-profile-tabs a:first-child {
  color: #bd913e;
}

.chef-profile-tabs a:first-child::after {
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  height: 2px;
  background: #bd913e;
  content: "";
}

.chef-profile-layout {
  grid-template-columns: minmax(0, 3fr) minmax(270px, 1fr);
  align-items: start;
  gap: 24px;
}

.chef-profile-section,
.chef-profile-side-card {
  padding: 20px;
  border-color: #ededed;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

.chef-profile-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.chef-profile-section-heading h2,
.chef-profile-side-card h2 {
  margin: 0;
  color: #242424;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.chef-profile-video-title {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.chef-profile-video-title svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #bd913e;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.chef-profile-section-heading a {
  color: #98712d;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
}

.chef-profile-video-grid,
.chef-profile-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
  align-items: stretch;
}

.chef-profile-video-card,
.chef-profile-card {
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #fff;
}

.chef-profile-video-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}

button.chef-profile-video-card,
.chef-profile-workshop-card button {
  width: 100%;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

button.chef-profile-video-card:hover,
button.chef-profile-video-card:focus-visible {
  border-color: #bd913e;
  box-shadow: 0 10px 22px rgba(17, 24, 39, .12);
  transform: translateY(-2px);
}

.chef-profile-article-card {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.chef-profile-recipe-card {
  display: flex;
  flex-direction: column;
}

.chef-profile-recipe-content {
  display: block;
  padding: 0 !important;
}

.chef-profile-recipe-image {
  position: relative;
  padding: 0 !important;
}

.chef-profile-recipe-new {
  position: absolute;
  top: 11px;
  left: 11px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #bd913e;
  color: #fff;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .03em;
  line-height: 1;
}

.chef-profile-article-card:hover,
.chef-profile-article-card:focus-visible {
  border-color: #bd913e;
  box-shadow: 0 10px 22px rgba(17, 24, 39, .12);
  transform: translateY(-2px);
}

.chef-profile-video-image {
  position: relative;
}

.chef-profile-video-card img,
.chef-profile-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.55 / 1;
  object-fit: cover;
}

.chef-profile-video-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #bd913e;
  color: #fff;
  font-size: .7rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1;
}

.chef-profile-video-badge.is-live {
  background: #cf1d39;
}

.chef-profile-video-badge.is-recorded {
  background: #394150;
}

.chef-profile-video-card-content,
.chef-profile-card div {
  padding: 14px;
}

.chef-profile-video-card-content {
  min-height: 124px;
  display: flex;
  flex-direction: column;
}

.chef-profile-recipe-card .chef-profile-recipe-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  padding: 9px 12px 11px;
  border-top: 1px solid #f1f1f1;
}

.chef-profile-recipe-actions a {
  display: inline-grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid #dedede;
  border-radius: 50%;
  color: #4a4a4a;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.chef-profile-recipe-actions a:hover,
.chef-profile-recipe-actions a:focus-visible {
  border-color: #bd913e;
  background: #bd913e;
  color: #fff;
}

.chef-profile-recipe-actions svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.chef-profile-video-card h3,
.chef-profile-card h3,
.chef-profile-workshop-card h3 {
  margin: 0;
  color: #222;
  font-size: .95rem;
  line-height: 1.35;
}

.chef-profile-video-card p,
.chef-profile-card p {
  margin: 12px 0 0;
  color: #6a6a6a;
  font-size: .78rem;
}

.chef-profile-video-card-meta {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}

.chef-profile-video-card-meta p {
  margin: 12px 0 0;
}

.chef-profile-video-card-meta strong {
  display: block;
  white-space: nowrap;
  color: #bd913e;
  font-size: .94rem;
  text-align: right;
}

.chef-profile-workshop-list {
  display: grid;
  gap: 10px;
}

.chef-profile-workshop-calendar-layout {
  display: grid;
  grid-template-columns: minmax(180px, .72fr) minmax(0, 1.45fr);
  gap: 16px;
  padding: 16px;
  border: 1px solid #ececec;
  border-radius: 12px;
  background: #fff;
}

.chef-profile-workshop-calendar {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 10px 16px 10px 2px;
  border-right: 1px solid #ececec;
}

.chef-profile-workshop-calendar > strong {
  color: #262626;
  font-size: 1rem;
  font-weight: 900;
  text-transform: capitalize;
}

.chef-profile-workshop-calendar > p {
  margin: 10px 0 0;
  color: #737373;
  font-size: .82rem;
  line-height: 1.5;
}

.chef-profile-workshop-weekdays,
.chef-profile-workshop-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}

.chef-profile-workshop-weekdays {
  margin-top: 18px;
}

.chef-profile-workshop-weekdays small {
  color: #777;
  font-size: .62rem;
  font-weight: 700;
  text-align: center;
}

.chef-profile-workshop-days {
  margin-top: 7px;
}

.chef-profile-workshop-days span {
  display: grid;
  justify-items: center;
  min-width: 0;
}

.chef-profile-workshop-days span.is-empty {
  visibility: hidden;
}

.chef-profile-workshop-days b {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  color: #262626;
  font-size: .8rem;
}

.chef-profile-workshop-days span.is-event b {
  background: #bd913e;
  color: #fff;
  box-shadow: 0 3px 8px rgba(189, 145, 62, .35);
}

.chef-profile-workshop-calendar > p i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: #bd913e;
}

.chef-profile-workshop-card {
  grid-template-columns: 115px minmax(0, 1fr) auto auto;
  gap: 14px;
  padding: 14px 16px;
  border-color: #ededed;
  border-radius: 9px;
  margin-bottom: 0;
  background: #fafafa;
}

.chef-profile-workshop-card > p {
  margin: 0;
  color: #737373;
  font-size: .78rem;
  font-weight: 800;
}

.chef-profile-workshop-card div {
  padding: 0;
}

.chef-profile-workshop-card span {
  display: block;
  margin-top: 5px;
  color: #747474;
  font-size: .75rem;
}

.chef-profile-workshop-card a {
  padding: 8px 12px;
  border-radius: 6px;
  background: #bd913e;
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
  text-decoration: none;
}

.chef-profile-workshop-card button {
  width: auto;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  background: #bd913e;
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
}

.chef-profile-workshop-card strong {
  min-width: 42px;
  color: #98712d;
  font-size: .9rem;
  text-align: right;
}

.chef-profile-layout aside {
  display: grid;
  gap: 20px;
}

.chef-workshop-detail {
  padding: 30px 0 70px;
}

.chef-workshop-back {
  margin-bottom: 20px;
  padding: 10px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  color: #222;
  cursor: pointer;
  font-weight: 800;
}

.chef-workshop-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 28px;
}

.chef-workshop-media {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #171717;
}

.chef-workshop-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 8.5;
  object-fit: cover;
}

.chef-workshop-media > a,
.chef-workshop-status {
  position: absolute;
  top: 16px;
  z-index: 1;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 900;
}

.chef-workshop-status {
  left: 16px;
  padding: 7px 11px;
  background: #bd913e;
  color: #fff;
}

.chef-workshop-status.canli { background: #d71e39; }
.chef-workshop-status.kayit { background: #46556f; }

.chef-workshop-media > a {
  right: 16px;
  padding: 9px 13px;
  background: #fff;
  color: #181818;
  text-decoration: none;
}

.chef-workshop-category {
  margin: 22px 0 8px;
  color: #a67829;
  font-size: .82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.chef-workshop-detail h1 {
  margin: 0;
  color: #222;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  line-height: 1.12;
}

.chef-workshop-chef {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  color: #656565;
}

.chef-workshop-chef img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.chef-workshop-chef strong { color: #232323; }

.chef-workshop-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 16px;
  margin: 20px 0;
  color: #646464;
  font-size: .87rem;
}

.chef-workshop-meta span { display: inline-flex; align-items: center; gap: 6px; }

.chef-workshop-purchase {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding: 17px;
  border: 1px solid #ead9b8;
  border-radius: 12px;
  background: #fffcf6;
}

.chef-workshop-purchase strong { color: #a67829; font-size: 1.2rem; }
.chef-workshop-purchase button,
.chef-workshop-live form button {
  border: 0;
  border-radius: 8px;
  background: #bd913e;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 11px 16px;
}
.chef-workshop-purchase small { flex-basis: 100%; color: #59606b; }

.chef-workshop-copy,
.chef-workshop-live,
.chef-workshop-schedule,
.chef-workshop-lessons {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
}

.chef-workshop-copy h2,
.chef-workshop-live h2,
.chef-workshop-schedule h2,
.chef-workshop-lessons h2,
.chef-workshop-similar h2 { margin: 0 0 12px; color: #242424; font-size: 1.15rem; }
.chef-workshop-copy p,
.chef-workshop-copy li,
.chef-workshop-schedule li { color: #4c4c4c; line-height: 1.65; }
.chef-workshop-copy ul { margin: 0; padding-left: 20px; }

.chef-workshop-live { padding: 18px; border: 1px solid #e4e4e4; border-radius: 12px; }
.chef-workshop-live h2 span { color: #d71e39; font-size: .78rem; }
.chef-workshop-live-viewers { color: #777; font-size: .85rem; }
.chef-workshop-chat { max-height: 180px; margin: 15px 0; overflow: auto; border-radius: 8px; background: #fafafa; padding: 12px; }
.chef-workshop-chat p { margin: 0 0 8px; color: #4d4d4d; font-size: .9rem; }
.chef-workshop-live form { display: flex; gap: 8px; }
.chef-workshop-live input { min-width: 0; flex: 1; padding: 11px; border: 1px solid #ddd; border-radius: 8px; }

.chef-workshop-schedule ol,
.chef-workshop-lessons ol { margin: 0; padding-left: 22px; }
.chef-workshop-schedule li { margin: 7px 0; }
.chef-workshop-schedule p { color: #98712d; font-weight: 800; }
.chef-workshop-progress { display: grid; grid-template-columns: auto minmax(80px, 1fr) auto; align-items: center; gap: 10px; margin-bottom: 13px; color: #666; font-size: .88rem; }
.chef-workshop-progress progress { width: 100%; accent-color: #bd913e; }
.chef-workshop-lessons li { margin: 7px 0; }
.chef-workshop-lessons button { width: 100%; border: 0; background: #f8f8f8; color: #333; cursor: pointer; padding: 11px; text-align: left; }

.chef-workshop-detail aside { display: grid; align-content: start; gap: 20px; }
.chef-workshop-chef-card,
.chef-workshop-similar { padding: 22px; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; }
.chef-workshop-chef-card { text-align: center; }
.chef-workshop-chef-card img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; }
.chef-workshop-chef-card h2 { margin: 10px 0 4px; font-size: 1.1rem; }
.chef-workshop-chef-card p { margin: 0 0 15px; color: #777; font-size: .85rem; }
.chef-workshop-chef-card a { color: #a67829; font-size: .85rem; font-weight: 900; text-decoration: none; }
.chef-workshop-similar button { display: grid; width: 100%; gap: 5px; border: 0; border-top: 1px solid #ededed; background: transparent; cursor: pointer; padding: 12px 0; text-align: left; }
.chef-workshop-similar span { color: #a67829; font-size: .74rem; font-weight: 800; }
.chef-workshop-similar strong { color: #333; line-height: 1.35; }
.chef-workshop-similar p { color: #777; line-height: 1.5; }

.chef-profile-layout aside .chef-profile-side-card,
.chef-profile-social-card {
  margin: 0;
  border-color: #ededed;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

.chef-profile-side-card > p {
  margin: 16px 0;
  color: #454545;
  font-size: .86rem;
  line-height: 1.65;
}

.chef-profile-articles-card h2 {
  margin-bottom: 24px;
  font-size: 1.45rem;
}

.chef-profile-articles-card h3 {
  margin: 0 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dfe3e8;
  color: #242a35;
  font-size: 1.08rem;
}

.chef-profile-sidebar-post-list {
  display: grid;
  gap: 14px;
}

.chef-profile-sidebar-post {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.chef-profile-sidebar-post-date {
  display: grid;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  padding: 8px 5px;
  background: #f6f7f9;
  color: #b9bec7;
}

.chef-profile-sidebar-post-date strong {
  font-size: 1.8rem;
  line-height: 1;
}

.chef-profile-sidebar-post-date small {
  margin-top: 7px;
  font-size: .82rem;
  line-height: 1.1;
  text-transform: capitalize;
}

.chef-profile-sidebar-post-title {
  color: #171b24;
  font-size: .98rem;
  font-weight: 900;
  line-height: 1.35;
}

.chef-profile-sidebar-post:hover .chef-profile-sidebar-post-title,
.chef-profile-sidebar-post:focus-visible .chef-profile-sidebar-post-title {
  color: #bd1735;
}

.chef-profile-sidebar-post:focus-visible {
  outline: 2px solid #bd1735;
  outline-offset: 4px;
}

.chef-profile-facts {
  display: grid;
  gap: 12px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

.chef-profile-facts li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #333;
  font-size: .82rem;
}

.chef-profile-fact-icon {
  display: inline-grid;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  place-items: center;
  color: #8d8d8d;
}

.chef-profile-fact-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.chef-profile-facts li em {
  color: #444;
  font-size: .84rem;
  font-style: normal;
  font-weight: 650;
}

.chef-profile-outline-link {
  display: inline-flex;
  padding: 9px 14px;
  border: 1px solid #6d6d6d;
  border-radius: 5px;
  color: #333;
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
}

.chef-profile-instagram-heading {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 4px;
}

.chef-profile-instagram-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 2px solid #bd913e;
  border-radius: 12px;
  color: #bd913e;
}

.chef-profile-instagram-icon svg {
  width: 25px;
  height: 25px;
}

.chef-profile-instagram-heading strong,
.chef-profile-instagram-heading small {
  display: block;
}

.chef-profile-instagram-heading strong {
  color: #252525;
  font-size: .9rem;
}

.chef-profile-instagram-heading small {
  margin-top: 2px;
  color: #757575;
  font-size: .76rem;
}

.chef-profile-social-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin-top: 16px;
}

.chef-profile-social-gallery img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 5px;
  object-fit: cover;
}

.chef-profile-social-gallery a {
  display: block;
  overflow: hidden;
  border-radius: 5px;
}

.chef-profile-social-gallery a:hover img,
.chef-profile-social-gallery a:focus-visible img {
  transform: scale(1.04);
}

.chef-profile-social-gallery img {
  transition: transform .2s ease;
}

.chef-profile-instagram-visit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #bd913e;
  color: #fff;
  font-size: .8rem;
  font-weight: 900;
  text-decoration: none;
}

.chef-profile-comments-list {
  display: grid;
  gap: 12px;
}

.chef-profile-comment {
  padding-bottom: 12px;
  border-bottom: 1px solid #ececec;
}

.chef-profile-comment:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.chef-profile-comment > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.chef-profile-comment strong {
  color: #252525;
  font-size: .8rem;
}

.chef-profile-comment time,
.chef-profile-comment small {
  color: #898989;
  font-size: .7rem;
}

.chef-profile-comment p {
  margin: 6px 0;
  color: #484848;
  font-size: .78rem;
  line-height: 1.5;
}

.chef-profile-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 18px;
  color: #747474;
  font-size: .84rem;
  text-align: center;
}

@media (max-width: 900px) {
  .chef-profile-layout {
    grid-template-columns: 1fr;
  }
  .chef-profile-video-grid,
  .chef-profile-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .chef-profile-workshop-calendar-layout {
    grid-template-columns: 1fr;
  }
  .chef-profile-workshop-calendar {
    min-height: 0;
    padding: 4px 0 16px;
    border-right: 0;
    border-bottom: 1px solid #ececec;
  }
}

@media (max-width: 620px) {
  .chef-profile-hero {
    aspect-ratio: auto;
    min-height: 430px;
  }
  .chef-profile-hero-content {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
  .chef-profile-hero-actions {
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 18px;
  }
  .chef-profile-page {
    width: min(100% - 24px, 1360px);
  }
  .chef-profile-tabs {
    justify-content: flex-start;
    gap: 20px;
    overflow-x: auto;
    padding-inline: 18px;
  }
  .chef-profile-tabs a:first-child::after {
    bottom: -20px;
  }
  .chef-profile-video-grid,
  .chef-profile-video-grid,
  .chef-profile-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .chef-profile-workshop-card {
    grid-template-columns: 1fr auto;
  }
  .chef-profile-workshop-card > p,
  .chef-profile-workshop-card div {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .chef-profile-hero-content,
  .chef-profile-layout,
  .chef-profile-newsletter {
    grid-template-columns: 1fr;
  }
  .chef-profile-card-grid {
    grid-template-columns: 1fr;
  }
  .chef-profile-workshop-card {
    grid-template-columns: 1fr;
    padding-right: 0;
  }
}

/* Üst menü: hover/aktif renk değişimleri kapalı */
html body .red-header .main-nav a,
html body .red-header .main-nav a:hover,
html body .red-header .main-nav a:focus-visible,
html body .red-header .main-nav a.active,
html body .red-header .main-nav .nav-link-btn,
html body .red-header .main-nav .nav-link-btn:hover,
html body .red-header .main-nav .nav-link-btn:focus-visible,
html body .red-header .main-nav .nav-link-btn.active,
html body .red-header .main-nav .nav-item-dropdown.open > .nav-link-btn {
  color: #ffffff !important;
}

html body .red-header .main-nav .nav-dropdown a:hover,
html body .red-header .main-nav .nav-dropdown a:focus-visible {
  background: transparent !important;
  color: #111827 !important;
}

html body .red-header .main-nav .nav-item-dropdown.nav-dropdown-keep-visible .nav-dropdown,
html body .red-header .main-nav .nav-item-dropdown.nav-dropdown-keep-visible:hover .nav-dropdown,
html body .red-header .main-nav .nav-item-dropdown.open.nav-dropdown-keep-visible .nav-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) !important;
}

html body .red-header .main-nav .nav-dropdown a,
html body .red-header .main-nav .nav-dropdown a:hover,
html body .red-header .main-nav .nav-dropdown a:focus-visible,
html body .red-header .main-nav .nav-dropdown a:active,
html body .red-header .main-nav .nav-dropdown a.active {
  color: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body .red-header .header-search-btn:hover,
html body .red-header .header-search-btn:focus-visible {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

html body .red-header .header-menu-btn:hover,
html body .red-header .header-menu-btn:focus-visible {
  color: #ffffff !important;
}

html body .red-header .main-nav > a,
html body .red-header .main-nav > a:hover,
html body .red-header .main-nav > a:focus-visible,
html body .red-header .main-nav > a.active,
html body .red-header .main-nav > .nav-item > .nav-link-btn,
html body .red-header .main-nav > .nav-item > .nav-link-btn:hover,
html body .red-header .main-nav > .nav-item > .nav-link-btn:focus-visible,
html body .red-header .main-nav > .nav-item > .nav-link-btn.active,
html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-link-label,
html body .red-header .main-nav > .nav-item > .nav-link-btn .nav-caret,
html body .red-header .header-search-btn,
html body .red-header .header-menu-btn {
  color: #ffffff !important;
}

/* Üst kırmızı banner: önceki kompakt yükseklik */
html body {
  --header-height: 88px !important;
}

html body .red-header {
  min-height: 88px !important;
  height: 88px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body .red-header .header-row,
html body .red-header .header-row.no-header-media {
  min-height: 88px !important;
  height: 88px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .red-header #brandLogo {
  max-height: 70px !important;
}

/* Alt bant sosyal ikonları: marka renkleri */
html body .site-bottom-social-row .site-bottom-social-btn.instagram {
  color: #e1306c !important;
}

html body .site-bottom-social-row .site-bottom-social-btn.n-social {
  color: #4a99e2 !important;
}

html body .site-bottom-social-row .site-bottom-social-btn.tiktok {
  color: #111111 !important;
}

html body .site-bottom-social-row .site-bottom-social-btn.facebook {
  color: #1877f2 !important;
}

html body .site-bottom-social-row .site-bottom-social-btn.x {
  color: #000000 !important;
}

html body .site-bottom-social-row .site-bottom-social-btn.whatsapp {
  color: #25d366 !important;
}

html body .site-bottom-social-row .site-bottom-social-btn.linkedin {
  color: #0a66c2 !important;
}

html body .site-bottom-social-row .site-bottom-social-btn.mail {
  color: #64748b !important;
}

/* Alt footer sosyal ikonları: hover efekti tamamen kapalı */
html body .site-bottom-social-row .site-bottom-social-btn,
html body .site-bottom-social-row .site-bottom-social-btn:hover,
html body .site-bottom-social-row .site-bottom-social-btn:focus,
html body .site-bottom-social-row .site-bottom-social-btn:focus-visible,
html body .site-bottom-social-row .site-bottom-social-btn:active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  outline: none !important;
}

html body .site-bottom-social-row .site-bottom-social-btn:hover .news-share-icon,
html body .site-bottom-social-row .site-bottom-social-btn:focus-visible .news-share-icon,
html body .site-bottom-social-row .site-bottom-social-btn:hover .news-share-icon-letter,
html body .site-bottom-social-row .site-bottom-social-btn:focus-visible .news-share-icon-letter {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

html body .site-bottom-logo-slot img {
  object-fit: contain !important;
}

/* Bilgi/politika sayfaları: breadcrumb ve ana h1 ekranda görünmez, kod/DOM içinde kalır */
html body #infoPageView .info-page-shell > .detail-top-row,
html body #infoPageView .info-page-shell > #infoPageTitle {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .chef-workshop-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .chef-workshop-detail aside {
    grid-row: auto;
  }
}

@media (max-width: 620px) {
  .chef-workshop-detail {
    padding: 20px 14px 42px;
  }

  .chef-workshop-detail h1 {
    font-size: clamp(28px, 8vw, 42px);
  }

  .chef-workshop-meta,
  .chef-workshop-purchase-meta,
  .chef-workshop-progress-head {
    grid-template-columns: 1fr;
  }

  .chef-workshop-detail-actions,
  .chef-workshop-chef-card {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Haber detay sayfası: tüm haber kayıtları için mobil son düzenlemeler. */
@media (max-width: 760px) {
  html body #newsDetailView .news-detail-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 14px 28px !important;
    box-sizing: border-box;
  }

  html body #newsDetailView .news-detail-header h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(1.75rem, 7vw, 2.5rem) !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere;
  }

  html body #newsDetailView .news-detail-meta {
    width: 100% !important;
    max-width: 100% !important;
    gap: 7px;
    font-size: 0.72rem;
  }

  html body #newsDetailView .news-detail-hero {
    aspect-ratio: 16 / 10;
  }

  html body #newsDetailView .news-detail-below-hero-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 0;
    padding: 8px 0 10px;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-reading-controls {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-google-news-subscribe {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    max-width: 100%;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail::before {
    font-size: 0.9rem;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn {
    width: 36px;
    height: 36px;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-icon,
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail > .news-share-btn .news-share-menu-icon {
    width: 18px;
    height: 18px;
  }

  html body #newsDetailView .news-detail-content-wrap {
    margin-top: 8px;
  }

  html body #newsDetailView .news-detail-text-column {
    padding-top: 18px;
  }

  html body #newsDetailView .news-detail-content,
  html body #newsDetailView .news-detail-content * {
    max-width: 100%;
  }

  html body #newsDetailView .news-detail-content table,
  html body #newsDetailView .news-detail-content pre {
    display: block;
    overflow-x: auto;
  }

  html body #newsDetailView #newsDetailRelatedList.news-detail-related-main-side {
    gap: 12px;
  }

  html body #newsDetailView #newsDetailRelatedList.news-detail-related-main-side .post-card img {
    aspect-ratio: 16 / 9;
  }

  html body #newsDetailView .news-detail-sidebar-inner {
    margin-top: 0;
  }
}

@media (max-width: 420px) {
  html body #newsDetailView .news-detail-below-hero-tools {
    grid-template-columns: 1fr;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-reading-controls,
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-google-news-subscribe {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  html body #newsDetailView .news-detail-below-hero-tools .news-detail-google-news-subscribe {
    margin-left: 0;
  }
}

/* Arama sonuçları: tarih ve başlıkların okunabilir liste görünümü. */
html body #searchView .site-search-title-row {
  display: none;
}

html body #searchView .site-search-input {
  display: none;
}

html body #searchView .site-search-results-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
}

html body #searchView .site-search-result-card {
  display: grid;
  grid-template-columns: 180px 112px minmax(0, 1fr);
  gap: 4px 14px;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #e2e5e9;
}

html body #searchView .site-search-result-card img {
  display: block;
}

html body #searchView .site-search-result-type {
  display: none;
}

html body #searchView .site-search-result-card img {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 112px;
  height: 70px;
  object-fit: cover;
  border-radius: 2px;
}

html body #searchView .site-search-result-date {
  grid-column: 1;
  grid-row: 1 / span 2;
  color: #b9bdc3;
  font-size: 0.88rem;
  line-height: 1.3;
}

html body #searchView .site-search-result-card strong {
  grid-column: 3;
  grid-row: 1;
  font-size: 1rem;
  line-height: 1.3;
}

html body #searchView .site-search-result-meta {
  grid-column: 3;
  grid-row: 2;
  color: #777f8b;
  font-size: 0.82rem;
}

@media (max-width: 640px) {
  html body #searchView .site-search-shell {
    padding: 24px 14px 44px;
  }

  html body #searchView .site-search-title-row {
    margin-bottom: 20px;
  }

  html body #searchView .site-search-chef-hat {
    width: 62px;
  }

  html body #searchView .site-search-input {
    height: 64px;
    padding: 0 18px;
    font-size: 1.1rem;
  }

  html body #searchView .site-search-tabs {
    gap: 18px;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  html body #searchView .site-search-tab {
    flex: 0 0 auto;
    font-size: 0.88rem;
  }

  html body #searchView .site-search-result-card {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 4px;
  }

  html body #searchView .site-search-result-card img {
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 86px;
    height: 54px;
  }

  html body #searchView .site-search-result-date {
    grid-column: 1;
    grid-row: auto;
  }

  html body #searchView .site-search-result-card strong,
  html body #searchView .site-search-result-meta {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

/* Sağ sütunda iki ayrı beşli haber akışı. */
#newsDetailView > .news-detail-shell > #newsDetailPicksSection {
  display: none !important;
}

#newsDetailView #newsDetailSidePicksBlock {
  display: block;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid #dce2ea;
}

#newsDetailView .news-detail-sidebar {
  height: auto !important;
  min-height: 0;
  align-self: start !important;
}

#newsDetailView .news-detail-sidebar-inner {
  height: auto;
  max-height: none;
}

#newsDetailView #newsDetailSidePicksBlock > h3 {
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dce2ea;
  color: #252b35;
  font-size: 1.25rem;
  line-height: 1.2;
}

#newsDetailView #newsDetailSidePicksList.news-detail-related-main-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#newsDetailView #newsDetailSidePicksList .news-detail-related-main-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d8dee7;
  border-radius: 0 !important;
  background: #ffffff;
  text-align: left;
}

#newsDetailView #newsDetailSidePicksList .news-detail-related-main-card img {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

#newsDetailView #newsDetailSidePicksList .news-detail-related-main-card .post-title {
  margin: 0;
  padding: 14px 14px 6px;
  color: #252b35;
  font-size: 1rem !important;
  line-height: 1.2;
  font-weight: 700;
}

#newsDetailView #newsDetailSidePicksList .news-detail-related-main-card .news-detail-related-tag {
  margin: 0;
  padding: 4px 14px 12px;
  color: #cf1d39;
  font-size: 0.76rem;
  font-weight: 800;
}

#newsDetailView .news-detail-extra-photos-title {
  margin: 28px 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dce2ea;
  color: #252b35;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
}

#newsDetailView .news-detail-extra-photos-grid.is-open {
  display: grid;
}

#newsDetailView .news-detail-extra-photo-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 760px) {
  #newsDetailView #newsDetailSidePicksBlock {
    margin-top: 20px;
    padding-top: 18px;
  }
}

.e-dergi-banner {
  width: 100%;
  margin: 0 0 22px;
  overflow: hidden;
  border-radius: 0;
  background: #f1f3f6;
}

.e-dergi-banner-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

@media (max-width: 640px) {
  .e-dergi-banner {
    margin-bottom: 16px;
    border-radius: 0;
  }
}

@media (hover: hover) and (pointer: fine) {
  .e-dergi-banner,
  .home-chefs-hero-band,
  .chefs-page-hero {
    transition: transform 220ms ease, box-shadow 220ms ease;
  }

  .e-dergi-banner:hover,
  .home-chefs-hero-band:hover,
  .chefs-page-hero:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(25, 32, 45, 0.18);
  }

  .e-dergi-banner-image,
  .home-chefs-hero-band-bg,
  .chefs-page-hero-bg {
    transition: transform 520ms cubic-bezier(0.2, 0.75, 0.25, 1), filter 520ms ease;
  }

  .e-dergi-banner:hover .e-dergi-banner-image,
  .home-chefs-hero-band:hover .home-chefs-hero-band-bg,
  .chefs-page-hero:hover .chefs-page-hero-bg {
    transform: scale(1.035);
    filter: saturate(1.06) contrast(1.02);
  }
}

/* Ana sayfadaki Yazarlar bannerı, Chefler bannerıyla aynı ölçü ve köşe formunda. */
html body #homeAuthorsBanner.home-authors-banner {
  aspect-ratio: auto;
  height: 190px;
  min-height: 190px;
  padding: 34px clamp(20px, 5vw, 64px);
  border-radius: 14px;
}

@media (max-width: 640px) {
  html body #homeAuthorsBanner.home-authors-banner {
    height: 190px;
    min-height: 190px;
    padding: 24px 20px;
    border-radius: 14px;
  }
}

/* Tüm ana bölüm görünümleri için ortak içerik ölçüsü.
   Masaüstü tasarım 1100px, küçük ekran düzeni ise 427px'e kadar aynı ekseni kullanır. */
:root {
  --standard-site-content-width: min(1100px, calc(100vw - 48px));
  --standard-site-mobile-width: min(427px, calc(100vw - 24px));
}

html body .page-main {
  --page-main-width: var(--standard-site-content-width);
  width: var(--page-main-width);
  max-width: 1100px;
}

html body #homeView,
html body #newsCategoryView,
html body #categoryView,
html body #tagResultsView,
html body #searchView,
html body #guideView,
html body #eDergiView,
html body #chefsView,
html body #infoPageView,
html body #notificationsView,
html body #newsDetailView,
html body #videoDetailView,
html body #mekanlarView,
html body #authorProfileView,
html body #mekanDetayView,
html body #homeView .home-news-hierarchy,
html body #homeView .home-stats-banner,
html body #newsCategoryView .news-category-shell,
html body #categoryView .category-shell,
html body #tagResultsView .news-category-shell,
html body #searchView .site-search-shell,
html body #eDergiView .e-dergi-shell,
html body #infoPageView .info-page-shell,
html body #notificationsView .notifications-shell,
html body #newsDetailView .news-detail-shell,
html body #videoDetailView .video-detail-shell,
html body #mekanlarView .empty-mekan-shell,
html body #authorProfileView .author-page-shell,
html body #mekanDetayView .detail-shell,
html body #chefsView .chefs-page-hero,
html body #chefsView .chefs-page-shell {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Public E-Dergi: kapaklar masaüstünde dört sütunlu katalog olarak akmalıdır. */
html body #eDergiView .e-dergi-public-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start;
  gap: 28px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin-top: 18px !important;
  padding: 0 !important;
}

html body #eDergiView .e-dergi-public-grid .e-dergi-card {
  min-width: 0;
  width: 100%;
}

html body #eDergiView .e-dergi-public-grid .e-dergi-cover {
  width: 100%;
  aspect-ratio: 9 / 13;
}

@media (max-width: 1200px) {
  html body #eDergiView .e-dergi-public-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  html body #eDergiView .e-dergi-public-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body #eDergiView .e-dergi-public-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* Bu sayfalardaki eski full-bleed kuralları ortak kabın dışına taşmasın. */
html body #homeView .firms-fullbleed,
html body #guideView .mekan-shell,
html body #guideView .guide-hero {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

html body #guideView .guide-content-surface {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 480px) {
  html body .page-main {
    --page-main-width: var(--standard-site-mobile-width);
    width: var(--page-main-width);
    max-width: 427px;
  }
}

/* Firmalar ve Guide üst kuşağı ekran boyunca uzanır. */
html body #homeView .firms-fullbleed,
html body #guideView .guide-hero {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

html body #guideView .guide-content-surface {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Regnum Guide görselleri kare görünmesin; tüm kartlarda yatay dikdörtgen oranı kullan. */
html body #guideView .mekan-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Guide detayı, ana sayfanın ortak içerik genişliği içinde hizalanır. */
html body #mekanDetayView #detailCommentsList {
  display: grid;
  grid-template-columns: minmax(0, 2.4fr) minmax(240px, 1fr);
  gap: 24px 32px;
  align-items: start;
}

html body #mekanDetayView .detail-rating-breakdown {
  grid-column: 1;
  grid-row: 1;
  grid-template-columns: minmax(130px, 0.85fr) minmax(0, 1.15fr);
  gap: 20px;
  padding: 0;
  margin: 0;
  min-width: 0;
}

html body #mekanDetayView .detail-rating-breakdown-row {
  grid-template-columns: 80px minmax(0, 1fr) 24px;
  gap: 8px;
  font-size: calc(1rem - 2pt);
}

html body #mekanDetayView .detail-rating-breakdown-score > span {
  font-size: calc(1.18rem - 2pt);
}

html body #mekanDetayView .detail-rating-breakdown-actions {
  grid-column: 1;
  grid-row: 2;
  flex-wrap: wrap;
  margin: 0;
  gap: 12px;
}

html body #mekanDetayView .detail-reviews-layout {
  display: contents;
}

html body #mekanDetayView .detail-review-summary {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  position: static;
}

html body #mekanDetayView .detail-review-list {
  grid-column: 1 / -1;
  grid-row: 3;
  min-width: 0;
}

html body #mekanDetayView .detail-review-summary h4 {
  font-size: calc(1.72rem - 2pt);
  margin-bottom: 16px;
}

html body #mekanDetayView #detailCommentsSection .news-comments-title {
  font-size: calc(2.2rem - 2pt);
}

@media (max-width: 760px) {
  html body #mekanDetayView #detailCommentsList {
    grid-template-columns: minmax(0, 1fr);
  }

  html body #mekanDetayView .detail-rating-breakdown,
  html body #mekanDetayView .detail-rating-breakdown-actions,
  html body #mekanDetayView .detail-review-summary,
  html body #mekanDetayView .detail-review-list {
    grid-column: 1;
    grid-row: auto;
  }
}

html body #mekanDetayView .detail-main-content > h2 {
  font-size: calc(2.2rem - 2pt);
}

html body #mekanDetayView .detail-save-widget {
  transform: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  justify-self: stretch;
  justify-items: stretch;
}

html body #mekanDetayView .detail-save-widget-actions {
  flex-wrap: wrap;
  gap: 12px;
}

html body #mekanDetayView .detail-hours-card {
  width: 100%;
  max-width: 100%;
}

html body #mekanDetayView .detail-action-pill {
  min-height: 46px;
  padding: 10px 14px;
  gap: 9px;
  border: 1px solid #e4dfe1;
  border-radius: 12px;
  background: #ffffff;
  color: #29252a;
  box-shadow: 0 2px 5px rgba(30, 20, 24, 0.04);
}

html body #mekanDetayView .detail-action-line-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: #cf1d39;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}

html body #mekanDetayView .detail-action-pill:hover,
html body #mekanDetayView .detail-action-pill:focus-visible {
  border-color: #cf1d39;
  background: #fff5f6;
  color: #a8142b;
  box-shadow: 0 3px 8px rgba(120, 20, 40, 0.08);
}

@media (max-width: 640px) {
  html body #mekanDetayView .detail-main-content > h2 {
    font-size: calc(1.6rem - 2pt);
  }
}

html body #mekanDetayView .detail-page-title {
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
  line-height: 1.15;
}

html body #mekanDetayView.content-view.active {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

html body #mekanDetayView .detail-shell {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

html body #mekanDetayView .detail-shell .detail-top-row,
html body #mekanDetayView .detail-page-title,
html body #mekanDetayView .detail-header-meta,
html body #mekanDetayView .guide-content-tags,
html body #mekanDetayView .detail-main,
html body #mekanDetayView .detail-location,
html body #mekanDetayView .detail-comments,
html body #mekanDetayView .detail-reactions,
html body #mekanDetayView .detail-video,
html body #mekanDetayView .detail-recommend {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

html body #mekanDetayView .detail-gallery {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

html body #mekanDetayView .detail-gallery-stage {
  display: none !important;
}

html body #mekanDetayView .detail-gallery-thumbs {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc(100% / 3);
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 0;
}

html body #mekanDetayView .detail-gallery-thumbs::-webkit-scrollbar {
  display: none;
}

html body #mekanDetayView .detail-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 1.5px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  background: rgba(54, 55, 57, 0.82);
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
}

html body #mekanDetayView .detail-gallery-nav.prev { left: 20px; }
html body #mekanDetayView .detail-gallery-nav.next { right: 20px; }
html body #mekanDetayView .detail-gallery-nav:disabled { display: none; }

html body #mekanDetayView .detail-thumb {
  width: auto;
  min-width: 0;
  min-height: 0;
  height: auto !important;
  aspect-ratio: 1;
  scroll-snap-align: start;
  border: 0;
  border-radius: 0;
}

/* Referanstaki gibi boşluksuz, kare fotoğraf şeridi. */
html body #mekanDetayView .detail-thumb img {
  object-fit: cover !important;
  object-position: center;
  background: #ffffff;
}

/* Yazarlar dizini, Chefler diziniyle aynı kişi kartı düzenini kullanır. */
html body #chefsView .articles-grid.public-people-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}

html body #chefsView .articles-grid.public-people-grid .public-person-card.is-compact {
  width: 100%;
  min-height: 420px;
  box-sizing: border-box;
  border-radius: 999px;
  padding: 18px 18px 22px;
}

html body #chefsView .articles-grid.public-people-grid .public-person-card.is-compact .public-person-image-wrap {
  width: 150px;
  height: 150px;
}

html body #chefsView .articles-grid.public-people-grid .public-person-card.is-compact .public-person-name {
  font-size: 1.06rem;
}

html body #chefsView .articles-grid.public-people-grid .public-person-card.is-compact .public-person-specialty,
html body #chefsView .articles-grid.public-people-grid .public-person-card.is-compact .public-person-location {
  font-size: .95rem;
}

html body #chefsView .articles-grid.public-people-grid .public-person-card.is-compact .public-person-card-socials {
  gap: 8px;
  margin-top: 8px;
}

html body #chefsView .articles-grid.public-people-grid .public-person-card.is-compact .public-person-card-socials .public-person-social {
  width: 28px;
  height: 28px;
}

@media (max-width: 900px) {
  html body #chefsView .articles-grid.public-people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  html body #chefsView .articles-grid.public-people-grid {
    grid-template-columns: 1fr;
  }
}

/* Yazarlar: tüm kişiler kompakt, altı kolonlu kart düzeninde gösterilir. */
html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact {
  width: 100%;
  min-height: 268px;
  box-sizing: border-box;
  border-radius: 999px;
  padding: 12px 10px 16px;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact .public-person-image-wrap {
  width: 104px;
  height: 104px;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact .public-person-name {
  font-size: .86rem;
  line-height: 1.18;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact .public-person-specialty {
  font-size: .8rem;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact .public-person-follow {
  min-height: 30px;
  padding: 4px 10px;
  font-size: .8rem;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact .public-person-card-socials {
  gap: 5px;
  margin-top: 5px;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact .public-person-card-socials .public-person-social {
  width: 24px;
  height: 24px;
}

/* Yazarlar liste sayfası, ana sayfadaki sade alt çizgili kart düzenini kullanır. */
html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact {
  border: 0;
  border-bottom: 2px solid #dfa0af;
  border-radius: 0;
  min-height: 280px;
  padding-bottom: 12px;
}

html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact:hover,
html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid .public-person-card.is-compact:focus-visible {
  border-color: #cf1d39;
  box-shadow: none;
}

@media (max-width: 1100px) {
  html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Ana sayfadaki Chefler akışında dış pil çerçevesi yerine alt çizgi kullanılır. */
html body #homeView .home-chefs-showcase .home-chef-card.public-person-card.is-compact {
  border: 0;
  border-bottom: 2px solid #dfa0af;
  border-radius: 0;
  min-height: 280px;
  padding-bottom: 12px;
}

html body #homeView .home-chefs-showcase .home-chefs-track {
  gap: 8px;
}

html body #homeView .home-chefs-showcase .home-chef-card.public-person-card.is-compact:hover,
html body #homeView .home-chefs-showcase .home-chef-card.public-person-card.is-compact:focus-visible {
  border-color: #cf1d39;
  box-shadow: none;
}

/* Aynı sade kart düzeni ana sayfadaki üst Yazarlar akışında da kullanılır. */
html body #homeView #homeWritersSection .public-person-card.is-compact {
  border: 0;
  border-bottom: 2px solid #dfa0af;
  border-radius: 0;
  min-height: 280px;
  padding-bottom: 12px;
}

html body #homeView #homeWritersSection .home-writers-track {
  gap: 8px;
}

html body #homeView #homeWritersSection .public-person-card.is-compact:hover,
html body #homeView #homeWritersSection .public-person-card.is-compact:focus-visible {
  border-color: #cf1d39;
  box-shadow: none;
}

/* Yazarlar bannerı ile bölüm başlığı arasındaki gereksiz boşluğu azalt. */
html body #homeView #homeWritersSection {
  padding-top: 4px;
}

html body #homeView #homeWritersSection #homeAuthorsBanner {
  margin-bottom: 6px;
}

/* Chefler sayfasındaki üst öne çıkan akış; alttaki tüm Chefler listesi etkilenmez. */
html body #chefsView #chefsFeaturedStrip .home-chef-card.public-person-card.is-compact {
  border: 0;
  border-bottom: 2px solid #dfa0af;
  border-radius: 0;
  min-height: 280px;
  padding-bottom: 12px;
}

html body #chefsView #chefsFeaturedStrip .home-chef-card.public-person-card.is-compact:hover,
html body #chefsView #chefsFeaturedStrip .home-chef-card.public-person-card.is-compact:focus-visible {
  border-color: #cf1d39;
  box-shadow: none;
}

/* Chefler sayfasındaki üst blokta 7 kart ilk sırada, devamı alt sırada yer alır. */
html body #chefsView #chefsFeaturedStrip .chefs-featured-track {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 18px;
  overflow: visible;
}

html body #chefsView #chefsFeaturedStrip .chefs-featured-track .home-chef-card.public-person-card.is-compact {
  width: 100%;
  min-width: 0;
}

html body #chefsView #chefsFeaturedStrip .chefs-featured-viewport {
  overflow: visible;
}

html body #chefsView #chefsFeaturedStrip .chefs-featured-next {
  display: none !important;
}

/* Chefler listesindeki kartlar hover olduğunda kırmızı çerçeve göstermesin. */
html body #chefsView[data-directory-type="chefs"] .articles-grid.public-people-grid .public-person-card:hover,
html body #chefsView[data-directory-type="chefs"] .articles-grid.public-people-grid .public-person-card:focus-visible {
  border-color: #f0ccd3;
  box-shadow: none;
}

@media (max-width: 1100px) {
  html body #chefsView #chefsFeaturedStrip .chefs-featured-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html body #chefsView #chefsFeaturedStrip .chefs-featured-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  html body #chefsView #chefsFeaturedStrip .chefs-featured-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobil/PWA: üyelik, abonelik, iptal ve giriş formları için ortak dokunmatik düzen. */
@media (max-width: 600px) {
  .site-member-signup-modal,
  .site-newsletter-modal,
  .header-newsletter-modal {
    padding: 10px;
    place-items: center;
  }

  .site-member-signup-card,
  .site-newsletter-card,
  .header-newsletter-card {
    width: 100%;
    max-width: none;
    max-height: calc(100dvh - 20px);
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .site-member-signup-card {
    padding: 22px 16px 14px;
    border-radius: 18px;
  }

  .site-member-signup-logo-slot {
    margin-bottom: 8px;
  }

  .site-member-signup-card h2 {
    font-size: clamp(1.28rem, 6vw, 1.55rem);
  }

  .site-member-signup-actions {
    width: 100%;
    margin-top: 14px;
  }

  .site-member-signup-btn,
  .site-newsletter-submit-btn,
  .header-newsletter-form > button[type="submit"] {
    min-height: 44px;
  }

  .site-newsletter-card {
    padding: 30px 18px 18px;
  }

  .header-newsletter-card {
    padding: 10px 14px 14px;
    border-radius: 18px;
  }

  .header-newsletter-close {
    top: 10px;
    right: 10px;
    width: 42px;
    height: 42px;
  }

  .header-newsletter-intro {
    margin: 8px 0 14px;
    padding: 13px 12px;
  }

  .header-newsletter-intro h2 {
    max-width: calc(100% - 34px);
    white-space: normal;
    font-size: clamp(1.05rem, 5.2vw, 1.3rem);
    line-height: 1.2;
  }

  .header-newsletter-intro p {
    font-size: 0.88rem;
    line-height: 1.4;
  }

  .header-newsletter-form {
    gap: 10px;
  }

  .header-newsletter-form > label:not(.header-newsletter-consent) {
    gap: 4px;
    font-size: 0.9rem;
  }

  .header-newsletter-form input,
  .header-newsletter-form select {
    min-height: 44px;
    padding: 10px 11px;
    font-size: 16px;
  }

  .header-newsletter-consent,
  .header-magazine-consents label,
  .header-company-consents label {
    gap: 9px;
    font-size: 0.84rem;
    line-height: 1.38;
  }

  .header-newsletter-consent input,
  .header-magazine-consents input,
  .header-company-consents input {
    width: 20px;
    height: 20px;
    margin-top: 1px;
  }

  .header-company-name-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .header-newsletter-login-prompt {
    font-size: 0.9rem;
  }

  .header-newsletter-cancel-toggle,
  .header-newsletter-cancel-form button,
  .header-newsletter-back {
    min-height: 40px;
  }

  .member-auth-shell {
    width: calc(100% - 20px);
    max-width: 520px;
  }

  .member-auth-card {
    padding: 6px 10px;
  }

  .member-form,
  .member-form-row,
  .member-form-actions {
    gap: 10px;
  }

  .member-form input,
  .member-form select,
  .member-form button {
    min-height: 44px;
    box-sizing: border-box;
    font-size: 16px;
  }

  .member-auth-mode-btn {
    min-height: 44px;
    padding-inline: 10px;
  }
}

@media (max-width: 380px) {
  .site-member-signup-modal,
  .site-newsletter-modal,
  .header-newsletter-modal {
    padding: 6px;
  }

  .site-member-signup-card,
  .site-newsletter-card,
  .header-newsletter-card {
    max-height: calc(100dvh - 12px);
    border-radius: 14px;
  }

  .site-member-signup-card {
    padding-inline: 12px;
  }

  .header-newsletter-card {
    padding-inline: 11px;
  }

  .header-newsletter-intro p,
  .header-newsletter-consent,
  .header-magazine-consents label,
  .header-company-consents label {
    font-size: 0.8rem;
  }
}

/* Onaylı abone veya panel yöneticisi için tekrar giriş çağrısını gizle. */
.e-dergi-grid[data-pdf-access="true"] .e-dergi-subscribe-actions { display: none; }

/* Public registration: membership choices directly below the brand. */
.member-auth-shell.is-registering {
  max-width: 680px;
  gap: 14px;
}
.member-registration-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.member-registration-options[hidden], .member-auth-mode[hidden] { display: none; }
.member-registration-options button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 12px 10px;
  border: 1px solid #e3e5eb;
  border-radius: 14px;
  background: #fff;
  color: #282d38;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.member-registration-options button:hover { border-color: #cf1537; background: #fff9fa; }
.member-registration-options button:focus-visible { outline: 3px solid #cf1537; outline-offset: 3px; }
.member-registration-options button.is-active { border-color: #cf1537; background: #fff4f6; box-shadow: inset 0 -3px #cf1537; }
.member-registration-options strong { font-size: 13px; line-height: 1.3; }
.member-registration-options button > span:last-child { color: #606879; font-size: 12px; line-height: 1.4; }
.member-registration-options .member-option-number { color: #bc1232; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.member-auth-shell .member-registration-card { padding: 20px; border: 1px solid #e6e8ed; border-radius: 18px; box-shadow: 0 10px 32px #27304408; }
.member-registration-heading { margin-bottom: 16px; }
.member-registration-heading > span { color: #be1433; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.member-registration-card .member-registration-heading h3 { display: block; margin: 8px 0; font-size: 22px; color: #171a21; }
.member-registration-card .member-registration-heading p { margin: 0; font-size: 13px; line-height: 1.5; text-align: left; color: #697182; }
.member-registration-card .member-form { gap: 10px; }
.member-registration-card .member-form input:not([type="checkbox"]),
.member-registration-card .member-form select { border-radius: 8px; min-height: 44px; font-size: 16px; padding: 10px 12px; }
.member-registration-card .member-primary-btn { border-radius: 8px; min-height: 44px; font-size: 15px; }
.member-registration-card .member-auth-switch-row { margin: 14px 0 0; font-size: 14px; }
.member-newsletter-consent { display: flex; align-items: flex-start; gap: 10px; color: #525b6c; font-size: 13px; line-height: 1.6; }
.member-newsletter-consent input { width: 18px; height: 18px; flex-shrink: 0; accent-color: #cf1537; margin-top: 2px; }
.member-newsletter-consent a { color: #bd1734; text-decoration: underline; }
@media (max-width: 640px) {
  .member-auth-shell.is-registering { width: 100%; gap: 12px; }
  .member-registration-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .member-registration-options button { padding: 12px; }
  .member-auth-shell .member-registration-card { padding: 16px 12px; }
  .member-registration-card .member-form-row { grid-template-columns: minmax(0, 1fr); }
}

.member-auth-shell.is-registering .member-auth-logo-wrap img { width: min(100%, 220px); }
.member-registration-card .member-form-status:empty { display: none; }
.member-registration-card .member-form input,
.member-registration-card .member-form select { box-sizing: border-box; min-width: 0; }
@media (max-width: 640px) {
  .member-registration-options button > span:last-child { display: none; }
  .member-registration-options strong { font-size: 14px; }
  .member-registration-card .member-registration-heading h3 { font-size: 20px; }
  .member-auth-shell.is-registering .member-auth-logo-wrap img { width: 190px; }
}

/* Visible account sign-out, shared by member profile and detail pages. */
.member-session-actions { display: flex; justify-content: flex-end; margin: 0 0 14px; }
.member-profile-head > .member-session-actions { grid-column: 1 / -1; justify-self: end; margin: 0; }
.member-logout-btn { min-height: 44px; padding: 10px 20px; border: 1px solid #ce1637; border-radius: 8px; background: #fff; color: #be1433; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.member-logout-btn:hover { background: #fff1f4; }
.member-logout-btn:focus-visible { outline: 3px solid #ce1637; outline-offset: 3px; }
@media (max-width: 640px) {
  .member-profile-head > .member-session-actions { width: 100%; margin: 8px 0 0; }
}

@media (min-width: 769px) {
  .member-profile-head { grid-template-columns: 96px minmax(0, 1fr) auto; }
  .member-profile-head > .member-session-actions { grid-column: 3; grid-row: 1; align-self: start; }
}

.member-profile-password { margin-top: 20px; border-top: 1px solid #dde4ee; padding-top: 20px; }
.member-profile-password .sd-form { margin: 0; max-width: none; }
.member-profile-password .sd-section { padding: 0; border: 0; box-shadow: none; }
.member-profile-password .sd-number { display: none; }
.member-profile-password .sd-section header { padding: 0; margin-bottom: 16px; border: 0; }
.member-profile-password .sd-section header h3 { font: 700 18px/1.3 Arial, sans-serif; margin: 0; }
.member-profile-password .sd-note { font-size: 13px; line-height: 1.5; }
.member-profile-password .sd-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.member-profile-password .sd-form input:not([type="checkbox"]):not([type="radio"]) { min-height: 44px; font-size: 16px; }
.member-profile-password .sd-field > span, .member-profile-password .sd-check { font-size: 14px; }
.member-profile-password .sd-actions { margin-top: 16px; flex-wrap: wrap; }
.member-profile-password .sd-actions button { min-height: 44px; padding: 10px 16px; font-size: 14px; }
.member-profile-password .sd-status:empty { display: none; }

.sd-member > .sd-section:first-child > header { flex-wrap: wrap; padding-block: 12px; }
.sd-member > .sd-section:first-child > header .member-session-actions { margin: 0 0 0 auto; flex-shrink: 0; }
.sd-member > .sd-section:first-child > header .member-logout-btn { border: 1px solid #ce1637; border-radius: 8px; background: #fff; color: #be1433; min-height: 44px; padding: 10px 18px; font: 700 14px/1.2 Arial,sans-serif; }
@media(max-width:640px) {
  .sd-member > .sd-section:first-child > header .member-session-actions { flex-basis: 100%; }
}
/* Reserve a clear gap between membership navigation and header controls. */
@media (min-width:1101px) {
  html body .red-header .header-row,
  html body .red-header .header-row.no-header-media {
    grid-template-columns:clamp(150px,15vw,236px) minmax(0,1fr) 38px 38px 38px 60px!important;
    column-gap:8px!important;
    padding-inline:clamp(16px,2vw,40px)!important;
  }
  html body .red-header .brand { width:100%!important;min-width:0!important;max-width:236px!important; }
  html body .red-header #brandLogo { max-width:100%!important;object-fit:contain; }
  html body .red-header .main-nav {
    justify-self:stretch!important;justify-content:space-between!important;
    width:auto!important;min-width:0!important;margin:8px 0 0!important;
    gap:10px!important;padding-right:20px!important;
  }
  html body .red-header .main-nav > a,
  html body .red-header .main-nav > .nav-item > .nav-link-btn {
    font-size:clamp(10px,.9vw,14px)!important;
  }
}

/* Keep the account trigger above the dropdown hover bridge. */
html body .red-header .main-nav > .nav-login-dropdown > .nav-link-btn {
  position: relative;
  z-index: 2;
  pointer-events: auto !important;
}

.member-subscription-status.is-closed { background: #fff0f2; color: #b61a35; }

/* Mekan Guide galeri kontrolleri ve mobil kaydırma. */
html body #mekanDetayView .detail-gallery-nav svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
}
html body #mekanDetayView .detail-gallery-nav:hover {
  background: rgba(35, 36, 38, 0.95);
}
html body #mekanDetayView .detail-gallery-nav:focus-visible,
html body #mekanDetayView .detail-thumb:focus-visible {
  outline: 3px solid var(--red);
  outline-offset: -4px;
}
@media (max-width: 900px) {
  html body #mekanDetayView .detail-gallery-thumbs {
    grid-auto-columns: 50%;
  }
}
@media (max-width: 600px) {
  html body #mekanDetayView .detail-gallery-thumbs {
    grid-auto-columns: 85%;
  }
  html body #mekanDetayView .detail-gallery-nav {
    width: 44px;
    height: 44px;
  }
  html body #mekanDetayView .detail-gallery-nav.prev { left: 12px; }
  html body #mekanDetayView .detail-gallery-nav.next { right: 12px; }
  html body #mekanDetayView .detail-gallery-all-btn {
    right: 16px;
    bottom: 16px;
  }
}

/* Firma detayında tüm galeri fotoğraflarının kesintisiz akışı. */
html body #mekanDetayView .detail-gallery-thumbs {
  scroll-snap-type: none;
  overflow-anchor: none;
}
html body #mekanDetayView .detail-thumb { scroll-snap-align: none; }

/* Müşteri yorumları, üstteki değerlendirme bloğuyla aynı sol hizada. */
html body #mekanDetayView #detailCommentsList {
  grid-template-columns: minmax(0, 1fr);
}
html body #mekanDetayView .detail-review-summary {
  grid-column: 1;
  grid-row: 3;
  margin: 0;
  padding: 0;
}
html body #mekanDetayView .detail-review-list {
  grid-column: 1;
  grid-row: 4;
}

/* Otomatik akış, imleç fotoğrafın üstündeyken de devam eder. */
html body #mekanDetayView .detail-gallery-flow-toggle {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 6;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  background: rgba(54, 55, 57, 0.82);
  color: #fff;
  cursor: pointer;
}
html body #mekanDetayView .detail-gallery-flow-toggle[hidden] { display: none; }
html body #mekanDetayView .detail-gallery-flow-toggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
}
html body #mekanDetayView .detail-gallery-flow-toggle .flow-play,
html body #mekanDetayView .detail-gallery-flow-toggle[aria-pressed="true"] .flow-pause { display: none; }
html body #mekanDetayView .detail-gallery-flow-toggle[aria-pressed="true"] .flow-play { display: block; }
html body #mekanDetayView .detail-gallery-flow-toggle:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
html body #mekanDetayView .detail-thumb:only-child {
  grid-column: 1 / span 3;
  aspect-ratio: 3 / 1;
}
@media (max-width: 900px) {
  html body #mekanDetayView .detail-thumb:only-child { grid-column: 1 / span 2; aspect-ratio: 2 / 1; }
}
@media (max-width: 600px) {
  html body #mekanDetayView .detail-gallery-flow-toggle { left: 16px; bottom: 16px; }
  html body #mekanDetayView .detail-gallery-thumbs:has(> .detail-thumb:only-child) { grid-auto-columns: 100%; }
  html body #mekanDetayView .detail-thumb:only-child { grid-column: 1; aspect-ratio: 1; }
}

/* Show full magazine covers inside a clipped horizontal slider. */
#homeMainSection .home-magazine-frame {
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  border: 2px solid #c0c0c0;
  border-radius: 16px;
}
#homeMainSection .home-magazine-carousel {
  min-height: 0;
  height: 100%;
  padding: 12px 10px;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  justify-items: center;
  align-items: center;
}
#homeMainSection .home-magazine-cover-btn {
  width: 100%;
  height: 100%;
  min-height: 0;
}
#homeMainSection .home-magazine-cover-image {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1100px) {
  #homeMainSection .home-magazine-frame {
    flex: none;
    height: 420px;
    max-width: 360px;
  }
}

#homeMainSection .home-magazine-carousel {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
}
#homeMainSection .home-magazine-carousel .home-magazine-cover-btn {
  position: absolute;
  inset: 0;
  padding: 12px 10px;
  box-sizing: border-box;
}

/* Keep the heading above the border, within the sidebar’s existing top spacing. */
#homeMainSection .home-magazine-frame {
  display: block;
  overflow: visible;
  container-type: inline-size;
}
#homeMainSection .home-magazine-heading {
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 10px;
  color: #1d2a3d;
  font-size: clamp(12px, 1.15vw, 17px);
  font-size: clamp(12px, 5cqi, 17px);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .035em;
  text-align: center;
  white-space: nowrap;
}

#homeMainSection .home-magazine-carousel { border-radius: 14px; }
@media (max-width: 1100px) {
  #homeMainSection .home-magazine-frame {
    margin-top: 28px;
    height: 392px;
  }
}

/* Main headline titles sit over the photo, above the separate number strip. */
html body #homeMainSection .home-main-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  padding: 0 26px 28px !important;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .25) 62%, rgba(0, 0, 0, .8) 100%) !important;
  pointer-events: none;
}
html body #homeMainSection .home-main-overlay h3 {
  display: -webkit-box !important;
  max-width: 100% !important;
  font-size: calc(clamp(22px, 2.7vw, 36px) - 3pt) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  html body #homeMainSection .home-main-overlay { padding: 0 16px 22px !important; }
  html body #homeMainSection .home-main-overlay h3 { font-size: calc(22px - 3pt) !important; }
}
@media (max-width: 1100px) {
  #homeMainSection .home-main-card {
    min-height: 280px;
    aspect-ratio: 16 / 9;
  }
}

/* Video details share the news article hierarchy, with video recommendations. */
html body #videoDetailView .video-detail-shell { border: 0; padding: 24px; box-shadow: none; }
html body #videoDetailView .video-detail-header { margin: 30px 0 24px; }
html body #videoDetailView .video-detail-category {
 display: inline-block; background: #cf1d39; color: white; border-radius: 24px;
 padding: 7px 14px; font-size: 16px; letter-spacing: 0; text-transform: none;
}
html body #videoDetailView #videoDetailTitle {
 font-family: var(--news-headline-font); font-size: calc(clamp(28px, 4vw, 55px) - 6pt);
 line-height: 1.12; color: #252b35; margin: 14px 0 20px; overflow-wrap: anywhere;
}
html body #videoDetailView .video-detail-meta { display: flex; flex-wrap: wrap; gap: 16px; color: #777; font-weight: 400; }
html body #videoDetailView .video-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 252px; gap: 24px; align-items: start; }
html body #videoDetailView .video-detail-main { min-width: 0; }
html body #videoDetailView .video-detail-player-wrap { width: 100%; max-height: none; margin: 0; border-radius: 0; box-shadow: none; aspect-ratio: 16 / 9; }
html body #videoDetailView .video-detail-player { object-fit: contain; }
html body #videoDetailView .video-detail-sidebar h2 { font-size: 22px; margin: 0 0 20px; padding-bottom: 12px; border-bottom: 1px solid #d3dcea; }
html body #videoDetailView .video-detail-related-card { display: block; border: 1px solid #d3dcea; margin-bottom: 18px; color: #252b35; text-decoration: none; }
html body #videoDetailView .video-detail-related-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #eee; }
html body #videoDetailView .video-detail-related-card strong { display: block; font-size: 18px; line-height: 1.25; padding: 14px 12px; }
html body #videoDetailView .video-detail-related-card span { display: block; padding: 0 12px 14px; color: #cf1d39; font-weight: 700; }
html body #videoDetailView .video-detail-share { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 16px 0; border-bottom: 1px solid #eee; }
html body #videoDetailView .video-detail-share a, html body #videoDetailView .video-detail-share button { width: auto; margin: 0; border: 1px solid #d3dcea; border-radius: 20px; background: white; color: #252b35; padding: 8px 12px; text-decoration: none; font: inherit; cursor: pointer; }
html body #videoDetailView .video-detail-summary { font-size: 20px; line-height: 1.65; font-weight: 600; }
@media (max-width: 800px) {
 html body #videoDetailView .video-detail-layout { grid-template-columns: minmax(0, 1fr); }
 html body #videoDetailView .video-detail-shell { padding: 14px; }
 html body #videoDetailView .video-detail-sidebar { margin-top: 24px; }
}

/* Homepage video typography: heading -3pt, card titles -2pt. */
#homeVideoGallerySection .home-video-head-copy h3 {
  font-size: calc(clamp(1.12rem, 1.2vw, 1.34rem) - 3pt);
}
#homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-title {
  font-size: calc(1.94rem - 2pt);
}
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-title {
  font-size: calc(0.98rem - 2pt);
}
@media (max-width: 760px) {
  #homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-title {
    font-size: calc(0.98rem - 2pt);
  }
}

/* Play affordance on video cards. */
.video-gallery-visual-play {
  cursor: pointer;
  transition: transform 220ms ease, background 220ms ease, box-shadow 220ms ease;
}
.video-gallery-visual-card:hover .video-gallery-visual-play,
.video-gallery-visual-card:focus-visible .video-gallery-visual-play {
  transform: translate(-50%, -50%) scale(1.14);
  background: #cf1d39;
  box-shadow: 0 0 0 2px rgba(255,255,255,.95), 0 0 0 9px rgba(207,29,57,.25), 0 8px 26px rgba(0,0,0,.35);
}
.video-gallery-visual-card:active .video-gallery-visual-play {
  transform: translate(-50%, -50%) scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
  .video-gallery-visual-play { transition: none; }
  .video-gallery-visual-card:hover .video-gallery-visual-play,
  .video-gallery-visual-card:focus-visible .video-gallery-visual-play,
  .video-gallery-visual-card:active .video-gallery-visual-play { transform: translate(-50%, -50%); }
}

/* The same circular social icons used below news articles. */
html body #videoDetailView .video-detail-share { position: relative; gap: 9px; }
html body #videoDetailView .video-detail-share .news-share-btn {
 display: inline-flex; align-items: center; justify-content: center;
 flex: 0 0 38px; width: 38px; height: 38px; padding: 0; border: 0;
 border-radius: 50%; color: #fff; background: var(--share-bg, #6b7280);
 box-shadow: 0 4px 10px rgba(15,23,42,.12);
 transition: transform .18s ease, box-shadow .18s ease;
}
html body #videoDetailView .video-detail-share .news-share-icon { width: 23px; height: 23px; fill: currentColor; }
html body #videoDetailView .video-detail-share .instagram { --share-bg: linear-gradient(135deg,#f58529,#dd2a7b 58%,#8134af); }
html body #videoDetailView .video-detail-share .whatsapp { --share-bg: #1bc760; }
html body #videoDetailView .video-detail-share .facebook { --share-bg: #4267a9; }
html body #videoDetailView .video-detail-share .x { --share-bg: #111; }
html body #videoDetailView .video-detail-share .more { font-size: 25px; line-height: 1; }
html body #videoDetailView .video-detail-share .news-share-btn:hover,
html body #videoDetailView .video-detail-share .news-share-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(15,23,42,.2); }
html body #videoDetailView .video-share-more-panel { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
html body #videoDetailView .video-share-more-panel[hidden] { display: none; }

html body #videoDetailView #videoDetailReactionsSection { margin-top: 36px; }
html body #videoDetailView #videoDetailReactionsBar .detail-reactions-shell { display: grid; width: 100%; }
html body #videoDetailView #videoDetailReactionsBar .detail-reactions-list,
html body #videoDetailView #videoDetailReactionsBar .detail-reactions-counts { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); width: 100%; gap: 0; box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
html body #videoDetailView #videoDetailReactionsBar .detail-reaction-item { width: auto; display: flex; justify-content: center; }
html body #videoDetailView #videoCommentsSection { margin-top: 36px; padding-top: 26px; border-top: 1px solid #d8dee7; }
html body #videoDetailView #videoCommentsSection > h3 { text-align: left; font-size: 26px; margin: 0 0 22px; }
html body #videoDetailView #videoCommentForm { display: grid; grid-template-columns: minmax(0,1fr) 140px; gap: 16px; }
html body #videoDetailView #videoCommentTextInput { grid-column: 1; grid-row: 1; width: 100%; min-height: 90px; margin: 0; }
html body #videoDetailView #videoCommentForm > button { grid-column: 2; grid-row: 1; margin: 0; width: 100%; border-radius: 8px; background: #343a43; color: white; }
html body #videoDetailView #videoCommentForm .comment-row { grid-column: 1; margin: 0; }
html body #videoDetailView #videoCommentNameInput { width: 100%; margin: 0; }
html body #videoDetailView #videoCommentForm > p { grid-column: 1 / -1; }
@media (max-width: 600px) {
 html body #videoDetailView #videoDetailReactionsBar .detail-reaction-btn { width: 34px; height: 34px; }
 html body #videoDetailView #videoDetailReactionsBar .detail-reaction-icon { width: 32px; height: 32px; }
 html body #videoDetailView #videoCommentForm { grid-template-columns: minmax(0,1fr); }
 html body #videoDetailView #videoCommentForm > button { grid-column: 1; grid-row: auto; min-height: 48px; }
}

/* Match the news comment form proportions within the video content column. */
html body #videoDetailView #videoCommentsSection {
  width: 100%; max-width: none; box-sizing: border-box;
  padding: 28px 0 24px; margin: 36px 0 0;
  border-top: 1px solid #dce2eb; border-bottom: 1px solid #dce2eb;
}
html body #videoDetailView #videoCommentsSection > h3 {
  font-size: 1.25rem; font-weight: 700; line-height: 1.3; margin: 0 0 18px; color: #252a31;
}
html body #videoDetailView #videoCommentForm {
  width: 100%; margin: 0; grid-template-columns: minmax(0,1fr) 140px;
  column-gap: 18px; row-gap: 14px; align-items: start;
}
html body #videoDetailView #videoCommentTextInput {
  height: 72px; min-height: 72px; padding: 14px 16px;
  border: 1px solid #cbd3de; border-radius: 7px; box-sizing: border-box;
  font: inherit; font-size: 1rem; resize: vertical;
}
html body #videoDetailView #videoCommentForm > button {
  height: 74px; min-height: 74px; padding: 12px; border: 1px solid #cbd3de;
  border-radius: 7px; font-size: 1rem; font-weight: 700;
}
html body #videoDetailView #videoCommentForm .comment-row {
  grid-column: 1; grid-row: 2; display: block; width: 100%;
}
html body #videoDetailView #videoCommentNameInput {
  display: block; height: 52px; min-width: 0; padding: 12px 16px;
  border: 1px solid #cbd3de; border-radius: 9px; box-sizing: border-box;
  font: inherit; font-size: 1rem;
}
html body #videoDetailView #videoCommentForm .news-comment-notice {
  grid-row: 3; margin: 6px 0 0; color: #92979e; font-size: .78rem; line-height: 1.45;
}
html body #videoDetailView #videoCommentForm .news-comment-status { grid-row: 4; margin: 0; }
@media (max-width: 640px) {
 html body #videoDetailView #videoCommentForm { grid-template-columns: minmax(0,1fr); }
 html body #videoDetailView #videoCommentForm .comment-row { grid-row: 2; }
 html body #videoDetailView #videoCommentForm > button { grid-column: 1; grid-row: 3; height: 48px; min-height: 48px; }
 html body #videoDetailView #videoCommentForm .news-comment-notice { grid-row: 4; }
 html body #videoDetailView #videoCommentForm .news-comment-status { grid-row: 5; }
}

html body #videoDetailView #videoDetailReactionsSection h3 {
  font-size: calc(1.52rem - 3pt);
}

/* Keep each video reaction counter centered in the same column as its emoji. */
html body #videoDetailView #videoDetailReactionsBar .detail-reactions-counts {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
html body #videoDetailView #videoDetailReactionsBar .detail-reaction-count {
  width: 100%; min-width: 0; margin: 0; text-align: center;
}
html body #videoDetailView #videoDetailReactionsBar .detail-reaction-count span {
  display: block; position: static; width: 100%; margin: 0; text-align: center;
}

html body #videoDetailView .video-detail-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 0; }
html body #videoDetailView .video-font-controls { display: flex; align-items: center; gap: 7px; border: 1px solid #dce2eb; border-radius: 30px; padding: 6px 8px; color: #818b9b; font-size: 12px; font-weight: 700; }
html body #videoDetailView .video-font-controls button { width: 30px; height: 30px; padding: 0; margin: 0; border-radius: 50%; border: 1px solid #d4d9e1; color: #151515; background: #f4f5f7; cursor: pointer; font: inherit; }
html body #videoDetailView .video-font-controls button:disabled { opacity: .45; cursor: default; }
html body #videoDetailView .video-detail-tools .video-detail-share { padding: 0; border: 0; gap: 7px; }
html body #videoDetailView #videoDetailGoogleNews .news-detail-google-news-subscribe { display: flex; align-items: center; gap: 7px; margin: 0; }
html body #videoDetailView #videoDetailGoogleNews .news-detail-google-news-subscribe-label { font-size: 12px; color: #9ca3af; white-space: nowrap; }
html body #videoDetailView #videoDetailGoogleNews .news-detail-google-news-subscribe-link { white-space: nowrap; font-size: 14px; }
html body #videoDetailView .video-detail-share .video-share-more-panel { position: absolute; top: calc(100% + 12px); right: 0; width: 250px; max-width: calc(100vw - 48px); padding: 18px; display: flex; flex-direction: column; gap: 6px; background: #fff; box-shadow: 0 12px 30px rgba(15,23,42,.15); z-index: 20; }
html body #videoDetailView .video-detail-share .video-share-more-panel[hidden] { display: none; }
html body #videoDetailView .video-share-more-panel a,
html body #videoDetailView .video-share-more-panel button { display: flex; align-items: center; gap: 14px; width: 100%; padding: 8px; border: 0; border-radius: 0; color: #111; font-size: 18px; text-align: left; }
html body #videoDetailView .video-share-more-panel svg { width: 23px; height: 23px; flex: 0 0 23px; fill: currentColor; }
html body #videoDetailView .video-share-more-panel a:hover,
html body #videoDetailView .video-share-more-panel button:hover { background: #f4f5f7; }
@media (max-width: 640px) {
 html body #videoDetailView .video-detail-tools { justify-content: center; }
 html body #videoDetailView .video-detail-tools .video-detail-share { order: 3; }
}

/* Keep the subscription link immediately above the player's right edge. */
html body #videoDetailView #videoDetailGoogleNews {
  position: static; display: flex; justify-content: flex-end; width: 100%;
  margin: 0 0 12px; padding: 0;
}
html body #videoDetailView #videoDetailGoogleNews:empty { display: none; }
html body #videoDetailView #videoDetailGoogleNews .news-detail-google-news-subscribe {
  position: static !important; inset: auto !important; transform: none !important;
  float: none; width: auto; margin: 0; justify-content: flex-end;
}

/* Homepage video showcase only: one featured film and two supporting cards. */
html body #homeView #homeVideoGallerySection {
  background: linear-gradient(135deg, #171b22, #101216 72%);
  border: 1px solid #292e37; border-radius: 16px;
  padding: clamp(18px, 2.2vw, 32px); box-shadow: 0 12px 32px rgba(15,20,28,.12);
}
#homeVideoGallerySection .home-video-head { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
#homeVideoGallerySection .home-video-head-copy h3 { letter-spacing: .04em; }
#homeVideoGallerySection .home-video-head-copy h3::before { background: #ed3153; }
#homeVideoGallerySection .home-video-all-btn { padding: 8px 15px; border: 1px solid #454a53; border-radius: 30px; font-size: 13px; }
#homeVideoGallerySection .home-video-stage { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 18px; height: clamp(360px,36vw,520px); }
#homeVideoGallerySection .home-video-stage.has-single-video { grid-template-columns: minmax(0,1fr); }
#homeVideoGallerySection .home-video-side-list { display: grid; grid-template-rows: repeat(2,minmax(0,1fr)); gap: 18px; min-height: 0; }
#homeVideoGallerySection .video-gallery-visual-card { min-height: 0; height: 100%; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; box-shadow: none; }
#homeVideoGallerySection .video-gallery-visual-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.4); }
#homeVideoGallerySection .video-gallery-visual-poster { transition: transform .5s ease; }
#homeVideoGallerySection .video-gallery-visual-card:hover .video-gallery-visual-poster { transform: scale(1.035); }
#homeVideoGallerySection .video-gallery-visual-shade { background: linear-gradient(180deg,rgba(0,0,0,.1),transparent 30%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.7)); }
#homeVideoGallerySection .video-gallery-visual-content { padding: 20px 24px; background: linear-gradient(transparent,rgba(5,7,11,.9)); }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-content { padding: 12px 16px; }
#homeVideoGallerySection .home-video-category-label { display: block; margin-bottom: 7px; color: #ff879a; font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
#homeVideoGallerySection .home-video-featured-label { position: absolute; top: 18px; left: 20px; z-index: 4; background: #cf1d39; color: white; border-radius: 4px; padding: 7px 10px; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
#homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-title { font-size: clamp(20px,2.1vw,30px); line-height: 1.2; max-width: 92%; }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-title { font-size: clamp(13px,1.15vw,17px); line-height: 1.3; }
#homeVideoGallerySection .video-gallery-visual-play { width: 58px; height: 58px; background: rgba(15,20,30,.4); }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-play { width: 38px; height: 38px; top: 40%; }
#homeVideoGallerySection .video-gallery-visual-card:hover .video-gallery-visual-play { background: #cf1d39; }
@media (max-width: 760px) {
 #homeVideoGallerySection .home-video-stage { height: auto; grid-template-columns: minmax(0,1fr); }
 #homeVideoGallerySection .video-gallery-visual-card-home-main { aspect-ratio: 16 / 10; }
 #homeVideoGallerySection .home-video-side-list { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; gap: 12px; }
 #homeVideoGallerySection .video-gallery-visual-card-home-side { aspect-ratio: 4 / 5; }
 #homeVideoGallerySection .video-gallery-visual-content { padding: 16px; }
 #homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-content { padding: 10px; }
 #homeVideoGallerySection .home-video-featured-label { top: 12px; left: 12px; }
}
@media (prefers-reduced-motion: reduce) {
 #homeVideoGallerySection .video-gallery-visual-poster { transition: none; }
 #homeVideoGallerySection .video-gallery-visual-card:hover .video-gallery-visual-poster { transform: none; }
}

/* Light homepage video section with uncropped widescreen media. */
html body #homeView #homeVideoGallerySection {
  background: #fff !important; border: 1px solid #e6e8ed; border-radius: 12px;
  box-shadow: none !important;
}
#homeVideoGallerySection .home-video-head { border-bottom-color: #e6e8ed; }
#homeVideoGallerySection .home-video-head-copy h3 { color: #252b35; }
#homeVideoGallerySection .home-video-all-btn { color: #343b47; border-color: #dce1e8; background: #fff; }
#homeVideoGallerySection .home-video-stage { height: auto; grid-template-columns: minmax(0,2fr) minmax(0,1fr); align-items: start; }
#homeVideoGallerySection .home-video-side-list { grid-template-rows: auto auto; }
#homeVideoGallerySection .video-gallery-visual-card {
  height: auto; min-height: 0; aspect-ratio: auto; background: #fff; border-color: #e3e7ed;
}
#homeVideoGallerySection .video-gallery-visual-inner { height: auto; }
#homeVideoGallerySection .video-gallery-visual-media { position: relative; inset: auto; aspect-ratio: 16 / 9; width: 100%; overflow: hidden; background: #f1f3f6; }
#homeVideoGallerySection .video-gallery-visual-poster { width: 100%; height: 100%; object-fit: contain; }
#homeVideoGallerySection .video-gallery-visual-card:hover .video-gallery-visual-poster { transform: none; }
#homeVideoGallerySection .video-gallery-visual-shade { background: transparent; }
#homeVideoGallerySection .video-gallery-visual-content { position: static; background: #fff; padding: 18px 20px; }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-content { padding: 12px 14px; }
#homeVideoGallerySection .video-gallery-visual-title { color: #252b35; }
#homeVideoGallerySection .home-video-category-label { color: #cf1d39; }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-play { top: 50%; }
#homeVideoGallerySection .video-gallery-visual-card:hover { border-color: #c9cfd9; box-shadow: 0 6px 16px rgba(25,35,50,.07); }
@media (max-width: 760px) {
  #homeVideoGallerySection .home-video-stage { grid-template-columns: minmax(0,1fr); }
  #homeVideoGallerySection .home-video-side-list { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; }
  #homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-title { font-size: 13px; }
}

/* Fill the featured image area and align both desktop columns at the bottom. */
#homeVideoGallerySection .video-gallery-visual-poster { object-fit: cover; }
@media (min-width: 761px) {
  #homeVideoGallerySection .home-video-stage { align-items: stretch; }
  #homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-inner {
    display: flex; flex-direction: column; height: 100%;
  }
  #homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-media {
    flex: 1 1 auto; aspect-ratio: auto; min-height: 240px;
  }
  #homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-poster {
    position: absolute; inset: 0;
  }
  #homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-content { flex: 0 0 auto; }
  #homeVideoGallerySection .has-single-video .video-gallery-visual-card-home-main .video-gallery-visual-media { aspect-ratio: 16 / 9; }
}

/* Favori Lezzetler TV: pastel masthead and white horizontal showcase. */
html body #homeView #homeVideoGallerySection {
  padding: 0 !important; background: #fff !important;
  border: 1px solid #dfe7e4; border-radius: 10px;
  box-shadow: 0 14px 24px -10px rgba(30,55,48,.25), 0 3px 7px rgba(30,55,48,.06) !important;
}
#homeVideoGallerySection .home-video-head {
  margin: 0; min-height: 60px; padding: 14px 24px;
  background: #cf173b; border-bottom: 1px solid #b91434; border-radius: 9px 9px 0 0;
  display: grid; grid-template-columns: 1fr auto 1fr;
}
#homeVideoGallerySection .home-video-head-copy { grid-column: 2; }
#homeVideoGallerySection .home-video-head-copy h3 {
  color: #fff; font-size: clamp(17px,1.7vw,24px); letter-spacing: .035em; text-align: center;
}
#homeVideoGallerySection .home-video-head-copy h3::before { content: none; }
#homeVideoGallerySection .home-video-all-btn { grid-column: 3; justify-self: end; color: #fff; background: transparent; border-color: rgba(255,255,255,.5); }
#homeVideoGallerySection .home-video-grid { padding: 24px; }
#homeVideoGallerySection .home-video-stage { grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 24px; }
#homeVideoGallerySection .home-video-featured-label { display: none; }
#homeVideoGallerySection .video-gallery-visual-card-home-main { min-height: 340px; }
#homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-inner { position: relative; display: block; height: 100%; }
#homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-media { height: 100%; min-height: 340px; aspect-ratio: 16 / 10; }
#homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-content {
  position: absolute; bottom: 0; left: 0; right: 0; padding: 50px 20px 20px;
  background: linear-gradient(transparent,rgba(12,20,17,.85));
}
#homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-title { color: white; }
#homeVideoGallerySection .home-video-category-label { color: #466958; }
#homeVideoGallerySection .video-gallery-visual-card-home-main .home-video-category-label { color: #d4ebdf; }
#homeVideoGallerySection .home-video-side-list { grid-template-rows: repeat(2,minmax(0,1fr)); gap: 18px; }
#homeVideoGallerySection .video-gallery-visual-card-home-side { border: 0; border-radius: 0; border-bottom: 1px solid #e6ebe8; }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-inner { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; gap: 14px; height: 100%; }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-media { aspect-ratio: 16 / 9; border-radius: 7px; }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-content { padding: 10px 0; }
#homeVideoGallerySection .video-gallery-visual-play { background: #d9e9df; box-shadow: 0 3px 12px rgba(10,30,20,.18); }
#homeVideoGallerySection .video-gallery-visual-play::before { border-left-color: #29473c; }
#homeVideoGallerySection .video-gallery-visual-card:hover .video-gallery-visual-play { background: #bed8ca; }
@media (max-width: 760px) {
 #homeVideoGallerySection .home-video-head { padding: 14px; grid-template-columns: minmax(0,1fr) auto; }
 #homeVideoGallerySection .home-video-head-copy { grid-column: 1; }
 #homeVideoGallerySection .home-video-all-btn { grid-column: 2; }
 #homeVideoGallerySection .home-video-grid { padding: 14px; }
 #homeVideoGallerySection .home-video-stage { grid-template-columns: minmax(0,1fr); gap: 14px; }
 #homeVideoGallerySection .video-gallery-visual-card-home-main { min-height: 0; }
 #homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-media { min-height: 0; aspect-ratio: 16 / 10; }
 #homeVideoGallerySection .home-video-side-list { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; }
}

/* TV showcase: full-image feature plus two stacked image cards. */
#homeVideoGallerySection .home-video-head-copy h3::before {
  content: ""; display: inline-block; width: 28px; height: 28px; flex: 0 0 28px;
  background: currentColor;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM8 22h8M12 19v3" fill="none" stroke="black" stroke-width="1.8" stroke-linejoin="round"/%3E%3Cpath d="m10 7 6 4-6 4Z"/%3E%3C/svg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM8 22h8M12 19v3" fill="none" stroke="black" stroke-width="1.8" stroke-linejoin="round"/%3E%3Cpath d="m10 7 6 4-6 4Z"/%3E%3C/svg%3E');
}
#homeVideoGallerySection .home-video-stage { grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 18px; aspect-ratio: 2.6; align-items: stretch; }
#homeVideoGallerySection .home-video-side-list { min-height: 0; grid-template-columns: minmax(0,1fr); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 12px; }
#homeVideoGallerySection .video-gallery-visual-card { min-height: 0; height: 100%; border: 0; border-radius: 6px; }
#homeVideoGallerySection .video-gallery-visual-card .video-gallery-visual-inner { display: block; position: relative; height: 100%; }
#homeVideoGallerySection .video-gallery-visual-card .video-gallery-visual-media { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; border-radius: 0; }
#homeVideoGallerySection .video-gallery-visual-card .video-gallery-visual-content { position: absolute; left: 0; right: 0; bottom: 0; padding: 48px 22px 22px; background: linear-gradient(transparent,rgba(6,10,15,.85)); }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-content { padding: 30px 16px 16px; }
#homeVideoGallerySection .video-gallery-visual-card .home-video-category-label { display: inline-block; background: #111; color: #fff; padding: 7px 10px; font-size: 11px; letter-spacing: 0; text-transform: none; margin-bottom: 9px; }
#homeVideoGallerySection .video-gallery-visual-title { color: #fff; }
#homeVideoGallerySection .video-gallery-visual-play { width: 58px; height: 58px; background: rgba(35,38,50,.62); backdrop-filter: blur(6px); box-shadow: 0 0 0 1.5px rgba(255,255,255,.7) inset,0 8px 20px rgba(0,0,0,.25); }
#homeVideoGallerySection .video-gallery-visual-play::before { border-left-color: #fff; }
#homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-play { width: 42px; height: 42px; }
#homeVideoGallerySection .video-gallery-visual-card:hover .video-gallery-visual-play { background: #cf1d39; box-shadow: 0 0 0 2px rgba(255,255,255,.9),0 0 0 8px rgba(207,29,57,.2); }
#homeVideoGallerySection .home-video-stage.has-single-video { aspect-ratio: 16 / 9; }
@media (max-width: 760px) {
 #homeVideoGallerySection .home-video-stage { aspect-ratio: auto; grid-template-columns: minmax(0,1fr); }
 #homeVideoGallerySection .video-gallery-visual-card { aspect-ratio: 16 / 9; height: auto; }
 #homeVideoGallerySection .home-video-side-list { grid-template-rows: auto auto; }
 #homeVideoGallerySection .video-gallery-visual-card .video-gallery-visual-content { padding: 30px 14px 14px; }
}

html body #videoDetailView .video-detail-related-media { position: relative; }
html body #videoDetailView .video-detail-related-card .video-detail-related-play {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  display: grid; place-items: center; width: 42px; height: 42px; padding: 0;
  border-radius: 50%; background: rgba(35,38,50,.62); color: #fff;
  box-shadow: 0 0 0 1.5px rgba(255,255,255,.7) inset,0 5px 14px rgba(0,0,0,.2);
  backdrop-filter: blur(6px); pointer-events: none;
  transition: transform .2s ease, background .2s ease;
}
html body #videoDetailView .video-detail-related-play::before {
  content: ""; width: 0; height: 0; margin-left: 3px;
  border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #fff;
}
html body #videoDetailView .video-detail-related-card:hover .video-detail-related-play,
html body #videoDetailView .video-detail-related-card:focus-visible .video-detail-related-play {
  transform: translate(-50%,-50%) scale(1.12); background: #cf1d39;
}
@media (prefers-reduced-motion: reduce) {
 html body #videoDetailView .video-detail-related-card .video-detail-related-play { transition: none; }
}

/* Video publication info and Google News share one aligned row. */
html body #videoDetailView .video-detail-meta {
  display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
  width: calc(100% - 276px); max-width: 100%;
}
html body #videoDetailView .video-detail-meta #videoDetailGoogleNews {
  width: auto; margin: 0 0 0 auto; flex: 0 0 auto;
}
@media (max-width: 800px) {
  html body #videoDetailView .video-detail-meta { width: 100%; }
}

/* Keep video category badges anchored to the image’s upper-right corner. */
#homeVideoGallerySection .video-gallery-visual-card .home-video-category-label {
  position: absolute; top: 14px; right: 14px; z-index: 3; margin: 0;
  background: #cf173b; color: #fff; border: 1px solid rgba(255,255,255,.5);
  border-radius: 999px; padding: 8px 14px;
  max-width: calc(100% - 28px); box-sizing: border-box;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none;
}

#videoDetailView .video-detail-playback-help { display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; }
#videoDetailView .video-detail-playback-help a { color: #cf173b; padding-top: 10px; font-weight: 600; }
#videoDetailView .video-detail-playback-help p { margin: 10px 0 0; }

/* Author article sidebar matches the video detail card layout. */
html body #newsDetailView.is-author-publication .news-detail-layout { grid-template-columns: minmax(0, 1fr) 252px; gap: 24px; align-items: start; }
html body #newsDetailView.is-author-publication .news-detail-sidebar { min-width: 0; width: 100%; margin: 0; padding: 0; }
html body #newsDetailView.is-author-publication .news-detail-sidebar-inner { position: static; padding: 0; margin: 0; }
html body #newsDetailView.is-author-publication .author-article-side-block { display: block; padding: 0; margin: 0; }
html body #newsDetailView.is-author-publication .author-article-side-profile { display: none; }
html body #newsDetailView.is-author-publication .author-article-side-block h3 { font-size: 22px; margin: 0 0 20px; padding-bottom: 12px; border-bottom: 1px solid #d3dcea; }
html body #newsDetailView.is-author-publication .author-article-other-posts { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
html body #newsDetailView.is-author-publication .author-article-other-post { display: block; width: 100%; max-width: none; border: 1px solid #d3dcea; border-radius: 0; }
html body #newsDetailView.is-author-publication .author-article-other-post-content { display: block; width: 100%; }
html body #newsDetailView.is-author-publication .author-article-other-post-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0; }
html body #newsDetailView.is-author-publication .author-article-other-post-title { display: block; font-size: calc(18px - 2pt); font-weight: 400; line-height: 1.35; padding: 14px 12px; margin: 0; }
html body #newsDetailView.is-author-publication .author-article-other-post-tag { display: block; padding: 0 12px 14px; color: #cf1d39; font-size: 14px; font-weight: 700; }
html body #newsDetailView.is-author-publication .author-article-side-all { display: block; width: 100%; margin-top: 18px; padding: 12px; border: 1px solid #d3dcea; background: #fff; color: #cf1d39; cursor: pointer; }
@media (max-width: 800px) {
 html body #newsDetailView.is-author-publication .news-detail-layout { grid-template-columns: minmax(0,1fr); }
 html body #newsDetailView.is-author-publication .news-detail-sidebar { grid-column: 1; }
}

html body #newsDetailView.is-author-publication .news-detail-main { min-width: 0; max-width: 100%; }

/* LEZZETLER: twenty-slide headline, four side stories, three-column archive. */
#newsCategoryGrid.is-lezzetler-landing { display: block; }
.is-lezzetler-landing .lezzetler-category-top { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 16px; margin-bottom: 26px; }
.is-lezzetler-landing .lezzetler-category-top.is-single { grid-template-columns: 1fr; }
.is-lezzetler-landing .lezzetler-category-slider { position: relative; min-width: 0; aspect-ratio: 16/9; overflow: hidden; background: #17191d; }
.is-lezzetler-landing .lezzetler-category-feature { display: block; height: 100%; color: #fff; }
.is-lezzetler-landing .lezzetler-category-feature img { width: 100%; height: 100%; object-fit: cover; }
.is-lezzetler-landing .lezzetler-category-feature h3 { position: absolute; inset: auto 0 0; margin: 0; padding: 65px 24px 62px; background: linear-gradient(transparent,rgba(0,0,0,.85)); font-size: clamp(20px,2vw,30px); line-height: 1.3; text-align: center; }
.is-lezzetler-landing .lezzetler-category-controls { position: absolute; left: 16px; right: 16px; bottom: 12px; display: flex; justify-content: center; gap: 3px; }
.is-lezzetler-landing .lezzetler-category-controls button { flex: 1; max-width: 34px; min-width: 0; height: 30px; padding: 0; border: 0; background: rgba(30,30,30,.7); color: #fff; font-size: 12px; cursor: pointer; }
.is-lezzetler-landing .lezzetler-category-controls button[aria-current="true"] { background: #cf173b; }
.is-lezzetler-landing .lezzetler-category-side { display: grid; grid-template-rows: repeat(4,minmax(0,1fr)); min-height: 0; }
.is-lezzetler-landing .lezzetler-category-side-card { display: grid; grid-template-columns: minmax(0,1fr) 40%; align-items: center; gap: 12px; padding: 6px 8px; border: 1px solid #e0e4eb; background: #fff; color: #252b35; text-decoration: none; min-height: 0; }
.is-lezzetler-landing .lezzetler-category-side-card img { grid-column: 2; grid-row: 1; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.is-lezzetler-landing .lezzetler-category-side-card h3 { grid-column: 1; grid-row: 1; font-size: clamp(13px,1.2vw,18px); line-height: 1.3; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.is-lezzetler-landing .lezzetler-category-feed { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.is-lezzetler-landing .lezzetler-category-feed-card { display: block; background: #fff; border: 1px solid #e0e4eb; color: #252b35; text-decoration: none; }
.is-lezzetler-landing .lezzetler-category-feed-card img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.is-lezzetler-landing .lezzetler-category-feed-card h3 { margin: 0; padding: 16px; font-size: 18px; line-height: 1.35; }
.is-lezzetler-landing a:hover h3 { color: #cf173b; }
.is-lezzetler-landing .lezzetler-category-feature:hover h3 { color: #fff; }
@media(max-width: 800px) {
 .is-lezzetler-landing .lezzetler-category-top { grid-template-columns: 1fr; }
 .is-lezzetler-landing .lezzetler-category-side-card { min-height: 96px; }
 .is-lezzetler-landing .lezzetler-category-side-card img { max-height: 100px; }
 .is-lezzetler-landing .lezzetler-category-feed { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
 .is-lezzetler-landing .lezzetler-category-controls { flex-wrap: wrap; }
 .is-lezzetler-landing .lezzetler-category-controls button { flex: 0 0 calc(10% - 3px); height: 24px; }
 .is-lezzetler-landing .lezzetler-category-feature h3 { padding: 40px 14px 72px; font-size: 19px; }
}
@media(max-width: 480px) { .is-lezzetler-landing .lezzetler-category-feed { grid-template-columns: 1fr; } }

/* Keep the four side stories within the headline's exact desktop height. */
@media (min-width: 801px) {
 #newsCategoryGrid.is-lezzetler-landing .lezzetler-category-top { position: relative; align-items: stretch; }
 #newsCategoryGrid.is-lezzetler-landing .lezzetler-category-side { position: absolute; top: 0; bottom: 0; right: 0; width: calc((100% - 16px) / 3); overflow: hidden; }
 #newsCategoryGrid.is-lezzetler-landing .lezzetler-category-side-card { overflow: hidden; box-sizing: border-box; }
}
#newsCategoryGrid.is-lezzetler-landing .lezzetler-category-side-card h3 { font-size: clamp(12px, 1vw, 15px); font-weight: 600; line-height: 1.3; -webkit-line-clamp: 4; }

.site-side-menu-link:has(.site-side-menu-archive-icon) { position: relative; }
.site-side-menu-archive-icon { position: absolute; left: 0; width: 24px; height: 24px; }
.news-archive { grid-column: 1 / -1; min-width: 0; }
.news-archive-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; padding: 18px; background: #f6f7f9; border: 1px solid #dce1e8; }
.news-archive-filters label { display: grid; gap: 6px; flex: 1 1 160px; font-size: 14px; }
.news-archive-filters input,.news-archive-filters select { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px; border: 1px solid #ccd3dd; border-radius: 4px; background: white; font: inherit; }
.news-archive-filters button,.news-archive-more { padding: 11px 18px; border: 1px solid #cf173b; background: #cf173b; color: white; border-radius: 5px; cursor: pointer; }
.news-archive-count { margin: 20px 0; }
.news-archive-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.news-archive-results img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.news-archive-more { margin: 24px auto; }
@media(max-width:800px) { .news-archive-results { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .news-archive-results { grid-template-columns: 1fr; } }

.news-share-btn.more .share-network-icon { width: 24px; height: 24px; display: block; flex-shrink: 0; color: #fff; }

/* Match the news article toolbar below the video. */
html body #videoDetailView .video-detail-tools { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; }
html body #videoDetailView .video-detail-tools .video-detail-share { justify-self: center; order: initial; gap: 8px; }
html body #videoDetailView .video-detail-tools #videoDetailGoogleNews { width: auto; margin: 0; justify-self: end; }
html body #videoDetailView .video-detail-share .news-share-btn { width: 36px; height: 36px; flex-basis: 36px; }
@media(max-width:1100px) {
 html body #videoDetailView .video-detail-tools { display: flex; flex-wrap: wrap; justify-content: space-between; }
}
@media(max-width:640px) {
 html body #videoDetailView .video-detail-tools { justify-content: center; }
}

/* Start each article sidebar at the Google source banner. */
html body #newsDetailView .news-detail-sidebar-inner,
html body #newsDetailView.is-author-publication .news-detail-sidebar-inner {
  margin-top: var(--news-sidebar-start, 0px);
}
html body #newsDetailView .news-detail-sidebar-inner > .news-side-block:not([hidden]):first-child > h3 { margin-top: 0; }
@media(max-width:800px) {
 html body #newsDetailView .news-detail-sidebar-inner,
 html body #newsDetailView.is-author-publication .news-detail-sidebar-inner { margin-top: 0; }
}

/* Red separator above the site footer. */
#siteBottomBand { border-top: 5pt solid #cf173b; }

html body #newsDetailView.is-author-publication .author-article-side-heading {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid #d3dcea;
}
html body #newsDetailView.is-author-publication .author-article-side-heading h3 {
  margin: 0; padding: 0; border: 0; min-width: 0;
}
html body #newsDetailView.is-author-publication .author-article-side-heading .author-article-side-profile {
  display: block; position: static; width: 64px; height: 64px; flex: 0 0 64px;
  padding: 3px; margin: 0; border: 1px solid #dce2ea; border-radius: 50%; background: #f7f8fa; cursor: pointer;
}
html body #newsDetailView.is-author-publication .author-article-side-heading .author-article-side-profile::before,
html body #newsDetailView.is-author-publication .author-article-side-heading .author-article-side-profile::after { display: none; }
html body #newsDetailView.is-author-publication .author-article-side-heading #newsDetailAuthorSidePhoto {
  display: block; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 50%; object-fit: cover;
}

/* Compact the video listing introduction and first category. */
.info-page-shell.is-video-gallery-page .video-gallery-page-head { min-height: 0; }
.info-page-shell.is-video-gallery-page .video-gallery-page { gap: 12px; }
.info-page-shell.is-video-gallery-page .video-gallery-category-section:first-child { padding-top: 8px; }

/* Keep the article introduction close to the sharing toolbar. */
html body #newsDetailView .news-detail-content-wrap {
  --news-detail-intro-empty-space: 0px;
  margin-top: 12px;
}
html body #newsDetailView .news-detail-text-column { padding-top: 0; }

/* Mobile header controls and balanced video gallery gutters. */
@media (max-width: 1100px) {
  html body .red-header .header-row,
  html body .red-header .header-row.no-header-media {
    position: relative;
    grid-template-columns: minmax(0, 1fr) 44px 44px 48px !important;
    grid-template-areas: "brand menu search lang" !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    min-height: 80px !important;
    height: auto !important;
    padding: 14px 12px !important;
    gap: 2px !important;
  }
  html body .red-header .brand {
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 210px !important;
    height: 48px !important;
    margin: 0 !important;
    transform: none !important;
  }
  html body .red-header #brandLogo {
    display: block; width: auto !important; max-width: 100% !important;
    height: auto !important; max-height: 48px !important;
    object-fit: contain; margin: 0 !important; transform: none !important;
  }
  html body .red-header .header-menu-btn,
  html body .red-header .language-switcher {
    align-self: center !important; margin: 0 !important; transform: none !important;
  }
  html body .red-header .header-site-search {
    position: static !important; grid-area: search !important;
    width: 44px !important; height: 44px !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    background: transparent !important; box-shadow: none !important;
    align-self: center !important; overflow: visible !important;
  }
  html body .red-header .header-site-search-btn {
    width: 44px !important; height: 44px !important; flex: 0 0 44px !important;
    color: #fff !important; border: 0; border-radius: 50%; background: transparent;
  }
  html body .red-header .header-site-search-btn:hover,
  html body .red-header .header-site-search-btn:focus-visible { background: #ffffff26; }
  html body .red-header .header-site-search-input { display: none !important; }
  html body .red-header .header-site-search.is-open .header-site-search-input {
    display: block !important; position: absolute !important;
    top: calc(100% + 8px); left: 0; right: 0; z-index: 240;
    box-sizing: border-box; width: 100% !important; min-width: 0 !important;
    height: 48px !important; padding: 0 16px !important;
    border: 1px solid #dce2ea !important; border-radius: 12px !important;
    background: #fff !important; color: #263244 !important; font-size: 16px !important;
    box-shadow: 0 8px 24px #15243a26; opacity: 1 !important; pointer-events: auto !important;
  }
  html body #infoPageView .info-page-shell.is-video-gallery-page {
    padding: 18px 16px !important; min-width: 0;
  }
  html body .is-video-gallery-page .info-page-content,
  html body .is-video-gallery-page .video-gallery-page,
  html body .is-video-gallery-page .video-gallery-category-list,
  html body .is-video-gallery-page .video-gallery-category-grid,
  html body .is-video-gallery-page .video-gallery-page-grid {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    margin-inline: 0 !important; box-sizing: border-box;
  }
  html body .is-video-gallery-page .video-gallery-category-section {
    min-width: 0; padding: 14px 0 !important; box-sizing: border-box;
  }
  html body .is-video-gallery-page .video-gallery-category-head {
    flex-direction: row; align-items: center; justify-content: space-between;
  }
  html body .is-video-gallery-page .video-gallery-visual-card {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    box-sizing: border-box; margin: 0 !important;
  }
}
@media (max-width: 640px) {
  html body .is-video-gallery-page .video-gallery-category-grid,
  html body .is-video-gallery-page .video-gallery-page-grid { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 1100px) {
  html body .is-video-gallery-page .video-gallery-category-actions { width: auto; flex: 0 0 auto; }
  html body .is-video-gallery-page .video-gallery-category-title-wrap { flex: 1 1 auto; }
  html body .is-video-gallery-page .video-gallery-category-more-btn { min-height: 44px; }
}

/* Two-row phone masthead with horizontally scrollable section navigation. */
.mobile-nav-home { display: none !important; }
@media (max-width: 640px) {
  html body { --header-height: 128px !important; }
  html body .red-header { height: 128px !important; min-height: 128px !important; }
  html body .red-header .header-row,
  html body .red-header .header-row.no-header-media {
    width: 100% !important; max-width: 100% !important;
    grid-template-columns: 40px minmax(0, 1fr) 44px 48px !important;
    grid-template-areas: "menu brand search lang" "nav nav nav nav" !important;
    grid-template-rows: 76px 44px !important;
    min-height: 128px !important; height: 128px !important;
    padding: 8px 12px 0 !important; row-gap: 0 !important; column-gap: 6px !important;
    box-sizing: border-box;
  }
  html body .red-header .brand { justify-self: start !important; max-width: 210px !important; }
  html body .red-header .header-menu-btn { width: 40px !important; height: 44px !important; }
  html body .red-header .header-menu-icon { color: white !important; font-size: 26px !important; }
  html body .red-header .main-nav,
  html body .red-header .main-nav.open {
    grid-area: nav !important; display: flex !important; position: static !important;
    align-items: stretch !important; justify-content: flex-start !important;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: 44px !important; margin: 0 !important; padding: 0 !important;
    gap: 24px !important; flex-wrap: nowrap !important;
    overflow-x: auto !important; overflow-y: hidden !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
    scrollbar-width: none; overscroll-behavior-x: contain;
  }
  html body .red-header .main-nav::-webkit-scrollbar { display: none; }
  html body .red-header .main-nav > a,
  html body .red-header .main-nav > .nav-item,
  html body .red-header .main-nav > .nav-item > .nav-link-btn {
    display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important;
    width: auto !important; min-height: 44px !important; height: 44px !important;
    margin: 0 !important; padding: 0 !important; white-space: nowrap !important;
    font-size: 14px !important; font-weight: 800 !important; text-transform: uppercase;
    border-radius: 0 !important; box-sizing: border-box;
  }
  html body .red-header .main-nav > a.active,
  html body .red-header .main-nav > .nav-item > .nav-link-btn.active { border-bottom: 3px solid white !important; }
  html body .red-header .main-nav .nav-dropdown { position: fixed !important; top: 128px !important; right: 12px !important; left: auto !important; max-height: 60vh; overflow-y: auto; }
}

/* Keep the phone author signature beside its portrait. */
@media (max-width: 640px) {
  #authorProfileHero.author-page-hero {
    grid-template-columns: 72px minmax(0, 1fr);
    grid-template-areas: "portrait meta" "portrait social";
    gap: 4px 12px;
    padding: 16px 12px;
    min-height: 0;
    align-items: center;
  }
  #authorProfileHero .author-page-avatar {
    grid-area: portrait;
    width: 72px; height: 72px; box-sizing: border-box;
    align-self: center; margin: 0;
  }
  #authorProfileHero .author-page-meta { grid-area: meta; width: 100%; }
  #authorProfileHero .author-page-name { font-size: 20px; line-height: 1.2; overflow-wrap: anywhere; }
  #authorProfileHero .author-page-role { font-size: 12px; }
  #authorProfileHero .author-page-email { margin-top: 4px; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
  #authorProfileHero .author-page-social {
    grid-area: social; display: flex; flex-wrap: wrap;
    justify-content: flex-start; gap: 0; margin: 0; max-width: 100%;
  }
  #authorProfileHero .author-page-social a { width: 40px; height: 44px; }
  #authorProfileHero .author-page-social-icon { max-width: 20px; max-height: 20px; }
}

@media (max-width: 640px) {
  #eDergiSubscriptionModal { padding: 16px; }
  #eDergiSubscriptionModal .e-dergi-subscription-card {
    width: min(340px, calc(100vw - 40px));
    max-height: calc(100dvh - 32px);
    padding: 10px; border-radius: 18px;
  }
  #eDergiSubscriptionModal .e-dergi-subscription-card-inner { padding: 34px 14px 16px; border-radius: 12px; }
  #eDergiSubscriptionModal .e-dergi-subscription-close { top: 10px; right: 10px; width: 40px; height: 40px; }
  #eDergiSubscriptionModal .e-dergi-subscription-card-inner h3 { font-size: 17px; line-height: 1.3; }
  #eDergiSubscriptionModal .e-dergi-subscription-price { margin: 16px 0; }
  #eDergiSubscriptionModal .e-dergi-subscription-price strong { font-size: 26px; }
  #eDergiSubscriptionModal .e-dergi-subscription-price span { font-size: 14px; }
  #eDergiSubscriptionModal .e-dergi-subscription-card-inner ul { gap: 8px; font-size: 13px; line-height: 1.45; }
  #eDergiSubscriptionModal .e-dergi-subscription-buy { margin-top: 16px; padding: 10px 14px; min-height: 44px; font-size: 16px; }
}

/* The membership trigger uses a user silhouette with an accessible text name. */
html body .red-header .main-nav > .nav-login-dropdown > .nav-link-btn .nav-account-icon {
  display: block; width: 28px; height: 28px; fill: currentColor; flex: 0 0 28px;
}
html body .red-header .main-nav > .nav-login-dropdown > .nav-link-btn .nav-link-label {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip-path: inset(50%); white-space: nowrap !important;
}
html body .red-header .main-nav > .nav-login-dropdown > .nav-link-btn .nav-caret { display: none !important; }
html body .red-header .main-nav > .nav-login-dropdown > .nav-link-btn { min-width: 44px !important; min-height: 44px !important; justify-content: center !important; }

/* Show complete wide author and chef artwork on phones, without cropping. */
@media (max-width: 640px) {
  html body #homeAuthorsBanner.home-authors-banner,
  html body #homeChefsHeroBand.home-chefs-hero-band {
    display: block; width: 100%; height: auto; min-height: 0;
    aspect-ratio: auto; padding: 0; border-radius: 8px;
    margin-bottom: 8px; background: transparent;
  }
  html body #homeAuthorsBanner .home-chefs-hero-band-bg,
  html body #homeChefsHeroBand .home-chefs-hero-band-bg {
    position: static; display: block; width: 100%; height: auto;
    object-fit: contain; transform: none !important;
  }
  html body #homeAuthorsBanner::after,
  html body #homeChefsHeroBand::after { display: none; }
  html body #homeAuthorsBanner[hidden],
  html body #homeChefsHeroBand[hidden] { display: none; }
}

/* Phone category headlines sit below the photo. */
@media (max-width: 640px) {
  .is-lezzetler-landing .lezzetler-category-slider { aspect-ratio: auto; background: #fff; }
  .is-lezzetler-landing .lezzetler-category-feature { height: auto; }
  .is-lezzetler-landing .lezzetler-category-feature img { display: block; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
  .is-lezzetler-landing .lezzetler-category-feature h3,
  .is-lezzetler-landing .lezzetler-category-feature:hover h3 {
    position: static; padding: 14px 8px 12px; margin: 0;
    background: #fff; color: #202938; font-size: 19px; line-height: 1.35;
  }
  .is-lezzetler-landing .lezzetler-category-controls { position: static; padding: 0 0 12px; }
}

@media (max-width: 640px) {
  .guide-content-surface .mekan-meta-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .guide-content-surface .mekan-meta-row #mekanCount { margin: 0; }
  .guide-content-surface .mekan-meta-row #guideMapTrigger { position: static; margin: 0; flex: 0 0 44px; width: 44px; height: 44px; }
  .guide-content-surface .guide-filter-head .mekan-filter-row { width: 100%; }
}

@media (max-width: 640px) {
  #guideView .mekan-meta-row #mekanCount { font-size: calc(1.9rem - 2pt); }
  #guideView .mekan-title { font-size: calc(1.5rem - 2pt); }
}

@media (max-width: 640px) {
  #guideView #mekanFilters {
    display: flex; flex-wrap: wrap; overflow: visible;
    width: 100%; gap: 8px; padding-bottom: 0;
  }
  #guideView #mekanFilters > button {
    flex: 0 1 auto; max-width: 100%; min-height: 40px;
    white-space: normal; overflow-wrap: anywhere;
  }
}

@media (max-width: 640px) {
  html body #guideView .guide-hero-search {
    min-height: 44px; height: 44px; padding-block: 0; border-radius: 10px; box-sizing: border-box;
  }
  html body #guideView .guide-hero-search input { min-height: 0; height: 42px; padding-block: 0; font-size: 16px; }
  html body #guideView .guide-hero-content { padding-bottom: 12px; }
  html body #guideView .guide-content-surface { margin-top: 0; padding-top: 12px; }
  html body #guideView .guide-filter-head { margin-top: 0; }
}

/* Phone map: header, map and results share the viewport vertically. */
@media (max-width: 640px) {
  #guideMapModal { z-index: 3000; }
  #guideMapModal .guide-map-modal-shell {
    display: grid; grid-template-rows: auto minmax(180px, 34dvh) minmax(0, 1fr);
    height: 100dvh; background: #fff; padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
    box-sizing: border-box;
  }
  #guideMapModal .guide-map-modal-head {
    position: static; transform: none; grid-row: 1; min-width: 0;
    border-radius: 0; box-shadow: none; padding: 8px 12px;
    justify-content: space-between; gap: 8px; white-space: normal;
  }
  #guideMapModal .guide-map-modal-head h3 { font-size: 14px; min-width: 0; }
  #guideMapModal .guide-map-modal-head-actions { flex-shrink: 0; gap: 4px; }
  #guideMapModal .guide-map-modal-close { min-width: 44px; min-height: 44px; }
  #guideMapModal .guide-map-modal-back { min-height: 44px; padding-inline: 8px; font-size: 12px; }
  #guideMapModal .guide-map-stage { position: relative; inset: auto; grid-row: 2; min-width: 0; min-height: 0; }
  #guideMapModal .guide-map-svg { min-height: 0; height: 100%; }
  #guideMapModal .guide-map-sidebar {
    position: static; grid-row: 3; width: 100%; min-width: 0; min-height: 0;
    border-radius: 0; box-shadow: none; overflow-y: auto;
  }
  #guideMapModal .guide-map-sidebar-head { padding: 10px 12px; }
  #guideMapModal .guide-map-search { min-height: 44px; font-size: 16px; width: 100%; box-sizing: border-box; }
  #guideMapModal .guide-province-place-btn { display: grid; grid-template-columns: 48px minmax(0,1fr); width: 100%; box-sizing: border-box; }
  #guideMapModal .guide-province-place-btn > .gp-stars { grid-column: 2; flex-wrap: wrap; }
  #guideMapModal .gp-place-info { overflow-wrap: anywhere; }
  #guideMapModal .guide-map-sidebar-popup {
    top: auto !important; left: 10px !important; right: 10px; bottom: 10px;
    width: auto; height: auto; max-height: calc(100% - 20px);
    display: flex; flex-direction: row; border-radius: 10px; overflow-y: auto;
  }
  #guideMapModal .guide-map-sidebar-popup::before { display: none; }
  #guideMapModal .gmp-popup-img { width: 86px; height: auto; max-height: 150px; object-fit: cover; }
  #guideMapModal .gmp-popup-body { padding: 10px; gap: 4px; }
  #guideMapModal .gmp-popup-name { white-space: normal; overflow-wrap: anywhere; font-size: 14px; }
  #guideMapModal .gmp-popup-rating-row { flex-wrap: wrap; gap: 4px 8px; margin-top: 2px; }
  #guideMapModal .guide-map-controls { top: 8px; right: 8px; bottom: auto; }
}

@media (max-width: 1100px) {
  html body .red-header #languageSwitcherMenu {
    top: calc(100% + 8px) !important; bottom: auto !important; right: 0 !important;
    width: min(180px, calc(100vw - 32px)); max-height: min(60dvh, 380px);
    z-index: 300; overflow-y: auto;
  }
  html body .red-header #languageSwitcherMenu .language-switcher-head { display: block; }
}

@media (max-width: 1100px) {
  html body .red-header #languageSwitcherMenu { width: max-content; max-width: calc(100vw - 32px); }
  html body .red-header #languageSwitcherList { padding: 8px; }
  html body .red-header #languageSwitcherList .language-switcher-option {
    width: 100%; box-sizing: border-box; padding-inline: 11px; white-space: nowrap;
  }
}

/* Show search results directly without the category tab strip. */
html body #searchView #siteSearchTabs { display: none !important; }

/* Directory banners retain their complete artwork on phones. */
@media (max-width: 640px) {
  html body #chefsView .chefs-page-hero.has-custom-image {
    display: block; height: auto; min-height: 0; max-height: none;
    padding: 0; aspect-ratio: auto; background: transparent;
  }
  html body #chefsView .chefs-page-hero.has-custom-image .chefs-page-hero-bg {
    position: static; display: block; width: 100%; height: auto;
    object-fit: contain; transform: none !important;
  }
}

/* Public author and chef cards stay frameless in every pointer state. */
html body #chefsView .public-person-card,
html body #homeView .public-person-card {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
html body #chefsView .public-person-card:focus-visible .public-person-name,
html body #homeView .public-person-card:focus-visible .public-person-name {
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 640px) {
  html body .red-header .main-nav .nav-dropdown[popover]:popover-open {
    display: flex !important; position: fixed !important;
    top: var(--mobile-menu-top, 128px) !important; bottom: auto !important;
    right: 12px !important; left: auto !important; margin: 0 !important;
    transform: none !important; width: 210px; min-width: 0; max-width: calc(100vw - 24px);
    max-height: calc(100dvh - var(--mobile-menu-top, 128px) - 16px);
    box-sizing: border-box; overflow-y: auto; padding: 8px;
    opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
    background: #fff !important; border: 1px solid #e1e6ed; border-radius: 10px;
    box-shadow: 0 10px 28px #13253a33;
  }
  html body .red-header .main-nav .nav-dropdown[popover] a { display: flex; align-items: center; min-height: 44px; box-sizing: border-box; white-space: normal; }
}
@media (max-width: 640px) {
  html body .red-header .main-nav > .nav-item-dropdown > .nav-link-btn { position: relative; z-index: 2; pointer-events: auto !important; }
  html body .red-header .main-nav > .nav-item-dropdown::before,
  html body .red-header .main-nav > .nav-item-dropdown::after { pointer-events: none !important; }
}

html body #mekanDetayView #detailInstagram.detail-action-pill { display: inline-flex; align-items: center; margin: 0; text-decoration: none; font-size: inherit; }
html body #mekanDetayView #detailInstagram[hidden] { display: none !important; }
html body #mekanDetayView #detailInstagram svg { width: 20px; height: 20px; flex: 0 0 20px; padding: 0; background: transparent; fill: #cf1d39; border-radius: 0; }

/* Edge-to-edge rectangular photo strip; existing gallery controls remain in place. */
html body #mekanDetayView .detail-thumb { aspect-ratio: 5 / 3; }
html body #mekanDetayView .detail-thumb:only-child { grid-column: 1; aspect-ratio: 16 / 9; }
html body #mekanDetayView .detail-gallery-thumbs:has(> .detail-thumb:only-child) { grid-auto-columns: 100%; }

#mekanDetayView #detailCommentJumpBtn { font-size: calc(0.98rem - 1pt); }
@media (max-width: 640px) {
  #mekanDetayView #detailCommentJumpBtn { font-size: calc(0.9rem - 1pt); }
}

/* Remove desktop width deductions from the phone reactions and reviews. */
@media (max-width: 640px) {
  html body #mekanDetayView #detailReactionsSection.news-detail-reactions,
  html body #mekanDetayView #detailCommentsSection.news-comments-section.detail-comments {
    width: 100% !important; min-width: 0; max-width: 100%;
    margin: 20px 0 0; padding: 12px 0; box-sizing: border-box;
  }
  html body #mekanDetayView #detailReactionsSection h3 { font-size: 18px; line-height: 1.3; margin-bottom: 14px; }
  html body #mekanDetayView #detailReactionsBar .detail-reactions-shell { display: grid; width: 100%; min-width: 0; }
  html body #mekanDetayView #detailReactionsBar .detail-reactions-list,
  html body #mekanDetayView #detailReactionsBar .detail-reactions-counts {
    display: grid; grid-template-columns: repeat(7,minmax(0,1fr));
    width: 100%; min-width: 0; gap: 0; padding-inline: 4px; box-sizing: border-box;
  }
  html body #mekanDetayView #detailReactionsBar .detail-reaction-item,
  html body #mekanDetayView #detailReactionsBar .detail-reaction-count { width: auto; min-width: 0; display: flex; justify-content: center; }
  html body #mekanDetayView #detailReactionsBar .detail-reaction-btn { width: 100%; max-width: 44px; height: 44px; }
  html body #mekanDetayView #detailReactionsBar .detail-reaction-icon { width: 30px; height: 30px; }
  html body #mekanDetayView #detailCommentsSection .detail-comment-head { display: flex; flex-wrap: wrap; gap: 12px; }
  html body #mekanDetayView #detailCommentsSection .news-comments-title-row { flex: 1 1 100%; min-width: 0; }
  html body #mekanDetayView #detailCommentsSection .news-comments-title { font-size: 20px; }
  html body #mekanDetayView #detailCommentsSection .detail-review-summary,
  html body #mekanDetayView #detailCommentsSection .detail-review-list { width: 100%; min-width: 0; max-width: 100%; margin: 0; box-sizing: border-box; }
}
@media (max-width: 640px) {
  html body #mekanDetayView #detailCommentsSection .news-comments-title { font-size: 20px !important; white-space: normal; min-width: 0; max-width: 100%; }
  html body #mekanDetayView #detailReactionsBar .detail-reaction-count span { position: static; width: 100%; display: block; margin: 0; transform: none; text-align: center; }
  html body #mekanDetayView #detailReactionsBar .detail-reaction-btn::after { display: none; }
}

/* Compact photo count over the bottom-right corner of the Guide gallery. */
html body #mekanDetayView .detail-gallery-all-btn {
  right: 16px;
  bottom: 16px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  padding: 6px;
  border-radius: 6px;
  background: #fff;
  color: var(--red);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
  font-size: 14px;
  font-weight: 400;
}
html body #mekanDetayView .detail-gallery-all-btn svg {
  width: 36px;
  height: 32px;
  stroke: #808080;
  stroke-width: 1.2;
  stroke-linejoin: round;
}
html body #mekanDetayView #detailGalleryAllCount {
  position: absolute;
  inset: 13px 7px auto 11px;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
}
html body #mekanDetayView .detail-gallery-all-btn:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 3px;
}

/* Fine separators without changing the gallery slide widths. */
html body #mekanDetayView .detail-thumb {
  position: relative;
}
html body #mekanDetayView .detail-thumb:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.5pt;
  background: #fff;
  pointer-events: none;
}

/* Match the customer review summary to the rating card above it. */
html body #mekanDetayView #detailCommentsSection .detail-review-summary {
  background: #f6f6f6;
  border-radius: 12px;
  padding: 24px 20px;
  box-sizing: border-box;
}

/* Recommendation frames follow the photo and content without vertical filler. */
html body #mekanDetayView .recommend-inner {
  align-items: flex-start;
}
html body #mekanDetayView .recommend-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  min-height: 0;
}
html body #mekanDetayView .recommend-card img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  margin: 0;
}

/* Keep all news reactions and their counts within the phone width. */
@media (max-width: 640px) {
  html body #newsDetailReactionsSection {
    width: 100%; min-width: 0; max-width: 100%;
    margin: 24px 0 10px; box-sizing: border-box;
  }
  html body #newsDetailReactionsSection h3 {
    font-size: 18px; line-height: 1.3; margin-bottom: 14px;
  }
  html body #newsDetailReactionsBar,
  html body #newsDetailReactionsBar .detail-reactions-shell {
    display: grid; width: 100%; min-width: 0; max-width: 100%;
  }
  html body #newsDetailReactionsBar .detail-reactions-list,
  html body #newsDetailReactionsBar .detail-reactions-counts {
    display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
    width: 100%; min-width: 0; gap: 0; padding-inline: 4px; box-sizing: border-box;
  }
  html body #newsDetailReactionsBar .detail-reaction-item,
  html body #newsDetailReactionsBar .detail-reaction-count {
    width: auto; min-width: 0; display: flex; justify-content: center;
  }
  html body #newsDetailReactionsBar .detail-reaction-btn {
    width: 100%; max-width: 44px; height: 44px;
  }
  html body #newsDetailReactionsBar .detail-reaction-icon { width: 30px; height: 30px; }
  html body #newsDetailReactionsBar .detail-reaction-count span {
    position: static; width: 100%; margin: 0; transform: none; text-align: center;
  }
  html body #newsDetailReactionsBar .detail-reaction-btn::after { display: none; }
  html body #newsDetailReactionsBar .detail-reaction-btn:hover,
  html body #newsDetailReactionsBar .detail-reaction-btn:focus-visible { transform: none; }
}

/* Compact editor identity and a separate social row on phones. */
@media (max-width: 680px) {
  html body #newsDetailView .news-editor-ribbon {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 12px;
    box-sizing: border-box;
  }
  html body #newsDetailView .news-editor-ribbon-photo-wrap { width: 48px; min-width: 0; }
  html body #newsDetailView .news-editor-ribbon-photo {
    width: 48px !important; height: 48px !important;
    min-height: 0; aspect-ratio: 1; object-fit: contain;
    margin: 0; border-radius: 50%;
  }
  html body #newsDetailView .news-editor-ribbon-details strong { font-size: 16px; line-height: 1.3; }
  html body #newsDetailView .news-editor-ribbon-details a {
    font-size: 13px; line-height: 1.4; overflow-wrap: anywhere;
  }
  html body #newsDetailView .news-editor-ribbon-socials {
    grid-column: 1 / -1;
    display: flex; flex-wrap: wrap; justify-content: flex-start;
    width: 100%; min-width: 0; gap: 8px;
  }
  html body #newsDetailView .news-editor-ribbon-socials a {
    flex: 0 0 36px; width: 36px; height: 36px;
  }
}

/* All eight corporate social links share one row on phones. */
@media (max-width: 640px) {
  html body #siteBottomBand .site-bottom-social-row {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    gap: 0;
    margin-left: 0;
  }
  html body #siteBottomBand .site-bottom-social-btn {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0;
    box-sizing: border-box;
  }
  html body #siteBottomBand .site-bottom-social-btn .news-share-icon {
    width: 20px;
    height: 20px;
  }
}

/* Keep the larger editor logo and social controls readable on mobile. */
@media (max-width: 680px) {
  html body #newsDetailView .news-editor-ribbon {
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 4px;
    padding: 10px;
  }
  html body #newsDetailView .news-editor-ribbon-photo-wrap {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 48px;
  }
  html body #newsDetailView .news-editor-ribbon-photo {
    width: 48px !important;
    height: 48px !important;
  }
  html body #newsDetailView .news-editor-ribbon-details { display: contents; }
  html body #newsDetailView .news-editor-ribbon-details strong {
    grid-column: 2 / -1;
    grid-row: 1;
  }
  html body #newsDetailView .news-editor-ribbon-details a {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    font-size: 11px;
  }
  html body #newsDetailView .news-editor-ribbon-socials {
    grid-column: 1 / -1;
    grid-row: 3;
    width: auto;
    flex-wrap: wrap;
    gap: 8px;
    align-self: center;
  }
  html body #newsDetailView .news-editor-ribbon-socials a {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
  html body #newsDetailView .news-editor-ribbon-socials svg {
    width: 18px;
    height: 18px;
  }
}

/* Give phone headlines the entire header width instead of desktop columns. */
@media (max-width: 760px) {
  html body #newsDetailView .news-detail-header {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    width: 100%;
  }
  html body #newsDetailView .news-detail-header h1 {
    font-size: clamp(18px, 4.5vw, 24px) !important;
    line-height: 1.25 !important;
    overflow-wrap: normal;
    word-break: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

/* Complete, readable home headline cards on phones. */
@media (max-width: 640px) {
  html body #homeAMSection .home-am-wrap,
  html body #homeMainSection .home-main-headline-wrap,
  html body #homeMainSection .home-main-headline-left {
    width: 100%; min-width: 0; height: auto;
    display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto;
  }
  html body #homeAMSection .home-am-card,
  html body #homeMainSection .home-main-card {
    display: grid; grid-template-columns: minmax(0, 1fr);
    grid-row: 1; width: 100%; min-width: 0; height: auto; min-height: 0; aspect-ratio: auto;
  }
  html body #homeAMSection .home-am-slide,
  html body #homeMainSection .home-main-slide {
    position: relative; inset: auto; grid-area: 1 / 1;
    width: 100%; min-width: 0;
  }
  html body #homeAMSection .home-am-card img,
  html body #homeMainSection .home-main-card img {
    position: static; width: 100% !important; height: auto !important;
    min-height: 0 !important; aspect-ratio: 16 / 9;
    object-fit: contain !important; transform: none;
  }
  html body #homeAMSection .home-am-overlay,
  html body #homeMainSection .home-main-overlay {
    position: static; padding: 12px !important;
    background: #10131a !important;
    text-align: left !important;
  }
  html body #homeAMSection .home-am-overlay-content {
    width: 100%; max-width: 100%; gap: 5px;
  }
  html body #homeAMSection .home-am-overlay h3,
  html body #homeMainSection .home-main-overlay h3 {
    display: block; width: 100%; max-width: 100% !important;
    font-size: 18px !important; line-height: 1.3 !important;
    overflow: visible; -webkit-line-clamp: unset !important;
    overflow-wrap: anywhere; text-align: left !important;
  }
  html body #homeAMSection .home-am-kicker,
  html body #homeAMSection .home-am-subtitle { font-size: 13px !important; }
  html body #homeAMSection .home-am-index,
  html body #homeMainSection .home-main-index {
    position: static; grid-row: 2;
    display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%; box-sizing: border-box;
    padding: 4px !important; gap: 2px !important; background: #070707;
  }
  html body #homeAMSection .home-am-index button,
  html body #homeMainSection .home-main-index button {
    width: 100% !important; height: 36px !important; min-height: 36px !important;
    font-size: 16px !important;
  }
}

/* Mobile main headline: white caption and compact numbered navigation. */
@media (max-width: 640px) {
  html body #homeMainSection .home-main-headline-left,
  html body #homeMainSection .home-main-card {
    background: #fff;
  }
  html body #homeMainSection .home-main-overlay {
    background: #fff !important;
    padding: 14px 10px 16px !important;
    text-align: center !important;
  }
  html body #homeMainSection .home-main-overlay h3,
  html body #homeMainSection .home-main-card:hover .home-main-overlay h3,
  html body #homeMainSection .home-main-card:focus-visible .home-main-overlay h3 {
    color: #202939 !important;
    text-shadow: none !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
  html body #homeMainSection .home-main-index {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    background: #fff !important;
    gap: 3px !important;
    padding: 0 10px 18px !important;
  }
  html body #homeMainSection .home-main-index button {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    font-size: 12px !important;
    background: #626262 !important;
  }
  html body #homeMainSection .home-main-index button.active,
  html body #homeMainSection .home-main-index button:hover,
  html body #homeMainSection .home-main-index button:focus-visible {
    background: #d9154b !important;
  }
  html body #homeMainSection .home-main-headline-wrap { row-gap: 28px; }
  html body #homeMainSection .home-main-side { margin-top: 0; }
  html body #homeMainSection { margin-bottom: 28px; }
}

/* Consistent landscape photos and equal recommendation cards. */
html body #mekanDetayView .recommend-inner { align-items: stretch; }
html body #mekanDetayView .recommend-card { width: 260px; }
html body #mekanDetayView .recommend-card img {
  width: 100% !important;
  height: 195px !important;
  min-height: 195px;
  aspect-ratio: 4 / 3;
  object-fit: cover !important;
  flex: 0 0 195px;
}
html body #mekanDetayView .recommend-card h4 {
  line-height: 1.3;
  min-height: 2.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
html body #mekanDetayView .recommend-card p { margin-top: auto; }

/* Sorting belongs alongside the overall review heading. */
html body #mekanDetayView #detailCommentsSection .detail-comment-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}
html body #mekanDetayView #detailCommentsSection .detail-comment-head > .detail-comments-sort {
  justify-self: end !important;
  white-space: nowrap;
}
@media (max-width: 640px) {
  html body #mekanDetayView #detailCommentsSection .detail-comment-head { gap: 8px !important; }
  html body #mekanDetayView #detailCommentsSection .detail-comment-head .news-comments-title {
    font-size: 18px !important;
    line-height: 1.25;
  }
  html body #mekanDetayView #detailCommentsSection .detail-comment-head .detail-comments-sort {
    gap: 5px;
    font-size: 12px;
  }
  html body #mekanDetayView #detailCommentsSection .detail-comment-head .detail-comments-sort-btn {
    font-size: 12px;
  }
}

/* Reader comments follow the customer rating summary. */
html body #mekanDetayView #detailCommentsList .detail-review-summary { grid-row: 2; }
html body #mekanDetayView .detail-reader-comments-head {
  grid-column: 1 / -1; grid-row: 3;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding-top: 20px; border-top: 1px solid #e5e9ef;
}
html body #mekanDetayView .detail-reader-comments-head h4 {
  margin: 0; font-size: 22px; line-height: 1.25; color: #202733;
}
html body #mekanDetayView #detailCommentsList .detail-review-list { grid-row: 4; }
@media (max-width: 640px) {
  html body #mekanDetayView .detail-reader-comments-head h4 { font-size: 18px; }
  html body #mekanDetayView .detail-reader-comments-head .detail-comment-add-btn {
    font-size: 13px; padding: 8px 10px; white-space: nowrap;
  }
}

html body #mekanDetayView #detailCommentsSection #detailCommentsList .detail-review-summary {
  margin-top: 24px;
}

/* Balanced white spacing around the mobile magazine heading and frame. */
@media (max-width: 640px) {
  html body #homeMainSection .home-main-side {
    padding: 20px 12px !important;
    box-sizing: border-box;
  }
  html body #homeMainSection .home-main-side .home-magazine-frame {
    margin: 28px auto 0;
  }
}

/* Join the magazine and category panels into one white mobile surface. */
@media (max-width: 640px) {
  html body #homeMainSection {
    margin-bottom: -15px;
    border: 1px solid #dce3ec;
    border-bottom: 0;
    border-radius: 0;
    background: #fff !important;
  }
  html body #homeCategoryShowcaseSection {
    margin-top: 0;
    border: 1px solid #dce3ec;
    border-top: 0;
    border-radius: 0;
    background: #fff !important;
  }
}

/* Three people per row on mobile, with proportionate card content. */
@media (max-width: 640px) {
  html body #homeView #homeWritersTrack,
  html body #homeView #homeChefsTrack,
  html body #chefsView[data-directory-type="authors"] .articles-grid.public-people-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 8px !important;
    width: 100% !important;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact {
    width: 100% !important; min-width: 0 !important;
    min-height: 0 !important; padding: 8px 0 !important;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-image-wrap {
    width: min(100%, 76px) !important; height: auto !important;
    aspect-ratio: 1; margin-inline: auto;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-name {
    font-size: 12px !important; line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-location,
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-specialty {
    font-size: 11px !important; gap: 3px;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-follow {
    font-size: 12px !important; padding: 5px 8px !important;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-card-socials {
    gap: 3px !important; flex-wrap: wrap; justify-content: center;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-social {
    width: 22px !important; height: 22px !important; min-width: 0;
  }
  html body :is(#homeView, #chefsView) .public-person-card.is-compact .public-person-social svg {
    width: 12px; height: 12px;
  }
}

@media (max-width: 640px) {
  html body #chefsView[data-directory-type="authors"] .chefs-page-shell {
    padding-top: 18px;
  }
  html body #chefsView[data-directory-type="authors"] .chefs-page-shell .section-head {
    margin-top: 0;
  }
  html body #chefsView #chefsFeaturedStrip .chefs-featured-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 8px;
  }
}

/* Show the complete chef banner on phones, with readable profile controls below. */
@media (max-width: 640px) {
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero {
    height: auto; min-height: 0; aspect-ratio: auto;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-bg {
    position: static; display: block;
    width: 100% !important; height: auto !important;
    min-height: 0; object-fit: contain;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-overlay { display: none; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-content {
    display: grid; grid-template-columns: 56px minmax(0, 1fr);
    height: auto; min-height: 0; padding: 14px; gap: 12px;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-avatar { width: 56px; height: 56px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-avatar-wrap > span {
    width: 22px; height: 22px; font-size: 13px; right: -4px; border-width: 2px;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-kicker { font-size: 14px; margin-bottom: 4px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero h1 { font-size: 22px !important; line-height: 1.15 !important; margin-bottom: 6px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-location { font-size: 12px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-actions {
    margin-top: 12px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-follow { min-width: 0; padding: 8px 12px; font-size: 12px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-socials { gap: 6px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-actions .public-person-social { width: 28px; height: 28px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-socials svg { width: 14px; height: 14px; }
}

/* Four readable author statistics in one mobile row. */
@media (max-width: 640px) {
  html body #authorProfileStatsBar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }
  html body #authorProfileStatsBar .author-stat-item {
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    padding: 10px 4px;
    gap: 7px;
    text-align: center;
    border-radius: 8px;
  }
  html body #authorProfileStatsBar .author-stat-icon { width: 30px; height: 30px; }
  html body #authorProfileStatsBar .author-stat-icon svg { width: 17px; height: 17px; }
  html body #authorProfileStatsBar .author-stat-body { width: 100%; min-width: 0; gap: 5px; }
  html body #authorProfileStatsBar .author-stat-value {
    font-size: 15px; line-height: 1.2; overflow-wrap: anywhere;
  }
  html body #authorProfileStatsBar .author-stat-label {
    font-size: 10px; line-height: 1.35; letter-spacing: 0;
    overflow-wrap: anywhere;
  }
}

/* Author article images use a less panoramic, near-square proportion. */
html body #authorProfileView .author-page-post-card img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Mobile author article photos match the supplied landscape reference. */
@media (max-width: 640px) {
  html body #authorProfileView .author-page-post-card img {
    aspect-ratio: 3 / 2;
    height: auto !important;
    object-fit: cover;
    object-position: center;
  }
}

/* Keep the phone author signature beside its portrait. */
@media (max-width: 640px) {
  #articleAuthorHero.author-page-hero {
    grid-template-columns: 72px minmax(0, 1fr);
    grid-template-areas: "portrait meta" "portrait social";
    gap: 4px 12px;
    padding: 16px 12px;
    min-height: 0;
    align-items: center;
  }
  #articleAuthorHero .author-page-avatar {
    grid-area: portrait;
    width: 72px; height: 72px; box-sizing: border-box;
    align-self: center; margin: 0;
  }
  #articleAuthorHero .author-page-meta { grid-area: meta; width: 100%; }
  #articleAuthorHero .author-page-name { font-size: 20px; line-height: 1.2; overflow-wrap: anywhere; }
  #articleAuthorHero .author-page-role { font-size: 12px; }
  #articleAuthorHero .author-page-email { margin-top: 4px; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
  #articleAuthorHero .author-page-social {
    grid-area: social; display: flex; flex-wrap: wrap;
    justify-content: flex-start; gap: 0; margin: 0; max-width: 100%;
  }
  #articleAuthorHero .author-page-social a { width: 40px; height: 44px; }
  #articleAuthorHero .author-page-social-icon { max-width: 20px; max-height: 20px; }
}

#articleAuthorHero { margin: 24px 0 0; }
#articleAuthorHero .author-page-name a { color: inherit; text-decoration: none; }
#articleAuthorHero .author-page-name a:hover { text-decoration: underline; }
#articleAuthorHero + .news-detail-header { margin-top: 24px; }

#newsDetailTopRecommended[hidden] { display: none !important; }

/* White social icons remain legible on the red author banners. */
html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social a,
html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social a:hover,
html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social a:focus-visible {
  color: #fff !important;
  opacity: 1;
}
html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social-icon {
  fill: #fff;
  opacity: 1;
}

/* Match the directory heading spacing and underline treatment. */
html body #chefsView[data-directory-type="authors"] .chefs-page-shell .section-head {
  margin-top: 0;
}
html body #chefsView #chefsFeaturedTitle::after {
  content: "";
  display: block;
  width: 74px;
  height: 4px;
  margin-top: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--menu-left-bg) 0%, var(--menu-right-bg) 100%);
}

/* Shorter, uniform author article photos on desktop. */
@media (min-width: 641px) {
  html body #authorProfileView .author-page-post-card {
    container-type: inline-size;
  }
  html body #authorProfileView .author-page-post-card img {
    height: max(150px, calc(75cqw - 2cm)) !important;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center top;
  }
}

html body .author-page-hero .author-notification-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  width: fit-content;
  margin-top: 10px;
  padding: 8px 14px;
  min-height: 36px;
  border: 1px solid #fff;
  border-radius: 6px;
  background: #fff;
  color: #cf1d39;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
html body .author-page-hero .author-notification-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
@media (max-width: 640px) {
  html body .author-page-hero .author-notification-button {
    margin-top: 8px;
    padding: 6px 10px;
    font-size: 12px;
  }
}

/* Notification action sits above the author social links. */
html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social {
  display: grid;
  grid-template-columns: repeat(4, 40px);
  justify-content: end;
  gap: 8px 0;
}
html body :is(#authorProfileHero, #articleAuthorHero) .author-notification-button {
  grid-column: 1 / -1;
  justify-self: center;
  margin-top: 0;
}
@media (max-width: 640px) {
  html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social {
    justify-content: start;
  }
}

@media (max-width: 640px) {
  html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social {
    width: 100%;
    justify-self: end;
    justify-content: end;
  }
}

/* Compact mobile author banner with the notification action at top right. */
@media (max-width: 640px) {
  html body :is(#authorProfileHero, #articleAuthorHero) {
    position: relative;
    padding-bottom: 10px;
    row-gap: 0;
  }
  html body :is(#authorProfileHero, #articleAuthorHero) .author-page-role {
    padding-right: 100px;
    min-height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 2px;
  }
  html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social {
    position: static;
    gap: 0;
    margin-top: 0;
  }
  html body :is(#authorProfileHero, #articleAuthorHero) .author-notification-button {
    position: absolute;
    top: 12px;
    right: 12px;
    margin: 0;
    min-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
  }
  html body :is(#authorProfileHero, #articleAuthorHero) .author-page-social a {
    height: 34px;
  }
}

/* Slightly smaller chef profile details, retaining the existing banner layout. */
@media (min-width: 641px) {
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-avatar {
    width: clamp(96px, 10vw, 156px);
    height: clamp(96px, 10vw, 156px);
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-kicker { font-size: 1.6rem; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero h1 {
    font-size: clamp(1.8rem, 3vw, 3rem) !important;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-actions { margin-top: 22px; gap: 16px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-follow { min-width: 130px; padding: 11px 18px; font-size: 14px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-actions .public-person-social { width: 36px; height: 36px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-socials svg { width: 18px; height: 18px; }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-avatar-wrap > span { width: 34px; height: 34px; font-size: 21px; }
}

/* Chef profiles stay inside the shared directory content width. */
html body :is(#authorProfileView, #newsDetailView) .chef-profile-page {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
html body :is(#authorProfileView, #newsDetailView) .chef-profile-layout,
html body :is(#authorProfileView, #newsDetailView) .chef-profile-layout > main,
html body :is(#authorProfileView, #newsDetailView) .chef-profile-layout > aside {
  min-width: 0;
}

/* Mobile chef identity overlays the personal banner image. */
@media (max-width: 640px) {
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero {
    display: grid;
    min-height: 220px;
    aspect-ratio: auto;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-bg {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-overlay {
    display: block;
    background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.12));
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-content {
    position: relative;
    height: auto;
    padding: 18px 14px 34px;
    align-content: center;
    z-index: 1;
  }
}

@media (max-width: 640px) {
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-newsletter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 8px;
    padding: 18px;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-newsletter-copy {
    grid-column: 1 / -1;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-newsletter input {
    grid-column: 1; grid-row: 2;
    width: 100%; min-width: 0; height: 44px;
    padding: 8px 10px; font-size: 14px; box-sizing: border-box;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-newsletter button {
    grid-column: 2; grid-row: 2;
    width: auto; min-width: 0; height: 44px;
    padding: 8px 12px; font-size: 13px; white-space: nowrap;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-newsletter [data-chef-profile-newsletter-status] {
    grid-column: 1 / -1;
  }
}

/* Match the newsletter separation to the 20px spacing between sidebar cards. */
html body :is(#authorProfileView, #newsDetailView) .chef-profile-newsletter {
  margin-top: 20px;
}

#articleChefHero { margin-top: 24px; }
#articleChefHero + .news-detail-header { margin-top: 24px; }

/* Slightly shorter chef banners on mobile. */
@media (max-width: 640px) {
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero {
    min-height: 195px;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-hero-content {
    padding-bottom: 14px;
  }
}

html body .chef-profile-hero .chef-notification-button {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  border: 1px solid #fff;
  border-radius: 6px;
  background: #fff;
  color: #cf1d39;
  padding: 8px 14px;
  min-height: 36px;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
html body .chef-notification-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 640px) {
  html body .chef-profile-hero .chef-notification-button {
    top: 10px; right: 10px; padding: 5px 10px; min-height: 30px; font-size: 12px;
  }
  html body :is(#authorProfileView, #newsDetailView) .chef-profile-kicker {
    padding-right: 92px;
  }
}

.chef-sidebar-article-image,
.chef-other-articles-heading > img { display: none; }
  html body .chef-profile-articles-card > h2 { display: none; }
  html body .chef-other-articles-heading {
    display: flex; justify-content: space-between; align-items: center;
    gap: 12px; padding-bottom: 12px; margin-bottom: 20px;
    border-bottom: 1px solid #d3dcea;
  }
  html body .chef-other-articles-heading h3 { margin: 0; padding: 0; border: 0; min-width: 0; font-size: 20px; }
  html body .chef-other-articles-heading > img {
    display: block; width: 64px; height: 64px; flex: 0 0 64px; box-sizing: border-box; object-fit: cover;
    border-radius: 50%; border: 1px solid #dce2ea; padding: 3px; background: #f7f8fa;
  }
  html body .chef-profile-articles-card .chef-profile-sidebar-post,
  html body .chef-profile-articles-card .chef-profile-sidebar-post:hover,
  html body .chef-profile-articles-card .chef-profile-sidebar-post:focus-visible {
    display: block; width: 100%; padding: 0;
    background: #fff !important; color: #202733;
    border: 1px solid #d3dcea; border-radius: 0; overflow: hidden;
  }
  html body .chef-profile-articles-card .chef-sidebar-article-image {
    display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover;
  }
  html body .chef-profile-articles-card .chef-profile-sidebar-post-date { display: none; }
  html body .chef-profile-articles-card .chef-profile-sidebar-post-title {
    display: block; padding: 14px 12px; font-size: 16px;
    line-height: 1.4; color: #202733;
  }

.chef-about-info { display: none; }
#chefAboutDialog {
  width: min(480px, calc(100vw - 32px));
  max-height: 85dvh; padding: 42px 18px 20px;
  border: 1px solid #e5e5e5; border-radius: 14px;
  box-sizing: border-box; color: #303030;
}
#chefAboutDialog::backdrop { background: rgba(0,0,0,.55); }
#chefAboutDialog .chef-profile-side-card { padding: 0; margin: 0; border: 0; box-shadow: none; }
#chefAboutDialog .chef-about-close { position: absolute; right: 8px; top: 8px; width: 36px; height: 36px; border: 0; background: #f3f3f3; border-radius: 50%; cursor: pointer; }
@media (max-width: 640px) {
  #authorProfileView #chef-about { display: none; }
  .chef-profile-tabs .chef-about-label { display: none; }
  .chef-profile-tabs .chef-about-info { display: inline-block; font-size: 24px; }
}

/* Live workshop calendar heading */
.chef-live-workshop-title { display: flex; align-items: center; gap: 10px; }
.chef-live-workshop-light { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: #e31937; animation: chef-workshop-pulse 1.8s ease-in-out infinite; }
@keyframes chef-workshop-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(227,25,55,.5); }
  50% { opacity: .35; box-shadow: 0 0 0 6px rgba(227,25,55,0); }
}
@media (prefers-reduced-motion: reduce) { .chef-live-workshop-light { animation: none; } }

/* Chef details: article feed and About information dialog on all screens. */
html body #authorProfileView .chef-profile-layout .chef-profile-articles-card {
  padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
.chef-profile-tabs .chef-about-label { display: inline; }
.chef-profile-tabs .chef-about-info { display: inline-block; margin-left: 5px; font-size: 14px; line-height: 1; vertical-align: middle; }
html body .chef-profile-sidebar-post .chef-sidebar-article-category {
  display: block; padding: 0 12px 16px; color: #d71939; font-size: 15px; font-weight: 700;
}

#profileHeadlineNews:not([hidden]) {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px; padding: 18px; margin-bottom: 28px; background: #f5f5f5;
}
#profileHeadlineNews .home-um-card { width: 100%; min-width: 0; max-width: none; height: auto; }
#profileHeadlineNews .home-um-card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
#profileHeadlineNews .home-um-card p { margin: 0; padding: 10px; background: #fff; }
#profileHeadlineNews .home-um-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35; }
@media (max-width: 640px) {
  #profileHeadlineNews:not([hidden]) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 10px; margin-bottom: 20px; }
  #profileHeadlineNews .home-um-card p { font-size: 13px; }
}

/* Mobile home people strips follow the desktop's single-row flow. */
@media (max-width: 640px) {
  html body #homeView #homeWritersTrack,
  html body #homeView #homeChefsTrack {
    display: flex !important; flex-wrap: nowrap !important;
    gap: 16px !important; overflow-x: auto; overflow-y: hidden;
    touch-action: pan-x pan-y; scroll-behavior: auto; scrollbar-width: none;
  }
  html body #homeView :is(#homeWritersTrack, #homeChefsTrack) .public-person-card.is-compact {
    flex: 0 0 140px !important; width: 140px !important; min-width: 140px !important;
  }
  html body #homeView :is(#homeWritersTrack, #homeChefsTrack) .public-person-card.is-compact .public-person-image-wrap {
    width: 96px !important;
  }
}

/* Center mobile category labels evenly between their separators. */
@media (max-width: 640px) {
  #homeView #homeCategoryTabs .home-category-tab-btn {
    display: flex; align-items: center; justify-content: center;
    box-sizing: border-box; min-height: 44px;
    margin: 0; padding: 12px 8px; line-height: 1.2;
  }
}

@media (max-width: 640px) {
  #homeVideoGallerySection .video-gallery-visual-card-home-main .video-gallery-visual-title,
  #homeVideoGallerySection .video-gallery-visual-card-home-side .video-gallery-visual-title {
    font-size: 13px; line-height: 1.3;
  }
}

/* Mobile five-headline carousel: uniform images without captions. */
@media (max-width: 640px) {
  html body #homeAMSection .home-am-overlay { display: none !important; }
  html body #homeAMSection .home-am-card {
    aspect-ratio: 16 / 9; overflow: hidden; padding: 0;
  }
  html body #homeAMSection .home-am-slide { height: 100%; min-height: 0; }
  html body #homeAMSection .home-am-card img {
    display: block; width: 100% !important; height: 100% !important;
    aspect-ratio: 16 / 9; object-fit: cover !important;
  }
}

/* Use the TV section's 15px gap throughout the mobile home feed. */
@media (max-width: 640px) {
  html body #homeView .home-news-hierarchy { row-gap: 15px !important; }
  html body #homeView .home-news-hierarchy > section {
    margin-top: 0 !important; margin-bottom: 0 !important;
  }
}

/* Keep the mobile GUIDE sort menu inside the right edge of its section. */
@media (max-width: 640px) {
  html body #mekanDetayView #detailCommentsSortPanel {
    left: auto; right: 0; box-sizing: border-box;
    width: min(260px, calc(100vw - 64px)); max-width: none;
  }
  html body #mekanDetayView #detailCommentsSortPanel label {
    white-space: normal;
  }
  html body #mekanDetayView #detailCommentsSortPanel input { flex-shrink: 0; }
}

/* Member review form */
#detailReviewComposer { background: #f3f4f7; color: #222938; }
#detailReviewComposer .detail-review-composer-shell {
  width: min(1080px, calc(100% - 48px)); min-height: 0; box-sizing: border-box;
  margin: 36px auto; padding: 36px; gap: 36px;
  grid-template-columns: 260px minmax(0, 1fr);
  background: #fff; border: 1px solid #e6e8ed; border-radius: 24px;
  box-shadow: 0 16px 60px rgba(25,35,55,.07);
}
#detailReviewComposer .detail-review-composer-close {
  top: 12px; right: 12px; width: 40px; height: 40px;
  border: 1px solid #e5e7eb; border-radius: 50%; background: #fff; color: #303847;
  display: grid; place-items: center; font-size: 18px; z-index: 2;
}
#detailReviewComposer .detail-review-composer-side { padding: 0; border: 0; min-width: 0; }
#detailReviewComposer .detail-review-composer-side h2 {
  font-size: 32px; line-height: 1.15; letter-spacing: -.8px; margin: 0 0 14px; color: #202733;
}
#detailReviewComposer .detail-review-intro { font-size: 14px; line-height: 1.6; color: #737b89; margin: 0 0 24px; }
#detailReviewComposer .detail-review-place-card {
  width: 100%; max-width: none; box-sizing: border-box; padding: 12px;
  border: 1px solid #e6e8ed; border-radius: 16px; background: #fafbfc;
}
#detailReviewComposer .detail-review-place-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
#detailReviewComposer .detail-review-place-card strong { font-size: 17px; color: #202733; }
#detailReviewComposer .detail-review-place-card :is(span,small) { font-size: 12px; line-height: 1.5; color: #737b89; }
#detailReviewComposer .detail-review-composer-form { min-height: 0; min-width: 0; gap: 22px; padding: 0; }
#detailReviewComposer :is(.detail-review-rating-field label,.detail-review-text-row > label,.detail-review-title-field span,.detail-review-photo-field strong) {
  font-size: 14px; line-height: 1.4; color: #303847; font-weight: 700;
}
#detailReviewComposer .detail-review-rating-field { min-height: 0; padding: 18px; border-radius: 14px; background: #fff5f6; grid-template-columns: 1fr; gap: 8px; }
#detailReviewComposer .detail-review-rating-dots { gap: 8px; }
#detailReviewComposer .detail-review-rating-dot { width: 42px; height: 42px; border: 1px solid #efc4cc; border-radius: 10px; color: #bd8a94; background: #fff; }
#detailReviewComposer .detail-review-rating-dot::before { content: none; }
#detailReviewComposer .detail-review-rating-dot:is(.is-selected,.is-hovered) { color: #fff; background: #cf1d39; border-color: #cf1d39; }
#detailReviewComposer .detail-review-rating-hint { min-height: 18px; font-size: 12px; }
#detailReviewComposer :is(textarea,input[type="text"]) { border: 1px solid #dce0e7; border-radius: 10px; padding: 13px 14px; font-size: 16px; background: #fff; color: #252d3b; }
#detailReviewComposer textarea { min-height: 140px; }
#detailReviewComposer :is(textarea,input[type="text"]):focus { outline: 2px solid #f6ccd4; outline-offset: 2px; border-color: #cf1d39; }
#detailReviewComposer :is(#detailReviewTextCount,.detail-review-text-min,.detail-review-photo-field > span) { color: #7a8290; font-size: 12px; }
#detailReviewComposer .detail-review-photo-drop { min-height: 110px; padding: 16px; box-sizing: border-box; border: 1px dashed #d5dbe4; border-radius: 12px; background: #fafbfc; gap: 8px; }
#detailReviewComposer .detail-review-photo-drop svg { width: 24px; height: 24px; }
#detailReviewComposer .detail-review-photo-drop b { font-size: 13px; }
#detailReviewComposer .detail-review-photo-drop small { font-size: 12px; color: #7a8290; }
#detailReviewComposer .detail-review-confirm { gap: 10px; color: #737b89; font-size: 12px; line-height: 1.6; }
#detailReviewComposer .detail-review-confirm input { flex-shrink: 0; accent-color: #cf1d39; }
#detailReviewComposer .detail-review-submit { min-height: 48px; border-radius: 10px; font-size: 15px; box-shadow: 0 5px 14px rgba(207,29,57,.15); }
#detailReviewComposer .detail-review-moderation-note { margin: -10px 0 0; text-align: center; font-size: 12px; color: #7a8290; }
@media (max-width: 640px) {
  #detailReviewComposer .detail-review-composer-shell { width: calc(100% - 24px); margin: 56px auto 18px; padding: 20px; grid-template-columns: minmax(0,1fr); gap: 24px; border-radius: 18px; }
  #detailReviewComposer .detail-review-composer-side h2 { font-size: 26px; }
  #detailReviewComposer .detail-review-intro { margin-bottom: 16px; }
  #detailReviewComposer .detail-review-place-card { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 3px 12px; align-content: center; }
  #detailReviewComposer .detail-review-place-card img { grid-row: 1 / 4; width: 76px; height: 76px; aspect-ratio: 1; margin: 0; }
  #detailReviewComposer .detail-review-place-card :is(strong,span,small) { margin: 0; }
  #detailReviewComposer .detail-review-rating-field { padding: 14px; }
  #detailReviewComposer .detail-review-text-row { column-gap: 8px; }
}

#detailReviewComposer #reviewMemberAccountHead {
  display: flex; align-items: center; gap: 20px; box-sizing: border-box;
  width: min(1080px, calc(100% - 48px)); margin: 56px auto 20px; padding: 24px;
  background: #fff; border: 1px solid #dce3ed; border-radius: 18px;
}
#detailReviewComposer #reviewMemberAccountHead + .detail-review-composer-shell { margin-top: 0; }
#reviewMemberAccountHead .review-member-avatar { width: 80px; height: 80px; flex: 0 0 80px; border: 2px solid #dce3ed; border-radius: 50%; padding: 4px; box-sizing: border-box; display: grid; place-items: center; background: #f6f7f9; }
#reviewMemberAccountHead .review-member-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
#reviewMemberAccountHead .review-member-avatar span { font-size: 28px; color: #cf1d39; }
#reviewMemberAccountHead .review-member-identity { min-width: 0; }
#reviewMemberAccountHead h2 { font-size: 24px; margin: 0 0 8px; color: #252d3b; }
#reviewMemberAccountHead p { font-size: 14px; line-height: 1.5; margin: 6px 0; overflow-wrap: anywhere; }
#reviewMemberAccountHead .review-member-actions { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
#reviewMemberAccountHead button { border: 1px solid #cf1d39; border-radius: 8px; padding: 10px 14px; color: #cf1d39; background: #fff; font: inherit; font-size: 13px; cursor: pointer; }
@media (max-width: 640px) {
  #detailReviewComposer #reviewMemberAccountHead { width: calc(100% - 24px); padding: 18px; gap: 12px; flex-wrap: wrap; }
  #reviewMemberAccountHead .review-member-avatar { width: 56px; height: 56px; flex-basis: 56px; }
  #reviewMemberAccountHead .review-member-identity { flex: 1; }
  #reviewMemberAccountHead h2 { font-size: 19px; }
  #reviewMemberAccountHead p { font-size: 12px; }
  #reviewMemberAccountHead .review-member-actions { width: 100%; justify-content: flex-end; }
}

/* GUIDE header rating stars, shared by desktop and mobile. */
html body #mekanDetayView #detailHeaderStars .detail-rating-point {
  width: 19px; height: 19px; border: 0; border-radius: 0;
  background: #d9dee6;
  clip-path: none;
  border-radius: 50%;
}
html body #mekanDetayView #detailHeaderStars .detail-rating-point.is-full { background: #cf1d39; }
html body #mekanDetayView #detailHeaderStars .detail-rating-point.is-half { background: linear-gradient(90deg, #cf1d39 50%, #d9dee6 50%); }

/* Match all GUIDE review ratings to the header stars. */
html body #mekanDetayView #detailCommentsSection :is(.detail-rating-breakdown-dots, .detail-review-summary-stars, .detail-review-rating-dots, .comment-rating-dots) i {
  border: 0; border-radius: 0; background: #d9dee6;
  clip-path: none;
  border-radius: 50%;
}
html body #mekanDetayView #detailCommentsSection :is(.detail-rating-breakdown-dots, .detail-review-summary-stars, .detail-review-rating-dots, .comment-rating-dots) i.is-full { background: #cf1d39; }
html body #mekanDetayView #detailCommentsSection :is(.detail-rating-breakdown-dots, .detail-review-summary-stars, .detail-review-rating-dots, .comment-rating-dots) i.is-half { background: linear-gradient(90deg, #cf1d39 50%, #d9dee6 50%); }

/* Compact reader review feed with photos preceding the review text. */
html body #mekanDetayView #detailCommentsSection .detail-review-item {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 10px;
  padding: 20px 0; margin: 0; border-bottom: 1px solid #d7dbe1;
}
html body #mekanDetayView #detailCommentsSection .detail-review-author { gap: 12px; max-width: calc(100% - 68px); }
html body #mekanDetayView #detailCommentsSection .detail-review-author .comment-avatar { width: 42px; height: 42px; flex: 0 0 42px; font-size: 18px; }
html body #mekanDetayView #detailCommentsSection .detail-review-author strong { font-size: 16px; line-height: 1.3; }
html body #mekanDetayView #detailCommentsSection .detail-review-author small { font-size: 12px; margin-top: 3px; color: #737b87; }
html body #mekanDetayView #detailCommentsSection .detail-review-actions { top: 22px; min-width: 0; gap: 5px; }
html body #mekanDetayView #detailCommentsSection .detail-review-like { min-width: 32px; min-height: 32px; }
html body #mekanDetayView #detailCommentsSection .detail-review-like-count { min-width: 1ch; max-width: 4ch; }
html body #mekanDetayView #detailCommentsSection .detail-review-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 13px; color: #737b87; }
html body #mekanDetayView #detailCommentsSection .detail-review-date { margin: 0; font-size: 13px; color: #737b87; }
html body #mekanDetayView #detailCommentsSection .detail-review-item h5 { margin: 0; font-size: 16px; line-height: 1.4; }
html body #mekanDetayView #detailCommentsSection .detail-review-item .detail-review-body { margin: 0; font-size: 15px; line-height: 1.6; color: #41464e; overflow-wrap: anywhere; }
html body #mekanDetayView #detailCommentsSection .detail-review-body.is-collapsed { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body #mekanDetayView #detailCommentsSection .detail-review-read-more { justify-self: start; padding: 0; background: none; border: 0; color: #cf1d39; font-size: 14px; cursor: pointer; }
html body #mekanDetayView #detailCommentsSection .detail-review-photos { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; padding: 2px 0; }
html body #mekanDetayView #detailCommentsSection .detail-review-photo { flex: 0 0 180px; width: 180px; height: 120px; border-radius: 8px; }
html body #mekanDetayView #detailCommentsSection .detail-review-photo img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 640px) {
  html body #mekanDetayView #detailCommentsSection .detail-review-photo { flex-basis: 144px; width: 144px; height: 96px; }
}

html body #mekanDetayView #detailCommentsSection .detail-review-photo-content,
html body #mekanDetayView #detailCommentsSection .detail-review-copy { display: grid; gap: 10px; min-width: 0; }
@media (max-width: 640px) {
  html body #mekanDetayView #detailCommentsSection .detail-review-photo-content {
    grid-template-columns: minmax(0, 36%) minmax(0, 1fr); gap: 12px; align-items: start;
  }
  html body #mekanDetayView #detailCommentsSection .detail-review-photo-content .detail-review-photos {
    min-width: 0; padding: 0; scroll-snap-type: x mandatory;
  }
  html body #mekanDetayView #detailCommentsSection .detail-review-photo-content .detail-review-photo {
    flex: 0 0 100%; width: 100%; height: auto; aspect-ratio: 3 / 2; scroll-snap-align: start;
  }
  html body #mekanDetayView #detailCommentsSection .detail-review-copy { gap: 6px; }
}

@media (max-width: 640px) {
  html body #mekanDetayView #detailCommentsSection .detail-review-copy {
    gap: 3px; align-content: start;
  }
  html body #mekanDetayView #detailCommentsSection .detail-review-copy h5 {
    margin: 0; line-height: 1.2;
  }
  html body #mekanDetayView #detailCommentsSection .detail-review-copy .detail-review-body {
    margin: 0; line-height: 1.3;
  }
}

.detail-reader-inline-title { display: none; }
@media (max-width: 640px) {
  html body #mekanDetayView .detail-reader-comments-head.has-reader-comments { justify-content: flex-end; margin-bottom: 0; }
  html body #mekanDetayView .detail-reader-comments-head.has-reader-comments > h4 { display: none; }
  html body #mekanDetayView #detailCommentsSection .detail-reader-inline-title {
    display: block; margin: 0; padding: 0 68px 0 0;
    min-height: 32px; font-size: 18px; line-height: 32px;
  }
  html body #mekanDetayView #detailCommentsSection .detail-review-item:has(.detail-reader-inline-title) { padding-top: 10px; }
  html body #mekanDetayView #detailCommentsSection .detail-review-item:has(.detail-reader-inline-title) .detail-review-actions { position: absolute; top: 10px; right: 0; height: 32px; }
}

/* Full-screen mobile photo viewer above the site navigation. */
@media (max-width: 640px) {
  html body #galleryLightbox:not([hidden]) {
    position: fixed; inset: 0; width: 100%; height: 100dvh; max-width: none;
    box-sizing: border-box; z-index: 2147483000; background: #101114;
    padding: calc(64px + env(safe-area-inset-top)) 12px calc(72px + env(safe-area-inset-bottom));
  }
  html body #galleryLightboxStage {
    width: 100%; height: 100%; min-height: 0; max-width: none;
  }
  html body #galleryLightboxImage {
    width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain;
  }
  html body #galleryLightbox .gallery-lightbox-close {
    position: absolute; top: calc(12px + env(safe-area-inset-top)); right: 12px;
    width: 44px; height: 44px; color: #fff; background: #303238;
    border: 1px solid #62656d; border-radius: 50%; z-index: 2;
  }
  html body #galleryLightbox .gallery-lightbox-nav {
    position: absolute; top: auto; bottom: calc(16px + env(safe-area-inset-bottom));
    transform: none; width: 44px; height: 44px;
    color: #fff; background: #303238; border: 1px solid #62656d;
  }
  html body #galleryLightbox .gallery-lightbox-nav.prev { left: calc(50% - 56px); }
  html body #galleryLightbox .gallery-lightbox-nav.next { right: calc(50% - 56px); }
  html body #galleryLightbox .gallery-lightbox-nav svg { fill: none; stroke: currentColor; stroke-width: 2; }
  html body #galleryLightbox .gallery-lightbox-progress-track { display: none; }
  body.gallery-open { overflow: hidden; }
}

/* GUIDE listing cards use the same rating stars as place details. */
html body .guide-card-rating-dot {
  width: 14px; height: 14px; border: 0; border-radius: 0;
  background: #d9dee6;
  clip-path: none;
  border-radius: 50%;
}
html body .guide-card-rating-dot.is-full { background: #cf1d39; }
html body .guide-card-rating-dot.is-half { background: linear-gradient(90deg, #cf1d39 50%, #d9dee6 50%); }
html body .guide-card-rating-dot.is-empty { background: #d9dee6; }

#guideEditorChoice { margin-top: 32px; padding-top: 24px; border-top: 1px solid #e1e5ec; }
#guideEditorChoice h2 { margin: 0 0 18px; font-size: 26px; }
#guideEditorChoiceTrack { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; }
#guideEditorChoiceTrack .recommend-card { flex: 0 0 260px; width: 260px; scroll-snap-align: start; text-align: left; }
#guideEditorChoiceTrack .recommend-card img { width: 100%; height: 195px; object-fit: cover; }
@media(max-width:640px) { #guideEditorChoice h2 { font-size: 22px; } }

@media (max-width: 640px) {
  html body #mekanDetayView .detail-main { margin-top: 12px; padding-top: 0; }
  html body #mekanDetayView .detail-main-content .detail-address { margin-top: 0; }
}

html body #mekanDetayView #detailHeaderComments { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
html body #mekanDetayView #detailHeaderComments svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

html body #mekanDetayView #detailHeaderComments svg { color: #cf1d39; }

/* Keep place information close to the gallery on every screen size. */
html body #mekanDetayView .detail-main { margin-top: 12px; padding-top: 0; }
html body #mekanDetayView .detail-main-content .detail-address { margin-top: 0; }

/* More compact place and location headings. */
html body #mekanDetayView .detail-page-title { font-size: clamp(22px, 2vw, 28px); line-height: 1.2; }
html body #mekanDetayView .detail-location h3 { font-size: 24px; line-height: 1.25; }
@media (max-width: 640px) {
  html body #mekanDetayView .detail-page-title { font-size: 22px; }
  html body #mekanDetayView .detail-location h3 { font-size: 20px; }
}

html body #mekanDetayView .detail-main { padding-bottom: 0; }
html body #mekanDetayView #detailLocationSection { margin-top: 12px; padding-top: 0; }

/* Visible close control attached to the enlarged photo. */
html body #galleryLightbox:not([hidden]) { z-index: 2147483000; }
html body #galleryLightbox #galleryLightboxClose {
  position: absolute; top: 8px; right: 8px; z-index: 3;
  display: grid; place-items: center; width: 44px; height: 44px;
  padding: 0; border: 1px solid rgba(255,255,255,.8); border-radius: 50%;
  background: rgba(16,17,20,.85); color: #fff; font-size: 24px; line-height: 1;
  cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.25);
}

/* Mobile viewer keeps the page visible around an image-sized dark panel. */
@media (max-width: 640px) {
  html body #galleryLightbox:not([hidden]) {
    background: transparent; padding: 16px; align-content: center;
  }
  html body #galleryLightbox #galleryLightboxStage {
    width: fit-content; max-width: 100%; height: auto; max-height: 75dvh;
    background: #101114; overflow: hidden; border-radius: 10px;
    box-shadow: 0 8px 36px rgba(0,0,0,.3);
  }
  html body #galleryLightbox #galleryLightboxImage {
    width: auto; height: auto; max-width: calc(100vw - 32px); max-height: 75dvh;
    object-fit: contain; grid-area: 1 / 1;
  }
  html body #galleryLightbox .gallery-lightbox-nav {
    top: 50%; bottom: auto; transform: translateY(-50%); z-index: 2;
    width: 40px; height: 40px; background: rgba(16,17,20,.7);
  }
  html body #galleryLightbox .gallery-lightbox-nav.prev { left: 8px; right: auto; }
  html body #galleryLightbox .gallery-lightbox-nav.next { right: 8px; left: auto; }
  html body #galleryLightbox #galleryLightboxClose { width: 36px; height: 36px; font-size: 21px; }
}

@media (max-width: 640px) {
  html body #mekanDetayView #detailGalleryFlowToggle { display: none !important; }
}

/* Keep the venue name and favorite action together on all screens. */
html body #mekanDetayView .detail-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
html body #mekanDetayView .detail-title-row #detailName {
  min-width: 0;
  overflow-wrap: anywhere;
}
html body #mekanDetayView .detail-title-row #detailSaveWidgetBtn {
  flex-shrink: 0;
  min-height: 44px;
  padding: 0 4px 0 8px;
  font-size: 14px;
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
}
@media (max-width: 640px) {
  html body #mekanDetayView .detail-title-row #detailSaveWidgetBtn {
    font-size: 13px;
  }
}

html body #mekanDetayView #detailSaveWidgetBtn svg {
  width: calc(18px + 2pt);
  height: calc(18px + 2pt);
}
@media (max-width: 640px) {
  html body #mekanDetayView #detailSaveWidgetBtn svg {
    width: calc(14px + 2pt);
    height: calc(14px + 2pt);
  }
}

/* Compact spacing between the map and venue reactions. */
html body #mekanDetayView #detailLocationSection {
  margin-bottom: 0;
  padding-bottom: 0;
}
html body #mekanDetayView #detailMap { display: block; }
html body #mekanDetayView #detailReactionsSection.news-detail-reactions {
  margin-top: 16px;
  padding-top: 0;
}

/* Center the review action immediately below the rating summary. */
html body #mekanDetayView .detail-reader-comments-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  padding-top: 12px;
}
html body #mekanDetayView .detail-reader-comments-head .detail-comment-add-btn {
  grid-row: 1;
  justify-self: center;
}
html body #mekanDetayView .detail-reader-comments-head > h4 {
  grid-row: 2;
  justify-self: start;
}
html body #mekanDetayView .detail-reader-comments-head.has-reader-comments {
  justify-content: stretch;
}

/* Place each review's like action immediately after the member name. */
html body #mekanDetayView #detailCommentsSection .detail-review-identity {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
}
html body #mekanDetayView #detailCommentsSection .detail-review-identity > .comment-avatar {
  grid-row: 1 / 3;
  width: 42px; height: 42px;
}
html body #mekanDetayView #detailCommentsSection .detail-review-name-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
html body #mekanDetayView #detailCommentsSection .detail-review-name-row .detail-review-author {
  max-width: none; min-width: 0; padding: 0;
}
html body #mekanDetayView #detailCommentsSection .detail-review-item .detail-review-name-row .detail-review-actions {
  position: static;
  height: 32px;
  flex-shrink: 0;
}
html body #mekanDetayView #detailCommentsSection .detail-review-identity > small {
  grid-column: 2; font-size: 12px; color: #737b87;
}
html body #mekanDetayView #detailCommentsSection .detail-reader-inline-title {
  padding-right: 0;
}

@media (min-width: 641px) {
/* Stack venue evaluations across the same content width as the map. */
html body #mekanDetayView #detailCommentsSection.news-comments-section.detail-comments,
html body #mekanDetayView #detailReactionsSection.news-detail-reactions {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
html body #mekanDetayView #detailCommentsList {
  grid-template-columns: minmax(0, 1fr);
}
html body #mekanDetayView #detailCommentsSection .detail-rating-breakdown {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 20px;
}
html body #mekanDetayView #detailCommentsSection .detail-rating-breakdown-score,
html body #mekanDetayView #detailCommentsSection .detail-rating-breakdown-bars,
html body #mekanDetayView #detailCommentsSection .detail-review-summary {
  width: 100%;
  box-sizing: border-box;
  grid-column: 1;
}

html body #mekanDetayView #detailCommentsSection .detail-rating-breakdown-bars {
  grid-column: 2;
}

/* Three evaluation panels share one row across the map width. */
html body #mekanDetayView #detailCommentsSection #detailCommentsList {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 20px;
}
html body #mekanDetayView #detailCommentsSection .detail-rating-breakdown {
  display: contents;
}
html body #mekanDetayView #detailCommentsSection .detail-rating-breakdown-score {
  grid-column: 1; grid-row: 1; align-self: stretch;
}
html body #mekanDetayView #detailCommentsSection .detail-rating-breakdown-bars {
  grid-column: 2; grid-row: 1; align-self: center;
}
html body #mekanDetayView #detailCommentsSection #detailCommentsList .detail-review-summary {
  grid-column: 3; grid-row: 1; margin-top: 0; align-self: stretch;
}
html body #mekanDetayView #detailCommentsSection .detail-reader-comments-head {
  grid-column: 1 / -1; grid-row: 2;
}
html body #mekanDetayView #detailCommentsSection #detailCommentsList .detail-review-list {
  grid-column: 1 / -1; grid-row: 3;
}
html body #mekanDetayView #detailCommentsSection #detailCommentsList {
  display: grid !important;
}
}

/* Member account: refined surfaces, clear hierarchy and preserved form controls. */
html body #infoPageView:has(.member-profile-shell) { background: #f5f4f1; }
html body .member-profile-shell { gap: 22px; padding: 8px 0 40px; }
html body .member-profile-shell * { box-sizing: border-box; }
html body .member-profile-shell .member-profile-head {
  grid-template-columns: 100px minmax(0,1fr) auto;
  gap: 24px; padding: 32px; border: 1px solid #303942; border-radius: 22px;
  background: linear-gradient(115deg,#202a31,#333d43);
  box-shadow: 0 12px 32px #202a3112;
}
html body .member-profile-shell .member-profile-avatar-wrap {
  width: 100px; height: 100px; border: 4px solid #ffffff40; box-shadow: 0 0 0 1px #ffffff25;
}
html body .member-profile-shell .member-profile-eyebrow { display: block; color: #d6b897; font-size: 10px; font-weight: 700; letter-spacing: .16em; margin-bottom: 10px; }
html body .member-profile-shell .member-profile-name { color: #fff; font-size: 28px; line-height: 1.2; letter-spacing: -.025em; }
html body .member-profile-shell .member-profile-head .member-profile-meta { color: #d1d6d8; font-size: 13px; line-height: 1.6; margin: 8px 0 0; overflow-wrap: anywhere; }
html body .member-profile-shell .member-profile-head .member-session-actions { margin: 0; align-self: start; }
html body .member-profile-shell .member-logout-btn { background: #ffffff0b; border: 1px solid #ffffff45; color: #fff; border-radius: 10px; font-size: 12px; }
html body .member-profile-shell .member-logout-btn:hover { background: #ffffff20; }
html body .member-profile-shell .member-profile-stat-grid { gap: 12px; }
html body .member-profile-shell .member-profile-stat-card { padding: 20px; border-radius: 16px; border: 1px solid #e7e5e0; box-shadow: 0 4px 14px #202a3104; position: relative; }
html body .member-profile-shell .member-profile-stat-card::before { content: ''; display: block; width: 22px; height: 3px; border-radius: 3px; background: #ce1637; margin-bottom: 16px; }
html body .member-profile-shell .member-profile-stat-value { color: #242d35; font-size: 28px; line-height: 1.1; letter-spacing: -.03em; margin: 0; }
html body .member-profile-shell .member-profile-stat-label { color: #7a7e83; font-size: 12px; line-height: 1.4; margin: 8px 0 0; }
html body .member-profile-shell .member-profile-grid { gap: 22px; align-items: start; }
html body .member-profile-shell .member-profile-card { padding: 26px; border-radius: 18px; border: 1px solid #e7e5e0; box-shadow: 0 4px 20px #202a3104; min-width: 0; }
html body .member-profile-shell .member-profile-card h3 { color: #242d35; font-size: 18px; line-height: 1.3; letter-spacing: -.02em; margin: 0 0 18px; }
html body .member-profile-shell .member-profile-card .member-profile-card-intro { margin: -8px 0 24px; color: #82858a; font-size: 12px; line-height: 1.6; }
html body .member-profile-shell .member-profile-form { gap: 16px; }
html body .member-profile-shell .member-profile-readonly-grid { gap: 14px; }
html body .member-profile-shell .member-profile-form label { color: #555e67; font-size: 12px; gap: 8px; }
html body .member-profile-shell .member-profile-form :is(input:not([type=file]),textarea) { min-width: 0; width: 100%; border: 1px solid #e4e5e7; border-radius: 10px; padding: 12px; font-size: 13px; line-height: 1.5; color: #333c45; box-shadow: none; }
html body .member-profile-shell .member-profile-form input[readonly] { background: #f7f7f5; color: #727982; }
html body .member-profile-shell .member-profile-form textarea { min-height: 112px; background: #fff; resize: vertical; }
html body .member-profile-shell :is(button,input,textarea,a):focus-visible { outline: 2px solid #ce1637; outline-offset: 3px; }
html body .member-profile-shell .member-profile-upload { border: 1px dashed #d6d3cb; padding: 16px; background: #faf9f6; border-radius: 12px; }
html body .member-profile-shell input[type=file] { width: 100%; font: inherit; color: #85878a; }
html body .member-profile-shell input[type=file]::file-selector-button { border: 1px solid #ddd9d1; border-radius: 7px; padding: 9px 12px; margin-right: 10px; background: #fff; color: #333c45; cursor: pointer; }
html body .member-profile-shell .member-profile-form > button { min-height: 46px; border: 0; border-radius: 10px; background: #ca1938; font-size: 13px; box-shadow: 0 4px 12px #ca19381a; }
html body .member-profile-shell .member-profile-form > button:hover { background: #ad1230; }
html body .member-profile-shell .member-profile-form .member-profile-meta { font-size: 11px; margin: 0; color: #90949a; }
html body .member-profile-shell .member-profile-status:empty { display: none; }
html body .member-profile-shell .member-profile-list { gap: 12px; }
html body .member-profile-shell .member-profile-list-item { background: #fafaf8; border: 1px solid #eeece7; border-radius: 12px; padding: 16px; min-width: 0; }
html body .member-profile-shell .member-profile-list-item h4 { font-size: 14px; line-height: 1.4; color: #303942; margin: 0; }
html body .member-profile-shell .member-profile-list-item p { font-size: 12px; line-height: 1.5; color: #82878c; margin: 6px 0 0; overflow-wrap: anywhere; }
html body .member-profile-shell .member-profile-favorite { display: grid; grid-template-columns: 84px minmax(0,1fr); gap: 14px; align-items: center; background: #fff; }
html body .member-profile-shell .member-profile-place-image { display: block; width: 84px; height: 92px; border-radius: 8px; object-fit: cover; }
html body .member-profile-shell .member-profile-place-btn { background: transparent; color: #bd1734; border: 0; padding: 4px 0; font-size: 12px; min-height: 32px; }
html body .member-profile-shell .member-profile-place-btn::after { content: ' →'; margin-left: 4px; }
html body .member-profile-shell .member-profile-empty { padding: 20px; border: 1px dashed #e0ddd7; border-radius: 12px; color: #8a8e93; font-size: 13px; line-height: 1.6; }
html body .member-profile-shell .member-profile-password { margin-top: 24px; padding-top: 24px; border-color: #eeece7; }
@media (max-width: 760px) {
  html body .member-profile-shell .member-profile-grid { grid-template-columns: minmax(0,1fr); }
  html body .member-profile-shell .member-profile-stat-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  html body .member-profile-shell { gap: 16px; }
  html body .member-profile-shell .member-profile-head { grid-template-columns: 64px minmax(0,1fr); padding: 22px 18px; gap: 16px; border-radius: 16px; }
  html body .member-profile-shell .member-profile-avatar-wrap { width: 64px; height: 64px; }
  html body .member-profile-shell .member-profile-name { font-size: 22px; }
  html body .member-profile-shell .member-profile-eyebrow { font-size: 8px; letter-spacing: .1em; }
  html body .member-profile-shell .member-profile-head .member-session-actions { grid-column: 2; grid-row: 2; width: auto; justify-self: start; }
  html body .member-profile-shell .member-profile-card { padding: 20px 16px; }
  html body .member-profile-shell .member-profile-stat-grid { gap: 8px; }
  html body .member-profile-shell .member-profile-stat-card { padding: 14px 10px; border-radius: 12px; }
  html body .member-profile-shell .member-profile-stat-value { font-size: 23px; }
  html body .member-profile-shell .member-profile-stat-label { font-size: 10px; }
  html body .member-profile-shell .member-profile-readonly-grid { grid-template-columns: minmax(0,1fr); }
  html body .member-profile-shell .member-profile-favorite { grid-template-columns: 68px minmax(0,1fr); gap: 12px; padding: 12px; }
  html body .member-profile-shell .member-profile-place-image { width: 68px; height: 82px; }
}
html body .member-profile-shell .member-profile-security { border-top: 1px solid #eeece7; margin-top: 24px; padding-top: 18px; }
html body .member-profile-shell .member-profile-security > summary { cursor: pointer; color: #505a63; font-size: 13px; font-weight: 600; padding: 8px 0; }
html body .member-profile-shell .member-profile-security .member-profile-password { border: 0; margin-top: 12px; padding-top: 0; }

html body .member-profile-shell .member-profile-info > summary,
html body .member-profile-shell .member-profile-security > summary {
  cursor: pointer;
  color: #242d35;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  padding: 8px 0;
}
html body .member-profile-shell .member-profile-info > .member-profile-card-intro {
  margin: 12px 0 24px;
}

html body .member-profile-shell .member-profile-history { grid-template-columns: minmax(0, 1fr); }

html body .member-profile-shell .member-profile-columns {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 22px; align-items: start;
}
html body .member-profile-shell .member-profile-column {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; min-width: 0;
}
@media (max-width: 760px) {
  html body .member-profile-shell .member-profile-columns { grid-template-columns: minmax(0,1fr); }
}

html body .member-profile-shell .member-profile-head { padding-bottom: 16px; }
@media (max-width: 640px) {
  html body .member-profile-shell .member-profile-head { padding-bottom: 12px; }
}

/* Large membership numbers precede each option's text. */
html body .member-registration-options button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 5px;
  align-content: center;
}
html body .member-registration-options .member-option-number {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.04em;
}
html body .member-registration-options button > strong,
html body .member-registration-options button > span:last-child {
  grid-column: 2;
}

/* Keep the mobile news sharing dropdown within the full sharing row. */
@media (max-width: 900px) {
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail {
    position: relative;
    min-width: 0;
    max-width: 100%;
  }

  html body #newsDetailView .news-detail-share-rail .news-share-more-wrap {
    position: static;
  }

  html body #newsDetailView .news-detail-share-rail .news-share-more-panel {
    left: auto;
    right: 0;
    width: 270px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }

  html body #newsDetailView .news-share-more-panel .news-share-menu-item {
    min-width: 0;
    min-height: 44px;
    overflow-wrap: anywhere;
  }
}

/* Refined sharing controls, exclusively within the news detail toolbar. */
html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail {
  gap: 8px;
}
html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail::before {
  margin-right: 4px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2px;
}
html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid #e9ebef;
  border-radius: 13px;
  background: #f6f7f9;
  color: #343b48;
  box-shadow: 0 2px 4px #17223504;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.instagram {
  background: #fff1f5;
  border-color: #f7dce6;
  color: #c63170;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.whatsapp {
  background: #ecf9f1;
  border-color: #d7eee1;
  color: #16854a;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.facebook {
  background: #eef4ff;
  border-color: #dde7f9;
  color: #3266b0;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.x {
  background: #f2f3f5;
  border-color: #e2e4e8;
  color: #24262b;
}
html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-icon,
html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail > .news-share-btn .news-share-menu-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  stroke: none;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn .instagram-glyph {
  width: 19px;
  height: 19px;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.more[aria-expanded="true"] {
  background: #313846;
  border-color: #313846;
  color: #fff;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn:focus-visible,
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item:focus-visible {
  outline: 2px solid #9e2947;
  outline-offset: 3px;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-more-panel {
  width: 244px;
  max-width: min(244px, 100%);
  padding: 10px;
  border: 1px solid #e8eaf0;
  border-radius: 18px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 16px 45px #202a411c, 0 3px 8px #202a4108;
}
/* On desktop the trigger is the containing block, so use viewport sizing. */
@media (min-width: 901px) {
  html body #newsDetailView .news-detail-below-hero-tools .news-share-more-panel {
    max-width: min(244px, calc(100vw - 48px));
  }
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-more-panel::before {
  content: 'Haberi paylaş';
  padding: 8px 10px 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid #f0f1f4;
  color: #8b919e;
  font: 600 11px/1.4 Arial, sans-serif;
  letter-spacing: .5px;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item {
  min-height: 44px;
  padding: 10px;
  gap: 12px;
  grid-template-columns: 24px minmax(0, 1fr);
  border-radius: 10px;
  color: #3b4352;
  font: 500 14px/1.4 Arial, sans-serif;
  transition: background .15s ease, color .15s ease;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-icon {
  width: 20px;
  height: 20px;
  justify-self: center;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item.linkedin .news-share-menu-icon { color: #3174ad; }
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item.mail .news-share-menu-icon { color: #818a9e; }
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item.copy {
  margin-top: 5px;
  background: #f6f7f9;
  color: #525c6f;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item:hover,
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item:focus-visible {
  background: #f1f3f7;
  color: #1e2635;
}
@media (hover: hover) {
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 12px #202a4112;
  }
}
@media (max-width: 480px) {
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail { gap: 6px; }
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body #newsDetailView .news-detail-below-hero-tools .news-share-btn,
  html body #newsDetailView .news-detail-below-hero-tools .news-share-more-panel,
  html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item {
    animation: none;
    transition: none;
  }
}
html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn.whatsapp {
  background: #ecf9f1;
  border-color: #d7eee1;
  color: #16854a;
}
html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn.x {
  background: #f2f3f5;
  border-color: #e2e4e8;
  color: #24262b;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-icon:not(.copy-link-icon) {
  fill: currentColor;
}
/* Give the news share trigger a clear, high-contrast symbol. */
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.more .share-network-icon {
  width: 21px;
  height: 21px;
  color: #424b5c;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.more .share-network-icon path {
  stroke: currentColor;
  stroke-width: 2.2;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.more .share-network-icon circle {
  fill: currentColor;
}
html body #newsDetailView .news-detail-below-hero-tools .news-share-btn.more[aria-expanded="true"] .share-network-icon {
  color: #fff;
}

/* Tactile feedback for the news sharing controls on touchscreens. */
@media (hover: none) and (pointer: coarse) {
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  }
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn:active {
    transform: translateY(-3px) scale(1.07);
    box-shadow: 0 7px 14px #26334d24;
    filter: saturate(1.25) brightness(.97);
  }
  html body #newsDetailView .news-detail-below-hero-tools .news-share-menu-item:active {
    background: #e9edf4;
    color: #1e2635;
  }
}
@media (hover: none) and (pointer: coarse) and (prefers-reduced-motion: reduce) {
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn {
    transition: none;
  }
  html body #newsDetailView .news-detail-below-hero-tools .news-detail-share-rail .news-share-btn:active {
    transform: none;
  }
}

@media (min-width: 701px) {
  .home-ad-card-custom[data-placement="Sağ Blok"] { grid-column: 2; }
  .home-ad-card-custom[data-placement="Sol Blok"] { grid-column: 1; }
}
.home-ad-card-custom { width: min(100%, 320px); justify-self: center; }
.home-ad-custom-image { aspect-ratio: 1 / 2; }

/* Site genel izin tercihleri */
html.site-permission-hide-shares :is(
  .news-detail-share-rail,
  .author-article-share-bar,
  .video-detail-share,
  .share-option-row,
  .firm-share-btn,
  .e-dergi-reader-share-open,
  .site-bottom-social-btn
) {
  display: none !important;
}

html.site-permission-hide-news-read-counts .news-detail-view-count,
html.site-permission-hide-video-read-counts .video-detail-view-count,
html.site-permission-hide-author-read-counts :is(.author-stat-value, .author-page-post-hit),
html.site-permission-hide-news-dates :is(.news-detail-date-text, .home-writer-date, .author-page-post-date),
html.site-permission-hide-media-dates :is(.video-detail-date-text, .video-gallery-writer-date),
html.site-permission-hide-source-editor :is(.news-detail-google-source-btn, .news-editor-ribbon) {
  display: none !important;
}

html.site-permission-hide-cookie #kvkkConsentBar,
html.site-permission-hide-comments :is(
  #newsCommentForm,
  #videoCommentForm,
  #detailCommentAddBtn,
  .detail-comment-add-btn,
  #detailReviewComposer
) {
  display: none !important;
}

html.site-permission-no-sticky-menu :is(.red-header, .news-strip) {
  position: relative !important;
  top: auto !important;
}

.site-permission-back-to-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 980;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #cf1d39;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(111, 18, 36, .25);
}

.site-permission-back-to-top:hover,
.site-permission-back-to-top:focus-visible {
  background: #a9152e;
  transform: translateY(-2px);
}

.site-permission-back-to-top[hidden] { display: none !important; }

/* Okur haber gönderim formu */
#infoPageContent .news-submit-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:32px; margin:20px 0; }
#infoPageContent .news-submit-aside { padding:28px; border-radius:14px; background:#fff3f4; align-self:start; border-top:3px solid #d82138; }
#infoPageContent .news-submit-kicker { font-size:11px; letter-spacing:1.5px; font-weight:700; color:#d82138; }
#infoPageContent .news-submit-aside h2 { font-size:28px; line-height:1.2; margin:18px 0; }
#infoPageContent .news-submit-aside p, #infoPageContent .news-submit-note { font-size:13px; line-height:1.6; color:#6c6266; }
#infoPageContent .news-submit-note { margin-top:24px; padding-top:18px; border-top:1px solid #ecd9dd; }
#infoPageContent .news-submit-form { min-width:0; padding:24px; border:1px solid #e4e7ec; border-radius:14px; background:#fff; }
#infoPageContent .news-submit-intro h2 { margin:0 0 6px; font-size:23px; }
#infoPageContent .news-submit-intro p { margin:0 0 20px; color:#7b808b; font-size:13px; }
#infoPageContent .news-submit-form fieldset { border:0; padding:0; margin:0 0 22px; min-width:0; }
#infoPageContent .news-submit-form legend { width:100%; border-bottom:1px solid #edf0f4; padding:0 0 10px; margin-bottom:10px; font-size:14px; font-weight:700; }
#infoPageContent .news-submit-form legend span { color:#d82138; margin-right:8px; font-size:11px; }
#infoPageContent .news-submit-form label { display:grid; gap:4px; padding:4px 0; font-size:13px; font-weight:600; min-width:0; }
#infoPageContent .news-submit-form :is(input,textarea,select) { width:100%; box-sizing:border-box; border:1px solid #dce1e8; border-radius:7px; padding:10px 12px; font:inherit; font-weight:400; background:#fff; color:#293345; }
#infoPageContent .news-submit-form input:not([type=file]) { min-height:40px; }
#infoPageContent .news-submit-form textarea { resize:vertical; line-height:1.5; }
#infoPageContent .news-submit-form :is(input,textarea,select,button):focus-visible { outline:2px solid #d82138; outline-offset:2px; }
#infoPageContent .news-submit-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start; }
#infoPageContent .news-submit-form small { font-size:11px; font-weight:400; color:#7b808b; }
#infoPageContent .news-submit-upload input { padding:8px; font-size:12px; }
#infoPageContent .news-submit-upload input::file-selector-button { border:0; background:#f0f2f5; padding:7px 9px; margin-right:8px; border-radius:5px; cursor:pointer; }
#infoPageContent [data-news-image-preview] { width:100%; max-height:180px; object-fit:contain; border-radius:8px; }
#infoPageContent .news-submit-privacy { font-size:12px; line-height:1.5; color:#7b808b; margin:8px 0 0; }
#infoPageContent .news-submit-privacy a { color:#bd1f36; }
#infoPageContent .news-submit-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(100%); }
#infoPageContent .news-submit-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; border-top:1px solid #edf0f4; padding-top:16px; }
#infoPageContent .news-submit-footer > span { font-size:11px; color:#7b808b; }
#infoPageContent .news-submit-footer button { border:0; padding:12px 20px; border-radius:7px; background:#d82138; color:white; font-weight:700; cursor:pointer; white-space:nowrap; }
#infoPageContent .news-submit-footer button:disabled { opacity:.55; cursor:wait; }
#infoPageContent [data-news-submit-status] { font-size:13px; margin:12px 0 0; }
#infoPageContent [data-news-submit-status].is-success { color:#217541; }
#infoPageContent [data-news-submit-status].is-error { color:#ba2034; }
@media(max-width:800px) { #infoPageContent .news-submit-layout { grid-template-columns:1fr; gap:16px; } #infoPageContent .news-submit-aside { padding:18px; } #infoPageContent .news-submit-aside h2 { font-size:22px; margin:10px 0; } #infoPageContent .news-submit-note { margin-top:12px; padding-top:12px; } }
@media(max-width:520px) { #infoPageContent .news-submit-grid { grid-template-columns:1fr; gap:4px; } #infoPageContent .news-submit-form { padding:16px; } #infoPageContent .news-submit-footer { align-items:stretch; flex-direction:column; gap:8px; } }

#infoPageContent .news-submit-gallery { margin-top:8px; }
#infoPageContent [data-news-gallery-status] { font-size:12px; color:#697386; margin:4px 0; }
#infoPageContent .news-submit-gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:6px; }
#infoPageContent .news-submit-gallery-grid > div { position:relative; }
#infoPageContent .news-submit-gallery-grid img { width:100%; height:90px; object-fit:cover; border-radius:6px; display:block; }
#infoPageContent .news-submit-gallery-grid button { position:absolute; top:3px; right:3px; width:28px; height:28px; padding:0; background:#fff; color:#b92137; border:1px solid #e1e5eb; border-radius:50%; font-size:21px; cursor:pointer; }

/* Shared sign-in and registration card. */
#infoPageContent .member-auth-shell {
  max-width:380px; padding:22px; gap:16px; margin:20px auto 32px;
  border:1px solid #e8e9ee; border-radius:20px; background:#fff;
  box-shadow:0 12px 40px rgba(32,39,52,.06);
}
#infoPageContent .member-auth-shell.is-registering { max-width:380px; }
#infoPageContent .member-auth-logo-wrap { order:0; margin:0; }
#infoPageContent .member-auth-logo-wrap img { width:220px; }
#infoPageContent .member-auth-mode { order:1; display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border:0; border-radius:12px; background:#f3f4f7; }
#infoPageContent .member-auth-mode-btn { min-height:42px; padding:10px 16px; border:0; border-radius:9px; background:transparent; color:#697080; font-size:15px; font-weight:700; cursor:pointer; }
#infoPageContent .member-auth-mode-btn.is-active { background:#fff; color:#cf1537; box-shadow:0 2px 6px #17223512; }
#infoPageContent .member-auth-mode-btn::after { display:none; }
#infoPageContent .member-auth-mode[hidden] { display:none; }
#infoPageContent .member-registration-options { order:2; gap:8px; }
#infoPageContent .member-registration-options button { padding:12px; border-radius:12px; }
#infoPageContent .member-registration-options .member-option-number { font-size:22px; }
#infoPageContent .member-auth-stack { order:3; }
#infoPageContent .member-auth-card { padding:0; border:0; border-radius:0; box-shadow:none; }
#infoPageContent .member-auth-terms { order:4; margin:0; padding-top:14px; border-top:1px solid #eceef2; font-size:11px; line-height:1.7; color:#818795; }
#infoPageContent .member-form { gap:12px; }
#infoPageContent .member-form-field { gap:6px; }
#infoPageContent .member-form-field > span { font-size:13px; font-weight:600; color:#424b5c; }
#infoPageContent .member-form input:not([type=checkbox]),
#infoPageContent .member-form select { box-sizing:border-box; min-height:44px; border:1px solid #dfe3ea; border-radius:9px; padding:10px 12px; background:#fafbfc; font-size:14px; color:#263044; }
#infoPageContent .member-form input::placeholder { color:#9298a3; }
#infoPageContent .member-form input:focus,
#infoPageContent .member-form select:focus { background:#fff; border-color:#d82138; outline:2px solid #d821381a; outline-offset:1px; }
#infoPageContent .member-form .member-primary-btn { min-height:44px; border:0; border-radius:9px; background:#cf1537; color:#fff; font-size:15px; font-weight:700; }
#infoPageContent .member-form .member-primary-btn:hover { background:#b91130; }
#infoPageContent .member-form-meta-row { gap:8px; flex-wrap:wrap; }
#infoPageContent .member-remember-wrap { gap:7px; font-size:13px; }
#infoPageContent .member-remember-wrap input { width:16px; height:16px; min-height:0; accent-color:#cf1537; }
#infoPageContent .member-form .member-link-btn { padding:0; min-height:32px; border:0; background:transparent; color:#cf1537; font-size:13px; }
#infoPageContent .member-auth-switch-row { margin:16px 0 0; font-size:13px; color:#818795; }
#infoPageContent .member-auth-switch-btn { font-size:13px; }
#infoPageContent .member-registration-heading h3 { font-size:23px; margin:6px 0; }
#infoPageContent .member-registration-heading p { font-size:13px; line-height:1.5; }
#infoPageContent .member-auth-shell button:focus-visible { outline:2px solid #cf1537; outline-offset:3px; }
@media(max-width:600px) {
  #infoPageContent .member-auth-shell { width:100%; padding:18px; border-radius:15px; gap:14px; }
  #infoPageContent .member-form input:not([type=checkbox]), #infoPageContent .member-form select { font-size:16px; }
  #infoPageContent .member-registration-options { grid-template-columns:1fr; }
  #infoPageContent .member-registration-options button { padding:10px 12px; }
}

#infoPageContent .subscription-form-layout { max-width:860px; margin:20px auto 32px; align-items:start; }
#infoPageContent .subscription-form-layout .member-auth-shell { width:100%; max-width:520px; margin:0; }
@media(max-width:800px) {
  #infoPageContent .subscription-form-layout { max-width:520px; }
}

.nav-login-dropdown.is-guest .nav-login-dropdown-menu,
.nav-login-dropdown.is-guest .nav-caret { display:none !important; }

/* Compact, evenly aligned desktop header controls. */
@media (min-width:1101px) {
  html body .red-header .header-row,
  html body .red-header .header-row.no-header-media {
    grid-template-columns:clamp(150px,15vw,236px) minmax(0,1fr) 36px 36px 36px 48px!important;
    column-gap:4px!important;
  }
  html body .red-header .main-nav { padding-right:0!important; margin-top:0!important; }
  html body .red-header .main-nav > .nav-login-dropdown { margin:0!important; padding:0!important; flex:0 0 36px; }
  html body .red-header .main-nav > .nav-login-dropdown > .nav-link-btn {
    width:36px!important; min-width:36px!important; height:38px!important; min-height:38px!important; padding:0!important;
  }
  html body .red-header .header-site-search:not(:focus-within),
  html body .red-header .header-search-btn,
  html body .red-header .header-notifications-btn,
  html body .red-header .header-menu-btn { width:36px!important; min-width:36px!important; margin:0!important; }
  html body .red-header .language-switcher { width:48px!important; margin:0!important; }
  html body .red-header .language-switcher-trigger { padding-inline:2px!important; }
}

/* Only individual Mekan Guide pages: widen the viewport without resizing photos. */
html body #mekanDetayView #detailGallery.detail-gallery-wide-flow {
  width: var(--detail-flow-viewport-width) !important;
  max-width: none !important;
  margin-left: calc(50% - var(--detail-flow-viewport-width) / 2) !important;
  margin-right: calc(50% - var(--detail-flow-viewport-width) / 2) !important;
}
html body #mekanDetayView #detailGallery.detail-gallery-wide-flow #detailGalleryThumbs {
  width: 100% !important;
  max-width: none !important;
  grid-auto-columns: var(--detail-flow-card-width) !important;
}
html body #mekanDetayView #detailGallery.detail-gallery-wide-flow .detail-thumb {
  height: var(--detail-flow-card-height) !important;
  aspect-ratio: auto;
}
html body #mekanDetayView:has(.detail-gallery-wide-flow),
html body #mekanDetayView .detail-shell:has(.detail-gallery-wide-flow) {
  overflow: visible;
}

/* Yorum ve favori işlemlerindeki üyelik penceresi. */
html body #siteMemberSignupCard .site-member-signup-backdrop {
  background: rgba(16, 24, 40, .58);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
html body #siteMemberSignupCard .site-member-signup-card {
  box-sizing: border-box;
  width: min(420px, 100%);
  max-height: calc(100dvh - 32px);
  padding: 32px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 22px;
  background: linear-gradient(155deg, #fff5f7 0, #fff 165px);
  box-shadow: 0 28px 90px rgba(10, 18, 30, .28), 0 4px 16px rgba(10,18,30,.08);
  overflow-y: auto;
}
html body #siteMemberSignupCard .site-member-signup-logo-slot {
  width: 116px; min-width: 116px; max-width: 116px; height: 44px;
  margin: 0 0 24px;
}
html body #siteMemberSignupCard .site-member-signup-logo-slot img {
  width: 116px; max-width: 116px; max-height: 44px;
}
html body #siteMemberSignupCard .site-member-signup-close {
  top: 16px; right: 16px; width: 34px; height: 34px;
  background: #fff; border: 1px solid #e9e5e8; color: #667085;
  font-size: 14px; font-weight: 500;
}
html body #siteMemberSignupCard #siteMemberSignupTitle {
  text-align: left; color: #192230; font-size: 28px; font-weight: 750;
  line-height: 1.2; letter-spacing: -.7px; margin: 0;
}
html body #siteMemberSignupCard #siteMemberSignupDescription {
  margin: 12px 0 0; text-align: left; color: #667085;
  font-size: 14px; font-weight: 400; line-height: 1.65;
}
html body #siteMemberSignupCard .site-member-signup-actions {
  width: 100%; margin: 26px 0 0; gap: 10px;
}
html body #siteMemberSignupCard .site-member-signup-btn {
  box-sizing: border-box; min-height: 50px; padding: 12px 16px;
  border: 1px solid #dfe3e9; border-radius: 12px; background: #fff;
  color: #273244; font-size: 14px; font-weight: 650; gap: 12px;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
html body #siteMemberSignupCard .site-member-signup-btn:hover {
  background: #f8fafc; border-color: #bac3d1; box-shadow: 0 3px 10px #18223008;
}
html body #siteMemberSignupCard #siteMemberSignupSecondary,
html body #siteMemberSignupCard #siteMemberSignupAliasContinue {
  background: #d7193f; border-color: #d7193f; color: #fff;
  box-shadow: 0 4px 12px #d7193f1a;
}
html body #siteMemberSignupCard #siteMemberSignupSecondary:hover,
html body #siteMemberSignupCard #siteMemberSignupAliasContinue:hover {
  background: #bd1235; border-color: #bd1235;
}
html body #siteMemberSignupCard .site-member-signup-btn-icon-mail svg * { stroke: currentColor; }
html body #siteMemberSignupCard .site-member-signup-btn-icon { width: 22px; height: 22px; flex: 0 0 22px; }
html body #siteMemberSignupCard .site-member-signup-btn-icon svg { width: 22px; height: 22px; }
html body #siteMemberSignupCard #siteMemberSignupAlias {
  background: transparent; border-color: transparent; color: #697386;
  min-height: 44px; padding: 10px 4px; font-size: 13px; box-shadow: none;
}
html body #siteMemberSignupCard #siteMemberSignupAlias:hover { color: #b51233; background: #fff5f7; }
html body #siteMemberSignupCard .site-member-signup-terms {
  margin: 20px 0 0 !important; padding-top: 18px; border-top: 1px solid #eceef2;
  color: #7b8494 !important; text-align: left !important; font-size: 11px !important; font-weight: 400; line-height: 1.65 !important;
}
html body #siteMemberSignupCard .site-member-signup-terms a { color: #566174; text-underline-offset: 3px; }
html body #siteMemberSignupCard .site-member-signup-alias-form {
  width: 100%; margin-top: 16px; padding: 16px; box-sizing: border-box;
  background: #f8f9fc; border: 1px solid #e9edf3; border-radius: 14px;
}
html body #siteMemberSignupCard .site-member-signup-alias-form label { font-size: 13px; color: #344054; }
html body #siteMemberSignupCard .site-member-signup-alias-form input {
  box-sizing: border-box; width: 100%; min-height: 46px; padding: 12px;
  background: #fff; border: 1px solid #dfe3e9; border-radius: 9px; font-size: 16px;
}
html body #siteMemberSignupCard :is(button, input, a):focus-visible {
  outline: 3px solid #e894a5; outline-offset: 3px;
}
@media (max-width: 480px) {
  html body #siteMemberSignupCard { padding: 16px; }
  html body #siteMemberSignupCard .site-member-signup-card { padding: 26px 22px 22px; border-radius: 18px; }
  html body #siteMemberSignupCard #siteMemberSignupTitle { font-size: 26px; }
  html body #siteMemberSignupCard .site-member-signup-actions { margin-top: 22px; }
}

/* Mekan Guide il filtresi, mevcut filtrelerle aynı satırda. */
html body #guideView #guideProvinceFilter {
  font: inherit;
  font-weight: 650;
  color: #344054;
  background-color: #fff;
  border: 1px solid #dce1eb;
  border-radius: 12px;
  padding: 10px 30px 10px 12px;
  min-height: 40px;
  width: auto;
  max-width: 180px;
  cursor: pointer;
  flex-shrink: 0;
}
html body #guideView #guideProvinceFilter.active { background-color: #484d56; border-color: #484d56; color: #fff; }
html body #guideView #guideProvinceFilter option { background: #fff; color: #344054; }
html body #guideView #guideProvinceFilter:focus-visible { outline: 2px solid #d7193f; outline-offset: 2px; }

/* Mekan Guide filtreleri: yıldız simgeleri ve kompakt seçenek satırları. */
html body #guideView #rankPanel .star-gold i {
  border-radius: 0;
  clip-path: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
html body #guideView :is(#rankPanel, #awardPanel, #openDaysPanel, #categoryPanel, #onlineReservationPanel, #idealPanel, #pricePanel) h3 {
  margin-bottom: 8px;
  padding-bottom: 8px;
}
html body #guideView :is(#rankPanel, #awardPanel, #openDaysPanel, #categoryPanel, #onlineReservationPanel, #idealPanel, #pricePanel) .rank-option {
  min-height: 32px;
  margin: 0;
  padding: 4px 0;
  box-sizing: border-box;
  gap: 8px;
}
@media (pointer: coarse) {
  html body #guideView :is(#rankPanel, #awardPanel, #openDaysPanel, #categoryPanel, #onlineReservationPanel, #idealPanel, #pricePanel) .rank-option {
    min-height: 40px;
  }
}

/* Guide filtre başlıkları hiçbir ekran genişliğinde kesilmesin. */
html body #guideView .guide-filter-head { gap: 8px; align-items: flex-start; }
html body #guideView #mekanFilters {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
  gap: 6px;
  min-width: 0;
  padding-bottom: 0;
}
html body #guideView #mekanFilters > .filter-chip {
  flex: 0 0 auto;
  padding: 8px 10px;
  min-height: 36px;
  max-width: 100%;
  gap: 6px;
  white-space: normal;
}
html body #guideView #mekanFilters .filter-chip,
html body #guideView #mekanFilters .filter-chip-label {
  font-size: 13px !important;
  line-height: 1.25 !important;
}
html body #guideView #mekanFilters .filter-chip svg { width: 16px; height: 16px; }
html body #guideView #mekanFilters #guideProvinceFilter {
  width: 132px;
  max-width: 100%;
  padding: 8px 6px;
  min-height: 36px;
}
@media (pointer: coarse) {
  html body #guideView #mekanFilters > .filter-chip,
  html body #guideView #mekanFilters #guideProvinceFilter { min-height: 40px; }
}

#guideView .guide-hero-search .guide-search-icon { display:block; flex:0 0 24px; width:24px; height:24px; fill:none; stroke:#202124; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

#guideView .guide-price-wrap { position:relative; display:inline-flex; }
#guideView .guide-price-info-btn { border:0; background:transparent; color:inherit; font:inherit; font-weight:600; padding:0 2px; cursor:pointer; }
#guideView .guide-price-info-btn:focus-visible { outline:2px solid #cf1d39; outline-offset:3px; border-radius:3px; }
#guideView .guide-price-info { position:absolute; bottom:calc(100% + 6px); left:0; z-index:3; padding:6px 12px; border-radius:7px; background:#27272a; color:#fff; font-size:13px; line-height:1.4; white-space:nowrap; box-shadow:0 3px 10px #0002; }
#guideView .guide-price-info[hidden] { display:none; }
#guideView .guide-card-comment-count { display:inline-flex; gap:5px; align-items:center; }
#guideView .guide-card-comment-count svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

#mekanDetayView #detailVideoSection.is-empty .detail-video-wrap { background:#f8fafc; border:1px dashed #cbd5e1; }
#mekanDetayView #detailVideo[hidden] { display:none; }

#mekanDetayView .detail-video-wrap { aspect-ratio:16 / 9; padding-top:0; box-sizing:border-box; }
#mekanDetayView .detail-video-play { position:absolute; inset:0; width:100%; height:100%; display:grid; place-items:center; padding:0; border:0; background:#171717; cursor:pointer; }
#mekanDetayView .detail-video-play[hidden] { display:none; }
#mekanDetayView .detail-video-play > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#mekanDetayView .detail-video-play-icon { position:relative; display:grid; place-items:center; width:clamp(48px,8vw,72px); aspect-ratio:1; border-radius:50%; background:#cf1d39; color:#fff; box-shadow:0 4px 24px #0005; }
#mekanDetayView .detail-video-play-icon svg { width:32px; height:32px; fill:currentColor; }
#mekanDetayView .detail-video-play:focus-visible { outline:3px solid #cf1d39; outline-offset:-4px; }
#mekanDetayView .detail-video-play:hover .detail-video-play-icon { background:#ad1630; }

#mekanDetayView .detail-facilities { margin:20px 0; }
#mekanDetayView .detail-facilities h3 { margin:0 0 12px; font-size:22px; }
#mekanDetayView .detail-facilities ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:8px 20px; padding-left:22px; margin:0; font-size:16px; line-height:1.5; }
#mekanDetayView .detail-facilities[hidden], #mekanDetayView #detailServices[hidden] { display:none; }

/* Selected Guide awards, beneath Save and above the photo gallery. */
html body #mekanDetayView .detail-awards {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px 12px;
  width: 100%;
  margin: 0 0 16px;
  box-sizing: border-box;
}
html body #mekanDetayView .detail-awards[hidden] { display: none; }
.detail-awards-count { font-size: 14px; color: #272321; white-space: nowrap; }
.detail-awards-list { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; list-style: none; padding: 0; margin: 0; }
.detail-award-badge { display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #eadbb8; border-radius: 8px; background: #fffbf2; color: #55401c; font-size: 12px; font-weight: 600; }
.detail-award-badge svg { width: 23px; height: 23px; flex: 0 0 23px; fill: none; stroke: #967024; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 600px) {
  html body #mekanDetayView .detail-awards, .detail-awards-list { justify-content: flex-start; }
  .detail-awards-count { flex-basis: 100%; }
}

/* Photo gallery location badge and price/cuisine summary. */
html body #mekanDetayView .detail-main-content .detail-address {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 3px 9px;
  border: 1px solid #e1e4ec;
  border-radius: 8px;
  background: #f6f6f7;
  color: #626875;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
html body #mekanDetayView .detail-main-content > .detail-cuisine {
  margin: 14px 0 0;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

/* Primary place actions appear above the description, with icons above labels. */
html body #mekanDetayView #detailActionGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  gap: 6px;
  margin: 20px 0 0;
}
html body #mekanDetayView #detailActionGrid > .detail-action-pill {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  min-height: 64px;
  padding: 9px 5px;
  border: 1px solid #d6d6d6;
  border-radius: 14px;
  background: #fff;
  color: #50545b;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  box-shadow: none;
}
html body #mekanDetayView #detailActionGrid svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  color: #cf1d39;
  stroke: #cf1d39;
  stroke-width: 1.7;
}
html body #mekanDetayView #detailActionGrid .detail-save-widget-label {
  text-decoration: none;
}
html body #mekanDetayView #detailActionGrid > .detail-action-pill:hover,
html body #mekanDetayView #detailActionGrid > .detail-action-pill:focus-visible {
  border-color: #1a73e8;
  background: #f3f8ff;
}
html body #mekanDetayView #detailActionGrid > .detail-action-pill:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
html body #mekanDetayView #detailActionGrid > .is-saved {
  border-color: #1a73e8;
  background: #eaf3ff;
}
html body #mekanDetayView #detailActionGrid > .is-saved svg path {
  fill: #cf1d39;
  stroke: #cf1d39;
}
@media (min-width: 601px) and (max-width: 800px) {
  html body #mekanDetayView #detailActionGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  html body #mekanDetayView #detailActionGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Circular red rating controls across Guide and place details. */
html body #detailReviewComposer .detail-review-rating-dot {
  border-radius: 50%;
  border: 2px solid #cf1d39;
}
html body #mekanDetayView .detail-rating-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #cf1d39;
  -webkit-text-stroke: 0;
  filter: none;
  text-shadow: none;
  animation: none;
}
html body #mekanDetayView .detail-rating-star > span {
  display: block;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border: 2px solid #cf1d39;
  border-radius: 50%;
  background: #fff;
}
html body #mekanDetayView .detail-rating-star.is-filled > span {
  background: #cf1d39;
}
.gp-star::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d9dee6;
}
.gp-star.is-full::before { background: #cf1d39; }
.gp-star.is-half::before { background: linear-gradient(90deg, #cf1d39 50%, #d9dee6 50%); opacity: 1; }

/* Place share dialog. */
html body dialog.place-share-dialog {
  width: min(360px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  box-sizing: border-box;
  margin: auto;
  padding: 16px 20px;
  border: 1px solid #ddd;
  border-radius: 18px;
  background: #fff;
  color: #242424;
  box-shadow: 0 16px 60px #0004;
  overflow: auto;
}
.place-share-dialog::backdrop { background: #0008; }
.place-share-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.place-share-heading h2 { margin: 0; font-size: 22px; line-height: 1.2; }
#placeShareClose { width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #777; font: 38px/1 Arial,sans-serif; cursor: pointer; }
.place-share-networks { display: grid; gap: 4px; }
.place-share-network { display: flex; align-items: center; gap: 16px; min-height: 44px; color: #242424; font-size: 16px; text-decoration: none; }
.place-share-network:hover span { text-decoration: underline; }
.place-share-network svg { width: 28px; height: 28px; padding: 3px; box-sizing: border-box; fill: #fff; flex: 0 0 28px; }
.place-share-network.facebook svg { background: #3b5998; }
.place-share-network.whatsapp svg { background: #20cf63; }
.place-share-network.x svg { background: #000; }
#shareCopyBtn { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 48px; margin-top: 12px; padding: 10px 16px; border: 0; border-radius: 16px; background: #e9edf5; color: #394152; text-align: left; font: inherit; font-size: 16px; cursor: pointer; }
#shareCopyBtn svg { width: 24px; height: 24px; flex: 0 0 24px; }
#shareCopyBtn:hover { background: #dfe5ef; }
.place-share-status { margin: 8px 0 0; color: #397343; font-size: 13px; overflow-wrap: anywhere; }
.place-share-status:empty { display: none; }
.place-share-dialog :is(a,button):focus-visible { outline: 2px solid #1a73e8; outline-offset: 4px; }
html body #mekanDetayView #detailActionGrid > [data-action-key="share"][aria-expanded="true"] { border-color: #1a73e8; background: #f3f8ff; }
@media(max-width: 480px) { html body dialog.place-share-dialog { padding: 16px; } }

/* Inline reader comment form below the place rating summary. */
html body #mekanDetayView #detailCommentForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px;
  gap: 14px 18px;
  width: 100%;
  margin: 0 0 28px;
  box-sizing: border-box;
}
html body #mekanDetayView #detailCommentForm :is(textarea,input) {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid #cdd3df;
  border-radius: 8px;
  background: #fff;
  color: #242424;
  font: inherit;
  font-size: 16px;
}
html body #mekanDetayView #commentTextInput { grid-column: 1; grid-row: 1; min-height: 74px; resize: vertical; }
html body #mekanDetayView #commentNameInput { grid-column: 1; grid-row: 2; min-height: 52px; }
html body #mekanDetayView #detailCommentForm > button {
  grid-column: 2; grid-row: 1; min-height: 74px;
  border: 1px solid #cdd3df; border-radius: 8px;
  background: #343a42; color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}
html body #mekanDetayView #detailCommentForm > button:hover { background: #252a30; }
html body #mekanDetayView #detailCommentForm :is(textarea,input,button):focus-visible { outline: 2px solid #cf1d39; outline-offset: 2px; }
html body #mekanDetayView #detailCommentForm > p { grid-column: 1 / -1; margin: 8px 0 0; }
html body #mekanDetayView .place-reader-comment-notice { color: #9298a3; font-size: 13px; line-height: 1.5; }
@media(max-width: 600px) {
  html body #mekanDetayView #detailCommentForm { grid-template-columns: minmax(0,1fr); gap: 12px; }
  html body #mekanDetayView #detailCommentForm > button { grid-column: 1; grid-row: 3; min-height: 48px; }
}

/* Facilities shortcut alongside the place location. */
html body #mekanDetayView .detail-location-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
}
html body #mekanDetayView .detail-location-row > .detail-action-pill {
  min-height: 36px;
  padding: 6px 10px;
  font-size: 14px;
  gap: 7px;
}

/* Mobile upper headlines: larger photos and centered titles. */
@media (max-width: 767px) {
  html body #homeView #homeUMGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    gap: 22px;
    padding: 0 14px;
    box-sizing: border-box;
  }
  html body #homeView #homeUMGrid .home-um-card {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
  }
  html body #homeView #homeUMGrid .home-um-card img {
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 2 / 1;
    object-fit: cover;
  }
  html body #homeView #homeUMGrid .home-um-card p {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 16px 12px 4px;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
  }
  html body #homeView #homeUMGrid .home-um-title {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
  }
}

/* Instagram shares the place action layout while retaining its filled icon. */
html body #mekanDetayView #detailActionGrid > #detailInstagram {
  display: flex;
  font-size: 13px;
}
html body #mekanDetayView #detailActionGrid > #detailInstagram svg {
  fill: #cf1d39;
  stroke: none;
}
html body #mekanDetayView #detailSecondaryActions:empty {
  display: none;
}

/* Firm card sharing: the same social order as the article share menu. */
.firm-share-dialog {
  width: min(440px, calc(100vw - 24px));
  max-height: calc(100dvh - 32px);
  box-sizing: border-box;
  border: 0;
  border-radius: 22px;
  padding: 18px;
  background: #fff;
  color: #394152;
  box-shadow: 0 20px 65px #17233d33;
}
.firm-share-dialog::backdrop { background: #17233d66; }
.firm-share-dialog-top { display: flex; align-items: center; gap: 8px; }
.firm-share-dialog-top > strong { margin-right: auto; font-size: 14px; color: #6b7280; }
.firm-share-option, .firm-share-close {
  display: flex; align-items: center; gap: 18px;
  min-height: 44px; box-sizing: border-box; border: 0;
  padding: 10px 14px; border-radius: 14px;
  background: transparent; color: #394152; text-decoration: none;
  font: inherit; font-size: 17px; cursor: pointer;
}
.firm-share-option svg { flex: 0 0 24px; width: 24px; height: 24px; }
.firm-share-option.compact, .firm-share-close { width: 44px; height: 44px; justify-content: center; padding: 10px; }
.firm-share-option.instagram { color: #d62976; background: #fff2f7; }
.firm-share-option.whatsapp { color: #147a50; background: #edf9f2; }
.firm-share-option.facebook { color: #326ab3; background: #edf3ff; }
.firm-share-option.x { color: #111; background: #f1f2f5; }
.firm-share-close { background: #303746; color: white; font-size: 28px; }
.firm-share-dialog-menu { display: grid; gap: 4px; margin-top: 14px; padding: 12px; border: 1px solid #e5e7ef; border-radius: 20px; box-shadow: 0 12px 26px #17233d12; }
.firm-share-dialog-menu h3 { margin: 0 0 6px; padding: 8px 14px 16px; border-bottom: 1px solid #eceef3; font-size: 14px; color: #8b92a1; }
.firm-share-dialog-menu .mail, .firm-share-dialog-menu .copy { background: #f5f6f9; }
.firm-share-option:hover { background: #e9edf5; }
.firm-share-option:focus-visible, .firm-share-close:focus-visible { outline: 3px solid #d7193f; outline-offset: 2px; }
.firm-share-status { margin: 12px 2px 0; font-size: 13px; overflow-wrap: anywhere; }
.firm-share-status:empty { display: none; }
@media (max-width: 767px) {
  .firm-share-dialog {
    top: 64px;
    bottom: 0;
    max-height: calc(100dvh - 96px);
  }
}
@media (max-width: 380px) {
  .firm-share-dialog { padding: 12px; }
  .firm-share-dialog-top { gap: 4px; }
  .firm-share-dialog-top > strong { font-size: 12px; }
}
.firm-share-option svg { fill: currentColor; }
.firm-share-option.linkedin svg { color: #287ab3; }
.firm-share-option.mail svg, .firm-share-option.copy svg { color: #939aaa; }

/* Chef and author artwork stays inside the content column, leaving the rails clear. */
html body #chefsView .chefs-page-hero {
  width: min(1100px, 100%);
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
  overflow: hidden;
}
html body #chefsView .chefs-page-hero.has-custom-image {
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
}
html body #chefsView .chefs-page-hero.has-custom-image .chefs-page-hero-bg {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  transform: none !important;
}