/* ============================================================
   ELITE ETIC - Sayfa bilesenleri
   Anasayfa vitrini, kategori, urun detayi, sepet, odeme, hesap.
   ============================================================ */

/*#region ORTAK PARCALAR */

.el-logo-alan{display:flex;align-items:center;gap:6px}
.el-bas-kucuk{font-size:clamp(30px,2.6vw,38px)!important}
.el-bolum--ustsuz{padding-top:0}
.el-kap.el-bolum--sik{padding:44px var(--elKenar)}
.el-alt-baslik{font-size:28px;margin-bottom:18px;padding-top:3px}
.el-not{font-size:13px;color:var(--elMetinSoluk);margin-top:12px}
.el-yesil{color:var(--elYesil);font-weight:600}
.el-metin-btn{font-size:13px;color:var(--elMetinSoluk);text-decoration:underline;text-underline-offset:3px}
.el-metin-btn:hover{color:var(--elTuruncuKoyu)}
.el-cekmece-govde--duz{padding:0}
.el-mobil-liste--ikincil{border-top:6px solid var(--elSiyah)}
.el-mobil-liste--ikincil a{font-size:14px;color:rgba(255,255,255,.75)}

.el-sekmeler{display:flex;gap:4px;flex-wrap:wrap}
.el-sekmeler button{
    height:42px;padding:0 18px;
    font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
    color:var(--elMetinSoluk);
    box-shadow:inset 0 0 0 1px var(--elCizgi);
    transition:background var(--elGecis),color var(--elGecis);
}
.el-sekmeler button:hover{color:var(--elKoyu2)}
.el-sekmeler button.aktif{background:var(--elKoyu2);color:var(--elBeyaz);box-shadow:inset 3px 0 0 var(--elTuruncu)}
.el-sekmeler--cizgi{gap:0;border-bottom:1px solid var(--elCizgi);margin-bottom:30px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.el-sekmeler--cizgi button{box-shadow:none;height:56px;padding:0 24px;white-space:nowrap;position:relative}
.el-sekmeler--cizgi button.aktif{background:none;color:var(--elKoyu2);box-shadow:none}
.el-sekmeler--cizgi button.aktif::after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:3px;background:var(--elTuruncu)}
.el-sekmeler--tam{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px}
.el-sekmeler--tam button{height:52px}

.el-sayac{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;font-weight:700}
.el-sayac b{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;background:var(--elKoyu2);color:var(--elBeyaz);font-size:14px}
.el-sayac--buyuk{gap:5px;margin-top:14px;color:var(--elBeyaz)}
.el-sayac--buyuk small{font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-right:8px}
.el-sayac--buyuk b{min-width:46px;height:42px;font-family:var(--elBaslikFont);font-size:28px;font-weight:600;padding-top:4px;background:var(--elTuruncu)}

.el-uyari{padding:14px 18px;background:#fdecea;color:#8f2219;box-shadow:inset 4px 0 0 var(--elKirmizi);font-size:14px;margin-bottom:20px}
.el-uyari--bilgi{background:var(--elTuruncuSis);color:var(--elKoyu2);box-shadow:inset 4px 0 0 var(--elTuruncu)}
.el-uyari a{text-decoration:underline}

.el-icerik{font-size:15.5px;line-height:1.75;max-width:880px}
.el-icerik p{margin-bottom:14px}
.el-icerik a{color:var(--elTuruncuKoyu);text-decoration:underline}
.el-madde li{position:relative;padding-left:22px;margin-bottom:6px}
.el-madde li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--elTuruncu)}

.el-tablo{width:100%;border-collapse:collapse;font-size:14.5px}
.el-tablo th,.el-tablo td{padding:12px 16px;border-bottom:1px solid var(--elCizgi);text-align:left}
.el-tablo thead th{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--elGri);background:var(--elAcik)}
.el-tablo td{font-variant-numeric:tabular-nums}
.el-tablo--ozellik{max-width:760px}
.el-tablo--ozellik th{width:220px;font-weight:600;color:var(--elMetinSoluk);background:var(--elAcik)}
.el-tablo-kap{overflow-x:auto;max-width:760px}

/* sayfa basligi + kirinti */
.el-sayfa-bas{background:var(--elKoyu);color:var(--elBeyaz);padding:26px 0 30px;box-shadow:inset 0 -1px 0 var(--elCizgiKoyu)}
.el-sayfa-bas-satir{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.el-sayfa-bas h1{color:var(--elBeyaz);font-size:clamp(36px,4vw,54px);padding-top:4px}
.el-sayfa-bas-adet{font-size:14px;color:rgba(255,255,255,.55)}
.el-kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:10px}
.el-kirinti a:hover{color:var(--elTuruncu)}
.el-kirinti > * + *::before{content:"/";margin:0 8px;color:var(--elTuruncu)}
.el-kirinti span{color:rgba(255,255,255,.85)}
.el-kirinti--acik{color:var(--elGri);padding:20px 0 0;margin-bottom:20px}
.el-kirinti--acik span{color:var(--elKoyu2)}

/* adet secici */
.el-adet{display:inline-flex;height:50px;box-shadow:inset 0 0 0 1px var(--elCizgi);flex-shrink:0}
.el-adet button{width:42px;font-size:20px;color:var(--elKoyu2)}
.el-adet button:hover{color:var(--elTuruncu)}
.el-adet input{width:44px;border:0;text-align:center;font-weight:700;font-size:16px;-moz-appearance:textfield;background:transparent}
.el-adet input::-webkit-inner-spin-button,.el-adet input::-webkit-outer-spin-button{-webkit-appearance:none}

/* form */
.el-form-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.el-alan--tam{grid-column:1/-1}
.el-alan label{display:block;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--elMetinSoluk);margin-bottom:6px}
.el-alan input:not([type=checkbox]):not([type=radio]),.el-alan select,.el-alan textarea{
    width:100%;height:50px;padding:0 16px;
    border:0;box-shadow:inset 0 0 0 1px var(--elCizgi);
    background:var(--elBeyaz);
    font-size:15px;
    transition:box-shadow var(--elGecis);
}
.el-alan textarea{height:auto;padding:12px 16px;resize:vertical}
.el-alan input:focus,.el-alan select:focus,.el-alan textarea:focus{box-shadow:inset 0 0 0 2px var(--elKoyu2)}
.el-alan small{display:block;font-size:12.5px;color:var(--elGri);margin-top:5px}
.el-alan.hatali input,.el-alan.hatali select,.el-alan.hatali textarea{box-shadow:inset 0 0 0 2px var(--elKirmizi)}
.el-alan.hatali > span,.el-secim.hatali > span{color:var(--elKirmizi)}

