/* ==========================================================================
   Kacaroğlu — site stilleri
   Mevcut tasarımın ölçüleri birebir korunmuştur (1102px kap, Libre Franklin,
   #626d7f vurgu rengi). Yapısal sınıf adları (mcb-section / mcb-wrap / mcb-column)
   taşınan sayfalara özel CSS ile uyum için aynı tutulmuştur.
   ========================================================================== */

@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:100 900;font-display:optional;src:url(/assets/fonts/libre-franklin-latin.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:"Libre Franklin";font-style:normal;font-weight:100 900;font-display:optional;src:url(/assets/fonts/libre-franklin-latin-ext.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:"Libre Franklin";font-style:italic;font-weight:100 900;font-display:optional;src:url(/assets/fonts/libre-franklin-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Libre Franklin";font-style:italic;font-weight:100 900;font-display:optional;src:url(/assets/fonts/libre-franklin-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+A720-A7FF}

:root{
  --font:"Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --text:#5c5c5d;
  --heading:#1b1b1c;
  --link:#414141;
  --accent:#626d7f;
  --accent-2:#747474;
  --bg:#f4f5f6;
  --white:#fff;
  --muted:#a8a8a8;
  --button-bg:#dbdddf;
  --container:1102px;
  --gap:12px;
  --header-h:100px;
}

/* ---------------------------------------------------------------- temel */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;font-family:var(--font);font-size:14px;line-height:22px;font-weight:400;letter-spacing:1px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
picture{display:contents}
a{color:var(--link);text-decoration:none;transition:color .2s}
a:hover{color:var(--accent)}
p{margin:0 0 15px}
strong,b{font-weight:700}
hr{border:0;height:1px;background:rgba(0,0,0,.08);margin:0 auto 15px}
hr.no_line{background:none;height:0}
h1,h2,h3,h4,h5,h6{font-family:var(--font);color:var(--heading);margin:0 0 15px}
h1{font-size:25px;line-height:25px;font-weight:400;letter-spacing:0}
h2{font-size:38px;line-height:50px;font-weight:300;letter-spacing:1px}
h3{font-size:34px;line-height:40px;font-weight:900;letter-spacing:0}
h4{font-size:25px;line-height:30px;font-weight:700;letter-spacing:0}
h5{font-size:18px;line-height:24px;font-weight:400;letter-spacing:1px}
h6{font-size:14px;line-height:22px;font-weight:400;letter-spacing:1px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
ul,ol{margin:0 0 15px;padding-left:20px}
blockquote{font-size:15px;color:#444;margin:0 0 15px;padding-left:20px;border-left:2px solid var(--accent)}
table{border-collapse:collapse;width:100%;margin-bottom:15px}
td,th{padding:8px 10px;border:1px solid rgba(0,0,0,.08);text-align:left}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:#fff;padding:10px 16px}
.skip-link:focus{left:10px;top:10px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kicon{display:inline-block;vertical-align:-.125em;flex:none}

#Wrapper{background:var(--bg);min-height:100vh}
#Content{outline:none}

/* ---------------------------------------------------------------- kap genişlikleri */
.container,.section_wrapper{max-width:var(--container);margin:0 auto;position:relative}
@media (max-width:1239px){:root{--container:940px}}
@media (max-width:959px){:root{--container:708px}}
@media (max-width:767px){
  .container,.section_wrapper{max-width:616px;padding-left:33px;padding-right:33px}
}

/* ---------------------------------------------------------------- header */
#Header{position:relative;z-index:100}
#Top_bar{background:#fff;height:101px;position:relative;z-index:30;transition:box-shadow .3s,height .3s}
#Top_bar .top_bar_inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 20px 0 20px}
#Top_bar .logo{flex:none}
#logo{display:flex;align-items:center;height:100px;padding:20px 0}
/* Logo SVG'sinin iç boyutu yok; genişlik açıkça verilmeli. Genel img kuralındaki
   max-width:100% esnek kapsayıcıda döngüye girip logoyu 0 piksele düşürüyordu. */
#logo img{width:210px;height:auto;max-width:none;max-height:none}
/* Logo girişi: bulanık ve hafif büyük başlar, netleşerek yerine oturur.
   Yalnızca filter/opacity/transform değişir; düzen etkilenmez (CLS 0). */
#logo img{animation:logoReveal 1.1s cubic-bezier(.22,.61,.36,1) both;will-change:filter,opacity,transform}
@keyframes logoReveal{
  0%{filter:blur(10px);opacity:0;transform:scale(1.05)}
  55%{opacity:1}
  100%{filter:blur(0);opacity:1;transform:none}
}
#menu{margin-left:auto}
#menu .menu{display:flex;list-style:none;margin:0;padding:0}
#menu .menu>li{position:relative}
#menu .menu>li>a{display:block;padding:20px 0;color:var(--heading);font-size:17px;line-height:60px}
#menu .menu>li>a>span{display:block;padding:0 20px}
#menu .menu>li:last-child>a>span{padding-right:0}
#menu .menu>li.current-menu-item>a,#menu .menu>li>a:hover{color:#737373}
#menu .menu>li.lang-item.current-lang>a{color:var(--heading)}
#menu .sub-menu{position:absolute;top:100%;left:0;min-width:220px;list-style:none;margin:0;padding:0;background:var(--accent);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:10}
#menu li:hover>.sub-menu,#menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
#menu .sub-menu a{display:block;padding:10px 20px;color:#fff;font-size:14px;line-height:22px;border-bottom:1px solid rgba(255,255,255,.08)}
#menu .sub-menu a:hover,#menu .sub-menu .current-menu-item>a{background:rgba(255,255,255,.08);color:#fff}
.responsive-menu-toggle{display:none;background:none;border:0;padding:8px;margin-left:auto;font-size:26px;color:var(--heading);cursor:pointer;line-height:1}

/* Yapışkan header */
body.is-sticky #Header{height:101px}
body.is-sticky #Top_bar{position:fixed;top:0;left:0;right:0;height:60px;box-shadow:0 2px 5px rgba(0,0,0,.1);animation:kslideDown .3s ease}
body.is-sticky #logo{height:60px;padding:10px 0}
body.is-sticky #logo img{width:226px}
body.is-sticky #menu .menu>li>a{padding:0;line-height:60px}
@keyframes kslideDown{from{transform:translateY(-100%)}to{transform:none}}

@media (max-width:959px){
  #menu{display:none}
  .responsive-menu-toggle{display:block}
}
@media (max-width:767px){
  #Top_bar{height:61px}
  #logo{height:60px;padding:14px 0}
  #logo img,body.is-sticky #logo img{width:210px}
  #Top_bar .top_bar_inner{padding:0 15px 0 18px}
  body.is-sticky #Header{height:61px}
}

/* Mobil yan menü */
#body_overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9001;opacity:0;transition:opacity .3s}
#body_overlay.show{opacity:1}
#Side_slide{position:fixed;top:0;right:-270px;width:250px;height:100%;overflow-y:auto;background:#fff;z-index:9002;padding:60px 0 30px;transition:right .3s ease;box-shadow:0 0 20px rgba(0,0,0,.1)}
#Side_slide.open{right:0}
#Side_slide .close{position:absolute;top:12px;right:12px;background:none;border:0;font-size:22px;padding:8px;cursor:pointer;color:var(--heading)}
#Side_slide ul{list-style:none;margin:0;padding:0}
#Side_slide .side-menu a{display:block;padding:10px 25px;color:var(--heading);border-bottom:1px solid rgba(0,0,0,.05)}
#Side_slide .side-menu .current-menu-item>a{color:var(--accent)}
#Side_slide .sub-menu a{padding-left:40px;font-size:13px;color:var(--text)}
#Side_slide .lang-wrapper{display:flex;gap:6px;padding:20px 25px}
#Side_slide .lang-wrapper a{padding:4px 10px;border:1px solid rgba(0,0,0,.1)}
#Side_slide .lang-wrapper a.active{background:var(--accent);color:#fff;border-color:var(--accent)}
#Side_slide .social{padding:0 25px}

/* ---------------------------------------------------------------- slider (ana sayfa) */
.kslider{position:relative;width:100%;aspect-ratio:1440/578;min-height:260px;max-height:calc(100vh - 101px);overflow:hidden;background:#dcdfe3}
.kslides,.kslide{position:absolute;inset:0}
.kslide{opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.kslide.is-active{opacity:1;visibility:visible;z-index:1}
.kslide-bg,.kslide-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kslide-video{opacity:0;transition:opacity .6s}
.kslide-video.is-ready{opacity:1}
.kslide-logo{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(22%,260px);z-index:2}
.kslide-caption{position:absolute;left:0;bottom:0;z-index:3;background:#fff;width:auto;max-width:min(440px,45%);padding:14px 24px 16px}
.kslide-caption .subtitle{display:block;font-size:13px;line-height:18px;color:var(--heading);margin-bottom:2px}
.kslide-caption .title{font-size:22px;line-height:28px;font-weight:700;color:var(--accent);letter-spacing:0;margin:0;overflow-wrap:break-word}
.kslide-caption .title a{color:inherit}
.kslide:not(.is-active) .kslide-caption{transform:translateY(20px)}
.kslide.is-active .kslide-caption{transition:transform .8s ease .2s}
.kslider-nav{position:absolute;right:0;bottom:0;z-index:4;display:flex}
.kslider-nav button{width:40px;height:40px;background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;filter:drop-shadow(0 0 3px rgba(0,0,0,.4))}
.kslider-nav button:hover{background:rgba(0,0,0,.25)}
@media (max-width:767px){
  .kslider{aspect-ratio:auto;height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
  .kslides{position:relative;inset:auto;aspect-ratio:16/10}
  .kslide-caption{width:auto;max-width:78%;padding:10px 14px}
  .kslide-caption .subtitle{font-size:11px;line-height:15px}
  .kslide-caption .title{font-size:15px;line-height:20px}
  .kslider-nav{background:rgba(98,109,127,.9)}
}

/* ---------------------------------------------------------------- alt başlık */
#Subheader{padding:70px 0;background:transparent}
#Subheader .title{font-size:38px;line-height:50px;font-weight:400;letter-spacing:1px;color:var(--heading);margin:0;max-width:70%}
#Subheader .post-meta{margin-top:10px;color:var(--muted);font-size:13px}
@media (max-width:767px){#Subheader{padding:80px 0 40px}#Subheader .title{max-width:none}}

/* ---------------------------------------------------------------- bölüm / sütun ızgarası */
.section{position:relative;background-position:center;background-repeat:no-repeat}
.section.full-width>.section_wrapper,.section.full-width-deprecated>.section_wrapper{max-width:100%!important;padding-left:0!important;padding-right:0!important}
.section_wrapper{display:flex;flex-wrap:wrap;align-items:flex-start}
.section.equal-height-wrap>.section_wrapper{align-items:stretch}
.wrap{position:relative;display:flex;flex-direction:column;background-position:center;background-size:cover}
.mcb-wrap-inner{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;width:100%;flex:1}
.wrap.valign-middle>.mcb-wrap-inner{align-content:center;align-self:stretch}
.wrap.valign-bottom>.mcb-wrap-inner{align-content:flex-end}
.column{position:relative}
.mcb-column-inner{margin:0 var(--gap) 40px;position:relative}
.column_placeholder .mcb-column-inner{margin-bottom:0}
.column_divider .mcb-column-inner{margin-bottom:0}
.column_attr{position:relative}
.column_attr.align_center,.align_center{text-align:center}
.column_attr.align_right{text-align:right}
.column_attr>*:last-child{margin-bottom:0}
.column_attr ul{padding-left:18px}
.wrap.column-margin-0px .mcb-column-inner{margin-bottom:0}
.wrap.move-up{margin-top:-60px;z-index:2}
/* Betheme bölüm sınıfları */
.section.bg-cover{background-size:cover}
.section.no-margin-h .mcb-column-inner{margin-left:0;margin-right:0}
.section.no-margin-v .mcb-column-inner{margin-bottom:0}
.section.hide-desktop{display:none}
@media (max-width:959px){.section.hide-tablet,.wrap.hide-tablet{display:none}.section.hide-desktop{display:block}}
@media (max-width:767px){.section.hide-mobile,.wrap.hide-mobile{display:none}}
/* Mobilde arka plan sapmaları: blok verisindeki bg_*_mobile alanları satır içi
   özel değişken olarak yazılır, burada uygulanır (satır içi stili geçmek için !important) */
@media (max-width:767px){
  [style*="--bg-pos-m"]{background-position:var(--bg-pos-m)!important}
  [style*="--bg-size-m"]{background-size:var(--bg-size-m)!important}
  [style*="--bg-color-m"]{background-color:var(--bg-color-m)!important}
}
/* ızgara sarmalayıcı (taşınan sayfaya özel CSS sütun sayısını belirler) */
.wrap.mcb-wrap-grid>.mcb-wrap-inner{display:grid;gap:12px;align-items:start}
.wrap.mcb-wrap-grid>.mcb-wrap-inner>.column{width:auto!important}
.wrap.mcb-wrap-grid .mcb-column-inner{margin-left:0;margin-right:0}

/* genişlikler: masaüstü */
.wrap.one,.column.one{width:100%}
.wrap.five-sixth,.column.five-sixth{width:83.333%}
.wrap.four-fifth,.column.four-fifth{width:80%}
.wrap.three-fourth,.column.three-fourth{width:75%}
.wrap.two-third,.column.two-third{width:66.666%}
.wrap.three-fifth,.column.three-fifth{width:60%}
.wrap.one-second,.column.one-second{width:50%}
.wrap.two-fifth,.column.two-fifth{width:40%}
.wrap.one-third,.column.one-third{width:33.333%}
.wrap.one-fourth,.column.one-fourth{width:25%}
.wrap.one-fifth,.column.one-fifth{width:20%}
.wrap.one-sixth,.column.one-sixth{width:16.666%}
/* dizüstü */
@media (min-width:960px) and (max-width:1239px){
  .laptop-one{width:100%!important}.laptop-five-sixth{width:83.333%!important}.laptop-four-fifth{width:80%!important}.laptop-three-fourth{width:75%!important}.laptop-two-third{width:66.666%!important}.laptop-three-fifth{width:60%!important}.laptop-one-second{width:50%!important}.laptop-two-fifth{width:40%!important}.laptop-one-third{width:33.333%!important}.laptop-one-fourth{width:25%!important}.laptop-one-fifth{width:20%!important}.laptop-one-sixth{width:16.666%!important}
}
/* tablet */
@media (min-width:768px) and (max-width:959px){
  .tablet-one{width:100%!important}.tablet-five-sixth{width:83.333%!important}.tablet-four-fifth{width:80%!important}.tablet-three-fourth{width:75%!important}.tablet-two-third{width:66.666%!important}.tablet-three-fifth{width:60%!important}.tablet-one-second{width:50%!important}.tablet-two-fifth{width:40%!important}.tablet-one-third{width:33.333%!important}.tablet-one-fourth{width:25%!important}.tablet-one-fifth{width:20%!important}.tablet-one-sixth{width:16.666%!important}
}
/* mobil */
@media (max-width:767px){
  .wrap,.column{width:100%!important}
  .mobile-one-second{width:50%!important}.mobile-one-third{width:33.333%!important}.mobile-one-fourth{width:25%!important}
  .column_placeholder{display:none}
  .wrap[style*="padding"]{padding-left:20px!important;padding-right:20px!important}
}

/* ---------------------------------------------------------------- öğeler */
.image_frame{position:relative;overflow:hidden;line-height:0}
.image_frame .image_wrapper{position:relative;overflow:hidden}
.image_frame img{width:100%;height:auto}
.image_frame.aligncenter img,.image_frame.aligncenter{margin-left:auto;margin-right:auto}
.image_frame.aligncenter{text-align:center}
/* width:auto yerine %100 + satır içi max-width (doğal genişlik): yüklenmeden yer ayrılır */
.image_frame.aligncenter img{width:100%;display:inline-block}
.image_frame.alignnone img{width:100%}
.image_frame img{max-width:100%}
.image_frame.has_link img{transition:transform .5s ease,opacity .3s}
.image_frame.has_link:hover img{transform:scale(1.03)}

.column_heading .title{margin:0}

/* düğme */
.button,button.button{display:inline-flex;align-items:center;gap:10px;padding:16px 20px;background:var(--button-bg);color:#000;border:2px solid transparent;border-radius:3px;font-family:inherit;font-size:14px;line-height:16.8px;letter-spacing:1px;cursor:pointer;transition:background .25s,color .25s,opacity .25s;text-decoration:none}
.button:hover{background:#c9ccd0;color:#000}
.button .button_icon{font-size:15px;display:inline-flex}
.button.button_size_1{padding:10px 16px;font-size:13px}
.button.button_size_3{padding:20px 28px;font-size:16px}
.button.button_size_4{padding:25px 35px;font-size:18px}

/* renkli bağlantı kutusu */
/* Kutu, altındaki boşluksuz sarmalayıcılarla aynı hizada dursun diye sütun boşluğu yok.
   Üzeriye gelince iç katmanın yalnızca zemini saydamlaşır; opacity kullanılırsa yazı da kaybolur. */
.column_hover_color>.mcb-column-inner{margin-left:0;margin-right:0}
.hover_color{position:relative}
.hover_color_bg{transition:background-color .4s}
.hover_color:hover .hover_color_bg,.hover_color:focus-within .hover_color_bg{background-color:transparent!important}
.hover_color a,.hover_color a:hover,.hover_color a:focus{display:block;color:#fff}
.hover_color_wrapper{text-align:center}
.hover_color_wrapper>*{margin:0}
.hover_color h5,.hover_color_wrapper h5{color:#fff;margin:0}

/* sayaç */
.counter{text-align:center}
.counter_vertical .icon_wrapper{font-size:50px;color:var(--accent-2);line-height:50px;height:50px;margin-bottom:15px}
.counter .number-wrapper{font-size:50px;line-height:50px;font-weight:400;color:#444;letter-spacing:1px;margin-bottom:5px}
.counter .number-wrapper .label{font-size:26px;margin:0 2px}
.counter .title{margin:0;font-size:15px;line-height:20px;color:var(--muted);letter-spacing:1px}

/* galeri */
.gallery{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));margin:0}
.gallery .gallery-item{margin:0 0 24px;padding:0 12px}
.gallery .gallery-item a{display:block;overflow:hidden;line-height:0}
.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .4s ease,opacity .3s}
.gallery a:hover img{transform:scale(1.06);opacity:.9}
.gallery figcaption{font-size:12px;line-height:16px;padding-top:6px;text-align:center}
@media (max-width:767px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery .gallery-item{padding:0 5px;margin-bottom:10px}}

/* video */
.kvideo{position:relative;margin:0;width:100%;background:#0b0d10;overflow:hidden}
/* dikey (9:16) videolar sayfayı ele geçirmesin: yüksekliği sınırla, ortala */
.kvideo-portrait{max-height:78vh;width:auto;max-width:100%;margin-inline:auto}
@media (max-width:767px){.kvideo-portrait{max-height:none;width:100%}}
.kvideo video{width:100%;height:100%;object-fit:contain;background:#000}
.kvideo-play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--accent);font-size:34px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 30px rgba(0,0,0,.35);transition:transform .25s,background .25s;padding-left:6px}
.kvideo-play:hover{transform:scale(1.08);background:#fff}
.kvideo.is-playing .kvideo-play,.kvideo.is-started .kvideo-play{display:none}
.kvideo-quality{position:absolute;top:10px;right:10px;z-index:3;display:none}
.kvideo.is-started .kvideo-quality{display:block}
.kvideo-quality select{font:inherit;font-size:12px;letter-spacing:0;background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:3px;padding:4px 6px}
.kvideo-badge{position:absolute;left:10px;top:10px;z-index:3;font-size:11px;letter-spacing:.5px;color:#fff;background:rgba(0,0,0,.55);padding:2px 7px;border-radius:3px;pointer-events:none;opacity:0;transition:opacity .3s}
.kvideo.is-started .kvideo-badge{opacity:1}

/* ikonlu liste */
.mfn-list{list-style:none;margin:0;padding:0}
.mfn-list-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px;line-height:19px}
.mfn-list-icon{color:var(--accent-2);font-size:16px;line-height:19px;flex:none}
.mfn-list-desc a{color:var(--link)}
.mfn-list-desc a:hover{color:var(--accent)}
.mfn-list-center .mfn-list-item{justify-content:center;text-align:center}

/* harita */
.kmap{position:relative;background:#e5e3df url() center/cover;display:grid;place-items:center;width:100%}
.kmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kmap-load{position:relative;z-index:1}
.kmap-load{padding:12px 20px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:3px;font:inherit;cursor:pointer;color:var(--heading)}

/* önce/sonra */
.before_after{position:relative;overflow:hidden;line-height:0;--pos:50%;user-select:none}
.before_after img{width:100%;display:block}
.before_after .ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.before_after .ba-before img{height:100%;object-fit:cover}
.before_after input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}
.before_after .ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:#fff;transform:translateX(-50%);z-index:2;pointer-events:none;box-shadow:0 0 6px rgba(0,0,0,.4)}
.before_after .ba-handle::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M16 14l-6 6 6 6M24 14l6 6-6 6' fill='none' stroke='%23626d7f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;transform:translate(-50%,-50%);box-shadow:0 0 6px rgba(0,0,0,.4)}

.box-shadow{box-shadow:0 0 40px 0 rgba(0,0,0,.1)}

/* ---------------------------------------------------------------- proje listesi */
.section-filters{padding:0}
.portfolio-filters{width:100%;display:flex;justify-content:center;margin-bottom:30px}
.portfolio-filters ul{display:flex;list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(0,0,0,.08)}
.portfolio-filters a{display:block;padding:14px 25px;color:var(--accent);font-size:14px;line-height:22px;border-bottom:2px solid transparent;margin-bottom:-1px}
.portfolio-filters .current-cat a{color:var(--accent);border-bottom-color:var(--accent);color:var(--heading)}
.portfolio-filters a{color:var(--accent-2)}
.portfolio-filters a:hover{color:var(--accent)}
.section-portfolio{padding-bottom:70px}
.portfolio_group{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;width:calc(100% - 24px)}
.portfolio_group .portfolio-item{width:31.333%;margin:0 1% 20px}
.portfolio_group .portfolio-item a{display:block}
.portfolio_group .image_frame img{width:100%;aspect-ratio:338/264;object-fit:cover;transition:transform .5s ease}
.portfolio_group .portfolio-item a:hover img{transform:scale(1.04)}
.portfolio_group .desc{padding:20px}
.portfolio_group .desc .title{font-size:14px;line-height:22px;margin:0;color:var(--heading);letter-spacing:1px}
@media (max-width:767px){.portfolio_group{width:100%}.portfolio_group .portfolio-item{width:100%;margin:0 0 20px}}

/* ---------------------------------------------------------------- haber listesi */
.blog_wrapper{width:100%}
.posts_group{display:grid;gap:40px 22px;margin:0 var(--gap)}
.posts_group.col-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.posts_group.col-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.posts_group.col-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.posts_group.masonry{align-items:start}
.post-item{background:transparent}
.post-item .image_frame img{width:100%;aspect-ratio:4/3;object-fit:cover}
.posts_group.col-2 .post-item .image_frame img{aspect-ratio:1280/1000}
.post-desc-wrapper{padding:20px 20px 0}
.post-meta{font-size:12px;line-height:18px;color:var(--muted);margin-bottom:8px}
.post-meta .kicon{margin-right:4px}
.post-item .entry-title{font-size:25px;line-height:30px;font-weight:700;letter-spacing:0;margin-bottom:12px}
.posts_group.col-2 .entry-title{font-size:29px;line-height:38px;font-weight:300;letter-spacing:1px}
.post-excerpt{font-size:14px;line-height:22px;margin-bottom:15px}
.post-footer{text-align:right;border-top:0;padding:0 0 10px}
.post-more{font-size:12px;color:var(--muted)}
@media (max-width:959px){.post-item .entry-title{font-size:21px;line-height:26px}.post-excerpt{font-size:13px;line-height:19px}}
.post-more .kicon{margin-right:6px}
.section-news-list{padding-bottom:60px}
@media (max-width:959px){.posts_group.col-3,.posts_group.col-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.posts_group.col-2,.posts_group.col-3,.posts_group.col-4{grid-template-columns:1fr}.posts_group.col-2 .entry-title{font-size:23px;line-height:30px}}

/* haber filtre çubuğu */
.post-filters{width:100%;margin:0 var(--gap) 30px;border-bottom:1px solid rgba(0,0,0,.08)}
.post-filters .filters_buttons{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0 0 10px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.post-filters .label{margin-right:6px}
.post-filters .has-drop{position:relative}
.post-filters button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;font:inherit;font-size:12px;color:var(--link);cursor:pointer;padding:4px 6px}
.post-filters button:hover{color:var(--accent)}
.post-filters .drop{position:absolute;top:100%;left:0;z-index:20;min-width:190px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.12);list-style:none;margin:0;padding:6px 0;display:none}
.post-filters .has-drop.open .drop{display:block}
.post-filters .drop a{display:block;padding:6px 14px;font-size:13px;color:var(--link)}
.post-filters .drop a:hover{background:#f4f5f6;color:var(--accent)}
.post-filters .drop .current-cat>a{color:var(--accent);font-weight:700}
.post-filters .reset{margin-left:auto}
.post-filters .reset a{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
@media (max-width:767px){.post-filters{margin-left:0;margin-right:0}}

.pager_wrapper{margin:40px 0 20px;text-align:center;width:100%}
.pager{display:inline-flex;align-items:center;gap:20px}
.pager .pages{display:flex;gap:6px}
.pager .page{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;color:var(--text);border-radius:3px;font-size:12px}
.pager .page.active{background:var(--accent);color:#fff}
.pager .next_page,.pager .prev_page{font-size:12px}

.post-single .single-photo-wrapper{margin:0 var(--gap) 40px}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 var(--gap) 40px;font-size:12px}
.post-tags a{padding:3px 10px;background:rgba(0,0,0,.05);border-radius:2px}
.the_content_wrapper{padding:0 var(--gap) 40px;width:100%}
.the_content_wrapper.narrow{max-width:66.666%;margin:0 auto}
@media (max-width:767px){.the_content_wrapper.narrow{max-width:none}}
.project-hero img{width:100%;max-height:70vh;object-fit:cover}

/* ---------------------------------------------------------------- iletişim formu */
.contact-form-section{padding:0 0 70px}
.contact-form-box{width:100%;margin:0 var(--gap);background:#fff;padding:40px;box-shadow:0 0 40px rgba(0,0,0,.08)}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form label{display:block;margin-bottom:18px}
.contact-form label>span{display:block;font-size:12px;margin-bottom:6px;color:var(--heading)}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{width:100%;font:inherit;letter-spacing:.5px;padding:12px 14px;border:1px solid #e2e4e7;background:#fafbfb;color:var(--heading);border-radius:2px}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none;background:#fff}
.contact-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:18px}
.contact-form .consent input{margin-top:3px}
.contact-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-msg{padding:12px 16px;margin-bottom:20px;border-left:3px solid}
.form-msg.ok{background:#eef7f0;border-color:#3c8d5a;color:#245a38}
.form-msg.err{background:#fbeeee;border-color:#b54040;color:#7a2424}
@media (max-width:767px){.contact-form .row{grid-template-columns:1fr;gap:0}.contact-form-box{padding:24px}}

/* ---------------------------------------------------------------- footer */
#Footer{background:#fff;color:#7b7c7c;position:relative}
#Footer .widgets_wrapper{padding:60px 0}
#Footer .widgets_wrapper .container{display:flex;flex-wrap:wrap}
#Footer .column{padding:0 var(--gap)}
#Footer .column.one-third{width:33.333%}
#Footer h4{margin-bottom:15px}
#Footer h6{color:var(--heading);margin-bottom:15px}
#Footer p{margin-bottom:15px}
#Footer a{color:var(--link)}
#Footer a.strong{color:#000}
#Footer a:hover{color:var(--accent)}
.footer-list{list-style:none;margin:0;padding:0}
.footer-list li{margin-bottom:10px;display:flex;align-items:center;gap:6px}
.footer-list .kicon{color:#000;font-size:10px}
.Recent_posts{list-style:none;margin:0;padding:0}
.Recent_posts li{margin-bottom:10px}
.Recent_posts li a{display:flex;align-items:stretch}
.Recent_posts .desc{flex:1;background:rgba(0,0,0,.1);padding:5px 15px;border-right:3px solid #000;min-height:80px;margin-right:0}
.Recent_posts .desc h6{margin:0 0 3px;padding-top:0;color:var(--heading)}
.Recent_posts .date{color:var(--muted);display:flex;align-items:center;gap:3px}
.Recent_posts .photo{width:80px;flex:none}
.Recent_posts .photo img{width:80px;height:80px;object-fit:cover}
.footer_copy{border-top:1px solid rgba(0,0,0,.1)}
.footer_copy .container{display:flex;align-items:center;gap:20px;padding:24px var(--gap)}
.footer_copy .copyright{margin-right:auto}
.social{display:flex;list-style:none;gap:12px;margin:0;padding:0}
.social a{color:#65666c;font-size:15px;display:inline-flex}
.social a:hover{color:var(--accent)}
#back_to_top{width:42px;height:42px;padding:0;justify-content:center;font-size:20px;border-radius:0;margin-left:10px}
@media (max-width:959px){#Footer .column.one-third{width:100%;margin-bottom:30px}}
@media (max-width:767px){.footer_copy .container{flex-wrap:wrap;justify-content:center;text-align:center}.footer_copy .copyright{margin:0;width:100%}}

/* ---------------------------------------------------------------- WhatsApp */
.joinchat{position:fixed;right:20px;bottom:20px;z-index:9000}
.joinchat__button{width:60px;height:60px;border-radius:50%;border:0;background:#25d366;color:#fff;font-size:34px;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.25);transition:transform .2s}
.joinchat__button:hover{transform:scale(1.06)}
.joinchat__chatbox{position:absolute;right:0;bottom:75px;width:300px;background:#fff;border-radius:14px;box-shadow:0 2px 25px rgba(0,0,0,.2);overflow:hidden}
.joinchat__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#075e54;color:#fff;font-weight:700}
.joinchat__close{background:none;border:0;color:#fff;font-size:16px;cursor:pointer}
.joinchat__bubble{margin:16px;padding:10px 14px;background:#e7ffdb;border-radius:0 10px 10px;color:#333;font-size:14px;letter-spacing:0}
.joinchat__open{display:block;margin:0 16px 16px;padding:10px;text-align:center;background:#25d366;color:#fff;border-radius:20px;font-weight:700}
.joinchat__open:hover{color:#fff;background:#1fb455}

/* ---------------------------------------------------------------- ışık kutusu */
.klightbox{position:fixed;inset:0;z-index:10000;background:rgba(10,12,15,.94);display:flex;align-items:center;justify-content:center}
.klightbox img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.klightbox button{position:absolute;background:none;border:0;color:#fff;font-size:30px;cursor:pointer;padding:16px;opacity:.8}
.klightbox button:hover{opacity:1}
.klightbox .kl-close{top:10px;right:10px}
.klightbox .kl-prev{left:10px;top:50%;transform:translateY(-50%)}
.klightbox .kl-next{right:10px;top:50%;transform:translateY(-50%)}
.klightbox .kl-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;opacity:.7;font-size:12px}

.error-404{padding-bottom:80px}

/* ---------------------------------------------------------------- duyarlı tipografi */
@media (min-width:768px) and (max-width:959px){
  body{font-size:13px;line-height:19px}
  h1{font-size:21px;line-height:21px}h2{font-size:32px;line-height:43px}h3{font-size:29px;line-height:34px}h4{font-size:21px;line-height:26px}h5{font-size:15px;line-height:20px}h6{font-size:13px;line-height:19px}
  #Subheader .title{font-size:32px;line-height:43px}
}
@media (min-width:480px) and (max-width:767px){
  body{font-size:13px;line-height:19px}
  h1{font-size:19px;line-height:19px}h2{font-size:29px;line-height:38px}h3{font-size:26px;line-height:30px}h4{font-size:19px;line-height:23px}h5{font-size:14px;line-height:19px}h6{font-size:13px;line-height:19px}
  #Subheader .title{font-size:29px;line-height:38px}
}
@media (max-width:479px){
  body{font-size:13px;line-height:19px}
  h1{font-size:15px;line-height:19px}h2{font-size:23px;line-height:30px}h3{font-size:20px;line-height:24px}h4{font-size:15px;line-height:19px}h5{font-size:13px;line-height:19px}h6{font-size:13px;line-height:19px}
  #Subheader .title{font-size:23px;line-height:30px}
}
@media (max-width:767px){
  .mcb-column-inner{margin-left:0;margin-right:0}
  .posts_group,.post-tags,.post-single .single-photo-wrapper,.contact-form-box{margin-left:0;margin-right:0}
  .the_content_wrapper{padding-left:0;padding-right:0}
  .kslide-logo{width:30%}
}