/**
 * Sapanca Gazetesi
 * Software developed by ArpSoft
 * Copyright © 2026 ArpSoft. All rights reserved.
 * Developer: Murat Arapoğlu
 */
html { overflow-x: clip; }
body { min-width: 320px; overflow-x: clip; }
img { max-width: 100%; height: auto; }
.top-headline-card img,
.hero-main img,
.category-showcase img,
.front-sidebar img,
.latest-news img { display:block; width:100%; object-fit:cover; }


@media (hover:none), (pointer:coarse) {
  .news-card:hover,
  .category-card-grid article:hover,
  .category-two-column article:hover,
  .category-vertical-list > a:hover,
  .front-sidebar .sidebar-widget:hover { transform:none !important; box-shadow:inherit; }
  a, button { -webkit-tap-highlight-color: transparent; }
}


@media (min-width: 721px) and (max-width: 1099px) {
  .latest-area,.front-layout { grid-template-columns:minmax(0, 1fr); gap:24px; }
  .front-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .front-sidebar .sidebar-widget { height:100%; min-width:0; }
  .top-headlines { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-layout { grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr); }
  .category-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-showcase--sport .sport-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); }
}


@media (max-width:720px) {
  :root { --mobile-page-gap:12px; }
  .site-container,
  .container { width:100%; padding-left:var(--mobile-page-gap); padding-right:var(--mobile-page-gap); }
  .site-header { position:relative; z-index:40; }
  .site-header__main { min-height:auto; padding-top:10px; padding-bottom:10px; }
  .site-logo img { width:min(72vw,310px); height:auto; }
  
  
  
  .market-ticker, .breaking-news { max-width:100vw; overflow:hidden; }
  .market-ticker__track, .breaking-news__track { will-change:transform; }

  .top-headlines { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .top-headline-card { min-width:0; }
  .top-headline-card > a { height:auto; aspect-ratio:16/10; }
  .top-headline-card__overlay { padding:46px 10px 10px; }
  .hero-layout { grid-template-columns:minmax(0,1fr); }
  .hero-main > a { height:auto; aspect-ratio:16/10; min-height:280px; }
  .hero-side { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }

  .latest-area,.front-layout { display:block; }
  .front-main, .front-sidebar, .category-showcase, .sidebar-widget { min-width:0; }
  .front-sidebar { margin-top:20px; }
  .sidebar-widget__header a,
  .editorial-heading > a { min-height:44px; display:inline-flex; align-items:center; }

  .category-card-grid,
  .category-two-column,
  .category-showcase--sport .sport-small-grid { grid-template-columns:minmax(0,1fr); }
  .category-lead-four,
  .category-lead-list,
  .category-showcase--sport .sport-grid { grid-template-columns:minmax(0,1fr); }
  .category-card-grid article,
  .category-two-column article,
  .category-vertical-list > a { min-width:0; }
  .category-feature img,
  .category-showcase--sport .sport-lead img { aspect-ratio:16/9; }
  .category-showcase--sport .sport-lead { min-height:0; aspect-ratio:16/10; }

  .site-footer__grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"brand brand" "categories quick" "corporate quick"; column-gap:18px; row-gap:22px; }
  .site-footer__brand { grid-area:brand; }
  .site-footer__categories { grid-area:categories; min-width:0; }
  .site-footer__corporate { grid-area:corporate; min-width:0; }
  .site-footer__quick { grid-area:quick; min-width:0; }
  .back-to-top { right:14px; bottom:14px; width:46px; height:46px; }
}


@media (max-width:420px) {
  .top-headlines { grid-template-columns:minmax(0,1fr); }
  .top-headline-card > a { aspect-ratio:16/9; }
  .hero-main > a { min-height:250px; }
  .hero-main__overlay h1 { font-size:clamp(22px,7.2vw,27px); }
  .editorial-heading { gap:8px; }
  .editorial-heading h2 { font-size:20px; }
  .sidebar-widget__header h2 { font-size:16px; }
}