.el-secim{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:14.5px;cursor:pointer;line-height:1.45}
.el-secim input{appearance:none;flex-shrink:0;width:18px;height:18px;margin-top:2px;box-shadow:inset 0 0 0 1.5px var(--elGri);background:var(--elBeyaz);cursor:pointer;display:grid;place-content:center}
.el-secim input:checked{background:var(--elTuruncu);box-shadow:none}
.el-secim input[type=checkbox]:checked::before{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.el-secim input[type=radio]{border-radius:50%}
.el-secim input[type=radio]:checked{box-shadow:inset 0 0 0 5px var(--elTuruncu);background:var(--elBeyaz)}
.el-secim > span{flex:1}
.el-secim small{color:var(--elGri);font-size:12.5px}
.el-secim a{text-decoration:underline}
.el-secim .el-yildizlar{font-size:13px}

.el-kart-blok{border:0;padding:28px;background:var(--elBeyaz);box-shadow:inset 0 0 0 1px var(--elCizgi);margin-bottom:20px;min-width:0}
.el-kart-blok legend{float:left;width:100%;display:flex;align-items:center;gap:14px;font-family:var(--elBaslikFont);font-size:28px;font-weight:600;text-transform:uppercase;color:var(--elKoyu2);margin-bottom:22px;padding-top:3px}
.el-kart-blok legend + *{clear:both}
.el-kart-blok legend span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--elKoyu2);color:var(--elBeyaz);font-size:20px;padding-top:3px}

/* durum rozetleri */
.el-durum{display:inline-flex;align-items:center;padding:4px 10px 3px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;background:var(--elAcik);color:var(--elMetinSoluk)}
.el-durum--bekliyor{background:#fff4e0;color:#9a5b00}
.el-durum--hazirlaniyor{background:var(--elTuruncuSis);color:var(--elTuruncuKoyu)}
.el-durum--kargoda{background:#e7f0fd;color:#1f5fbf}
.el-durum--teslim{background:var(--elYesilSis);color:var(--elYesil)}

/*#endregion*/

/*#region ANASAYFA: VITRIN */

.el-vitrin{background:var(--elAcik);padding:22px 0}
.el-vitrin .el-kap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}

.el-hero{position:relative;min-height:440px;background:var(--elKoyu);color:var(--elBeyaz);overflow:hidden}
.el-hero-slayt{
    position:absolute;inset:0;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;
    padding:40px 50px 60px;
    opacity:0;visibility:hidden;
    transition:opacity .7s var(--elYumusak),visibility .7s;
}
.el-hero-slayt.aktif{opacity:1;visibility:visible}
.el-hero-slayt::before{content:"";position:absolute;right:-80px;top:-80px;width:420px;height:420px;border:1px solid var(--elCizgiKoyu);pointer-events:none}
.el-hero-metin{position:relative;z-index:1}
.el-hero h1,.el-hero h2{color:var(--elBeyaz);font-size:clamp(40px,4.2vw,64px);line-height:.92;margin-bottom:16px;padding-top:4px}
.el-hero p{color:rgba(255,255,255,.65);max-width:420px;margin-bottom:22px}
.el-hero-fiyat{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:26px}
.el-hero-fiyat s{color:rgba(255,255,255,.45);font-size:16px}
.el-hero-fiyat b{font-family:var(--elBaslikFont);font-size:46px;font-weight:600;line-height:1;padding-top:5px;color:var(--elTuruncu)}
.el-hero-dugmeler{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.el-hero .el-link{color:var(--elBeyaz)}
.el-hero-gorsel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:0}
.el-hero-gorsel img{width:min(100%,380px);height:auto;aspect-ratio:1/1;object-fit:cover;box-shadow:0 30px 60px rgba(0,0,0,.4);transform:translateX(30px);transition:transform 1s var(--elYumusak)}
.el-hero-slayt.aktif .el-hero-gorsel img{transform:none}
.el-hero-noktalar{position:absolute;left:50px;bottom:24px;display:flex;gap:6px;z-index:2}
.el-hero-noktalar button{width:28px;height:4px;background:rgba(255,255,255,.25);transition:width .45s var(--elYumusak),background var(--elGecis)}
.el-hero-noktalar button.aktif{width:50px;background:var(--elTuruncu)}

.el-vitrin-yan{display:grid;grid-template-rows:1fr auto;gap:18px}
.el-firsat{display:flex;flex-direction:column;background:var(--elBeyaz);box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-firsat header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--elKoyu);color:var(--elBeyaz)}
.el-firsat-bas{font-family:var(--elBaslikFont);font-size:22px;font-weight:600;text-transform:uppercase;padding-top:3px;color:var(--elTuruncu)}
.el-firsat .el-sayac b{background:var(--elKoyu2)}
.el-firsat-gorsel{position:relative;display:block;margin:14px 14px 0;aspect-ratio:2/1;overflow:hidden;background:var(--elAcik)}
.el-firsat-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--elYumusak)}
.el-firsat:hover .el-firsat-gorsel img{transform:scale(1.05)}
.el-firsat-gorsel .el-etiket{position:absolute;left:10px;top:10px}
.el-firsat-govde{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.el-firsat-govde h2{font-family:var(--elGovdeFont);font-size:15px;font-weight:500;text-transform:none;line-height:1.35;color:var(--elMetin)}
.el-firsat-govde h2 a:hover{color:var(--elTuruncuKoyu)}
.el-firsat-govde .el-fiyat{padding-top:0;margin-top:0}
.el-firsat-stok{font-size:12.5px;color:var(--elKirmizi);font-weight:600}
.el-firsat-stok i{display:block;height:4px;background:var(--elCizgi);margin-top:5px}
.el-firsat-stok i b{display:block;height:100%;background:var(--elKirmizi)}
.el-firsat .el-btn{margin-top:auto}

.el-mini-promo{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;padding:12px;background:var(--elKoyu2);color:var(--elBeyaz);box-shadow:inset 3px 0 0 var(--elTuruncu)}
.el-mini-promo img{width:84px;height:84px;object-fit:cover}
.el-mini-promo small{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.el-mini-promo b{display:block;font-weight:500;font-size:14.5px;line-height:1.3}
.el-mini-promo em{display:block;font-style:normal;font-family:var(--elBaslikFont);font-size:26px;font-weight:600;color:var(--elTuruncu);padding-top:4px;line-height:1}
.el-mini-promo:hover b{color:var(--elTuruncu)}

/*#endregion*/

/*#region ANASAYFA: GUVENCE + KATEGORI + BANT + MARKA */

.el-guvence{border-bottom:1px solid var(--elCizgi)}
.el-guvence .el-kap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.el-guvence .el-kap > div{display:flex;align-items:center;gap:14px;padding:20px 18px;font-size:13px;color:var(--elMetinSoluk);line-height:1.3}
.el-guvence .el-kap > div + div{box-shadow:inset 1px 0 0 var(--elCizgi)}
.el-guvence .el-ikon{width:30px;height:30px;color:var(--elTuruncu);flex-shrink:0}
.el-guvence b{display:block;font-size:14.5px;color:var(--elKoyu2)}

.el-kat-seritler{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.el-kat-seritler a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px 12px;text-align:center;box-shadow:inset 0 0 0 1px var(--elCizgi);font-size:13.5px;font-weight:600;line-height:1.25;transition:box-shadow var(--elGecis)}
.el-kat-seritler img{width:84px;height:84px;object-fit:cover;transition:transform .6s var(--elYumusak)}
.el-kat-seritler a:hover{box-shadow:inset 0 0 0 1px var(--elKoyu2),inset 0 -3px 0 var(--elTuruncu)}
.el-kat-seritler a:hover img{transform:scale(1.08)}

.el-flas-bas{display:flex;flex-direction:column}

.el-bantlar{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.el-bant{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:26px 28px;background:var(--elAcik);overflow:hidden;box-shadow:inset 3px 0 0 var(--elTuruncu)}
.el-bant b{display:block;font-family:var(--elBaslikFont);font-size:32px;font-weight:600;line-height:.95;text-transform:uppercase;color:var(--elKoyu2);margin-bottom:14px;padding-top:3px}
.el-bant-urunler{display:flex;gap:8px}
.el-bant-urunler img{width:92px;height:92px;object-fit:cover;background:var(--elBeyaz);box-shadow:0 10px 24px rgba(18,21,28,.12);transition:transform .6s var(--elYumusak)}
.el-bant-urunler img:nth-child(2){transform:translateY(-10px)}
.el-bant:hover .el-bant-urunler img{transform:translateY(-6px)}
.el-bant:hover .el-bant-urunler img:nth-child(2){transform:translateY(-16px)}
.el-bant--koyu{background:var(--elKoyu)}
.el-bant--koyu b,.el-bant--koyu .el-link{color:var(--elBeyaz)}

.el-markalar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));box-shadow:inset 1px 1px 0 var(--elCizgi)}
.el-markalar a{display:flex;align-items:center;justify-content:center;height:84px;box-shadow:inset -1px -1px 0 var(--elCizgi);font-family:var(--elBaslikFont);font-size:28px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--elGri);padding-top:4px;transition:color var(--elGecis),background var(--elGecis)}
.el-markalar a:hover{color:var(--elKoyu2);background:var(--elAcik)}

