/* ============================================================
   ELITE THEME - Ana Stil
   Tasarim dili: koyu zemin, keskin kose, kondanse buyuk baslik
   dizaynofisi.com uyarlamasi - baslik Teko, govde gothic (yerel)
   ============================================================ */

:root{
    --elTuruncu:#ff8800;
    --elTuruncuKoyu:#e57700;
    --elTuruncuSis:rgba(255,136,0,.14);

    --elSiyah:#12151c;
    --elKoyu:#1e212a;
    --elKoyu2:#262d37;
    --elKoyu3:#2e323e;
    --elAcik:#f5f6f8;
    --elBeyaz:#ffffff;

    --elMetin:#1e212a;
    --elMetinSoluk:#6f7378;
    --elGri:#9ba1aa;
    --elCizgiKoyu:rgba(255,255,255,.12);
    --elCizgiAcik:#e3e5e9;

    --elBaslikFont:"Teko",sans-serif;
    --elGovdeFont:"gothic",sans-serif;

    --elGecis:.35s cubic-bezier(.4,0,.2,1);
    --elYumusak:cubic-bezier(.19,1,.22,1);
    --elPerde:cubic-bezier(.77,0,.18,1);

    --elHeaderH:96px;
    --elHeaderHSabit:76px;
    --elKenar:50px;

    --elHoverKarart:brightness(.84);
}

@font-face{
    font-family:'gothic';
    src:local('gothic'), url('/_tema/font/gothic.woff') format('woff'), url('/_tema/font/gothic.ttf') format('truetype');
    font-display:swap;
}

html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
*,*::before,*::after{box-sizing:inherit}
body{
    margin:0;
    padding:0;
    font-family:var(--elGovdeFont);
    font-size:17px;
    line-height:1.7;
    color:var(--elMetin);
    background:var(--elBeyaz);
    overflow-x:hidden;
}
main{display:block}

@font-face{
    font-family:'Teko';
    font-style:normal;
    font-weight:300 700;
    font-display:swap;
    src:url('/_tema/font/teko-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:'Teko';
    font-style:normal;
    font-weight:300 700;
    font-display:swap;
    src:url('/_tema/font/teko-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;
}

body.kilit{overflow:hidden}

.el-kapsam{
    font-size:16px;
    line-height:1.75;
    color:var(--elMetin);
    -webkit-font-smoothing:antialiased;
}
:where(.el-kapsam),
:where(.el-kapsam) *,
:where(.el-kapsam) *::before,
:where(.el-kapsam) *::after{box-sizing:border-box}
:where(.el-kapsam) :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote,form){margin:0;padding:0}

:where(.el-kapsam) img{max-width:100%;display:block;border:0}
:where(.el-kapsam) a{color:inherit;text-decoration:none;font-size:inherit}
:where(.el-kapsam) ul,
:where(.el-kapsam) ol{list-style:none}
:where(.el-kapsam) input,
:where(.el-kapsam) select,
:where(.el-kapsam) textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none}
:where(.el-kapsam) button,
button:where(.el-kapsam){
    margin:0;
    padding:0;
    font:inherit;
    color:inherit;
    cursor:pointer;
    border:0;
    background:none;
    outline:none;
}
:where(.el-kapsam) svg{display:block}

:where(.el-kapsam) h1,
:where(.el-kapsam) h2,
:where(.el-kapsam) h3,
:where(.el-kapsam) h4,
:where(.el-kapsam) h5,
:where(.el-kapsam) h6{
    font-family:var(--elBaslikFont);
    font-weight:600;
    line-height:1;
    text-transform:uppercase;
    color:var(--elKoyu2);
}

::selection{background:var(--elTuruncu);color:var(--elBeyaz)}

:where(.el-kapsam) :focus-visible{outline:2px solid var(--elTuruncu);outline-offset:3px}

/* ============================================================
   BUTON
   ============================================================ */
.el-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:18px 38px 17px 42px;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    line-height:1;
    overflow:hidden;
    z-index:0;
    transition:color var(--elGecis);
}
.el-btn::before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:4px;
    background:var(--elTuruncuKoyu);
    z-index:-1;
    transition:width .45s var(--elYumusak), background var(--elGecis);
}
.el-btn:hover{color:var(--elKoyu2)}
.el-btn:hover::before{width:100%;background:var(--elBeyaz)}
.el-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform var(--elGecis)}
.el-btn:hover svg{transform:translateX(4px)}

.el-btn-cizgi{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:14px;
    color:var(--elBeyaz);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    line-height:1;
    padding:18px 0 17px;
}
.el-btn-cizgi::before{
    content:"";
    width:34px;height:1px;
    background:var(--elTuruncu);
    transition:width .45s var(--elYumusak);
}
.el-btn-cizgi:hover::before{width:56px}

/* ============================================================
   LOGO
   ============================================================ */
.el-logo{
    display:inline-flex;
    align-items:center;
    gap:14px;
    color:var(--elBeyaz);
    flex-shrink:0;
}
.el-logo-isaret{
    position:relative;
    width:48px;height:48px;
    border:1px solid rgba(255,255,255,.28);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--elBaslikFont);
    font-size:34px;
    font-weight:700;
    line-height:1;
    padding-top:6px;
    transition:border-color var(--elGecis);
}
.el-logo-isaret i{
    position:absolute;
    right:-1px;bottom:-1px;
    width:12px;height:12px;
    background:var(--elTuruncu);
    transition:width .45s var(--elYumusak), height .45s var(--elYumusak);
}
.el-logo:hover .el-logo-isaret{border-color:var(--elTuruncu)}
.el-logo:hover .el-logo-isaret i{width:18px;height:18px}
.el-logo-yazi{display:flex;flex-direction:column;line-height:1}
.el-logo-yazi b{
    font-family:var(--elBaslikFont);
    font-size:32px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    line-height:.9;
    padding-top:4px;
}
.el-logo-yazi b span{color:var(--elTuruncu)}
.el-logo-yazi small{
    font-size:11px;
    font-weight:600;
    letter-spacing:2.6px;
    text-transform:uppercase;
    color:rgba(255,255,255,.55);
    margin-top:2px;
}

/* ============================================================
   HEADER - slider uzerinde seffaf
   ============================================================ */
.el-header{
    position:absolute;
    top:0;left:0;right:0;
    z-index:100;
    background:linear-gradient(180deg,rgba(18,21,28,.55) 0%,rgba(18,21,28,.18) 100%);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
    border-bottom:1px solid var(--elCizgiKoyu);
    transition:background var(--elGecis);
}
.el-header-ic{
    display:flex;
    align-items:center;
    height:var(--elHeaderH);
    padding:0 var(--elKenar);
    transition:height var(--elGecis);
}

.el-header.sabit{
    position:fixed;
    background:rgba(30,33,42,.94);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-bottom-color:transparent;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    animation:elHeaderIn .5s var(--elYumusak);
}
.el-header.sabit .el-header-ic{height:var(--elHeaderHSabit)}
.el-header.sabit::after{
    content:"";
    position:absolute;
    left:0;bottom:0;
    height:2px;
    width:var(--elOkuma,0%);
    background:var(--elTuruncu);
}
@keyframes elHeaderIn{
    from{transform:translateY(-100%)}
    to{transform:none}
}

/* ---- menu ---- */
.el-nav{flex:1;display:flex;justify-content:center;align-self:stretch}
.el-menu{display:flex;align-items:stretch}
.el-menu > li{position:relative;display:flex}
.el-menu > li > a{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 19px;
    font-size:13.5px;
    font-weight:600;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:rgba(255,255,255,.78);
    transition:color var(--elGecis);
}
.el-menu > li > a::before{
    content:"";
    position:absolute;
    left:19px;
    top:-1px;
    width:0;
    height:3px;
    background:var(--elTuruncu);
    transition:width .45s var(--elYumusak);
}
.el-menu > li:hover > a,
.el-menu > li:focus-within > a{color:var(--elBeyaz)}
.el-menu > li:hover > a::before,
.el-menu > li:focus-within > a::before{width:22px}

.el-menu .el-ok{
    display:inline-block;
    width:7px;height:7px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
    margin-top:-4px;
    opacity:.6;
    transition:transform var(--elGecis);
}
.el-menu > li:hover .el-ok{transform:rotate(225deg);margin-top:3px}

body[data-sayfa="anasayfa"] .el-menu [data-nav="anasayfa"] > a,
body[data-sayfa="hakkimizda"] .el-menu [data-nav="hakkimizda"] > a,
body[data-sayfa="hizmetler"] .el-menu [data-nav="hizmetler"] > a,
body[data-sayfa="urunler"] .el-menu [data-nav="urunler"] > a,
body[data-sayfa="kadro"] .el-menu [data-nav="kadro"] > a,
body[data-sayfa="blog"] .el-menu [data-nav="blog"] > a,
body[data-sayfa="iletisim"] .el-menu [data-nav="iletisim"] > a{color:var(--elBeyaz)}
body[data-sayfa="anasayfa"] .el-menu [data-nav="anasayfa"] > a::before,
body[data-sayfa="hakkimizda"] .el-menu [data-nav="hakkimizda"] > a::before,
body[data-sayfa="hizmetler"] .el-menu [data-nav="hizmetler"] > a::before,
body[data-sayfa="urunler"] .el-menu [data-nav="urunler"] > a::before,
body[data-sayfa="kadro"] .el-menu [data-nav="kadro"] > a::before,
body[data-sayfa="blog"] .el-menu [data-nav="blog"] > a::before,
body[data-sayfa="iletisim"] .el-menu [data-nav="iletisim"] > a::before{width:22px}

/* ---- alt menu ---- */
.el-alt-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:250px;
    background:var(--elKoyu);
    border-top:2px solid var(--elTuruncu);
    padding:14px 0;
    opacity:0;
    visibility:hidden;
    transform:translateY(14px);
    transition:opacity var(--elGecis), transform var(--elGecis), visibility var(--elGecis);
    box-shadow:0 24px 50px rgba(0,0,0,.35);
}
.el-menu > li:hover > .el-alt-menu,
.el-menu > li:focus-within > .el-alt-menu{opacity:1;visibility:visible;transform:none}
.el-alt-menu a{
    position:relative;
    display:flex;
    align-items:center;
    padding:11px 30px;
    font-size:17.5px;
    color:rgba(255,255,255,.66);
    transition:color var(--elGecis), padding var(--elGecis);
}
.el-alt-menu a::before{
    content:"";
    width:0;height:1px;
    background:var(--elTuruncu);
    margin-right:0;
    transition:width var(--elGecis), margin var(--elGecis);
}
.el-alt-menu a:hover{color:var(--elBeyaz)}
.el-alt-menu a:hover::before{width:16px;margin-right:12px}

/* ---- sag arac alani ---- */
.el-header-sag{
    display:flex;
    align-items:center;
    gap:22px;
    flex-shrink:0;
}
.el-sosyal{display:flex;gap:6px}
.el-sosyal a{
    width:34px;height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--elCizgiKoyu);
    color:rgba(255,255,255,.7);
    transition:background var(--elGecis), border-color var(--elGecis), color var(--elGecis);
}
.el-sosyal a svg{width:15px;height:15px}
.el-sosyal a:hover{background:var(--elTuruncu);border-color:var(--elTuruncu);color:var(--elBeyaz)}

.el-ayrac{width:1px;height:34px;background:var(--elCizgiKoyu)}

.el-arama-ac{
    position:relative;
    width:46px;height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--elBeyaz);
}
.el-arama-ac svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform var(--elGecis)}
.el-arama-ac::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid var(--elTuruncu);
    transform:scale(.6);
    opacity:0;
    transition:transform var(--elGecis), opacity var(--elGecis);
}
.el-arama-ac:hover::after{transform:none;opacity:1}
.el-arama-ac:hover svg{transform:scale(.9)}

.el-hamburger{
    display:none;
    width:46px;height:46px;
    position:relative;
    background:var(--elTuruncu);
}
.el-hamburger span{
    position:absolute;
    right:12px;
    height:2px;
    background:var(--elBeyaz);
    transition:width var(--elGecis);
}
.el-hamburger span:nth-child(1){top:15px;width:22px}
.el-hamburger span:nth-child(2){top:22px;width:14px}
.el-hamburger span:nth-child(3){top:29px;width:18px}
.el-hamburger:hover span{width:22px}

/* ============================================================
   ARAMA PANELI
   ============================================================ */
.el-arama{
    position:fixed;
    inset:0;
    z-index:300;
    background:
        radial-gradient(circle at 12% 18%,rgba(255,136,0,.16),transparent 38%),
        radial-gradient(circle at 88% 85%,rgba(255,136,0,.08),transparent 40%),
        rgba(18,21,28,.97);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:opacity .5s, visibility .5s;
}
.el-arama.acik{opacity:1;visibility:visible}
.el-arama::before{
    content:"Ara";
    position:absolute;
    right:-.04em;bottom:-.2em;
    font-family:var(--elBaslikFont);
    font-size:clamp(200px,34vw,560px);
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    color:rgba(255,255,255,.025);
    pointer-events:none;
}

.el-arama-kutu{
    position:relative;
    width:100%;
    max-width:980px;
}
.el-arama-kutu > *{
    opacity:0;
    transform:translateY(30px);
    transition:opacity .5s, transform .7s var(--elYumusak);
}
.el-arama.acik .el-arama-kutu > *{opacity:1;transform:none}
.el-arama.acik .el-arama-kutu > :nth-child(1){transition-delay:.12s}
.el-arama.acik .el-arama-kutu > :nth-child(2){transition-delay:.2s}
.el-arama.acik .el-arama-kutu > :nth-child(3){transition-delay:.32s}
.el-arama.acik .el-arama-kutu > :nth-child(4){transition-delay:.42s}
.el-arama.acik .el-arama-kutu > :nth-child(5){transition-delay:.52s}

.el-arama-etiket{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:13px;
    font-weight:700;
    letter-spacing:2.4px;
    text-transform:uppercase;
    color:var(--elTuruncu);
    margin-bottom:10px;
}
.el-arama-etiket::before{content:"";width:34px;height:2px;background:currentColor}

.el-arama-form{
    position:relative;
    display:flex;
    align-items:center;
    gap:24px;
    padding-bottom:14px;
}
.el-arama-form input{
    flex:1;
    min-width:0;
    background:none;
    border:0;
    padding:10px 0 0;
    font-family:var(--elBaslikFont);
    font-size:clamp(44px,7vw,96px);
    font-weight:500;
    line-height:1;
    text-transform:uppercase;
    color:var(--elBeyaz);
    caret-color:var(--elTuruncu);
}
.el-arama-form input::placeholder{color:rgba(255,255,255,.18)}
.el-arama-form input::-webkit-search-cancel-button{-webkit-appearance:none}
.el-arama-gonder{
    position:relative;
    width:72px;height:72px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    overflow:hidden;
    transition:background var(--elGecis);
}
.el-arama-gonder svg{
    width:28px;height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    transition:transform .5s var(--elYumusak);
}
.el-arama-gonder:hover{background:var(--elTuruncuKoyu)}
.el-arama-gonder:hover svg{transform:scale(1.15) rotate(-8deg)}

.el-arama-cizgi{
    position:absolute;
    left:0;bottom:0;
    width:100%;height:2px;
    background:linear-gradient(90deg,var(--elTuruncu) 0%,rgba(255,136,0,.35) 45%,rgba(255,255,255,.06) 100%);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform 1.1s var(--elYumusak) .35s;
}
.el-arama.acik .el-arama-cizgi{transform:none}
.el-arama-form:focus-within .el-arama-cizgi{background:linear-gradient(90deg,var(--elTuruncu) 0%,var(--elTuruncu) 60%,rgba(255,136,0,.3) 100%)}

.el-arama-oneriler{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-top:36px;
}
.el-arama-oneriler > span{
    font-size:13px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:rgba(255,255,255,.4);
    margin-right:10px;
}
.el-arama-oneriler a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:11px 18px 9px;
    background:rgba(255,255,255,.06);
    font-size:15px;
    font-weight:500;
    color:rgba(255,255,255,.8);
    transition:background var(--elGecis), color var(--elGecis), transform .4s var(--elYumusak);
}
.el-arama-oneriler a::before{
    content:"";
    width:6px;height:6px;
    background:var(--elTuruncu);
    transition:background var(--elGecis);
}
.el-arama-oneriler a:hover{background:var(--elTuruncu);color:var(--elBeyaz);transform:translateY(-3px)}
.el-arama-oneriler a:hover::before{background:var(--elBeyaz)}

.el-arama-hizli{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:44px;
}
.el-arama-hizli a{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    background:rgba(255,255,255,.035);
    color:var(--elBeyaz);
    transition:background var(--elGecis);
}
.el-arama-hizli a:hover{background:rgba(255,255,255,.08)}
.el-arama-hizli img{width:64px;height:52px;object-fit:cover;flex-shrink:0}
.el-arama-hizli small{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--elTuruncu);
}
.el-arama-hizli b{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:21px;
    font-weight:500;
    line-height:1.05;
    text-transform:uppercase;
    margin-top:3px;
    transition:color var(--elGecis);
}
.el-arama-hizli a:hover b{color:var(--elTuruncu)}

