/*
 * Canopus · haber dergisi çizgisi (rstheme News24 / "Darpan" news-magazine ölçüleri esas alındı).
 * Kimlik: beyaz zemin, 1140px kapsayıcı (referansın ölçülen kapsayıcısı), 15px Roboto gövde, 1px #ddd çerçeveli kartlar, alt çizgisi çift ince
 * vurgu çizgili 20px büyük harf bölüm başlıkları, siyah son dakika bandı, görsel üstü başlıklı manşet.
 * Renkler: referansın kırmızısı yerine panel vurgu rengi (--hp-accent); koyu bantlar nötr #101010/#1b1b1b.
 * Satır kancaları: cn-topbar, cn-middle, cn-menubar, cn-ticker-row, cn-hero-row, cn-main-row, cn-videos-row,
 * cn-cats-row, cn-footer-*; blok kancaları: cn-ticker, cn-hero, cn-hero-side, cn-latest, cn-trend, cn-hot, ...
 * Ölçümler: canopus-tema/OLCUMLER.md
 */
body.canopus {
  --cn-ink: #101010;
  --cn-text: #434343;
  --cn-muted: #5f5f5f;
  --cn-line: #ddd;
  --cn-line-2: #ccc;
  --cn-soft: #f2f2f2;
  --cn-panel: #252525;
  --cn-dark: #1b1b1b;
  --cn-black: #000;
  --cn-bg: #fff;
  --cn-accent: var(--hp-accent);
  --cn-band: #101010;
  --hp-card-radius: 0px;
  color: var(--cn-text);
  background: var(--cn-bg);
  font-size: 15px;
  line-height: 25px;
}
html[data-bs-theme="dark"] body.canopus {
  --cn-ink: #f2f2f2;
  --cn-text: #cfcfcf;
  --cn-muted: #9a9a9a;
  --cn-line: #2e2e2e;
  --cn-line-2: #3a3a3a;
  --cn-soft: #1f1f1f;
  --cn-panel: #141414;
  --cn-dark: #0b0b0b;
  --cn-black: #000;
  --cn-bg: #121212;
  --cn-band: #000;
}
html body.canopus.canopus a { color: inherit; text-decoration: none; }
html body.canopus.canopus a:hover { color: var(--cn-accent); }
html body.canopus.canopus :where(h1,h2,h3,h4,h5,h6) { color: var(--cn-ink); }

/* ================= Satır iskeleti ================= */
html body.canopus.canopus .cn-topbar,
html body.canopus.canopus .cn-middle,
html body.canopus.canopus .cn-menubar,
html body.canopus.canopus .cn-footer-top,
html body.canopus.canopus .cn-footer-bottom {
  width: 100%; max-width: none; margin: 0 !important; padding: 0 !important;
}
html body.canopus.canopus :is(.cn-topbar,.cn-middle,.cn-menubar,.cn-footer-top,.cn-footer-bottom) > .hp-grid,
html body.canopus.canopus :is(.cn-topbar,.cn-middle,.cn-menubar,.cn-footer-top,.cn-footer-bottom) > .hp-layout-row__inner > .hp-grid {
  width: min(calc(100% - 30px), var(--hp-content-width, 1140px));
  margin-inline: auto;
}
html body.canopus.canopus :is(.cn-topbar,.cn-middle,.cn-menubar,.cn-footer-top,.cn-footer-bottom) .hp-grid-area,
html body.canopus.canopus :is(.cn-topbar,.cn-middle,.cn-menubar,.cn-footer-top,.cn-footer-bottom) .hp-block { container-type: normal !important; }
html body.canopus.canopus .cn-top-social .hp-social-list { overflow: visible !important; }