/*#endregion*/

/*#region KATEGORI SAYFASI */

.el-katsayfa{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;padding-top:30px;padding-bottom:60px}
.el-filtre-mobil-bas,.el-filtre-mobil-dip,.el-filtre-ac{display:none!important}
.el-filtre-grup{border-bottom:1px solid var(--elCizgi);padding:4px 0 16px;margin-bottom:12px}
.el-filtre-grup summary{display:flex;justify-content:space-between;align-items:center;padding:10px 0;cursor:pointer;list-style:none;font-family:var(--elBaslikFont);font-size:22px;font-weight:600;text-transform:uppercase;color:var(--elKoyu2);padding-top:12px}
.el-filtre-grup summary::-webkit-details-marker{display:none}
.el-filtre-grup summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--elGri);border-bottom:2px solid var(--elGri);transform:rotate(45deg);margin-top:-6px;transition:transform var(--elGecis)}
.el-filtre-grup[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.el-filtre-kat a{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14.5px}
.el-filtre-kat a span{color:var(--elGri);font-size:12.5px}
.el-filtre-kat a:hover,.el-filtre-kat a.aktif{color:var(--elTuruncuKoyu)}
.el-filtre-kat a.aktif{font-weight:700}
.el-filtre-kat ul{padding-left:14px;margin:2px 0 6px;box-shadow:inset 2px 0 0 var(--elTuruncu)}
.el-filtre-kat ul a{font-size:13.5px}
.el-fiyat-form{display:grid;grid-template-columns:1fr auto 1fr 42px;align-items:center;gap:6px}
.el-fiyat-form input{width:100%;height:42px;border:0;box-shadow:inset 0 0 0 1px var(--elCizgi);padding:0 10px;font-size:14px;-moz-appearance:textfield}
.el-fiyat-form input::-webkit-inner-spin-button{-webkit-appearance:none}
.el-fiyat-form button{height:42px;background:var(--elKoyu2);color:var(--elBeyaz);display:flex;align-items:center;justify-content:center}
.el-fiyat-form button:hover{background:var(--elTuruncu)}
.el-filtre-marka{max-height:260px;overflow:auto}
.el-filtre-marka small{color:var(--elGri)}

.el-arac-cubugu{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--elCizgi)}
.el-cipler{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.el-cip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 12px;background:var(--elKoyu2);color:var(--elBeyaz);font-size:13px}
.el-cip i{position:relative;width:12px;height:12px}
.el-cip i::before,.el-cip i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transform:rotate(45deg)}
.el-cip i::after{transform:rotate(-45deg)}
.el-cip:hover{background:var(--elTuruncu)}
.el-cip-temizle{font-size:13px;color:var(--elMetinSoluk);text-decoration:underline;padding:0 6px}
.el-arac-sag{display:flex;align-items:center;gap:12px;margin-left:auto}
.el-sirala{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--elMetinSoluk)}
.el-sirala select{height:42px;border:0;box-shadow:inset 0 0 0 1px var(--elCizgi);padding:0 12px;font-size:14px;color:var(--elKoyu2);font-weight:600;background:var(--elBeyaz);cursor:pointer}
.el-gorunum{display:flex}
.el-gorunum button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--elGri);box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-gorunum button.aktif{background:var(--elKoyu2);color:var(--elBeyaz);box-shadow:none}

