/* css/sayfa/magaza-vitrini.css — genel/magaza-vitrini.blade.php içindeki gömülü <style>'dan taşındı (2026-09-30, aciklama.md #11).
   Bu dosya artık TEK kaynak: stili burada değiştirin. */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', Tahoma, sans-serif; }
:root {
  --mor:#A621D8; --mor-koyu:#8A1AB5; --magenta:#E6358F; --magenta-koyu:#C41F75;
  --sari:#FFD23F; --sari-koyu:#E0AE1C; --gri:#f7f7f7;
  --koyu:#1a1a1a; --beyaz:#fff; --golge:0 4px 20px rgba(166,33,216,.12);
  --text-hafif:#666680; --shadow:0 2px 12px rgba(26,26,46,.08); --shadow-hover:0 6px 20px rgba(26,26,46,.14); --r:12px;
  --gradient:linear-gradient(135deg,var(--mor),var(--magenta));
  --yesil:#2ecc71; --kirmizi:#e74c3c; --turuncu:#f39c12;
}
body { background:var(--gri); color:var(--koyu); line-height:1.6; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
.container { max-width:1280px; margin:0 auto; padding:0 20px; }

/* HEADER (genel.partials.header ile ortak) */
header { background:var(--beyaz); padding:14px 0; box-shadow:var(--golge); position:sticky; top:0; z-index:100; }
.header-inner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; }
.logo { font-size:28px; font-weight:800; background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; white-space:nowrap; }
.logo span { color:var(--sari); -webkit-text-fill-color:var(--sari); }
.search-box { justify-self:center; width:100%; position:relative; max-width:520px; }
.search-box input { width:100%; padding:11px 48px 11px 18px; border:2px solid #eee; border-radius:12px; font-size:14px; outline:none; background:var(--gri); }
.search-box button { position:absolute; right:4px; top:4px; bottom:4px; width:38px; background:var(--gradient); border:none; border-radius:50%; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.header-icons { display:flex; gap:8px; align-items:center; margin-left:auto; }
.icon-btn { position:relative; background:none; border:none; cursor:pointer; color:var(--koyu); width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; transition:.3s; }
.icon-btn:hover { background:var(--gri); color:var(--mor); }
.icon-btn svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.icon-btn .badge { position:absolute; top:2px; right:2px; background:var(--magenta); color:#fff; font-size:10px; min-width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; }
.header-divider { width:1px; height:28px; background:#e0e0e0; margin:0 4px; }
.header-user-wrapper { position:relative; }
.header-user { display:flex; align-items:center; gap:10px; cursor:pointer; padding:6px 14px 6px 6px; border-radius:12px; border:1.5px solid var(--mor); background:#faf5fc; transition:.3s; }
.header-user:hover { background:#f0e6f7; }
.header-user-avatar { width:32px; height:32px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; background:var(--gradient); }
.header-user-text { font-size:13px; font-weight:600; }
.user-chevron { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2.5; transition:.3s; }
.header-user.open .user-chevron { transform:rotate(180deg); }
.user-dropdown { position:absolute; top:calc(100% + 12px); right:0; width:320px; background:var(--beyaz); border-radius:12px; box-shadow:0 15px 50px rgba(0,0,0,.18); padding:10px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all .25s ease; z-index:200; border:1px solid #eee; }
.user-dropdown.active { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown-user-info { display:flex; align-items:center; gap:12px; padding:14px; background:linear-gradient(135deg,#f0e6f7,#fce4f0); border-radius:12px; margin-bottom:8px; }
.dropdown-avatar { width:48px; height:48px; border-radius:50%; overflow:hidden; border:2px solid var(--beyaz); flex-shrink:0; }
.dropdown-user-info h5 { font-size:14px; margin-bottom:2px; }
.dropdown-user-info small { font-size:11px; color:#888; }
.dropdown-divider { height:1px; background:#eee; margin:6px 0; }
.dropdown-section-title { font-size:10px; color:#999; text-transform:uppercase; letter-spacing:1px; padding:8px 12px 4px; font-weight:700; }
.dropdown-item { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:10px; cursor:pointer; transition:.2s; font-size:13px; color:var(--koyu); }
.dropdown-item:hover { background:var(--gri); color:var(--mor); }
.dropdown-item svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2; flex-shrink:0; }
.dropdown-item.logout { color:var(--kirmizi); }
.btn-guest { padding:9px 18px; border-radius:12px; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
.btn-guest.outline { background:none; border:1.5px solid var(--mor); color:var(--mor); }
.btn-guest.filled { background:var(--gradient); border:none; color:#fff; }

/* BREADCRUMB */
.breadcrumb { max-width:1280px; margin:20px auto; padding:0 20px; font-size:13px; color:#888; display:flex; flex-wrap:wrap; gap:6px; }
.breadcrumb a { color:var(--mor); }
.breadcrumb span.sep { color:#ccc; }

/* SHOP HERO */
.shop-hero { max-width:1280px; margin:0 auto 25px; padding:0 20px; }
.shop-cover { height:220px; border-radius:12px 12px 0 0; overflow:hidden; position:relative; background:var(--gradient); }
.shop-cover img { width:100%; height:100%; object-fit:cover; }
.shop-cover-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.5), transparent 60%); }
.shop-main { background:var(--beyaz); border-radius:0 0 12px 12px; padding:25px 30px; box-shadow:var(--golge); display:flex; align-items:center; gap:20px; flex-wrap:wrap; position:relative; }
.shop-logo { width:100px; height:100px; border-radius:12px; overflow:hidden; border:4px solid var(--beyaz); margin-top:-70px; box-shadow:0 8px 25px rgba(0,0,0,.15); flex-shrink:0; background:var(--gradient); display:flex; align-items:center; justify-content:center; color:#fff; font-size:36px; font-weight:800; position:relative; z-index:2; }
.shop-logo img { width:100%; height:100%; object-fit:cover; }
.shop-info { flex:1; min-width:250px; }
.shop-name { font-size:24px; font-weight:800; margin-bottom:5px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.shop-verified { padding:3px 10px; background:var(--gradient); color:#fff; border-radius:12px; font-size:11px; font-weight:700; display:inline-flex; align-items:center; gap:4px; }
.shop-tagline { font-size:14px; color:#666; margin-bottom:8px; }
.shop-meta { display:flex; gap:18px; flex-wrap:wrap; font-size:13px; color:#888; }
.shop-meta span { display:inline-flex; align-items:center; gap:5px; }
.shop-summary-row { display:flex; gap:18px; flex-wrap:wrap; font-size:13.5px; font-weight:600; color:var(--koyu); margin-top:8px; }
.shop-summary-row span { display:inline-flex; align-items:center; gap:5px; }
.shop-actions { display:flex; gap:10px; flex-wrap:wrap; }
.btn-follow { padding:11px 24px; background:var(--gradient); color:#fff; border:none; border-radius:12px; font-weight:700; cursor:pointer; font-size:13px; display:flex; align-items:center; gap:6px; transition:.3s; }
.btn-follow:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(166,33,216,.3); }
.btn-follow svg { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2.5; }
.btn-follow.takip-ediliyor { background:var(--beyaz); color:var(--mor); border:1.5px solid var(--mor); }
.btn-follow.takip-ediliyor svg { stroke:var(--mor); }
.btn-secondary { padding:11px 20px; background:var(--beyaz); color:var(--mor); border:1.5px solid var(--mor); border-radius:12px; font-weight:600; cursor:pointer; font-size:13px; display:flex; align-items:center; gap:6px; }
.btn-secondary svg { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2.5; }

/* SHOP STATS */
.shop-stats { max-width:1280px; margin:0 auto 25px; padding:0 20px; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.shop-stat { background:var(--beyaz); padding:18px; border-radius:12px; box-shadow:var(--golge); text-align:center; }
.shop-stat .num { font-size:22px; font-weight:800; color:var(--magenta); line-height:1; }
.shop-stat .label { font-size:12px; color:#888; margin-top:4px; }

/* TABS */
.shop-tabs { max-width:1240px; margin:0 auto 20px; padding:10px 20px; display:flex; gap:8px; background:var(--beyaz); border-radius:12px; box-shadow:var(--golge); overflow-x:auto; }
.shop-tab { flex:0 1 auto; min-width:140px; padding:11px 22px; background:transparent; border:none; border-radius:10px; font-size:13px; font-weight:600; cursor:pointer; transition:.3s; color:#666; white-space:nowrap; }
.shop-tab:hover { background:var(--gri); color:var(--mor); }
.shop-tab.active { background:var(--gradient); color:#fff; }
.shop-search { margin-left:auto; position:relative; flex-shrink:0; width:220px; }
.shop-search input { width:100%; padding:10px 40px 10px 14px; border:1.5px solid #eee; border-radius:12px; font-size:13px; outline:none; background:var(--gri); }
.shop-search input:focus { border-color:var(--mor); }
.shop-search button { position:absolute; right:4px; top:4px; bottom:4px; width:30px; background:var(--gradient); border:none; border-radius:50%; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.shop-search button svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2.2; }
.shop-search-sonuc { max-width:1240px; margin:-12px auto 20px; padding:0 20px; font-size:13px; color:#666; }
.shop-search-sonuc strong { color:var(--magenta); }
.shop-search-sonuc a { color:var(--mor); font-weight:600; text-decoration:underline; }
.tab-content { display:none; max-width:1280px; margin:0 auto 40px; padding:0 20px; }
.tab-content.active { display:block; }
#tab-products { max-width:none; margin:0; padding:0; }

/* SHOP LAYOUT (filtre + ürün) */
.shop-layout { max-width:1280px; margin:0 auto 40px; padding:0 20px; display:grid; grid-template-columns:260px 1fr; gap:25px; }
.sidebar { background:var(--beyaz); border-radius:12px; padding:20px; box-shadow:var(--golge); height:fit-content; position:sticky; top:90px; }
.filter-group { margin-bottom:20px; }
.filter-group-title { font-size:13px; font-weight:700; margin-bottom:10px; }
.filter-check { display:flex; align-items:center; gap:8px; padding:6px 0; font-size:13px; cursor:pointer; }
.filter-check .count { margin-left:auto; color:#999; font-size:11px; }
.price-range { display:flex; gap:8px; margin-bottom:10px; }
.price-input { flex:1; min-width:0; padding:8px 10px; border:1px solid #ddd; border-radius:8px; font-size:12px; outline:none; text-align:center; }
.price-input:focus { border-color:var(--mor); }
.size-filter { display:flex; gap:6px; flex-wrap:wrap; }
.size-chip { min-width:38px; padding:6px 10px; border:1.5px solid #eee; border-radius:8px; background:var(--beyaz); cursor:pointer; font-size:12px; font-weight:600; text-align:center; }
.size-chip.selected { border-color:var(--magenta); background:#fce4f0; color:var(--magenta); }
.filtre-uygula { width:100%; padding:10px; background:var(--gradient); color:#fff; border:none; border-radius:10px; font-weight:600; cursor:pointer; font-size:13px; margin-top:5px; }
.filtre-temizle { display:block; text-align:center; font-size:12px; color:#888; margin-top:8px; }

/* ÜRÜN GRID */
.products-toolbar { background:var(--beyaz); border-radius:12px; padding:15px 20px; margin-bottom:20px; box-shadow:var(--golge); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; }
.result-count { font-size:14px; color:#666; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.result-count strong { color:var(--magenta); font-size:16px; }
.hizli-filtreler { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.hizli-filtre-pill {
  display:inline-flex; align-items:center; gap:5px; padding:6px 14px;
  border:1.5px solid #eee; border-radius:12px; font-size:12px; font-weight:600;
  color:var(--koyu); white-space:nowrap; transition:.2s;
}
.hizli-filtre-pill:hover { border-color:var(--mor); color:var(--mor); }
.hizli-filtre-pill.active { background:var(--gradient); border-color:transparent; color:#fff; }
.sort-select {
  padding:9px 14px; border:1.5px solid #eee; border-radius:10px; font-size:13px;
  background:var(--beyaz); cursor:pointer; color:var(--koyu); font-weight:500;
}
.sort-select:focus { border-color:var(--mor); outline:none; }
.products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }

/* ORTAK ÜRÜN KARTI (2026-09-06) — ana sayfadaki .urun-kart ile BİREBİR aynı görsel dil */
.urun-kart { background:var(--beyaz); border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow); transition:transform .25s,box-shadow .25s; display:flex; flex-direction:column; }
.urun-kart:hover { transform:translateY(-4px); box-shadow:var(--shadow-hover); }
.urun-kart:hover .urun-gorsel img { transform:scale(1.08); }
.urun-gorsel { aspect-ratio:3/4; position:relative; display:flex; align-items:center; justify-content:center; font-size:2.4rem; overflow:hidden; background:#f5f0f8; }
.urun-gorsel img { width:100%; height:100%; object-fit:cover; transition:transform .5s,opacity .3s; position:absolute; top:0; left:0; }
.urun-etiket { position:absolute; top:8px; left:8px; font-size:.62rem; font-weight:700; padding:3px 9px; border-radius:12px; z-index:2; }
.etiket-yeni { background:var(--mor); color:#fff; }
.etiket-indirim { background:#ff3a3a; color:#fff; }
.favori-btn { position:absolute; top:7px; right:7px; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.9); display:flex; align-items:center; justify-content:center; z-index:2; transition:background .2s; border:none; cursor:pointer; }
.favori-btn:hover { background:#fff; }
.favori-btn svg { width:15px; height:15px; stroke:var(--magenta); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:fill .2s; }
.favori-btn.aktif svg { fill:var(--magenta); }
.urun-bilgi { padding:12px 12px 14px; display:flex; flex-direction:column; gap:4px; flex:1; }
.urun-kat { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--mor); }
.urun-isim { font-weight:600; font-size:14px; color:var(--koyu); line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.urun-puan { display:flex; align-items:center; gap:4px; font-size:12px; color:var(--text-hafif); font-weight:600; }
.urun-puan svg { width:12px; height:12px; fill:var(--sari); stroke:var(--sari-koyu); stroke-width:1; }
.urun-etiket-satir { display:flex; flex-wrap:wrap; gap:4px; }
.mini-tag { font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:12px; display:inline-flex; align-items:center; gap:2px; }
.tag-kargo { background:#e6f7ec; color:#1c8a4a; }
.urun-stok-satir { font-size:11.5px; font-weight:700; color:#e0433f; }
.urun-sosyal-kanit { font-size:11px; color:var(--text-hafif); display:flex; align-items:center; gap:4px; }
.urun-sosyal-kanit svg { width:12px; height:12px; stroke:var(--text-hafif); fill:none; stroke-width:2; }
/* Fiyat düğmenin altına itilip kırılmasın: sığmazsa düğme alt satıra geçer, fiyat tek parça kalır (2026-10-06) */
.urun-alt { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 10px; margin-top:auto; padding-top:8px; }
.urun-fiyat { display:flex; flex-direction:column; align-items:flex-start; gap:1px; font-weight:800; font-size:17px; color:var(--koyu); line-height:1.15; white-space:nowrap; }
.urun-fiyat .eski { font-size:11.5px; color:var(--text-hafif); text-decoration:line-through; font-weight:600; }
.urun-sepet-tam { width:100%; max-width:140px; padding:9px 14px; background:var(--gradient); color:#fff; border:none; border-radius:10px; font-weight:600; cursor:pointer; transition:.3s; font-size:12.5px; flex-shrink:0; }
.urun-sepet-tam:hover { opacity:.9; transform:translateY(-1px); }
.urun-sepet-tam:disabled { opacity:.5; cursor:not-allowed; }
.bos { text-align:center; color:#888; padding:40px 0; }

/* MAĞAZA DEĞERLENDİRMELERİ — referans görsele birebir (2026-09-08, "birebir aynısını istiyorum") */
.card-header h3 svg.yildiz-baslik-ikon { width:17px; height:17px; vertical-align:-2px; margin-right:6px; stroke:var(--mor); fill:none; stroke-width:1.6; }

/* Puan özeti paneli: gri zemin + içinde beyaz puan kutusu + dağılım barları */
.degerlendirme-ozet-panel { display:grid; grid-template-columns:190px 1fr; gap:28px; align-items:center; background:var(--gri); border-radius:12px; padding:22px; margin-bottom:20px; }
.degerlendirme-ozet-kutu { background:var(--beyaz); border-radius:12px; padding:22px 14px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.degerlendirme-ozet-kutu .buyuk-puan { font-size:42px; font-weight:800; color:var(--magenta); line-height:1; }
.degerlendirme-ozet-kutu .yildizlar { color:var(--sari); font-size:16px; margin:8px 0 6px; letter-spacing:2px; }
.degerlendirme-ozet-kutu .adet { font-size:12px; color:#999; }
.yildiz-dagilim-listesi { display:flex; flex-direction:column; gap:11px; }
.yildiz-dagilim-satir { display:grid; grid-template-columns:34px 1fr 36px; align-items:center; gap:12px; font-size:13px; font-weight:600; color:#555; text-decoration:none; padding:2px 6px; border-radius:6px; }
.yildiz-dagilim-satir:hover { background:rgba(255,255,255,.7); }
.yildiz-dagilim-satir.aktif { background:var(--beyaz); }
.yildiz-dagilim-bar { height:9px; border-radius:5px; background:#e3e3ea; overflow:hidden; }
.yildiz-dagilim-bar span { display:block; height:100%; border-radius:5px; background:var(--gradient); }
.yildiz-adet { text-align:right; color:#999; font-weight:600; }

.degerlendirme-toolbar { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.degerlendirme-filtre-aktif { font-size:12.5px; color:var(--mor); }
.degerlendirme-filtre-aktif a { color:inherit; font-weight:700; margin-left:6px; }

/* Yorum listesi: kartsız, ince ayraç çizgili düz liste (Trendyol tarzı) */
.degerlendirme-liste .degerlendirme-satir { display:flex; gap:14px; padding:18px 0; border-bottom:1px solid #f0f0f0; }
.degerlendirme-liste .degerlendirme-satir:last-child { border-bottom:none; padding-bottom:2px; }
.degerlendirme-avatar { width:42px; height:42px; border-radius:50%; background:var(--gradient); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; flex-shrink:0; text-transform:uppercase; object-fit:cover; }
.degerlendirme-govde { flex:1; min-width:0; }
.degerlendirme-ust { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.degerlendirme-isim { font-weight:700; font-size:13.5px; color:var(--koyu); }
.degerlendirme-tarih { font-size:11.5px; color:#999; margin-top:2px; }
.degerlendirme-yildiz-satir { color:var(--sari); font-size:13px; white-space:nowrap; }
.degerlendirme-yorum { font-size:13.5px; color:#444; line-height:1.6; margin-top:8px; }
.degerlendirme-foto-listesi { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.degerlendirme-foto-listesi img { width:64px; height:64px; object-fit:cover; border-radius:10px; cursor:pointer; }
.degerlendirme-yanit-blok { margin-top:10px; padding:10px 14px; background:var(--gri); border-radius:10px; font-size:13px; border-left:3px solid var(--mor); }
.degerlendirme-yanit-blok strong { color:var(--mor); }

/* Faydalı / Yanıtla / Bildir — düz ikon+metin (kutu/pill YOK, görseldeki gibi) */
.degerlendirme-etkilesim { display:flex; align-items:center; gap:18px; margin-top:12px; }
.btn-etkilesim { display:inline-flex; align-items:center; gap:6px; border:none; background:none; padding:0; font-size:12.5px; font-weight:600; color:#888; cursor:pointer; }
.btn-etkilesim svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8; }
.btn-faydali:hover, .btn-yanitla:hover { color:var(--mor); }
.btn-faydali.aktif { color:var(--mor); }
.btn-faydali.aktif svg { fill:var(--mor); }
.btn-bildir svg { stroke:#e0507a; fill:#e0507a; }
.btn-bildir:hover { color:#e0507a; }
.btn-bildir:disabled { cursor:default; color:#ccc; }
.btn-bildir:disabled svg { stroke:#ccc; fill:#ccc; }

/* CARD / HAKKINDA / POLİTİKALAR */
.card { background:var(--beyaz); border-radius:12px; padding:22px; box-shadow:var(--golge); margin-bottom:20px; }
.zengin-metin-icerik { font-size:14px; line-height:1.8; color:#333; }
.zengin-metin-icerik h2, .zengin-metin-icerik h3 { margin:14px 0 8px; color:var(--koyu); }
.zengin-metin-icerik p { margin-bottom:10px; }
.zengin-metin-icerik ul, .zengin-metin-icerik ol { margin:0 0 10px 22px; }
.zengin-metin-icerik a { color:var(--mor); text-decoration:underline; }
.zengin-metin-icerik blockquote { border-left:3px solid var(--mor); padding-left:14px; color:#666; margin:10px 0; }
.card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; padding-bottom:15px; border-bottom:1.5px solid var(--gri); }
.card-header h3 { font-size:17px; }
.shop-info-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.info-block { background:var(--gri); border-radius:12px; padding:18px; }
.info-block h5 { font-size:14px; margin-bottom:10px; }
.info-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid #e0e0e0; font-size:13px; }
.info-row:last-child { border-bottom:none; }
.info-row .label { color:#888; }
.info-row .value { font-weight:600; color:var(--koyu); }
.info-row .value.good { color:var(--yesil); }

/* PAGINATION */
.pagination { display:flex; justify-content:center; gap:6px; flex-wrap:wrap; margin-top:20px; }
.page-btn { min-width:40px; height:40px; padding:0 12px; border:1.5px solid #eee; background:var(--beyaz); border-radius:10px; cursor:pointer; font-size:14px; font-weight:600; display:flex; align-items:center; justify-content:center; }
.page-btn.active { background:var(--gradient); color:#fff; border-color:transparent; }
.page-btn.disabled { opacity:.4; pointer-events:none; }

/* FOOTER */
/* FOOTER — sitedeki tek/ortak footer (2026-09-17, kullanıcı talimatı) */
footer { background:var(--koyu); color:#ccc; padding:50px 0 20px; margin-top:60px; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:32px; max-width:1280px; margin:0 auto; padding:0 20px 30px; }
.footer-col h4 { color:#fff; margin-bottom:18px; font-size:16px; }
.footer-col p { font-size:13px; line-height:1.8; margin-bottom:15px; }
.footer-col a { display:block; font-size:13px; margin-bottom:10px; transition:.3s; }
.footer-col a:hover { color:var(--sari); }
.footer-logo { font-size:28px; font-weight:800; margin-bottom:15px; background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.social-icons { display:flex; gap:10px; margin-top:15px; }
.social-icons a { width:38px; height:38px; background:rgba(255,255,255,.1); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:.3s; }
.social-icons a:hover { background:var(--gradient); }
.social-icons a svg { width:18px; height:18px; fill:#fff; }
.footer-bottom { max-width:1280px; margin:0 auto; padding:20px 20px 0; border-top:1px solid rgba(255,255,255,.1); text-align:center; font-size:13px; }
.footer-yasal { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px 14px; margin-bottom:14px; font-size:12.5px; }
.footer-yasal a { display:inline; margin-bottom:0; color:#aaa; }
.footer-yasal a:hover { color:var(--sari); }
.footer-yasal .ayirac { color:#555; }
@media(max-width:900px) { .footer-grid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:600px) { .footer-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:420px) { .footer-grid { grid-template-columns:1fr; } }

/* TOAST — "Ürün sepete eklendi" vb. (2026-10-06, kullanıcı talebi: kategori sayfasındaki gibi ince, geniş/kalın olmasın).
   İnce koyu şerit: solda yeşil onay yuvarlağı, ortada yazı (uzunsa en fazla iki satır), sağda küçük "Sepeti Gör". */
.toast {
  position:fixed; bottom:28px; left:50%; transform:translateX(-50%) translateY(16px);
  width:max-content; max-width:min(440px, calc(100vw - 24px));
  background:rgba(26,26,46,.94); color:#fff; padding:6px 6px 6px 8px; border-radius:12px;
  font-size:13px; font-weight:600; line-height:1.3; z-index:2000; opacity:0; transition:opacity .25s, transform .25s;
  box-shadow:0 8px 22px rgba(26,26,46,.25); display:flex; align-items:center; gap:9px;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.toast:not(.show){pointer-events:none} /* gizliyken altındaki düğmelere dokunmayı engellemesin (2026-10-03) */
.toast.show { transform:translateX(-50%) translateY(0); opacity:1; }
.toast svg { width:22px; height:22px; padding:4px; border-radius:50%; background:#22a565; stroke:#fff; fill:none; stroke-width:3.5; flex-shrink:0; }
#toastText { min-width:0; padding-right:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; }
.toast-action { margin-left:-4px; padding:6px 12px; background:var(--sari); color:var(--koyu); border-radius:12px; font-size:12px; font-weight:700; white-space:nowrap; flex-shrink:0; }

@media (max-width:1024px) {
  .shop-info-grid { grid-template-columns:1fr; }
  .products-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
  .search-box { display:none; }
  .header-user-text { display:none; }
  .shop-cover { height:150px; }
  .shop-logo { width:80px; height:80px; margin-top:-55px; font-size:28px; }
  .shop-name { font-size:20px; }
  .shop-layout { grid-template-columns:1fr; }
  .sidebar { position:static; }
  .products-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .shop-stats { grid-template-columns:repeat(2,1fr); gap:10px; }
  .shop-actions { width:100%; }
  .shop-actions button { flex:1; justify-content:center; }
  .shop-search { margin-left:0; width:100%; order:10; flex-basis:100%; margin-top:8px; }
  /* 2026-10-03: sekmeler alt satıra geçebilsin ki arama kutusu ekran dışına itilmesin; içerik sütunu ekrandan taşmasın */
  .shop-tabs { flex-wrap:wrap; }
  .shop-tab { min-width:0; flex:1 1 auto; padding:10px 12px; }
  .shop-layout { grid-template-columns:minmax(0,1fr); }
}

/* Telefondaki alt menü: css/ortak/mobil-menu-5li.css (2026-10-06) */

/* YUKARI ÇIK düğmesi — ana sayfadakiyle aynı; sadece telefonda görünür */
.yukari-btn{position:fixed;right:16px;bottom:78px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:var(--mor);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(166,33,216,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s;z-index:210}
.yukari-btn.gorunur{opacity:1;visibility:visible;transform:translateY(0)}
.yukari-btn svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.5}

/* Aşağı kaydırdıkça yükleme göstergesi (telefon) */
.sonsuz-yukleniyor { display:flex; align-items:center; justify-content:center; gap:10px; padding:26px 0 10px; font-size:13px; color:#888; }
.sonsuz-yukleniyor[hidden], .pagination[hidden] { display:none; }
.sonsuz-donen { width:18px; height:18px; border-radius:50%; border:2.5px solid #eadcf3; border-top-color:var(--mor); animation:sonsuzDon .8s linear infinite; }
@keyframes sonsuzDon { to { transform:rotate(360deg); } }

/* Telefona özel parçalar bilgisayarda gizli */
.mv-mobil-ust, .mv-magaza-arama, .mv-yol-satir, .mv-filtre-baslik, .mv-puan { display:none; }

/* ===== TELEFON (5d, 2026-10-06, kullanıcı talebi) =====
   Sıra: logo+arama → kapak (header'a yakın) → kapağın altında solda logo + ad + takipçi/satış → Takip Et / mesaj / paylaş
   → mağaza içi arama → sekmeler (tek satır, yana kayar) → yol satırı + sağda sıralama → üç hızlı filtre (tek satır)
   → 2'li ürün kartları (aşağı kaydırınca yüklenir) → yukarı çık düğmesi → 5'li alt menü (ilk düğme "Kategori":
   bilgisayardaki sol filtre alanı soldan çekmece olarak açılır).
   Gizli: üstteki eski ortak header, slogan, kategori/il/tarih satırı, 4'lü istatistik kutuları, "N ürün bulundu". */
@media (max-width:767px) {
  body > header { display:none !important; }

  /* Üst: solda logo, yanında arama */
  .mv-mobil-ust { display:flex; align-items:center; gap:10px; position:sticky; top:0; z-index:200; background:var(--beyaz); padding:10px 16px; box-shadow:0 1px 0 #eee; }
  .mv-logo { flex-shrink:0; line-height:1; font-size:23px; font-weight:800; color:var(--mor); }
  .mv-logo span { color:var(--magenta); }
  .mv-arama, .mv-magaza-arama { flex:1; min-width:0; display:flex; align-items:center; background:#f3f3f7; border-radius:12px; border:1.5px solid transparent; }
  .mv-arama:focus-within, .mv-magaza-arama:focus-within { border-color:var(--mor); }
  .mv-arama input, .mv-magaza-arama input { flex:1; min-width:0; border:none; background:none; padding:9px 4px 9px 14px; font-size:13.5px; outline:none; font-family:inherit; }
  .mv-arama button, .mv-magaza-arama button { width:38px; height:36px; border:none; background:none; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
  .mv-arama svg, .mv-magaza-arama svg { width:18px; height:18px; stroke:var(--mor); fill:none; stroke-width:2.4; stroke-linecap:round; }

  .mv-ust-yol { display:none; }

  /* Kapak: header'ın hemen altında, aradaki boşluk çok az */
  .shop-hero { margin:6px auto 12px; padding:0 12px; }
  .shop-cover { height:120px; border-radius:12px; }
  .shop-cover-overlay { display:none; }
  .shop-main { background:none; box-shadow:none; border-radius:0; padding:12px 4px 0; display:grid; grid-template-columns:auto 1fr; column-gap:12px; row-gap:10px; align-items:center; }
  .shop-logo { width:56px; height:56px; margin-top:0; border-radius:12px; border:2px solid var(--beyaz); font-size:22px; box-shadow:0 4px 12px rgba(0,0,0,.1); }
  .shop-info { min-width:0; }
  .shop-name { font-size:17px; gap:8px; margin-bottom:2px; flex-wrap:nowrap; display:flex; align-items:center; }
  .mv-ad { min-width:0; line-height:1.25; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /* uzun ad kesilmez, iki satıra iner */
  /* Puan rozeti — dikkat çekici (2026-10-06, kullanıcı talebi): dolgun sarı-turuncu zemin, beyaz yıldız yuvarlağı, gölge */
  .mv-puan { display:inline-flex; flex-shrink:0; align-items:center; gap:5px; padding:3px 10px 3px 3px; border-radius:12px; background:linear-gradient(135deg,#FFD23F,#FF9F1C); color:#1a1a2e; font-size:14.5px; font-weight:900; line-height:1; white-space:nowrap; box-shadow:0 4px 12px rgba(255,159,28,.45); }
  .mv-puan i { font-style:normal; width:22px; height:22px; border-radius:50%; background:#fff; color:#FF9F1C; display:flex; align-items:center; justify-content:center; font-size:14px; }
  .mv-puan-yeni { padding:5px 10px; font-size:11.5px; font-weight:800; background:var(--gradient); color:#fff; box-shadow:0 4px 12px rgba(166,33,216,.35); }
  .shop-verified { display:none; }
  .shop-tagline, .shop-meta, .shop-summary-row .mv-gizle { display:none; }
  .shop-summary-row { margin-top:2px; gap:12px; font-size:12.5px; color:#555; }
  /* Takip Et (yazılı) + mesaj + paylaş (yuvarlak ikon) — ad satırının hemen altında */
  .shop-actions { grid-column:1 / -1; width:auto; flex-wrap:nowrap; gap:8px; }
  .shop-actions .btn-follow { flex:1; justify-content:center; padding:10px 14px; }
  .shop-actions .btn-secondary { flex:0 0 42px; width:42px; height:42px; padding:0; border-radius:50%; justify-content:center; }
  .shop-actions .btn-secondary svg { width:18px; height:18px; }
  .btn-yazi { display:none; }

  .shop-stats { display:none; }

  /* Mağaza içi arama: sekmelerin üstünde tam genişlik */
  .mv-magaza-arama { display:flex; margin:0 16px 10px; background:var(--beyaz); border-color:#eee; }
  .shop-tabs .shop-search { display:none; }

  /* Sekmeler: tek satır, yana kayar */
  .shop-tabs { flex-wrap:nowrap; margin:0 16px 4px; padding:6px; gap:4px; border-radius:12px; scrollbar-width:none; }
  .shop-tabs::-webkit-scrollbar { display:none; }
  .shop-tab { flex:0 0 auto; min-width:0; padding:8px 12px; font-size:12.5px; }

  /* Yol satırı solda, sıralama kutusu sağa yaslı */
  .mv-yol-satir { display:flex; align-items:center; gap:10px; margin:10px 16px; font-size:12.5px; color:#888; }
  .mv-yol { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .mv-yol a { color:var(--mor); }
  .mv-yol .sep { color:#ccc; margin:0 3px; }
  .mv-sirala { flex-shrink:0; margin-left:auto; width:132px; padding:6px; font-size:12px; }
  .mv-urun-disi .mv-sirala { display:none; }
  .shop-search-sonuc { margin:-4px 16px 10px; padding:0; }

  /* Ürün listesi: sayı ve araç çubuğundaki sıralama yok; üç hızlı filtre tek satır */
  .shop-layout { display:block; padding:0 16px; margin-bottom:20px; }
  .products-toolbar { padding:0; background:none; box-shadow:none; margin-bottom:12px; }
  .sonuc-sayi, .toolbar-sirala { display:none; }
  .result-count { flex:1; min-width:0; }
  .hizli-filtreler { flex:1; flex-wrap:nowrap; gap:6px; min-width:0; }
  .hizli-filtre-pill { flex:1 1 0; min-width:0; justify-content:center; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:7px 4px; font-size:11.5px; background:var(--beyaz); }

  /* 2'li kartlar; kartta fiyat üstte, "Sepete Ekle" altında tam genişlik */
  .products-grid { grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
  .urun-bilgi { padding:10px 10px 12px; }
  .urun-isim { font-size:13px; }
  .urun-alt { flex-direction:column; align-items:stretch; }
  .urun-fiyat { flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:2px 6px; font-size:15px; }
  .urun-sepet-tam { max-width:none; padding:9px 8px; }

  /* Sol filtre alanı = alttaki "Kategori" düğmesiyle açılan çekmece (içerik bilgisayardakiyle aynı) */
  .sidebar.mm-dr { position:fixed; top:0; bottom:0; height:auto; border-radius:0; box-shadow:none; padding:0 16px 16px; overflow-y:auto; display:block; }
  .mv-filtre-baslik { display:flex; align-items:center; gap:12px; position:sticky; top:0; z-index:2; background:var(--beyaz); margin:0 -16px 14px; padding:14px 16px; border-bottom:1px solid #eee; }
  .mv-filtre-baslik h3 { flex:1; font-size:16px; }
  .mv-filtre-baslik button { font-size:22px; line-height:1; background:none; border:none; cursor:pointer; color:var(--koyu); }
  .filtre-uygula { position:sticky; bottom:0; padding:13px; font-size:14px; box-shadow:0 -8px 16px #fff; }

  .yukari-btn { display:flex; }
  /* Bildirim solda durur, sağdaki "yukarı çık" düğmesinin alanına girmez */
  .toast { bottom:calc(78px + env(safe-area-inset-bottom)); left:16px; max-width:calc(100% - 92px); transform:translateY(16px); font-size:12.5px; }
  .toast.show { transform:translateY(0); }

  .tab-content { padding:0 16px; }
  footer { margin-top:30px; }
}

/* Dar telefonlarda (380px ve altı) üç hızlı filtre yazısı kesilmeden sığsın */
@media (max-width:380px) {
  .hizli-filtreler { gap:4px; }
  .hizli-filtre-pill { font-size:10.5px; gap:3px; padding:7px 2px; }
  .mv-sirala { width:118px; }
}
/* Dar telefonlarda (360px vb.) üst bölümdeki Üye Ol / Giriş Yap düğmeleri taşmasın (2026-10-03) */
@media(max-width:400px){.header-inner{gap:10px}.btn-guest{padding:8px 12px}}