.el-arama-ipucu{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:40px;
    font-size:14px;
    color:rgba(255,255,255,.4);
}
.el-arama-ipucu kbd{
    font-family:inherit;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    padding:5px 9px 3px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.75);
}

.el-arama-kapat{
    position:absolute;
    top:30px;right:var(--elKenar);
    z-index:2;
    display:flex;
    align-items:center;
    gap:14px;
    height:48px;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.6);
    transition:color var(--elGecis);
}
.el-arama-kapat i{
    position:relative;
    width:46px;height:46px;
    background:rgba(255,255,255,.06);
    transition:background var(--elGecis), transform .6s var(--elYumusak);
}
.el-arama-kapat i::before,
.el-arama-kapat i::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:18px;height:1.5px;
    margin:-.75px 0 0 -9px;
    background:var(--elBeyaz);
    transform:rotate(45deg);
}
.el-arama-kapat i::after{transform:rotate(-45deg)}
.el-arama-kapat:hover{color:var(--elBeyaz)}
.el-arama-kapat:hover i{background:var(--elTuruncu);transform:rotate(90deg)}

/* ============================================================
   MOBIL CEKMECE
   ============================================================ */
.el-ortu{
    position:fixed;
    inset:0;
    z-index:200;
    background:rgba(0,0,0,.6);
    opacity:0;
    visibility:hidden;
    transition:opacity .4s, visibility .4s;
}
.el-ortu.acik{opacity:1;visibility:visible}

.el-cekmece{
    position:fixed;
    top:0;right:0;bottom:0;
    z-index:210;
    width:min(380px,88vw);
    background:var(--elKoyu);
    color:var(--elBeyaz);
    display:flex;
    flex-direction:column;
    transform:translateX(100%);
    transition:transform .6s var(--elPerde);
    overflow-y:auto;
}
.el-cekmece.acik{transform:none}
.el-cekmece-ust{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 26px;
    border-bottom:1px solid var(--elCizgiKoyu);
}
.el-cekmece-ust .el-logo-isaret{width:42px;height:42px;font-size:30px}
.el-cekmece-ust .el-logo-yazi b{font-size:28px}
.el-cekmece-kapat{
    position:relative;
    width:44px;height:44px;
    background:var(--elTuruncu);
}
.el-cekmece-kapat::before,
.el-cekmece-kapat::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:18px;height:2px;
    background:var(--elBeyaz);
    margin:-1px 0 0 -9px;
    transform:rotate(45deg);
}
.el-cekmece-kapat::after{transform:rotate(-45deg)}

.el-cekmece-liste{padding:18px 26px;flex:1}
.el-cekmece-liste > li{border-bottom:1px solid var(--elCizgiKoyu)}
.el-cekmece-liste > li > div{display:flex;align-items:center}
.el-cekmece-liste > li > a,
.el-cekmece-liste > li > div > a{
    flex:1;
    display:block;
    padding:14px 0 10px;
    font-family:var(--elBaslikFont);
    font-size:26px;
    font-weight:500;
    text-transform:uppercase;
    line-height:1;
    letter-spacing:.5px;
    transition:color var(--elGecis), padding var(--elGecis);
}
.el-cekmece-liste > li > a:hover,
.el-cekmece-liste > li > div > a:hover{color:var(--elTuruncu);padding-left:6px}
body[data-sayfa="anasayfa"] .el-cekmece-liste [data-nav="anasayfa"] a:first-child,
body[data-sayfa="hakkimizda"] .el-cekmece-liste [data-nav="hakkimizda"] a:first-child,
body[data-sayfa="hizmetler"] .el-cekmece-liste [data-nav="hizmetler"] a:first-child,
body[data-sayfa="urunler"] .el-cekmece-liste [data-nav="urunler"] a:first-child,
body[data-sayfa="kadro"] .el-cekmece-liste [data-nav="kadro"] a:first-child,
body[data-sayfa="blog"] .el-cekmece-liste [data-nav="blog"] a:first-child,
body[data-sayfa="iletisim"] .el-cekmece-liste [data-nav="iletisim"] a:first-child{color:var(--elTuruncu)}
.el-cekmece-ac{
    position:relative;
    width:38px;height:38px;
    border:1px solid var(--elCizgiKoyu);
}
.el-cekmece-ac::before,
.el-cekmece-ac::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:12px;height:1.5px;
    background:var(--elBeyaz);
    margin:-.75px 0 0 -6px;
    transition:transform var(--elGecis);
}
.el-cekmece-ac::after{transform:rotate(90deg)}
.el-cekmece-liste li.acik .el-cekmece-ac::after{transform:rotate(0)}
.el-cekmece-alt{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s var(--elYumusak);
}
.el-cekmece-liste li.acik .el-cekmece-alt{max-height:400px}
.el-cekmece-alt a{
    display:block;
    padding:7px 0 7px 16px;
    font-size:15.5px;
    color:rgba(255,255,255,.62);
    border-left:1px solid var(--elCizgiKoyu);
    transition:color var(--elGecis), border-color var(--elGecis);
}
.el-cekmece-alt li:last-child a{margin-bottom:14px}
.el-cekmece-alt a:hover{color:var(--elBeyaz);border-left-color:var(--elTuruncu)}

.el-cekmece-dip{
    padding:24px 26px 30px;
    border-top:1px solid var(--elCizgiKoyu);
    background:var(--elSiyah);
}
.el-cekmece-dip span{
    display:block;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.45);
}
.el-cekmece-dip b{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:30px;
    font-weight:500;
    line-height:1.1;
    margin:6px 0 18px;
}
.el-cekmece-dip .el-sosyal a{width:38px;height:38px}

/* ============================================================
   SLIDER
   ============================================================ */
.el-slider{
    --sol:clamp(80px,15vw,290px);
    --panelW:clamp(300px,26vw,420px);
    --altH:84px;
    position:relative;
    height:100vh;
    min-height:680px;
    max-height:1100px;
    background:var(--elSiyah);
    overflow:hidden;
    color:var(--elBeyaz);
}
.el-slaytlar{position:absolute;inset:0}

.el-slayt{
    position:absolute;
    inset:0;
    visibility:hidden;
    z-index:0;
}
.el-slayt.onceki{visibility:visible;z-index:1}
.el-slayt.aktif{
    visibility:visible;
    z-index:2;
    animation:elPerdeIleri 1.2s var(--elPerde) both;
}
.el-slider.geri .el-slayt.aktif{animation-name:elPerdeGeri}
@keyframes elPerdeIleri{
    from{clip-path:inset(0 0 0 100%)}
    to{clip-path:inset(0 0 0 0)}
}
@keyframes elPerdeGeri{
    from{clip-path:inset(0 100% 0 0)}
    to{clip-path:inset(0 0 0 0)}
}

.el-slayt-gorsel{position:absolute;inset:0;overflow:hidden;transition:transform .6s var(--elYumusak)}
.el-slayt-gorsel img{-webkit-user-drag:none;user-select:none}

.fare-var .el-slider{cursor:grab}
.el-slider.surukle{cursor:grabbing;user-select:none;-webkit-user-select:none}
.el-slider.surukle .el-slayt-gorsel{transition:none}
.el-slayt-gorsel img{
    width:100%;height:100%;
    object-fit:cover;
    transform:scale(1.14);
    transition:transform 9s cubic-bezier(.2,.6,.3,1);
}
.el-slayt.aktif .el-slayt-gorsel img,
.el-slayt.onceki .el-slayt-gorsel img{transform:scale(1)}
.el-slayt-gorsel::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(18,21,28,.72) 0%,rgba(18,21,28,.35) 55%,rgba(18,21,28,.15) 100%),
        linear-gradient(0deg,rgba(18,21,28,.55) 0%,rgba(18,21,28,0) 35%);
}

/* yari seffaf koyu panel - baslik panelin kenarindan tasar */
.el-slayt-panel{
    position:absolute;
    left:calc(var(--sol) + 66px);
    top:calc(var(--elHeaderH) + 84px);
    bottom:0;
    width:var(--panelW);
    background:rgba(38,45,55,.84);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:transform 1.1s var(--elPerde) .35s;
}
.el-slayt-panel::before{
    content:"";
    position:absolute;
    left:4px;top:30px;
    height:2px;
    width:0;
    background:var(--elTuruncu);
    transition:width .8s var(--elYumusak) 1.2s;
}
.el-slayt.aktif .el-slayt-panel{transform:none}
.el-slayt.aktif .el-slayt-panel::before{width:50px}

.el-slayt-ic{
    position:absolute;
    left:var(--sol);
    top:calc(var(--elHeaderH) + 84px);
    bottom:var(--altH);
    right:var(--elKenar);
    display:flex;
    flex-direction:column;
    justify-content:center;
    max-width:760px;
    transition:opacity .45s;
}
.el-slayt.onceki .el-slayt-ic{opacity:0}

.el-slayt-etiket{
    position:absolute;
    left:-54px;
    top:50%;
    transform:translateY(-50%) rotate(-90deg);
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    white-space:nowrap;
    color:rgba(255,255,255,.85);
    width:0;
    display:flex;
    justify-content:center;
}
.el-slayt-etiket span{display:flex;align-items:center;gap:12px}
.el-slayt-etiket span::before{content:"";width:28px;height:1px;background:var(--elTuruncu)}

.el-slayt-baslik{
    font-size:clamp(46px,5.4vw,90px);
    font-weight:700;
    line-height:.92;
    color:var(--elBeyaz);
    letter-spacing:.5px;
    margin-bottom:26px;
}
.el-slayt-baslik em{font-style:normal;color:var(--elTuruncu)}
.el-satir{
    display:block;
    overflow:hidden;
    padding-top:.12em;
    margin-top:-.08em;
}
.el-satir > span{
    display:block;
    transform:translateY(110%);
    transition:transform .5s var(--elYumusak);
}
.el-slayt.aktif .el-satir > span{transform:none;transition-duration:1.1s}
.el-slayt.aktif .el-satir:nth-child(1) > span{transition-delay:.75s}
.el-slayt.aktif .el-satir:nth-child(2) > span{transition-delay:.87s}
.el-slayt.aktif .el-satir:nth-child(3) > span{transition-delay:.99s}
.el-slayt.aktif .el-satir:nth-child(4) > span{transition-delay:1.11s}

.el-anim{
    opacity:0;
    transform:translateY(26px);
    transition:opacity .4s, transform .4s;
}
.el-slayt.aktif .el-anim{
    opacity:1;
    transform:none;
    transition:opacity .9s ease, transform 1.1s var(--elYumusak);
    transition-delay:calc(.9s + var(--s,0) * .14s);
}
.el-slayt-etiket.el-anim{transform:translateY(-50%) rotate(-90deg) translateX(-30px)}
.el-slayt.aktif .el-slayt-etiket.el-anim{transform:translateY(-50%) rotate(-90deg)}

.el-slayt-metin{
    max-width:540px;
    font-size:17px;
    line-height:1.75;
    color:rgba(255,255,255,.74);
    margin-bottom:34px;
}
.el-slayt-btnler{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px}

/* ---- kose cizgileri ---- */
.el-kose{
    position:absolute;
    top:calc(var(--elHeaderH) + 34px);
    width:70px;height:70px;
    z-index:5;
    pointer-events:none;
    border:0 solid rgba(255,255,255,.32);
}
.el-kose-sol{left:var(--elKenar);border-top-width:1px;border-left-width:1px}
.el-kose-sag{right:var(--elKenar);border-top-width:1px;border-right-width:1px}

/* ---- donen rozet ---- */
.el-rozet{
    position:absolute;
    right:calc(var(--elKenar) + 120px);
    top:calc(var(--elHeaderH) + 64px);
    width:124px;height:124px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--elBeyaz);
}
.el-rozet svg{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    animation:elDon 18s linear infinite;
}
.el-rozet text{
    font-family:var(--elGovdeFont);
    font-size:10.4px;
    font-weight:700;
    letter-spacing:3.2px;
    text-transform:uppercase;
    fill:rgba(255,255,255,.8);
}
.el-rozet-orta{
    position:relative;
    width:46px;height:46px;
    border:2px solid var(--elTuruncu);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background var(--elGecis);
}
.el-rozet-orta::before{
    content:"";
    width:7px;height:7px;
    border-radius:50%;
    background:var(--elBeyaz);
}
.el-rozet-orta::after{
    content:"";
    position:absolute;
    inset:-2px;
    border-radius:50%;
    border:2px solid var(--elTuruncu);
    animation:elNabiz 2.4s ease-out infinite;
}
.el-rozet:hover .el-rozet-orta{background:var(--elTuruncu)}
@keyframes elDon{to{transform:rotate(360deg)}}
@keyframes elNabiz{
    from{transform:scale(1);opacity:.9}
    to{transform:scale(2.1);opacity:0}
}

/* ---- sag dikey noktalar ---- */
.el-noktalar{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:6;
    width:52px;
    padding:30px 0;
    background:var(--elKoyu2);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
}
.el-noktalar button{
    position:relative;
    width:22px;height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.el-noktalar button::before{
    content:"";
    width:5px;height:5px;
    border-radius:50%;
    background:var(--elBeyaz);
    transition:background var(--elGecis);
}
.el-noktalar button::after{
    content:"";
    position:absolute;
    inset:2px;
    border-radius:50%;
    border:1.5px solid var(--elTuruncu);
    transform:scale(0);
    transition:transform .45s var(--elYumusak);
}
.el-noktalar button.aktif::before{background:var(--elTuruncu)}
.el-noktalar button.aktif::after,
.el-noktalar button:hover::after{transform:scale(1)}
.el-noktalar-sayi{
    font-family:var(--elBaslikFont);
    font-size:16px;
    font-weight:500;
    color:rgba(255,255,255,.45);
    line-height:1;
    padding-top:3px;
}
.el-noktalar-sayi:first-child{margin-bottom:8px}
.el-noktalar-sayi:last-child{margin-top:8px}

/* ---- alt serit ---- */
.el-slider-alt{
    position:absolute;
    left:0;right:0;bottom:0;
    height:var(--altH);
    z-index:6;
    display:flex;
    align-items:stretch;
    pointer-events:none;
}
.el-slider-alt > *{pointer-events:auto}

.el-ilerleme{
    width:calc(var(--sol) + 66px);
    background:var(--elKoyu2);
    display:flex;
    align-items:center;
    gap:24px;
    padding:0 26px 0 var(--elKenar);
    flex-shrink:0;
}
.el-ilerleme-cizgi{
    position:relative;
    flex:1;
    height:1px;
    background:rgba(255,255,255,.2);
}
.el-ilerleme-cizgi i{
    position:absolute;
    left:0;top:-1px;
    height:3px;
    width:0;
    background:var(--elTuruncu);
}
.el-ilerleme-cizgi.oynuyor i{animation:elIlerle var(--sure,7000ms) linear forwards}
.fare-var .el-slider:hover .el-ilerleme-cizgi.oynuyor i{animation-play-state:paused}
@keyframes elIlerle{from{width:0}to{width:100%}}

.el-sayac{
    font-family:var(--elBaslikFont);
    font-size:19px;
    font-weight:500;
    line-height:1;
    padding-top:3px;
    color:rgba(255,255,255,.45);
    white-space:nowrap;
    display:flex;
    align-items:center;
    gap:8px;
}
.el-sayac b{
    font-size:30px;
    font-weight:600;
    color:var(--elBeyaz);
    min-width:26px;
}

.el-asagi{
    display:flex;
    align-items:center;
    gap:16px;
    padding-left:44px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:rgba(255,255,255,.85);
    transition:color var(--elGecis);
}
.el-asagi:hover{color:var(--elTuruncu)}
.el-fare{
    position:relative;
    width:20px;height:32px;
    border:1.5px solid currentColor;
    border-radius:10px;
    flex-shrink:0;
}
.el-fare i{
    position:absolute;
    left:50%;top:6px;
    width:2px;height:6px;
    margin-left:-1px;
    background:var(--elTuruncu);
    border-radius:2px;
    animation:elFare 1.8s ease-in-out infinite;
}
@keyframes elFare{
    0%{transform:translateY(0);opacity:1}
    70%{transform:translateY(10px);opacity:0}
    100%{transform:translateY(0);opacity:0}
}

.el-oklar{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:4px;
    padding-right:var(--elKenar);
}
.el-ok-btn{
    display:flex;
    align-items:center;
    gap:12px;
    height:56px;
    padding:0 14px;
    color:var(--elTuruncu);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
}
.el-ok-btn span{color:rgba(255,255,255,.75);transition:color var(--elGecis)}
.el-ok-btn svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .45s var(--elYumusak)}
.el-ok-btn:hover span{color:var(--elBeyaz)}
.el-ok-geri:hover svg{transform:translateX(-5px)}
.el-ok-ileri:hover svg{transform:translateX(5px)}
.el-oklar i{width:1px;height:26px;background:var(--elCizgiKoyu)}