.el-sayfalama{display:flex;justify-content:center;gap:6px;margin-top:40px}
.el-sayfalama:empty{display:none}
.el-sayfalama button{min-width:44px;height:44px;font-weight:700;box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-sayfalama button:hover{color:var(--elTuruncu)}
.el-sayfalama button.aktif{background:var(--elKoyu2);color:var(--elBeyaz);box-shadow:inset 3px 0 0 var(--elTuruncu)}

/*#endregion*/

/*#region URUN DETAYI */

.el-detay{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:50px;padding-bottom:60px}

.el-galeri{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-self:start;position:sticky;top:160px}
.el-galeri-kucukler{display:flex;flex-direction:column;gap:10px}
.el-galeri-kucukler button{width:84px;height:84px;padding:0;box-shadow:inset 0 0 0 1px var(--elCizgi);opacity:.65;transition:opacity var(--elGecis),box-shadow var(--elGecis)}
.el-galeri-kucukler button img{width:100%;height:100%;object-fit:cover;padding:2px}
.el-galeri-kucukler button.aktif,.el-galeri-kucukler button:hover{opacity:1;box-shadow:inset 0 0 0 2px var(--elTuruncu)}
.el-galeri-ana-kap{position:relative}
.el-galeri-ana{aspect-ratio:1/1;overflow:hidden;background:var(--elAcik);cursor:zoom-in}
.el-galeri-ana img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}

.el-satin-marka{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--elTuruncuKoyu)}
.el-satin-marka:hover{text-decoration:underline}
.el-satin-ad{font-size:clamp(34px,3vw,46px);line-height:.95;margin:8px 0 14px;padding-top:4px}
.el-satin-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:13.5px;color:var(--elMetinSoluk);padding-bottom:18px;border-bottom:1px solid var(--elCizgi)}
.el-satin-meta .el-puan{font-size:13.5px}
.el-satin-meta .el-puan b{color:var(--elKoyu2)}
.el-satin-meta .el-puan a{text-decoration:underline}
.el-satin-meta .el-yildizlar{font-size:15px}
.el-satin-fiyat{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:22px 0 6px}
.el-satin-fiyat .el-fiyat-eski{font-size:16px}
.el-tasarruf{padding:3px 9px 2px;background:var(--elYesilSis);color:var(--elYesil);font-size:12.5px;font-weight:700}
.el-detay-fiyat{flex-basis:100%;font-family:var(--elBaslikFont);font-size:56px;font-weight:600;line-height:1;color:var(--elKoyu2);font-variant-numeric:tabular-nums;padding-top:4px}
.el-satin-taksit{font-size:14px;color:var(--elMetinSoluk);margin-bottom:22px}
.el-satin-taksit b{color:var(--elKoyu2)}

.el-satin-secenek{margin-bottom:20px}
.el-satin-secenek p{font-size:14px;margin-bottom:10px;color:var(--elMetinSoluk)}
.el-satin-secenek p b{color:var(--elKoyu2)}
.el-secenekler{display:flex;flex-wrap:wrap;gap:8px}
.el-secenek{height:42px;padding:0 18px;box-shadow:inset 0 0 0 1px var(--elCizgi);font-size:14px;font-weight:500}
.el-secenek:hover{box-shadow:inset 0 0 0 1px var(--elKoyu2)}
.el-secenek.aktif{box-shadow:inset 0 0 0 2px var(--elTuruncu);color:var(--elTuruncuKoyu);font-weight:700}

.el-stok{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--elYesil);margin-bottom:16px}
.el-stok::before{content:"";width:8px;height:8px;background:currentColor}
.el-stok.az{color:#c26b00}
.el-stok.yok{color:var(--elKirmizi)}

.el-satin-dugmeler{display:flex;gap:10px;margin-bottom:10px}
.el-satin-ekle{flex:1}
.el-fav--satin{position:static;width:50px;height:50px;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-fav--satin.secili{box-shadow:none}

.el-satin-bilgi{margin-top:24px;box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-satin-bilgi li{display:flex;gap:14px;padding:14px 18px;font-size:14px}
.el-satin-bilgi li + li{box-shadow:inset 0 1px 0 var(--elCizgi)}
.el-satin-bilgi .el-ikon{width:24px;height:24px;color:var(--elTuruncu);flex-shrink:0}
.el-satin-bilgi small{display:block;color:var(--elGri);font-size:12.5px}
.el-satici{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 18px;background:var(--elAcik);font-size:14px}
.el-satici-puan{padding:3px 8px 2px;background:var(--elYesil);color:var(--elBeyaz);font-weight:700;font-size:13px}

.el-detay-sekmeler{padding-bottom:50px}
.el-sekme-panel{min-height:120px}
.el-yorum-ozet{display:grid;grid-template-columns:200px minmax(0,360px);gap:40px;align-items:center;padding:24px 28px;background:var(--elAcik);margin-bottom:24px;max-width:760px}
.el-yorum-puan{text-align:center}
.el-yorum-puan b{display:block;font-family:var(--elBaslikFont);font-size:72px;font-weight:600;line-height:.9;color:var(--elKoyu2);padding-top:6px}
.el-yorum-puan .el-yildizlar{font-size:18px;margin:6px 0}
.el-yorum-puan span{display:block;font-size:13px;color:var(--elMetinSoluk)}
.el-yorum-dagilim li{display:grid;grid-template-columns:34px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13px;color:var(--elMetinSoluk);margin-bottom:6px}
.el-yorum-dagilim i{display:block;height:6px;background:var(--elCizgi)}
.el-yorum-dagilim i b{display:block;height:100%;background:var(--elYildiz)}
.el-yorumlar{max-width:760px}
.el-yorumlar li{padding:20px 0;border-bottom:1px solid var(--elCizgi)}
.el-yorumlar header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13.5px;margin-bottom:8px}
.el-yorumlar time{color:var(--elGri)}
.el-dogrulanmis{font-size:11.5px;font-weight:700;color:var(--elYesil);letter-spacing:.6px;text-transform:uppercase}

.el-mobil-satin{display:none}

/*#endregion*/

/*#region SEPET */

.el-adimlar-bant{background:var(--elAcik);border-bottom:1px solid var(--elCizgi)}
.el-adimlar{display:flex;justify-content:center;gap:0;padding:18px 0}
.el-adimlar li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--elGri)}
.el-adimlar li a{display:flex;align-items:center;gap:10px}
.el-adimlar li + li::before{content:"";width:70px;height:1px;background:var(--elCizgi);margin:0 16px}
.el-adimlar li span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--elCizgi);font-family:var(--elBaslikFont);font-size:19px;padding-top:3px}
.el-adimlar li.simdi{color:var(--elKoyu2)}
.el-adimlar li.simdi span{background:var(--elTuruncu);color:var(--elBeyaz);box-shadow:none}
.el-adimlar li.tamam{color:var(--elYesil)}
.el-adimlar li.tamam span{background:var(--elYesil);color:var(--elBeyaz);box-shadow:none}

