/* Kategori agaci ve gelismis urun listeleme */
body.filtre-acik,body.modal-acik{overflow:hidden}
.kategori-ekmek-kirintisi{border-bottom:1px solid #e8edf4;background:#fff}.kategori-ekmek-kirintisi .container{display:flex;align-items:center;gap:8px;min-height:42px;overflow-x:auto;color:#8792a4;font-size:11px;white-space:nowrap}.kategori-ekmek-kirintisi a{color:#617089}.kategori-ekmek-kirintisi strong{color:#27364f}
.katalog-hero{position:relative;min-height:190px;padding:0;isolation:isolate;overflow:hidden}.kategori-banneri{position:absolute;inset:0;z-index:-2}.kategori-banneri img{width:100%;height:100%;object-fit:cover}.kategori-banneri:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,26,47,.9),rgba(14,26,47,.56) 55%,rgba(14,26,47,.12))}.katalog-hero-icerik{display:flex;align-items:center;gap:24px;min-height:190px;padding-top:35px;padding-bottom:35px}.kategori-banneri~.katalog-hero-icerik,.kategori-banneri~.katalog-hero-icerik h1{color:#fff}.katalog-hero-icerik>div{max-width:760px}.katalog-hero-icerik h1{margin:8px 0 9px}.katalog-hero-icerik p{max-width:680px;margin:0;color:#68758a;line-height:1.65}.kategori-banneri~.katalog-hero-icerik p{color:#e1e8f1}.katalog-ust-etiket{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--magaza-ana-renk) 12%,#fff);color:var(--magaza-ana-renk);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.kategori-banneri~.katalog-hero-icerik .katalog-ust-etiket{background:rgba(255,255,255,.14);color:#fff}.kategori-hero-gorsel{width:86px;height:86px;flex:0 0 auto;border:5px solid rgba(255,255,255,.65);border-radius:22px;object-fit:cover;box-shadow:0 13px 35px rgba(25,38,60,.18)}
.kategori-vitrini{padding:22px 0 0;background:#fff}.kategori-ust-icerik{max-width:950px;margin-bottom:18px;color:#59677d;font-size:13px;line-height:1.75}.kategori-kampanya-bandi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:15px 18px;border-radius:12px;background:linear-gradient(115deg,var(--magaza-ana-renk),color-mix(in srgb,var(--magaza-ana-renk) 55%,#17233a));color:#fff}.kategori-kampanya-bandi:hover{color:#fff}.kategori-kampanya-bandi span{font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.kategori-kampanya-bandi strong{font-size:15px}.kategori-kampanya-bandi em{font-size:11px;font-style:normal;font-weight:800}.alt-kategori-listesi{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:4px}.alt-kategori-listesi a{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;min-height:76px;padding:11px;border:1px solid #e4e9f1;border-radius:11px;background:#fff;transition:.2s}.alt-kategori-listesi a:hover{border-color:color-mix(in srgb,var(--magaza-ana-renk) 40%,#e4e9f1);box-shadow:0 8px 22px rgba(35,48,73,.08);transform:translateY(-2px)}.alt-kategori-listesi img{grid-row:1/3;width:52px;height:52px;border-radius:9px;object-fit:cover;background:#f4f6f9}.alt-kategori-listesi span{align-self:end;color:#26354e;font-size:12px;font-weight:800}.alt-kategori-listesi small{align-self:start;color:#8994a6;font-size:9px}
.kategori-erisim-karti{max-width:600px;margin:15px auto;padding:38px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(30,44,70,.08)}.kategori-kilit-simgesi{display:grid;width:54px;height:54px;margin:0 auto 17px;place-items:center;border-radius:50%;background:#edf3ff;color:var(--magaza-ana-renk);font-size:27px}.kategori-erisim-karti h2{margin:0 0 8px;color:#22314a}.kategori-erisim-karti p{margin:0 0 20px;color:#6f7c91;line-height:1.65}.kategori-erisim-karti form label{display:block;margin-bottom:7px;color:#526079;font-size:11px;font-weight:800;text-align:left}.kategori-erisim-karti form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.katalog-icerik{padding-top:28px}.katalog-icerik .liste-duzeni{grid-template-columns:280px minmax(0,1fr);gap:24px}.mobil-filtre-dugmesi{display:none;margin-bottom:13px;padding:10px 14px;border:1px solid #dce3ec;border-radius:9px;background:#fff;color:#34435c;font-weight:800}.filtre-panel{position:sticky;top:90px;max-height:calc(100vh - 110px);padding:0;border-color:#e1e7ef;background:#fff;overflow:auto;box-shadow:0 8px 26px rgba(31,46,72,.05)}.filtre-panel-baslik{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #e8ecf2;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.filtre-panel-baslik span{display:block;color:#8a95a7;font-size:8px;font-weight:900;text-transform:uppercase}.filtre-panel-baslik h2{margin:3px 0 0;color:#25344e;font-size:17px}.filtre-panel-baslik button{display:none;width:32px;height:32px;border:0;border-radius:50%;background:#edf1f6;color:#526079;font-size:21px}.katalog-filtre-formu>details{border-bottom:1px solid #edf0f4}.katalog-filtre-formu>details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;color:#34435b;font-size:11px;font-weight:900;cursor:pointer;list-style:none}.katalog-filtre-formu>details>summary::-webkit-details-marker{display:none}.katalog-filtre-formu>details>summary:after{content:"+";color:#8390a3;font-size:15px}.katalog-filtre-formu>details[open]>summary:after{content:"-"}.katalog-filtre-formu>details>summary small{margin-left:auto;color:#8e98a8;font-size:8px;font-weight:700}.filtre-grubu{display:grid;gap:9px;padding:0 18px 16px}.filtre-kaydirma{max-height:185px;overflow:auto}.fiyat-araligi{grid-template-columns:1fr 1fr}.fiyat-araligi label{color:#7c889a;font-size:9px}.fiyat-araligi input{margin-top:5px;padding:9px}.filtre-onay{display:flex;align-items:center;gap:8px;color:#536078;font-size:10px;cursor:pointer}.filtre-onay input{width:15px;height:15px;accent-color:var(--magaza-ana-renk)}.puan-filtreleri b{color:#e99b17}.filtre-islemleri{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px 18px;border-top:1px solid #e2e7ef;background:#fff}.filtre-islemleri .magaza-dugme{padding:10px 12px;font-size:10px}.filtre-islemleri a{align-self:center;color:#778397;font-size:9px;font-weight:800}
.katalog-kategori-paneli{border-bottom:1px solid #e4e9f0;background:linear-gradient(180deg,#fbfcfe,#fff)}.katalog-kategori-baslik{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px 9px}.katalog-kategori-baslik span{display:block;color:var(--magaza-ana-renk);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.katalog-kategori-baslik h2{margin:3px 0 0;color:#25344e;font-size:15px}.katalog-kategori-baslik>a{padding:6px 8px;border-radius:7px;background:#eef3f8;color:#5e6d83;font-size:9px;font-weight:800}.katalog-kategori-paneli>.kategori-agaci-sarmal{max-height:285px;padding:0 12px 13px;overflow:auto}.kategori-agaci-sarmal{padding-left:10px}.kategori-agaci{margin:0;padding:0;list-style:none}.kategori-agaci .kategori-agaci{padding-left:12px}.kategori-agaci li{margin:3px 0}.kategori-agaci a{display:flex;align-items:center;min-height:29px;padding:4px 7px;border-radius:6px;color:#5a687e;font-size:10px}.kategori-agaci a:hover,.kategori-agaci a.aktif{background:#eef4ff;color:var(--magaza-ana-renk);font-weight:800}.agac-cizgisi{width:8px;height:14px;margin-right:4px;border-left:1px solid #dbe2ec;border-bottom:1px solid #dbe2ec}
.urun-liste-alani{min-width:0}.liste-araclari{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px;padding:10px 12px;border:1px solid #e5eaf1;border-radius:10px;background:#fff}.gorunum-dugmeleri{display:flex;gap:5px}.gorunum-dugmeleri a{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e2e7ef;border-radius:7px;color:#78859a}.gorunum-dugmeleri a.aktif{border-color:color-mix(in srgb,var(--magaza-ana-renk) 38%,#e2e7ef);background:#edf3ff;color:var(--magaza-ana-renk)}.siralama-formu{display:flex;align-items:center;gap:8px}.siralama-formu label{color:#7b8798;font-size:10px;font-weight:800}.siralama-formu select{min-width:180px;padding:8px 10px;font-size:10px}.urun-liste-alani>.urun-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.urun-karti-eylemler{z-index:4}.urun-karti-eylemler button{cursor:pointer}.urun-karti-eylemler form{line-height:0}.urun-karti-etiket{position:absolute;left:12px;bottom:12px;z-index:3;max-width:60%;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#34435b;font-size:8px;font-weight:900;text-transform:uppercase}.urun-karti-aciklama{display:-webkit-box;min-height:32px;margin:7px 0;color:#788398;font-size:10px;line-height:1.55;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.urun-karti-puan{display:flex;align-items:center;gap:4px;margin:7px 0;color:#68758a;font-size:9px}.urun-karti-puan span{color:#e99b17;font-size:12px}.urun-karti-puan strong{color:#3a485e}.urun-karti-puan small{color:#929baa}.urun-karti-bilgiler{display:grid;gap:4px;margin-top:10px;color:#6e7a8e;font-size:9px}.urun-karti-bilgiler span{display:flex;align-items:center;gap:5px}.urun-karti-bilgiler .ucretsiz-kargo{color:#19834d;font-weight:900}.urun-karti-etiketler{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.urun-karti-etiketler span{padding:4px 6px;border-radius:5px;background:#f0f3f7;color:#647187;font-size:8px}.kart-varyant-formu{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;margin-top:12px}.kart-varyant-formu label>span{display:block;margin-bottom:4px;color:#788499;font-size:8px;font-weight:800}.kart-varyant-formu select{padding:8px;font-size:9px}.kart-varyant-formu .sepet-ekle{width:auto;min-height:35px;margin:0;padding:8px 10px;font-size:9px}.sepet-ekle:disabled{opacity:.48;cursor:not-allowed}
.urun-liste-gorunumu{grid-template-columns:1fr!important}.urun-liste-gorunumu .urun-karti{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:230px}.urun-liste-gorunumu .urun-karti-gorsel{height:100%;min-height:230px;aspect-ratio:auto}.urun-liste-gorunumu .urun-karti-icerik{display:grid;align-content:center;padding:22px}.urun-liste-gorunumu .urun-karti-aciklama{min-height:0}.urun-liste-gorunumu .urun-karti-bilgiler{grid-template-columns:repeat(3,max-content)}.urun-liste-gorunumu .kart-varyant-formu{max-width:460px}.katalog-sayfalama{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;grid-column:1/-1;margin-top:25px}.katalog-sayfalama a{display:grid;min-width:35px;height:35px;padding:0 10px;place-items:center;border:1px solid #e0e6ee;border-radius:8px;background:#fff;color:#53617a;font-size:10px;font-weight:800}.katalog-sayfalama a.aktif{border-color:var(--magaza-ana-renk);background:var(--magaza-ana-renk);color:#fff}.arama-bos-durumu{grid-column:1/-1}
.kategori-alt-seo{padding:0 0 60px}.kategori-alt-seo .container{padding:27px;border:1px solid #e5eaf1;border-radius:13px;background:#fafbfd}.kategori-alt-seo h2{margin:0 0 12px;color:#2b3952;font-size:20px}.kategori-alt-seo .container>div{color:#69758a;font-size:12px;line-height:1.8}.kategori-kural-kartlari{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.kategori-kural-kartlari article{padding:14px;border-radius:9px;background:#fff}.kategori-kural-kartlari strong{color:#35445d;font-size:10px}.kategori-kural-kartlari p{margin:5px 0 0;color:#758196;font-size:10px}
.hizli-urun-modal[hidden]{display:none}.hizli-urun-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.hizli-urun-arka-plan{position:absolute;inset:0;background:rgba(13,23,40,.68);backdrop-filter:blur(4px)}.hizli-urun-modal>section{position:relative;width:min(860px,100%);max-height:90vh;padding:28px;border-radius:16px;background:#fff;overflow:auto;box-shadow:0 28px 80px rgba(0,0,0,.3)}.hizli-urun-modal>section>[data-hizli-urun-kapat]{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#edf1f5;color:#48566d;font-size:22px;cursor:pointer}.hizli-urun-detayi{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:28px}.hizli-urun-detayi h2{margin:8px 0;color:#26344c}.hizli-urun-detayi p{color:#68758a;line-height:1.65}.hizli-urun-ozet{display:grid;gap:7px;margin:16px 0;padding:13px;border-radius:9px;background:#f5f7fa;color:#5f6c81;font-size:10px}.hizli-urun-yukleniyor{padding:60px;text-align:center;color:#778397}
@media(max-width:1050px){.urun-liste-alani>.urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.katalog-icerik .liste-duzeni{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:900px){.katalog-icerik .liste-duzeni{display:block}.mobil-filtre-dugmesi{display:inline-flex;align-items:center;gap:7px}.filtre-panel{position:fixed;z-index:1002;left:0;top:0;bottom:0;width:min(340px,88vw);max-height:none;border:0;border-radius:0;display:block;transform:translateX(-105%);transition:transform .22s;box-shadow:18px 0 50px rgba(16,28,48,.2)}.filtre-panel.mobil-acik{display:block;transform:none}.filtre-panel-baslik button{display:grid;place-items:center}.filtre-panel.mobil-acik:after{content:"";position:fixed;z-index:-1;left:100%;top:0;width:100vw;height:100vh;background:rgba(13,23,40,.55)}.urun-liste-gorunumu .urun-karti{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:650px){.katalog-hero-icerik{align-items:flex-start;flex-direction:column;justify-content:center;min-height:220px}.kategori-hero-gorsel{width:62px;height:62px;border-radius:16px}.kategori-kampanya-bandi{grid-template-columns:1fr}.kategori-kampanya-bandi em{display:none}.alt-kategori-listesi{grid-template-columns:repeat(2,minmax(0,1fr))}.liste-araclari{align-items:stretch}.siralama-formu label{display:none}.siralama-formu select{min-width:0}.gorunum-dugmeleri{display:none}.urun-liste-alani>.urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.urun-karti-icerik{padding:12px}.urun-karti-eylemler{right:7px;top:7px}.yuvarlak-eylem{width:31px;height:31px}.urun-karti-aciklama,.urun-karti-bilgiler span:last-child{display:none}.kart-varyant-formu{grid-template-columns:1fr}.kart-varyant-formu .sepet-ekle{width:100%}.urun-liste-gorunumu .urun-karti{display:block;min-height:0}.urun-liste-gorunumu .urun-karti-gorsel{min-height:0;aspect-ratio:1}.urun-liste-gorunumu .urun-karti-icerik{display:block}.urun-liste-gorunumu .urun-karti-bilgiler{grid-template-columns:1fr}.kategori-erisim-karti{padding:25px 17px}.kategori-erisim-karti form>div{grid-template-columns:1fr}.kategori-kural-kartlari{grid-template-columns:1fr}.hizli-urun-modal>section{padding:17px}.hizli-urun-detayi{grid-template-columns:1fr;gap:16px}.hizli-urun-detayi .urun-detay-gorsel img{max-height:280px}.kategori-alt-seo .container{border-radius:0}.kategori-alt-seo{padding-bottom:30px}}
@media(max-width:390px){.alt-kategori-listesi,.urun-liste-alani>.urun-izgara{grid-template-columns:1fr}}