/* ============================================================
   YERLESIM
   ============================================================ */
.el-kap{
    width:100%;
    padding:0 150px;
}
@media (max-width:1700px){.el-kap{padding:0 100px}}
@media (max-width:1450px){.el-kap{padding:0 50px}}
@media (max-width:991px){.el-kap{padding:0 30px}}
.el-bolum{
    position:relative;
    padding:130px 0;
    overflow:hidden;
}
.el-bolum--acik{background:var(--elAcik)}
.el-bolum--koyu{background:var(--elKoyu);color:rgba(255,255,255,.7)}
.el-bolum--koyu h1,
.el-bolum--koyu h2,
.el-bolum--koyu h3,
.el-bolum--koyu h4{color:var(--elBeyaz)}

.el-bolum-no{
    position:absolute;
    right:var(--elKenar);
    bottom:30px;
    font-family:var(--elBaslikFont);
    font-size:220px;
    font-weight:700;
    line-height:.8;
    color:rgba(0,0,0,.035);
    pointer-events:none;
    user-select:none;
}
.el-bolum--koyu .el-bolum-no{color:rgba(255,255,255,.03)}

.el-bolum-cizgi{
    position:absolute;
    left:var(--elKenar);
    top:0;bottom:0;
    width:1px;
    background:linear-gradient(180deg,transparent,var(--elCizgiAcik) 20%,var(--elCizgiAcik) 80%,transparent);
    pointer-events:none;
}
.el-bolum-cizgi::before{
    content:"";
    position:absolute;
    left:-2px;top:130px;
    width:5px;height:60px;
    background:var(--elTuruncu);
}

/* ---- bolum basligi ---- */
.el-baslik{position:relative;margin-bottom:64px;max-width:760px}
.el-baslik-ust{
    display:inline-flex;
    align-items:center;
    gap:14px;
    font-size:13px;
    font-weight:700;
    letter-spacing:2.4px;
    text-transform:uppercase;
    color:var(--elTuruncu);
}
.el-baslik-ust::before{content:"";width:34px;height:2px;background:currentColor}
.el-baslik h2{
    font-size:clamp(42px,4.4vw,66px);
    line-height:.95;
    margin-top:16px;
}
.el-baslik h2 em,
.el-vurgu em{font-style:normal;color:var(--elTuruncu)}
.el-baslik p{
    margin-top:20px;
    max-width:600px;
    color:var(--elMetinSoluk);
    font-size:17px;
}
.el-bolum--koyu .el-baslik p{color:rgba(255,255,255,.6)}
.el-baslik--orta{margin-left:auto;margin-right:auto;text-align:center}
.el-baslik--orta p{margin-left:auto;margin-right:auto}
.el-baslik-satir{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:64px;
}
.el-baslik-satir .el-baslik{margin-bottom:0}

.el-btn--koyu{background:var(--elKoyu2)}
.el-btn--koyu::before{background:var(--elTuruncu)}
.el-btn--koyu:hover{color:var(--elBeyaz)}
.el-btn--koyu:hover::before{background:var(--elTuruncu)}
.el-btn-cizgi--koyu{color:var(--elKoyu2)}

/* ============================================================
   HAKKIMIZDA BLOGU
   ============================================================ */
.el-hakkinda{
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:100px;
    align-items:center;
}
.el-hakkinda-gorsel{
    position:relative;
    padding:0 0 50px 50px;
}
.el-hakkinda-gorsel::before{
    content:"";
    position:absolute;
    left:0;bottom:0;
    width:78%;height:78%;
    border:2px solid var(--elTuruncu);
}
.el-hakkinda-gorsel::after{
    content:"";
    position:absolute;
    left:22px;top:40px;
    width:90px;height:140px;
    background-image:radial-gradient(var(--elTuruncu) 1.6px,transparent 1.8px);
    background-size:14px 14px;
    opacity:.55;
    z-index:2;
}
.el-hakkinda-resim{position:relative;z-index:1;overflow:hidden}
.el-hakkinda-resim img{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
    transition:transform 1.2s var(--elYumusak), filter .8s ease;
}
.el-hakkinda-gorsel:hover .el-hakkinda-resim img{transform:scale(1.05);filter:var(--elHoverKarart)}
.el-deneyim{
    position:absolute;
    right:-40px;bottom:100px;
    z-index:3;
    background:var(--elKoyu2);
    color:var(--elBeyaz);
    padding:28px 34px 24px;
    min-width:190px;
    border-left:4px solid var(--elTuruncu);
    box-shadow:0 30px 60px rgba(0,0,0,.25);
}
.el-deneyim b{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:78px;
    font-weight:600;
    line-height:.8;
    padding-top:10px;
}
.el-deneyim b sup{font-size:40px;color:var(--elTuruncu);vertical-align:top;margin-left:2px}
.el-deneyim span{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.6);
    margin-top:8px;
}
.el-hakkinda-metin .el-baslik{margin-bottom:28px}
.el-hakkinda-giris{
    font-size:20px;
    line-height:1.6;
    color:var(--elKoyu2);
    font-weight:500;
    margin-bottom:18px;
}
.el-hakkinda-metin > p{color:var(--elMetinSoluk);margin-bottom:28px}
.el-tik-liste{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px 30px;
    margin-bottom:40px;
}
.el-tik-liste li{
    position:relative;
    padding-left:32px;
    font-weight:500;
    color:var(--elKoyu2);
    line-height:1.5;
}
.el-tik-liste li::before{
    content:"";
    position:absolute;
    left:0;top:3px;
    width:18px;height:18px;
    background:var(--elTuruncuSis);
}
.el-tik-liste li::after{
    content:"";
    position:absolute;
    left:6px;top:6px;
    width:5px;height:9px;
    border-right:2px solid var(--elTuruncu);
    border-bottom:2px solid var(--elTuruncu);
    transform:rotate(45deg);
}
.el-hakkinda-alt{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:24px 40px;
    padding-top:36px;
    border-top:1px solid var(--elCizgiAcik);
}
.el-imza{display:flex;align-items:center;gap:16px}
.el-imza-harf{
    width:54px;height:54px;
    background:var(--elKoyu2);
    color:var(--elBeyaz);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--elBaslikFont);
    font-size:28px;
    padding-top:5px;
}
.el-imza b{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:24px;
    font-weight:500;
    text-transform:uppercase;
    line-height:1;
    padding-top:4px;
    color:var(--elKoyu2);
}
.el-imza div span{font-size:14px;color:var(--elMetinSoluk)}

/* ---- sayaclar ---- */
.el-sayaclar{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:110px;
    border-top:1px solid var(--elCizgiAcik);
}
.el-sayac-oge{
    position:relative;
    padding:44px 30px 10px 0;
}
.el-sayac-oge + .el-sayac-oge{padding-left:40px;border-left:1px solid var(--elCizgiAcik)}
.el-sayac-oge::before{
    content:"";
    position:absolute;
    top:-1px;left:0;
    width:0;height:2px;
    background:var(--elTuruncu);
    transition:width .8s var(--elYumusak);
}
.el-sayac-oge + .el-sayac-oge::before{left:40px}
.el-sayac-oge:hover::before{width:60px}
.el-sayac-sayi{
    display:flex;
    align-items:flex-start;
    font-family:var(--elBaslikFont);
    font-size:78px;
    font-weight:600;
    line-height:.8;
    padding-top:12px;
    color:var(--elKoyu2);
}
.el-sayac-sayi sup{font-size:36px;color:var(--elTuruncu);margin-left:4px;line-height:1}
.el-sayac-oge h6{
    font-family:var(--elGovdeFont);
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    color:var(--elMetinSoluk);
    margin-top:14px;
}
.el-bolum--koyu .el-sayaclar{border-top-color:var(--elCizgiKoyu)}
.el-bolum--koyu .el-sayac-oge + .el-sayac-oge{border-left-color:var(--elCizgiKoyu)}
.el-bolum--koyu .el-sayac-sayi{color:var(--elBeyaz)}
.el-bolum--koyu .el-sayac-oge h6{color:rgba(255,255,255,.5)}

/* ============================================================
   HIZMET - donen kart
   ============================================================ */
.el-cevir-izgara{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
}
.el-cevir-izgara--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.el-cevir{
    display:block;
    aspect-ratio:5/3;
    perspective:1600px;
    container-type:inline-size;
}
.el-cevir-ic{
    position:relative;
    width:100%;height:100%;
    transform-style:preserve-3d;
    transition:transform 1s var(--elYumusak);
}
.fare-var .el-cevir:hover .el-cevir-ic,
.el-cevir:focus-visible .el-cevir-ic,
.el-cevir.cevrildi .el-cevir-ic{transform:rotateY(180deg)}
.el-cevir-on,
.el-cevir-arka{
    position:absolute;
    inset:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
}
.el-cevir-on{background:var(--elKoyu2)}
.el-cevir-on img{width:100%;height:100%;object-fit:cover}
.el-cevir-on::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(0deg,rgba(18,21,28,.92) 0%,rgba(18,21,28,.35) 55%,rgba(18,21,28,.1) 100%);
}
.el-cevir-arti{
    position:absolute;
    right:30px;top:30px;
    z-index:2;
    width:48px;height:48px;
    border:1px solid rgba(255,255,255,.35);
}
.el-cevir-arti::before,
.el-cevir-arti::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:16px;height:1.5px;
    margin:-.75px 0 0 -8px;
    background:var(--elBeyaz);
}
.el-cevir-arti::after{transform:rotate(90deg)}
.el-cevir-on-ic{
    position:absolute;
    left:36px;right:36px;bottom:34px;
    z-index:2;
    color:var(--elBeyaz);
}
.el-cevir-no{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:22px;
    font-weight:500;
    color:var(--elTuruncu);
    line-height:1;
}
.el-cevir h3{
    font-size:40px;
    font-weight:600;
    line-height:.95;
    color:var(--elBeyaz);
    margin:10px 0 16px;
}
.el-cevir-izgara--4 .el-cevir h3{font-size:34px}
.el-cevir-etiketler{display:flex;flex-wrap:wrap;gap:6px 18px}
.el-cevir-etiketler li{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:rgba(255,255,255,.72);
}
.el-cevir-etiketler li::before{content:"";width:5px;height:5px;background:var(--elTuruncu)}

.el-cevir-arka{
    transform:rotateY(180deg);
    background:var(--elKoyu2);
    color:rgba(255,255,255,.7);
    padding:30px 32px 26px;
    display:flex;
    flex-direction:column;
    border-top:3px solid var(--elTuruncu);
}
.el-cevir-arka::after{
    content:attr(data-no);
    position:absolute;
    right:24px;bottom:-14px;
    font-family:var(--elBaslikFont);
    font-size:150px;
    font-weight:700;
    line-height:1;
    color:rgba(255,255,255,.04);
}
.el-cevir-ikon{
    width:48px;height:48px;
    flex-shrink:0;
    border:1px solid var(--elTuruncu);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--elTuruncu);
    margin-bottom:16px;
}
.el-cevir-ikon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.el-cevir-arka h3{margin:0 0 10px;font-size:30px}
.el-cevir-arka p{
    font-size:15px;
    line-height:1.6;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.el-cevir-fiyat{
    margin-top:auto;
    padding-top:14px;
    border-top:1px solid var(--elCizgiKoyu);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    position:relative;
    z-index:1;
}
.el-cevir-fiyat span{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:rgba(255,255,255,.45);
}
.el-cevir-fiyat b{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:34px;
    font-weight:500;
    line-height:1;
    padding-top:6px;
    color:var(--elTuruncu);
}
.el-cevir-git{
    width:40px;height:40px;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.el-cevir-git svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

/* ---- surec seridi ---- */
.el-surec{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:90px;
    background:var(--elBeyaz);
    border:1px solid var(--elCizgiAcik);
}
.el-surec-oge{
    position:relative;
    padding:52px 44px 48px;
    transition:background .5s var(--elYumusak);
    overflow:hidden;
}
.el-surec-oge + .el-surec-oge{border-left:1px solid var(--elCizgiAcik)}
.el-surec-oge::after{
    content:"";
    position:absolute;
    left:0;bottom:0;
    width:0;height:3px;
    background:var(--elTuruncu);
    transition:width .7s var(--elYumusak);
}
.el-surec-oge:hover{background:var(--elKoyu2)}
.el-surec-oge:hover::after{width:100%}
.el-surec-ikon{
    width:62px;height:62px;
    background:var(--elTuruncuSis);
    color:var(--elTuruncu);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
    transition:background var(--elGecis), color var(--elGecis);
}
.el-surec-ikon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.el-surec-oge:hover .el-surec-ikon{background:var(--elTuruncu);color:var(--elBeyaz)}
.el-surec-oge h4{font-size:32px;transition:color var(--elGecis)}
.el-surec-oge h6{
    font-family:var(--elGovdeFont);
    font-size:13px;
    font-weight:700;
    letter-spacing:1.8px;
    color:var(--elTuruncu);
    margin:8px 0 14px;
}
.el-surec-oge p{color:var(--elMetinSoluk);transition:color var(--elGecis)}
.el-surec-oge:hover h4{color:var(--elBeyaz)}
.el-surec-oge:hover p{color:rgba(255,255,255,.6)}
.el-surec-no{
    position:absolute;
    right:30px;top:26px;
    font-family:var(--elBaslikFont);
    font-size:84px;
    font-weight:700;
    line-height:1;
    color:rgba(0,0,0,.05);
    transition:color var(--elGecis);
}
.el-surec-oge:hover .el-surec-no{color:rgba(255,136,0,.18)}

/* ---- ortak kart linki: kartin her yeri tiklanir ---- */
.el-kart-link::after{content:"";position:absolute;inset:0;z-index:3}

/* ============================================================
   YAZI KARTI (blog)
   ============================================================ */
.el-yazi-kart{position:relative;background:var(--elBeyaz)}
.el-yazi-kart-gorsel{position:relative;aspect-ratio:16/11;overflow:hidden}
.el-yazi-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--elYumusak), filter .8s ease}
.el-yazi-kart:hover .el-yazi-kart-gorsel img{transform:scale(1.07);filter:var(--elHoverKarart)}
.el-tarih{
    position:absolute;
    left:0;bottom:0;
    z-index:2;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    padding:14px 18px 10px;
    text-align:center;
    line-height:1;
}
.el-tarih b{display:block;font-family:var(--elBaslikFont);font-size:38px;font-weight:600;line-height:.85}
.el-tarih span{display:block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}
.el-yazi-kart-govde{padding:28px 30px 32px;border:1px solid var(--elCizgiAcik);border-top:0}
.el-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 18px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:var(--elGri);
    margin-bottom:12px;
}
.el-meta a{color:var(--elTuruncu)}
.el-meta i{width:4px;height:4px;background:var(--elTuruncu)}
.el-yazi-kart h3{font-size:30px;font-weight:500;line-height:1;transition:color var(--elGecis)}
.el-yazi-kart:hover h3{color:var(--elTuruncu)}
.el-yazi-kart p{color:var(--elMetinSoluk);margin-top:12px}
.el-devam{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:20px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--elKoyu2);
}
.el-devam::before{content:"";width:28px;height:1px;background:var(--elTuruncu);transition:width .5s var(--elYumusak)}
.el-yazi-kart:hover .el-devam::before{width:48px}


.el-blog-arac{display:flex;align-items:center;gap:34px;flex-shrink:0}
.el-blog-bolum .el-yazi-kart-govde{background:var(--elBeyaz)}
.el-carousel .el-yazi-kart{height:100%;display:flex;flex-direction:column}
.el-carousel .el-yazi-kart-govde{flex:1}

/* ============================================================
   REFERANSLAR - kenardan kenara 2 sira
   ============================================================ */
.el-ref-bolum{padding-bottom:0}
.el-ref-bolum .el-baslik-satir{margin-bottom:70px}
.el-ref-sayi{
    display:flex;
    align-items:center;
    gap:18px;
    color:rgba(255,255,255,.6);
    font-size:15px;
    line-height:1.4;
}
.el-ref-sayi b{
    font-family:var(--elBaslikFont);
    font-size:64px;
    font-weight:600;
    line-height:.8;
    padding-top:8px;
    color:var(--elBeyaz);
}
.el-ref-sayi b sup{font-size:30px;color:var(--elTuruncu);vertical-align:top}
.el-ref-arac{display:flex;align-items:center;gap:40px;flex-shrink:0}
.el-ref-arac .el-btn-cizgi{color:var(--elBeyaz)}