.el-bos--sayfa{padding:80px 20px}
.el-bos--sayfa h1{font-size:44px;margin-bottom:12px;padding-top:4px}

.el-sepet{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:start;padding-bottom:40px}
.el-sepet-bas{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}
.el-sepet-bas h1{font-size:46px;padding-top:4px}
.el-sepet-bas h1 small{font-family:var(--elGovdeFont);font-size:15px;font-weight:500;color:var(--elGri);text-transform:none}
.el-sepet-satirlar{margin-top:14px;box-shadow:inset 0 1px 0 var(--elCizgi)}
.el-sepet-satir{display:grid;grid-template-columns:110px minmax(0,1fr) auto 150px;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--elCizgi)}
.el-sepet-resim img{width:110px;height:110px;object-fit:cover;background:var(--elAcik)}
.el-sepet-bilgi > a{display:block;font-size:15.5px;font-weight:500;line-height:1.35;margin:2px 0 4px}
.el-sepet-bilgi > a:hover{color:var(--elTuruncuKoyu)}
.el-sepet-bilgi small{display:block;font-size:13px;color:var(--elMetinSoluk)}
.el-sepet-bilgi .el-urun-teslim{margin-top:6px}
.el-sepet-araclar{display:flex;gap:16px;margin-top:8px}
.el-sepet-satir .el-adet{height:42px}
.el-sepet-satir .el-adet button{width:36px}
.el-sepet-satir .el-adet input{width:36px}
.el-sepet-tutar{text-align:right;font-variant-numeric:tabular-nums}
.el-sepet-tutar s{display:block;font-size:13px;color:var(--elGri)}
.el-sepet-tutar b{display:block;font-family:var(--elBaslikFont);font-size:28px;font-weight:600;line-height:1;padding-top:3px}
.el-sepet-tutar small{display:block;font-size:12px;color:var(--elGri)}

.el-ozet-kutu{padding:26px;background:var(--elAcik);box-shadow:inset 0 3px 0 var(--elTuruncu)}
.el-ozet-kutu--yapiskan{position:sticky;top:160px}
.el-ozet-kutu h2{font-size:30px;margin-bottom:18px;padding-top:4px}
.el-ozet{margin-bottom:18px}
.el-ozet > div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:14.5px}
.el-ozet dd{font-variant-numeric:tabular-nums;font-weight:600}
.el-ozet-indirim dd{color:var(--elYesil)}
.el-ozet-toplam{border-top:1px solid var(--elCizgi);margin-top:8px;padding-top:16px!important;align-items:baseline}
.el-ozet-toplam dt{font-weight:700}
.el-ozet-toplam dt small{display:block;font-weight:400;font-size:12px;color:var(--elGri)}
.el-ozet-toplam dd{font-family:var(--elBaslikFont);font-size:38px;line-height:1;color:var(--elKoyu2)}
.el-kupon{display:flex;height:46px;margin-bottom:6px;box-shadow:inset 0 0 0 1px var(--elCizgi);background:var(--elBeyaz)}
.el-kupon input{flex:1;min-width:0;border:0;padding:0 14px;text-transform:uppercase;background:transparent}
.el-kupon button{padding:0 18px;background:var(--elKoyu2);color:var(--elBeyaz);font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.el-kupon button:hover{background:var(--elTuruncu)}
.el-kupon-bilgi{font-size:13.5px;color:var(--elYesil);min-height:8px;margin-bottom:12px}
.el-ozet-not{display:flex;gap:10px;margin-top:14px;font-size:12.5px;color:var(--elMetinSoluk);line-height:1.5}
.el-ozet-not .el-ikon{width:18px;height:18px;flex-shrink:0;color:var(--elYesil)}

/*#endregion*/

/*#region ODEME */

.el-odeme{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:34px;align-items:start;padding-bottom:50px}
.el-misafir-not{padding:14px 18px;background:var(--elAcik);font-size:14px;margin-bottom:20px}
.el-misafir-not a{color:var(--elTuruncuKoyu);font-weight:700;text-decoration:underline}

.el-secenek-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.el-secenek-kart{position:relative;display:flex;gap:14px;padding:16px 18px;box-shadow:inset 0 0 0 1px var(--elCizgi);cursor:pointer}
.el-secenek-kart input{appearance:none;flex-shrink:0;width:18px;height:18px;margin-top:3px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--elGri)}
.el-secenek-kart input:checked{box-shadow:inset 0 0 0 5px var(--elTuruncu)}
.el-secenek-kart:has(input:checked){box-shadow:inset 0 0 0 2px var(--elKoyu2)}
.el-secenek-kart b{display:block;font-size:15px}
.el-secenek-kart small{color:var(--elMetinSoluk);font-size:13px}

