:root{
  --em-red:#e30613; /* Ensonhaber kırmızıya yakın */
  --em-red-hover:#cc0510;
  --text:#111;
  --text-light:#333;
  --muted:#666;
  --muted-light:#888;
  --bg:#ffffff;
  --soft:#f8f9fa; /* arka plan yumuşak gri */
  --soft-gray:#e9ecef;
  --sep:rgba(0,0,0,.08);
  --border-light:rgba(0,0,0,.05);
  --radius:4px;
  --radius-small:2px;
  --shadow-light:0 2px 4px rgba(0,0,0,0.06);
  --shadow-medium:0 4px 12px rgba(0,0,0,0.1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.6;color:var(--text);background:#fff;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.pill{color:#fff !important;text-decoration:none !important}
.pill:visited,.pill:hover,.pill:active{color:#fff !important}
.container{width:min(1200px, 100% - 2rem);margin-inline:auto}

/* Header - Ensonhaber benzeri tasarım */
.site-header{
  position:sticky;
  top:0;
  z-index:600;
  background:#fff;
  border-bottom:2px solid var(--sep);
  box-shadow:var(--shadow-light);
}
body.nav-open{overflow:hidden}
body.nav-open::after{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.5);
  z-index:150;
  opacity:1;
  transition:opacity 0.3s ease;
}
.header-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:1.5rem;
  padding:1rem 0;
  min-height:64px;
  position:relative;
}
.branding{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-right:auto;
}
.logo{
  display:flex;
  align-items:center;
  gap:.35rem;
  font-weight:800;
  font-size:1.4rem;
  letter-spacing:-0.2px;
  transition:transform 0.2s ease;
}
.logo:hover{transform:scale(1.02)}
.logo-box{
  background:var(--em-red);
  color:#fff;
  padding:.45rem .7rem;
  border-radius:var(--radius);
  font-size:1.1rem;
  letter-spacing:-0.4px;
}
.logo-text{
  font-weight:800;
  color:var(--text);
  font-size:1.2rem;
}
.nav-toggle{
  display:none;
  flex-direction:column;
  gap:3px;
  background:none;
  border:0;
  cursor:pointer;
  padding:8px;
  border-radius:var(--radius);
  transition:background 0.2s ease;
  position:relative;
  z-index:700;
  touch-action:manipulation;
}
.nav-toggle:hover{background:var(--soft)}
.nav-toggle span{
  display:block;
  width:24px;
  height:3px;
  background:var(--text);
  border-radius:2px;
  transition:all 0.3s ease;
}
.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}
.primary-nav{
  display:flex;
  align-items:center;
  margin-left:auto;
}
.primary-nav .menu{
  display:flex;
  gap:0.5rem;
  flex-wrap:nowrap;
  align-items:center;
  margin:0;
  padding:0;
}
.primary-nav .menu li{list-style:none;margin:0}
.primary-nav .menu a{
  padding:.5rem .75rem;
  border-radius:var(--radius);
  font-weight:600;
  font-size:0.88rem;
  color:var(--text);
  text-transform:uppercase;
  letter-spacing:0.2px;
  transition:all 0.2s ease;
  position:relative;
  white-space:nowrap;
}
.primary-nav .menu a:hover{
  background:var(--soft);
  color:var(--em-red);
  transform:translateY(-1px);
}
.primary-nav .menu .current-menu-item a{
  background:var(--em-red);
  color:#fff;
}

/* Hero - Ensonhaber benzeri manşet alanı */
.hero{
  padding:1.5rem 0 2rem;
  border-bottom:2px solid var(--sep);
  background:var(--soft);
  overflow:visible;
} 
.hero-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:1.5rem;
  align-items:start;
}
.hero-bottom{margin-top:1.25rem;position:relative;z-index:1;clear:both}
.hero-bottom .section-header{margin-bottom:1rem;border-bottom:none}

