/* ============================================================
   ELITE ETIC - Sunucu uyumu
   Razor ekranlarina ozgu parcalar + CMS / Ticaret siniflarinin
   Elite diline cekilmesi. General CSS @layer cms icinde yuklenir,
   buradaki kurallar katmansiz oldugu icin her zaman onde gelir.
   ============================================================ */

/*#region CMS DEGISKENLERI (General CSS bunlari okur) */

:root{
    --cmsAna:#ff8800;
    --cmsAnaKoyu:#e57700;
    --cmsAnaSoft:rgba(255,136,0,.12);
    --cmsKoyu:#1e212a;
    --cmsYuzey:#262d37;
    --cmsMenuBg:#262d37;
    --cmsCizgi:rgba(255,255,255,.12);
    --cmsMetin:#d5dae2;
    --cmsMetinSolgun:#8d97a6;
    --cmsGolge:0 18px 44px rgba(0,0,0,.25);
    --cmsEase:cubic-bezier(.22,.61,.36,1);
    --cmsRadius:0px;
    --cmsHeaderYuk:0px;
}

/*#endregion*/

/*#region GENEL */

.el-ana{display:block;min-height:40vh}
.el-sayfa-bas-aciklama{max-width:720px;margin-top:10px!important;color:rgba(255,255,255,.62);font-size:15px}
.el-sayfa-bas-etiket{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--elTuruncu);margin-bottom:6px!important}
.el-sayfa-bas-etiket::before{content:"";width:26px;height:2px;background:currentColor}
.el-sayfa-bas .el-kirinti span[aria-current]{color:var(--elBeyaz)}

.el-logo-isaret{text-transform:uppercase}
.el-logo-yazi b{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.el-duyuru-linkler .cms-mobil-dil{display:flex;gap:10px}
.el-duyuru-linkler .cms-mobil-dil a{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700}
.el-duyuru-linkler .cms-mobil-dil a.aktif{color:var(--elTuruncu)}
.el-duyuru-linkler .cms-mobil-dil img{width:16px;height:auto}
.el-mobil-dip .cms-mobil-dil{display:flex;gap:10px;margin-top:14px}
.el-mobil-dip .cms-mobil-dil a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;box-shadow:inset 0 0 0 1px var(--elCizgiKoyu);font-size:12px;font-weight:700;color:var(--elBeyaz)}
.el-mobil-dip .cms-mobil-dil a.aktif{background:var(--elTuruncu);box-shadow:none}
.el-mobil-dip .cms-mobil-dil img{width:16px;height:auto}

.el-mega-vitrin-kap{position:relative;overflow:hidden;background:var(--elKoyu)}
.el-mega-vitrin-kap .el-mega-vitrin{position:absolute;inset:0}
.el-cms{display:block}

@media (max-width:760px){
    #whatsapp{bottom:150px;left:0;transform:scale(.8);transform-origin:left bottom}
    body[data-sayfa="urun"] #whatsapp{bottom:210px}
}

.el-cikis{display:block;width:100%;padding:8px 20px;text-align:left;font-size:14px;color:var(--elKirmizi)}
.el-cikis:hover{background:var(--elAcik)}

/*#endregion*/

/*#region TOASTR + SWEETALERT */

#toast-container > div{
    border-radius:0!important;
    opacity:1!important;
    background-image:none!important;
    padding:14px 18px 14px 20px!important;
    width:min(380px,92vw)!important;
    background-color:var(--elKoyu)!important;
    color:var(--elBeyaz)!important;
    box-shadow:inset 4px 0 0 var(--elYesil),0 20px 50px rgba(18,21,28,.35)!important;
    font-family:var(--elGovdeFont)!important;
    font-size:14px;
}
#toast-container > .toast-error{box-shadow:inset 4px 0 0 var(--elKirmizi),0 20px 50px rgba(18,21,28,.35)!important}
#toast-container > .toast-warning,#toast-container > .toast-info{box-shadow:inset 4px 0 0 var(--elTuruncu),0 20px 50px rgba(18,21,28,.35)!important}
.swal2-popup{border-radius:0!important;font-family:var(--elGovdeFont)!important}
.swal2-styled.swal2-confirm{border-radius:0!important;background:var(--elTuruncu)!important}

/*#endregion*/

/*#region FOOTER: CMS BILESENLERININ CIKTISI */