.el-ref-izgara{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:1px;
    background:var(--elKoyu);
}
.el-ref{
    position:relative;
    display:block;
    aspect-ratio:5/4;
    overflow:hidden;
    background:var(--elSiyah);
    isolation:isolate;
}
.fare-var .el-ref{cursor:none}
.el-ref img{
    width:100%;height:100%;
    object-fit:cover;
    filter:grayscale(.35) brightness(.75);
    transform:scale(1.02);
    transition:transform 1.4s var(--elYumusak), filter .7s ease;
}
.el-ref::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(0deg,rgba(18,21,28,.9) 0%,rgba(18,21,28,.15) 55%,rgba(18,21,28,0) 100%);
    transition:opacity .6s;
}
.el-ref-izgara:hover .el-ref img{filter:grayscale(1) brightness(.35)}
.el-ref-izgara .el-ref:hover img{filter:var(--elHoverKarart);transform:scale(1.12)}
.el-ref:hover::before{opacity:.35}

.el-ref-no{
    position:absolute;
    left:30px;top:24px;
    z-index:2;
    font-family:var(--elBaslikFont);
    font-size:64px;
    font-weight:700;
    line-height:1;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.35);
    transition:-webkit-text-stroke-color .5s, transform .8s var(--elYumusak);
}
.el-ref:hover .el-ref-no{-webkit-text-stroke-color:var(--elTuruncu);transform:translateY(-6px)}

.el-ref-bilgi{
    position:absolute;
    left:0;bottom:0;
    z-index:2;
    width:82%;
    padding:24px 30px 20px;
    color:var(--elBeyaz);
}
.el-ref-bilgi::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:var(--elTuruncu);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:transform .6s var(--elPerde);
}
.el-ref:hover .el-ref-bilgi::before{transform:none}
.el-ref-bilgi small{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:var(--elTuruncu);
    transition:color .4s;
}
.el-ref:hover .el-ref-bilgi small{color:rgba(255,255,255,.85)}
.el-ref-bilgi h3{
    font-size:30px;
    font-weight:500;
    line-height:1;
    color:var(--elBeyaz);
    margin-top:6px;
}
.el-ref-bilgi p{
    max-height:0;
    overflow:hidden;
    opacity:0;
    font-size:15px;
    line-height:1.5;
    color:rgba(255,255,255,.9);
    transition:max-height .6s var(--elYumusak), opacity .4s, margin .5s;
}
.el-ref:hover .el-ref-bilgi p{max-height:60px;opacity:1;margin-top:8px;transition-delay:.15s}

/* ---- perde gibi acilma ---- */
.js .el-ref-izgara .el-ref{
    clip-path:inset(100% 0 0 0);
    transition:clip-path 1.1s var(--elPerde);
    transition-delay:calc(var(--g,0) * .08s);
}
.js .el-ref-izgara.gorundu .el-ref{clip-path:inset(0 0 0 0)}

/* ---- fareyi takip eden imlec ---- */
.el-ref-imlec{
    position:fixed;
    left:0;top:0;
    z-index:150;
    width:104px;height:104px;
    margin:-52px 0 0 -52px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    pointer-events:none;
    opacity:0;
    transform:translate3d(-200px,-200px,0) scale(.3) rotate(-45deg);
    transition:opacity .3s;
    will-change:transform;
}
.el-ref-imlec svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;transform:rotate(-45deg)}
.el-ref-imlec.gorunur{opacity:1}

/* ============================================================
   CAROUSEL
   ============================================================ */
.el-carousel{position:relative}
.el-carousel-pencere{overflow:hidden;margin:-12px -12px -40px;padding:12px 0 40px}
.el-carousel-ray{
    display:flex;
    transition:transform .8s var(--elYumusak);
    will-change:transform;
}
.el-carousel-item{flex:0 0 auto;padding:0 12px}
.el-carousel.surukle .el-carousel-ray{transition:none}
.fare-var .el-carousel-pencere{cursor:grab}
.el-carousel.surukle .el-carousel-pencere{cursor:grabbing;user-select:none;-webkit-user-select:none}
.el-carousel-pencere img{-webkit-user-drag:none}
.el-c-oklar{display:flex;gap:8px;flex-shrink:0}
.el-c-ok{
    width:56px;height:56px;
    border:1px solid var(--elCizgiAcik);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--elKoyu2);
    transition:background var(--elGecis), border-color var(--elGecis), color var(--elGecis);
}
.el-c-ok svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.el-c-ok:hover{background:var(--elTuruncu);border-color:var(--elTuruncu);color:var(--elBeyaz)}
.el-c-ok[disabled]{opacity:.35;pointer-events:none}
.el-bolum--koyu .el-c-ok{border-color:var(--elCizgiKoyu);color:var(--elBeyaz)}

/* ============================================================
   FOOTER
   ============================================================ */
.el-footer{
    position:relative;
    background:var(--elSiyah);
    color:rgba(255,255,255,.58);
    padding-top:110px;
    overflow:hidden;
}
.el-footer a{transition:color var(--elGecis)}

.el-footer-cta{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:40px;
    padding:64px 70px;
    background:var(--elKoyu2);
    overflow:hidden;
    isolation:isolate;
}
.el-footer-cta::before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:6px;
    background:var(--elTuruncu);
}
.el-footer-cta-gorsel{
    position:absolute;
    right:0;top:0;bottom:0;
    width:55%;
    z-index:-1;
}
.el-footer-cta-gorsel img{width:100%;height:100%;object-fit:cover;opacity:.22;filter:grayscale(1)}
.el-footer-cta-gorsel::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,var(--elKoyu2) 0%,rgba(38,45,55,.2) 100%);
}
.el-footer-cta h2{
    font-size:clamp(40px,4.2vw,64px);
    line-height:.95;
    color:var(--elBeyaz);
    margin-top:14px;
}
.el-footer-cta h2 em{font-style:normal;color:var(--elTuruncu)}
.el-footer-cta-sag{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.el-footer-tel{display:flex;align-items:center;gap:16px;color:var(--elBeyaz)}
.el-footer-tel-ikon{
    width:58px;height:58px;
    border:1px solid var(--elCizgiKoyu);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--elTuruncu);
    position:relative;
}
.el-footer-tel-ikon::after{
    content:"";
    position:absolute;
    inset:-1px;
    border:1px solid var(--elTuruncu);
    animation:elTelNabiz 2.2s ease-out infinite;
}
@keyframes elTelNabiz{
    from{transform:scale(1);opacity:.8}
    to{transform:scale(1.35);opacity:0}
}
.el-footer-tel-ikon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}
.el-footer-tel-metin span{display:block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.el-footer-tel-metin b{display:block;font-family:var(--elBaslikFont);font-size:30px;font-weight:500;line-height:1;padding-top:6px}
.el-footer-tel:hover b{color:var(--elTuruncu)}

.el-footer-ana{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1.4fr;
    gap:50px;
    padding:90px 0 70px;
}
.el-footer-marka p{margin:26px 0 28px;max-width:320px}
.el-footer-iletisim li{
    display:flex;
    gap:14px;
    margin-bottom:14px;
    line-height:1.55;
}
.el-footer-iletisim svg{
    width:18px;height:18px;
    flex-shrink:0;
    margin-top:2px;
    fill:none;
    stroke:var(--elTuruncu);
    stroke-width:1.6;
}
.el-footer-iletisim a:hover{color:var(--elBeyaz)}

.el-footer h4,
.el-footer .el-footer-baslik{
    position:relative;
    font-size:26px;
    font-weight:500;
    color:var(--elBeyaz);
    letter-spacing:.5px;
    padding-bottom:16px;
    margin-bottom:26px;
}
.el-footer h4::after,
.el-footer .el-footer-baslik::after{
    content:"";
    position:absolute;
    left:0;bottom:0;
    width:28px;height:2px;
    background:var(--elTuruncu);
}
.el-footer-linkler li + li{margin-top:12px}
.el-footer-linkler a{
    display:inline-flex;
    align-items:center;
    transition:color var(--elGecis), transform .45s var(--elYumusak);
}
.el-footer-linkler a::before{
    content:"";
    width:0;height:1px;
    margin-right:0;
    background:var(--elTuruncu);
    transition:width .45s var(--elYumusak), margin .45s var(--elYumusak);
}
.el-footer-linkler a:hover{color:var(--elBeyaz)}
.el-footer-linkler a:hover::before{width:14px;margin-right:10px}

.el-bulten p{margin-bottom:22px}
.el-bulten form{
    display:flex;
    border:1px solid var(--elCizgiKoyu);
    transition:border-color var(--elGecis);
}
.el-bulten form:focus-within{border-color:var(--elTuruncu)}
.el-bulten input{
    flex:1;
    min-width:0;
    background:none;
    border:0;
    padding:0 18px;
    height:56px;
    color:var(--elBeyaz);
}
.el-bulten input::placeholder{color:rgba(255,255,255,.35)}
.el-bulten button{
    width:56px;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:background var(--elGecis);
}
.el-bulten button:hover{background:var(--elTuruncuKoyu)}
.el-bulten button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.el-bulten small{display:block;font-size:13px;margin-top:12px;color:rgba(255,255,255,.35)}
.el-bulten-mesaj{display:none;margin-top:12px;font-size:14px;color:var(--elTuruncu)}
.el-bulten.gonderildi .el-bulten-mesaj{display:block}
.el-bulten .el-sosyal{margin-top:30px}

.el-footer-alt{
    position:relative;
    border-top:1px solid var(--elCizgiKoyu);
    background:var(--elSiyah);
}
.el-footer-alt .el-kap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:14px 30px;
    min-height:84px;
    font-size:15px;
}
.el-footer-alt ul{display:flex;flex-wrap:wrap;gap:6px 26px}
.el-footer-alt a:hover{color:var(--elBeyaz)}
.el-footer-alt b{color:var(--elBeyaz);font-weight:600}

/* ---- yukari cik ---- */
.el-yukari{
    position:fixed;
    right:30px;bottom:30px;
    z-index:90;
    width:54px;height:54px;
    background:var(--elKoyu2);
    color:var(--elBeyaz);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:opacity var(--elGecis), visibility var(--elGecis), transform var(--elGecis), background var(--elGecis);
}
.el-yukari.gorunur{opacity:1;visibility:visible;transform:none}
.el-yukari:hover{background:var(--elTuruncu)}
.el-yukari > svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.el-yukari-cerceve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.el-yukari-cerceve rect{
    fill:none;
    stroke:var(--elTuruncu);
    stroke-width:4;
    stroke-dasharray:100;
    stroke-dashoffset:var(--elYukariOfset,100);
}

/* ============================================================
   KAYDIRINCA BELIRME
   ============================================================ */
.js .el-reveal{
    opacity:0;
    transform:translateY(46px);
    transition:opacity 1s ease, transform 1.2s var(--elYumusak);
    transition-delay:calc(var(--g,0) * .12s);
}
.js .el-reveal.gorundu{opacity:1;transform:none}

/* ============================================================
   ACILIS - font ve ilk gorsel hazir olana kadar sahne kapali
   ============================================================ */
.js:not(.el-hazir) .el-slayt{visibility:hidden}
.js:not(.el-hazir) .el-acilis .el-header{opacity:0;transform:translateY(-100%)}
.js:not(.el-hazir) .el-kose{opacity:0}
.js:not(.el-hazir) .el-rozet{opacity:0;transform:scale(.6) rotate(-40deg)}
.js:not(.el-hazir) .el-noktalar{transform:translate(100%,-50%)}
.js:not(.el-hazir) .el-slider-alt{opacity:0;transform:translateY(100%)}
.js:not(.el-hazir) .el-slider::before{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:90px;height:2px;
    margin-left:-45px;
    z-index:10;
    background:linear-gradient(90deg,transparent,var(--elTuruncu),transparent);
    background-size:200% 100%;
    animation:elYukle 1s linear infinite;
}
@keyframes elYukle{
    from{background-position:100% 0}
    to{background-position:-100% 0}
}

.js .el-acilis .el-header{transition:background var(--elGecis), opacity .9s ease .75s, transform 1s var(--elYumusak) .75s}
.js .el-kose{transition:opacity 1s ease 1.5s}
.js .el-rozet{transition:opacity 1s ease 1.7s, transform 1.4s var(--elYumusak) 1.7s}
.js .el-noktalar{transition:transform 1s var(--elYumusak) 1.35s}
.js .el-slider-alt{transition:opacity .6s ease 1.2s, transform 1s var(--elYumusak) 1.2s}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1440px){
    .el-menu > li > a{padding:0 14px}
    .el-menu > li > a::before{left:14px}
    .el-header-sag{gap:18px}
}

@media (max-width:1320px){
    :root{--elKenar:36px}
    .el-sosyal a:nth-child(n){width:32px;height:32px}
    .el-sosyal li:nth-child(n+4){display:none}
    .el-rozet{right:calc(var(--elKenar) + 90px)}
}

@media (max-width:1199px){
    .el-nav,
    .el-header-sag > .el-sosyal,
    .el-header-sag > .el-ayrac{display:none}
    .el-header-ic{justify-content:space-between}
    .el-hamburger{display:block}
    .el-header-sag{gap:8px}
    .el-rozet{display:none}
}

@media (max-width:991px){
    :root{--elHeaderH:84px;--elHeaderHSabit:70px;--elKenar:24px}
    .el-slider{--sol:64px;--panelW:52vw;min-height:640px}
    .el-kose{display:none}
    .el-noktalar{display:none}
    .el-asagi{display:none}
    .el-ilerleme{width:auto;flex:1;max-width:420px}
    .el-oklar{padding-right:var(--elKenar)}
    .el-ok-btn span{display:none}
    .el-slayt-etiket{left:-40px}
}

@media (max-width:767px){
    .el-slider{--sol:var(--elKenar);--panelW:70vw;--altH:72px}
    .el-slayt-panel{left:auto;right:0;top:calc(var(--elHeaderH) + 40px)}
    .el-slayt-ic{top:var(--elHeaderH)}
    .el-slayt-etiket{
        position:static;
        width:auto;
        transform:none;
        justify-content:flex-start;
        margin-bottom:18px;
    }
    .el-slayt-etiket.el-anim,
    .el-slayt.aktif .el-slayt-etiket.el-anim{transform:none}
    .el-slayt-metin{font-size:16px;margin-bottom:26px}
    .el-ilerleme{padding-left:var(--elKenar);gap:16px}
}

@media (max-width:480px){
    .el-logo{gap:10px}
    .el-logo-isaret{width:42px;height:42px;font-size:30px}
    .el-logo-yazi b{font-size:27px;letter-spacing:2px}
    .el-logo-yazi small{font-size:10px;letter-spacing:2px}
    .el-arama-ac{width:42px;height:42px}
    .el-hamburger{width:42px;height:42px}
    .el-hamburger span{right:10px}
    .el-hamburger span:nth-child(1){top:13px}
    .el-hamburger span:nth-child(2){top:20px}
    .el-hamburger span:nth-child(3){top:27px}
    .el-slayt-baslik{font-size:clamp(40px,12vw,52px)}
    .el-btn{padding:16px 28px 15px 32px}
    .el-ok-btn{padding:0 8px}
    .el-arama-kapat{top:18px}
    .el-arama-kapat span{display:none}
    .el-arama-gonder{width:56px;height:56px}
    .el-arama-hizli{grid-template-columns:1fr}
    .el-arama-hizli a:nth-child(n+2){display:none}
}

/* ---- bilesenler: responsive ---- */
@media (max-width:1199px){
    .el-hakkinda{gap:70px}
    .el-deneyim{right:-20px}
    .el-cevir-izgara--4{grid-template-columns:repeat(3,minmax(0,1fr))}
    .el-footer-ana{grid-template-columns:1fr 1fr;gap:50px 40px}
    .el-footer-cta{grid-template-columns:1fr;padding:56px 50px}
}

@media (max-width:991px){
    .el-bolum{padding:100px 0}
    .el-bolum-no{font-size:150px}
    .el-bolum-cizgi{display:none}
    .el-hakkinda{grid-template-columns:1fr;gap:60px}
    .el-hakkinda-gorsel{max-width:520px}
    .el-deneyim{right:-10px}
    .el-sayaclar{grid-template-columns:1fr 1fr;margin-top:80px}
    .el-sayac-oge:nth-child(3){padding-left:0;border-left:0}
    .el-sayac-oge:nth-child(3)::before{left:0}
    .el-sayac-oge:nth-child(n+3){border-top:1px solid var(--elCizgiAcik)}
    .el-bolum--koyu .el-sayac-oge:nth-child(n+3){border-top-color:var(--elCizgiKoyu)}
    .el-cevir-izgara,
    .el-cevir-izgara--4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-surec{grid-template-columns:1fr}
    .el-surec-oge + .el-surec-oge{border-left:0;border-top:1px solid var(--elCizgiAcik)}
    .el-baslik-satir{flex-direction:column;align-items:flex-start}
}

