/* Makfen responsive duzeltmeleri (2026-10-16). Tum sayfalarda header uzerinden yuklenir.
   Panelden gelen icerigi degistirmez; kaldirmak icin header_view.php'deki <link> satirini silmek yeterli. */

img,video,iframe{max-width:100%}

/* Tablet ve telefon: Bootstrap .row negatif kenar boslugu yuzunden olusan yana kaymayi giderir */
@media (max-width:991.98px){
  section.bg4>.row,
  .col-lg-12.pad0>.row,
  .col-lg-12.pad0m>.row{margin-left:0;margin-right:0}
  section h2.text-center,section h3.text-center{font-size:clamp(28px,7.2vw,40px)!important;line-height:1.2}
}

/* Telefon: Word'den yapistirilmis genis tablolar (KVKK vb.) sayfayi tasirmasin, kendi icinde kaysin */
@media (max-width:767.98px){
  section table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width:575.98px){
  section h2.text-center,section h3.text-center{overflow-wrap:anywhere}
}

/* Buyuk ekranlar (2K / 4K): icerik header ile ayni genislikte (1240px) ortalanir, tasarim olceklenir */
@media (min-width:1600px){
  section.bg1,section.bg2,section.bg3,section.bg4,section.bg5,section.bg6,section.bg7,section.bg8,section.bg9,section.footer{
    padding-left:max(15%,calc((100% - 1240px)/2))!important;padding-right:max(15%,calc((100% - 1240px)/2))!important}
}
/* zoom ile vh/vw birimleri de buyudugu icin tam ekran ogeler geri olceklenir */
@media (min-width:2200px){html{zoom:1.25}.slide,#carouselIndicators .carousel-item,.deskmenu,.mmenu,#video-player{height:calc(100vh / 1.25)!important}.modal-backdrop{width:calc(100vw / 1.25);height:calc(100vh / 1.25)}}
@media (min-width:2880px){html{zoom:1.5}.slide,#carouselIndicators .carousel-item,.deskmenu,.mmenu,#video-player{height:calc(100vh / 1.5)!important}.modal-backdrop{width:calc(100vw / 1.5);height:calc(100vh / 1.5)}}
@media (min-width:3600px){html{zoom:1.75}.slide,#carouselIndicators .carousel-item,.deskmenu,.mmenu,#video-player{height:calc(100vh / 1.75)!important}.modal-backdrop{width:calc(100vw / 1.75);height:calc(100vh / 1.75)}}

/* Menu ve arama acilisi hizlandirildi (eskiden 1-2 sn suruyordu) */
.deskmenu{transition:opacity .3s ease!important}
.deskmenu.goster{transition:opacity .3s ease!important}
.mmenu{transition:opacity .25s ease!important}
.mobilemenu,.mobilemenuu{animation-duration:.3s!important;transition:opacity .3s ease!important}
.searchform.gosterr,.gosterr{transition:opacity .2s ease!important}

/* ===== Hamburger menu: sagdan acilan modern panel (masaustu .deskmenu + mobil .mmenu) ===== */
.mk-menu-bd{position:fixed;inset:0;background:rgba(16,24,40,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1990;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.mk-menu-bd.is-on{opacity:1;visibility:visible;transition:opacity .25s ease}
html.mk-menu-open,html.mk-menu-open body{overflow:hidden}
.deskmenu,.mmenu{position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;height:auto!important;width:min(440px,100%)!important;background:#fff!important;color:#1d2939;z-index:2000!important;opacity:1!important;visibility:hidden;transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.22,.8,.24,1),visibility 0s linear .3s!important;animation:none!important;overflow-y:auto;overscroll-behavior:contain;box-shadow:-24px 0 60px -30px rgba(16,24,40,.5);padding:92px 36px 32px!important;box-sizing:border-box}
.deskmenu.goster,.mmenu.mobilemenu{visibility:visible;transform:none;transition:transform .3s cubic-bezier(.22,.8,.24,1),visibility 0s!important}
.deskmenu .container,.deskmenu .row,.deskmenu .col-lg-12,.mmenu .col-12{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;flex:none!important;display:block}
.deskmenu .mlink,.mmenu .mlink{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:12px;color:#1d2939!important;font-family:Gilroy-SemiBold,Arial,sans-serif!important;font-size:16px!important;line-height:1.3!important;letter-spacing:.05em;text-align:left!important;margin:0!important;padding:17px 4px!important;border:0!important;border-bottom:1px solid #eef0f2!important;text-decoration:none!important;transition:color .15s ease,padding-left .15s ease,background-color .15s ease}
.deskmenu .mlink::after,.mmenu .mlink::after{content:"";flex:0 0 auto;width:8px;height:8px;margin-right:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.3;transition:opacity .15s ease,transform .15s ease}
.deskmenu .mlink:hover,.mmenu .mlink:hover,.deskmenu .mlink:focus-visible,.mmenu .mlink:focus-visible{color:#4C7915!important;padding-left:10px!important;outline:0}
.deskmenu .mlink:hover::after,.mmenu .mlink:hover::after{opacity:1;transform:translateX(3px) rotate(45deg)}
.deskmenu .mlink.mk-active,.mmenu .mlink.mk-active{color:#4C7915!important}
.deskmenu .mlink.mk-active::after,.mmenu .mlink.mk-active::after{opacity:1}
.deskmenu .mlink:last-of-type,.mmenu .mlink:last-of-type{justify-content:center;margin-top:28px!important;padding:16px!important;border:0!important;border-radius:12px;background:#76bc20;color:#fff!important}
.deskmenu .mlink:last-of-type::after,.mmenu .mlink:last-of-type::after{display:none}
.deskmenu .mlink:last-of-type:hover,.mmenu .mlink:last-of-type:hover,.deskmenu .mlink:last-of-type:focus-visible,.mmenu .mlink:last-of-type:focus-visible{background:#4C7915;color:#fff!important;padding-left:16px!important}
.kapat,.mkapat{position:absolute!important;top:22px!important;right:22px!important;left:auto!important;width:44px;height:44px;border-radius:50%;background:#f2f4f7;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease;z-index:2}
.kapat:hover,.mkapat:hover{background:#e3efd3}
.kapat img,.mkapat img{display:none!important}
.kapat::before,.kapat::after,.mkapat::before,.mkapat::after{content:"";position:absolute;width:18px;height:2px;border-radius:2px;background:#1d2939}
.kapat::before,.mkapat::before{transform:rotate(45deg)}
.kapat::after,.mkapat::after{transform:rotate(-45deg)}
.mmenu .mlogo{position:absolute!important;top:28px!important;left:24px!important;line-height:0}
.mmenu .mlogo img{width:132px!important;height:auto!important}
.deskmenu::before{content:"";position:absolute;top:30px;left:36px;width:150px;height:28px;background:url(/images/logo.png) left center/contain no-repeat}
@media (max-width:575.98px){.deskmenu,.mmenu{width:100%!important;padding:88px 22px 28px!important}}
@media (prefers-reduced-motion:reduce){.deskmenu,.mmenu,.mk-menu-bd{transition:none!important}}