.el-footer-liste .footerList{display:block;margin-bottom:9px;font-size:14.5px;color:rgba(255,255,255,.58)}
.el-footer-liste .footerList:hover{color:var(--elTuruncu)}
.el-footer .cms-footer-baslik{font-family:var(--elBaslikFont);font-size:22px;font-weight:600;text-transform:uppercase;color:var(--elBeyaz);margin-bottom:18px;padding-top:3px}
.el-footer .cms-footer-iletisim li{display:flex;gap:12px;margin-bottom:10px;line-height:1.5}
.el-footer .cms-footer-iletisim svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;fill:none;stroke:var(--elTuruncu);stroke-width:1.8}
.el-footer .cms-footer-iletisim a:hover{color:var(--elTuruncu)}
.el-sosyal a .socialIconFooter{display:flex;align-items:center;justify-content:center}
.el-sosyal a img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
.el-sosyal a:hover img{opacity:1}

/*#endregion*/

/*#region MINI SEPET (sunucudan) */

.el-mini-uyari{display:block;margin-top:4px;color:var(--elKirmizi);font-size:12.5px;font-weight:600}
.el-mini-yukleniyor{padding:50px 0;text-align:center;color:var(--elGri)}
.el-mini-sil{cursor:pointer}

/*#endregion*/

/*#region URUN KARTI EKLERI */

