/* [#220/#1] asn-fonts.css + asn-magazine.css birleşik (2→1 HTTP isteği) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-400-latin-0.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-400-latin-1.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-400-latin-2.woff2') format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-400-latin-3.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-400-latin-4.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-400-latinext-5.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-400-latin-6.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-500-latin-7.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-500-latin-8.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-500-latin-9.woff2') format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-500-latin-10.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-500-latin-11.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-500-latinext-12.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-500-latin-13.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-600-latin-14.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-600-latin-15.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-600-latin-16.woff2') format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-600-latin-17.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-600-latin-18.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-600-latinext-19.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-600-latin-20.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-700-latin-21.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-700-latin-22.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-700-latin-23.woff2') format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-700-latin-24.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-700-latin-25.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-700-latinext-26.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-700-latin-27.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter/inter-800-latin-28.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter/inter-800-latin-29.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter/inter-800-latin-30.woff2') format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter/inter-800-latin-31.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter/inter-800-latin-32.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter/inter-800-latinext-33.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter/inter-800-latin-34.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{--asn-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
body,input,button,select,textarea,optgroup,
h1,h2,h3,h4,h5,h6,
.sp-megamenu-parent > li > a,.sp-megamenu-parent .sp-dropdown-inner li a,
.sp-module-title,.sp-page-title h1,.asn-magazine,.breadcrumb,
#sp-header,#sp-top-bar,#sp-menu,#sp-footer,#sp-title,#sp-right{
  font-family:var(--asn-font) !important;
}

/* asenkronmotor.com — Magazin/haber anasayfa stilleri. Helix teması üstüne, SCSS'ten bağımsız. */
:root{
  --asn-pill:#1d4ed8;            /* kategori pill (mavi, endüstriyel) */
  --asn-pill-2:#ea580c;          /* vurgu turuncu */
  --asn-radius:14px;
  --asn-card-bg:#ffffff;
  --asn-card-bd:#e8ebf0;
  --asn-muted:#6b7280;
  --asn-title:#111827;
}

/* ---- Genel: anasayfada component genişliği ---- */
.asn-magazine{max-width:100%;}
.asn-magazine a{text-decoration:none;}

/* ---- Breadcrumb (sp-title — anasayfa hariç her sayfa, mikrodatalı) ---- */
/* Makaleler URL kısaltma için ana sayfa Itemid'ini (101) taşır; gerçek anasayfa
   view-category, makale view-article'dır. Breadcrumb yalnız gerçek anasayfada gizlenir. */
body.itemid-101:not(.view-article) #sp-title{display:none;}
#sp-title{padding:16px 0 2px;}
#sp-title .sp-column{margin:0;}
#sp-title .breadcrumb{
  --bs-breadcrumb-divider:'›';
  display:flex;flex-wrap:wrap;align-items:center;gap:0;
  margin:0;padding:0;list-style:none;background:none;font-size:.82rem;
}
#sp-title ol.breadcrumb{padding:0;}
#sp-title .breadcrumb-item{display:inline-flex;align-items:center;color:var(--asn-muted);}
#sp-title .breadcrumb-item a{color:var(--asn-muted);font-weight:600;}
#sp-title .breadcrumb-item a:hover{color:var(--asn-pill);}
#sp-title .breadcrumb-item + .breadcrumb-item::before{content:'›';padding:0 8px;color:#c2c9d4;float:none;}
#sp-title .breadcrumb-item.active,#sp-title .breadcrumb-item:last-child{color:var(--asn-title);font-weight:700;}
#sp-title .breadcrumb-item:last-child a{color:var(--asn-title);}
/* mobilde: aktif (uzun başlık) öğeyi gizle, sıkı */
@media (max-width:575px){
  #sp-title{padding:12px 0 0;}
  #sp-title .breadcrumb{font-size:.78rem;flex-wrap:nowrap;overflow:hidden;}
  #sp-title .breadcrumb-item{white-space:nowrap;}
  #sp-title .breadcrumb-item:last-child{display:none;}
  #sp-title .breadcrumb-item + .breadcrumb-item::before{padding:0 6px;}
}