/* Geliştirilmiş Manşet Slider */
.otomotiv-manshet-slider-tema{
  width:100%;
  max-width:100%;
  position:relative;
  overflow:hidden;
}
.manshet-slider-container-tema{
  position:relative;
  width:100%;
  max-width:100%;
  aspect-ratio:788/450;
  border-radius:var(--radius);
  overflow:hidden;
  background:#eee;
  box-shadow:var(--shadow-medium);
  cursor:pointer;
  z-index:0;
} 
.manshet-slide-tema{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity 0.4s ease-in-out, visibility 0s 0.4s;
  transform:scale(1);
  z-index:0;
  pointer-events:none;
}
.manshet-slide-tema.active{
  opacity:1;
  visibility:visible;
  transition:opacity 0.4s ease-in-out;
  z-index:10;
  pointer-events:auto;
}

.manshet-slide-tema:hover{
  transform:scale(1.02);
  transition:transform 0.3s ease;
}
.manshet-slide-tema img,
.manshet-slide-tema .ph{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 0.3s ease;
}
.manshet-overlay-tema{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:1.2rem 1.5rem;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 35%,rgba(0,0,0,.85) 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.manshet-title-tema{
  font-size:1.6rem;
  line-height:1.3;
  font-weight:800;
  text-shadow:2px 2px 4px rgba(0,0,0,0.6);
  margin:0;
  transition:color 0.2s ease;
  letter-spacing:0.3px;
}
.manshet-slide-tema:hover .manshet-title-tema{
  color:#fff;
}
.manshet-excerpt{
  font-size:1rem;
  line-height:1.4;
  color:rgba(255,255,255,0.9);
  margin:.5rem 0;
  text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
.manshet-meta{
  display:flex;
  gap:1rem;
  align-items:center;
  font-size:.85rem;
  color:rgba(255,255,255,0.8);
  margin-top:.5rem;
}
.manshet-meta time,
.manshet-meta span{
  display:flex;
  align-items:center;
  gap:.3rem;
}
/* Screen reader only */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.manshet-dots-tema{
  display:flex;
  justify-content:flex-start;
  gap:10px;
  margin-top:1rem;
  padding:0.5rem 0 0;
}
.dot-tema{
  width:32px;
  height:6px;
  border-radius:999px;
  background:rgba(200,200,200,0.5);
  cursor:pointer;
  transition:background 0.25s ease, opacity 0.25s ease;
  border:0;
  padding:0;
  opacity:1;
}
.dot-tema:hover{
  background:rgba(200,200,200,0.8);
  opacity:1;
}
.dot-tema.active{
  background:var(--em-red);
  opacity:1;
}

/* Hero Side Content */
.hero-side{
  display:grid;
  gap:1rem;
  align-content:start;
}

/* Sidebar Styles */
.sidebar-section{
  background:#fff;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--border-light);
  box-shadow:var(--shadow-light);
}
.sidebar-header{
  background:var(--em-red);
  color:#fff;
  padding:1rem;
  border-bottom:3px solid var(--em-red-hover);
}
.sidebar-header h3{
  margin:0;
  font-size:1.1rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.3px;
}
.sidebar-cards{
  display:flex;
  flex-direction:column;
}
.sidebar-card{
  border-bottom:1px solid var(--border-light);
  transition:background 0.2s ease;
}
.sidebar-card:last-child{
  border-bottom:0;
}
.sidebar-card:hover{
  background:var(--soft);
}
.sidebar-card-link{
  display:flex;
  gap:.75rem;
  padding:.75rem;
  color:inherit;
  text-decoration:none;
}
.sidebar-thumb{
  flex-shrink:0;
  width:80px;
  height:60px;
  border-radius:var(--radius-small);
  overflow:hidden;
}
.sidebar-thumb .sidebar-img,
.sidebar-thumb .ph{
  width:100%;
  height:100%;
  object-fit:cover;
  background:#eee;
  display:block;
}
.sidebar-content{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.sidebar-title{
  font-size:.9rem;
  line-height:1.3;
  font-weight:600;
  color:var(--text);
  margin:0 0 .3rem;
  transition:color 0.2s ease;
}
.sidebar-card:hover .sidebar-title{
  color:var(--em-red);
}
.sidebar-meta{
  font-size:.75rem;
  color:var(--muted);
}

/* Cards - Ensonhaber benzeri kart tasarımı */
.cards-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.2rem;
  margin:1rem 0;
}
.card{
  display:flex;
  flex-direction:column;
  gap:.7rem;
  background:#fff;
  border-radius:var(--radius);
  transition:all 0.3s ease;
  overflow:hidden;
  border:1px solid var(--border-light);
}
.card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-medium);
  border-color:var(--sep);
}
.card .thumb{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-small);
}
.card .thumb img,
.card .thumb .ph{
  width:100%;
  aspect-ratio:372/210;
  object-fit:cover;
  display:block;
  transition:transform 0.3s ease;
  background:#eee;
}
.card:hover .thumb img{
  transform:scale(1.05);
}
.card .card-content{
  padding:0 1rem 1rem;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.card .pill{
  display:inline-block;
  background:var(--em-red);
  color:#fff !important;
  padding:.3rem .6rem;
  font-size:.8rem;
  font-weight:700;
  border-radius:3px;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:.5rem;
  align-self:flex-start;
  transition:all 0.2s ease;
}
.card .pill:hover{
  transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(0,0,0,0.2);
  color:#fff !important;
}
.card .card-title{
  font-size:1.05rem;
  line-height:1.45;
  font-weight:700;
  color:var(--text);
  margin:0;
  flex:1;
  transition:color 0.2s ease;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.card:hover .card-title{
  color:var(--em-red);
}
.card .card-meta{
  font-size:.8rem;
  color:var(--muted);
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:flex-start;
  margin-top:auto;
}
.card-dates{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}
.card-date{
  display:flex;
  align-items:center;
  gap:.35rem;
}
.card-date-label{
  font-weight:600;
  text-transform:uppercase;
  font-size:.72rem;
  letter-spacing:0.2px;
  color:var(--muted);
}
.card-date time{
  color:var(--muted-light);
  font-weight:600;
}
.card-comments{
  display:flex;
  align-items:center;
  gap:.3rem;
  font-weight:600;
  color:var(--muted);
}
.card .card-excerpt{
  font-size:.9rem;
  line-height:1.5;
  color:var(--text-light);
  margin:.3rem 0;
}

/* Sections - Ensonhaber benzeri bölüm tasarımı */
.cat-section{
  padding:2.5rem 0;
  border-top:2px solid var(--sep);
  background:#fff;
}
.cat-section:nth-child(even){
  background:#fafafa;
}
.section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1.5rem;
  padding-bottom:.75rem;
  border-bottom:3px solid var(--em-red);
  position:relative;
}
.section-header::before{
  content:'';
  position:absolute;
  bottom:-3px;
  left:0;
  width:60px;
  height:3px;
  background:var(--em-red);
}
.section-header h2{
  font-size:1.5rem;
  font-weight:800;
  color:var(--text);
  margin:0;
  text-transform:uppercase;
  letter-spacing:0.8px;
  position:relative;
  padding-left:1rem;
}
.section-header h2::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:100%;
  background:var(--em-red);
  border-radius:2px;
}
.section-header h2 a{
  color:inherit;
  transition:color 0.2s ease;
}
.section-header h2 a:hover{
  color:var(--em-red);
}
.section-header .more{
  color:var(--em-red);
  font-weight:700;
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:0.3px;
  padding:.4rem .8rem;
  border:2px solid var(--em-red);
  border-radius:var(--radius);
  transition:all 0.2s ease;
}
.section-header .more:hover{
  background:var(--em-red);
  color:#fff;
  transform:translateY(-1px);
}