.top-headline-card img,
.hero-main img,
.category-feature img,
.category-card-grid img,
.category-two-column img,
.category-vertical-list img,
.sport-lead img,
.sport-small-grid img { background:var(--surface-soft,#eef1f5); }

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
  .market-ticker__track, .breaking-news__track { transform:none !important; }
}


.masthead{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center;
  min-height:92px;
}
.mast-left{justify-self:start;min-width:0 !important}
.brand{justify-self:center;display:block;line-height:0}
.brand img{display:block;width:auto;max-width:min(400px,38vw);height:74px;object-fit:contain}
.mast-tools{justify-self:end;display:flex;align-items:center;gap:18px;min-width:0}
.mast-utility-link{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:13px;font-weight:800;white-space:nowrap}
.mast-utility-link i{font-size:19px}


.most-commented-main{margin-top:0;margin-bottom:0;padding:22px}
.most-commented-main .editorial-heading{margin-bottom:16px}
.most-commented-main__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.most-commented-main__item{display:grid;grid-template-columns:28px 64px minmax(0,1fr);align-items:center;gap:10px;min-height:92px;padding:10px 12px;border-radius:10px;background:var(--surface-soft);color:var(--text);transition:transform .2s ease,box-shadow .2s ease}
.most-commented-main__item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}
.most-commented-main__rank{font-size:25px;line-height:1;font-weight:900;color:#ef493c;text-align:center;font-variant-numeric:tabular-nums}
.most-commented-main__item img{width:64px;height:58px;border-radius:8px;object-fit:cover}
.most-commented-main__copy{min-width:0}
.most-commented-main__copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.78rem;line-height:1.35}
.most-commented-main__copy small{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--muted);font-size:.68rem}

.prayer-widget .sidebar-widget__header{background:#191a31}
.weather-widget .sidebar-widget__header{background:#2f8bc2}
.fuel-widget .sidebar-widget__header{background:#11762d}
.prayer-widget__location{padding:4px 0 12px;text-align:center}
.prayer-widget__location strong{display:block;font-size:18px;text-transform:uppercase}
.prayer-widget__grid{display:block !important}
.prayer-widget__grid>div{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--line)}
.prayer-widget__grid>div:last-child{margin-top:6px;padding:11px 12px;border:0;border-radius:var(--radius-md);background:#ef493c;color:var(--white)}
.prayer-widget__grid span{font-size:14px}.prayer-widget__grid strong{font-size:16px}
.weather-widget__current{padding:2px 0 12px}
.weather-widget__current strong{font-size:42px !important}
.weather-widget__details{gap:0 !important;border-top:1px solid var(--line)}
.weather-widget__details span{padding:8px 0;border-bottom:1px solid var(--line)}
.fuel-widget__row{padding:10px 0}

@media(max-width:1100px){
  .mast-utility-link span{display:none}
  .most-commented-main__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  
}
@media(max-width:760px){
  .masthead{grid-template-columns:44px minmax(0,1fr) 44px !important;min-height:74px}
  .mast-left .mast-date,.mast-tools .weather-box,.mast-utility-link,.site-theme-tools{display:none !important}
  .mast-left,.mast-tools{width:44px}
  .brand img{max-width:255px;height:60px}
  
  
  
  
  
  .most-commented-main{padding:18px 14px}
  .most-commented-main__grid{grid-template-columns:1fr;gap:10px}
  .most-commented-main__item{grid-template-columns:34px 88px minmax(0,1fr);min-height:108px;padding:12px}
  .most-commented-main__rank{font-size:32px}
  .most-commented-main__item img{width:88px;height:74px}
  .most-commented-main__copy strong{font-size:14px;-webkit-line-clamp:2}
  .top-headline-card__overlay{padding:48px 10px 10px !important}
  .top-headline-card__overlay h2{font-size:13px !important;-webkit-line-clamp:2}
  .top-headline-card__overlay .headline-meta{display:none !important}
}


:root{
  --home-accent:#ef6f3c;
  --home-accent-dark:#d95525;
  --home-navy:#17182b;
}
.site-header{background:var(--surface);border-bottom:0}
.masthead{min-height:112px;grid-template-columns:1fr minmax(280px,470px) 1fr;gap:28px}
.brand{justify-self:center;display:flex;align-items:center;justify-content:center}
.brand img{width:min(470px,100%);max-height:106px;object-fit:contain}
.mast-left{justify-self:start}.mast-tools{justify-self:end}



.top-headlines {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  margin-bottom: 14px;
}

.top-headline-card {
  border-radius: var(--radius-xs);
  box-shadow: none;
}

.top-headline-card > a {
  height: auto !important;
  aspect-ratio: 16 / 9;
  isolation: isolate;
}

.top-headline-card > a::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "" !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, .14) 48%, rgba(0, 0, 0, .92) 100%) !important;
  pointer-events: none;
}

.top-headline-card__overlay {
  position: absolute !important;
  z-index: 2 !important;
  inset: auto 0 0 !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  overflow: hidden;
  padding: 56px 13px 12px !important;
  background: none !important;
}