.el-odeme-sekmeler{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
.el-odeme-sekmeler input{position:absolute;opacity:0;pointer-events:none}
.el-odeme-sekmeler span{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;text-align:center;font-size:13.5px;font-weight:600;box-shadow:inset 0 0 0 1px var(--elCizgi);cursor:pointer;transition:box-shadow var(--elGecis)}
.el-odeme-sekmeler .el-ikon{width:26px;height:26px;color:var(--elGri)}
.el-odeme-sekmeler input:checked + span{box-shadow:inset 0 0 0 2px var(--elKoyu2),inset 0 -4px 0 var(--elTuruncu)}
.el-odeme-sekmeler input:checked + span .el-ikon{color:var(--elTuruncu)}
.el-odeme-sekmeler input:focus-visible + span{outline:2px solid var(--elTuruncu);outline-offset:2px}

.el-kart-alan{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;margin-bottom:26px}
.el-kart-onizleme{position:relative;aspect-ratio:1.586/1;padding:22px;background:linear-gradient(135deg,var(--elKoyu2),var(--elSiyah));color:var(--elBeyaz);box-shadow:0 20px 40px rgba(18,21,28,.25);overflow:hidden}
.el-kart-onizleme::after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border:1px solid rgba(255,255,255,.12)}
.el-kart-cip{display:block;width:42px;height:32px;background:linear-gradient(135deg,#e6c27a,#b48a3c)}
.el-kart-tur{position:absolute;right:22px;top:22px;font-family:var(--elBaslikFont);font-size:22px;letter-spacing:1.5px;color:var(--elTuruncu)}
.el-kart-no{position:absolute;left:22px;right:22px;bottom:56px;font-size:19px;letter-spacing:2px;font-variant-numeric:tabular-nums}
.el-kart-ad{position:absolute;left:22px;bottom:22px;font-size:12px;letter-spacing:2px;color:rgba(255,255,255,.7)}

.el-taksitler{box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-taksit{display:grid;grid-template-columns:22px 1fr 1fr auto;align-items:center;gap:12px;padding:12px 16px;font-size:14px;cursor:pointer;font-variant-numeric:tabular-nums}
.el-taksit + .el-taksit{box-shadow:inset 0 1px 0 var(--elCizgi)}
.el-taksit input{appearance:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--elGri)}
.el-taksit input:checked{box-shadow:inset 0 0 0 5px var(--elTuruncu)}
.el-taksit:has(input:checked){background:var(--elTuruncuSis)}
.el-taksit span:nth-of-type(2){color:var(--elMetinSoluk)}

.el-banka{padding:20px;background:var(--elAcik);font-size:14.5px}
.el-banka p{margin-bottom:12px}
.el-banka dl{display:grid;grid-template-columns:90px 1fr;gap:6px 14px}
.el-banka dt{color:var(--elMetinSoluk)}
.el-banka dd{font-weight:600;font-variant-numeric:tabular-nums}

.el-odeme-urunler{margin-bottom:12px}
.el-odeme-urunler li{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--elCizgi);font-size:13.5px;line-height:1.35}
.el-odeme-urunler img{width:54px;height:54px;object-fit:cover;background:var(--elBeyaz)}
.el-odeme-urunler small{display:block;color:var(--elGri);font-size:12px}
.el-odeme-urunler b{font-variant-numeric:tabular-nums}
.el-sozlesme{font-size:13px;margin-bottom:12px}

/*#endregion*/

/*#region SIPARIS TAMAM / GIRIS / HESAP / TAKIP / 404 */

.el-tamam{max-width:1100px}
.el-tamam-bas{text-align:center;padding:20px 0 34px}
.el-tamam-ikon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;background:var(--elYesil);color:var(--elBeyaz);margin-bottom:18px}
.el-tamam-ikon .el-ikon{width:40px;height:40px;stroke-width:2.4}
.el-tamam-bas h1{font-size:clamp(40px,4vw,58px);margin-bottom:10px;padding-top:4px}
.el-tamam-bas p{font-size:16px;color:var(--elMetinSoluk)}
.el-tamam-bas p b{color:var(--elKoyu2)}
.el-tamam-izgara{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.el-tamam-adres{font-size:14px;color:var(--elMetinSoluk);margin-top:12px}
.el-surec{counter-reset:surec;margin-bottom:24px}
.el-surec li{position:relative;padding:0 0 18px 46px;font-size:14px;color:var(--elMetinSoluk);counter-increment:surec}
.el-surec li::before{content:counter(surec);position:absolute;left:0;top:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--elKoyu2);color:var(--elBeyaz);font-family:var(--elBaslikFont);font-size:19px;padding-top:3px}
.el-surec li:first-child::before{background:var(--elTuruncu)}
.el-surec b{display:block;color:var(--elKoyu2);font-size:15px}
.el-tamam-dugmeler{display:flex;gap:10px;flex-wrap:wrap}

.el-giris{display:grid;grid-template-columns:minmax(0,480px) minmax(0,400px);justify-content:center;gap:40px;align-items:start;padding-top:50px;padding-bottom:60px}
.el-giris-kutu{padding:34px;box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-giris-satir{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.el-giris-satir > a{color:var(--elTuruncuKoyu)}
.el-misafir{display:block;margin-top:22px;padding-top:18px;border-top:1px solid var(--elCizgi);text-align:center;font-size:14px;color:var(--elMetinSoluk)}
.el-misafir b{color:var(--elTuruncuKoyu)}
.el-giris-yan{padding:34px;background:var(--elKoyu);color:rgba(255,255,255,.75)}
.el-giris-yan h2{color:var(--elBeyaz);font-size:34px;margin-bottom:20px;padding-top:4px}
.el-giris-yan li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--elCizgiKoyu);font-size:14.5px}
.el-giris-yan .el-ikon{color:var(--elTuruncu);flex-shrink:0}
.el-giris-yan b{color:var(--elTuruncu)}