/* ================= Üst şerit ================= */
html body.canopus.canopus .cn-topbar { background: var(--cn-bg); border-bottom: 1px solid var(--cn-line); }
html body.canopus.canopus .cn-topbar > .hp-grid, html body.canopus.canopus .cn-topbar > .hp-layout-row__inner > .hp-grid { align-items: center; min-height: 38px; }
html body.canopus.canopus .cn-topbar .hp-grid-area { display: flex !important; align-items: center; gap: 25px; flex-wrap: nowrap; font-size: 12px; line-height: 28px; color: #101010; }
html[data-bs-theme="dark"] html body.canopus.canopus .cn-topbar .hp-grid-area { color: var(--cn-ink); }
html body.canopus.canopus .cn-topbar [data-area-id="cn-top-right"] { justify-content: flex-end; gap: 0; }
html body.canopus.canopus .cn-topbar .hp-block { margin: 0 !important; width: auto !important; flex: 0 0 auto; }
html body.canopus.canopus .cn-top-date, html body.canopus.canopus .cn-top-date * { font-size: 12px; line-height: 28px; color: var(--cn-ink); }
html body.canopus.canopus .cn-top-date .hp-global-block-body,
html body.canopus.canopus .cn-top-date section, html body.canopus.canopus .cn-top-date .hp-rich-text__body, html body.canopus.canopus .cn-top-date div { padding: 0 !important; margin: 0 !important; }
html body.canopus.canopus .cn-top-links .hp-header-links-menu { display: flex; gap: 25px; margin: 0; padding: 0; list-style: none; }
html body.canopus.canopus .cn-top-links .hp-header-link-anchor { font-size: 12px !important; font-weight: 400 !important; line-height: 28px !important; color: var(--cn-ink) !important; padding: 0 !important; letter-spacing: 0 !important; text-transform: none !important; background: transparent !important; border: 0 !important; }
html body.canopus.canopus .cn-top-links .hp-header-link-anchor i, html body.canopus.canopus .cn-top-links .hp-header-link-overflow { display: none !important; }
html body.canopus.canopus .cn-top-links .hp-header-link-anchor:hover { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-top-weather { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; font-size: 12px; color: var(--cn-ink); }
html body.canopus.canopus .cn-top-weather .hp-header-weather-main { gap: 4px; align-items: center; }
html body.canopus.canopus .cn-top-weather .hp-header-weather-icon, html body.canopus.canopus .cn-top-weather .hp-header-weather-more, html body.canopus.canopus .cn-top-weather small { display: none !important; }
html body.canopus.canopus .cn-top-weather .hp-header-weather-copy, html body.canopus.canopus .cn-top-weather .hp-header-weather-city, html body.canopus.canopus .cn-top-weather .hp-header-weather-temp { font-size: 12px !important; font-weight: 400 !important; line-height: 28px !important; color: var(--cn-ink) !important; text-transform: none; }
html body.canopus.canopus .cn-top-weather .hp-header-weather-city::after { content: ","; margin-right: 2px; }
/* sosyal: 30x28 gri kareler */
html body.canopus.canopus .cn-top-social .hp-social-list { display: flex; gap: 7px; }
html body.canopus.canopus .cn-top-social .hp-social-link { display: grid !important; place-items: center; width: 30px; height: 28px; padding: 0 !important; border: 0 !important; border-radius: 2px !important; background: var(--cn-soft) !important; color: var(--cn-ink) !important; box-shadow: none !important; min-width: 0; }
html body.canopus.canopus .cn-top-social .hp-social-link:hover { background: var(--cn-accent) !important; color: #fff !important; }
html body.canopus.canopus .cn-top-social .hp-social-copy, html body.canopus.canopus .cn-top-social .hp-social-arrow { display: none !important; }
html body.canopus.canopus .cn-top-social .hp-social-icon { display: grid; place-items: center; background: transparent !important; width: auto; height: auto; color: inherit !important; }
html body.canopus.canopus .cn-top-social .hp-social-icon i { font-size: 12px; color: inherit !important; }

/* ================= Logo + reklam ================= */
html body.canopus.canopus .cn-middle { background: var(--cn-bg); }
html body.canopus.canopus .cn-middle > .hp-grid, html body.canopus.canopus .cn-middle > .hp-layout-row__inner > .hp-grid { align-items: center; padding-block: 20px; row-gap: 0; }
html body.canopus.canopus .cn-middle .hp-grid-area { display: flex; align-items: center; }
html body.canopus.canopus .cn-middle [data-area-id="cn-adv"] { justify-content: flex-end; }
html body.canopus.canopus .cn-middle .hp-block { margin: 0 !important; width: auto; }
html body.canopus.canopus .cn-middle .hp-header-brand img { max-height: 61px; }
html body.canopus.canopus .cn-middle .hp-block-advertisement { width: 100%; }
html body.canopus.canopus .cn-middle .hp-block-advertisement .my-3 { margin: 0 !important; }

/* ================= Menü çubuğu ================= */
html body.canopus.canopus .cn-menubar { background: var(--cn-bg); border-top: 1px solid var(--cn-line); border-bottom: 1px solid var(--cn-line); position: relative; z-index: 40; }
html body.canopus.canopus .cn-menubar > .hp-grid, html body.canopus.canopus .cn-menubar > .hp-layout-row__inner > .hp-grid { align-items: center; min-height: 57px; column-gap: 0; }
html body.canopus.canopus .cn-menubar .hp-grid-area { display: flex; align-items: center; }
html body.canopus.canopus .cn-menubar [data-area-id="cn-search"] { justify-content: flex-end; }
html body.canopus.canopus .cn-menubar .hp-block { margin: 0 !important; width: auto; }
html body.canopus.canopus .cn-menubar [data-area-id="cn-nav"] > .hp-block { flex: 1 1 auto; width: 100%; min-width: 0; }
html body.canopus.canopus .cn-topbar [data-area-id="cn-top-right"] > .hp-block { width: auto; }
html body.canopus.canopus .cn-nav .hp-primary-menu { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 0; margin: 0; padding: 0; }
html body.canopus.canopus .cn-nav .hp-primary-menu > li > a.hp-category-link {
  display: flex !important; align-items: center; gap: 5px;
  margin: 0 !important; padding: 16px 9px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  color: var(--cn-ink) !important; font-family: var(--hp-font-navigation); font-size: 13px !important; font-weight: 400 !important; line-height: 25px !important;
  letter-spacing: 1px !important; text-transform: uppercase !important; transform: none !important;
}
html body.canopus.canopus .cn-nav .hp-primary-menu > li:first-child > a.hp-category-link { padding-left: 9px !important; }
html body.canopus.canopus .cn-nav .hp-primary-menu > li > a.hp-category-link::before,
html body.canopus.canopus .cn-nav .hp-primary-menu > li > a.hp-category-link::after { display: none !important; }
html body.canopus.canopus .cn-nav .hp-primary-menu > li:is(:hover, .is-current, .current) > a.hp-category-link,
html body.canopus.canopus .cn-nav .hp-primary-menu > li > a.hp-category-link:is(:hover,:focus-visible) { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-nav .hp-primary-menu > li:first-child > a.hp-category-link { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-nav .hp-home-link i { font-size: 15px; }
html body.canopus.canopus .cn-nav .hp-mega-toggle { display: none !important; }
html body.canopus.canopus .cn-nav .hp-primary-menu > li.has-mega > a.hp-category-link::after {
  display: inline-block !important; content: ""; width: 5px !important; height: 5px !important; margin: -3px 0 0 3px; border: solid currentColor; border-width: 0 2px 2px 0; position: static !important; background: transparent !important; transform: rotate(45deg) !important; opacity: 1 !important;
}
/* Arama düğmesi: 30x30 vurgu kare */
html body.canopus.canopus .cn-search .hp-search-toggle { display: grid !important; place-items: center; width: 30px !important; height: 30px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--cn-accent) !important; color: #fff !important; box-shadow: none !important; font-size: 14px !important; }
html body.canopus.canopus .cn-search .hp-search-toggle:hover { background: var(--cn-ink) !important; }

/* ================= Son dakika bandı (siyah, 45px, solda 190px vurgu etiketi) ================= */
html body.canopus.canopus .cn-ticker-row { margin-block: 0 !important; padding: 0 !important; }
html body.canopus.canopus .cn-ticker-row .hp-grid-area, html body.canopus.canopus .cn-ticker-row .hp-block { margin: 0 !important; }
html body.canopus.canopus .cn-ticker .hp-breaking {
  display: flex; align-items: stretch; height: 45px; min-height: 45px; padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: var(--cn-band) !important; box-shadow: none !important; position: relative;
}
html body.canopus.canopus .cn-ticker .hp-breaking-control {
  display: flex; align-items: center; flex: 0 0 190px; width: 190px; height: 45px; margin: 0 !important; padding: 10px 30px !important;
  border: 0 !important; border-radius: 0 !important; background: var(--cn-accent) !important; color: #fff !important;
  font-size: 15px !important; font-weight: 400 !important; line-height: 25px !important; text-transform: none !important; letter-spacing: 0 !important; clip-path: none !important; transform: none !important;
}
html body.canopus.canopus .cn-ticker .hp-breaking-control i { display: none !important; }
html body.canopus.canopus .cn-ticker .hp-breaking-control span { color: #fff !important; font-size: 15px !important; font-weight: 400 !important; transform: none !important; animation: none !important; }
html body.canopus.canopus .cn-ticker .hp-breaking-control::after { content: "\00bb"; margin-left: 18px; font-size: 20px; line-height: 20px; }
html body.canopus.canopus .cn-ticker .hp-breaking-swiper { flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 70px 0 15px; height: 45px; background: transparent !important; }
html body.canopus.canopus .cn-ticker .hp-breaking-swiper .swiper-wrapper { align-items: center; height: 45px; }
html body.canopus.canopus .cn-ticker .hp-breaking-swiper .swiper-slide { display: flex; align-items: center; height: 45px; }
html body.canopus.canopus .cn-ticker .hp-breaking-swiper a { display: flex; align-items: center; gap: 10px; color: #fff !important; line-height: 30px; }
html body.canopus.canopus .cn-ticker .hp-breaking-swiper img { width: 30px !important; height: 30px !important; flex: 0 0 30px; object-fit: cover; border-radius: 0 !important; margin: 0 !important; }
html body.canopus.canopus .cn-ticker .hp-breaking-copy, html body.canopus.canopus .cn-ticker .hp-breaking-copy strong { color: #fff !important; font-size: 12px !important; font-weight: 500 !important; line-height: 30px !important; }
html body.canopus.canopus .cn-ticker .hp-breaking-swiper a:hover .hp-breaking-copy, html body.canopus.canopus .cn-ticker .hp-breaking-swiper a:hover strong { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-ticker .hp-breaking-swiper time, html body.canopus.canopus .cn-ticker .hp-breaking-time { display: none !important; }

/* ================= Manşet (750 x 538, solda alt başlık; sağda 3 görsel üstü kart) ================= */
html body.canopus.canopus .cn-hero-row { margin-block: 0 !important; padding: 0 !important; }
html body.canopus.canopus .cn-hero-row > .hp-grid, html body.canopus.canopus .cn-hero-row > .hp-layout-row__inner > .hp-grid { column-gap: 15px !important; row-gap: 15px !important; }
html body.canopus.canopus .cn-hero-row .hp-block, html body.canopus.canopus .cn-hero-row .hp-grid-area { margin: 0 !important; }
html body.canopus.canopus .cn-hero .hp-headline { margin: 0; padding: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-hero .hp-headline-stage { padding: 0 !important; background: #000; }
html body.canopus.canopus .cn-hero .hp-headline-swiper { height: auto; background: #000; }
html body.canopus.canopus .cn-hero .hp-headline-item { position: relative; background: #000; }
html body.canopus.canopus .cn-hero .hp-headline-item > a { display: grid; position: relative; color: #fff; aspect-ratio: 750 / 538; width: 100%; overflow: hidden;
  grid-template-columns: 60px max-content minmax(0, 1fr) 60px; grid-template-rows: minmax(0, 1fr) auto auto auto 59px; }
html body.canopus.canopus .cn-hero .hp-headline-media, html body.canopus.canopus .cn-hero .hp-headline-copy { display: contents !important; }
html body.canopus.canopus .cn-hero .hp-headline-media img { grid-area: 1 / 1 / -1 / -1; width: 100%; height: 100%; object-fit: cover; position: static !important; }
html body.canopus.canopus .cn-hero .hp-headline-item > a::after { content: ""; grid-area: 1 / 1 / -1 / -1; background: linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.28) 40%, rgba(0,0,0,.78) 100%); pointer-events: none; z-index: 1; }
html body.canopus.canopus .cn-hero .hp-headline-category { grid-area: 2 / 2; z-index: 2; align-self: center; justify-self: start; position: static !important; display: inline-block !important; margin: 0 12px 0 0 !important; padding: 2px 5px !important; background: var(--cn-accent) !important; color: #fff !important; font-size: 12px !important; font-weight: 400 !important; line-height: 15px !important; text-transform: uppercase !important; letter-spacing: 0 !important; border: 0 !important; border-radius: 0 !important; width: auto !important; }
html body.canopus.canopus .cn-hero .hp-headline-copy time { grid-area: 2 / 3; z-index: 2; align-self: center; display: block !important; margin: 0 !important; color: #fff !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; }
html body.canopus.canopus .cn-hero .hp-headline-copy h3 { grid-area: 3 / 2 / 4 / 4; z-index: 2; margin: 10px 0 0 !important; color: #fff !important; font-size: 30px !important; line-height: 46.5px !important; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; }
html body.canopus.canopus .cn-hero .hp-headline-copy h3 a, html body.canopus.canopus .cn-hero .hp-headline-copy h3 { color: #fff !important; }
html body.canopus.canopus .cn-hero .hp-headline-copy h3 .cn-first { color: var(--cn-accent); }
html body.canopus.canopus .cn-hero .hp-headline-copy p { grid-area: 4 / 2 / 5 / 4; z-index: 2; display: block !important; margin: 0 !important; color: #fff !important; font-size: 16px !important; line-height: 25.6px !important; font-weight: 400 !important; text-transform: uppercase; max-height: 51.2px; overflow: hidden; }
/* ok düğmeleri: hover'da görünür */
html body.canopus.canopus .cn-hero .swiper-button-prev, html body.canopus.canopus .cn-hero .swiper-button-next { opacity: 0; transition: opacity .3s; top: 50%; width: 45px; height: 50px; margin-top: -25px; border-radius: 0 !important; border: 0 !important; background: color-mix(in srgb, var(--cn-accent) 70%, transparent) !important; color: #fff !important; box-shadow: none !important; }
html body.canopus.canopus .cn-hero:hover .swiper-button-prev, html body.canopus.canopus .cn-hero:hover .swiper-button-next { opacity: 1; }
html body.canopus.canopus .cn-hero .swiper-button-prev:hover, html body.canopus.canopus .cn-hero .swiper-button-next:hover { background: rgba(0,0,0,.7) !important; }

html body.canopus.canopus .cn-hero-side .hp-news-grid { padding: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-hero-side .hp-news-items { display: grid !important; grid-template-columns: 1fr !important; gap: 2px !important; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .hp-news-card { position: relative; overflow: hidden; border: 0 !important; border-radius: 0 !important; background: #000 !important; box-shadow: none !important; padding: 0 !important; height: 149px; aspect-ratio: auto; display: block !important; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .hp-news-media { display: block; position: absolute; inset: 0; margin: 0 !important; width: 100%; height: 100%; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .hp-news-media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; border-radius: 0 !important; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .hp-news-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.30) 45%, rgba(0,0,0,.75) 100%); pointer-events: none; z-index: 1; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .card-body { position: absolute !important; z-index: 2; inset: auto 0 0 0 !important; padding: 0 22px 14px !important; background: transparent !important; display: flex !important; flex-direction: column; border: 0 !important; min-height: 0 !important; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .hp-kicker { order: 1; align-self: flex-start; position: static !important; margin: 0 0 8px !important; padding: 2px 5px !important; background: var(--cn-accent) !important; color: #fff !important; font-size: 12px !important; font-weight: 400 !important; line-height: 15px !important; text-transform: uppercase !important; letter-spacing: 0 !important; border: 0 !important; border-radius: 0 !important; width: auto !important; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .hp-meta { order: 2; margin: 0 !important; color: #fff !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .card-title { order: 3; margin: 6px 0 0 !important; color: #fff !important; font-size: 20px !important; line-height: 25px !important; font-weight: 500 !important; text-transform: none; display: block !important; -webkit-line-clamp: 2; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .card-title a { color: #fff !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; }
html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .card-text, html body.canopus.canopus :is(.cn-hero-side,.cn-featured) .hp-news-kind { display: none !important; }

/* ================= Bölüm başlığı (çift ince vurgu çizgili, 20px büyük harf) ================= */
html body.canopus.canopus .hp-block.hp-block-template-canopus > .cn-block-title,
html body.canopus.canopus .cn-block-title {
  display: flex !important; align-items: flex-start; justify-content: space-between; gap: 12px;
  margin: 0 0 39px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; min-height: 30px; overflow: visible !important;
}
html body.canopus.canopus .cn-block-title [data-hp-global-block-title] {
  position: relative; display: inline-block; font-family: var(--hp-font-heading); font-size: 20px; line-height: 30px; font-weight: 700; color: var(--cn-ink); text-transform: uppercase; letter-spacing: 0;
}
html body.canopus.canopus .cn-block-title [data-hp-global-block-title]::before,
html body.canopus.canopus .cn-block-title [data-hp-global-block-title]::after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: var(--cn-accent); }
html body.canopus.canopus .cn-block-title [data-hp-global-block-title]::after { bottom: -11px; }
html body.canopus.canopus .cn-block-title [data-hp-global-block-title]::before { bottom: -14px; }
html body.canopus.canopus .cn-block-title .hp-block-title-icon { display: none !important; }
html body.canopus.canopus .cn-block-title .hp-block-header-link { margin-left: auto; font-size: 15px; line-height: 25px; font-weight: 400; color: var(--cn-ink) !important; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
html body.canopus.canopus .cn-block-title .hp-block-header-link::before { content: "Tümü"; }
html[lang^="en"] html body.canopus.canopus .cn-block-title .hp-block-header-link::before { content: "View More"; }
html body.canopus.canopus .cn-block-title .hp-block-header-link:hover { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-block-title .hp-block-header-link i { font-size: 14px; }
html body.canopus.canopus .hp-block-template-canopus { margin: 0; background: transparent; border: 0; box-shadow: none; }

/* ================= Ana içerik: iki sütun (750 + 375) ================= */
html body.canopus.canopus .cn-main-row > .hp-grid, html body.canopus.canopus .cn-main-row > .hp-layout-row__inner > .hp-grid { column-gap: 15px !important; }
html body.canopus.canopus .cn-main-row, html body.canopus.canopus .cn-videos-row, html body.canopus.canopus .cn-cats-row { margin-block: 0 !important; padding: 0 !important; }
html body.canopus.canopus .cn-main-row .hp-block, html body.canopus.canopus .cn-cats-row .hp-block, html body.canopus.canopus .cn-videos-row .hp-block { margin-bottom: 0; }
html body.canopus.canopus .cn-main-row [data-area-id="cn-main"] > .hp-block { margin-top: 0; }
html body.canopus.canopus .cn-section { margin-top: 50px; }

/* --- Son Haberler: başlık solda, sekmeler sağda; üstte koyu panel, altta 4'lü şerit --- */
html body.canopus.canopus .cn-latest { position: relative; margin-top: 50px !important; padding-top: 0; }
html body.canopus.canopus .cn-latest > .cn-block-title { position: absolute; top: 0; left: 0; margin: 0 !important; z-index: 1; }
html body.canopus.canopus .cn-latest .hp-global-block-body { padding-top: 74px !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs { padding: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__nav { position: absolute; top: 0; right: 0; left: auto; display: flex; flex-wrap: nowrap; justify-content: flex-end; gap: 10px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: hidden; max-width: 560px; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__tab { flex: 0 0 auto; height: 30px; padding: 0 20px !important; border: 0 !important; border-radius: 0 !important; background: var(--cn-soft) !important; color: var(--cn-ink) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 30px !important; text-transform: capitalize; box-shadow: none !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__tab.active, html body.canopus.canopus .cn-latest .hp-category-news-tabs__tab:hover { background: var(--cn-accent) !important; color: #fff !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__rail { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; scroll-snap-type: none !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card { display: block !important; min-width: 0; margin: 0 !important; padding: 14px 15px 14px !important; border-block: 1px solid var(--cn-line-2) !important; border-inline: 0 !important; background: var(--cn-bg) !important; border-radius: 0 !important; box-shadow: none !important; flex: none !important; width: auto !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:nth-child(2) { border-left: 1px solid var(--cn-line-2) !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:last-child { border-right: 1px solid var(--cn-line-2) !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:nth-child(n+2) { margin-top: 30px !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__media { display: block; width: 100% !important; height: 125px; margin: 0 0 12px !important; overflow: hidden; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; aspect-ratio: auto !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__copy { padding: 0 !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__copy time { display: block; order: -1; color: var(--cn-text) !important; font-size: 12px !important; line-height: 15px !important; font-weight: 400 !important; margin-bottom: 4px; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__copy h3 { margin: 0 !important; color: var(--cn-ink) !important; font-size: 14px !important; line-height: 25px !important; font-weight: 500 !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__copy h3 a { color: var(--cn-ink) !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__copy h3 a:hover { color: var(--cn-accent) !important; }
/* ilk haber: koyu panel, solda görsel */
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child { grid-column: 1 / -1; display: grid !important; grid-template-columns: 1fr 1fr; align-items: stretch; margin: 0 !important; padding: 0 !important; border: 0 !important; background: var(--cn-panel) !important; min-height: 270px; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child .hp-category-news-tabs__media { height: 100%; margin: 0 !important; min-height: 270px; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child .hp-category-news-tabs__copy { display: flex; flex-direction: column; justify-content: flex-start; padding: 23px 55px 24px 28px !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child time { color: #fff !important; margin: 0 0 7px !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child h3 { color: #fff !important; font-size: 18px !important; line-height: 28px !important; font-weight: 500 !important; padding: 7px 0 15px; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child h3 a { color: #fff !important; }

/* --- ortak: görselli kart kutusu (1px #ddd, beyaz) --- */
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-grid { padding: 0 !important; background: transparent !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-card { border: 1px solid var(--cn-line) !important; border-radius: 0 !important; background: var(--cn-bg) !important; box-shadow: none !important; overflow: hidden; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-media { border-radius: 0 !important; background: var(--cn-soft); }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-media img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; aspect-ratio: auto; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-kicker { display: none !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-kind { display: none !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-meta { color: var(--cn-text) !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; text-transform: capitalize; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .card-title { color: var(--cn-ink) !important; font-weight: 500 !important; margin: 0 !important; display: block !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .card-title a { color: var(--cn-ink) !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .card-title a:hover { color: var(--cn-accent) !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .card-text { color: var(--cn-text) !important; font-size: 15px !important; line-height: 25px !important; font-weight: 400 !important; margin: 0 !important; }

/* --- Gündemdekiler: solda büyük kart, sağda 4 yatay kart --- */
html body.canopus.canopus .cn-trend { margin-top: 50px; }
html body.canopus.canopus .cn-trend .hp-news-items { display: grid !important; grid-template-columns: 360px minmax(0, 1fr) !important; grid-template-rows: repeat(4, 91px) !important; gap: 20px 30px !important; }
html body.canopus.canopus .cn-trend .hp-news-card--first { grid-column: 1; grid-row: 1 / span 4; display: flex !important; flex-direction: column; height: auto; }
html body.canopus.canopus .cn-trend .hp-news-card--first .hp-news-media { flex: 0 0 auto; height: 187px; margin: 0 0 14px !important; }
html body.canopus.canopus .cn-trend .hp-news-card--first .card-body { padding: 0 20px 20px !important; display: flex !important; flex-direction: column; background: transparent !important; position: static !important; }
html body.canopus.canopus .cn-trend .hp-news-card--first .hp-meta { order: 1; }
html body.canopus.canopus .cn-trend .hp-news-card--first .card-title { order: 2; margin: 5px 0 10px !important; font-size: 18px !important; line-height: 25px !important; text-transform: capitalize; }
html body.canopus.canopus .cn-trend .hp-news-card--first .card-text { order: 3; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) { grid-column: 2; display: grid !important; grid-template-columns: 115px minmax(0, 1fr); gap: 0 !important; height: 91px; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) .hp-news-media { grid-column: 1; grid-row: 1; width: 115px; height: 89px; margin: 0 !important; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) .card-body { grid-column: 2; grid-row: 1; padding: 8px 12px 0 15px !important; background: transparent !important; position: static !important; display: flex !important; flex-direction: column; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) .card-title { order: 1; font-size: 15px !important; line-height: 20px !important; margin: 0 0 4px !important; text-transform: capitalize; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) .hp-meta { order: 2; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) .card-text { display: none !important; }
html body.canopus.canopus .cn-trend .hp-news-card:nth-child(n+6) { display: none !important; }

/* --- Şimdi Sıcak: üstte görsel üstü başlıklı büyük kart, altta yatay liste --- */
html body.canopus.canopus .cn-hot { margin-top: 50px; }
html body.canopus.canopus .cn-hot .hp-news-items { display: grid !important; grid-template-columns: 1fr !important; gap: 25px !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first { display: block !important; position: relative; height: 290px; border: 0 !important; grid-column: 1 !important; grid-row: auto !important; background: #000 !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first .hp-news-media { position: absolute; inset: 0; height: 100%; margin: 0 !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.3) 45%, rgba(0,0,0,.75) 100%); pointer-events: none; z-index: 1; }
html body.canopus.canopus .cn-hot .hp-news-card--first .card-body { position: absolute !important; z-index: 2; inset: auto 0 0 0 !important; padding: 0 40px 20px !important; background: transparent !important; display: flex !important; flex-direction: column; }
html body.canopus.canopus .cn-hot .hp-news-card--first .hp-kicker { position: static !important; display: inline-block !important; align-self: flex-start; order: 1; margin: 0 0 8px !important; padding: 2px 5px !important; background: var(--cn-accent) !important; color: #fff !important; font-size: 12px !important; line-height: 15px !important; text-transform: uppercase; font-weight: 400 !important; border-radius: 0 !important; width: auto !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first .hp-meta { order: 2; color: #fff !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first .card-title { order: 3; margin: 12px 0 0 !important; color: #fff !important; font-size: 18px !important; line-height: 25px !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first .card-title a { color: #fff !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first .card-text { display: none !important; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) { display: grid !important; grid-template-columns: 230px minmax(0, 1fr); grid-column: 1 !important; grid-row: auto !important; height: auto; min-height: 195px; margin: 0 !important; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .hp-news-media { grid-column: 1; width: 230px; height: 100%; min-height: 193px; margin: 0 !important; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .card-body { grid-column: 2; padding: 18px 20px 14px 30px !important; display: flex !important; flex-direction: column; position: static !important; background: transparent !important; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .card-title { order: 1; font-size: 15px !important; line-height: 21px !important; padding-bottom: 2px; text-transform: capitalize; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .hp-meta { order: 2; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .card-text { order: 3; margin-top: 12px !important; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* --- Öne Çıkan Videolar: 3'lü görsel üstü kayan şerit, oklar başlık hizasında sağda --- */
html body.canopus.canopus .cn-videos-row { margin-top: 50px !important; }
html body.canopus.canopus .cn-videos { position: relative; }
html body.canopus.canopus .cn-videos .hp-headline { padding: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-videos .hp-headline-stage { position: static; }
html body.canopus.canopus .cn-videos .hp-headline-swiper { overflow: hidden; }
html body.canopus.canopus .cn-videos .hp-headline-item > a { display: block; position: relative; }
html body.canopus.canopus .cn-videos .hp-headline-media { position: relative; aspect-ratio: 380 / 273; height: auto !important; background: #1b1b1b; }
html body.canopus.canopus .cn-videos .hp-headline-media img { width: 100%; height: 100%; object-fit: cover; }
html body.canopus.canopus .cn-videos .hp-headline-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.75) 100%); pointer-events: none; }
html body.canopus.canopus .cn-videos .hp-headline-copy { position: absolute !important; z-index: 2; inset: auto 0 0 0 !important; padding: 0 20px 18px !important; background: transparent !important; display: flex; flex-direction: column; }
html body.canopus.canopus .cn-videos .hp-headline-copy h3 { margin: 0 !important; color: #fff !important; font-size: 18px !important; line-height: 25px !important; font-weight: 500 !important; }
html body.canopus.canopus .cn-videos .hp-headline-copy time { order: 2; margin-top: 6px; color: #fff !important; font-size: 12px !important; line-height: 14px !important; }
html body.canopus.canopus .cn-videos .swiper-button-prev, html body.canopus.canopus .cn-videos .swiper-button-next { position: absolute; top: -64px !important; width: 30px !important; height: 30px !important; margin: 0 !important; border: 1px solid var(--cn-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--cn-ink) !important; box-shadow: none !important; opacity: 1; }
html body.canopus.canopus .cn-videos .swiper-button-next { right: 0 !important; left: auto !important; }
html body.canopus.canopus .cn-videos .swiper-button-prev { right: 35px !important; left: auto !important; }
html body.canopus.canopus .cn-videos .swiper-button-prev:hover, html body.canopus.canopus .cn-videos .swiper-button-next:hover { background: var(--cn-accent) !important; border-color: var(--cn-accent) !important; color: #fff !important; }

/* --- Sağlık / Siyaset: kayan tekil kartlar (1px çerçeveli), oklar başlık hizasında --- */
html body.canopus.canopus .cn-slide-card { position: relative; margin-top: 50px; }
html body.canopus.canopus .cn-slide-card .hp-news-grid--has-nav { position: static; }
html body.canopus.canopus .cn-slide-card .hp-news-items { display: flex !important; gap: 0 !important; overflow-x: auto; scroll-snap-type: x mandatory; }
html body.canopus.canopus .cn-slide-card .hp-news-card { flex: 0 0 100% !important; width: 100% !important; display: block !important; scroll-snap-align: start; padding: 0 0 20px !important; }
html body.canopus.canopus .cn-slide-card .hp-news-media { display: block; width: 100%; height: 220px; margin: 0 0 14px !important; }
html body.canopus.canopus .cn-slide-card .card-body { padding: 0 20px !important; display: flex !important; flex-direction: column; background: transparent !important; position: static !important; height: auto !important; }
html body.canopus.canopus .cn-slide-card .hp-meta { order: 1; }
html body.canopus.canopus .cn-slide-card .card-title { order: 2; margin: 5px 0 6px !important; font-size: 18px !important; line-height: 25px !important; font-weight: 600 !important; padding: 7px 0 0; }
html body.canopus.canopus .cn-slide-card .card-text { order: 3; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav { position: absolute; top: -57px; width: 26px; height: 26px; margin: 0; border: 1px solid var(--cn-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--cn-ink) !important; box-shadow: none !important; transform: none; inset-block-start: auto; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav--next { right: 0; left: auto; top: -57px; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav--prev { right: 31px; left: auto; top: -57px; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav:hover { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-cats-row > .hp-grid, html body.canopus.canopus .cn-cats-row > .hp-layout-row__inner > .hp-grid { column-gap: 30px !important; row-gap: 0 !important; }

/* --- Öne çıkanlar (sağ): 375x304 görsel üstü kartlar, solda beyaz kategori etiketi --- */
html body.canopus.canopus .cn-featured { margin-top: 50px; }
html body.canopus.canopus .cn-featured .hp-news-items { gap: 30px !important; }
html body.canopus.canopus .cn-featured .hp-news-card { height: 256px; }
html body.canopus.canopus .cn-featured .card-body { padding: 0 25px 25px !important; }
html body.canopus.canopus .cn-featured .hp-kicker { position: absolute !important; left: 0; top: -259px; margin: 0 !important; padding: 5px 16px !important; background: #fff !important; color: var(--cn-ink) !important; font-size: 12px !important; line-height: 18px !important; }
html body.canopus.canopus .cn-featured .card-title { font-size: 18px !important; line-height: 25px !important; font-weight: 500 !important; order: 2; }
html body.canopus.canopus .cn-featured .hp-meta { order: 3; margin-top: 10px !important; }

/* --- Dünyadan: 2 büyük kart + 4 küçük yatay kart --- */
html body.canopus.canopus .cn-world-a { margin-top: 50px; }
html body.canopus.canopus .cn-world-a .hp-news-items { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 30px !important; }
html body.canopus.canopus .cn-world-a .hp-news-card { display: flex !important; flex-direction: column; }
html body.canopus.canopus .cn-world-a .hp-news-media { height: 187px; margin: 0 0 14px !important; }
html body.canopus.canopus .cn-world-a .card-body { padding: 0 20px 20px !important; display: flex !important; flex-direction: column; background: transparent !important; position: static !important; }
html body.canopus.canopus .cn-world-a .hp-meta { order: 1; }
html body.canopus.canopus .cn-world-a .card-title { order: 2; margin: 5px 0 10px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; padding-top: 7px; }
html body.canopus.canopus .cn-world-a .card-text { order: 3; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
html body.canopus.canopus .cn-world-b { margin-top: 25px; }
html body.canopus.canopus .cn-world-b .hp-news-items { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 25px 30px !important; }
html body.canopus.canopus .cn-world-b .hp-news-items::before, html body.canopus.canopus .cn-world-b .hp-news-items::after { display: none !important; }
html body.canopus.canopus .cn-world-b .hp-news-card { width: auto !important; display: grid !important; grid-template-columns: 97px minmax(0, 1fr); height: 77px; margin: 0 !important; justify-self: stretch !important; overflow: hidden !important; }
html body.canopus.canopus .cn-world-b .hp-news-media { width: 97px; height: 75px; margin: 0 !important; }
html body.canopus.canopus .cn-world-b .card-body { padding: 8px 12px 0 15px !important; display: flex !important; flex-direction: column; position: static !important; background: transparent !important; }
html body.canopus.canopus .cn-world-b .card-title { order: 1; font-size: 15px !important; line-height: 20px !important; margin: 0 0 4px !important; }
html body.canopus.canopus .cn-world-b .hp-meta { order: 2; }
html body.canopus.canopus .cn-world-b .card-text { display: none !important; }

/* --- Kategoriler: siyah kutu --- */
html body.canopus.canopus .cn-categories { margin-top: 50px; }
html body.canopus.canopus .cn-categories .hp-category-navigation-body { padding: 0 !important; background: #000 !important; }
html body.canopus.canopus .cn-categories ul { list-style: none; margin: 0; padding: 30px 30px 24px; background: #000; }
html body.canopus.canopus .cn-categories li { margin: 0 0 12px; padding: 0; border: 0 !important; }
html body.canopus.canopus .cn-categories li a { display: flex !important; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 14px; color: #fff !important; font-size: 15px; line-height: 25px; font-weight: 400; text-transform: capitalize; padding: 0 !important; background: transparent !important; border: 0 !important; }
html body.canopus.canopus .cn-categories li a i { font-size: 12px; color: #fff; order: 0; }
html body.canopus.canopus .cn-categories li a:hover { color: var(--cn-accent) !important; }

/* ================= Yan sütun ================= */
html body.canopus.canopus .cn-main-row [data-area-id="cn-side"] > .hp-block { margin-bottom: 0; }
html body.canopus.canopus .cn-social-box { margin-top: 50px; margin-bottom: 44px; padding: 10px !important; border: 1px solid var(--cn-line) !important; background: var(--cn-bg) !important; }
html body.canopus.canopus .cn-social-box .hp-social-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin: 0 !important; }
html body.canopus.canopus .cn-social-box .hp-social-link { display: flex !important; flex-direction: column; align-items: center; justify-content: center; min-height: 118px; padding: 0 0 20px !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; box-shadow: none !important; background: #3b589c !important; text-align: center; }
html body.canopus.canopus .cn-social-box .hp-social-link--twitter { background: #1da1f2 !important; }
html body.canopus.canopus .cn-social-box .hp-social-link:nth-child(3) { background: var(--cn-accent) !important; }
html body.canopus.canopus .cn-social-box .hp-social-icon { font-size: 20px; line-height: 85px; background: transparent !important; color: #fff !important; width: auto; height: auto; }
html body.canopus.canopus .cn-social-box .hp-social-copy b { color: #fff !important; font-size: 15px; line-height: 23px; font-weight: 400; text-transform: uppercase; }
html body.canopus.canopus .cn-social-box .hp-social-copy small { color: #fff !important; font-size: 13px; text-transform: uppercase; }
html body.canopus.canopus .cn-social-box .hp-social-arrow { display: none !important; }
html body.canopus.canopus .cn-subscribe { margin-bottom: 44px; padding: 20px !important; background: #000 !important; border: 0 !important; }
html body.canopus.canopus .cn-subscribe .hp-archive-search-body { padding: 0 !important; }
html body.canopus.canopus .cn-subscribe .input-group { display: flex; flex-wrap: nowrap; align-items: stretch; }
html body.canopus.canopus .cn-subscribe .hp-search-field { flex: 1 1 auto; }
html body.canopus.canopus .cn-subscribe input[type="search"] { height: 39px; padding: 0 20px; font-size: 12px; border: 1px solid #ccc !important; border-radius: 0 !important; background: #fff !important; color: #555; }
html body.canopus.canopus .cn-subscribe .btn { height: 39px; padding: 0 22px; border: 0 !important; border-radius: 0 !important; background: var(--cn-accent) !important; color: #fff !important; font-size: 12px; text-transform: uppercase; }
html body.canopus.canopus .cn-popular { margin-top: 50px; }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-body { padding: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-popular ol { margin: 0; padding: 0; list-style: none; }
html body.canopus.canopus .cn-popular li { margin: 25px 0 0 !important; padding: 0 !important; border: 1px solid var(--cn-line) !important; border-radius: 0 !important; background: var(--cn-bg) !important; }
html body.canopus.canopus .cn-popular li:first-child { position: relative; margin: 0 !important; border: 0 !important; background: #000 !important; height: 256px; overflow: hidden; }
html body.canopus.canopus .cn-popular li a { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: stretch; color: var(--cn-ink); }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-media { width: 100px; height: 78px; margin: 0 !important; border-radius: 0 !important; }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-media img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-copy { padding: 14px 15px 8px !important; display: flex; flex-direction: column; justify-content: center; }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-copy strong { color: var(--cn-ink) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 500 !important; }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-copy time { color: var(--cn-text) !important; font-size: 12px !important; line-height: 14px; margin-top: 8px; }
html body.canopus.canopus .cn-popular li:first-child a { display: block; position: relative; height: 100%; }
html body.canopus.canopus .cn-popular li:first-child .hp-sidebar-feed-media { position: absolute; inset: 0; width: 100%; height: 100%; }
html body.canopus.canopus .cn-popular li:first-child a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.3) 45%, rgba(0,0,0,.75) 100%); }
html body.canopus.canopus .cn-popular li:first-child .hp-sidebar-feed-copy { position: absolute; z-index: 2; inset: auto 0 0 0; padding: 0 25px 25px !important; }
html body.canopus.canopus .cn-popular li:first-child .hp-sidebar-feed-copy strong, html body.canopus.canopus .cn-popular li:first-child .hp-sidebar-feed-copy time { color: #fff !important; }
html body.canopus.canopus .cn-popular li:first-child .hp-sidebar-feed-copy strong { font-size: 18px !important; line-height: 25px !important; }
html body.canopus.canopus .cn-authors-box { margin-top: 50px; }

/* ================= Alt bilgi ================= */
html body.canopus.canopus .cn-footer-top { background: var(--cn-dark); margin-top: 50px !important; }
html body.canopus.canopus .cn-footer-top > .hp-grid, html body.canopus.canopus .cn-footer-top > .hp-layout-row__inner > .hp-grid { padding-block: 50px; column-gap: 30px !important; }
html body.canopus.canopus .cn-footer-top h3, html body.canopus.canopus .cn-footer-top .cn-block-title [data-hp-global-block-title] { color: #fff; font-size: 18px; line-height: 28px; font-weight: 600; text-transform: uppercase; }
html body.canopus.canopus .cn-footer-bottom { background: #000; color: #fff; }

/* iki sütunlu satırlar: 750 + 15 + 375 ; üç sütunlu satır: 360 + 30 + 360 + 15 + 375 */
@media (min-width: 960px) {
  html body.canopus.canopus :is(.cn-hero-row,.cn-main-row) .hp-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important; column-gap: 15px !important; }
  html body.canopus.canopus :is(.cn-hero-row,.cn-main-row) .hp-grid > .hp-grid-area { grid-column: auto !important; }
  html body.canopus.canopus .cn-cats-row .hp-grid { grid-template-columns: 360px 30px 360px 15px 375px !important; column-gap: 0 !important; }
  html body.canopus.canopus .cn-cats-row [data-area-id="cn-health"] { grid-column: 1 !important; grid-row: 1; margin: 0 !important; }
  html body.canopus.canopus .cn-cats-row [data-area-id="cn-politics"] { grid-column: 3 !important; grid-row: 1; margin: 0 !important; }
  html body.canopus.canopus .cn-cats-row [data-area-id="cn-right"] { grid-column: 5 !important; grid-row: 1 / span 2; margin: 0 !important; }
  html body.canopus.canopus .cn-cats-row [data-area-id="cn-world"] { grid-column: 1 / span 3 !important; grid-row: 2; margin: 0 !important; width: auto; }
}

html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .card-title a { text-decoration: none !important; background: none !important; box-shadow: none !important; border: 0 !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-card::before, html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-card::after { display: none !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-news-card { border-top: 1px solid var(--cn-line) !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__head { position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__head h2 { position: relative; display: inline-block; margin: 0; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: uppercase; color: var(--cn-ink); }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__head h2::before, html body.canopus.canopus .cn-latest .hp-category-news-tabs__head h2::after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: var(--cn-accent); }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__head h2::after { bottom: -11px; } html body.canopus.canopus .cn-latest .hp-category-news-tabs__head h2::before { bottom: -14px; }

/* düzeltmeler (tur 2) */
html body.canopus.canopus .cn-block-title [data-hp-global-block-title] { overflow: visible !important; text-overflow: clip !important; white-space: nowrap; }
html body.canopus.canopus .cn-block-title .hp-block-header-link { position: static !important; margin: 0 0 0 auto !important; padding: 0 !important; transform: none !important; width: auto !important; height: auto !important; background: transparent !important; border: 0 !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .card-title { text-decoration: none !important; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .card-body { border: 0 !important; box-shadow: none !important; }
html body.canopus.canopus .cn-hero .hp-headline-category { max-width: none !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap; }
html body.canopus.canopus :is(.cn-trend,.cn-hot,.cn-world-a,.cn-world-b,.cn-slide-card) .hp-category-badge { display: none !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first .hp-category-badge { display: inline-block !important; position: static !important; }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-media { flex: 0 0 100px; max-width: 100px; overflow: hidden; }
html body.canopus.canopus .cn-popular li > a { display: grid !important; grid-template-columns: 100px minmax(0, 1fr) !important; }
html body.canopus.canopus .cn-popular li:first-child > a { display: block !important; }
html body.canopus.canopus .hp-block-template-canopus { overflow: visible; }

html body.canopus.canopus .cn-videos .swiper-button-prev, html body.canopus.canopus .cn-videos .swiper-button-next { top: 0 !important; bottom: auto !important; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav { top: 2px !important; bottom: auto !important; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav--next { right: 0 !important; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav--prev { right: 31px !important; }
html body.canopus.canopus .cn-popular li:first-child .hp-sidebar-feed-media { max-width: none !important; flex: none !important; }

/* ================= Tipografi rol değişkenleri (ortak ölçek değişkenleri, bileşen kapsamında) ================= */
html body.canopus.canopus { --hp-fs-meta: 12px; --hp-lh-meta: 14px; --hp-fw-meta: 400; --hp-fw-nav: 400; --hp-fw-label: 400; --hp-fw-ticker: 500; --hp-fw-summary: 400; }
html body.canopus.canopus .cn-hero { --hp-fs-hero-title: 30px; --hp-lh-hero-title: 46.5px; --hp-fw-hero-title: 700; --hp-fs-card-title: 30px; --hp-lh-card-title: 46.5px; --hp-fw-card-title: 700; }
html body.canopus.canopus .cn-hero-side { --hp-fs-card-title: 20px; --hp-lh-card-title: 25px; --hp-fw-card-title: 500; }
html body.canopus.canopus .cn-featured { --hp-fs-card-title: 18px; --hp-lh-card-title: 25px; --hp-fw-card-title: 500; }
html body.canopus.canopus .cn-videos { --hp-fs-card-title: 18px; --hp-lh-card-title: 25px; --hp-fw-card-title: 500; --hp-card-media-gap: 0px; }
html body.canopus.canopus .cn-trend { --hp-fs-hero-title: 18px; --hp-lh-hero-title: 25px; --hp-fw-hero-title: 500; --hp-fs-card-title: 15px; --hp-lh-card-title: 20px; --hp-fw-card-title: 500; --hp-fs-list-title: 15px; --hp-lh-list-title: 20px; --hp-fw-list-title: 500; --hp-card-media-gap: 0px; --hp-card-media-gap-inline: 0px; }
html body.canopus.canopus .cn-hot { --hp-fs-hero-title: 18px; --hp-lh-hero-title: 25px; --hp-fw-hero-title: 500; --hp-fs-card-title: 15px; --hp-lh-card-title: 20px; --hp-fw-card-title: 500; --hp-fs-list-title: 15px; --hp-lh-list-title: 20px; --hp-fw-list-title: 500; --hp-card-media-gap: 0px; --hp-card-media-gap-inline: 0px; }
html body.canopus.canopus .cn-world-a { --hp-fs-card-title: 14px; --hp-lh-card-title: 25px; --hp-fw-card-title: 600; --hp-card-media-gap: 0px; --hp-card-media-gap-inline: 0px; }
html body.canopus.canopus .cn-world-b { --hp-fs-card-title: 15px; --hp-lh-card-title: 20px; --hp-fw-card-title: 500; --hp-card-media-gap: 0px; --hp-card-media-gap-inline: 0px; }
html body.canopus.canopus .cn-slide-card { --hp-fs-list-title: 18px; --hp-lh-list-title: 25px; --hp-fw-list-title: 600; --hp-fs-card-title: 18px; --hp-lh-card-title: 25px; --hp-fw-card-title: 600; --hp-card-media-gap: 0px; }
html body.canopus.canopus .cn-latest { --hp-fs-card-title: 14px; --hp-lh-card-title: 25px; --hp-fw-card-title: 500; --hp-card-media-gap: 0px; --hp-fw-label: 400; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child { --hp-fs-card-title: 18px; --hp-lh-card-title: 28px; --hp-fw-card-title: 500; }
html body.canopus.canopus .cn-ticker { --hp-fw-ticker: 500; }

html body.canopus.canopus .cn-videos .swiper-button-prev, html body.canopus.canopus .cn-videos .swiper-button-next { top: -64px !important; }
html body.canopus.canopus .cn-world-b .hp-news-items { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 25px 30px !important; }
html body.canopus.canopus .cn-world-b .hp-news-card { display: grid !important; grid-template-columns: 97px minmax(0, 1fr) !important; height: 77px !important; width: auto !important; margin: 0 !important; }
html body.canopus.canopus .cn-world-b .hp-news-media { width: 97px !important; height: 75px !important; margin: 0 !important; grid-column: 1 !important; grid-row: 1 !important; }
html body.canopus.canopus .cn-world-b .card-body { grid-column: 2 !important; grid-row: 1 !important; padding: 8px 12px 0 15px !important; }
html body.canopus.canopus .cn-slide-card .hp-news-items { background: transparent !important; padding: 0 !important; gap: 0 !important; scroll-snap-type: x mandatory; }
html body.canopus.canopus .cn-slide-card .hp-news-grid { background: transparent !important; }
html body.canopus.canopus .cn-slide-card .hp-news-card { flex: 0 0 100% !important; max-width: 100% !important; min-width: 100% !important; color: var(--cn-text); }
html body.canopus.canopus .cn-videos .hp-headline-stage { overflow: visible !important; clip-path: inset(-80px 0 0 0); position: relative !important; }
html body.canopus.canopus .cn-videos .hp-headline-swiper { overflow: visible !important; }
html body.canopus.canopus .cn-slide-card .hp-news-flow-nav { opacity: 1 !important; display: grid !important; place-items: center; z-index: 5; font-size: 14px; }
html body.canopus.canopus .cn-block-title::before, html body.canopus.canopus .cn-block-title::after { content: none !important; display: none !important; }
html body.canopus.canopus :is(.cn-main-row,.cn-cats-row,.cn-hero-row,.cn-videos-row) .hp-grid-area { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }

/* ================= Alt bilgi (koyu #1b1b1b, 3 sütun; altta siyah telif şeridi) ================= */
html body.canopus.canopus .cn-footer-top { background: var(--cn-dark); margin: 50px 0 0 !important; color: #ccc; }
html body.canopus.canopus .cn-footer-top > .hp-grid, html body.canopus.canopus .cn-footer-top > .hp-layout-row__inner > .hp-grid { padding-block: 50px; column-gap: 30px !important; align-items: start; }
html body.canopus.canopus .cn-footer-top .hp-grid-area { display: block; }
html body.canopus.canopus .cn-footer-top .hp-block { margin: 0 !important; background: transparent !important; border: 0 !important; width: auto; }
html body.canopus.canopus .cn-footer-top .cn-block-title { margin: 0 0 22px !important; padding-bottom: 8px !important; box-shadow: 0 2px 1px -2px #ccc !important; min-height: 0; }
html body.canopus.canopus .cn-footer-top .cn-block-title [data-hp-global-block-title] { color: #fff; font-size: 18px; line-height: 28px; font-weight: 600; text-transform: uppercase; }
html body.canopus.canopus .cn-footer-top .cn-block-title [data-hp-global-block-title]::before, html body.canopus.canopus .cn-footer-top .cn-block-title [data-hp-global-block-title]::after { display: none !important; }
html body.canopus.canopus .cn-footer-top .cn-block-title .hp-block-header-link { display: none !important; }
html body.canopus.canopus .cn-footer-logo { margin-bottom: 4px !important; }
html body.canopus.canopus .cn-footer-logo img { max-height: 61px; }
html body.canopus.canopus .cn-footer-about p { margin: 22px 0 0; color: #ccc; font-size: 15px; line-height: 25px; }
html body.canopus.canopus .cn-footer-about p.cn-footer-social-title { margin-top: 24px; color: #ccc; }
html body.canopus.canopus .cn-footer-social { margin-top: 11px !important; }
html body.canopus.canopus .cn-footer-social .hp-social-list { display: flex; gap: 6px; flex-wrap: wrap; }
html body.canopus.canopus .cn-footer-social .hp-social-link { display: grid !important; place-items: center; width: 32px; height: 32px; border: 0 !important; border-radius: 50% !important; background: #2d2d2d !important; color: #ddd !important; padding: 0 !important; min-width: 0; box-shadow: none !important; }
html body.canopus.canopus .cn-footer-social .hp-social-link:hover { background: var(--cn-accent) !important; color: #fff !important; }
html body.canopus.canopus .cn-footer-social .hp-social-copy, html body.canopus.canopus .cn-footer-social .hp-social-arrow { display: none !important; }
html body.canopus.canopus .cn-footer-social .hp-social-icon { background: transparent !important; width: auto; height: auto; display: grid; place-items: center; }
html body.canopus.canopus .cn-footer-popular .hp-sidebar-feed-body { background: transparent !important; padding: 0 !important; }
html body.canopus.canopus .cn-footer-popular ol { margin: 0; padding: 0; list-style: none; }
html body.canopus.canopus .cn-footer-popular li { padding: 7px 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-footer-popular li:first-child { padding-top: 0 !important; }
html body.canopus.canopus .cn-footer-popular li > a { display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; column-gap: 15px !important; align-items: start; }
html body.canopus.canopus .cn-footer-popular .hp-sidebar-feed-media { width: 150px; height: 84px; max-width: 150px; margin: 0 !important; border-radius: 0 !important; }
html body.canopus.canopus .cn-footer-popular .hp-sidebar-feed-media img { width: 100%; height: 100%; object-fit: cover; }
html body.canopus.canopus .cn-footer-popular .hp-sidebar-feed-copy { padding: 0 !important; }
html body.canopus.canopus .cn-footer-popular .hp-sidebar-feed-copy strong { color: #ccc !important; font-size: 15px !important; line-height: 25px !important; font-weight: 400 !important; }
html body.canopus.canopus .cn-footer-popular .hp-sidebar-feed-copy time { color: #777 !important; font-size: 12px !important; margin-top: 8px; display: block; }
html body.canopus.canopus .cn-footer-popular a:hover strong { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-footer-gallery .hp-news-grid { padding: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-footer-gallery .hp-news-items { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 10px 10px !important; }
html body.canopus.canopus .cn-footer-gallery .hp-news-card { background: transparent !important; border: 0 !important; padding: 0 !important; aspect-ratio: 81 / 67; }
html body.canopus.canopus .cn-footer-gallery .hp-news-media { display: block; width: 100%; height: 100%; margin: 0 !important; }
html body.canopus.canopus .cn-footer-gallery .hp-news-media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; }
html body.canopus.canopus .cn-footer-gallery :is(.card-body,.hp-kind,.hp-news-kind) { display: none !important; }
/* telif şeridi */
html body.canopus.canopus .cn-footer-bottom { background: #000; color: #fff; margin: 0 !important; }
html body.canopus.canopus .cn-footer-bottom .hp-block { margin: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-footer-bottom :is(.hp-footer-brand,.hp-footer-navigation) { display: none !important; }
html body.canopus.canopus .cn-footer-bottom .hp-site-footer-block { background: #000 !important; padding: 0 !important; border: 0 !important; color: #fff; }
html body.canopus.canopus .cn-footer-bottom .hp-footer-layout { padding: 0 !important; display: block; }
html body.canopus.canopus .cn-footer-bottom .hp-footer-bottom { padding: 15px 0 !important; border: 0 !important; justify-content: center; text-align: center; color: #fff; font-size: 15px; line-height: 25px; }
html body.canopus.canopus .cn-footer-bottom .hp-footer-bottom * { color: #fff; font-size: 15px; }
html body.canopus.canopus .cn-footer-bottom a:hover { color: var(--cn-accent) !important; }

html body.canopus.canopus .cn-menubar.cn-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 999; border: 0; box-shadow: 0 0 5px 0 rgba(0,0,0,.2); transition: transform .3s; }
html body.canopus.canopus .cn-footer-logo .hp-logo-light { display: none !important; }
@media (min-width: 768px) {
  html body.canopus.canopus .cn-footer-logo .hp-logo-dark.hp-logo-desktop { display: block !important; }
  html body.canopus.canopus .cn-footer-logo .hp-logo-dark.hp-logo-mobile { display: none !important; }
}
@media (max-width: 767.98px) {
  html body.canopus.canopus .cn-footer-logo .hp-logo-dark.hp-logo-mobile { display: block !important; }
  html body.canopus.canopus .cn-footer-logo .hp-logo-dark.hp-logo-desktop { display: none !important; }
}
html body.canopus.canopus .cn-footer-top .cn-block-title [data-hp-global-block-title] { color: #fff !important; }

/* ================= Tablet / mobil (≤767px): referans mobil düzeni, ortalı bloklar ================= */
@media (max-width: 767.98px) {
  html body.canopus.canopus .cn-topbar > .hp-grid, html body.canopus.canopus .cn-topbar > .hp-layout-row__inner > .hp-grid { padding-block: 8px; row-gap: 6px; }
  html body.canopus.canopus .cn-topbar .hp-grid-area { justify-content: center !important; flex-wrap: wrap; gap: 4px 14px; text-align: center; }
  html body.canopus.canopus .cn-topbar .cn-top-date { flex: 0 0 auto; }
  html body.canopus.canopus .cn-top-links .hp-header-links-menu { gap: 14px; flex-wrap: wrap; justify-content: center; }
  html body.canopus.canopus .cn-top-social .hp-social-list { justify-content: center; gap: 6px; }
  html body.canopus.canopus .cn-middle > .hp-grid, html body.canopus.canopus .cn-middle > .hp-layout-row__inner > .hp-grid { padding-block: 14px 14px; row-gap: 12px; }
  html body.canopus.canopus .cn-middle .hp-grid-area { justify-content: center !important; }
  html body.canopus.canopus .cn-menubar { background: #000; border: 0; }
  html body.canopus.canopus .cn-menubar > .hp-grid, html body.canopus.canopus .cn-menubar > .hp-layout-row__inner > .hp-grid { min-height: 50px; padding-block: 6px; }
  html body.canopus.canopus .cn-mmenu .hp-mobile-menu-trigger { color: #fff !important; background: transparent !important; border: 0 !important; width: 44px; height: 44px; }
  html body.canopus.canopus .cn-search .hp-search-toggle { width: 42px !important; height: 38px !important; }
  html body.canopus.canopus .cn-ticker .hp-breaking { height: 40px; min-height: 40px; }
  html body.canopus.canopus .cn-ticker .hp-breaking-swiper { padding: 0 8px; height: 40px; }
  html body.canopus.canopus .cn-hero-row > .hp-grid, html body.canopus.canopus .cn-hero-row > .hp-layout-row__inner > .hp-grid { row-gap: 20px !important; }
  html body.canopus.canopus .cn-hero .hp-headline-item > a { aspect-ratio: 375 / 280; grid-template-columns: 16px minmax(0, 1fr) 16px; grid-template-rows: minmax(0, 1fr) auto auto auto 20px; text-align: center; }
  html body.canopus.canopus .cn-hero .hp-headline-category { grid-area: 2 / 2; justify-self: center; margin: 0 0 8px !important; }
  html body.canopus.canopus .cn-hero .hp-headline-copy time { grid-area: 3 / 2; justify-self: center; }
  html body.canopus.canopus .cn-hero .hp-headline-copy h3 { grid-area: 4 / 2; margin: 6px 0 0 !important; font-size: 15px !important; line-height: 22px !important; letter-spacing: .3px; }
  html body.canopus.canopus .cn-hero .hp-headline-copy p { display: none !important; }
  html body.canopus.canopus .cn-hero { --hp-fs-hero-title: 15px; --hp-lh-hero-title: 22px; --hp-fs-card-title: 15px; --hp-lh-card-title: 22px; }
  html body.canopus.canopus .cn-hero-side .hp-news-items { gap: 20px !important; }
  html body.canopus.canopus .cn-hero-side .hp-news-card { height: 170px; }
  html body.canopus.canopus .cn-hero-side .card-body { align-items: center; text-align: center; padding: 0 12px 14px !important; }
  html body.canopus.canopus .cn-hero-side .hp-kicker { align-self: center; }
  html body.canopus.canopus .cn-hero-side { --hp-fs-card-title: 16px; --hp-lh-card-title: 22px; }
  html body.canopus.canopus .cn-latest .hp-global-block-body { padding-top: 66px !important; }
  html body.canopus.canopus .cn-latest > .cn-block-title { position: static; margin-bottom: 20px !important; }
  html body.canopus.canopus .cn-latest .hp-global-block-body { padding-top: 0 !important; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__nav { position: static; flex-direction: column; max-width: none; gap: 10px; margin: 0 0 20px !important; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__tab { width: 100%; text-align: left; height: 40px; line-height: 40px !important; padding: 0 8px !important; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__rail { grid-template-columns: 1fr !important; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child { grid-template-columns: 1fr; min-height: 0; text-align: center; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child .hp-category-news-tabs__media { min-height: 0; height: 312px; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child .hp-category-news-tabs__copy { padding: 22px 20px 30px !important; align-items: center; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:nth-child(n+2) { display: grid !important; grid-template-columns: 90px minmax(0, 1fr); column-gap: 14px; margin-top: 20px !important; padding: 0 !important; border: 0 !important; background: transparent !important; align-items: center; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:nth-child(n+2) .hp-category-news-tabs__media { height: 72px; margin: 0 !important; }
  html body.canopus.canopus .cn-trend .hp-news-items { grid-template-columns: 1fr !important; grid-template-rows: none !important; gap: 20px !important; }
  html body.canopus.canopus .cn-trend .hp-news-card--first { grid-row: auto; }
  html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) { grid-column: 1; }
  html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) { grid-template-columns: 110px minmax(0, 1fr); min-height: 0; }
  html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .hp-news-media { width: 110px; min-height: 110px; }
  html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .card-text { display: none !important; }
  html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .card-body { padding: 10px 12px !important; }
  html body.canopus.canopus .cn-social-box .hp-social-link { min-height: 110px; }
  html body.canopus.canopus .cn-world-b .hp-news-items { grid-template-columns: 1fr !important; }
  html body.canopus.canopus .cn-world-a .hp-news-items { grid-template-columns: 1fr !important; }
  html body.canopus.canopus .cn-footer-top > .hp-grid, html body.canopus.canopus .cn-footer-top > .hp-layout-row__inner > .hp-grid { row-gap: 30px; }
  html body.canopus.canopus .cn-videos .hp-headline-media { aspect-ratio: 16 / 11; }
}

/* ================= Mega menü (referans: 1140px beyaz panel; 960'a uyarlandı, 4 sütun görsel + başlık) ================= */
html body.canopus.canopus .cn-nav {
  --hp-mega-align: container; --hp-mega-width: min(var(--hp-content-width, 1140px), calc(100vw - 30px)); --hp-mega-top: 100%;
  --hp-mega-bg: var(--cn-bg); --hp-mega-text: var(--cn-ink); --hp-mega-border: var(--cn-line); --hp-mega-radius: 0;
  --hp-mega-shadow: 0 2px 8px rgba(0,0,0,.18); --hp-mega-gap: 30px; --hp-mega-pad: 15px 15px; --hp-mega-card-gap: 30px;
  --hp-mega-ratio: 3 / 2; --hp-mega-muted: var(--cn-text); --hp-mega-cols: 4; --hp-mega-media-radius: 0;
}
html body.canopus.canopus .cn-nav .hp-mega .hp-mega-title { color: var(--cn-ink) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 500 !important; text-transform: none; margin: 15px 0 10px; }
html body.canopus.canopus .cn-nav .hp-mega .hp-mega-title:hover { color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-nav .hp-mega .hp-mega-date { font-size: 12px; line-height: 14px; color: var(--cn-text); }
html body.canopus.canopus .cn-nav .hp-mega .hp-mega-cat { font-size: 12px; font-weight: 400 !important; text-transform: uppercase; color: var(--cn-accent) !important; }
html body.canopus.canopus .cn-nav .hp-mega .hp-mega-post:hover .hp-mega-media img { opacity: .7; }
html body.canopus.canopus .cn-nav .hp-mega .hp-mega-media img { transition: opacity .5s ease; }

/* ================= Ana sayfa varyantları (home-1..3) ================= */
html body.canopus.canopus .cn-ticker-top { background: var(--cn-band); margin: 0 !important; padding: 0 !important; width: 100%; }
html body.canopus.canopus .cn-ticker-top > .hp-grid, html body.canopus.canopus .cn-ticker-top > .hp-layout-row__inner > .hp-grid { width: min(calc(100% - 30px), var(--hp-content-width, 1140px)); margin-inline: auto; }
html body.canopus.canopus .cn-ticker-top .hp-breaking { height: 47px; min-height: 47px; }
html body.canopus.canopus .cn-ticker-top .hp-breaking-control { height: 47px; }
/* Home 2: ortalı logo, banner yok */
html body.canopus.canopus:has(.cn-vc) .cn-middle [data-area-id="cn-adv"] { display: none !important; }
html body.canopus.canopus:has(.cn-vc) .cn-middle [data-area-id="cn-logo"] { grid-column: 1 / -1 !important; justify-content: center !important; }
html body.canopus.canopus:has(.cn-vc) .cn-middle > .hp-grid { padding-block: 20px; }
/* 3'lü manşet: 380 x 278 görsel üstü kartlar, aralıksız */
html body.canopus.canopus .cn-hero3-row { margin-block: 50px 0 !important; padding: 0 !important; }
html body.canopus.canopus .cn-hero3 { --hp-fs-card-title: 20px; --hp-lh-card-title: 25px; --hp-fw-card-title: 500; }
html body.canopus.canopus .cn-hero3 .hp-news-grid { padding: 0 !important; background: transparent !important; }
html body.canopus.canopus .cn-hero3 .hp-news-items { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; }
html body.canopus.canopus .cn-hero3 .hp-news-card { position: relative; overflow: hidden; border: 0 !important; border-radius: 0 !important; background: #000 !important; padding: 0 !important; height: 234px; display: block !important; }
html body.canopus.canopus .cn-hero3 .hp-news-media { position: absolute; inset: 0; margin: 0 !important; width: 100%; height: 100%; }
html body.canopus.canopus .cn-hero3 .hp-news-media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; border-radius: 0 !important; }
html body.canopus.canopus .cn-hero3 .hp-news-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.75) 100%); pointer-events: none; z-index: 1; }
html body.canopus.canopus .cn-hero3 .card-body { position: absolute !important; z-index: 2; inset: auto 0 0 0 !important; padding: 0 22px 18px !important; background: transparent !important; display: flex !important; flex-direction: column; border: 0 !important; }
html body.canopus.canopus .cn-hero3 .hp-kicker, html body.canopus.canopus .cn-hero3 .hp-category-badge { order: 1; align-self: flex-start; position: static !important; margin: 0 0 8px !important; padding: 2px 5px !important; background: var(--cn-accent) !important; color: #fff !important; font-size: 12px !important; line-height: 15px !important; text-transform: uppercase !important; font-weight: 400 !important; border: 0 !important; border-radius: 0 !important; width: auto !important; }
html body.canopus.canopus .cn-hero3 .hp-meta { order: 2; margin: 0 !important; color: #fff !important; }
html body.canopus.canopus .cn-hero3 .card-title { order: 3; margin: 6px 0 0 !important; color: #fff !important; text-decoration: none !important; display: block !important; }
html body.canopus.canopus .cn-hero3 .card-title a { color: #fff !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; }
html body.canopus.canopus .cn-hero3 .card-text, html body.canopus.canopus .cn-hero3 .hp-news-kind { display: none !important; }
html body.canopus.canopus .cn-ticker-row { margin-block: 0 !important; }
@media (max-width: 767.98px) {
  html body.canopus.canopus .cn-hero3 .hp-news-items { grid-template-columns: 1fr !important; gap: 20px !important; }
  html body.canopus.canopus .cn-hero3 .hp-news-card { height: 170px; }
  html body.canopus.canopus .cn-hero3 .card-body { align-items: center; text-align: center; }
  html body.canopus.canopus .cn-hero3 .hp-kicker { align-self: center; }
  html body.canopus.canopus .cn-hero3-row { margin-block: 20px 0 !important; }
}

/* 960'a uyarlama (tur 3) */
html body.canopus.canopus :is(.cn-hero-side,.cn-featured,.cn-hero3) .card-title { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
html body.canopus.canopus .cn-hero-side { --hp-fs-card-title: 20px; --hp-lh-card-title: 25px; }
html body.canopus.canopus .cn-hero-side .card-body { padding: 0 18px 12px !important; }
html body.canopus.canopus .cn-hero-side .card-title { margin-top: 5px !important; }
html body.canopus.canopus .cn-social-box .hp-social-copy b { font-size: 13px; letter-spacing: 0; }
html body.canopus.canopus .cn-social-box .hp-social-copy small { font-size: 11px; }
html body.canopus.canopus .cn-social-box .hp-social-icon { line-height: 70px; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) .card-title { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 19px; }

html body.canopus.canopus .cn-trend { --hp-fs-card-title: 14px; --hp-lh-card-title: 19px; --hp-fs-list-title: 14px; --hp-lh-list-title: 19px; }

html body.canopus.canopus .cn-social-box .hp-social-link { padding: 0 4px 16px !important; }
html body.canopus.canopus .cn-social-box .hp-social-copy { display: flex; flex-direction: column; align-items: center; text-align: center; }
html body.canopus.canopus .cn-social-box .hp-social-copy b { font-size: 12px; line-height: 18px; word-break: normal; }
html body.canopus.canopus .cn-social-box .hp-social-link { overflow: hidden; }

/* ================= 16:9 görsel oranı (kullanıcı kararı 14.10): haber görsellerinde aspect-ratio 16/9 + object-fit cover =================
   İstisnalar (OLCUMLER.md): yazar avatarı (daire), logo, sosyal ikon, e-gazete kapağı. */
html body.canopus.canopus .cn-hero .hp-headline-item > a { aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-hero .hp-headline-copy h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
html body.canopus.canopus .cn-hero .hp-headline-copy p { -webkit-line-clamp: 2; }
html body.canopus.canopus .cn-hero-side .hp-news-items { gap: 0 !important; }
html body.canopus.canopus .cn-hero-side .hp-news-card { height: auto !important; aspect-ratio: 16 / 9; border-bottom: 2px solid var(--cn-bg) !important; }
html body.canopus.canopus .cn-hero-side .hp-news-card:last-child { border-bottom: 0 !important; }
html body.canopus.canopus .cn-hero-side .hp-news-card .hp-news-media::after { display: none; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__media { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child { min-height: 0 !important; }
html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child .hp-category-news-tabs__media { height: auto !important; min-height: 0 !important; align-self: start; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-trend .hp-news-items { grid-template-rows: repeat(4, 91px) !important; }
html body.canopus.canopus .cn-trend .hp-news-card--first .hp-news-media { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) { grid-template-columns: 160px minmax(0, 1fr) !important; }
html body.canopus.canopus .cn-trend .hp-news-card:not(.hp-news-card--first) .hp-news-media { width: 160px !important; height: 90px !important; }
html body.canopus.canopus .cn-hot .hp-news-card--first { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) { grid-template-columns: 230px minmax(0, 1fr) !important; min-height: 0 !important; }
html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .hp-news-media { width: 230px !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9; align-self: start; }
html body.canopus.canopus .cn-videos .hp-headline-media { aspect-ratio: 16 / 9 !important; }
html body.canopus.canopus .cn-slide-card .hp-news-media { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-featured .hp-news-card { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-world-a .hp-news-media { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-world-b .hp-news-card { grid-template-columns: 160px minmax(0, 1fr) !important; height: 90px !important; }
html body.canopus.canopus .cn-world-b .hp-news-media { width: 160px !important; height: 90px !important; }
html body.canopus.canopus .cn-popular li:first-child { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-popular .hp-sidebar-feed-media { height: auto !important; aspect-ratio: 16 / 9; align-self: start; }
html body.canopus.canopus .cn-popular li > a { grid-template-columns: 133px minmax(0, 1fr) !important; }
html body.canopus.canopus .cn-popular li:first-child > a { height: 100%; }
html body.canopus.canopus .cn-footer-popular .hp-sidebar-feed-media { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-footer-gallery .hp-news-card { aspect-ratio: 16 / 9 !important; }
html body.canopus.canopus .cn-hero3 .hp-news-card { height: auto !important; aspect-ratio: 16 / 9; }
html body.canopus.canopus .cn-nav { --hp-mega-ratio: 16 / 9; }
html body.canopus.canopus .cn-popular li > a .hp-sidebar-feed-media img, html body.canopus.canopus .cn-trend .hp-news-media img, html body.canopus.canopus .cn-hot .hp-news-media img { object-fit: cover; }
@media (max-width: 767.98px) {
  html body.canopus.canopus .cn-hero .hp-headline-item > a { aspect-ratio: 16 / 9; }
  html body.canopus.canopus .cn-hero-side .hp-news-items { gap: 20px !important; }
  html body.canopus.canopus .cn-hero-side .hp-news-card { height: auto !important; aspect-ratio: 16 / 9; border-bottom: 0 !important; }
  html body.canopus.canopus .cn-hero3 .hp-news-card { height: auto !important; aspect-ratio: 16 / 9; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:first-child .hp-category-news-tabs__media { height: auto !important; aspect-ratio: 16 / 9; }
  html body.canopus.canopus .cn-latest .hp-category-news-tabs__card:nth-child(n+2) .hp-category-news-tabs__media { height: auto !important; aspect-ratio: 16 / 9; }
  html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) .hp-news-media { min-height: 0 !important; width: 120px !important; }
  html body.canopus.canopus .cn-hot .hp-news-card:not(.hp-news-card--first) { grid-template-columns: 120px minmax(0, 1fr) !important; }
}