@media (max-width:640px){
    .el-bolum{padding:80px 0}
    .el-kap{padding:0 20px}
    .el-hakkinda-gorsel{padding:0 0 30px 30px}
    .el-deneyim{right:0;bottom:60px;padding:20px 24px 18px;min-width:0}
    .el-deneyim b{font-size:58px}
    .el-tik-liste{grid-template-columns:1fr}
    .el-sayac-sayi{font-size:58px}
    .el-sayac-oge{padding-right:12px}
    .el-sayac-oge + .el-sayac-oge{padding-left:20px}
    .el-sayac-oge + .el-sayac-oge::before{left:20px}
    .el-cevir-izgara,
    .el-cevir-izgara--4{grid-template-columns:1fr}
    .el-surec-oge{padding:40px 28px}
    .el-footer{padding-top:70px}
    .el-footer-cta{padding:44px 28px}
    .el-footer-ana{grid-template-columns:1fr;padding:64px 0 50px}
    .el-footer-alt .el-kap{flex-direction:column;justify-content:center;text-align:center;padding-top:22px;padding-bottom:22px}
    .el-footer-alt ul{justify-content:center}
    .el-yukari{right:16px;bottom:16px;width:48px;height:48px}
}

/* ---- referanslar: responsive (her zaman 2 sira) ---- */
@media (max-width:1450px){
    .el-ref-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}
    .el-ref-izgara .el-ref:nth-child(n+9){display:none}
}
@media (max-width:991px){
    .el-ref-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
    .el-ref-izgara .el-ref:nth-child(n+7){display:none}
    .el-ref-bilgi{width:100%;padding:18px 20px 16px}
    .el-ref-bilgi h3{font-size:24px}
    .el-ref-no{font-size:48px;left:20px;top:16px}
    .el-ref-arac{flex-wrap:wrap;gap:20px 34px}
}
@media (max-width:640px){
    .el-ref-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-ref-izgara .el-ref:nth-child(n+5){display:none}
    .el-ref{aspect-ratio:4/5}
    .el-ref-bilgi h3{font-size:21px}
    .el-ref-bilgi p{display:none}
}


/* ============================================================
   IC SAYFALAR
   ============================================================ */

/* ============================================================
   SAYFA BASLIGI (hero)
   ============================================================ */
.el-sayfa-hero{
    --sol:clamp(24px,12vw,230px);
    position:relative;
    min-height:520px;
    height:62vh;
    max-height:640px;
    background:var(--elSiyah);
    color:var(--elBeyaz);
    overflow:hidden;
    display:flex;
    align-items:flex-end;
}
.el-sayfa-hero-gorsel{position:absolute;inset:0}
.el-sayfa-hero-gorsel img{
    width:100%;height:100%;
    object-fit:cover;
    animation:elHeroZoom 14s ease-out both;
}
@keyframes elHeroZoom{from{transform:scale(1.14)}to{transform:scale(1)}}
.el-sayfa-hero-gorsel::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(18,21,28,.82) 0%,rgba(18,21,28,.45) 60%,rgba(18,21,28,.25) 100%),
        linear-gradient(0deg,rgba(18,21,28,.6) 0%,rgba(18,21,28,0) 45%);
}
.el-sayfa-hero-panel{
    position:absolute;
    left:calc(var(--sol) + 66px);
    top:calc(var(--elHeaderH) + 50px);
    bottom:0;
    width:clamp(260px,24vw,380px);
    background:rgba(38,45,55,.84);
    transform-origin:bottom;
    animation:elPanelYuksel 1.1s var(--elPerde) .15s both;
}
.el-sayfa-hero-panel::before{
    content:"";
    position:absolute;
    left:4px;top:30px;
    width:50px;height:2px;
    background:var(--elTuruncu);
}
@keyframes elPanelYuksel{from{transform:scaleY(0)}to{transform:none}}
.el-sayfa-hero-ic{
    position:relative;
    z-index:2;
    padding:0 var(--elKenar) 70px var(--sol);
    width:100%;
    animation:elHeroMetin 1.1s var(--elYumusak) .55s both;
}
@keyframes elHeroMetin{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.el-sayfa-hero h1{
    font-size:clamp(52px,6.4vw,104px);
    font-weight:700;
    line-height:.9;
    color:var(--elBeyaz);
    max-width:900px;
}
.el-sayfa-hero h1 em{font-style:normal;color:var(--elTuruncu)}
.el-sayfa-hero p{
    max-width:560px;
    margin-top:18px;
    color:rgba(255,255,255,.7);
    font-size:17px;
}
.el-yol{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 14px;
    margin-bottom:22px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:rgba(255,255,255,.55);
}
.el-yol a{color:rgba(255,255,255,.85);transition:color var(--elGecis)}
.el-yol a:hover{color:var(--elTuruncu)}
.el-yol span{width:14px;height:1px;background:var(--elTuruncu)}
.el-yol b{color:var(--elTuruncu);font-weight:700}
.el-sayfa-hero-filigran{
    position:absolute;
    right:var(--elKenar);
    bottom:-.12em;
    z-index:1;
    font-family:var(--elBaslikFont);
    font-size:clamp(110px,14vw,240px);
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.14);
    pointer-events:none;
    white-space:nowrap;
}
.el-sayfa-hero .el-kose{top:calc(var(--elHeaderH) + 30px)}

/* ============================================================
   IC DUZEN + KENAR CUBUGU
   ============================================================ */
.el-ic-duzen{
    display:grid;
    grid-template-columns:minmax(0,1fr) 350px;
    gap:60px;
    align-items:start;
}
.el-ic-duzen--sol{grid-template-columns:350px minmax(0,1fr)}
.el-kenar{display:flex;flex-direction:column;gap:30px}
.el-kenar--yapiskan{position:sticky;top:calc(var(--elHeaderHSabit) + 30px)}

.el-widget{
    background:var(--elAcik);
    padding:36px 34px;
}
.el-widget-baslik{
    position:relative;
    font-size:28px;
    font-weight:500;
    padding-bottom:16px;
    margin-bottom:24px;
    border-bottom:1px solid var(--elCizgiAcik);
}
.el-widget-baslik::after{
    content:"";
    position:absolute;
    left:0;bottom:-1px;
    width:40px;height:2px;
    background:var(--elTuruncu);
}
.el-widget-liste li + li{border-top:1px solid var(--elCizgiAcik)}
.el-widget-liste a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:13px 0;
    font-weight:500;
    color:var(--elKoyu2);
    transition:color var(--elGecis), padding var(--elGecis);
}
.el-widget-liste a small{
    min-width:32px;
    height:26px;
    padding:0 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--elBeyaz);
    font-size:13px;
    font-weight:700;
    color:var(--elMetinSoluk);
    transition:background var(--elGecis), color var(--elGecis);
}
.el-widget-liste a:hover,
.el-widget-liste a.aktif{color:var(--elTuruncu);padding-left:8px}
.el-widget-liste a:hover small,
.el-widget-liste a.aktif small{background:var(--elTuruncu);color:var(--elBeyaz)}

.el-widget-ara{display:flex;background:var(--elBeyaz);border:1px solid var(--elCizgiAcik)}
.el-widget-ara input{flex:1;min-width:0;border:0;background:none;padding:0 18px;height:54px}
.el-widget-ara button{
    width:54px;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    display:flex;
    align-items:center;
    justify-content:center;
}
.el-widget-ara svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

.el-mini-yazi{display:flex;gap:16px;align-items:center}
.el-mini-yazi + .el-mini-yazi{margin-top:18px;padding-top:18px;border-top:1px solid var(--elCizgiAcik)}
.el-mini-yazi-gorsel{width:84px;height:74px;flex-shrink:0;overflow:hidden}
.el-mini-yazi-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--elYumusak), filter .6s ease}
.el-mini-yazi:hover img{transform:scale(1.1);filter:var(--elHoverKarart)}
.el-mini-yazi small{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--elTuruncu);
}
.el-mini-yazi b{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:21px;
    font-weight:500;
    line-height:1.05;
    text-transform:uppercase;
    color:var(--elKoyu2);
    margin-top:4px;
    transition:color var(--elGecis);
}
.el-mini-yazi:hover b{color:var(--elTuruncu)}

.el-etiketler{display:flex;flex-wrap:wrap;gap:8px}
.el-etiketler a{
    padding:8px 14px 6px;
    background:var(--elBeyaz);
    border:1px solid var(--elCizgiAcik);
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--elMetinSoluk);
    transition:background var(--elGecis), color var(--elGecis), border-color var(--elGecis);
}
.el-etiketler a:hover{background:var(--elTuruncu);border-color:var(--elTuruncu);color:var(--elBeyaz)}

.el-widget-koyu{
    position:relative;
    padding:44px 36px;
    color:rgba(255,255,255,.7);
    overflow:hidden;
    isolation:isolate;
    background:var(--elKoyu2);
}
.el-widget-koyu img{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    object-fit:cover;
    opacity:.2;
    z-index:-1;
}
.el-widget-koyu::before{
    content:"";
    position:absolute;
    left:0;top:0;
    width:100%;height:4px;
    background:var(--elTuruncu);
}
.el-widget-koyu h4{font-size:34px;color:var(--elBeyaz);margin-bottom:12px;line-height:.95}
.el-widget-koyu h4 em{font-style:normal;color:var(--elTuruncu)}
.el-widget-koyu p{margin-bottom:24px}
.el-widget-koyu .el-footer-tel{margin-bottom:26px}

.el-indir{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    background:var(--elBeyaz);
    border:1px solid var(--elCizgiAcik);
    transition:border-color var(--elGecis);
}
.el-indir + .el-indir{margin-top:12px}
.el-indir-ikon{
    width:46px;height:46px;
    background:var(--elTuruncuSis);
    color:var(--elTuruncu);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:800;
    flex-shrink:0;
}
.el-indir b{display:block;font-weight:600;color:var(--elKoyu2);line-height:1.3}
.el-indir small{color:var(--elGri);font-size:13px}
.el-indir:hover{border-color:var(--elTuruncu)}

/* ============================================================
   LISTE ARACLARI + SAYFALAMA
   ============================================================ */
.el-liste-arac{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:14px 30px;
    padding:18px 24px;
    margin-bottom:40px;
    background:var(--elAcik);
    font-size:15px;
    color:var(--elMetinSoluk);
}
.el-liste-arac b{color:var(--elKoyu2)}
.el-liste-arac select{
    height:44px;
    padding:0 38px 0 16px;
    border:1px solid var(--elCizgiAcik);
    background:var(--elBeyaz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8800' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;
    -webkit-appearance:none;
    appearance:none;
    font-weight:600;
    color:var(--elKoyu2);
    cursor:pointer;
}

.el-sayfalama{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-top:70px;
}
.el-sayfalama a,
.el-sayfalama span{
    min-width:52px;height:52px;
    padding:4px 10px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--elCizgiAcik);
    font-family:var(--elBaslikFont);
    font-size:22px;
    font-weight:500;
    color:var(--elKoyu2);
    transition:background var(--elGecis), color var(--elGecis), border-color var(--elGecis);
}
.el-sayfalama svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;margin-top:-4px}
.el-sayfalama a:hover,
.el-sayfalama .aktif{background:var(--elTuruncu);border-color:var(--elTuruncu);color:var(--elBeyaz)}
.el-sayfalama span{border-color:transparent}

/* ============================================================
   IZGARALAR
   ============================================================ */
.el-izgara{display:grid;gap:30px}
.el-izgara--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.el-izgara--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.el-izgara--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}

/* ---- ortak kart linki: kartin her yeri tiklanir ---- */

/* ============================================================
   URUN KARTI
   ============================================================ */
.el-urun-kart{
    position:relative;
    background:var(--elBeyaz);
    border:1px solid var(--elCizgiAcik);
    transition:border-color var(--elGecis), box-shadow .5s var(--elYumusak), transform .5s var(--elYumusak);
}
.el-urun-kart::before{
    content:"";
    position:absolute;
    left:-1px;top:-1px;
    width:0;height:3px;
    background:var(--elTuruncu);
    z-index:2;
    transition:width .6s var(--elYumusak);
}
.el-urun-kart:hover{border-color:transparent;box-shadow:0 30px 60px rgba(0,0,0,.1);transform:translateY(-6px)}
.el-urun-kart:hover::before{width:calc(100% + 2px)}
.el-urun-kart-gorsel{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
    background:var(--elAcik);
}
.el-urun-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--elYumusak), filter .8s ease}
.el-urun-kart:hover .el-urun-kart-gorsel img{transform:scale(1.08);filter:var(--elHoverKarart)}
.el-rozet-etiket{
    position:absolute;
    left:16px;top:16px;
    z-index:2;
    padding:6px 12px 4px;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
}
.el-rozet-etiket--koyu{background:var(--elKoyu2)}
.el-urun-kart-govde{padding:24px 24px 26px}
.el-kart-kategori{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--elTuruncu);
    margin-bottom:6px;
}
.el-urun-kart h3{
    font-size:26px;
    font-weight:500;
    line-height:1;
    transition:color var(--elGecis);
}
.el-urun-kart:hover h3{color:var(--elTuruncu)}
.el-urun-kart-alt{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid var(--elCizgiAcik);
}
.el-fiyat{font-family:var(--elBaslikFont);font-size:26px;font-weight:500;line-height:1;padding-top:4px;color:var(--elKoyu2)}
.el-fiyat del{font-size:19px;color:var(--elGri);margin-right:6px}
.el-urun-kart-ok{
    width:40px;height:40px;
    border:1px solid var(--elCizgiAcik);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--elKoyu2);
    transition:background var(--elGecis), border-color var(--elGecis), color var(--elGecis);
}
.el-urun-kart-ok svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.el-urun-kart:hover .el-urun-kart-ok{background:var(--elTuruncu);border-color:var(--elTuruncu);color:var(--elBeyaz)}

/* ============================================================
   KATEGORI KARTI (urun gruplari)
   ============================================================ */
.el-kategori-kart{
    position:relative;
    display:block;
    aspect-ratio:4/5;
    overflow:hidden;
    background:var(--elKoyu2);
    color:var(--elBeyaz);
}
.el-kategori-kart img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--elYumusak), filter .8s ease}
.el-kategori-kart::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(0deg,rgba(18,21,28,.95) 0%,rgba(18,21,28,.4) 50%,rgba(18,21,28,.05) 100%);
}
.el-kategori-kart:hover img{transform:scale(1.08);filter:var(--elHoverKarart)}
.el-kategori-kart-no{
    position:absolute;
    left:38px;top:30px;
    z-index:2;
    font-family:var(--elBaslikFont);
    font-size:22px;
    color:var(--elTuruncu);
}
.el-kategori-kart-adet{
    position:absolute;
    right:30px;top:30px;
    z-index:2;
    padding:8px 14px 6px;
    background:rgba(255,255,255,.12);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
}
.el-kategori-kart-ic{
    position:absolute;
    left:38px;right:38px;bottom:36px;
    z-index:2;
}
.el-kategori-kart h3{font-size:44px;line-height:.95;color:var(--elBeyaz)}
.el-kategori-kart p{
    color:rgba(255,255,255,.7);
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height .7s var(--elYumusak), opacity .5s, margin .5s;
}
.el-kategori-kart:hover p{max-height:120px;opacity:1;margin-top:14px}
.el-kategori-kart-git{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:22px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
}
.el-kategori-kart-git::before{content:"";width:30px;height:1px;background:var(--elTuruncu);transition:width .5s var(--elYumusak)}
.el-kategori-kart:hover .el-kategori-kart-git::before{width:54px}

/* ============================================================
   KADRO KARTI
   ============================================================ */
.el-kadro-kart{position:relative}
.el-kadro-kart-gorsel{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--elKoyu2)}
.el-kadro-kart-gorsel img{
    width:100%;height:100%;
    object-fit:cover;
    filter:grayscale(1);
    transition:filter .8s ease, transform 1.2s var(--elYumusak);
}
.el-kadro-kart:hover .el-kadro-kart-gorsel img{filter:grayscale(0) brightness(.84);transform:scale(1.06)}
.el-kadro-kart-sosyal{
    position:absolute;
    left:0;right:0;bottom:0;
    z-index:2;
    display:flex;
    justify-content:center;
    gap:6px;
    padding:16px;
    background:linear-gradient(0deg,rgba(18,21,28,.85),transparent);
    transform:translateY(100%);
    transition:transform .6s var(--elYumusak);
}
.el-kadro-kart:hover .el-kadro-kart-sosyal,
.el-kadro-kart:focus-within .el-kadro-kart-sosyal{transform:none}
.el-kadro-kart-sosyal a{
    width:38px;height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--elBeyaz);
    color:var(--elKoyu2);
    transition:background var(--elGecis), color var(--elGecis);
}
.el-kadro-kart-sosyal a:hover{background:var(--elTuruncu);color:var(--elBeyaz)}
.el-kadro-kart-sosyal svg{width:14px;height:14px;fill:currentColor}
.el-kadro-kart-govde{
    position:relative;
    margin:-34px 20px 0;
    z-index:3;
    background:var(--elBeyaz);
    padding:20px 22px 18px;
    box-shadow:0 18px 40px rgba(0,0,0,.08);
    border-bottom:3px solid transparent;
    transition:border-color var(--elGecis);
}
.el-kadro-kart:hover .el-kadro-kart-govde{border-bottom-color:var(--elTuruncu)}
.el-kadro-kart h3{font-size:27px;font-weight:500;line-height:1}
.el-kadro-kart h3 a{transition:color var(--elGecis)}
.el-kadro-kart h3 a:hover{color:var(--elTuruncu)}
.el-kadro-kart span{
    display:block;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:var(--elTuruncu);
    margin-top:4px;
}

