/* KO2Mobil V302 — makale sonu paylaşım alanı ve ana siteyle ortak footer. */

/* Makale artık yan araç sütunu kullanmaz; okuma hattı tek ve dengeli kalır. */
.article-layout{display:block;max-width:840px;padding-top:58px;padding-bottom:96px}
.article-column{width:100%;max-width:800px;margin:0 auto}
.article-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:42px;padding-bottom:10px;border-bottom:1px solid var(--blog-line);color:#b5b4b1;font-size:.77rem;font-weight:800;letter-spacing:.02em}
.article-back span{color:var(--blog-gold2);font-size:1rem;transition:transform .18s ease}
.article-back:hover{color:var(--blog-ink)}.article-back:hover span{transform:translateX(-3px)}
.article-content{max-width:760px;margin:0 auto}

/* Sosyal paylaşım, metnin doğal bitişinde yer alır. */
.article-share-bottom{max-width:800px;margin:66px auto 0;padding:28px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#12161c,#0c0f14);box-shadow:0 22px 55px rgba(0,0,0,.22)}
.article-share-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.article-share-heading>span{min-width:62px;color:#8c98a7;font-size:.62rem;font-weight:900;letter-spacing:.2em}
.article-share-heading>div{min-width:0}.article-share-heading h2{margin:0;color:#eef1f4;font:800 1.08rem/1.25 Inter,ui-sans-serif,system-ui,sans-serif}.article-share-heading p{margin:4px 0 0;color:#7f8792;font-size:.75rem;line-height:1.5}
.article-share-bottom .share-actions{display:flex;flex-wrap:wrap;gap:9px}
.article-share-bottom .share-action{min-width:0;min-height:72px;display:flex;align-items:center;flex:1 1 220px;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.075);background:#0e1217;color:#d8dde3;text-align:left;font-family:Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.article-share-bottom .share-action[hidden]{display:none!important}
.article-share-bottom .share-action:hover,.article-share-bottom .share-action:focus-visible{transform:translateY(-2px);outline:0;border-color:rgba(255,255,255,.18);background:#141920}
.article-share-bottom .share-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:50%;color:#fff;background:#516b88;box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 14px rgba(0,0,0,.22)}
.article-share-bottom .share-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-share-bottom .share-facebook .share-icon{background:#1877f2}.article-share-bottom .share-facebook .share-icon svg{fill:currentColor;stroke:none}
.article-share-bottom .share-whatsapp .share-icon{background:#25a95b}
.article-share-bottom .share-x .share-icon{background:#050607;border:1px solid #424852}
.article-share-bottom .share-telegram .share-icon{background:#229ed9}
.article-share-bottom .share-copy .share-icon{background:#7357c7}
.article-share-bottom .share-label{min-width:0;display:grid;gap:3px}.article-share-bottom .share-label b{overflow:hidden;color:#e4e8ec;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.article-share-bottom .share-label small{overflow:hidden;color:#717a86;font-size:.58rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.article-share-bottom .share-copy.is-copied{border-color:rgba(70,169,111,.5);background:rgba(33,105,64,.11)}
.article-share-bottom .share-copy.is-copied .share-icon{background:#2f8e58}
.article-share-bottom .share-feedback{min-height:17px;margin:10px 0 -7px;color:#79b990;font:600 .68rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif}

/* Ana sayfadaki footer ile aynı içerik ve dört sütunlu yapı. */
.ko-shared-footer{position:relative;border-top:1px solid rgba(208,167,90,.16);background:#070809;color:#aaa9a6;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.ko-footer-accent{position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(214,173,97,.58),transparent)}
.ko-footer-inner{padding-top:74px;padding-bottom:30px}
.ko-footer-grid{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(150px,1fr) minmax(170px,1fr) minmax(260px,1.2fr);gap:clamp(34px,4vw,62px);align-items:start}
.ko-footer-brand img{display:block;width:154px;height:auto}.ko-footer-brand>p{max-width:365px;margin:20px 0 0;color:#989793;font-size:.78rem;line-height:1.75}
.ko-footer-social{display:flex;align-items:center;gap:9px;margin-top:23px}.ko-footer-social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(214,173,97,.24);color:#aaa9a6;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.ko-footer-social a:hover,.ko-footer-social a:focus-visible{transform:translateY(-2px);outline:0;border-color:rgba(214,173,97,.7);background:#121212;color:#eed18b}.ko-footer-social svg{width:17px;height:17px;fill:currentColor}
.ko-shared-footer h2{margin:0 0 19px;color:#d6ad61;font-size:.66rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ko-footer-nav{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.ko-footer-nav a{display:flex;align-items:center;gap:8px;color:#aaa9a6;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ko-footer-nav a:before{content:"◆";color:#725b30;font-size:.43rem;transition:transform .18s ease,color .18s ease}.ko-footer-nav a:hover,.ko-footer-nav a[aria-current="page"]{color:#f0d38d}.ko-footer-nav a:hover:before{transform:translateX(3px);color:#d6ad61}
.ko-footer-server dl{margin:0}.ko-footer-server dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.73rem}.ko-footer-server dl>div:last-child{border-bottom:0}.ko-footer-server dt{color:#92918e}.ko-footer-server dd{margin:0;color:#e3c779;font-weight:800;text-align:right}.ko-footer-server dd.is-online{color:#72c790}.ko-footer-server dd i{width:7px;height:7px;display:inline-block;margin-right:6px;border-radius:50%;background:#4ed47c;box-shadow:0 0 0 4px rgba(78,212,124,.09)}.ko-footer-server a{color:#e3c779}
.ko-footer-legal{display:grid;gap:8px}.ko-footer-legal h2{margin-bottom:11px}.ko-footer-legal details{border:1px solid rgba(255,255,255,.08);background:#0d0f11}.ko-footer-legal summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;color:#aaa9a6;font-size:.67rem;font-weight:800;letter-spacing:.07em;list-style:none;text-transform:uppercase;cursor:pointer}.ko-footer-legal summary::-webkit-details-marker{display:none}.ko-footer-legal summary:hover{color:#f0d38d}.ko-footer-legal summary span{font-size:.9rem;transition:transform .18s ease}.ko-footer-legal details[open] summary span{transform:rotate(180deg)}.ko-footer-legal details p{margin:0;padding:0 13px 13px;color:#7e7e7b;font-size:.65rem;line-height:1.65}
.ko-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:54px;padding-top:25px;border-top:1px solid rgba(255,255,255,.07);color:#696a6d;font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.ko-footer-bottom p{margin:0}.ko-footer-bottom span,.ko-footer-bottom a{color:#d6ad61}

@media(max-width:980px){
  .ko-footer-grid{grid-template-columns:1.3fr 1fr;gap:44px 60px}
}
@media(max-width:680px){
  .article-layout{padding-top:38px;padding-bottom:72px}
  .article-back{margin-bottom:30px}
  .article-share-bottom{margin-top:48px;padding:18px}
  .article-share-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .article-share-bottom .share-action{min-height:68px;flex-basis:140px;padding:9px}
  .article-share-bottom .share-icon{width:38px;height:38px;flex-basis:38px}
  .ko-footer-inner{padding-top:54px}
  .ko-footer-grid{grid-template-columns:1fr;gap:40px}
  .ko-footer-brand>p{max-width:none}
  .ko-footer-bottom{align-items:flex-start;flex-direction:column;margin-top:42px}
}
@media(prefers-reduced-motion:reduce){
  .article-back span,.article-share-bottom .share-action,.ko-footer-social a,.ko-footer-nav a:before{transition:none}
}