.single-flow{padding:2rem 0 3rem;background:var(--bg);}
.single-stack{display:flex;flex-direction:column;gap:3rem;position:relative;}
.single-stack.loading::after{content:"";position:absolute;left:50%;margin-left:-18px;bottom:-1.5rem;width:36px;height:36px;border-radius:50%;border:3px solid var(--soft-gray);border-top-color:var(--em-red);animation:emlakg-spin .8s linear infinite;}
.entry-single + .entry-single{padding-top:2.5rem;border-top:1px solid var(--sep);}
@keyframes emlakg-spin{to{transform:rotate(360deg);}}

/* Single */
.breadcrumb{
  font-size:.85rem;
  color:var(--muted);
  margin-bottom:1rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
}
.breadcrumb a{color:var(--muted);transition:color 0.2s ease;}
.breadcrumb a:hover{color:var(--em-red);}
.breadcrumb-sep{color:var(--muted-light);}
.breadcrumb-current{color:var(--text);font-weight:600;}
.entry-single{width:min(840px, 100% - 2rem);margin-inline:auto;padding:2.5rem 0 1.5rem}
.entry-single .single-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}
.entry-single .single-header .single-title{font-size:2.2rem;line-height:1.3;margin:0;font-weight:800;letter-spacing:0.3px}
.single-next-label{font-size:.85rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--em-red);}
.entry-single .single-thumb{margin:0 0 1.5rem}
.entry-single .single-thumb img{width:100%;aspect-ratio:788/450;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-medium)}
.entry-single .single-meta{display:flex;gap:1rem;align-items:flex-start;color:var(--muted);font-size:.95rem;margin-bottom:1.5rem;font-weight:600;flex-wrap:wrap}
.entry-single .single-meta .pill{font-size:.85rem;padding:.35rem .65rem;color:#fff !important}
.single-dates{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;}
.single-date{display:flex;align-items:center;gap:.4rem;font-weight:600;color:var(--muted);flex-wrap:wrap;}
.single-date-label{font-size:.85rem;text-transform:uppercase;letter-spacing:0.35px;color:var(--muted);}
.single-date time{color:var(--muted-light);font-weight:600;}
.entry-single .entry-content{font-size:1.1rem;line-height:1.8;color:var(--text-light)}
.entry-single .entry-content p{margin:1.2rem 0}
.entry-single .entry-content img{border-radius:var(--radius);margin:1.5rem auto;box-shadow:var(--shadow-light)}
.entry-single .entry-content h2,.entry-single .entry-content h3{font-weight:700;margin:1.5rem 0 1rem;color:var(--text)}

/* Social share */
.social-share{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.5rem 0;
  border-top:1px solid var(--border-light);
  border-bottom:1px solid var(--border-light);
  margin:2rem 0;
}
.share-label{font-weight:700;color:var(--text);font-size:.95rem;}
.share-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  transition:all 0.3s ease;
  color:#fff;
}
.share-facebook{background:#1877f2;}
.share-facebook:hover{background:#145dbf;transform:translateY(-2px);}
.share-twitter{background:#1da1f2;}
.share-twitter:hover{background:#0c85d0;transform:translateY(-2px);}
.share-whatsapp{background:#25d366;}
.share-whatsapp:hover{background:#1ebe57;transform:translateY(-2px);}
.share-linkedin{background:#0077b5;}
.share-linkedin:hover{background:#005885;transform:translateY(-2px);}

/* Related posts */
.related-posts{
  margin:3rem 0 2rem;
}
.related-title{
  font-size:1.5rem;
  font-weight:800;
  color:var(--text);
  margin:0 0 1.5rem;
  padding-bottom:.75rem;
  border-bottom:3px solid var(--em-red);
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.2rem;
}

/* Footer - Ensonhaber benzeri gelişmiş footer */
.site-footer{
  background:var(--text);
  color:#fff;
  margin-top:3rem;
}
.footer-main{
  padding:2.5rem 0 1.5rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:2rem;
  align-items:start;
}
.footer-brand{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.footer-logo{
  display:flex;
  align-items:center;
  font-weight:800;
  font-size:1.5rem;
}
.footer-logo .logo-box{
  background:var(--em-red);
  color:#fff;
  padding:.5rem .7rem;
  border-radius:var(--radius);
}
.footer-logo .logo-text{
  margin-left:.6rem;
  color:#fff;
}
.footer-description{
  color:#ccc;
  line-height:1.6;
  font-size:.95rem;
  max-width:300px;
}
.footer-section h3{
  font-size:1.1rem;
  font-weight:700;
  margin-bottom:1rem;
  color:#fff;
  border-bottom:2px solid var(--em-red);
  padding-bottom:.5rem;
  display:inline-block;
}
.footer-links{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:.6rem;
}
.footer-links a{
  color:#ccc;
  font-size:.9rem;
  transition:color 0.2s ease;
  padding:.2rem 0;
}
.footer-links a:hover{
  color:var(--em-red);
  padding-left:.5rem;
}
.footer-social{
  display:flex;
  gap:.8rem;
  margin-top:1rem;
}
.footer-social a{
  width:40px;
  height:40px;
  background:rgba(255,255,255,.1);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ccc;
  font-size:1.2rem;
  transition:all 0.3s ease;
}
.footer-social a:hover{
  background:var(--em-red);
  color:#fff;
  transform:translateY(-2px);
}
.footer-bottom{
  padding:1.5rem 0;
  background:rgba(0,0,0,.3);
}
.footer-bottom-content{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:.9rem;
  color:#ccc;
}
.footer-bottom-links{
  display:flex;
  gap:1.5rem;
  list-style:none;
  margin:0;
  padding:0;
}
.footer-bottom-links a{
  color:#ccc;
  transition:color 0.2s ease;
}
.footer-bottom-links a:hover{
  color:var(--em-red);
}

/* Utilities */
.pagination{display:flex;justify-content:center;padding:1rem}
.btn{background:var(--em-red);color:#fff;padding:.5rem .8rem;border-radius:4px;font-weight:700}

/* Infinite scroll */
#infinite-end{min-height:1px;opacity:0}
#infinite-grid.loading::after{
  content:'Yükleniyor...';
  display:block;
  text-align:center;
  padding:2rem;
  color:var(--muted);
  font-size:.95rem;
  font-weight:600;
}

/* Touch optimization */
@media (hover: none) and (pointer: coarse) {
  .manshet-link-tema,
  .card,
  .primary-nav .menu a {
    -webkit-tap-highlight-color:rgba(227,6,19,0.1);
  }
  /* Dot'lar için dokunma alanı büyütme ama görsel olarak küçük kalacak */
  .dot-tema{
    position:relative;
    width:10px;
    height:10px;
  }
  .dot-tema::after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:44px;
    height:44px;
    /* Görünmez dokunma alanı */
  }
}

/* Responsive Design - Ensonhaber benzeri */
@media (max-width: 1200px){
  .container{width:calc(100% - 2rem);}
  .primary-nav .menu{gap:0.4rem;}
  .primary-nav .menu a{padding:.45rem .65rem;font-size:0.85rem;letter-spacing:0.15px;}
  .footer-grid{grid-template-columns:2fr 1fr 1fr;}
}

@media (min-width: 1025px){ .primary-nav .menu .menu-item--drop-lg{display:none} }
@media (max-width: 1024px){
  .nav-toggle{
    display:flex;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
  }
  .header-row{
    justify-content:center;
  }
  .branding{
    margin:0 auto;
    justify-content:center;
  }
  .primary-nav{
    position:fixed;
    inset:0;
    padding:5rem 1.75rem 2.5rem;
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    overflow-y:auto;
    z-index:650;
    margin-left:0;
    transform:translateY(-100%);
    opacity:0;
    visibility:hidden;
    transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
               opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
               visibility 0s 0.4s;
    -webkit-overflow-scrolling:touch;
  }
  body.nav-open .primary-nav{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
               opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .primary-nav .menu{
    flex-direction:column;
    gap:0;
    width:100%;
  }
  .primary-nav .menu li{
    width:100%;
    border-bottom:1px solid var(--border-light);
  }
  .primary-nav .menu li:last-child{border-bottom:0;}
  .primary-nav .menu a{
    display:block;
    width:100%;
    padding:1.1rem 0;
    border-radius:0;
    font-size:1.05rem;
    letter-spacing:0.4px;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    min-height:44px;
    display:flex;
    align-items:center;
  }
  .primary-nav .menu a:hover{
    background:transparent;
    color:var(--em-red);
    transform:none;
  }
  .primary-nav .menu .current-menu-item a{
    background:transparent;
    color:var(--em-red);
  }
  .cards-grid{grid-template-columns:repeat(3,1fr);}
  .hero-grid{gap:1.25rem;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .single-stack{gap:2.5rem;}
  .entry-single + .entry-single{padding-top:2.2rem;}
}

@media (max-width: 768px){
  .header-row{padding:.65rem 0;}
  .primary-nav{padding:4.25rem 1.4rem 2.2rem;}
  .primary-nav .menu a{font-size:1rem;}
  .breadcrumb{font-size:.8rem;gap:.35rem;}
  .social-share{flex-wrap:wrap;gap:.75rem;}
  .share-label{width:100%;font-size:.85rem;}
  .share-btn{width:38px;height:38px;}
  .related-grid{grid-template-columns:1fr;gap:1rem;}
  .hero{
    padding:0;
    border-bottom:1px solid var(--border-light);
  }
  .hero .container{
    width:100%;
    padding:0;
  }
  .hero-grid{
    grid-template-columns:1fr;
    gap:1.4rem;
  }
  .hero-side{display:none;}
  .otomotiv-manshet-slider-tema{margin:0;width:100%;}
  .manshet-slider-container-tema{
    border-radius:0;
    aspect-ratio:16/9;
    touch-action:pan-y pinch-zoom;
  }
  .manshet-overlay-tema{padding:1rem 1.2rem;}
  .manshet-title-tema{font-size:1.3rem;line-height:1.25;font-weight:700;}
  .manshet-dots-tema{
    justify-content:flex-start;
    gap:6px;
    margin:.75rem 0 0 1.2rem;
    padding:0;
  }
  .dot-tema{
    width:28px;
    height:6px;
    border-radius:999px;
    background:rgba(200,200,200,0.5);
    border:0;
    box-shadow:none;
    transform:none;
  }
  .dot-tema.active{background:var(--em-red);}
  .cards-grid{
    grid-template-columns:repeat(2,1fr);
    gap:1rem;
  }
  .card .card-content{padding:0 .75rem .75rem;}
  .card .card-title{font-size:.95rem;line-height:1.35;}
  .card .pill{font-size:.7rem;padding:.25rem .5rem;}
  .card .card-meta{font-size:.75rem;}
  .cat-section{padding:1.5rem 0;}
  .section-header{margin-bottom:1rem;}
  .section-header h2{font-size:1.15rem;}
  .single-flow{padding:1.5rem 0 2.5rem;}
  .single-flow .container{width:100%;padding:0;}
  .single-stack{gap:2rem;}
  .single-stack.loading::after{bottom:-1rem;width:30px;height:30px;margin-left:-15px;}
  .single-next-label{font-size:.75rem;}
  .entry-single{padding:1.5rem 1.25rem 1rem;width:100%;}
  .entry-single + .entry-single{padding-top:1.8rem;}
  .entry-single .single-header{margin-bottom:1.2rem;}
  .entry-single .single-header .single-title{font-size:1.7rem;line-height:1.3;}
  .entry-single .single-thumb{margin:1rem -1.25rem;border-radius:0;}
  .entry-single .single-thumb img{border-radius:0;}
  .entry-single .single-meta{flex-wrap:wrap;gap:.65rem;font-size:.85rem;align-items:center;}
  .entry-single .single-meta .pill{font-size:.75rem;padding:.3rem .55rem;}
  .single-dates{gap:.65rem;flex-direction:column;align-items:flex-start;}
  .single-date{font-size:.85rem;gap:.35rem;}
  .entry-single .entry-content{font-size:1rem;line-height:1.7;}
  .footer-grid{
    grid-template-columns:1fr;
    gap:1.5rem;
    text-align:center;
  }
  .footer-brand{align-items:center;}
  .footer-social{justify-content:center;}
  .footer-bottom-content{
    flex-direction:column;
    gap:1rem;
    text-align:center;
  }
}

@media (max-width: 576px){
  .container{width:100%;padding-inline:.9rem;}
  .logo{font-size:1.15rem;}
  .logo-box{padding:.32rem .48rem;font-size:.95rem;}
  .logo-text{font-size:1.05rem;}
  .primary-nav{padding:3.9rem 1.1rem 2rem;}
  .breadcrumb{font-size:.75rem;}
  .social-share{gap:.5rem;}
  .share-btn{width:36px;height:36px;}
  .related-title{font-size:1.2rem;}
  .hero{padding:0;}
  .hero .container{padding:0;}
  .manshet-slider-container-tema{aspect-ratio:16/9;border-radius:0;}
  .manshet-overlay-tema{padding:.85rem 1rem;}
  .manshet-title-tema{font-size:1.15rem;line-height:1.25;}
  .manshet-dots-tema{margin:.6rem 0 0 1rem;gap:5px;}
  .dot-tema{width:24px;height:5px;background:rgba(200,200,200,0.5);}
  .dot-tema.active{background:var(--em-red);}
  .cards-grid{grid-template-columns:1fr;gap:.85rem;}
  .card .card-content{padding:0 .65rem .7rem;}
  .card .card-title{font-size:.92rem;}
  .card .pill{font-size:.65rem;padding:.25rem .45rem;}
  .card .card-meta{font-size:.72rem;}
  .cat-section{padding:1.1rem 0;}
  .section-header{flex-direction:column;align-items:stretch;gap:.7rem;}
  .section-header h2{font-size:1.05rem;}
  .section-header .more{font-size:.75rem;padding:.3rem .55rem;align-self:flex-start;}
  .single-flow{padding:1.1rem 0 2rem;}
  .single-stack{gap:1.6rem;}
  .single-stack.loading::after{bottom:-.7rem;width:24px;height:24px;margin-left:-12px;}
  .single-next-label{font-size:.7rem;}
  .entry-single{padding:1.35rem 1rem .9rem;}
  .entry-single + .entry-single{padding-top:1.4rem;}
  .entry-single .single-header{margin-bottom:1rem;}
  .entry-single .single-header .single-title{font-size:1.5rem;line-height:1.25;}
  .entry-single .single-thumb{margin:.9rem -1rem;border-radius:0;}
  .entry-single .single-thumb img{border-radius:0;}
  .entry-single .single-meta{font-size:.8rem;gap:.5rem;}
  .single-dates{gap:.5rem;flex-direction:column;align-items:flex-start;width:100%;}
  .single-date{font-size:.8rem;gap:.3rem;width:100%;}
  .entry-single .entry-content{font-size:.95rem;line-height:1.65;}
  .footer-main{padding:1.35rem 0 .9rem;}
  .footer-bottom{padding:.9rem 0;}
  .footer-social a{width:34px;height:34px;font-size:.95rem;}
}