/* ============================================================
   ICERIK TIPOGRAFISI (detay sayfalari)
   ============================================================ */
.el-icerik{color:var(--elMetinSoluk);font-size:17px;line-height:1.85}
.el-icerik > * + *{margin-top:22px}
.el-icerik h2{font-size:48px;line-height:.95;color:var(--elKoyu2);margin-top:44px}
.el-icerik h3{font-size:34px;line-height:1;color:var(--elKoyu2);margin-top:40px}
.el-icerik h2:first-child,
.el-icerik h3:first-child{margin-top:0}
.el-icerik .el-giris{font-size:20px;line-height:1.65;color:var(--elKoyu2);font-weight:500}
.el-icerik ul:not([class]) li{position:relative;padding-left:26px}
.el-icerik ul:not([class]) li + li{margin-top:10px}
.el-icerik ul:not([class]) li::before{
    content:"";
    position:absolute;
    left:0;top:.72em;
    width:12px;height:2px;
    background:var(--elTuruncu);
}
.el-icerik img{width:100%}
.el-icerik-gorsel{position:relative;overflow:hidden}
.el-icerik-gorsel img{aspect-ratio:16/9;object-fit:cover}
.el-icerik-ikili{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.el-icerik-ikili img{aspect-ratio:4/3;object-fit:cover}
.el-icerik blockquote{
    position:relative;
    padding:40px 44px 36px 110px;
    background:var(--elAcik);
    border-left:4px solid var(--elTuruncu);
    font-family:var(--elBaslikFont);
    font-size:32px;
    line-height:1.1;
    text-transform:uppercase;
    color:var(--elKoyu2);
    margin-top:36px;
}
.el-icerik blockquote::before{
    content:"\201C";
    position:absolute;
    left:36px;top:24px;
    font-size:110px;
    line-height:1;
    color:var(--elTuruncu);
}
.el-icerik blockquote cite{
    display:block;
    margin-top:14px;
    font-family:var(--elGovdeFont);
    font-size:14px;
    font-style:normal;
    font-weight:700;
    letter-spacing:1.6px;
    color:var(--elTuruncu);
}

.el-ozellikler{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.el-ozellik{
    display:flex;
    gap:18px;
    padding:26px;
    background:var(--elAcik);
    border-bottom:2px solid transparent;
    transition:border-color var(--elGecis), background var(--elGecis);
}
.el-ozellik:hover{background:var(--elBeyaz);border-bottom-color:var(--elTuruncu);box-shadow:0 20px 40px rgba(0,0,0,.06)}
.el-ozellik .el-surec-ikon{width:54px;height:54px;margin:0;flex-shrink:0}
.el-ozellik h4{font-size:24px;line-height:1;margin-bottom:6px;padding-top:4px}
.el-ozellik p{font-size:15.5px;line-height:1.65}

.el-adimlar{counter-reset:adim}
.el-adimlar li{
    position:relative;
    padding:0 0 30px 76px;
    counter-increment:adim;
}
.el-adimlar li::before{
    content:counter(adim,decimal-leading-zero);
    position:absolute;
    left:0;top:0;
    width:52px;height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:5px;
    background:var(--elKoyu2);
    color:var(--elBeyaz);
    font-family:var(--elBaslikFont);
    font-size:24px;
}
.el-adimlar li::after{
    content:"";
    position:absolute;
    left:25px;top:52px;bottom:0;
    width:1px;
    background:var(--elCizgiAcik);
}
.el-adimlar li:last-child{padding-bottom:0}
.el-adimlar li:last-child::after{display:none}
.el-adimlar b{display:block;font-family:var(--elBaslikFont);font-size:26px;font-weight:500;text-transform:uppercase;color:var(--elKoyu2);line-height:1;padding-top:6px;margin-bottom:6px}

/* ============================================================
   AKORDIYON (SSS)
   ============================================================ */
.el-sss-oge{border:1px solid var(--elCizgiAcik);background:var(--elBeyaz);transition:border-color var(--elGecis)}
.el-sss-oge + .el-sss-oge{margin-top:12px}
.el-sss-oge.acik{border-color:var(--elTuruncu)}
.el-sss-soru{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 26px 18px;
    text-align:left;
    font-family:var(--elBaslikFont);
    font-size:24px;
    font-weight:500;
    line-height:1.05;
    text-transform:uppercase;
    color:var(--elKoyu2);
}
.el-sss-isaret{
    position:relative;
    width:36px;height:36px;
    flex-shrink:0;
    margin-top:-4px;
    background:var(--elAcik);
    transition:background var(--elGecis);
}
.el-sss-isaret::before,
.el-sss-isaret::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:12px;height:2px;
    margin:-1px 0 0 -6px;
    background:var(--elKoyu2);
    transition:transform var(--elGecis), background var(--elGecis);
}
.el-sss-isaret::after{transform:rotate(90deg)}
.el-sss-oge.acik .el-sss-isaret{background:var(--elTuruncu)}
.el-sss-oge.acik .el-sss-isaret::before,
.el-sss-oge.acik .el-sss-isaret::after{background:var(--elBeyaz)}
.el-sss-oge.acik .el-sss-isaret::after{transform:rotate(0)}
.el-sss-cevap{max-height:0;overflow:hidden;transition:max-height .6s var(--elYumusak)}
.el-sss-cevap p{padding:0 26px 24px;color:var(--elMetinSoluk)}

/* ============================================================
   SEKMELER
   ============================================================ */
.el-sekme-basliklar{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    border-bottom:1px solid var(--elCizgiAcik);
}
.el-sekme-basliklar button{
    position:relative;
    padding:18px 28px 14px;
    font-family:var(--elBaslikFont);
    font-size:24px;
    font-weight:500;
    text-transform:uppercase;
    color:var(--elGri);
    transition:color var(--elGecis), background var(--elGecis);
}
.el-sekme-basliklar button::after{
    content:"";
    position:absolute;
    left:0;bottom:-1px;
    width:100%;height:3px;
    background:var(--elTuruncu);
    transform:scaleX(0);
    transition:transform .5s var(--elYumusak);
}
.el-sekme-basliklar button:hover{color:var(--elKoyu2)}
.el-sekme-basliklar button.aktif{color:var(--elKoyu2);background:var(--elAcik)}
.el-sekme-basliklar button.aktif::after{transform:none}
.el-sekme-panel{display:none;padding-top:36px}
.el-sekme-panel.aktif{display:block;animation:elSekmeGel .6s var(--elYumusak)}
@keyframes elSekmeGel{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.el-tablo{width:100%;border-collapse:collapse}
.el-tablo th,
.el-tablo td{padding:14px 20px;border-bottom:1px solid var(--elCizgiAcik);text-align:left;vertical-align:top}
.el-tablo th{width:36%;font-weight:600;color:var(--elKoyu2);background:var(--elAcik)}
.el-tablo td{color:var(--elMetinSoluk)}

/* ============================================================
   URUN DETAY
   ============================================================ */
.el-urun-detay{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:70px;
    align-items:start;
}
.el-galeri-ana{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--elAcik)}
.el-galeri-ana img{width:100%;height:100%;object-fit:cover;transition:opacity .35s}
.el-galeri-ana img.degisiyor{opacity:0}
.el-galeri-kucuk{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.el-galeri-kucuk button{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
    opacity:.55;
    transition:opacity var(--elGecis);
}
.el-galeri-kucuk button::after{
    content:"";
    position:absolute;
    inset:0;
    border:2px solid transparent;
    transition:border-color var(--elGecis);
}
.el-galeri-kucuk button img{width:100%;height:100%;object-fit:cover}
.el-galeri-kucuk button:hover,
.el-galeri-kucuk button.aktif{opacity:1}
.el-galeri-kucuk button.aktif::after{border-color:var(--elTuruncu)}

.el-urun-bilgi h2{font-size:clamp(42px,4vw,62px);line-height:.92;margin:6px 0 18px}
.el-urun-fiyat{
    display:flex;
    align-items:baseline;
    gap:14px;
    padding:18px 0;
    margin-bottom:22px;
    border-top:1px solid var(--elCizgiAcik);
    border-bottom:1px solid var(--elCizgiAcik);
}
.el-urun-fiyat b{font-family:var(--elBaslikFont);font-size:48px;font-weight:600;line-height:1;color:var(--elTuruncu)}
.el-urun-fiyat del{font-family:var(--elBaslikFont);font-size:28px;color:var(--elGri)}
.el-urun-fiyat small{font-size:14px;color:var(--elMetinSoluk)}
.el-urun-bilgi > p{color:var(--elMetinSoluk);margin-bottom:24px}
.el-urun-bilgi .el-tik-liste{grid-template-columns:1fr;margin-bottom:30px}
.el-sepet-satir{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.el-adet{display:flex;border:1px solid var(--elCizgiAcik);height:54px}
.el-adet button{width:48px;font-size:22px;color:var(--elKoyu2);transition:color var(--elGecis),background var(--elGecis)}
.el-adet button:hover{background:var(--elAcik);color:var(--elTuruncu)}
.el-adet input{width:56px;border:0;border-left:1px solid var(--elCizgiAcik);border-right:1px solid var(--elCizgiAcik);text-align:center;font-weight:700;-moz-appearance:textfield;appearance:textfield}
.el-adet input::-webkit-outer-spin-button,
.el-adet input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.el-urun-meta{font-size:15px}
.el-urun-meta li{display:flex;gap:10px;padding:8px 0}
.el-urun-meta b{min-width:90px;color:var(--elKoyu2)}
.el-urun-meta a{color:var(--elTuruncu)}
.el-urun-sekmeler{margin-top:90px}

/* ============================================================
   BLOG DETAY
   ============================================================ */
.el-yazi-baslik h1{font-size:clamp(40px,4vw,62px);line-height:.95;margin:4px 0 26px}
.el-paylas{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    margin-top:50px;
    padding:24px 0;
    border-top:1px solid var(--elCizgiAcik);
    border-bottom:1px solid var(--elCizgiAcik);
}
.el-paylas-sag{display:flex;align-items:center;gap:14px}
.el-paylas-sag span{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--elKoyu2)}
.el-paylas .el-sosyal a{border-color:var(--elCizgiAcik);color:var(--elKoyu2)}
.el-paylas .el-sosyal a:hover{color:var(--elBeyaz)}

.el-yazar{
    display:flex;
    gap:30px;
    margin-top:50px;
    padding:36px;
    background:var(--elKoyu2);
    color:rgba(255,255,255,.7);
    border-left:4px solid var(--elTuruncu);
}
.el-yazar img{width:110px;height:110px;object-fit:cover;flex-shrink:0}
.el-yazar small{font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--elTuruncu)}
.el-yazar h4{font-size:30px;color:var(--elBeyaz);margin:4px 0 10px}

.el-onceki-sonraki{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.el-onceki-sonraki a{
    display:block;
    padding:26px 30px;
    border:1px solid var(--elCizgiAcik);
    transition:border-color var(--elGecis), background var(--elGecis);
}
.el-onceki-sonraki a:last-child{text-align:right}
.el-onceki-sonraki small{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:var(--elTuruncu);
}
.el-onceki-sonraki b{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:24px;
    font-weight:500;
    line-height:1.05;
    text-transform:uppercase;
    color:var(--elKoyu2);
    margin-top:6px;
}
.el-onceki-sonraki a:hover{border-color:var(--elTuruncu);background:var(--elAcik)}

/* ============================================================
   KADRO DETAY
   ============================================================ */
.el-kisi{
    display:grid;
    grid-template-columns:400px minmax(0,1fr);
    gap:70px;
    align-items:start;
}
.el-kisi-kart{position:sticky;top:calc(var(--elHeaderHSabit) + 30px);background:var(--elKoyu2);color:rgba(255,255,255,.7)}
.el-kisi-kart img{width:100%;aspect-ratio:4/5;object-fit:cover}
.el-kisi-kart-govde{padding:32px 34px 36px;border-top:4px solid var(--elTuruncu)}
.el-kisi-kart h2{font-size:44px;color:var(--elBeyaz);line-height:.95}
.el-kisi-kart-gorev{
    display:block;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:var(--elTuruncu);
    margin:6px 0 24px;
}
.el-kisi-kart .el-footer-iletisim{padding-top:22px;border-top:1px solid var(--elCizgiKoyu);margin-bottom:22px}

.el-beceri + .el-beceri{margin-top:26px}
.el-beceri-ust{
    display:flex;
    justify-content:space-between;
    font-family:var(--elBaslikFont);
    font-size:22px;
    font-weight:500;
    text-transform:uppercase;
    color:var(--elKoyu2);
    line-height:1;
    margin-bottom:10px;
}
.el-beceri-ust b{color:var(--elTuruncu);font-weight:500}
.el-beceri-cubuk{position:relative;height:4px;background:var(--elCizgiAcik)}
.el-beceri-cubuk i{
    position:absolute;
    left:0;top:0;bottom:0;
    width:0;
    background:var(--elTuruncu);
    transition:width 1.6s var(--elYumusak);
}
.el-beceri.dolu .el-beceri-cubuk i,
html:not(.js) .el-beceri-cubuk i{width:var(--y)}
.el-beceri-cubuk i::after{
    content:"";
    position:absolute;
    right:-5px;top:-4px;
    width:12px;height:12px;
    background:var(--elKoyu2);
    border:2px solid var(--elTuruncu);
}

.el-zaman{position:relative;padding-left:34px}
.el-zaman::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--elCizgiAcik)}
.el-zaman-oge{position:relative}
.el-zaman-oge + .el-zaman-oge{margin-top:30px}
.el-zaman-oge::before{
    content:"";
    position:absolute;
    left:-34px;top:6px;
    width:13px;height:13px;
    background:var(--elBeyaz);
    border:2px solid var(--elTuruncu);
}
.el-zaman-oge small{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--elTuruncu)}
.el-zaman-oge b{display:block;font-family:var(--elBaslikFont);font-size:26px;font-weight:500;text-transform:uppercase;line-height:1;color:var(--elKoyu2);margin:4px 0 6px}
.el-zaman-oge p{color:var(--elMetinSoluk)}

/* ============================================================
   HAKKIMIZDA SAYFASI
   ============================================================ */
.el-degerler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--elCizgiKoyu)}
.el-deger{
    position:relative;
    padding:50px 36px 44px;
    transition:background .5s var(--elYumusak);
}
.el-deger + .el-deger{border-left:1px solid var(--elCizgiKoyu)}
.el-deger:hover{background:var(--elKoyu2)}
.el-deger .el-surec-ikon{background:rgba(255,136,0,.12)}
.el-deger h4{font-size:30px;margin-bottom:12px}
.el-deger p{font-size:16px}
.el-deger .el-surec-no{color:rgba(255,255,255,.04)}

.el-tarihce{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.el-tarihce::before{
    content:"";
    position:absolute;
    left:0;right:0;top:44px;
    height:1px;
    background:var(--elCizgiAcik);
}
.el-tarihce-oge{position:relative;padding-top:80px}
.el-tarihce-yil{
    position:absolute;
    left:0;top:0;
    font-family:var(--elBaslikFont);
    font-size:46px;
    font-weight:600;
    line-height:1;
    color:var(--elKoyu2);
    background:var(--elBeyaz);
    padding-right:14px;
}
.el-tarihce-oge::before{
    content:"";
    position:absolute;
    left:0;top:38px;
    width:13px;height:13px;
    background:var(--elTuruncu);
    box-shadow:0 0 0 6px var(--elTuruncuSis);
}
.el-tarihce-oge b{display:block;font-family:var(--elBaslikFont);font-size:26px;font-weight:500;text-transform:uppercase;color:var(--elKoyu2);line-height:1;margin-bottom:8px}
.el-tarihce-oge p{color:var(--elMetinSoluk);font-size:16px}

.el-sss-duzen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.el-sss-gorsel{position:relative}
.el-sss-gorsel img{width:100%;aspect-ratio:4/5;object-fit:cover}
.el-sss-gorsel .el-deneyim{right:auto;left:-30px;bottom:40px}

/* ---- serit cagri ---- */
.el-serit{
    position:relative;
    padding:100px 0;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    overflow:hidden;
}
.el-serit::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 2px,transparent 2px 22px);
}
.el-serit .el-kap{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}
.el-serit h2{font-size:clamp(40px,4.4vw,66px);line-height:.95;color:var(--elBeyaz)}
.el-serit h2 small{display:block;font-family:var(--elGovdeFont);font-size:13px;font-weight:700;letter-spacing:2.4px;margin-bottom:12px;opacity:.85}
.el-serit .el-btn{background:var(--elKoyu2)}
.el-serit .el-btn::before{background:var(--elSiyah)}

