/* ====== Dinamik bileşenler (Laravel) ====== */
:root{ --red:#C8102E; --navy:#0D1B2A; --gold:#D4A017; }

/* Liste kartları */
.nl-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
.nl-card{ display:block; background:#fff; border:1px solid #eceff3; border-radius:12px; overflow:hidden; transition:.2s; color:inherit; text-decoration:none; }
.nl-card:hover{ box-shadow:0 10px 30px rgba(13,27,42,.10); transform:translateY(-3px); }
.nl-thumb{ position:relative; aspect-ratio:16/10; overflow:hidden; }
.nl-thumb img{ width:100%; height:100%; object-fit:cover; }
.nl-tag{ position:absolute; top:10px; left:10px; color:#fff; font-size:11px; font-weight:700; padding:4px 8px; border-radius:4px; letter-spacing:.04em; }
.nl-body{ padding:14px 16px; }
.nl-body h3{ font-size:16px; line-height:1.35; margin:0 0 8px; color:var(--navy); }
.nl-body p{ font-size:13px; color:#6b7280; margin:0 0 10px; }
.nl-body small{ color:var(--muted-ink); font-size:12px; }

/* Bölüm başlığı (liste sayfaları) */
.page-head{ background:var(--navy); color:#fff; padding:34px 0; margin-bottom:28px; }
.page-head h1{ margin:0; font-size:28px; }
.page-head p{ margin:6px 0 0; opacity:.8; }

/* Yorum formu */
.nd-comment-form input, .nd-comment-form textarea{ width:100%; padding:11px 13px; border:1px solid #d7dce3; border-radius:8px; font:inherit; }
.nd-comment-form input:focus, .nd-comment-form textarea:focus{ outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(200,16,46,.2); }
.nd-comment-form input[type=checkbox]{ width:auto; }
.nd-comment-form [aria-invalid="true"]{ border-color:#b42318; }
.nd-form-note{ font-size:13px; color:var(--muted-ink); margin:0 0 12px; }
.nd-field-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.nd-field{ display:flex; flex-direction:column; gap:6px; margin-top:12px; }
.nd-field-row .nd-field{ margin-top:0; }
.nd-field label{ font-size:14px; font-weight:600; color:var(--text); }
.nd-optional{ font-weight:400; color:var(--muted-ink); }
.nd-field-error{ color:#b42318; font-size:13px; }
@media (max-width:600px){ .nd-field-row{ grid-template-columns:1fr; } }
.btn-primary{ display:inline-flex; align-items:center; gap:8px; background:var(--red); color:#fff; border:0; padding:11px 20px; border-radius:8px; font-weight:700; cursor:pointer; text-decoration:none; }
.btn-primary:hover{ background:#9B0B22; }
.btn-outline{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:var(--navy); border:1px solid #d7dce3; padding:10px 18px; border-radius:8px; font-weight:600; cursor:pointer; }
.nd-comments{ margin-top:36px; }
.nd-sec-title{ font-size:20px; color:var(--navy); border-left:4px solid var(--red); padding-left:12px; margin-bottom:18px; }
.nd-comment{ display:flex; gap:12px; padding:14px 0; border-bottom:1px solid #eee; }
.ndc-avatar{ width:42px; height:42px; border-radius:50%; background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; flex-shrink:0; }
.ndc-body header{ display:flex; align-items:center; gap:10px; margin-bottom:4px; }
.ndc-body header strong{ color:var(--navy); }
.ndc-city{ font-size:11px; background:#f1f3f6; color:#666; padding:2px 8px; border-radius:10px; }
.ndc-body time{ font-size:12px; color:var(--muted-ink); }
.ndc-body p{ margin:0; color:#374151; line-height:1.6; }

/* Genel detay sarmalayıcı */
.fd-wrap{ max-width:820px; margin:0 auto; padding:24px 0; }
.fd-wrap .article-body{ font-size:17px; line-height:1.8; color:#222; }
.fd-wrap .article-body p{ margin:0 0 18px; }
.fd-wrap .article-body img{ max-width:100%; border-radius:10px; }
.fd-wrap .article-body h2,.fd-wrap .article-body h3{ color:var(--navy); margin:26px 0 12px; }

.pagination{ display:flex; gap:6px; list-style:none; padding:0; margin:30px 0; justify-content:center; flex-wrap:wrap; }
.pagination a, .pagination span{ padding:8px 13px; border:1px solid #dde2e8; border-radius:8px; color:var(--navy); text-decoration:none; }
.pagination .active span{ background:var(--red); color:#fff; border-color:var(--red); }

/* Detay sidebar kutuları */
.article-sidebar{ }
.sb-box{ background:#fff; border:1px solid #eceff3; border-radius:12px; padding:16px; }
.sb-head{ font-weight:800; color:var(--navy); border-left:4px solid var(--red); padding-left:10px; margin-bottom:10px; font-size:14px; letter-spacing:.03em; }
/* NOT: .section-head ve manşet stilleri tema home.css içinde tanımlıdır;
   burada ezilmemeleri için kaldırıldı (tema birebir korunur). */

/* Liste sayfaları (kategori/etiket/arama) için section-head — yalnızca home.css
   yüklenmeyen sayfalarda devreye girmesi için hafif bir taban. */
.cat-listing .section-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; border-bottom:2px solid #eceff3; padding-bottom:8px; }
.cat-listing .section-head h2{ font-size:20px; color:var(--navy); border-left:5px solid var(--red); padding-left:12px; margin:0; }
.cat-listing .section-head a{ color:var(--red); text-decoration:none; font-size:13px; font-weight:700; }
@media(max-width:900px){ .article-grid{ display:block; } }

/* ====== Mobile responsive hardening layer ====== */
html{ -webkit-text-size-adjust:100%; }
body{ min-width:0; }
.container,
#site-header .inner,
#top-bar .inner,
#ticker-bar .inner,
#main-nav .inner{ min-width:0; }
.content-left,
.content-grid > *,
.article-grid > *,
.article,
.article-sidebar,
.rv-grid > *,
.rv-hero > *,
.vd-grid > *,
.pl-grid > *,
.rc-grid > *,
.rc-hero > *,
.bio-grid > *,
.sp-grid > *,
.sp-team-layout > *,
.member-profile-grid > *,
.nl-card,
.news-card{ min-width:0; }

/* Header, navigation and ticker */
#top-bar .top-left,
#top-bar .top-right,
.search-block,
.logo-block{ min-width:0; }
#top-bar .top-left{ overflow:hidden; }
#top-bar .top-left span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#top-bar .top-right{ justify-content:flex-end; overflow:hidden; }
.logo-badge,
.footer-logo,
.md-logo{ max-width:100%; min-width:0; }
.logo-badge .logo-main,
.footer-logo .logo-main,
.md-logo-main{ overflow-wrap:anywhere; text-align:center; }
.header-ad{ max-width:100%; overflow:hidden; }
.header-ad iframe,
.header-ad object,
.header-ad embed{ max-width:100%; }
#main-nav,
#main-nav .inner{ overflow:visible; }
#main-nav .inner{ scrollbar-width:none; }
#main-nav .inner::-webkit-scrollbar{ display:none; }
.nav-list{ min-width:0; }
.nav-item.nav-live{ margin-left:0; }
.mega-menu{ max-width:calc(100vw - 28px); overflow:auto; }
.nav-item:nth-last-child(-n+4) .mega-menu{ left:auto; right:0; }
.ticker-wrap{ min-width:0; }
.ticker-track{ width:max-content; min-width:max-content; flex:0 0 auto; }
.ticker-item{ display:block; flex:0 0 auto; max-width:70vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Cards, section heads and media */
.section-head{ min-width:0; gap:10px; }
.section-head h2{ min-width:0; overflow-wrap:anywhere; }
.section-head a{ flex-shrink:0; }
.h-card,
.list-card,
.small-card,
.popular-item,
.author-item,
.mini-news,
.rs-comp,
.rs-pop,
.rcs-card,
.br-item,
.vd-up,
.pls-prev-link{ min-width:0; }
.h-card-body,
.small-card-body,
.yt-item-body,
.sp-hero-item-body,
.sp-news-body,
.vd-up-info,
.rs-comp > *,
.rs-pop > *,
.rcs-card > *,
.br-item > *{ min-width:0; }
.ad-strip,
.ad-block,
.sb-box{ max-width:100%; overflow:hidden; }
.ad-strip img,
.ad-block img,
.sb-box img{ max-width:100%; height:auto; }
.ad-strip iframe,
.ad-block iframe,
.sb-box iframe{ max-width:100%; }

/* Rich text and unknown CMS content */
.article-body,
.page-content,
.fd-wrap .article-body,
.rv-body,
.bio-content,
.rc-content,
.pl-content,
.vd-desc-body{ overflow-wrap:anywhere; word-break:normal; }
.article-body img,
.article-body picture,
.article-body video,
.article-body canvas,
.article-body svg,
.page-content img,
.page-content picture,
.page-content video,
.page-content canvas,
.page-content svg,
.fd-wrap .article-body img{ max-width:100%; height:auto; }
.article-body figure,
.page-content figure,
.fd-wrap .article-body figure{ max-width:100%; margin-left:0; margin-right:0; }
.article-body iframe:not(.ad-sandbox),
.article-body embed,
.article-body object,
.page-content iframe:not(.ad-sandbox),
.page-content embed,
.page-content object,
.fd-wrap .article-body iframe:not(.ad-sandbox){
  display:block;
  width:100%;
  max-width:100%;
  min-height:220px;
  aspect-ratio:16 / 9;
  height:auto;
}
.article-body table,
.page-content table,
.fd-wrap .article-body table,
.rv-specs,
.bi-table,
.sp-table{
  width:100%;
  max-width:100%;
  border-collapse:collapse;
}
.article-body pre,
.page-content pre,
.fd-wrap .article-body pre{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  white-space:pre;
}
.article-body code,
.page-content code{ overflow-wrap:anywhere; }
.article-body blockquote,
.page-content blockquote{ max-width:100%; }
.page-content{ font-size:16px; }
.page-content p,
.page-content li{ margin-bottom:1em; }

/* Forms, comments, filters and pagination */
input,
textarea,
select,
button{ max-width:100%; }
.search-form input,
.md-search input,
.newsletter-form input,
.newsletter-mini input{ min-width:0; }
.nd-comment-form > div[style*="grid-template-columns"]{ min-width:0; }
.ndc-body,
.comment .c-body,
.vd-com > div,
.pl-com > div,
.rcr > div{ min-width:0; }
.ndc-body header,
.c-head,
.vd-com header,
.pl-com header,
.rcr header{ min-width:0; }
.pagination,
.sp-pagination,
.sp-page-numbers{ max-width:100%; }
.pagination a,
.pagination span,
.sp-page-link{ min-width:38px; min-height:38px; display:inline-flex; align-items:center; justify-content:center; }
.reviews-filter,
.reviews-sort,
.bios-filter,
.bios-sort,
.ia-filter,
.ia-sort,
.sp-match-filters,
.fg-chips,
.vd-chips,
.rev-chips{ min-width:0; }
.reviews-filter a,
.reviews-sort a,
.bios-filter a,
.bios-sort a,
.ia-filter a,
.ia-sort a,
.sp-match-filters a,
.fg-chip,
.vd-chip,
.rev-chip{ white-space:normal; text-align:center; }

@media (max-width:1240px) and (min-width:1101px){
  .header-ad{ width:min(56vw, 728px); }
  .search-form{ width:200px; }
  .nav-link{ padding-inline:12px; }
}

@media (max-width:1100px){
  .sticky-box{ position:static; }
  .article-sidebar,
  .sidebar,
  .rv-sidebar,
  .vd-sidebar,
  .pl-sidebar,
  .rc-sidebar,
  .bio-sidebar,
  .sp-sidebar{ width:100%; }
  .ad-block[style*="600px"]{ height:auto !important; min-height:250px; }
  .footer-badges{ flex-wrap:wrap; }
}

@media (max-width:768px){
  .article-body table,
  .page-content table,
  .fd-wrap .article-body table,
  .rv-specs,
  .bi-table,
  .sp-table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .container{ padding-left:12px; padding-right:12px; }
  #main-content,
  #article-main,
  #video-main,
  #gallery-main,
  #quiz-main,
  #poll-main,
  #review-main,
  #bio-main,
  #sports-main{ padding-top:14px; }
  .page-head{ padding:24px 0; margin-bottom:18px; }
  .page-head h1,
  .reviews-hero h1,
  .bios-hero h1,
  .ia-hero h1,
  .sp-matches-hero h1,
  .sp-team-hero h1{ font-size:clamp(24px, 7vw, 30px); line-height:1.2; overflow-wrap:anywhere; }
  .page-head p,
  .reviews-hero p,
  .bios-hero p,
  .ia-hero p,
  .sp-matches-hero p,
  .sp-team-hero p{ font-size:14px; overflow-wrap:anywhere; }

  #site-header .inner{ padding:10px 0; gap:8px; }
  .mobile-toggle,
  .mobile-search-toggle{ width:40px; height:40px; flex:0 0 40px; margin-right:0; }
  .logo-block{ justify-content:center; }
  .logo-badge{ padding:6px 10px; max-width:calc(100vw - 120px); }
  .logo-badge .logo-main{ font-size:clamp(20px, 6vw, 26px); line-height:1.05; }
  .logo-badge .logo-sub{ font-size:9px; letter-spacing:.16em; }
  .mobile-drawer{ width:min(340px, 92vw); }
  .md-auth{ flex-direction:column; }
  #ticker-bar{ height:34px; overflow:hidden; }
  #ticker-bar .inner{ padding-left:0; padding-right:0; overflow:hidden; }
  .ticker-label{ padding:0 9px; height:34px; line-height:34px; }
  .ticker-arrow{ display:none; }
  .ticker-wrap{ height:34px; display:flex; align-items:center; overflow:hidden; flex:1 1 auto; }
  .ticker-track{ height:34px; font-size:12.5px; line-height:34px; }
  .ticker-item{ max-width:min(68vw, 360px); height:34px; padding-right:32px; }

  .footer-top{ gap:22px; padding:30px 0 24px; }
  .footer-bottom{ align-items:flex-start; flex-direction:column; }
  .footer-links{ gap:10px 14px; }
  #cookie-bar{ align-items:stretch; flex-direction:column; padding:12px; }
  .cookie-btns{ width:100%; flex-wrap:wrap; }
  .cookie-btns button{ flex:1 1 150px; }

  .manset-main{ height:360px; }
  .slide-content{ padding:18px 16px 64px; }
  .slide-content h2{ font-size:clamp(18px, 5.7vw, 24px); }
  .slide-content p{ display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .slide-meta{ flex-wrap:wrap; }
  .slide-meta .stats{ margin-left:0; }
  .surmanset-small{ height:auto; grid-template-rows:none; }
  .newsletter-bar{ padding:22px 18px; align-items:stretch; }
  .newsletter-form{ width:100%; max-width:none; }
  .ic-header h2{ font-size:22px; }
  .yt-item-thumb{ width:94px; height:54px; }

  .article{ padding:20px 16px; border-radius:0; }
  .article-title{ font-size:clamp(24px, 7vw, 32px); overflow-wrap:anywhere; }
  .article-spot{ font-size:15px; padding:12px 14px; }
  .article-meta,
  .article-toolbar,
  .article-share-bottom{ align-items:flex-start; flex-direction:column; }
  .article-info{ width:100%; gap:8px 12px; }
  .toolbar-group,
  .share-buttons{ width:100%; justify-content:flex-start; }
  .article-body{ font-size:16px; line-height:1.75; }
  .article-body h2{ font-size:21px; padding-left:10px; }
  .article-body h3{ font-size:18px; }
  .article-body .pull-quote{ padding:18px 18px 18px 44px; font-size:17px; }
  .article-body .pull-quote .pq-icon{ left:14px; top:17px; font-size:22px; }
  .reactions-section{ padding:18px 14px; }
  .share-buttons .share-btn{ flex:1 1 120px; justify-content:center; }
  .nd-comment{ gap:10px; }
  .nd-comment-form > div[style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
  .nd-comment-reply{ margin-left:10px !important; }

  .fg-hero{ min-height:360px; }
  .fg-meta{ gap:12px; }
  .fg-stats{ width:100%; }
  .fgl-bar{ align-items:flex-start; flex-direction:column; padding:12px 14px; }
  .fgl-info{ align-items:flex-start; flex-direction:column; gap:6px; }
  .fgl-actions{ width:100%; justify-content:center; }
  .vd-channel{ align-items:flex-start; flex-wrap:wrap; }
  .vd-subscribe{ margin-left:60px; }
  .pl-content,
  .rv-hero,
  .rv-body,
  .bio-content,
  .rc-hero,
  .rc-content{ padding:20px 16px; }
  .pl-time{ width:100%; margin-left:0; }
  .pld-gender{ flex-wrap:wrap; }
  .rv-score-block,
  .rv-verdict,
  .rc-author{ flex-direction:column; }
  .rv-score-circle{ width:88px; height:88px; }
  .rv-gallery-thumbs{ overflow-x:auto; padding-bottom:2px; }
  .rv-thumb{ flex:0 0 84px; }
  .rv-buy{ grid-template-columns:1fr; }
  .rv-buy .btn-primary{ width:100%; justify-content:center; }
  .rs-row{ grid-template-columns:1fr; gap:6px; }
  .rs-val{ text-align:left; }
  .bio-hero-inner,
  .sp-team-hero-inner,
  .columnist-profile{ flex-direction:column; text-align:center; align-items:center; }
  .bio-toolbar,
  .sp-tb-head{ align-items:flex-start; flex-direction:column; }
  .bio-actions,
  .columnist-socials{ justify-content:center; }
  .sp-live-all{ margin-left:0; }
  .sp-live-teams,
  .sp-match-teams{ gap:8px; }
  .sp-match-team{ min-width:0; }
  .sp-match-team span,
  .sp-fxm-team span,
  .sp-live-team span{ overflow-wrap:anywhere; }
  .sp-hero-side{ margin:0 -12px; padding:0 12px 4px; }
  .member-profile-wrap{ padding:0 12px; }
}

@media (max-width:540px){
  .container{ padding-left:10px; padding-right:10px; }
  .bc-list{ gap:4px; }
  .bc-current{ max-width:62vw; }
  .section-head{ align-items:flex-start; flex-direction:column; }
  .section-head h2{ font-size:18px; }
  .nl-grid{ grid-template-columns:minmax(0, 1fr); gap:14px; }
  .nl-body{ padding:12px 13px; }
  .nl-body h3{ font-size:15px; }
  .h-card{ padding:10px; gap:10px; }
  .h-card-img{ width:88px; height:66px; }
  .list-card img{ width:64px; height:50px; }

  .mobile-drawer{ width:min(320px, 94vw); }
  .md-head,
  .md-search,
  .md-foot{ padding-left:14px; padding-right:14px; }
  .md-link,
  .md-group-head{ padding-left:16px; padding-right:16px; }
  .md-sub a{ padding-left:34px; padding-right:16px; }
  #ticker-bar{ height:32px; }
  .ticker-label{ height:32px; line-height:32px; font-size:10px; letter-spacing:.08em; padding:0 8px; }
  .ticker-wrap,
  .ticker-track,
  .ticker-item{ height:32px; line-height:32px; }
  .ticker-track{ font-size:12px; }
  .ticker-item{ max-width:72vw; padding-right:28px; }

  .manset-main{ height:310px; }
  .slide-thumbs{ height:48px; overflow-x:auto; }
  .thumb-item{ flex:0 0 64px; }
  .thumb-item .t-label{ display:none; }
  .cf-main,
  .cf-main-img{ min-height:260px; }
  .cf-main-body{ padding:16px; }
  .cf-item{ align-items:flex-start; padding:9px; }
  .small-card{ align-items:flex-start; }
  .newsletter-form{ flex-direction:column; gap:8px; }
  .newsletter-form input,
  .newsletter-form button{ width:100%; border-radius:3px; }
  .weather-cities{ overflow-x:auto; }
  .weather-city{ flex:0 0 110px; }

  .article{ margin-left:-10px; margin-right:-10px; border-left:0; border-right:0; }
  .article-hero{ margin-left:-16px; margin-right:-16px; }
  .article-body .inline-img{ margin-left:0; margin-right:0; }
  .article-body iframe:not(.ad-sandbox),
  .page-content iframe:not(.ad-sandbox),
  .fd-wrap .article-body iframe:not(.ad-sandbox){ min-height:190px; }
  .reactions-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .reaction{ padding:10px 4px 8px; }
  .author-bio{ padding:16px; }
  .article-nav a{ padding:12px; }
  .nd-comment{ align-items:flex-start; }
  .ndc-avatar{ width:36px; height:36px; }
  .ndc-body header{ align-items:flex-start; flex-direction:column; gap:3px; }

  .fg-hero{ min-height:320px; border-radius:0; margin-left:-10px; margin-right:-10px; }
  .fg-hero-info{ padding:22px 16px; }
  .fg-hero-info h1{ font-size:25px; }
  .fg-meta{ padding:12px; }
  .fg-hero-actions .btn-primary,
  .fg-hero-actions .btn-outline{ width:100%; justify-content:center; }
  .fg-rel-grid{ grid-template-columns:1fr; }
  .fgl-prev,
  .fgl-next{ top:auto; bottom:118px; transform:none; }
  .fgl-prev{ left:12px; }
  .fgl-next{ right:12px; }
  .fgl-strip button{ width:58px; height:42px; }

  .vd-up{ gap:8px; }
  .vd-up-thumb{ width:118px; height:66px; }
  .vd-actions,
  .vd-likes{ width:100%; }
  .vd-btn{ flex:1 1 auto; justify-content:center; }
  .vd-subscribe{ margin-left:0; width:100%; justify-content:center; }
  .vd-com-form,
  .vd-com{ gap:9px; }
  .vd-com footer{ flex-wrap:wrap; }

  .pl-vote-box{ padding:16px 14px; }
  .plv-opt{ grid-template-columns:22px 1fr; gap:10px; padding:14px 12px; }
  .plv-foot .btn-primary,
  .plv-foot .btn-outline{ width:100%; justify-content:center; }
  .pl-com{ padding:12px; }
  .pl-com time,
  .rcr time{ width:100%; margin-left:0; }

  .qz-container{ min-height:0; }
  .qz-info-strip{ grid-template-columns:1fr 1fr; }
  .qz-timer-row{ flex-wrap:wrap; }
  .qz-lifeline:last-of-type{ margin-left:0; }
  .qz-bottom{ justify-content:stretch; }
  .qz-bottom .btn-outline{ width:100%; justify-content:center; }
  .qz-similar-grid{ grid-template-columns:1fr; }

  .rv-gallery-main{ height:240px; }
  .rv-meta{ grid-template-columns:1fr; }
  .rv-meta > div{ border-right:0; border-bottom:1px solid #EEE; padding:0 0 8px; }
  .rv-meta > div:last-child{ border-bottom:0; padding-bottom:0; }
  .rv-highlights{ grid-template-columns:1fr; }
  .rv-verdict-icon{ font-size:36px; }
  .reviews-toolbar,
  .bios-toolbar,
  .ia-toolbar{ flex-direction:column; }

  .rc-hero{ padding:14px; }
  .rc-hero-img{ height:230px; }
  .rc-author{ align-items:flex-start; }
  .rc-rating{ align-items:flex-start; }
  .rc-quick{ grid-template-columns:1fr; }
  .rc-quick .rcq-item{ border-right:0 !important; border-bottom:1px solid #F0EDE8; }
  .rc-quick .rcq-item:last-child{ border-bottom:0; }
  .rc-steps li{ flex-direction:column; }
  .rc-steps .rs-content img{ max-width:100%; }
  .rcr{ padding:12px; }

  .bio-portrait{ width:140px; height:140px; }
  .bio-name{ font-size:24px; }
  .bio-quickstats > div{ flex:1 1 120px; }
  .bio-gallery{ grid-template-columns:1fr; }
  .bi-socials{ flex-wrap:wrap; }
  .bi-table th,
  .bi-table td{ min-width:120px; }

  .sp-live-score{ font-size:18px; gap:5px; }
  .sp-live-teams{ grid-template-columns:1fr; }
  .sp-live-score{ justify-content:center; }
  .sp-match-teams{ grid-template-columns:1fr; text-align:left; }
  .sp-match-team.right{ justify-content:flex-start; text-align:left; }
  .sp-match-score{ justify-content:flex-start; }
  .sp-team-emblem{ width:88px; height:88px; }
  .sp-team-emblem img{ width:62px; height:62px; }
  .sp-team-stat-grid{ grid-template-columns:1fr; }
  .sp-fixture-match{ grid-template-columns:1fr; align-items:flex-start; }
  .sp-fxm-teams{ justify-content:flex-start; flex-wrap:wrap; }
  .sp-predict-match{ grid-template-columns:1fr; }
  .sp-predict-btns{ grid-template-columns:1fr; }

  .columnist-profile-head{ padding:26px 0; }
  .columnist-profile img{ width:86px; height:86px; }
  .columnist-profile h1{ font-size:26px; overflow-wrap:anywhere; }
  .member-profile-card,
  .member-panel{ padding:16px; border-radius:12px; }
  .member-profile-meta{ align-items:flex-start; flex-direction:column; }
}

/* ====== Home-only mobile repair layer ====== */
.page-home .content-grid,
.page-home .manset-grid,
.page-home .cat-featured-grid,
.page-home .yt-player-grid,
.page-home .two-col,
.page-home .politics-grid,
.page-home .sports-grid,
.page-home .video-grid,
.page-home .rev-grid,
.page-home .ic-grid,
.page-home .kimdir-grid{ min-width:0; }

.page-home .sidebar,
.page-home .content-left,
.page-home .surmanset-col,
.page-home .weather-box,
.page-home .popular-box,
.page-home .author-box,
.page-home .poll-box{ min-width:0; max-width:100%; }

.page-home .ad-strip,
.page-home .ad-block{ width:100%; max-width:100%; }
.page-home .ad-strip iframe,
.page-home .ad-block iframe,
.page-home .ad-strip .ad-sandbox,
.page-home .ad-block .ad-sandbox{ width:100% !important; max-width:100% !important; }

@media (max-width:1100px){
  .page-home .content-grid,
  .page-home .manset-grid{ grid-template-columns:minmax(0, 1fr); }
  .page-home .content-grid{ gap:16px; }
  .page-home .sidebar{ gap:14px; }
}

@media (max-width:768px){
  .page-home #main-content{ padding-top:12px; overflow-x:hidden; }
  .page-home #market-bar{ height:auto; min-height:48px; margin-bottom:12px; }
  .page-home .market-label{ height:auto; min-height:48px; padding:0 10px; font-size:10px; }
  .page-home .market-items{ height:auto; min-height:48px; }
  .page-home .market-item{ height:auto; min-height:48px; padding:0 12px; }

  .page-home .manset-main{ height:clamp(300px, 62vw, 360px); border-radius:4px; }
  .page-home .surmanset-col{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:8px; }
  .page-home .surmanset-big,
  .page-home .surmanset-small{ height:auto; min-height:170px; }
  .page-home .surmanset-small{ grid-template-rows:none; }
  .page-home .surmanset-small .small-card + .small-card{ border-top:1px solid #f0ede8; }

  .page-home .cat-featured-grid,
  .page-home .yt-player-grid,
  .page-home .two-col,
  .page-home .politics-grid,
  .page-home .sports-grid,
  .page-home .video-grid,
  .page-home .rev-grid,
  .page-home .ic-grid,
  .page-home .kimdir-grid{ grid-template-columns:minmax(0, 1fr) !important; gap:12px; }

  .page-home .sidebar .ad-block{ display:none; }
  .page-home .ad-strip{ height:auto; min-height:72px; padding:10px; margin-bottom:16px; }
  .page-home .ad-strip .ad-sandbox{ min-height:70px; height:70px; }

  .page-home .weather-cities{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .page-home .weather-city{ flex:0 0 108px; }
  .page-home .popular-head,
  .page-home .author-head{ padding:10px 12px; }
  .page-home .popular-item{ padding:9px 12px; }
  .page-home .popular-item .rank{ font-size:20px; min-width:24px; }
  .page-home .author-item{ padding:11px 12px; }
  .page-home .author-item:nth-of-type(n+4){ display:none; }
  .page-home .poll-box{ padding:14px; }
}

@media (max-width:540px){
  .page-home .section-head{ gap:6px; margin-bottom:10px; }
  .page-home .section-head h2{ font-size:17px; line-height:1.25; }
  .page-home .section-head a{ font-size:11px; }
  .page-home .manset-main{ height:300px; margin-left:-10px; margin-right:-10px; border-radius:0; }
  .page-home .slide-content{ padding:16px 14px 58px; }
  .page-home .slide-content h2{ font-size:20px; }
  .page-home .slide-thumbs{ height:46px; }
  .page-home .thumb-item{ flex:0 0 58px; padding:0 4px; }
  .page-home .surmanset-col{ display:none; }

  .page-home .h-card{ align-items:flex-start; padding:10px; }
  .page-home .h-card-img{ width:84px; height:64px; }
  .page-home .v-card-img,
  .page-home .vid-thumb{ height:150px; }
  .page-home .yt-list{ max-height:300px; }
  .page-home .newsletter-bar{ margin:18px 0; padding:18px 14px; }
  .page-home .tags-bar{ padding:14px; }
  .page-home .popular-item:nth-of-type(n+6){ display:none; }
}

/* Footer mobile compacting. Desktop footer remains defined by base.css. */
@media (max-width:768px){
  #site-footer{ max-height:120px; overflow:hidden; }
  #site-footer .container{
    min-height:74px;
    padding-top:8px;
    padding-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  #site-footer .footer-top{
    display:flex;
    align-items:center;
    gap:0;
    padding:0;
    min-width:0;
    flex:0 0 auto;
  }
  #site-footer .footer-top > :first-child{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  #site-footer .footer-logo{
    margin:0;
    padding:5px 10px;
    max-height:40px;
    flex-shrink:0;
  }
  #site-footer .footer-logo img{ max-height:32px; }
  #site-footer .footer-logo .logo-main{ font-size:18px; }
  #site-footer .footer-logo .logo-sub{ font-size:7px; }
  #site-footer .footer-about,
  #site-footer .footer-socials,
  #site-footer .footer-col,
  #site-footer .footer-badges{ display:none; }
  #site-footer .footer-bottom{
    border-top:0;
    padding:0;
    margin:0;
    gap:3px;
    min-width:0;
    flex:1 1 auto;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    text-align:right;
  }
  #site-footer .footer-bottom p{
    max-width:100%;
    max-height:2.4em;
    overflow:hidden;
    font-size:10.5px;
    line-height:1.2;
    color:var(--site-footer-text, #E5E7EB);
  }
  #site-footer .footer-links{
    max-width:100%;
    display:flex;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:nowrap;
    overflow:hidden;
  }
  #site-footer .footer-links a{
    font-size:10.5px;
    line-height:1.2;
    white-space:nowrap;
  }
  #site-footer .footer-links a:nth-child(n+4){ display:none; }
}

@media (max-width:540px){
  #site-footer .container{
    min-height:68px;
    gap:8px;
    padding-top:6px;
    padding-bottom:6px;
  }
  #site-footer .footer-logo{ padding:4px 8px; max-height:36px; }
  #site-footer .footer-logo img{ max-height:28px; }
  #site-footer .footer-logo .logo-main{ font-size:16px; }
  #site-footer .footer-bottom p,
  #site-footer .footer-links a{ font-size:10px; }
  #site-footer .footer-links{ gap:6px; }
  #site-footer .footer-links a:nth-child(n+3){ display:none; }
}

/* ====== Spor detay ====== */
.sp-logo-fallback{ width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,var(--team-color, var(--red)),var(--team-color-2, var(--team-color, var(--red)))); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-family:'Oswald',sans-serif; font-size:13px; font-weight:800; letter-spacing:.04em; flex-shrink:0; }
.sp-logo-fallback.small{ width:32px; height:32px; font-size:10px; }
.sp-logo-fallback.tiny{ width:28px; height:28px; font-size:9px; }
.sp-logo-fallback.micro{ width:18px; height:18px; font-size:7px; }
.ts-item .sp-logo-fallback{ margin-bottom:2px; }
.sp-scoreboard{ background:linear-gradient(135deg,var(--navy),#16324a); color:#fff; border-radius:16px; padding:28px 20px; margin:20px 0; }
.sp-league{ text-align:center; font-size:13px; letter-spacing:.1em; opacity:.8; margin-bottom:18px; }
.sp-score-row{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; }
.sp-team{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.sp-team img{ width:72px; height:72px; object-fit:contain; }
.sp-team strong{ font-size:16px; text-align:center; }
.sp-score{ font-size:46px; font-weight:800; letter-spacing:4px; }
.sp-status{ text-align:center; margin-top:6px; }
.sp-status .live{ color:#ff5252; font-weight:700; }
.sp-meta{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-top:16px; font-size:13px; opacity:.85; }
.sp-events{ background:#fff; border:1px solid #eceff3; border-radius:14px; padding:18px; margin:20px 0; }
.sp-event{ display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #f0f2f5; }
.sp-event .min{ font-weight:800; color:var(--red); min-width:42px; }
.sp-event.away{ flex-direction:row-reverse; text-align:right; }
.sp-stat{ display:grid; grid-template-columns:60px 1fr 60px; align-items:center; gap:10px; padding:8px 0; }
.sp-stat .lbl{ grid-column:2; text-align:center; font-size:12px; color:#6b7280; }
.sp-stat .hv{ font-weight:700; } .sp-stat .av{ font-weight:700; text-align:right; }
.sp-stat-bar{ grid-column:1 / -1; height:6px; background:#eee; border-radius:4px; overflow:hidden; display:flex; }
.sp-stat-bar i{ display:block; height:100%; }

/* ====== Dokunmatik cihazlarda 44px dokunma alanı (masaüstü yoğunluğu değişmez) ====== */
@media (pointer: coarse) {
  #ticker-bar, .ticker-track { height: 44px; }
  .ticker-item { display: inline-flex; align-items: center; min-height: 44px; }
  .ticker-toggle, .mobile-toggle, .mobile-search-toggle, .md-close, .tb-btn { min-width: 44px; min-height: 44px; }
  .tag-link, .article-tags-inline a { display: inline-flex; align-items: center; min-height: 44px; padding-top: 0; padding-bottom: 0; }
  .bc-list a, .admin-edit-post-link { display: inline-flex; align-items: center; min-height: 44px; }
  .footer-links a { display: inline-flex; align-items: center; min-height: 44px; }
  #cookie-bar button { min-height: 44px; }
  #cookie-bar p a { display: inline-block; padding: 12px 0; margin: -12px 0; }
}