.el-urun-gorsel img[src$=".svg"]{object-fit:contain;padding:18%}
.el-urun-teslim.az{color:#c26b00}
.el-fiyat-sor{font-size:14px;font-weight:600;color:var(--elMetinSoluk)}
.el-kaydirak > .el-urun{min-width:0}

/*#endregion*/

/*#region ANASAYFA EKLERI */

.el-vitrin--tek .el-kap{grid-template-columns:1fr}
.el-firsat-bas small{font-family:var(--elGovdeFont);font-size:12px;letter-spacing:1px;color:rgba(255,255,255,.55);margin-left:6px}
.el-firsat-govde .el-urun-marka{margin-bottom:-2px}
.el-firsat-stok{color:#c26b00}
.el-firsat-stok i b{background:#c26b00}
.el-hero-gorsel img[src$=".svg"]{object-fit:contain;background:var(--elKoyu2)}
.el-bant-urunler img[src$=".svg"],.el-mini-promo img[src$=".svg"]{object-fit:contain;background:var(--elBeyaz)}
.el-markalar a img{max-width:70%;max-height:46px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:opacity var(--elGecis),filter var(--elGecis)}
.el-markalar a:hover img{filter:none;opacity:1}
.el-kat-seritler a small{display:block;font-size:11.5px;font-weight:500;color:var(--elGri)}

/*#endregion*/

/*#region KATEGORI SAYFASI EKLERI */

.el-alt-kategoriler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.el-alt-kategoriler a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;box-shadow:inset 0 0 0 1px var(--elCizgi);font-size:13.5px;font-weight:600}
.el-alt-kategoriler a span{color:var(--elGri);font-weight:500}
.el-alt-kategoriler a:hover{box-shadow:inset 0 0 0 1px var(--elKoyu2),inset 0 -3px 0 var(--elTuruncu)}
.el-sayfalama a,.el-sayfalama span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;font-weight:700;box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-sayfalama a:hover{color:var(--elTuruncu)}
.el-sayfalama .aktif{background:var(--elKoyu2);color:var(--elBeyaz);box-shadow:inset 3px 0 0 var(--elTuruncu)}
.el-sayfalama .el-sayfalama-bosluk{box-shadow:none;min-width:20px}
.el-filtre-marka .el-secim small{color:var(--elGri)}
.el-filtre-uygula{margin-top:14px}
.el-katsayfa-bos{grid-column:1/-1;padding:60px 20px;text-align:center;box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-katsayfa-bos p{margin-bottom:18px!important;color:var(--elMetinSoluk)}
.el-kat-aciklama{margin-top:40px;padding-top:30px;border-top:1px solid var(--elCizgi)}

/*#endregion*/

/*#region URUN DETAYI EKLERI */

.el-satin-spot{margin:0 0 4px!important;color:var(--elMetinSoluk);font-size:15px;line-height:1.6}
.el-secenekler label{position:relative;cursor:pointer}
.el-secenekler input{position:absolute;opacity:0;pointer-events:none}
.el-secenekler input:checked + .el-secenek{box-shadow:inset 0 0 0 2px var(--elTuruncu);color:var(--elTuruncuKoyu);font-weight:700}
.el-secenekler input:focus-visible + .el-secenek{outline:2px solid var(--elTuruncu);outline-offset:2px}
.el-secenekler input:disabled + .el-secenek{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.el-secenek{display:inline-flex;align-items:center;gap:8px}
.el-secenek small{color:var(--elGri);font-weight:500}
.el-satin-form{margin:0}
.el-tukendi-kutu{padding:16px 18px;margin-bottom:12px!important;background:#fdecea;color:#8f2219;font-weight:600;box-shadow:inset 4px 0 0 var(--elKirmizi)}
.el-satin-fiyat-yok{margin:22px 0!important;font-size:15px;color:var(--elMetinSoluk)}
.el-ek-videolar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px}
.el-ek-videolar iframe,.el-ek-videolar video{width:100%;aspect-ratio:16/9;border:0;background:#000}
.el-ek-yazilar{display:grid;gap:22px}
.el-ek-yazilar h3{font-size:24px;margin-bottom:8px}
.el-galeri-ana a{display:block;height:100%}
.el-galeri--tek{grid-template-columns:1fr}
.el-galeri--tek .el-galeri-kucukler{display:none}

/*#endregion*/

/*#region SAYFA SARMALAYICI: CMS / TICARET EKRANLARI */

.cms-tic{
    --ticR:0px;
    --ticCizgi:var(--elCizgi);
    --ticSolgun:var(--elMetinSoluk);
    --ticIyi:var(--elYesil);
    --ticIyiSoft:var(--elYesilSis);
    --ticBilgi:var(--elKoyu2);
    --ticBilgiSoft:var(--elAcik);
    --cmsAna:var(--elTuruncu);
    --cmsAnaSoft:var(--elTuruncuSis);
    --cmsKoyu:var(--elKoyu2);
    max-width:var(--elKapGenislik);
    padding:40px var(--elKenar) 70px;
    font-family:var(--elGovdeFont);
    color:var(--elMetin);
}
.cms-tic h2,.cms-tic h3{font-family:var(--elBaslikFont);text-transform:uppercase;font-weight:600;color:var(--elKoyu2);line-height:1}
.cms-tic-kart{border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--elCizgi);padding:26px}
.cms-tic-kart h2{font-size:28px;margin:0 0 18px;padding-top:3px}
.cms-tic-kart-ust h2{margin:0}
.cms-tic-bos{border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--elCizgi)}

.cms-tic-adimlar{justify-content:center;padding:16px 0 26px;margin:0}
.cms-tic-adimlar li{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--elGri)}
.cms-tic-adimlar li span{border-radius:0;width:30px;height:30px;background:transparent;box-shadow:inset 0 0 0 1px var(--elCizgi);font-family:var(--elBaslikFont);font-size:19px;padding-top:3px}
.cms-tic-adimlar li.aktif{color:var(--elKoyu2)}
.cms-tic-adimlar li.aktif span{background:var(--elTuruncu);box-shadow:none}
.cms-tic-adimlar li.tamam{color:var(--elYesil)}
.cms-tic-adimlar li.tamam span{background:var(--elYesil);box-shadow:none}
.cms-tic-adimlar li + li::before{width:60px;background:var(--elCizgi);margin:0 10px 0 6px}

.cms-btn-dolu,.cms-tic .cms-btn-dolu{
    position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
    height:auto;min-height:50px;padding:0 30px;border:0;border-radius:0;
    background:var(--elTuruncu);color:var(--elBeyaz);box-shadow:none;
    font-family:var(--elGovdeFont);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;line-height:1;
    overflow:hidden;z-index:0;cursor:pointer;transition:color var(--elGecis);
}
.cms-btn-dolu::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)}
.cms-btn-dolu:hover{color:var(--elKoyu2);transform:none;box-shadow:none}
.cms-btn-dolu:hover::before{width:100%;background:var(--elBeyaz)}
.cms-tic .cms-btn-dolu[disabled]{opacity:.45}
.cms-tic-btn-ikincil{border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--elCizgi);height:50px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.cms-tic-btn-ikincil:hover{box-shadow:inset 0 0 0 1px var(--elKoyu2)}
.cms-tic-not a,.cms-tic-baglanti{color:var(--elTuruncuKoyu)}

