/* Ic sayfalar: anasayfa tasarim dilinin (style.css) devami.
   Ayni tokenlar: kirmizi vurgu, notr gri yuzeyler, kartlar 16px, dugme/girdi 12px, rozet/cip tam yuvarlak. */

/* ---------- Sayfa basi ve konum cubugu ---------- */
.sayfa-bas{background:var(--yuzey);border-bottom:1px solid var(--cizgi)}
.sayfa-bas-ic{padding-block:22px 30px}
.sayfa-bas h1{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15;margin-top:10px}
.sayfa-bas p{margin-top:8px;color:var(--metin-2);max-width:62ch;line-height:1.6}
.sayfa-bas-sade{background:none;border:0}
.sayfa-bas-sade .sayfa-bas-ic{padding-bottom:8px}
.yol ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:.82rem;font-weight:600;color:var(--metin-3)}
.yol li{display:flex;align-items:center}
.yol li+li::before{content:"";width:6px;height:6px;margin:0 10px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);opacity:.7}
.yol a{color:var(--metin-2)}
.yol a:hover{color:var(--kirmizi-metin)}
.yol [aria-current]{color:var(--metin)}
.icerik-alan{padding-block:clamp(28px,4vw,48px) 0}

/* ---------- Ortak kutular ---------- */
.kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--rl);padding:clamp(18px,2.4vw,28px)}
.kutu-gri{background:var(--yuzey);border-color:transparent}
.kutu h2{font-size:1.2rem}
.kutu-bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:18px}
.kutu-bas h2{display:flex;align-items:center;gap:10px}
.kutu-bas h2 .ico{width:22px;height:22px;color:var(--kirmizi)}
.ince-baslik{font-size:.78rem;font-weight:800;letter-spacing:.02em;color:var(--metin-3);margin-bottom:10px}
.bilgi-not{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:var(--r);background:var(--yuzey);color:var(--metin-2);font-size:.88rem;line-height:1.55}
.bilgi-not .ico{width:20px;height:20px;flex:none;color:var(--kirmizi);margin-top:1px}
.bilgi-not strong{color:var(--metin)}
.bilgi-not-uyari{background:#FFF7E6;color:#6B4A00}
.bilgi-not-uyari .ico{color:#B7791F}
.bilgi-not-basari{background:#ECF8F1;color:#1C5B3A}
.bilgi-not-basari .ico{color:#1E8A4C}
.metin-kirmizi{color:var(--kirmizi-metin)}
.metin-gri{color:var(--metin-2)}

/* ---------- Bos durum ---------- */
.bos-durum{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,7vw,80px) 20px}
.bos-ikon{width:76px;height:76px;border-radius:50%;background:var(--kirmizi-acik);color:var(--kirmizi);display:grid;place-items:center;margin-bottom:18px}
.bos-ikon .ico{width:36px;height:36px}
.bos-durum h2{font-size:1.35rem}
.bos-durum p{margin-top:8px;color:var(--metin-2);max-width:46ch;line-height:1.6}
.bos-dugmeler{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}

/* ---------- Formlar ---------- */
.form-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.form-izgara .tam{grid-column:1/-1}
.alan{display:grid;gap:7px;align-content:start}
.alan>label,.alan>.etiket{font-size:.85rem;font-weight:700;color:var(--metin)}
.alan .istege{font-weight:500;color:var(--metin-3)}
.girdi{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--cizgi);border-radius:var(--r);background:#fff;font-weight:500;color:var(--metin);transition:border-color .2s,box-shadow .2s}
textarea.girdi{height:auto;min-height:130px;padding:12px 14px;resize:vertical;line-height:1.55}
select.girdi{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%2362626C' d='M213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
.girdi::placeholder{color:var(--metin-3)}
.girdi:hover{border-color:#D6D6DB}
.girdi:focus{outline:none;border-color:var(--kirmizi);box-shadow:0 0 0 4px rgba(227,33,33,.1)}
.girdi[aria-invalid="true"]{border-color:var(--kirmizi);background:#FFFBFB}
.alan-hata{font-size:.8rem;font-weight:600;color:var(--kirmizi-metin)}
.alan-hata:empty{display:none}
.alan-ipucu{font-size:.8rem;color:var(--metin-3)}
.girdi-ikonlu{position:relative}
.girdi-ikonlu .ico{position:absolute;left:14px;top:50%;margin-top:-10px;width:20px;height:20px;color:var(--metin-3);pointer-events:none}
.girdi-ikonlu .girdi{padding-left:44px}
.sifre-goster{position:absolute;right:6px;top:6px;height:36px;padding:0 10px;border-radius:8px;font-size:.8rem;font-weight:700;color:var(--metin-2)}
.sifre-goster:hover{background:var(--yuzey);color:var(--metin)}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.5;color:var(--metin-2);cursor:pointer}
.onay input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--kirmizi);cursor:pointer}
.onay a{color:var(--metin);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.onay a:hover{color:var(--kirmizi-metin)}

/* Secenek kartlari (radio) */
.secenekler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.secenek{position:relative;display:flex;gap:12px;align-items:flex-start;padding:16px;border:1.5px solid var(--cizgi);border-radius:var(--r);cursor:pointer;transition:border-color .2s,background-color .2s}
.secenek:hover{border-color:#D6D6DB}
.secenek input{position:absolute;opacity:0;pointer-events:none}
.secenek-isaret{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #CFCFD5;margin-top:1px;display:grid;place-items:center;transition:border-color .2s}
.secenek-isaret::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--kirmizi);transform:scale(0);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.secenek input:checked~.secenek-isaret{border-color:var(--kirmizi)}
.secenek input:checked~.secenek-isaret::after{transform:scale(1)}
.secenek:has(input:checked){border-color:var(--kirmizi);background:#FFFBFB}
.secenek:has(input:focus-visible){outline:2px solid var(--kirmizi);outline-offset:2px}
.secenek-metin{display:grid;gap:3px;flex:1}
.secenek-metin strong{font-weight:800}
.secenek-metin span{font-size:.82rem;color:var(--metin-2);line-height:1.45}
.secenek-ikon{flex:none;width:26px;height:26px;color:var(--metin-2)}
.secenek:has(input:checked) .secenek-ikon{color:var(--kirmizi)}

/* ---------- Sekme cubugu (sayfa ici) ---------- */
.sekme-cubuk{display:flex;gap:6px;border-bottom:1px solid var(--cizgi);overflow-x:auto;scrollbar-width:none}
.sekme-cubuk::-webkit-scrollbar{display:none}
.sekme-cubuk [role="tab"]{position:relative;height:52px;padding:0 18px;font-weight:700;color:var(--metin-2);white-space:nowrap;transition:color .2s}
.sekme-cubuk [role="tab"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2.5px;border-radius:2px;background:var(--kirmizi);transform:scaleX(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.sekme-cubuk [role="tab"]:hover{color:var(--metin)}
.sekme-cubuk [role="tab"][aria-selected="true"]{color:var(--metin)}
.sekme-cubuk [role="tab"][aria-selected="true"]::after{transform:scaleX(1)}
.sekme-panel{padding-top:24px}

/* ---------- Tablolar ---------- */
.tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:var(--rl)}
.tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.tablo th{text-align:left;font-size:.78rem;font-weight:800;color:var(--metin-2);background:var(--yuzey);padding:12px 16px;white-space:nowrap}
.tablo td{padding:14px 16px;border-top:1px solid var(--cizgi);vertical-align:middle}
.tablo tr:hover td{background:#FCFCFD}
.tablo-ozellik{width:100%;border-collapse:collapse;font-size:.92rem}
.tablo-ozellik th,.tablo-ozellik td{padding:12px 0;text-align:left;border-bottom:1px solid var(--cizgi)}
.tablo-ozellik th{width:42%;font-weight:600;color:var(--metin-2)}
.tablo-ozellik td{font-weight:700}
.tablo-ozellik tr:last-child th,.tablo-ozellik tr:last-child td{border-bottom:0}

/* Durum rozetleri */
.durum{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap}
.durum::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.durum-hazirlaniyor{background:#FFF4E0;color:#9A5B00}
.durum-kargoda{background:#E8F1FF;color:#1D4ED8}
.durum-teslim{background:#E7F6EE;color:#17703F}
.durum-alindi{background:var(--yuzey);color:var(--metin-2)}
.durum-iptal{background:var(--kirmizi-acik);color:var(--kirmizi-metin)}

/* ---------- Kategori / urun listeleme ---------- */
.liste-duzen{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}
.filtre{position:sticky;top:160px;display:grid;gap:12px}
.filtre-bas{display:none}
.filtre-grup{border:1px solid var(--cizgi);border-radius:var(--rl);background:#fff}
.filtre-grup>summary{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font-weight:800;cursor:pointer;list-style:none}
.filtre-grup>summary::-webkit-details-marker{display:none}
.filtre-grup>summary .ico{width:16px;height:16px;color:var(--metin-3);transition:transform .2s}
.filtre-grup[open]>summary .ico{transform:rotate(180deg)}
.filtre-ic{padding:0 18px 16px;display:grid;gap:4px}
.filtre-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin:0 -10px;border-radius:10px;font-weight:600;color:var(--metin-2)}
.filtre-link:hover{background:var(--yuzey);color:var(--metin)}
.filtre-link.is-secili{background:var(--kirmizi-acik);color:var(--kirmizi-metin)}
.filtre-link small,.filtre-onay small{font-size:.75rem;font-weight:700;color:var(--metin-3)}
.filtre-onay{display:flex;align-items:center;gap:10px;padding:6px 0;font-weight:600;color:var(--metin-2);cursor:pointer}
.filtre-onay input{width:18px;height:18px;accent-color:var(--kirmizi);cursor:pointer}
.filtre-onay span{flex:1}
.filtre-onay:hover{color:var(--metin)}
.filtre-ara{margin-bottom:6px}
.filtre-ara .girdi{height:40px;font-size:.88rem}
.marka-liste{max-height:238px;overflow-y:auto;padding-right:4px}
.fiyat-aralik{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.fiyat-aralik .girdi{height:42px;padding:0 10px}
.fiyat-aralik span{color:var(--metin-3)}
.filtre-uygula{margin-top:8px}
.arac-cubuk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.sonuc-sayi{color:var(--metin-2);font-weight:600}
.sonuc-sayi strong{color:var(--metin)}
.arac-sag{display:flex;align-items:center;gap:10px}
.arac-sag .girdi{height:44px;width:auto;min-width:210px;font-weight:600}
.filtre-ac{display:none}
.filtre-sonuc{display:none}
.aktif-filtreler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.aktif-filtreler:empty{display:none}
.filtre-cip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 8px 0 14px;border-radius:999px;background:var(--yuzey);font-size:.84rem;font-weight:700}
.filtre-cip button{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--metin-2)}
.filtre-cip button:hover{background:var(--kirmizi);color:#fff}
.filtre-cip button .ico{width:12px;height:12px}
.temizle-link{font-size:.84rem;font-weight:700;color:var(--kirmizi-metin);padding:0 6px}
.temizle-link:hover{text-decoration:underline}
.liste-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.daha-fazla{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px}
.daha-fazla p{font-size:.85rem;color:var(--metin-2);font-weight:600}
.daha-cubuk{width:220px;height:4px;border-radius:999px;background:var(--yuzey-2);overflow:hidden}
.daha-cubuk span{display:block;height:100%;background:var(--kirmizi);border-radius:999px;transition:width .4s}
.alt-kat-ciplar{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.alt-kat-ciplar a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-size:.85rem;font-weight:700;color:var(--metin-2);transition:border-color .2s,color .2s,background-color .2s}
.alt-kat-ciplar a:hover{border-color:var(--kirmizi);color:var(--kirmizi-metin)}
.alt-kat-ciplar a.is-secili{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}

/* ---------- Tum kategoriler ---------- */
.katlar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kat-blok{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:16px;border:1px solid var(--cizgi);border-radius:var(--rl);background:#fff;transition:box-shadow .25s,border-color .25s}
.kat-blok:hover{border-color:transparent;box-shadow:var(--golge)}
.kat-blok-gorsel{display:block;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--yuzey)}
.kat-blok-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.kat-blok:hover .kat-blok-gorsel img{transform:scale(1.05)}
.kat-blok h2{font-size:1.08rem}
.kat-blok h2 a:hover{color:var(--kirmizi-metin)}
.kat-blok small{display:block;margin-top:2px;font-size:.8rem;color:var(--metin-3);font-weight:600}
.kat-blok ul{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px}
.kat-blok ul a{font-size:.85rem;color:var(--metin-2);font-weight:600}
.kat-blok ul a:hover{color:var(--kirmizi-metin)}

/* ---------- Urun detay ---------- */
.urun-detay{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.galeri{position:sticky;top:160px}
.galeri-ana{position:relative;aspect-ratio:1;border-radius:var(--rl);overflow:hidden;background:var(--yuzey);cursor:zoom-in}
.galeri-ana img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease;transform-origin:var(--zx,50%) var(--zy,50%)}
.galeri-ana.is-yakin img{transform:scale(1.9)}
.galeri-ana .kart-rozet{top:16px;left:16px;height:30px;font-size:.82rem;z-index:1}
.galeri-ipucu{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.92);font-size:.78rem;font-weight:700;color:var(--metin-2);pointer-events:none;transition:opacity .2s}
.galeri-ana.is-yakin .galeri-ipucu{opacity:0}
.galeri-ipucu .ico{width:16px;height:16px}
.urun-bilgi{display:grid;gap:20px}
.urun-marka{display:inline-flex;font-size:.88rem;font-weight:800;color:var(--kirmizi-metin)}
.urun-marka:hover{text-decoration:underline}
.urun-bilgi h1{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.18;margin-top:6px}
.urun-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:.86rem;color:var(--metin-2);font-weight:600}
.urun-meta span{display:inline-flex;align-items:center;gap:6px}
.urun-meta .ico{width:16px;height:16px}
.stok-var{color:#17703F}
.stok-yok{color:var(--kirmizi-metin)}
.fiyat-kutu{padding:22px;border-radius:var(--rl);background:var(--yuzey)}
.fiyat-satir{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.fiyat-buyuk{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fiyat-kutu.is-indirim .fiyat-buyuk{color:var(--kirmizi-metin)}
.fiyat-eski{font-size:1rem;font-weight:600;color:var(--metin-3);text-decoration:line-through}
.fiyat-indirim{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--kirmizi);color:#fff;font-size:.78rem;font-weight:800}
.fiyat-alt{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:.86rem;color:var(--metin-2);font-weight:600}
.fiyat-alt strong{color:var(--metin)}
.fiyat-not{margin-top:10px;font-size:.78rem;color:var(--metin-3);font-weight:600}
.urun-eylem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.sd.sd-sabit{position:relative;left:auto;right:auto;bottom:auto;margin-top:0;height:56px;opacity:1;transform:none;pointer-events:auto}
.sd.sd-sabit .sd-ekle{font-size:1rem}
.sd.sd-sabit .sd-adet button{width:56px}
.sd.sd-sabit .sd-sayi{font-size:1.05rem}
.ikon-kare{width:56px;height:56px;border-radius:var(--r);border:1.5px solid var(--cizgi);display:grid;place-items:center;color:var(--metin-2);background:#fff;transition:border-color .2s,color .2s}
.ikon-kare:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.ikon-kare[aria-pressed="true"]{color:var(--kirmizi);border-color:var(--kirmizi);background:var(--kirmizi-acik)}
.ikon-kare .ico{width:24px;height:24px}
.sepette-not{display:none;align-items:center;justify-content:space-between;gap:10px;font-size:.88rem;font-weight:700;color:#17703F}
.sepette-not.is-gorunur{display:flex}
.sepette-not a{color:var(--metin);text-decoration:underline;text-underline-offset:2px}
.wa-dugme{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:var(--r);border:1.5px solid #25D366;color:#128C4A;font-weight:800;transition:background-color .2s,color .2s}
.wa-dugme:hover{background:#25D366;color:#fff}
.wa-dugme .ico{width:22px;height:22px}
.avantaj-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.avantaj-liste li{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--cizgi);border-radius:var(--r);font-size:.84rem;font-weight:600;color:var(--metin-2);line-height:1.35}
.avantaj-liste .ico{width:22px;height:22px;flex:none;color:var(--kirmizi)}
.avantaj-liste strong{display:block;color:var(--metin);font-weight:800}
.urun-sekmeler{margin-top:clamp(40px,5vw,64px)}
.prose{max-width:72ch;line-height:1.75;color:#3A3A42;font-size:1rem}
.prose>*+*{margin-top:14px}
.prose h2{font-size:1.35rem;margin-top:32px;color:var(--metin)}
.prose h3{font-size:1.1rem;margin-top:24px;color:var(--metin)}
.prose ul,.prose ol{padding-left:22px;display:grid;gap:6px}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li::marker{color:var(--kirmizi);font-weight:800}
.prose a{color:var(--kirmizi-metin);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.prose strong{color:var(--metin)}

/* ---------- Sepet ---------- */
.sepet-duzen{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.sepet-liste{border:1px solid var(--cizgi);border-radius:var(--rl);background:#fff}
.sepet-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--cizgi)}
.sepet-bas h2{font-size:1.1rem}
.sepet-satir{display:grid;grid-template-columns:96px minmax(0,1fr) 150px 130px 40px;gap:18px;align-items:center;padding:18px 22px}
.sepet-satir+.sepet-satir{border-top:1px solid var(--cizgi)}
.sepet-satir.is-cikiyor{animation:satir-cik .28s ease forwards}
@keyframes satir-cik{to{opacity:0;transform:translateX(16px)}}
.sepet-gorsel{display:block;width:96px;height:96px;border-radius:var(--r);overflow:hidden;background:var(--yuzey)}
.sepet-gorsel img{width:100%;height:100%;object-fit:cover}
.sepet-ad small{display:block;font-size:.78rem;color:var(--metin-3);font-weight:700}
.sepet-ad a{font-weight:800;line-height:1.35}
.sepet-ad a:hover{color:var(--kirmizi-metin)}
.sepet-ad p{margin-top:4px;font-size:.82rem;color:var(--metin-2);font-weight:600}
.adet-kontrol{display:flex;align-items:center;justify-content:space-between;height:44px;border-radius:var(--r);background:var(--yuzey)}
.adet-kontrol button{width:40px;height:100%;display:grid;place-items:center;border-radius:var(--r);color:var(--metin)}
.adet-kontrol button:hover{color:var(--kirmizi)}
.adet-kontrol .ico{width:16px;height:16px}
.adet-kontrol input{width:44px;height:100%;border:0;background:none;text-align:center;font-weight:800;-moz-appearance:textfield;appearance:textfield}
.adet-kontrol input::-webkit-inner-spin-button,.adet-kontrol input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sepet-tutar{text-align:right}
.sepet-tutar strong{display:block;font-size:1.08rem;font-weight:800;font-variant-numeric:tabular-nums}
.sepet-tutar small{font-size:.78rem;color:var(--metin-3);font-weight:600}
.sil-dugme{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--metin-3)}
.sil-dugme:hover{background:var(--kirmizi-acik);color:var(--kirmizi)}
.sil-dugme .ico{width:20px;height:20px}
.sepet-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid var(--cizgi);background:#FCFCFD;border-radius:0 0 var(--rl) var(--rl)}
.link-dugme{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--metin-2)}
.link-dugme:hover{color:var(--kirmizi-metin)}
.link-dugme .ico{width:18px;height:18px}
.ozet{position:sticky;top:160px;display:grid;gap:14px}
.ozet-kutu{border:1px solid var(--cizgi);border-radius:var(--rl);background:#fff;padding:22px}
.ozet-kutu h2{font-size:1.15rem;margin-bottom:16px}
.ozet-satir{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-weight:600;color:var(--metin-2)}
.ozet-satir strong{color:var(--metin);font-variant-numeric:tabular-nums;font-weight:700;text-align:right}
.ozet-toplam{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding-top:16px;border-top:1px dashed #DCDCE0;font-weight:800}
.ozet-toplam strong{font-size:1.5rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ozet-min{margin:16px 0}
.ozet-min p{margin-top:8px;font-size:.84rem;font-weight:600;color:var(--metin-2)}
.ozet-kutu .dugme-tam+.dugme-tam{margin-top:10px}
.dugme.is-pasif,.dugme[aria-disabled="true"]{background:#D9D9DE;color:#fff;cursor:not-allowed}
.dugme-wa{background:#25D366;color:#fff}
.dugme-wa:hover{background:#1EB257}
.hizli-ekle{display:grid;grid-template-columns:minmax(0,1fr) 88px auto;gap:8px}
.hizli-ekle .girdi{height:44px}
.hizli-ekle .dugme{height:44px}
.ozet-urunler{display:grid;gap:12px;max-height:300px;overflow-y:auto;padding-right:4px;margin-bottom:6px}
.ozet-urun{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:.86rem}
.ozet-urun img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--yuzey)}
.ozet-urun span{font-weight:700;line-height:1.3}
.ozet-urun small{display:block;color:var(--metin-3);font-weight:600}
.ozet-urun strong{font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- Odeme ---------- */
.adim-cubuk{display:flex;align-items:center;gap:8px;margin-bottom:28px}
.adim-cubuk li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--metin-3);white-space:nowrap}
.adim-cubuk li+li::before{content:"";width:clamp(20px,5vw,64px);height:2px;border-radius:2px;background:var(--cizgi);margin-right:2px}
.adim-cubuk span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:800;background:var(--yuzey);color:var(--metin-2)}
.adim-cubuk .is-tamam span{background:var(--metin);color:#fff}
.adim-cubuk .is-tamam{color:var(--metin)}
.adim-cubuk .is-aktif span{background:var(--kirmizi);color:#fff;box-shadow:0 0 0 4px rgba(227,33,33,.15)}
.adim-cubuk .is-aktif{color:var(--metin)}
.odeme-form{display:grid;gap:20px}
.kart-alanlari{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.kart-alanlari .tam{grid-column:1/-1}
.odeme-detay{margin-top:14px}
.iban-kutu{display:grid;gap:4px;padding:16px;border-radius:var(--r);background:var(--yuzey);font-size:.88rem;color:var(--metin-2)}
.iban-kutu strong{color:var(--metin);font-variant-numeric:tabular-nums}

/* ---------- Siparis tamam / takip ---------- */
.tamam-kutu{max-width:720px;margin:0 auto;text-align:center}
.tamam-ikon{width:92px;height:92px;margin:0 auto 22px;border-radius:50%;background:#E7F6EE;color:#1E8A4C;display:grid;place-items:center}
.tamam-ikon .ico{width:48px;height:48px}
@media (prefers-reduced-motion:no-preference){.tamam-ikon{animation:tamam-gir .6s cubic-bezier(.16,1,.3,1)}}
@keyframes tamam-gir{from{transform:scale(.6);opacity:0}}
.tamam-kutu h1{font-size:clamp(1.6rem,3vw,2.2rem)}
.tamam-kutu>p{margin-top:10px;color:var(--metin-2);line-height:1.6}
.siparis-no{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:12px 18px;border-radius:var(--r);background:var(--yuzey);font-weight:700}
.siparis-no strong{font-size:1.15rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.tamam-ozet{margin-top:28px;text-align:left}
.zaman-cizgisi{display:grid;gap:0;margin-top:8px}
.zaman-cizgisi li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding-bottom:24px}
.zaman-cizgisi li:last-child{padding-bottom:0}
.zaman-cizgisi li::before{content:"";position:absolute;left:17px;top:34px;bottom:0;width:2px;background:var(--cizgi)}
.zaman-cizgisi li:last-child::before{display:none}
.zaman-cizgisi li.is-tamam::before{background:var(--kirmizi)}
.zaman-nokta{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--yuzey);color:var(--metin-3)}
.zaman-nokta .ico{width:18px;height:18px}
.is-tamam .zaman-nokta{background:var(--kirmizi);color:#fff}
.is-simdi .zaman-nokta{background:#fff;border:2px solid var(--kirmizi);color:var(--kirmizi)}
.zaman-cizgisi strong{display:block;font-weight:800;margin-top:6px}
.zaman-cizgisi small{color:var(--metin-2);font-weight:600}
.takip-duzen{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px;align-items:start}

/* ---------- Giris / uyelik ---------- */
.giris-duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--cizgi);border-radius:20px;overflow:hidden;background:#fff;max-width:1080px;margin:0 auto}
.giris-form{padding:clamp(24px,4vw,48px)}
.giris-form h1{font-size:1.6rem}
.giris-form>p{margin-top:6px;color:var(--metin-2)}
.giris-form .sekmeler{margin:22px 0 24px;width:100%}
.giris-form .sekmeler [role="tab"]{flex:1}
.giris-form form{display:grid;gap:16px}
.form-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.88rem}
.form-satir a,.metin-link{font-weight:700;color:var(--kirmizi-metin)}
.form-satir a:hover,.metin-link:hover{text-decoration:underline}
.giris-yan{position:relative;padding:clamp(24px,4vw,48px);background:var(--kirmizi);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow:hidden}
.giris-yan::after{content:"";position:absolute;right:-120px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08)}
.giris-yan h2{color:#fff;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.2;max-width:18ch}
.giris-yan ul{position:relative;z-index:1;display:grid;gap:14px}
.giris-yan li{display:flex;gap:12px;align-items:flex-start;line-height:1.5;color:rgba(255,255,255,.92)}
.giris-yan li .ico{width:24px;height:24px;flex:none;padding:3px;border-radius:50%;background:#fff;color:var(--kirmizi)}
.giris-yan li strong{display:block;color:#fff}
.giris-yan img{position:relative;z-index:1;width:100%;max-width:300px;aspect-ratio:16/10;object-fit:cover;border-radius:var(--rl);box-shadow:0 20px 40px -18px rgba(0,0,0,.45)}
.ayrac-yazi{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:700;color:var(--metin-3)}
.ayrac-yazi::before,.ayrac-yazi::after{content:"";flex:1;height:1px;background:var(--cizgi)}

/* ---------- Hesabim ---------- */
.hesap-duzen{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.hesap-menu{position:sticky;top:160px;border:1px solid var(--cizgi);border-radius:var(--rl);background:#fff;padding:12px}
.hesap-kimlik{display:flex;align-items:center;gap:12px;padding:10px 10px 16px;margin-bottom:8px;border-bottom:1px solid var(--cizgi)}
.avatar{width:48px;height:48px;border-radius:50%;background:var(--kirmizi);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem;flex:none}
.hesap-kimlik strong{display:block;line-height:1.25}
.hesap-kimlik small{color:var(--metin-3);font-weight:600;font-size:.8rem;word-break:break-all}
.hesap-menu [role="tab"],.hesap-menu .cikis{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:10px;font-weight:700;color:var(--metin-2);text-align:left}
.hesap-menu [role="tab"] .ico,.hesap-menu .cikis .ico{width:20px;height:20px}
.hesap-menu [role="tab"]:hover,.hesap-menu .cikis:hover{background:var(--yuzey);color:var(--metin)}
.hesap-menu [role="tab"][aria-selected="true"]{background:var(--kirmizi-acik);color:var(--kirmizi-metin)}
.hesap-menu [role="tab"] small{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--yuzey-2);color:var(--metin-2);font-size:.72rem;display:grid;place-items:center}
.hesap-menu .cikis{margin-top:8px;border-top:1px solid var(--cizgi);border-radius:0 0 10px 10px;padding-top:14px}
.hesap-panel h2{font-size:1.35rem;margin-bottom:18px}
.adres-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.adres-kart{position:relative;padding:20px;border:1.5px solid var(--cizgi);border-radius:var(--rl);line-height:1.6;color:var(--metin-2);font-size:.9rem}
.adres-kart strong{display:block;color:var(--metin);font-size:1rem;margin-bottom:4px}
.adres-kart.is-varsayilan{border-color:var(--kirmizi)}
.adres-kart .rozet-kucuk{position:absolute;top:16px;right:16px}
.adres-ekle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;border:1.5px dashed #D6D6DB;border-radius:var(--rl);font-weight:800;color:var(--metin-2);transition:border-color .2s,color .2s}
.adres-ekle:hover{border-color:var(--kirmizi);color:var(--kirmizi-metin)}
.adres-ekle .ico{width:28px;height:28px}
.rozet-kucuk{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--kirmizi-acik);color:var(--kirmizi-metin);font-size:.72rem;font-weight:800}
.siparis-kart{border:1px solid var(--cizgi);border-radius:var(--rl);overflow:hidden}
.siparis-kart+.siparis-kart{margin-top:14px}
.siparis-kart-bas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:center;padding:16px 20px;background:var(--yuzey);font-size:.84rem}
.siparis-kart-bas small{display:block;color:var(--metin-3);font-weight:700;font-size:.74rem}
.siparis-kart-bas strong{font-variant-numeric:tabular-nums}
.siparis-kart-urunler{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px}
.siparis-kart-urunler img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--yuzey)}
.siparis-kart-urunler .fazla{width:56px;height:56px;border-radius:10px;background:var(--yuzey);display:grid;place-items:center;font-weight:800;color:var(--metin-2);font-size:.85rem}
.siparis-kart-urunler .dugme{margin-left:auto}
.ornek-isaret{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#FFF4E0;color:#9A5B00;font-size:.7rem;font-weight:800;margin-left:6px}

/* ---------- Kurumsal ---------- */
.iki-kolon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.gorsel-yuvarlak{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
.deger-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.deger{padding:22px;border-radius:var(--rl);background:var(--yuzey);transition:background-color .25s,transform .25s cubic-bezier(.16,1,.3,1)}
.deger:hover{background:#fff;box-shadow:var(--golge);transform:translateY(-3px)}
.deger .guven-ikon{margin-bottom:14px}
.deger h3{font-size:1.02rem}
.deger p{margin-top:6px;font-size:.88rem;color:var(--metin-2);line-height:1.55}
.cta-bant{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:clamp(24px,4vw,40px);border-radius:20px;background:var(--kirmizi);color:#fff}
.cta-bant h2{color:#fff;font-size:clamp(1.3rem,2.4vw,1.75rem)}
.cta-bant p{margin-top:6px;color:rgba(255,255,255,.88)}
.cta-bant .dugmeler{display:flex;flex-wrap:wrap;gap:10px}
.dugme-beyaz-cizgi{border:1.5px solid rgba(255,255,255,.7);color:#fff}
.dugme-beyaz-cizgi:hover{background:#fff;color:var(--kirmizi-metin)}
.iletisim-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.iletisim-kart{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--cizgi);border-radius:var(--rl);transition:border-color .2s,box-shadow .2s}
a.iletisim-kart:hover{border-color:transparent;box-shadow:var(--golge)}
.iletisim-kart .guven-ikon{margin-bottom:8px}
.iletisim-kart small{font-size:.78rem;font-weight:700;color:var(--metin-3)}
.iletisim-kart strong{font-weight:800;line-height:1.4;word-break:break-word}
a.iletisim-kart:hover .guven-ikon{background:var(--kirmizi);color:#fff}
.harita{width:100%;height:100%;min-height:420px;border:0;border-radius:var(--rl);background:var(--yuzey)}
.form-iki{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:stretch}

/* ---------- SSS ---------- */
.sss-duzen{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.sss-menu{position:sticky;top:160px;display:grid;gap:4px}
.sss-menu a{padding:10px 12px;border-radius:10px;font-weight:700;color:var(--metin-2)}
.sss-menu a:hover{background:var(--yuzey);color:var(--metin)}
.sss-grup+.sss-grup{margin-top:36px}
.sss-grup h2{font-size:1.25rem;margin-bottom:14px}
.sss-oge{border:1px solid var(--cizgi);border-radius:var(--r);background:#fff;transition:border-color .2s,box-shadow .2s}
.sss-oge+.sss-oge{margin-top:10px}
.sss-oge[open]{border-color:transparent;box-shadow:var(--golge)}
.sss-oge summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-weight:800;cursor:pointer;list-style:none}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-arti{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--yuzey);transition:background-color .2s,transform .3s cubic-bezier(.16,1,.3,1)}
.sss-arti::before,.sss-arti::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--metin)}
.sss-arti::after{transform:rotate(90deg);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.sss-oge[open] .sss-arti{background:var(--kirmizi);transform:rotate(180deg)}
.sss-oge[open] .sss-arti::before{background:#fff}
.sss-oge[open] .sss-arti::after{transform:rotate(0);background:#fff}
.sss-cevap{padding:0 20px 20px;color:var(--metin-2);line-height:1.7}
.sss-ara{position:relative;max-width:560px;margin-top:18px}

/* ---------- Kampanyalar, markalar, blog ---------- */
.kampanya-liste{display:grid;gap:20px}
.kampanya-satir{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border:1px solid var(--cizgi);border-radius:20px;overflow:hidden;background:#fff;transition:box-shadow .25s,border-color .25s}
.kampanya-satir:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.kampanya-satir:nth-child(even) .kampanya-satir-gorsel{order:2}
.kampanya-satir:hover{border-color:transparent;box-shadow:var(--golge)}
.kampanya-satir-gorsel{position:relative;min-height:300px;overflow:hidden;background:var(--yuzey)}
.kampanya-satir-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.kampanya-satir:hover .kampanya-satir-gorsel img{transform:scale(1.04)}
.kampanya-satir-metin{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:clamp(24px,4vw,48px)}
.kampanya-satir-metin h2{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.15}
.kampanya-satir-metin p{color:var(--metin-2);line-height:1.6;max-width:42ch}
.kampanya-satir-metin .dugme{margin-top:8px}
.etiket-cip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--kirmizi-acik);color:var(--kirmizi-metin);font-size:.78rem;font-weight:800}
.marka-tum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.marka-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border:1px solid var(--cizgi);border-radius:var(--r);font-weight:700;transition:border-color .2s,color .2s}
.marka-satir:hover{border-color:var(--kirmizi);color:var(--kirmizi-metin)}
.marka-satir small{color:var(--metin-3);font-weight:700}
.marka-harf{font-size:1.1rem;margin:28px 0 12px;color:var(--metin-3)}
.blog-one{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;margin-bottom:clamp(36px,5vw,56px)}
.blog-one .blog-gorsel{aspect-ratio:16/10}
.blog-one h2{font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.18;margin-top:10px}
.blog-one h2 a:hover{color:var(--kirmizi-metin)}
.blog-one p{margin-top:12px;color:var(--metin-2);line-height:1.65}
.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;font-weight:600;color:var(--metin-3)}
.blog-kart p{margin-top:6px;font-size:.9rem;color:var(--metin-2);line-height:1.55}
.blog-kart .blog-meta{margin-top:14px}
.yazi-bas{max-width:860px;margin:0 auto;text-align:center}
.yazi-bas .blog-meta{justify-content:center;margin-top:14px}
.yazi-bas h1{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.12;margin-top:12px}
.yazi-gorsel{max-width:1100px;margin:clamp(24px,4vw,40px) auto 0;aspect-ratio:21/9;border-radius:20px;overflow:hidden;background:var(--yuzey)}
.yazi-gorsel img{width:100%;height:100%;object-fit:cover}
.yazi-govde{max-width:72ch;margin:clamp(28px,4vw,48px) auto 0}
.yazi-govde .prose{font-size:1.05rem}
.yazi-cta{max-width:72ch;margin:40px auto 0}

/* ---------- Metin sayfalari (yardim, sozlesmeler) ---------- */
.metin-duzen{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.metin-menu{position:sticky;top:160px;border:1px solid var(--cizgi);border-radius:var(--rl);padding:10px;background:#fff}
.metin-menu p{padding:10px 12px 6px}
.metin-menu a{display:block;padding:10px 12px;border-radius:10px;font-weight:700;font-size:.9rem;color:var(--metin-2)}
.metin-menu a:hover{background:var(--yuzey);color:var(--metin)}
.metin-menu a[aria-current="page"]{background:var(--kirmizi-acik);color:var(--kirmizi-metin)}
.metin-guncel{margin-top:6px;font-size:.84rem;color:var(--metin-3);font-weight:600}
.adim-blok{display:grid;gap:14px;margin-top:20px}
.adim-blok li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px;border:1px solid var(--cizgi);border-radius:var(--rl)}
.adim-blok .adim-no{width:44px;height:44px;font-size:1.05rem}
.adim-blok h3{font-size:1.05rem}
.adim-blok p{margin-top:4px;color:var(--metin-2);line-height:1.6}

/* ---------- 404 ---------- */
.hata-sayfa{display:grid;place-items:center;text-align:center;padding:clamp(48px,8vw,96px) 0}
.hata-sayfa .hata-kod{font-size:clamp(5rem,16vw,10rem);font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--kirmizi)}
.hata-sayfa h1{font-size:clamp(1.5rem,3vw,2rem);margin-top:12px}
.hata-sayfa>p{margin-top:10px;color:var(--metin-2);max-width:48ch;line-height:1.6}
.hata-sayfa .arama{margin:26px auto 0;max-width:520px;width:100%}
.hata-linkler{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}

/* ---------- Bolum arasi ---------- */
.ust-bosluk{margin-top:clamp(40px,5vw,64px)}
.yatay-ayrac{height:1px;background:var(--cizgi);margin:clamp(32px,4vw,48px) 0}

/* ---------- Duyarli ---------- */
@media (max-width:1279px){
  .liste-duzen{grid-template-columns:250px minmax(0,1fr);gap:24px}
  .katlar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sepet-duzen{grid-template-columns:minmax(0,1fr) 340px}
  .sepet-satir{grid-template-columns:80px minmax(0,1fr) 136px 110px 40px;gap:14px}
  .sepet-gorsel{width:80px;height:80px}
  .deger-grid,.iletisim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marka-tum{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1023px){
  .liste-duzen{grid-template-columns:minmax(0,1fr)}
  .filtre-ac{display:inline-flex}
  .filtre-sonuc{display:flex;position:sticky;bottom:0;margin-top:8px;box-shadow:0 -12px 16px 4px #fff}
  .filtre{position:fixed;top:0;bottom:0;left:0;z-index:50;width:min(380px,90vw);padding:0 16px 16px;overflow-y:auto;background:#fff;border-radius:0 var(--rl) var(--rl) 0;transform:translateX(-102%);transition:transform .3s cubic-bezier(.16,1,.3,1);align-content:start}
  .filtre.is-acik{transform:none;box-shadow:var(--golge)}
  .filtre-bas{display:flex;position:sticky;top:0;z-index:1;align-items:center;justify-content:space-between;padding:14px 0;margin-bottom:4px;background:#fff;border-bottom:1px solid var(--cizgi)}
  .filtre-bas h2{font-size:1.2rem}
  .liste-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .urun-detay{grid-template-columns:minmax(0,1fr)}
  .galeri{position:static;max-width:560px}
  .sepet-duzen,.takip-duzen,.hesap-duzen,.sss-duzen,.metin-duzen,.form-iki{grid-template-columns:minmax(0,1fr)}
  .ozet,.hesap-menu,.sss-menu,.metin-menu{position:static}
  .sss-menu{display:none}
  .giris-duzen{grid-template-columns:minmax(0,1fr)}
  .giris-yan{order:-1}
  .giris-yan img{display:none}
  .iki-kolon,.blog-one{grid-template-columns:minmax(0,1fr)}
  .kampanya-satir,.kampanya-satir:nth-child(even){grid-template-columns:minmax(0,1fr)}
  .kampanya-satir:nth-child(even) .kampanya-satir-gorsel{order:0}
  .kampanya-satir-gorsel{min-height:240px}
  .hesap-menu{display:flex;gap:6px;overflow-x:auto;padding:8px;scrollbar-width:none}
  .hesap-menu::-webkit-scrollbar{display:none}
  .hesap-kimlik{display:none}
  .hesap-menu [role="tab"],.hesap-menu .cikis{width:auto;white-space:nowrap;flex:none}
  .hesap-menu .cikis{margin:0;border:0;padding-top:11px;border-radius:10px}
  .siparis-kart-bas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .sayfa-bas-ic{padding-block:16px 22px}
  .form-izgara,.secenekler,.kart-alanlari,.adres-grid,.avantaj-liste{grid-template-columns:minmax(0,1fr)}
  .liste-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arac-cubuk{flex-direction:column;align-items:stretch}
  .arac-sag{justify-content:space-between}
  .arac-sag .girdi{min-width:0;flex:1}
  .katlar-grid,.deger-grid,.iletisim-grid{grid-template-columns:minmax(0,1fr)}
  .kat-blok{grid-template-columns:88px minmax(0,1fr)}
  .marka-tum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sepet-satir{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"g a s" "k k t";gap:12px 14px;padding:16px}
  .sepet-gorsel{grid-area:g;width:72px;height:72px;align-self:start}
  .sepet-ad{grid-area:a}
  .sepet-satir .adet-kontrol{grid-area:k;max-width:150px}
  .sepet-tutar{grid-area:t;align-self:center;white-space:nowrap}
  .sepet-satir .sil-dugme{grid-area:s;align-self:start}
  .sepet-bas,.sepet-alt{padding:14px 16px}
  .hizli-ekle{grid-template-columns:minmax(0,1fr) 72px}
  .hizli-ekle .dugme{grid-column:1/-1}
  .adim-cubuk li{font-size:0;gap:0}
  .adim-cubuk li.is-aktif{font-size:.9rem;gap:8px}
  .siparis-kart-urunler .dugme{margin-left:0;width:100%}
  .tablo-ozellik th{width:50%}
  .yazi-gorsel{aspect-ratio:16/10;border-radius:var(--rl)}
  .harita{min-height:300px}
  .cta-bant .dugmeler{width:100%}
  .cta-bant .dugme{flex:1}
}

/* Footer alt satiri: telif + sozlesme baglantilari */
.footer-yasal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}
.footer-yasal nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.footer-yasal nav a{color:var(--metin-2)}
.footer-yasal nav a:hover{color:var(--kirmizi-metin)}
.urun-grid.is-bos{display:block}
.filtre-link>span{flex:1}
.filtre-link>.ico{width:16px;height:16px}
.prose .adim-blok{padding:0;list-style:none}
.prose .adim-blok h3{margin-top:0}
.prose .adim-blok li::marker{content:none}