/* ortak: menü + paylaşılan bileşenler (ana sayfa + alt sayfalar) */
nav{align-items:center}
/* üst bar hijyen: sıkışan bantlarda metin kısalır, taşma olmaz */
.js-acct-name{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
@media(max-width:1240px){.js-acct-name{display:none}}
@media(max-width:1470px){.js-acct-name{max-width:110px}}
.dd{position:relative;display:flex;align-items:center;height:80px}
.dd>a:after{content:"";display:inline-block;margin-left:7px;width:5px;height:5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);opacity:.7}
.dd-m{display:none;position:absolute;top:70px;left:-22px;min-width:250px;background:#ffffff!important;border:1px solid #dce7f0!important;border-radius:16px;padding:10px;box-shadow:0 24px 70px rgba(8,32,74,.2);text-transform:none;letter-spacing:0;font-size:14px;z-index:20}
.dd-m.dd-2{grid-template-columns:1fr 1fr;min-width:480px}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:grid}
.dd-m a{display:block;padding:9px 12px;border-radius:10px;color:#3f5474;white-space:nowrap}
.dd-m a:hover{background:#eef6fb;color:#10213f}
nav>a:hover,.dd>a:hover{color:#0092DD}
.burger{display:none;width:42px;height:42px;border:1px solid #d5e1ec;background:#fff;border-radius:12px;cursor:pointer;padding:0;position:relative}
.burger i,.burger i:before,.burger i:after{position:absolute;left:12px;right:12px;height:2px;background:#10213f;border-radius:2px;content:"";transition:.2s}
.burger i{top:20px}.burger i:before{left:0;right:0;top:-6px}.burger i:after{left:0;right:0;top:6px}
body.mopen .burger i{background:transparent}body.mopen .burger i:before{top:0;transform:rotate(45deg)}body.mopen .burger i:after{top:0;transform:rotate(-45deg)}
.mnav{display:none}
/* dar-orta bantta menü/hdr çakışması biter: nav saklanır, hamburger + tam-sayfa menü devreye girer */
@media(max-width:1180px){
 nav{display:none}
 .burger{display:block}
 .mnav{position:fixed;inset:0;z-index:30;background:#ffffff;padding:96px 22px 30px;overflow:auto;flex-direction:column;gap:2px;box-shadow:0 30px 80px rgba(8,32,74,.22)}
 body.mopen .mnav{display:flex}
 body.mopen{overflow:hidden}
 .mnav a,.mnav summary{display:block;padding:14px 4px;color:#10213f;text-decoration:none;font-size:16.5px;font-weight:600;border-bottom:1px solid #e7eef5;cursor:pointer}
 .mnav details a{padding-left:18px;font-size:14.5px;font-weight:500;color:#3f5474}
 .dd{height:auto}
 .mnav-act{margin-top:22px;display:grid;gap:10px}
 .mnav-act a{display:block;text-align:center;border:1px solid #DBE2EF;border-radius:14px;padding:13px 20px;font-size:14.5px;font-weight:800;color:#223D7F;background:#E9EDF6;transition:.18s}
 .mnav-act a:not(.js-bayi):not(.cta):hover{background:#DDE4F2}
 .mnav-act a.cta{border-color:#C8EEDF;background:#E3F7F0;color:#0A7D5C}
 .mnav-act a.cta:hover{background:#D4F2E8}
 .mnav-act a.js-bayi{border-color:#CBE6FA;background:#E4F3FD;color:#0A6FB0}
 .mnav-act a.js-bayi:hover{background:#D2EBFB;color:#0A5F97}
}
@media(max-width:800px){
 .mnav a,.mnav summary{display:block;padding:14px 4px;color:#10213f;text-decoration:none;font-size:16.5px;font-weight:600;border-bottom:1px solid #e7eef5;cursor:pointer}
 .mnav details a{padding-left:18px;font-size:14.5px;font-weight:500;color:#3f5474}
 .dd{height:auto}
 .mnav-act{margin-top:22px;display:grid;gap:10px}
 .mnav-act a{display:block;text-align:center;border:1px solid #DBE2EF;border-radius:14px;padding:13px 20px;font-size:14.5px;font-weight:800;color:#223D7F;background:#E9EDF6;transition:.18s}
 .mnav-act a:not(.js-bayi):not(.cta):hover{background:#DDE4F2}
 .mnav-act a.cta{border-color:#C8EEDF;background:#E3F7F0;color:#0A7D5C}
 .mnav-act a.cta:hover{background:#D4F2E8}
 .mnav-act a.js-bayi{border-color:#CBE6FA;background:#E4F3FD;color:#0A6FB0}
 .mnav-act a.js-bayi:hover{background:#D2EBFB;color:#0A5F97}
}
@media(max-width:520px){.hdr-r .cta{display:none}.hdr-r a:not(.cta):not(.js-bayi){padding:9px 13px;font-size:11.5px}}
/* paylaşılan bileşenler */
.more{display:inline-block;margin-top:14px;font-size:13px;color:#10b981}
.minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.mini{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #dce7f0;background:#ffffff08;border-radius:16px;color:#f0eef7;text-decoration:none;transition:.2s}
.mini:hover{border-color:#10b98188;background:#10b9810d;transform:translateY(-2px)}
.mini img{width:48px;height:48px;object-fit:contain;flex:none}
.mini b{display:block;font-size:15.5px;font-weight:600}.mini small{display:block;font-size:12.5px;line-height:1.5;color:#b9b5c7;margin-top:3px}
.ci .mini{font-weight:600;font-size:16px}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.sk-card{display:block;color:inherit;text-decoration:none;padding:0;overflow:hidden;transition:.2s}
.sk-card:hover{border-color:#10b98188;transform:translateY(-3px)}
.sk-card .sk-img{aspect-ratio:16/10;overflow:hidden;background:#0d0c14;border-bottom:1px solid #dce7f0}
.sk-card .sk-img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.sk-card h3{padding:18px 20px 0;margin:0 0 8px}.sk-card p{padding:0 20px;margin:0}.sk-card .more{margin:12px 20px 20px}
.pills a{border:1px solid #dce7f0;background:#0a0912aa;padding:9px 14px;border-radius:999px;font-size:13px;color:#d8d3e3;text-decoration:none}
.pills a:hover{border-color:#10b981;color:#fff}
.strip figure a{display:block;color:inherit;text-decoration:none}
.lb{position:fixed;inset:0;z-index:60;background:#020205ea;display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lb.open{display:flex}.lb img{max-width:96vw;max-height:90vh;border-radius:10px;background:#fff}
.lb p{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:13px;color:#c4c0d2;margin:0}