/* ---- HERO ---- */
.asn-hero{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:16px;
  margin-bottom:28px;
}
.asn-hero-main,.asn-hero-small{
  position:relative;
  border-radius:var(--asn-radius);
  overflow:hidden;
  background-size:cover;
  background-position:center;
  background-color:#1f2937;
  min-height:220px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.asn-hero-main{min-height:480px;}
.asn-hero-side{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1.4fr 1fr;
  gap:16px;
}
.asn-hero-side .asn-hero-small:first-child{grid-column:1 / -1;}
.asn-cover-link{position:absolute;inset:0;z-index:2;}
.asn-hero-overlay{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:20px;
  background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 100%);
  pointer-events:none;
}
.asn-hero-overlay .asn-pill,.asn-hero-overlay a{pointer-events:auto;}
.asn-hero-title{margin:.5rem 0 .4rem;font-size:1.7rem;line-height:1.25;font-weight:800;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.asn-hero-stitle{margin:.4rem 0 .3rem;font-size:.98rem;line-height:1.28;font-weight:700;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.asn-hero-overlay{max-height:100%;overflow:hidden;}
.asn-hero-small .asn-pill{font-size:.66rem;padding:3px 9px;}
.asn-hero-small .asn-meta{font-size:.72rem;}
/* Yazar linki renkleri */
.asn-meta .asn-author a{color:inherit;font-weight:600;}
.asn-hero-overlay .asn-meta .asn-author a{color:#e5e7eb;}
.asn-hero-title a,.asn-hero-stitle a{color:#fff;}
.asn-hero-title a:hover,.asn-hero-stitle a:hover{color:#e5e7eb;}
.asn-hero-overlay .asn-meta{color:#e5e7eb;}
.asn-hero-small .asn-hero-overlay{padding:14px;}
.asn-hero-small .asn-hero-title{font-size:1.05rem;}

/* ---- Pill (kategori etiketi) ---- */
.asn-pill{
  display:inline-block;
  background:var(--asn-pill);
  color:#fff !important;
  border-radius:999px;
  padding:4px 12px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  line-height:1.4;
}
.asn-pill:hover{background:var(--asn-pill-2);}
.asn-pill-sm{background:#eef2ff;color:var(--asn-pill) !important;}
.asn-pill-sm:hover{background:var(--asn-pill);color:#fff !important;}

/* ---- Meta (yazar • tarih) ---- */
.asn-meta{font-size:.8rem;color:var(--asn-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.asn-meta .asn-author{font-weight:600;color:inherit;}
.asn-meta .asn-dot{opacity:.6;}

/* ---- KART GRID ---- */
.asn-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.asn-card{
  background:var(--asn-card-bg);
  border:1px solid var(--asn-card-bd);
  border-radius:var(--asn-radius);
  overflow:hidden;
  display:flex;flex-direction:column;
  
}
.asn-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);}
.asn-card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#f1f3f6;}
.asn-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;}
.asn-card-title{margin:0;font-size:1.12rem;line-height:1.32;font-weight:700;}
.asn-card-title a{color:var(--asn-title);}
.asn-card-title a:hover{color:var(--asn-pill);}
.asn-card-excerpt{margin:0;font-size:.9rem;line-height:1.55;color:var(--asn-muted);}
.asn-card .asn-pill-sm{align-self:flex-start;}

/* ---- Sayfalama (modern, siteye uyumlu) ---- */
.asn-pagination{margin:38px 0 6px;display:flex;justify-content:center;}
.asn-pagination .pagination{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.asn-pagination .page-item{margin:0;}
.asn-pagination .page-link{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-width:44px;height:44px;padding:0 14px;
  border:1px solid var(--asn-card-bd);border-radius:12px;background:var(--asn-card-bg);
  color:var(--asn-title);font-weight:700;font-size:.92rem;line-height:1;text-decoration:none;box-shadow:none;
}
.asn-pagination .page-link:hover{border-color:var(--asn-pill);color:var(--asn-pill);background:#eef2ff;}
.asn-pagination .page-item.active .page-link,.asn-pagination .active .page-link{
  background:var(--asn-pill);border-color:var(--asn-pill);color:#fff;box-shadow:0 4px 12px rgba(29,78,216,.28);
}
.asn-pagination .page-item.disabled .page-link,.asn-pagination .disabled .page-link{
  opacity:.4;pointer-events:none;background:transparent;
}
.asn-pagination .page-link .fas,.asn-pagination .page-link [class^="fa"]{font-size:.78rem;}

/* ---- SIDEBAR ---- */
#sp-right .sp-module,.asn-sidebar .sp-module{
  background:var(--asn-card-bg);
  border:1px solid var(--asn-card-bd);
  border-radius:var(--asn-radius);
  padding:18px;
  margin-bottom:22px;
}
#sp-right .sp-module-title,.asn-sidebar .sp-module-title{
  font-size:1.05rem;font-weight:800;color:var(--asn-title);
  margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--asn-pill);
  display:inline-block;
}
#sp-right ul{list-style:none;margin:0;padding:0;}
#sp-right .latest-articles li,#sp-right .mod-articles-latest li,
#sp-right .mod-list li,#sp-right ul.newsflash li{
  padding:9px 0;border-bottom:1px solid #f0f2f5;line-height:1.4;
}
#sp-right li:last-child{border-bottom:none;}
#sp-right .mod-list a,#sp-right .latestnews a,#sp-right a{color:var(--asn-title);font-weight:600;font-size:.92rem;}
#sp-right .mod-list a:hover,#sp-right a:hover{color:var(--asn-pill);}

/* Kategoriler modülü sayaç rozet */
#sp-right .mod-articles-categories .badge,#sp-right .category-list-count,
#sp-right span.badge{background:#eef2ff;color:var(--asn-pill);border-radius:999px;font-size:.72rem;padding:2px 8px;font-weight:700;}

/* Popüler Konular (etiket bulutu) — taşmayı KESİN önle: inline-block sarma + ellipsis */
#sp-right .mod-tagspopular,#sp-right .mod-tagspopular .sp-module-content,#sp-right .tagspopular{
  white-space:normal !important;overflow:hidden;
}
#sp-right .mod-tagspopular ul{
  padding:0 !important;margin:0 !important;list-style:none;font-size:0;line-height:0;max-width:100%;
}
#sp-right .mod-tagspopular li{
  display:inline-block !important;vertical-align:top;float:none !important;
  border:none !important;padding:0 !important;margin:0 6px 8px 0 !important;max-width:100%;
}
#sp-right .mod-tagspopular a{
  display:inline-block;box-sizing:border-box;max-width:100%;
  background:#fff;color:var(--asn-pill) !important;border:1.5px solid #d7e0f5 !important;border-radius:8px;
  padding:6px 12px;font-size:.82rem !important;line-height:1.25;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#sp-right .mod-tagspopular a::before{content:"#";opacity:.55;margin-right:1px;font-weight:700;}
#sp-right .mod-tagspopular a:hover{background:var(--asn-pill);border-color:var(--asn-pill) !important;color:#fff !important;}

/* ---- Responsive ---- */
@media (max-width:991px){
  .asn-hero{grid-template-columns:1fr;}
  .asn-hero-main{min-height:340px;}
}
@media (max-width:575px){
  .asn-grid{grid-template-columns:1fr;}
  .asn-hero-side{grid-template-columns:1fr;grid-template-rows:none;}
  .asn-hero-side .asn-hero-small:first-child{grid-column:auto;}
  .asn-hero-small{min-height:180px;}
  .asn-hero-title{font-size:1.35rem;}
}

/* ---- Makale özel alanları (com_fields) ---- */
.com-content-article .fields-container,.article-full-text .fields-container,.article-details .fields-container,ul.fields-container,.fields-container{
  list-style:none;padding:0;margin:0 0 18px;
}
.fields-container .field-entry{list-style:none;margin:0 0 6px;padding:0;}
.fields-container .field-entry.teknik_inceleyen{font-size:.9rem;color:var(--asn-muted);}
.fields-container .field-entry.teknik_inceleyen .field-label{font-weight:700;color:var(--asn-title);}

/* Yazının Kısa Özeti kutusu (elle yazılan alan) */
.field-entry.asn-tldr-field{
  display:block;background:#f0f5ff;border:1px solid #dbe4ff;border-left:4px solid var(--asn-pill);
  border-radius:12px;padding:15px 18px;margin:14px 0 26px;
}
.field-entry.asn-tldr-field .field-label{
  display:block;font-weight:800;color:var(--asn-pill);font-size:.82rem;
  letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;
}
.field-entry.asn-tldr-field .field-value{display:block;color:#374151;line-height:1.62;font-size:.97rem;}

/* ---- Makale içerik tipografisi (.article-details) ---- */
.article-details{font-size:1.03rem;line-height:1.78;color:#2b2f36;}
/* [#218] width/height öznitelikli görseller responsive kalsın, oran korunsun (CLS) */
.article-details img{max-width:100%;height:auto;border-radius:10px;}
.article-details p{margin:0 0 1.15rem;}
.article-details h2{font-size:1.55rem;font-weight:800;margin:2.1rem 0 .9rem;line-height:1.28;color:var(--asn-title);}
.article-details h3{font-size:1.24rem;font-weight:700;margin:1.7rem 0 .7rem;color:var(--asn-title);}
.article-details h4{font-size:1.08rem;font-weight:700;margin:1.4rem 0 .6rem;color:var(--asn-title);}
.article-details ul,.article-details ol{margin:0 0 1.2rem;padding-left:1.5rem;}
.article-details li{margin:.4rem 0;padding-left:.2rem;}
.article-details ul li::marker{color:var(--asn-pill);}
.article-details ol li::marker{color:var(--asn-pill);font-weight:700;}
.article-details a{color:var(--asn-pill);text-decoration:underline;text-underline-offset:2px;}
.article-details a:hover{color:var(--asn-pill-2);}
.article-details strong,.article-details b{color:var(--asn-title);}

/* Tablo */
.article-details table{
  width:100%;border-collapse:separate;border-spacing:0;margin:0 0 1.6rem;font-size:.95rem;
  border:1px solid var(--asn-card-bd);border-radius:12px;overflow:hidden;
}
.article-details table th,.article-details table td{text-align:left;padding:12px 15px;}
.article-details table thead th{
  background:#eef2ff;color:var(--asn-title);font-weight:800;font-size:.86rem;
  letter-spacing:.02em;border-bottom:2px solid #dbe4ff;
}
.article-details table tbody td{border-bottom:1px solid #eef1f5;}
.article-details table tbody tr:nth-child(even){background:#f8fafc;}
.article-details table tbody tr:last-child td{border-bottom:none;}

/* Blockquote */
.article-details blockquote{
  margin:1.6rem 0;padding:16px 22px;border-left:4px solid var(--asn-pill);
  background:#f8fafc;border-radius:0 10px 10px 0;color:#374151;font-style:italic;font-size:1.06rem;line-height:1.6;
}
.article-details blockquote p:last-child{margin:0;}

/* Mobilde tabloyu kaydırılabilir yap */
@media (max-width:600px){
  .article-details table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
  .article-details h2{font-size:1.35rem;}
  .article-details h3{font-size:1.12rem;}
}

/* ---- Kategori sayfası (hero yok) başlık + grid ---- */
.asn-cat-head{margin:2px 0 22px;}
.asn-cat-title{font-size:1.9rem;font-weight:800;color:var(--asn-title);margin:0;padding-bottom:12px;border-bottom:2px solid var(--asn-pill);display:inline-block;}
.asn-cat-desc{color:var(--asn-muted);font-size:.95rem;line-height:1.6;margin-top:12px;}

/* ---- Sidebar: thumbnail'lı yazı satırları (Son/Popüler Yazılar) ---- */
#sp-right .asn-side-posts,.asn-side-posts{list-style:none;margin:0;padding:0;}
#sp-right .asn-side-posts .asn-side-post,.asn-side-post{
  display:flex !important;flex-direction:row !important;gap:12px;align-items:center;
  padding:11px 0;border-bottom:1px solid #eef1f5;
}
.asn-side-post:first-child{padding-top:0;}
.asn-side-post:last-child{border-bottom:none;padding-bottom:0;}
#sp-right .asn-side-posts .asn-side-thumb,.asn-side-thumb{flex:0 0 62px;width:62px;height:62px;border-radius:10px;overflow:hidden;background:#f1f3f6;display:block;}
.asn-side-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-side-meta{display:flex;flex-direction:column;gap:4px;min-width:0;}
.asn-side-title{font-size:.9rem;font-weight:600;line-height:1.34;color:var(--asn-title);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.asn-side-title:hover{color:var(--asn-pill);}
.asn-side-date{font-size:.74rem;color:var(--asn-muted);}
/* Popüler sıra rozeti */
.asn-side-ranked .asn-side-rank{flex:0 0 20px;font-size:1.15rem;font-weight:800;color:#cbd2dc;text-align:center;line-height:1;}
.asn-side-ranked .asn-side-post:nth-child(1) .asn-side-rank{color:var(--asn-pill);}
.asn-side-ranked .asn-side-post:nth-child(2) .asn-side-rank{color:var(--asn-pill-2);}
.asn-side-ranked .asn-side-thumb{flex-basis:52px;width:52px;height:52px;}

/* ---- Sidebar: Kategoriler sıkı satır + hover + chevron ---- */
#sp-right .mod-articlescategories ul{margin:0;padding:0;list-style:none;}
#sp-right .mod-articlescategories li{padding:0;margin:0;border:none;}
#sp-right .mod-articlescategories a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 2px;border-bottom:1px solid #eef1f5;
  font-size:.9rem;font-weight:600;color:var(--asn-title);
}
#sp-right .mod-articlescategories li:last-child a{border-bottom:none;}
#sp-right .mod-articlescategories a::after{content:"›";color:#cbd2dc;font-size:1.15rem;line-height:1;}
#sp-right .mod-articlescategories a:hover{color:var(--asn-pill);}
#sp-right .mod-articlescategories a:hover::after{color:var(--asn-pill);}

/* ---- Sidebar modül kutusu biraz daha sıkı ---- */
#sp-right .sp-module{padding:20px 18px;}
#sp-right .sp-module-title{margin-bottom:16px;}

/* ---- Yazarlar: modern kart grid (E-E-A-T) ---- */
.asn-author-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:6px;
}
.asn-author-card{
  background:var(--asn-card-bg);border:1px solid var(--asn-card-bd);border-radius:var(--asn-radius);
  padding:26px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;
  
}
.asn-author-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);}
.asn-author-av{display:inline-block;width:96px;height:96px;border-radius:50%;overflow:hidden;margin-bottom:14px;
  box-shadow:0 3px 10px rgba(0,0,0,.12);}
.asn-author-av img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-av-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;
  background:var(--asn-pill);color:#fff;font-size:2.2rem;font-weight:800;}
.asn-author-name{margin:0 0 4px;font-size:1.15rem;font-weight:700;}
.asn-author-name a{color:var(--asn-title);}
.asn-author-name a:hover{color:var(--asn-pill);}
.asn-author-role{font-size:.82rem;font-weight:600;color:var(--asn-pill);margin-bottom:10px;}
.asn-author-bio{font-size:.86rem;line-height:1.55;color:var(--asn-muted);margin:0 0 14px;}
.asn-author-link{margin-top:auto;font-size:.85rem;font-weight:700;color:var(--asn-pill);}
.asn-author-link:hover{color:var(--asn-pill-2);}

/* ---- Yazar profil sayfası (tekil contact) avatar ---- */
.com-contact .contact-image img,.contact .contact-image img{border-radius:14px;max-width:220px;height:auto;}

/* ---- Offcanvas (mobil) alt menü genişletme oku ---- */
.offcanvas-menu .menu-parent > a{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.offcanvas-menu .menu-toggler{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;margin:-11px -10px -11px 6px;flex:0 0 auto;cursor:pointer;
}
.offcanvas-menu .menu-toggler::before{
  content:"";width:9px;height:9px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);opacity:.75;margin-top:-3px;
}
.offcanvas-menu .menu-parent-open > a .menu-toggler::before{transform:rotate(-135deg);margin-top:2px;}
.offcanvas-menu .menu-child{padding-left:14px;}
.offcanvas-menu .menu-parent:not(.menu-parent-open) > .menu-child{display:none;}

/* ---- Üst boşluk sadeleştirme ---- */
#sp-main-body{padding-top:24px;}
/* Anasayfadaki boş başlık bandı 'body.itemid-101:not(.view-article) #sp-title' ile
   gizlenir (yukarıda). Makaleler de home Itemid + asn-mag-blog taşıdığından bu satır
   KALDIRILDI; aksi halde makale breadcrumb'ı da gizleniyordu. */
.asn-mag-blog #sp-main-body{padding-top:18px;}

/* ---- Karanlık tema uyumu (Helix dark preset kullanılırsa) ---- */


/* ---- Makale meta (yayın/güncelleme saatli) ---- */
.asn-article-meta{display:flex;flex-wrap:wrap;gap:16px 20px;margin:12px 0 6px;font-size:.86rem;color:var(--asn-muted);}
.asn-article-meta .asn-am{display:inline-flex;align-items:center;gap:7px;}
.asn-article-meta .asn-am i{color:var(--asn-pill);}
.asn-article-meta strong{color:var(--asn-title);font-weight:700;}
/* ---- Yazar bio kutusu ---- */
.asn-author-box{display:flex;gap:18px;align-items:flex-start;margin:2.6rem 0 1.4rem;padding:22px;background:#f8fafc;border:1px solid var(--asn-card-bd);border-radius:14px;}
.asn-ab-avatar{flex:0 0 80px;width:80px;height:80px;border-radius:50%;overflow:hidden;display:block;box-shadow:0 3px 10px rgba(0,0,0,.1);}
.asn-ab-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-ab-ini{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--asn-pill);color:#fff;font-size:1.9rem;font-weight:800;}
.asn-ab-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--asn-pill);font-weight:800;}
.asn-ab-name{margin:2px 0;font-size:1.18rem;font-weight:800;}
.asn-ab-name a{color:var(--asn-title);}
.asn-ab-role{font-size:.85rem;color:var(--asn-muted);font-weight:600;margin-bottom:9px;}
.asn-ab-bio{margin:0 0 10px;font-size:.92rem;line-height:1.62;color:#374151;}
.asn-ab-link{font-size:.85rem;font-weight:700;color:var(--asn-pill);}
/* ---- Benzer içerikler (6 kart) ---- */
.asn-related{margin:2.2rem 0 1rem;}
.asn-related-head{font-size:1.3rem;font-weight:800;margin:0 0 1.1rem;padding-bottom:10px;border-bottom:2px solid var(--asn-pill);display:inline-block;color:var(--asn-title);}
.asn-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.asn-rel-card{background:#fff;border:1px solid var(--asn-card-bd);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;}
.asn-rel-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#f1f3f6;}
.asn-rel-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-rel-title{margin:0;padding:12px 14px;font-size:.94rem;line-height:1.36;font-weight:700;}
.asn-rel-title a{color:var(--asn-title);}
.asn-rel-title a:hover{color:var(--asn-pill);}
@media(max-width:767px){.asn-related-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:479px){.asn-related-grid{grid-template-columns:1fr;}.asn-author-box{flex-direction:column;}}

/* ---- Makale altı etiketleri (sidebar chip'leriyle tutarlı) ---- */
.article-details .tags,.item-page .tags,.com-content-article .tags{
  list-style:none;padding:0;margin:1.6rem 0 .5rem;display:flex;flex-wrap:wrap;gap:8px;
}
.tags.list-inline .list-inline-item,.article-details .tags li{margin:0;}
.article-details .tags a,.item-page .tags a,.com-content-article .tags a{
  display:inline-block;background:#fff;color:var(--asn-pill);border:1.5px solid #d7e0f5;border-radius:8px;
  padding:6px 12px;font-size:.82rem;font-weight:600;text-decoration:none !important;line-height:1.25;
}
.article-details .tags a::before,.com-content-article .tags a::before{content:"#";opacity:.55;margin-right:1px;font-weight:700;}
.article-details .tags a:hover,.com-content-article .tags a:hover{background:var(--asn-pill);border-color:var(--asn-pill);color:#fff;}

/* ---- a11y: dokunma hedefleri ≥24px ---- */
.asn-pill{padding:6px 13px;line-height:1.45;}
.asn-pill-sm{padding:6px 12px;line-height:1.45;}
.asn-hero-small .asn-pill{padding:5px 11px;line-height:1.4;}
.asn-ab-link::after{content:" →";}
.asn-meta .asn-author a{display:inline-block;padding:6px 0;margin:-6px 0;}
.asn-card-title a,.asn-hero-title a,.asn-hero-stitle a,.asn-side-title{display:inline-block;padding:3px 0;}
#sp-footer a,#sp-footer1 a,#sp-footer .menu li a,#sp-footer1 .menu li a{display:inline-block;padding:6px 2px;line-height:1.4;}
#sp-footer .menu li,#sp-footer1 .menu li{margin-bottom:2px;}

/* Anasayfa gizli H1 (SEO/a11y — tek h1) */
.asn-home-h1{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---- Yazar profili (com_contact tekil) ---- */
.asn-ap-head{display:flex;gap:24px;align-items:center;padding:26px;background:#f8fafc;border:1px solid var(--asn-card-bd);border-radius:16px;margin-bottom:22px;}
.asn-ap-avatar{flex:0 0 120px;width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.12);}
.asn-ap-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.asn-ap-ini{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--asn-pill);color:#fff;font-size:2.6rem;font-weight:800;}
.asn-ap-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--asn-pill);font-weight:800;}
.asn-ap-name{margin:3px 0 4px;font-size:1.9rem;font-weight:800;color:var(--asn-title);}
.asn-ap-role{font-size:.98rem;color:var(--asn-muted);font-weight:600;}
.asn-ap-stat{font-size:.9rem;color:var(--asn-muted);margin-top:6px;}
.asn-ap-stat strong{color:var(--asn-pill);}
.asn-ap-expertise{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}
.asn-ap-chip{background:#eef2ff;color:var(--asn-pill);border-radius:8px;padding:5px 11px;font-size:.78rem;font-weight:600;}
.asn-ap-bio{font-size:1.02rem;line-height:1.75;color:#2b2f36;margin:0 0 26px;}
.asn-ap-articles{margin-top:10px;}
@media(max-width:575px){.asn-ap-head{flex-direction:column;text-align:center;}.asn-ap-expertise{justify-content:center;}.asn-ap-name{font-size:1.5rem;}}

/* ---- Modern footer ---- */
.asn-footer{color:#cbd5e1;padding:52px 0 0;}
.asn-ft-grid{display:grid;grid-template-columns:1.7fr 1fr 1.2fr 1.5fr;gap:40px;padding-bottom:36px;}
.asn-ft-logo{font-size:1.55rem;font-weight:800;color:#fff;display:inline-block;}
.asn-ft-logo span{color:#3b82f6;}
.asn-ft-brand p{font-size:.9rem;line-height:1.7;color:#94a3b8;margin:14px 0 16px;max-width:330px;}
.asn-ft-ig{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:#1f2937;color:#fff;font-size:1.15rem;line-height:1;margin-top:16px;text-decoration:none;}
.asn-ft-ig i{line-height:1;width:100%;text-align:center;margin:0;padding:0;}
.asn-ft-ig:hover{background:var(--asn-pill);color:#fff;}
.asn-ft-col h4{font-size:.95rem;font-weight:800;color:#fff;margin:0 0 16px;}
.asn-ft-col ul{list-style:none;margin:0;padding:0;}
.asn-ft-col li{margin:0 0 9px;font-size:.88rem;line-height:1.5;}
.asn-ft-col a{color:#94a3b8;}
.asn-ft-col a:hover{color:#fff;}
.asn-ft-contact li{display:flex;gap:10px;color:#94a3b8;align-items:flex-start;}
.asn-ft-contact i{color:#3b82f6;margin-top:4px;flex:0 0 15px;text-align:center;}
.asn-ft-contact a{color:#94a3b8;}.asn-ft-contact a:hover{color:#fff;}
.asn-ft-bottom{border-top:1px solid #1f2937;padding:20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;color:#7c8698;}
.asn-ft-ssl i{color:#22c55e;margin-right:5px;}
@media(max-width:900px){.asn-ft-grid{grid-template-columns:1fr 1fr;gap:30px;}}
@media(max-width:575px){.asn-ft-grid{grid-template-columns:1fr;gap:26px;}.asn-ft-bottom{flex-direction:column;text-align:center;justify-content:center;}}

/* [#249] Yazdırma stili — menü/sidebar/footer/breadcrumb/reklam alanlarını gizle, temiz makale çıktısı */
@media print{
  #sp-header,#sp-top-bar,.sp-megamenu-parent,#offcanvas-toggler,.offcanvas-menu,.offcanvas-overlay,
  #sp-title,#sp-sidebar,.asn-sidebar,.asn-footer,#sp-footer,.asn-related,nav.asn-pagination,
  .sp-scroll-up,.scrollup,#cookie-banner,.asn-cookie,.sp-preloader{display:none !important;}
  #sp-component,#sp-main-body,#sp-main-body .container,#sp-main-body .row,.article-details{
    width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;float:none !important;flex:0 0 100% !important;}
  body{font-size:12pt;color:#000;background:#fff;}
  a{color:#000;text-decoration:underline;}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555;word-break:break-all;}
  img{max-width:100% !important;page-break-inside:avoid;}
  h1,h2,h3,blockquote,table,figure{page-break-inside:avoid;}
  h1,h2,h3{page-break-after:avoid;}
  .asn-author-box{border:1px solid #ccc;page-break-inside:avoid;}
}