.cms-tic .cms-form-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.cms-tic .cms-form-alan--tam{grid-column:1/-1}
.cms-tic .cms-form-alan label{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--elMetinSoluk)}
.cms-tic .cms-form-alan label small{text-transform:none;letter-spacing:0}
.cms-tic .cms-form-alan input,.cms-tic .cms-form-alan select,.cms-tic .cms-form-alan textarea{
    height:50px;padding:0 16px;border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--elCizgi);font-size:15px;transition:box-shadow var(--elGecis)
}
.cms-tic .cms-form-alan textarea{height:96px;padding:12px 16px}
.cms-tic .cms-form-alan input:focus,.cms-tic .cms-form-alan select:focus,.cms-tic .cms-form-alan textarea:focus{box-shadow:inset 0 0 0 2px var(--elKoyu2);outline:none}
.cms-form-hata{border-radius:0;background:#fdecea;color:#8f2219;box-shadow:inset 4px 0 0 var(--elKirmizi);padding:14px 18px}

.cms-onay input,.cms-yontem input{accent-color:var(--elTuruncu)}
.cms-sekmeli{border-radius:0;border:0;box-shadow:inset 0 0 0 1px var(--elCizgi);padding:0;gap:0}
.cms-sekmeli label{border-radius:0;padding:10px 18px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}
.cms-sekmeli label:has(input:checked){background:var(--elKoyu2);box-shadow:inset 3px 0 0 var(--elTuruncu)}

.cms-yontem{border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--elCizgi);padding:16px 18px}
.cms-yontem:has(input:checked){background:var(--elBeyaz);box-shadow:inset 0 0 0 2px var(--elKoyu2),inset 0 -4px 0 var(--elTuruncu)}
.cms-yontem b{font-size:15px}

.cms-ozet{top:160px;background:var(--elAcik);box-shadow:inset 0 3px 0 var(--elTuruncu)}
.cms-ozet h2{font-size:30px}
.cms-ozet dl > div{padding:4px 0;font-size:14.5px}
.cms-ozet-toplam{border-top:1px solid var(--elCizgi)}
.cms-ozet-toplam dd{font-family:var(--elBaslikFont);font-size:36px;font-weight:600;line-height:1;color:var(--elKoyu2)}
.cms-ozet-bilgi{border-radius:0;background:var(--elBeyaz);color:var(--elMetin);box-shadow:inset 0 0 0 1px var(--elCizgi)}
.cms-ozet-bilgi--uyari{background:#fff4e0;color:#9a5b00;box-shadow:inset 4px 0 0 var(--elTuruncu)}
.cms-ozet-cubuk{border-radius:0;background:var(--elCizgi);height:4px}
.cms-ozet-cubuk span{background:var(--elTuruncu)}
.cms-ozet .cms-btn-dolu{width:100%}

.cms-sonuc-ikon{border-radius:0;background:var(--elYesil);color:var(--elBeyaz);width:60px;height:60px}
.cms-sonuc--hata .cms-sonuc-ikon{background:var(--elKirmizi);color:var(--elBeyaz)}
.cms-sonuc h2{font-size:34px;margin:0}
.cms-havale{border:0;border-radius:0;background:var(--elTuruncuSis);box-shadow:inset 4px 0 0 var(--elTuruncu)}
.cms-siparis-no{font-family:var(--elGovdeFont);font-weight:700;letter-spacing:.06em}
.cms-durum{border-radius:0;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:5px 10px 4px}
.cms-durum::before{border-radius:0}
.cms-akis li::before{border-radius:0}
.cms-akis li:last-child::before{background:var(--elTuruncu);box-shadow:0 0 0 4px var(--elTuruncuSis)}
.cms-adresler h3{font-family:var(--elGovdeFont);font-size:11px;font-weight:700;letter-spacing:1.4px}

.cms-hesap{grid-template-columns:250px minmax(0,1fr);gap:34px}
.cms-hesap-menu{padding:0;border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--elCizgi);position:sticky;top:160px}
.cms-hesap-menu a{border-radius:0;padding:15px 18px;font-size:14.5px;font-weight:500;border-left:3px solid transparent}
.cms-hesap-menu a + a{box-shadow:inset 0 1px 0 var(--elCizgi)}
.cms-hesap-menu a:hover{background:var(--elAcik)}
.cms-hesap-menu a[aria-current="page"]{background:var(--elAcik);color:var(--elKoyu2);border-left-color:var(--elTuruncu)}
.cms-siparis-kart{border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--elCizgi);padding:18px 20px}
.cms-siparis-kart:hover{box-shadow:inset 0 0 0 1px var(--elKoyu2)}
.cms-siparis-kart strong{font-family:var(--elBaslikFont);font-size:24px;font-weight:600}
.cms-kucukler img{border-radius:0;width:46px;height:46px}
.cms-uye-ikili{gap:30px}
.cms-uye-artilar li::before{color:var(--elTuruncu)}

@media (max-width:900px){
    .cms-hesap-menu{position:static}
    .cms-ozet{position:static}
}
@media (max-width:560px){
    .cms-tic{padding:24px 14px 50px}
    .cms-tic .cms-form-izgara{grid-template-columns:1fr}
    .cms-tic-adimlar li{font-size:11px;letter-spacing:.5px}
    .cms-tic-adimlar li + li::before{width:16px}
    .cms-tic-kart{padding:20px 16px}
}

/*#endregion*/