/* ============================================================
   ILETISIM
   ============================================================ */
.el-sube-sekme{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.el-sube-sekme button{
    position:relative;
    padding:18px 30px 14px;
    background:var(--elAcik);
    font-family:var(--elBaslikFont);
    font-size:26px;
    font-weight:500;
    text-transform:uppercase;
    color:var(--elKoyu2);
    transition:background var(--elGecis), color var(--elGecis);
}
.el-sube-sekme button small{
    display:block;
    font-family:var(--elGovdeFont);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    color:var(--elGri);
    text-align:left;
    transition:color var(--elGecis);
}
.el-sube-sekme button.aktif{background:var(--elKoyu2);color:var(--elBeyaz)}
.el-sube-sekme button.aktif small{color:var(--elTuruncu)}
.el-sube-sekme button.aktif::after{
    content:"";
    position:absolute;
    left:30px;bottom:-8px;
    border:8px solid transparent;
    border-bottom:0;
    border-top-color:var(--elKoyu2);
}
.el-sube{display:grid;grid-template-columns:420px minmax(0,1fr);min-height:460px}
.el-sube-bilgi{background:var(--elKoyu2);color:rgba(255,255,255,.7);padding:50px 44px}
.el-sube-bilgi h3{font-size:40px;color:var(--elBeyaz);margin-bottom:30px}
.el-sube-bilgi li{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--elCizgiKoyu)}
.el-sube-bilgi li:last-child{border-bottom:1px solid var(--elCizgiKoyu)}
.el-sube-bilgi .el-surec-ikon{width:46px;height:46px;margin:0;flex-shrink:0;background:rgba(255,136,0,.12)}
.el-sube-bilgi .el-surec-ikon svg{width:20px;height:20px}
.el-sube-bilgi small{display:block;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.45)}
.el-sube-bilgi b{display:block;font-weight:500;color:var(--elBeyaz);line-height:1.5}
.el-sube-bilgi a:hover b{color:var(--elTuruncu)}
.el-harita{position:relative;background:var(--elAcik);min-height:360px}
.el-harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.85) contrast(1.05)}

.el-form-duzen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.el-saatler li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--elCizgiAcik)}
.el-saatler b{color:var(--elKoyu2);font-weight:600}
.el-saatler .kapali{color:var(--elTuruncu)}

.el-form{background:var(--elAcik);padding:50px}
.el-form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.el-form-alan{position:relative}
.el-form-alan--tam{grid-column:1/-1}
.el-form-alan label{
    display:block;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:var(--elKoyu2);
    margin-bottom:8px;
}
.el-form-alan label i{color:var(--elTuruncu);font-style:normal}
.el-form-alan input,
.el-form-alan select,
.el-form-alan textarea{
    width:100%;
    height:56px;
    padding:0 18px;
    background:var(--elBeyaz);
    border:1px solid var(--elCizgiAcik);
    transition:border-color var(--elGecis), box-shadow var(--elGecis);
}
.el-form-alan select{
    -webkit-appearance:none;
    appearance:none;
    background:var(--elBeyaz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8800' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center/16px;
}
.el-form-alan textarea{height:160px;padding:16px 18px;resize:vertical}
.el-form-alan input:focus,
.el-form-alan select:focus,
.el-form-alan textarea:focus{border-color:var(--elTuruncu);box-shadow:0 0 0 3px var(--elTuruncuSis)}
.el-form-alan.hata input,
.el-form-alan.hata select,
.el-form-alan.hata textarea{border-color:#d9412b}
.el-form-hata{display:none;font-size:13.5px;color:#d9412b;margin-top:6px}
.el-form-alan.hata .el-form-hata{display:block}
.el-form-alan .el-onay{
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin:0;
    font-size:15px;
    font-weight:400;
    letter-spacing:0;
    text-transform:none;
    color:var(--elMetinSoluk);
    cursor:pointer;
}
.el-form-alan .el-onay input{width:18px;height:18px;padding:0;margin-top:3px;accent-color:var(--elTuruncu);flex-shrink:0;box-shadow:none}
.el-onay a{color:var(--elTuruncu);text-decoration:underline}
.el-form-alt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:10px}
.el-form-basari{
    display:none;
    gap:16px;
    align-items:center;
    padding:20px 24px;
    margin-bottom:24px;
    background:var(--elKoyu2);
    color:var(--elBeyaz);
    border-left:4px solid var(--elTuruncu);
}
.el-form-basari.gorunur{display:flex}
.el-form-basari svg{width:28px;height:28px;fill:none;stroke:var(--elTuruncu);stroke-width:2;flex-shrink:0}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1199px){
    .el-izgara--4{grid-template-columns:repeat(3,minmax(0,1fr))}
    .el-ic-duzen,
    .el-ic-duzen--sol{grid-template-columns:minmax(0,1fr) 300px;gap:40px}
    .el-ic-duzen--sol{grid-template-columns:300px minmax(0,1fr)}
    .el-kisi{grid-template-columns:340px minmax(0,1fr);gap:50px}
    .el-degerler{grid-template-columns:1fr 1fr}
    .el-deger:nth-child(3){border-left:0}
    .el-deger:nth-child(n+3){border-top:1px solid var(--elCizgiKoyu)}
    .el-sube{grid-template-columns:360px minmax(0,1fr)}
}

@media (max-width:991px){
    .el-sayfa-hero{min-height:440px;height:auto;padding-top:var(--elHeaderH)}
    .el-sayfa-hero-panel{width:46vw}
    .el-sayfa-hero .el-kose{display:none}
    .el-izgara--3,
    .el-izgara--4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-ic-duzen,
    .el-ic-duzen--sol{grid-template-columns:1fr;gap:60px}
    .el-ic-duzen--sol .el-kenar{order:2}
    .el-kenar--yapiskan{position:static}
    .el-urun-detay{grid-template-columns:1fr;gap:50px}
    .el-kisi{grid-template-columns:1fr}
    .el-kisi-kart{position:static;display:grid;grid-template-columns:280px 1fr}
    .el-kisi-kart img{height:100%}
    .el-kisi-kart-govde{border-top:0;border-left:4px solid var(--elTuruncu)}
    .el-tarihce{grid-template-columns:1fr 1fr;gap:50px 30px}
    .el-tarihce::before{display:none}
    .el-sss-duzen,
    .el-form-duzen{grid-template-columns:1fr;gap:60px}
    .el-sss-gorsel{max-width:520px}
    .el-sube{grid-template-columns:1fr}
    .el-harita{min-height:380px}
}

@media (max-width:640px){
    .el-sayfa-hero{--sol:20px;min-height:400px}
    .el-sayfa-hero-panel{left:auto;right:0;width:62vw}
    .el-sayfa-hero-ic{padding:0 20px 50px}
    .el-izgara--2,
    .el-izgara--3,
    .el-izgara--4{grid-template-columns:1fr}
    .el-widget{padding:30px 24px}
    .el-icerik h2{font-size:38px}
    .el-icerik blockquote{padding:80px 26px 28px;font-size:26px}
    .el-icerik blockquote::before{left:24px;top:14px}
    .el-icerik-ikili,
    .el-ozellikler,
    .el-onceki-sonraki{grid-template-columns:1fr}
    .el-onceki-sonraki a:last-child{text-align:left}
    .el-yazar{flex-direction:column;padding:28px}
    .el-kisi-kart{grid-template-columns:1fr}
    .el-degerler{grid-template-columns:1fr}
    .el-deger + .el-deger{border-left:0;border-top:1px solid var(--elCizgiKoyu)}
    .el-tarihce{grid-template-columns:1fr}
    .el-sss-gorsel .el-deneyim{left:0}
    .el-sube-bilgi{padding:36px 26px}
    .el-form{padding:32px 22px}
    .el-form-izgara{grid-template-columns:1fr}
    .el-sekme-basliklar button{padding:14px 16px 10px;font-size:20px}
    .el-sayfalama a,
    .el-sayfalama span{min-width:44px;height:44px}
}
/* ============================================================
   DIZAYNOFISI UYARLAMASI
   ============================================================ */
.el-logo img{width:125px;height:auto;transition:width var(--elGecis)}
.el-header.sabit .el-logo img{width:108px}
.el-cekmece-ust .el-logo img{width:100px}

.el-menu li.aktif > a{color:var(--elBeyaz)}
.el-menu > li.aktif > a::before{width:22px}
.el-alt-menu li{position:relative}
.el-alt-menu li.aktif > a{color:var(--elBeyaz)}
.el-alt-menu .el-alt-menu{top:-16px;left:100%}
.el-alt-menu li:hover > .el-alt-menu,
.el-alt-menu li:focus-within > .el-alt-menu{opacity:1;visibility:visible;transform:none}
.el-alt-menu .el-ok{margin-left:auto;transform:rotate(-45deg);margin-top:0}

.el-cekmece-liste li.acik .el-cekmece-alt{max-height:0}
.el-cekmece-liste li.acik > .el-cekmece-alt{max-height:1200px}
.el-cekmece-liste li.aktif > a,
.el-cekmece-liste li.aktif > div > a{color:var(--elTuruncu)}
.el-cekmece-alt > li > div{display:flex;align-items:center}
.el-cekmece-alt > li > div > a{flex:1}
.el-cekmece-alt .el-cekmece-ac{width:30px;height:30px;margin-bottom:0}
.el-cekmece-alt .el-cekmece-alt{padding-left:14px}
.el-cekmece-dip .el-btn{margin-bottom:24px}
.el-cekmece-dip a.el-cekmece-eposta{display:block;margin:-10px 0 20px;color:rgba(255,255,255,.7)}

.el-header-teklif{padding:15px 26px 14px 30px}

.el-arama-oneriler a{font-size:15px}

.el-footer-marka p{white-space:pre-line}
.el-footer-iletisim a:hover{color:var(--elBeyaz)}
.el-footer-ulas{display:flex;flex-direction:column;gap:18px}
.el-footer-ulas .el-footer-tel-metin b{font-size:26px}
.el-footer-ulas .el-sosyal{margin-top:8px}
.el-footer-ulas .el-footer-tel-ikon{width:50px;height:50px}
.el-footer-ulas .el-footer-tel-ikon svg{width:20px;height:20px}
.el-footer-wa .el-footer-tel-ikon{color:#25d366}
.el-footer-wa .el-footer-tel-ikon::after{border-color:#25d366}

.el-yukari{right:20px;bottom:25px;width:49px;height:50px;z-index:1100}

@media (max-width:1025px){
    :root{--elHeaderH:76px;--elHeaderHSabit:66px}
    .el-logo img{width:100px}
    .el-header.sabit .el-logo img{width:92px}
}
@media (max-width:1000px){
    .el-yukari{right:10px;bottom:60px}
}
@media (max-width:1320px){
    .el-header-teklif{padding:14px 18px 13px 22px}
}
@media (max-width:1600px){
    .el-header .el-sosyal a:nth-child(n+4){display:none}
}

.el-ortu{z-index:1200}
.el-cekmece{z-index:1210}
.el-arama{z-index:1300}

.el-baslik h1{font-size:clamp(40px,4vw,62px);line-height:.95;margin-top:16px}
.el-imza{color:inherit}
.el-imza-harf svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.el-imza:hover .el-imza-harf{background:var(--elTuruncu)}
.el-imza-harf{transition:background var(--elGecis)}
.el-hakkinda-metin .el-icerik{margin-bottom:34px}
.el-sayac-oge .el-sayac-etiket{
    font-family:var(--elGovdeFont);
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    line-height:1.4;
    color:var(--elMetinSoluk);
    margin-top:14px;
}
.el-surec-oge .el-surec-baslik{font-size:32px;transition:color var(--elGecis)}
.el-surec-oge:hover .el-surec-baslik{color:var(--elBeyaz)}
.el-surec-oge .el-surec-alt{
    font-size:13px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:var(--elTuruncu);
    margin:8px 0 14px;
}
.el-surec-oge:hover .el-surec-alt{color:var(--elTuruncu)}

.el-slayt-baslik{font-family:var(--elBaslikFont);text-transform:uppercase}
.el-slider.el-slider-ilk .el-slayt:first-child,
.js:not(.el-hazir) .el-slider.el-slider-ilk .el-slayt:first-child{visibility:visible;z-index:2}
.el-slider.el-slider-ilk .el-slayt.aktif{animation:none}
.js:not(.el-hazir) .el-slider.el-slider-ilk::before{content:none}
.el-slayt-gorsel .sliderVideo,
.el-slayt-gorsel .sliderGomulu{z-index:0}
.el-slider .sliderSes{bottom:110px;right:var(--elKenar);z-index:7}

.el-ref-izgara--5 .el-ref:nth-child(n+11){display:none}
@media (min-width:992px){
    .el-ref-izgara--4 .el-ref:nth-child(n+9){display:none}
    .el-ref-izgara--3 .el-ref:nth-child(n+7){display:none}
}
@media (min-width:1451px){
    .el-ref-izgara--4{grid-template-columns:repeat(4,minmax(0,1fr))}
    .el-ref-izgara--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:992px) and (max-width:1450px){
    .el-ref-izgara--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.el-ref-izgara--3 .el-ref{aspect-ratio:16/10}

.el-sss-h{margin:0}
html:not(.js) .el-sss-cevap{max-height:none}
.el-sss-govde{padding:0 26px 24px}
.el-sss-govde > *:first-child{margin-top:0}

@media (max-width:1000px){
    .el-slider{height:calc(100vh - 50px);height:calc(100svh - 50px);min-height:560px}
}
.el-sss-cevap .el-sss-govde p{padding:0}

/* ============================================================
   ORTAK PARCALAR
   ============================================================ */
.el-yol ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;margin:0;padding:0}
.el-yol li{display:flex;align-items:center}
.el-yol li + li::before{content:"";width:14px;height:1px;margin:0 14px;background:var(--elTuruncu)}
.el-yol li[aria-current]{color:var(--elTuruncu)}

.el-cevir .el-cevir-baslik{
    display:block;
    font-family:var(--elBaslikFont);
    font-size:40px;
    font-weight:600;
    line-height:.95;
    text-transform:uppercase;
    color:var(--elBeyaz);
    margin:10px 0 0;
}
.el-cevir-izgara--4 .el-cevir .el-cevir-baslik{font-size:34px}
.el-cevir-arka .el-cevir-arka-baslik{margin:0 0 10px;font-size:30px}

@container (max-width:440px){
    .el-cevir-arka{padding:22px 24px 20px}
    .el-cevir-ikon{display:none}
    .el-cevir-arka .el-cevir-arka-baslik{font-size:26px;margin-bottom:8px}
    .el-cevir-arka p{font-size:14px;line-height:1.55}
    .el-cevir-arka::after{font-size:110px}
    .el-cevir-arti{right:20px;top:20px;width:40px;height:40px}
    .el-cevir-on-ic{left:24px;right:24px;bottom:22px}
    .el-cevir .el-cevir-baslik{font-size:32px}
}
@container (max-width:340px){
    .el-cevir-arka p{-webkit-line-clamp:2}
    .el-cevir .el-cevir-baslik{font-size:28px}
}

.el-yazi-kart .el-yazi-kart-baslik{font-size:30px;font-weight:500;line-height:1;transition:color var(--elGecis)}
.el-yazi-kart:hover .el-yazi-kart-baslik{color:var(--elTuruncu)}

.el-ref .el-ref-baslik{font-size:30px;font-weight:500;line-height:1;color:var(--elBeyaz);margin-top:6px}
.el-ref-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:transparent}
.el-ref-liste .el-ref,
.el-ref-liste .el-ref:nth-child(n){display:block;cursor:pointer}
.js .el-ref-liste .el-ref{clip-path:none}
.el-ref-liste .el-ref-bilgi small{color:var(--elTuruncu)}

.el-kadro-kart .el-kadro-ad{font-size:27px;font-weight:500;line-height:1}
.el-kadro-kart .el-kadro-ad a:hover{color:var(--elTuruncu)}

.el-liste-bilgi{margin-top:40px;font-size:15px;color:var(--elMetinSoluk)}
.el-bolum--koyu .el-liste-bilgi{color:rgba(255,255,255,.55)}
.el-liste-bilgi b{color:var(--elTuruncu)}

.el-ic-tek{max-width:1100px;margin:0 auto}
@media (min-width:992px){
    .el-ic-duzen--sol > .el-kenar{order:-1}
}

.el-ek-yazi{margin-top:48px}
.el-ek-yazi > * + *{margin-top:20px}
.el-ek-yazi h2,
.el-ek-yazi h3,
.el-ek-yazi h4{font-size:34px;line-height:1;color:var(--elKoyu2)}

.el-galeri-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}
.el-galeri-oge{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--elAcik)}
.el-galeri-oge img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--elYumusak), filter .8s ease}
.el-galeri-oge:hover img{transform:scale(1.08);filter:var(--elHoverKarart)}