.el-hesap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start;padding-top:34px;padding-bottom:50px}
.el-hesap-nav{display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px var(--elCizgi);position:sticky;top:160px}
.el-hesap-nav a,.el-hesap-nav button{display:flex;align-items:center;gap:12px;padding:15px 18px;font-size:14.5px;font-weight:500;text-align:left;border-left:3px solid transparent}
.el-hesap-nav > * + *{box-shadow:inset 0 1px 0 var(--elCizgi)}
.el-hesap-nav .el-ikon{color:var(--elGri)}
.el-hesap-nav a:hover,.el-hesap-nav a.aktif{background:var(--elAcik);border-left-color:var(--elTuruncu)}
.el-hesap-nav a.aktif .el-ikon{color:var(--elTuruncu)}
.el-hesap-nav button{color:var(--elMetinSoluk)}

.el-siparisler{display:grid;gap:16px}
.el-siparis{box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-siparis header{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;padding:16px 20px;background:var(--elAcik)}
.el-siparis header small{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--elGri)}
.el-siparis header b{font-variant-numeric:tabular-nums}
.el-siparis header .el-durum{margin-left:auto}
.el-siparis-urunler{display:flex;gap:10px;padding:16px 20px;flex-wrap:wrap}
.el-siparis-urunler img{width:70px;height:70px;object-fit:cover;box-shadow:inset 0 0 0 1px var(--elCizgi)}
.el-siparis footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--elCizgi);font-size:13.5px;color:var(--elMetinSoluk)}

.el-adresler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.el-adres{margin:0;font-size:14.5px}
.el-adres header{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:16px}
.el-adres p{color:var(--elMetinSoluk);margin-bottom:6px}
.el-adres footer{display:flex;gap:16px;margin-top:12px}
.el-adres-ekle{min-height:160px;box-shadow:inset 0 0 0 1px var(--elCizgi);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px;color:var(--elMetinSoluk);background-image:linear-gradient(var(--elAcik),var(--elAcik))}
.el-adres-ekle:hover{color:var(--elTuruncuKoyu);box-shadow:inset 0 0 0 2px var(--elTuruncu)}

.el-takip{max-width:900px;padding-top:34px;padding-bottom:60px}
.el-takip-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.el-takip-form p{grid-column:1/-1;color:var(--elMetinSoluk);font-size:14.5px}
.el-takip-adimlar{display:grid;grid-template-columns:repeat(5,1fr);margin:10px 0 22px}
.el-takip-adimlar li{position:relative;padding-top:42px;font-size:13px;text-align:center;color:var(--elGri)}
.el-takip-adimlar li::before{content:"";position:absolute;left:50%;top:6px;width:22px;height:22px;transform:translateX(-50%);background:var(--elBeyaz);box-shadow:inset 0 0 0 2px var(--elCizgi);z-index:1}
.el-takip-adimlar li::after{content:"";position:absolute;left:-50%;right:50%;top:16px;height:2px;background:var(--elCizgi)}
.el-takip-adimlar li:first-child::after{display:none}
.el-takip-adimlar li.tamam::before{background:var(--elYesil);box-shadow:none}
.el-takip-adimlar li.tamam::after,.el-takip-adimlar li.simdi::after{background:var(--elYesil)}
.el-takip-adimlar li.simdi::before{background:var(--elTuruncu);box-shadow:0 0 0 6px var(--elTuruncuSis)}
.el-takip-adimlar b{display:block;color:var(--elKoyu2);font-size:13.5px}
.el-takip-adimlar li:not(.tamam):not(.simdi) b{color:var(--elGri)}

.el-yok{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:70px;padding-bottom:70px}
.el-yok-kod{font-family:var(--elBaslikFont);font-size:clamp(120px,16vw,200px);font-weight:600;line-height:.8;color:transparent;-webkit-text-stroke:2px var(--elKoyu2);padding-top:14px}
.el-yok h1{font-size:clamp(34px,3.6vw,48px);margin:18px 0 10px;padding-top:4px}
.el-yok p{color:var(--elMetinSoluk);max-width:520px;margin-bottom:26px}
.el-arama--sayfa{box-shadow:inset 0 0 0 1px var(--elCizgi);margin-bottom:22px;max-width:560px}

/*#endregion*/

/*#region DUYARLI */

@media (max-width:1280px){
    .el-vitrin .el-kap{grid-template-columns:minmax(0,1fr) 300px}
    .el-kat-seritler{grid-template-columns:repeat(4,minmax(0,1fr))}
    .el-kat-seritler a{flex-direction:row;text-align:left;padding:10px}
    .el-kat-seritler img{width:56px;height:56px}
    .el-detay{gap:34px}
    .el-kart-alan{grid-template-columns:1fr}
    .el-kart-onizleme{max-width:320px}
    .el-sepet-satir{grid-template-columns:90px minmax(0,1fr) auto;row-gap:12px}
    .el-sepet-resim img{width:90px;height:90px}
    .el-sepet-tutar{grid-column:2/-1;text-align:left;display:flex;align-items:baseline;gap:10px}
}

@media (max-width:1024px){
    .el-vitrin .el-kap{grid-template-columns:1fr}
    .el-vitrin-yan{grid-template-columns:1fr 1fr;grid-template-rows:none}
    .el-firsat{display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto 1fr}
    .el-firsat header{grid-column:1/-1}
    .el-firsat-gorsel{aspect-ratio:1/1;margin:14px 0 14px 14px}
    .el-guvence .el-kap{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-guvence .el-kap > div:nth-child(3){box-shadow:inset 0 1px 0 var(--elCizgi)}
    .el-guvence .el-kap > div:nth-child(4){box-shadow:inset 1px 1px 0 var(--elCizgi)}
    .el-bantlar{grid-template-columns:1fr}
    .el-markalar{grid-template-columns:repeat(4,minmax(0,1fr))}

    .el-katsayfa{grid-template-columns:1fr;padding-top:20px}
    .el-filtre-ac,.el-filtre-mobil-bas{display:flex!important}
    .el-filtre-mobil-dip{display:grid!important}
    .el-filtre{
        position:fixed;top:0;bottom:0;left:0;z-index:200;
        width:min(380px,92vw);
        display:flex;flex-direction:column;
        background:var(--elBeyaz);
        transform:translateX(-100%);
        transition:transform .5s var(--elYumusak);
    }
    .el-filtre.acik{transform:none}
    .el-filtre-govde{flex:1;overflow:auto;padding:4px 24px}

    .el-detay{grid-template-columns:1fr}
    .el-galeri{position:static}
    .el-sepet,.el-odeme{grid-template-columns:1fr}
    .el-ozet-kutu--yapiskan{position:static}
    .el-giris{grid-template-columns:minmax(0,520px)}
    .el-hesap{grid-template-columns:1fr}
    .el-hesap-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}
    .el-hesap-nav a,.el-hesap-nav button{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}
    .el-hesap-nav > * + *{box-shadow:inset 1px 0 0 var(--elCizgi)}
    .el-hesap-nav a.aktif{border-bottom-color:var(--elTuruncu)}
}

