/* Osmaneli Belediyesi - modern ana sayfa yenilemesi */
:root{--refresh-navy:#071f35;--refresh-navy-2:#0b3856;--refresh-teal:#0c8d82;--refresh-gold:#f0b84a;--refresh-ink:#0b2439}

/* Ust menu */
.site-header.unified-header{background:linear-gradient(180deg,rgba(4,22,38,.86),rgba(4,22,38,.58))!important;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border-bottom:1px solid rgba(255,255,255,.12)}
.unified-header .navrow{border:1px solid rgba(255,255,255,.14)!important;border-radius:24px!important;background:rgba(255,255,255,.075)!important;box-shadow:0 20px 60px rgba(0,12,24,.2)!important}
.unified-header .brand-center{background:rgba(255,255,255,.96)!important;border:0!important;box-shadow:0 14px 36px rgba(0,13,28,.24)!important;color:var(--refresh-navy)!important}
.unified-header .brand-center strong{color:var(--refresh-navy)!important;text-shadow:none!important}
.unified-header .menu-item>a{position:relative;border-radius:999px!important;transition:color .2s ease,background .2s ease,transform .2s ease!important}
.unified-header .menu-item>a:before{content:"";position:absolute;left:16px;right:16px;bottom:7px;height:2px;border-radius:2px;background:var(--refresh-gold);transform:scaleX(0);transition:transform .2s ease}
.unified-header .menu-item:hover>a{color:#fff2c9!important;background:rgba(255,255,255,.1)!important;transform:translateY(-1px)}
.unified-header .menu-item:hover>a:before{transform:scaleX(1)}
.unified-header .mega-menu{top:148px!important;padding:24px 0!important;background:rgba(5,28,46,.97)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:0 0 32px 32px!important;box-shadow:0 32px 80px rgba(0,15,29,.38)!important;backdrop-filter:blur(24px)}
.unified-header .mega-in{grid-template-columns:250px 1fr!important;gap:28px!important}
.unified-header .mega-title{padding:12px 28px 12px 0!important}
.unified-header .mega-title b{font-size:26px!important;color:#fff}.unified-header .mega-title span{font-size:13px!important}
.unified-header .mega-links{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.unified-header .mega-links a{position:relative;min-height:76px!important;align-items:flex-start!important;text-align:left!important;border-radius:16px!important;padding:16px 18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;overflow:hidden;transition:.2s ease!important}
.unified-header .mega-links a:after{content:"→";position:absolute;right:16px;bottom:13px;color:var(--refresh-gold);opacity:0;transform:translateX(-5px);transition:.2s ease}
.unified-header .mega-links a:hover{background:linear-gradient(135deg,rgba(12,141,130,.42),rgba(255,255,255,.09))!important;border-color:rgba(255,255,255,.24)!important;transform:translateY(-2px)}
.unified-header .mega-links a:hover:after{opacity:1;transform:none}

/* Hizli erisim kartlari */
.quick{gap:14px!important;margin-bottom:72px!important;padding:8px;border-radius:30px;background:rgba(255,255,255,.7);box-shadow:0 24px 70px rgba(8,34,54,.14);backdrop-filter:blur(18px)}
.quick .q{min-height:124px!important;grid-template-columns:58px 1fr!important;gap:0 16px!important;padding:22px!important;border:1px solid rgba(9,52,77,.09)!important;border-radius:23px!important;color:var(--refresh-ink)!important;background:#fff!important;box-shadow:none!important;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.quick .q:before{content:"";position:absolute;inset:auto -30px -50px auto;width:120px;height:120px;border-radius:50%;background:var(--accent);opacity:.09;z-index:-1}
.quick .q:after{content:"↗"!important;display:grid;place-items:center;right:15px!important;top:14px!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#eef4f6!important;color:#426171;font-size:13px;font-weight:900;opacity:1!important}
.quick .q i{width:58px!important;height:58px!important;border-radius:18px!important;background:var(--accent)!important;border:0!important;box-shadow:0 12px 25px color-mix(in srgb,var(--accent) 28%,transparent)}
.quick .q b{color:var(--refresh-ink)!important;font-size:14px!important;letter-spacing:.25px}.quick .q span{color:#647583!important;font-size:11px!important}
.quick .q:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important;box-shadow:0 18px 38px rgba(8,34,54,.13)!important}
.quick .q1{--accent:#1769aa}.quick .q2{--accent:#0c8d82}.quick .q3{--accent:#d59324}.quick .q4{--accent:#16a364}
.quick .q1 i:after{content:"E"!important;font-size:19px!important;font-weight:900}.quick .q2 i:after{content:"O"!important;font-size:19px!important;font-weight:900}.quick .q3 i:after{content:"+"!important;font-size:25px!important;font-weight:700}.quick .q4 i:after{content:"WA"!important;font-size:14px!important;font-weight:900}

/* Baskan mesaji */
.president-section{position:relative;grid-template-columns:minmax(280px,420px) 1fr!important;gap:54px!important;margin-top:34px!important;margin-bottom:84px!important;padding:42px 52px 42px 42px!important;border:1px solid rgba(13,67,92,.08)!important;border-radius:38px 12px 38px 12px!important;background:linear-gradient(135deg,#fff 0%,#f3f8f8 100%)!important;box-shadow:0 24px 70px rgba(10,42,63,.11)!important;overflow:visible!important}
.president-section:before{content:"";position:absolute;inset:-10px 34px 10px -10px;border:1px solid rgba(12,141,130,.18);border-radius:42px 14px 42px 14px;z-index:-1}
.president-photo{position:relative;padding:9px 9px 0 0}
.president-photo:before{content:"";position:absolute;inset:-12px 22px 18px -12px;border-radius:110px 28px 110px 28px;background:linear-gradient(145deg,var(--refresh-teal),var(--refresh-gold));box-shadow:0 24px 45px rgba(9,54,69,.2)}
.president-photo:after{content:"";position:absolute;right:-5px;bottom:-16px;width:92px;height:92px;border:12px solid #f3f8f8;border-radius:50%;background:var(--refresh-gold);box-shadow:0 10px 24px rgba(8,38,59,.15)}
.president-photo img{position:relative;z-index:1;display:block;width:100%!important;height:420px!important;border-radius:96px 24px 96px 24px!important;object-fit:cover!important;object-position:center top!important;border:7px solid #fff;box-shadow:0 18px 40px rgba(8,34,54,.2)}
.president-text{position:relative;z-index:2;padding:24px 0!important}
.president-text small{display:inline-flex!important;padding:8px 13px;border-radius:999px;background:#e5f3f1;color:#08756d!important;font-size:11px;letter-spacing:1.7px!important}
.president-text h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.08;color:var(--refresh-navy);margin:17px 0!important}
.president-text p{font-size:16px!important;line-height:1.85!important;color:#536673!important}
.president-text em{font-size:28px!important;color:var(--refresh-navy)!important}
.president-text a{border-radius:999px!important;background:var(--refresh-navy)!important;padding:14px 21px!important;box-shadow:0 12px 25px rgba(7,31,53,.18);transition:.2s ease}.president-text a:hover{background:var(--refresh-teal)!important;transform:translateY(-2px)}

@media(max-width:1050px){.unified-header .mega-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}.president-section{grid-template-columns:340px 1fr!important;gap:34px!important;padding:34px!important}.president-photo img{height:390px!important}}
@media(max-width:900px){.unified-header .mega-menu{border-radius:18px!important}.unified-header .mega-links{grid-template-columns:1fr!important}.unified-header .menu-item>a:before{display:none}.quick{grid-template-columns:repeat(2,1fr)!important;margin-top:-34px!important}.president-section{grid-template-columns:1fr!important;max-width:680px!important;padding:28px!important;gap:28px!important}.president-photo{width:min(380px,100%);margin:auto}.president-photo img{height:auto!important;aspect-ratio:4/5}.president-text{text-align:center}.president-text p{margin-left:auto;margin-right:auto}}
@media(max-width:560px){.quick{grid-template-columns:1fr!important;padding:6px;border-radius:24px}.quick .q{min-height:108px!important}.president-section{padding:20px!important;border-radius:28px 10px!important}.president-photo:after{width:66px;height:66px;border-width:9px}.president-text h2{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){.quick .q,.unified-header .menu-item>a,.president-text a{transition:none!important}}

/* V36: daha hafif navigasyon, daha net vitrin ve tipografik hizli erisim */
.site-header.unified-header{background:linear-gradient(180deg,rgba(3,18,31,.46),rgba(3,18,31,.16))!important;backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%);border-bottom-color:rgba(255,255,255,.08)!important}
.unified-header .navrow{background:rgba(5,27,44,.24)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 12px 38px rgba(0,12,24,.12)!important}
.unified-header .brand-center{background:rgba(255,255,255,.9)!important}
.unified-header .mega-links a:after{content:none!important;display:none!important}

.hero-bg-slider:after{background:linear-gradient(90deg,rgba(3,20,34,.48) 0%,rgba(3,20,34,.2) 42%,rgba(3,20,34,.04) 72%,transparent 100%),linear-gradient(to top,rgba(3,15,27,.2),transparent 38%)!important}
.hero-bg-slider img{filter:none!important;opacity:0;image-rendering:auto}
.hero-bg-slider img.active{opacity:1!important}

.quick{gap:12px!important;padding:7px!important;background:rgba(255,255,255,.8)!important;border:1px solid rgba(255,255,255,.86);box-shadow:0 20px 55px rgba(8,34,54,.1)!important}
.quick .q{display:flex!important;align-items:center!important;justify-content:center!important;min-height:92px!important;padding:18px 22px!important;border:1px solid rgba(9,52,77,.1)!important;border-top:3px solid var(--accent)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f9fbfc)!important;text-align:center;box-shadow:0 8px 20px rgba(8,34,54,.055)!important}
.quick .q:before,.quick .q:after,.quick .q i,.quick .q span{content:none!important;display:none!important}
.quick .q b{margin:0!important;color:var(--refresh-ink)!important;font-size:14px!important;line-height:1.25;letter-spacing:.65px!important}
.quick .q:hover{transform:translateY(-4px)!important;background:#fff!important;box-shadow:0 16px 30px rgba(8,34,54,.11)!important}

@media(max-width:900px){.site-header.unified-header{background:rgba(5,28,46,.82)!important}.unified-header .navrow{background:rgba(255,255,255,.055)!important}.quick .q{min-height:84px!important}}

/* V37: kartlardan haberlere akici gecis ve footer imzasi */
.quick{margin-bottom:0!important}
.quick.wrap:after{content:none!important;display:none!important}
.news-showcase{position:relative!important;margin-top:-22px!important;padding-top:88px!important;border-radius:58px 58px 0 0!important;background:linear-gradient(180deg,#eaf2f4 0%,#f5f8f9 105px,#eef2f5 100%)!important;overflow:hidden!important}
.news-showcase:before{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:0!important;width:min(1180px,82vw)!important;height:3px!important;transform:translateX(-50%)!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,rgba(12,141,130,.42),rgba(240,184,74,.56),transparent)!important;box-shadow:none!important}
.news-showcase:after{content:"";position:absolute;left:50%;top:18px;width:190px;height:52px;transform:translateX(-50%);border-radius:50%;background:rgba(12,141,130,.08);filter:blur(24px);pointer-events:none}

.footer-copyright{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:rgba(223,255,255,.62);font-size:12px;line-height:1.6;text-align:center}
.footer-copyright a{position:relative;color:#fff;font-weight:800;transition:color .2s ease}
.footer-copyright a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#efb73e;transform:scaleX(.35);transition:transform .2s ease}
.footer-copyright a:hover{color:#ffdc88}.footer-copyright a:hover:after{transform:scaleX(1)}

@media(max-width:850px){.news-showcase{margin-top:-12px!important;padding-top:62px!important;border-radius:34px 34px 0 0!important}.news-showcase:before{width:68vw!important}.footer-copyright{margin-top:26px;padding-top:18px}}