.top-headline-card__overlay .headline-kicker {
  align-self: flex-start;
  flex: 0 0 auto;
  margin: 0 0 7px !important;
  background: var(--home-accent);
}

.top-headline-card__overlay h2 {
  display: -webkit-box !important;
  overflow: hidden;
  max-height: 2.6em;
  margin: 0 0 9px !important;
  color: var(--white) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.top-headline-card .headline-meta {
  display: none;
}

.hero-layout {
  display: block !important;
  margin-bottom: 28px;
}

.hero-main {
  width: 100%;
  border-radius: 5px;
  box-shadow: none;
}

.hero-main > a {
  height: auto !important;
  min-height: 390px;
  aspect-ratio: 16 / 7.2;
}

.hero-main__overlay {
  padding: 150px 42px 34px !important;
}

.hero-main__overlay h1 {
  max-width: 950px;
  font-size: clamp(34px, 3.5vw, 54px);
  line-height: 1.04;
}

.hero-main .headline-kicker {
  background: var(--home-accent);
}


@media(max-width:1000px){
  .masthead{grid-template-columns:auto 1fr auto;min-height:92px}
  .mast-tools .mast-utility-link{display:none}
  .top-headlines{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-main>a{aspect-ratio:16/9;min-height:340px}
}
@media(max-width:640px){
  .masthead{min-height:78px;gap:10px}
  .brand img{max-height:68px}
  .weather-box,.mast-date{display:none}
  
  
  
  
  
  .top-headlines{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
  .top-headline-card__overlay{padding:42px 9px 9px!important}
  .top-headline-card__overlay h2{font-size:12px;-webkit-line-clamp:3}
  .hero-main>a{aspect-ratio:16/10;min-height:275px}
  .hero-main__overlay{padding:95px 16px 17px!important}
  .hero-main__overlay h1{font-size:25px;-webkit-line-clamp:4}
}



@media (min-width: 721px) and (max-width: 1099px) {
  .category-panel__pane {
    grid-template-columns: 1.15fr 1fr;
    grid-template-rows: repeat(4, 175px);
  }
  .category-panel__story--lead { grid-row: 1 / 3; }
}

@media (max-width: 720px) {
  .category-panel {
    margin-top: 0;
    margin-bottom: 0;
    padding: 14px 12px 12px;
    border-radius: var(--radius-md);
  }
  .category-panel__heading { margin-bottom: 12px; }
  .category-panel__heading h2 { font-size: 19px; }
  .category-panel__tabs { gap: 6px; margin-bottom: 12px; }
  .category-panel__tab {
    min-height: 36px;
    padding: 0 15px;
    font-size: 13px;
  }
  .category-panel__pane {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 8px;
    min-height: 0;
  }
  .category-panel__story,
  .category-panel__story--lead {
    grid-row: auto;
    aspect-ratio: 16 / 10;
  }
  .category-panel__story--lead {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 9;
  }
  .category-panel__overlay,
  .category-panel__story--lead .category-panel__overlay {
    padding: 40px 10px 10px;
  }
  .category-panel__overlay time { margin-bottom: 5px; font-size: 10px; }
  .category-panel__overlay h3,
  .category-panel__story--lead .category-panel__overlay h3 {
    font-size: 13px;
    line-height: 1.24;
    -webkit-line-clamp: 2;
  }
  .category-panel__story--lead .category-panel__overlay h3 { font-size: 18px; }
}


@media (max-width:1100px){
  .latest-area__sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .latest-area__sidebar .home-ad--rectangle{display:none}
}
@media (max-width:760px){
  .latest-area{margin-bottom:20px}
  .latest-area__sidebar{grid-template-columns:1fr}
  .home-ad--leaderboard{min-height:64px;font-size:22px}
  .latest-section{padding:14px}
  .latest-slider,.latest-slider__slide>a{min-height:260px}
  .latest-slider__slide img{height:260px}
  .latest-slider__overlay{padding:78px 16px 18px}
  .latest-slider__overlay h3{font-size:20px}
  .latest-card-grid{grid-template-columns:1fr}
  .weather-widget--feature .weather-widget__body{padding:18px !important}
  .weather-widget--feature .weather-widget__current strong{font-size:42px !important}
}

@media (max-width:420px){.site-footer__grid{column-gap:14px;row-gap:20px}.site-footer__grid h2{font-size:13px}.site-footer__grid nav a,.site-footer__quick a{min-width:0;font-size:12px;overflow-wrap:anywhere}}