@media (max-width:760px){
    .el-vitrin{padding:12px 0}
    .el-vitrin .el-kap{padding:0 12px;gap:12px}
    .el-hero{min-height:0;height:auto}
    .el-hero-slayt{position:relative;display:none;grid-template-columns:120px minmax(0,1fr);align-items:start;padding:18px 16px 40px;gap:16px}
    .el-hero-slayt::before{display:none}
    .el-hero-slayt.aktif{display:grid}
    .el-hero-gorsel{order:-1}
    .el-hero-gorsel img{width:120px;transform:none}
    .el-hero .el-bas-ust{font-size:10px;margin-bottom:4px}
    .el-hero h1,.el-hero h2{font-size:26px;margin-bottom:8px}
    .el-hero p{display:none}
    .el-hero-fiyat{margin-bottom:12px;gap:4px 8px}
    .el-hero-fiyat s{font-size:13px}
    .el-hero-fiyat b{font-size:28px}
    .el-hero-fiyat .el-etiket{display:none}
    .el-hero-dugmeler{gap:16px}
    .el-hero-dugmeler .el-btn{min-height:40px;padding:0 16px;font-size:11px}
    .el-hero-noktalar{left:16px;bottom:16px}
    .el-vitrin-yan{grid-template-columns:1fr}

    .el-guvence .el-kap{grid-template-columns:1fr 1fr;padding:0}
    .el-guvence .el-kap > div{padding:14px 12px;gap:10px;font-size:12px}
    .el-guvence .el-ikon{width:24px;height:24px}
    .el-guvence b{font-size:13px}
    .el-kat-seritler{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
    .el-kat-seritler a{flex-direction:column;text-align:center;padding:8px 4px;font-size:11.5px;gap:6px}
    .el-kat-seritler img{width:100%;height:auto;aspect-ratio:1/1}
    .el-bant{grid-template-columns:1fr;padding:20px}
    .el-bant-urunler img{width:76px;height:76px}
    .el-markalar{grid-template-columns:repeat(3,minmax(0,1fr))}
    .el-markalar a{height:64px;font-size:22px}
    .el-sekmeler{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
    .el-sekmeler button{white-space:nowrap;flex-shrink:0}
    .el-kaydirak-oklar .el-ok{display:none}
    .el-sayac--buyuk b{min-width:38px;height:36px;font-size:23px}

    .el-arac-cubugu{gap:10px}
    .el-cipler{order:3;flex-basis:100%}
    .el-sirala span{display:none}
    .el-gorunum{display:none}

    .el-galeri{grid-template-columns:1fr}
    .el-galeri-kucukler{flex-direction:row;order:2}
    .el-galeri-kucukler button{width:64px;height:64px}
    .el-detay-fiyat{font-size:46px}
    .el-yorum-ozet{grid-template-columns:1fr;gap:18px;padding:20px}
    .el-tablo--ozellik th{width:auto}
    .el-mobil-satin{
        display:flex;align-items:center;justify-content:space-between;gap:14px;
        position:fixed;left:0;right:0;bottom:63px;z-index:140;
        padding:10px 14px;background:var(--elBeyaz);
        box-shadow:0 -10px 30px rgba(18,21,28,.12);
    }
    .el-mobil-satin small{display:block;font-size:11px;color:var(--elGri)}
    .el-mobil-satin b{font-family:var(--elBaslikFont);font-size:28px;font-weight:600;line-height:1}
    .el-mobil-satin .el-btn{min-height:46px;flex:1;max-width:220px}
    body[data-sayfa="urun"]{padding-bottom:132px}
    body[data-sayfa="urun"] .el-yukari{bottom:144px}

    .el-adimlar li{font-size:11px;letter-spacing:.6px;gap:6px}
    .el-adimlar li + li::before{width:18px;margin:0 8px}
    .el-sepet-bas h1{font-size:36px}
    .el-sepet-satir{grid-template-columns:76px minmax(0,1fr);gap:10px 14px}
    .el-sepet-resim img{width:76px;height:76px}
    .el-sepet-satir .el-adet{grid-column:2}
    .el-sepet-tutar{grid-column:2}

    .el-kart-blok{padding:20px 16px}
    .el-kart-blok legend{font-size:24px}
    .el-form-izgara,.el-secenek-kartlar{grid-template-columns:1fr}
    .el-odeme-sekmeler span{font-size:12px;padding:12px 6px}
    .el-taksit{grid-template-columns:22px 1fr auto;font-size:13px}
    .el-taksit span:nth-of-type(2){display:none}

    .el-tamam-izgara{grid-template-columns:1fr}
    .el-giris{padding-top:24px}
    .el-giris-kutu,.el-giris-yan{padding:22px 18px}
    .el-adresler{grid-template-columns:1fr}
    .el-siparis header{gap:10px 20px}
    .el-siparis header .el-durum{margin-left:0}
    .el-takip-form{grid-template-columns:1fr}
    .el-takip-adimlar{grid-template-columns:1fr;gap:0}
    .el-takip-adimlar li{padding:0 0 20px 40px;text-align:left}
    .el-takip-adimlar li::before{left:0;top:0;transform:none}
    .el-takip-adimlar li::after{left:10px;right:auto;top:-20px;width:2px;height:20px}
}

/*#endregion*/