.el-video-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.el-video-oge{display:block}
.el-video-gorsel{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--elKoyu2)}
.el-video-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--elYumusak), filter .8s ease}
.el-video-oge:hover .el-video-gorsel img{transform:scale(1.06);filter:var(--elHoverKarart)}
.el-video-oynat{
    position:absolute;
    left:50%;top:50%;
    width:64px;height:64px;
    margin:-32px 0 0 -32px;
    background:var(--elTuruncu);
}
.el-video-oynat::after{
    content:"";
    position:absolute;
    left:26px;top:21px;
    border:11px solid transparent;
    border-right:0;
    border-left:16px solid var(--elBeyaz);
}
.el-video-oge b{
    display:block;
    margin-top:12px;
    font-family:var(--elBaslikFont);
    font-size:22px;
    font-weight:500;
    line-height:1.05;
    text-transform:uppercase;
    color:var(--elKoyu2);
}

.el-paylas{margin-top:50px}
.el-paylas .el-sosyal a svg{width:15px;height:15px}

.el-widget-koyu .el-widget-koyu-baslik{font-size:34px;color:var(--elBeyaz);margin-bottom:12px;line-height:.95}
.el-widget-koyu .el-widget-koyu-baslik em{font-style:normal;color:var(--elTuruncu)}
.el-widget-koyu .el-footer-tel{margin-bottom:24px}
.el-widget .el-mini-yazi b{font-size:20px}

.el-basit-kart{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:26px 24px;
    background:var(--elAcik);
    border-bottom:2px solid transparent;
    transition:border-color var(--elGecis), background var(--elGecis);
}
.el-basit-kart:hover{background:var(--elBeyaz);border-bottom-color:var(--elTuruncu);box-shadow:0 20px 40px rgba(0,0,0,.06)}
.el-basit-kart small{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--elTuruncu)}
.el-basit-kart b{font-family:var(--elBaslikFont);font-size:24px;font-weight:500;line-height:1.05;text-transform:uppercase;color:var(--elKoyu2)}
.el-basit-kart span{font-size:15px;color:var(--elMetinSoluk)}

.el-sube-bilgi .el-sube-baslik{font-size:40px;color:var(--elBeyaz);margin-bottom:30px}
.el-sube-bilgi li > a,
.el-sube-bilgi li > span:last-child{display:block}
.el-sube-bilgi li > a:hover b{color:var(--elTuruncu)}
.el-form-duzen .el-baslik{margin-bottom:30px}

.el-form-uyari{background:#3a1f1a;border-left-color:#d9412b}
.el-form-uyari svg{stroke:#ff7a5c}
.el-form-basari ul{margin:0;padding-left:18px;list-style:disc}
.el-form-alt .g-recaptcha{max-width:100%}

.el-form-blok{border:0;margin:0 0 34px;padding:0;min-width:0}
.el-form-blok-baslik{
    padding:0;
    font-family:var(--elBaslikFont);
    font-size:28px;
    font-weight:500;
    line-height:1;
    text-transform:uppercase;
    color:var(--elKoyu2);
}
.el-form-blok-baslik i,
.el-form-blok-not i,
.el-hizmet-ad i{font-style:normal;color:var(--elTuruncu)}
.el-form-blok-not{margin:8px 0 18px;font-size:15px;color:var(--elMetinSoluk)}

.el-hizmet-secim-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.el-hizmet-secim{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    background:var(--elBeyaz);
    border:1px solid var(--elCizgiAcik);
    cursor:pointer;
    transition:border-color var(--elGecis);
}
.el-hizmet-secim input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.el-hizmet-kutu{
    position:relative;
    width:22px;height:22px;
    flex-shrink:0;
    border:1.5px solid var(--elCizgiAcik);
    background:var(--elBeyaz);
    transition:background var(--elGecis), border-color var(--elGecis);
}
.el-hizmet-kutu::after{
    content:"";
    position:absolute;
    left:6px;top:2px;
    width:6px;height:11px;
    border-right:2px solid var(--elBeyaz);
    border-bottom:2px solid var(--elBeyaz);
    transform:rotate(45deg) scale(0);
    transition:transform .3s var(--elYumusak);
}
.el-hizmet-ad{font-size:16px;font-weight:600;line-height:1.35;color:var(--elKoyu2)}
.el-hizmet-secim:hover{border-color:var(--elTuruncu)}
.el-hizmet-secim input:checked ~ .el-hizmet-kutu{background:var(--elTuruncu);border-color:var(--elTuruncu)}
.el-hizmet-secim input:checked ~ .el-hizmet-kutu::after{transform:rotate(45deg) scale(1)}
.el-hizmet-secim input:checked ~ .el-hizmet-ad{color:var(--elTuruncu)}
.el-hizmet-secim input:focus-visible ~ .el-hizmet-kutu{outline:2px solid var(--elTuruncu);outline-offset:2px}
.el-teklif-onay{margin:10px 0 24px;background:transparent;border:0;padding:0;align-items:flex-start}
.el-teklif-onay .el-hizmet-ad{font-weight:400;font-size:15px;color:var(--elMetinSoluk)}
.el-teklif-onay .el-hizmet-kutu{margin-top:2px}

.teklifKupu{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.el-teklif-tamam{max-width:860px;margin:0 auto;padding:60px;background:var(--elBeyaz);border-top:4px solid var(--elTuruncu)}
.el-teklif-tamam-ikon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;background:var(--elTuruncuSis);color:var(--elTuruncu);margin-bottom:24px}
.el-teklif-tamam-ikon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2}
.el-teklif-tamam .el-baslik{margin-bottom:24px}
.el-teklif-tamam > p{color:var(--elMetinSoluk);margin-bottom:14px}
.el-teklif-ozet{margin:28px 0 36px;padding:22px 26px;background:var(--elAcik)}
.el-teklif-ozet dt{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--elTuruncu)}
.el-teklif-ozet dd{margin:4px 0 14px;font-weight:600;color:var(--elKoyu2)}
.el-teklif-ozet dd:last-child{margin-bottom:0}

.el-arama-sayfa{max-width:900px;margin:0 auto 20px}
.el-arama-sayfa input{color:var(--elKoyu2);font-size:clamp(34px,5vw,64px)}
.el-arama-sayfa input::placeholder{color:rgba(30,33,42,.2)}
.el-arama-sayfa .el-arama-cizgi{transform:none;background:linear-gradient(90deg,var(--elTuruncu) 0%,rgba(255,136,0,.3) 50%,var(--elCizgiAcik) 100%)}
.el-arama-sayfa ~ .el-liste-bilgi{text-align:center;margin:0 0 40px}
.el-bos-sonuc{max-width:640px;margin:40px auto 0;text-align:center;color:var(--elMetinSoluk)}
.el-bos-sonuc a{color:var(--elTuruncu);text-decoration:underline}

.el-hata{max-width:720px;margin:0 auto;text-align:center}
.el-hata-kod{font-family:var(--elBaslikFont);font-size:clamp(120px,16vw,200px);font-weight:700;line-height:.85;color:var(--elTuruncu)}
.el-hata-metin{margin:24px 0 40px;color:var(--elMetinSoluk)}
.el-hata .el-widget-baslik{display:inline-block}
.el-hata .el-btn{margin:10px 0 26px}
.el-hata-linkler{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.el-hata-linkler a{display:block;padding:10px 18px 8px;background:var(--elAcik);font-weight:600;transition:background var(--elGecis), color var(--elGecis)}
.el-hata-linkler a:hover{background:var(--elTuruncu);color:var(--elBeyaz)}

.cms-sayfalama{margin-top:60px}
.cms-sayfalama .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.cms-sayfalama li > a,
.cms-sayfalama li > span{
    min-width:50px;height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 12px 0;
    border:1px solid var(--elCizgiAcik);
    font-family:var(--elBaslikFont);
    font-size:22px;
    font-weight:500;
    line-height:1;
    color:var(--elKoyu2);
    transition:background var(--elGecis), border-color var(--elGecis), color var(--elGecis);
}
.cms-sayfalama li > a:hover,
.cms-sayfalama li.active > span{background:var(--elTuruncu);border-color:var(--elTuruncu);color:var(--elBeyaz)}
.cms-sayfalama li.disabled > span{opacity:.35}
.cms-sayfalama .cms-sayfalama-ayrac > span{border-color:transparent;opacity:1}
.cms-sayfalama-bilgi{margin-top:16px;text-align:center;font-size:15px;color:var(--elMetinSoluk)}
.el-bolum--koyu .cms-sayfalama li > a,
.el-bolum--koyu .cms-sayfalama li > span{border-color:var(--elCizgiKoyu);color:var(--elBeyaz)}
.el-bolum--koyu .cms-sayfalama-bilgi{color:rgba(255,255,255,.55)}

/* ============================================================
   ESKI TEMADAN TASINANLAR
   ============================================================ */
.cms-cerez{
    position:fixed;
    left:20px;bottom:20px;
    width:360px;
    max-width:calc(100% - 40px);
    background:var(--elBeyaz);
    color:var(--elMetin);
    border-top:3px solid var(--elTuruncu);
    padding:20px 22px 18px;
    box-shadow:0 18px 44px rgba(10,12,18,.28), 0 2px 6px rgba(10,12,18,.12);
    font-size:15px;
    line-height:1.6;
    z-index:9999;
    transform:translateY(16px);
    opacity:0;
    visibility:hidden;
    transition:transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s cubic-bezier(.22,.61,.36,1), visibility .45s;
}
.cms-cerez.gorunur{transform:translateY(0);opacity:1;visibility:visible}
.cms-cerez-baslik{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:var(--elKoyu);margin-bottom:8px}
.cms-cerez-baslik svg{flex:0 0 auto;color:var(--elTuruncu)}
.cms-cerez-metin{margin:0 0 14px;color:#4b5160;font-size:15px;line-height:1.6}
.cms-cerez-alt{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cms-cerez-btn{
    font:inherit;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:10px 22px 9px;
    border:0;
    background:var(--elTuruncu);
    color:var(--elBeyaz);
    cursor:pointer;
    box-shadow:inset 4px 0 0 var(--elTuruncuKoyu);
    transition:background .2s ease;
}
.cms-cerez-btn:hover{background:var(--elKoyu)}
.cms-cerez-btn:focus-visible{outline:2px solid var(--elKoyu);outline-offset:2px}
.cms-cerez-link{color:#6b7280;text-decoration:underline;text-underline-offset:3px;font-size:15px}
.cms-cerez-link:hover,
.cms-cerez-link:focus{color:var(--elTuruncu)}
.tel.cms-cerez-gizli,
.whatsapp.cms-cerez-gizli{opacity:0;visibility:hidden;pointer-events:none}
@media (max-width:480px){
    .cms-cerez{left:12px;right:12px;bottom:12px;width:auto;max-width:none;padding:18px 18px 16px}
}
@media print{.cms-cerez{display:none}}

.tel,
.whatsapp{
    position:fixed;
    right:20px;
    z-index:1100;
    width:49px;height:50px;
    cursor:pointer;
    transition:opacity .3s, visibility .3s;
}
.tel{bottom:135px;background:var(--elKoyu3)}
.whatsapp{bottom:80px;background:#25d366}
.tel a,
.whatsapp a{display:block;height:100%;color:var(--elBeyaz);text-decoration:none}
.tel img,
.whatsapp img{display:block}
.telWhatsappMetin{display:none}
@media (max-width:1000px){
    .tel,
    .whatsapp{bottom:0;width:50%;height:50px}
    .tel{left:0;right:50%}
    .whatsapp{right:0}
    .telWhatsappMetin{display:inline-block;float:left;position:relative;padding:10px 0 10px 1px;color:var(--elBeyaz);font-size:17px;line-height:30px}
    body{padding-bottom:50px}
}

.sliderVideo,
.sliderGomulu{
    position:absolute;
    left:0;top:0;
    width:100%;height:100%;
    overflow:hidden;
    opacity:0;
    transition:opacity .6s ease;
    pointer-events:none;
}
.sliderVideo.gorunur,
.sliderGomulu.gorunur{opacity:1}
.sliderVideo{display:block;max-width:none;border:0;background:#000;object-fit:cover;object-position:50% 50%}
.sliderGomulu iframe{
    position:absolute;
    left:50%;top:50%;
    width:100vw;height:56.25vw;
    min-width:177.78vh;min-height:100%;
    max-width:none;
    border:0;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(1.35);
}
.sliderSes{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;height:48px;
    padding:0;margin:0;
    background:rgba(30,33,42,.35);
    border:1px solid var(--elTuruncu);
    color:var(--elBeyaz);
    cursor:pointer;
    transition:background .24s ease;
}
.sliderSes[hidden]{display:none}
.sliderSes:hover{background:var(--elTuruncu)}
.sliderSes:focus-visible{outline:2px solid var(--elBeyaz);outline-offset:3px}
.sliderSes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sliderSes .sliderSesAcik{display:none}
.sliderSes.acik .sliderSesKapali{display:none}
.sliderSes.acik .sliderSesAcik{display:block}

.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:19px;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}

@media (max-width:991px){
    .el-galeri-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
    .el-video-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-hizmet-secim-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-ref-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-teklif-tamam{padding:40px 28px}
}
@media (max-width:640px){
    .el-galeri-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-video-izgara,
    .el-hizmet-secim-izgara,
    .el-ref-liste{grid-template-columns:1fr}
    .el-sube-bilgi .el-sube-baslik{font-size:32px}
}

[data-sayfa-alan]{transition:opacity .18s ease}
[data-sayfa-alan].cms-sayfalama-yukleniyor{opacity:.45;pointer-events:none}

.el-alt-menu{min-width:300px;width:max-content;max-width:420px}
.el-alt-menu a{white-space:nowrap;padding-right:40px}

.el-btn{transition:color .45s var(--elYumusak)}
.el-btn::before{width:5px;background:var(--elKoyu);transition:width .55s var(--elYumusak), background .3s ease}
.el-btn:hover,
.el-btn:focus-visible{color:var(--elBeyaz)}
.el-btn:hover::before,
.el-btn:focus-visible::before{width:100%;background:var(--elKoyu)}
.el-btn svg{transition:transform .45s var(--elYumusak)}
.el-btn:hover svg,
.el-btn:focus-visible svg{transform:translateX(6px)}

.el-slider .el-btn:hover,
.el-sayfa-hero .el-btn:hover,
.el-header .el-btn:hover,
.el-cekmece .el-btn:hover,
.el-bolum--koyu .el-btn:hover,
.el-footer .el-btn:hover,
.el-widget-koyu .el-btn:hover,
.el-slider .el-btn:focus-visible,
.el-header .el-btn:focus-visible,
.el-bolum--koyu .el-btn:focus-visible,
.el-footer .el-btn:focus-visible,
.el-widget-koyu .el-btn:focus-visible{color:var(--elKoyu)}
.el-slider .el-btn:hover::before,
.el-sayfa-hero .el-btn:hover::before,
.el-header .el-btn:hover::before,
.el-cekmece .el-btn:hover::before,
.el-bolum--koyu .el-btn:hover::before,
.el-footer .el-btn:hover::before,
.el-widget-koyu .el-btn:hover::before,
.el-slider .el-btn:focus-visible::before,
.el-header .el-btn:focus-visible::before,
.el-bolum--koyu .el-btn:focus-visible::before,
.el-footer .el-btn:focus-visible::before,
.el-widget-koyu .el-btn:focus-visible::before{background:var(--elBeyaz)}

.el-btn--koyu::before{background:var(--elTuruncu)}
.el-btn--koyu:hover,
.el-btn--koyu:focus-visible{color:var(--elBeyaz)}
.el-btn--koyu:hover::before,
.el-btn--koyu:focus-visible::before{background:var(--elTuruncu)}

.js .el-carousel .el-reveal{opacity:1;transform:none;transition:none}
@media (min-width:1200px) and (max-width:1450px){
    .el-ref-izgara--5{grid-template-columns:repeat(5,minmax(0,1fr))}
    .el-ref-izgara--5 .el-ref:nth-child(-n+10){display:block}
    .el-ref-izgara--5 .el-ref-bilgi{padding:18px 22px 16px}
    .el-ref-izgara--5 .el-ref-bilgi h3{font-size:24px}
    .el-ref-izgara--5 .el-ref-no{font-size:50px;left:22px}
}