/* MEGUZE — site yüzü stili (mobile-first) */
:root{
--kagit:#f6f6f4; --kart:#fff; --metin:#17171a; --soluk:#6c6c70; --cizgi:#e3e3df;
--vurgu:#1d6f5c; --vurgu-koyu:#155446; --vurgu-soft:#e8f3ef;
--sari:#9a6b00; --sari-soft:#fdf3dc; --golge:0 1px 2px rgba(0,0,0,.05);
}
@media (prefers-color-scheme: dark){
:root{ --kagit:#131318; --kart:#1d1d23; --metin:#f0f0ee; --soluk:#9b9ba1; --cizgi:#2e2e37;
--vurgu:#4db9a0; --vurgu-koyu:#6fd0b8; --vurgu-soft:#17352e;
--sari:#e0b765; --sari-soft:#332a18; --golge:none; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--metin);
font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%;display:block}
a{color:var(--vurgu);text-decoration:none}
a:hover{text-decoration:underline}
.sar{max-width:1080px;margin:0 auto;padding:0 16px}
.kucuk{font-size:13px;color:var(--soluk)}
/* önizleme şeridi */
.serit{background:var(--sari-soft);color:var(--sari);font-size:12.5px;text-align:center;
padding:7px 16px;padding-top:calc(7px + env(safe-area-inset-top,0px))}
.serit a{color:var(--sari);text-decoration:underline}
/* üst */
.ust{background:var(--kart);border-bottom:1px solid var(--cizgi);padding-bottom:12px}
.ust-ic{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px}
/* Marka kilidi: üst satırda AMBLEM + MEGUZE birlikte, alttaki
TOPTAN GİYİM TİCARET AĞI yazısının ORTASINDA duracak şekilde. */
.logo{display:flex;flex-direction:column;align-items:center;gap:2px;
font-weight:800;font-size:25px;letter-spacing:-.6px;color:var(--metin);line-height:1.05}
.logo:hover{text-decoration:none}
.logo b{color:var(--vurgu);font-weight:800}
.logo .ust-satir{display:flex;align-items:center;gap:9px;white-space:nowrap}
.logo .amblem{width:38px;height:38px;flex:0 0 auto}
.logo .ustyazi{display:block;font-size:9px;font-weight:700;letter-spacing:1.2px;
text-transform:uppercase;color:var(--vurgu);white-space:nowrap;
margin-right:-1.2px} /* harf aralığının sondaki boşluğu ortalamayı kaydırmasın */
.menu{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto;font-size:14px}
.menu a{color:var(--soluk)}
.menu a.aktif{color:var(--metin);font-weight:600}
/* Patron 16.10.2026: "alıcı girişi ve satıcı girişi biraz daha dikkat çekici olsun" → "düğmelerin ikisi de
yeşil dolgulu olsun, alttaki kayıt düğmeleri de dolgulu olsun" — Satıcı/Alıcı girişi + Satıcı ol/Alıcı ol */
.menu a.menu-dugme{padding:5px 12px;border-radius:999px;font-weight:700;line-height:1.3;background:#1b6b5a;color:#fff}
.menu a.menu-dugme:hover{background:#155446;color:#fff}
.ara-kutu{display:flex;gap:8px}
.ara-kutu input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--cizgi);
border-radius:10px;background:var(--kagit);color:var(--metin);font-size:16px}
.ara-kutu input:focus{outline:2px solid var(--vurgu);outline-offset:-1px}
.ara-kutu button{background:var(--vurgu);color:#fff;border:0;border-radius:10px;
padding:0 22px;font-size:15px;font-weight:600;cursor:pointer}
/* genel */
main{padding:22px 16px 56px}
h1{font-size:25px;letter-spacing:-.4px;margin:0 0 6px}
h2{font-size:17px;margin:30px 0 12px}
h3{font-size:15px;margin:0 0 6px}
.giris{color:var(--soluk);margin:0 0 4px;max-width:70ch}
.kirinti{font-size:12.5px;color:var(--soluk);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kirinti i{font-style:normal;opacity:.5}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:13px;padding:16px;box-shadow:var(--golge)}
/* ızgaralar */
.izgara{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
.izgara-genis{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.cipler{display:flex;flex-wrap:wrap;gap:8px}
.cip{background:var(--vurgu-soft);color:var(--vurgu);border-radius:99px;padding:6px 13px;
font-size:13px;font-weight:500}
a.cip:hover{text-decoration:none;background:var(--vurgu);color:#fff}
/* ürün kartı */
.urun{background:var(--kart);border:1px solid var(--cizgi);border-radius:13px;overflow:hidden;
display:flex;flex-direction:column;box-shadow:var(--golge)}
.urun:hover{text-decoration:none;border-color:var(--vurgu)}
/* 🖼️ GÖRSEL ORANI = TMT SİTE STANDARDI (patron 09.10.2026: "bizim sitelerin
görsel abatlarına çevir"). Önceden 1/1 idi ve `object-fit` HİÇ YOKTU:
![]()
varsayılanı `fill` olduğu için dikey çekilmiş giyim fotoğrafı
kutuya ZORLA geriliyordu — ürün dar ve uzun görünüyordu.
· Liste: 3/4 + cover (Türkobir/Mesudiyeli/Florivenza ile aynı)
· Detay: 3/4 + contain (bizim detay standardımız; giysinin TAMAMI görünür)
⚠️ Listede `contain` kullanılmadı: Meguze kartı kenarlıklı, contain
"çerçeve içinde çerçeve" görüntüsü verir (Tofipe dersi, tf.css). */
.urun .gorsel{aspect-ratio:3/4;width:100%;height:auto;object-fit:cover;
display:block;background:var(--kagit)}
/* ADET ROZETİ — Türkobir/Tofipe'deki .urun-adet-rozet ile aynı dil
(patron 10.10.2026: "adet rozetleri olsun, 6 adet 12 adet gibi;
minimum yazmaya gerek yok, bizim site gibi").
⚠️ TEKLİ satılan üründe rozet YOK: "1 adet" bilgi değil gürültü. */
.urun{position:relative}
/* 📈 Satış puanı rozeti (patron 17.10.2026) — adet rozetinin ALTINDA (top:40px); üstte dar kartta adet rozetini kapatıyordu */
.urun .ongoru-rozet{position:absolute;top:40px;left:8px;z-index:2;color:#fff;font-size:11px;font-weight:800;white-space:nowrap;padding:3px 8px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.urun .ongoru-yuksek{background:#c2410c}.urun .ongoru-iyi{background:#15803d}.urun .ongoru-orta{background:#64748b}.urun .ongoru-dusuk{background:#94a3b8;opacity:.85}
.urun .adet-rozet{position:absolute;top:8px;right:8px;z-index:2;
background:#0f766e;color:#fff;font-size:12px;font-weight:700;
padding:4px 9px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.urun .ic{padding:11px 12px 13px;display:flex;flex-direction:column;gap:3px;flex:1}
.urun .ad{font-size:13.5px;font-weight:600;color:var(--metin);line-height:1.35;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.urun .satici{font-size:11.5px;color:var(--soluk)}
.urun .fiyat{font-size:17px;font-weight:700;color:var(--metin);margin-top:4px}
.urun .fiyat small{font-size:11px;font-weight:500;color:var(--soluk)}
.urun .gizli{font-size:13px;font-weight:600;color:var(--vurgu);margin-top:4px}
.urun .min{font-size:11.5px;color:var(--soluk)}
/* firma / bölge kartı */
.firma{display:flex;gap:12px;align-items:flex-start;background:var(--kart);
border:1px solid var(--cizgi);border-radius:13px;padding:14px;box-shadow:var(--golge)}
.firma:hover{text-decoration:none;border-color:var(--vurgu)}
/* Patron 09.10.2026: "firma isimleri büyük olsa daha iyi olmaz mı".
Satıcı kartında asıl bilgi FİRMA ADIDIR — ağ, mağazaların adıyla
hatırlanır. Ad 15px ile logo kadar bile baskın değildi. */
/* Patron 09.10.2026: "firma isimleri büyük olsa daha iyi olmaz mı" → 19px.
(Arada 16'ya çekilmişti: "yazıları küçült demedim, bu MARKAYI küçük
harfle yaz dedim" — kastedilen BLOUIR'in büyük harfli yazımıydı.) */
.firma img{width:58px;height:58px;border-radius:11px;flex:0 0 auto}
.firma .ad{font-weight:700;color:var(--metin);font-size:19px;line-height:1.25;
letter-spacing:-.2px}
.firma .meta{font-size:12.5px;color:var(--soluk);margin-top:2px}
.rozet{display:inline-block;background:var(--vurgu-soft);color:var(--vurgu);font-size:11px;
font-weight:650;padding:2px 8px;border-radius:99px;margin-left:6px;vertical-align:1px}
/* ürün detay */
.detay{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:760px){ .detay{grid-template-columns:minmax(0,420px) minmax(0,1fr)} }
.gorseller{display:grid;gap:8px;grid-template-columns:1fr 1fr;position:relative}
/* Detayda rozet biraz daha büyük — bizim sitedeki .galeri-adet-rozet gibi */
.gorseller .adet-rozet{position:absolute;top:12px;right:12px;z-index:2;
background:#0f766e;color:#fff;font-size:14px;font-weight:700;
padding:6px 12px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.gorseller img:first-child{grid-column:1/-1;border-radius:12px}
/* 📱 MOBİLDE GALERİ EKRANI YUTMASIN (10.10.2026 mobil denetimi).
Ölçüm: telefonda 3/4 oranlı kapak + iki küçük görsel ≈ 750 px; ürün adı
ve "WhatsApp'tan bilgi al" düğmesi ancak bir ekran kaydırınca geliyordu.
B2B'de asıl eylem o düğme — alıcıyı aramaya götüren tek yol.
Kapak yüksekliği sınırlanıyor; Türkobir/Tofipe detay sayfasında da
aynı kural var (site.css: 58vh). dvh, iOS adres çubuğu için. */
@media(max-width:759px){
.gorseller img:first-child{aspect-ratio:auto;height:52vh;height:52dvh;
max-height:52vh;max-height:52dvh;object-fit:contain;background:var(--kagit)}
.gorseller img:not(:first-child){aspect-ratio:1/1;max-height:120px}
}
.gorseller img{border-radius:10px;background:var(--kart);
aspect-ratio:3/4;width:100%;height:auto;object-fit:contain;display:block}
.ozet-fiyat{font-size:28px;font-weight:750;letter-spacing:-.5px}
.ozet-fiyat small{font-size:13px;font-weight:500;color:var(--soluk)}
table.kademe{width:100%;border-collapse:collapse;margin:10px 0 2px;font-size:14px}
table.kademe th,table.kademe td{padding:9px 6px;border-bottom:1px solid var(--cizgi);text-align:right}
table.kademe th:first-child,table.kademe td:first-child{text-align:left}
table.kademe th{color:var(--soluk);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px}
table.kademe tr:last-child td{border-bottom:0}
dl.bilgi{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:14px}
dl.bilgi dt{color:var(--soluk)}
dl.bilgi dd{margin:0}
.dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.dugme{display:inline-block;background:var(--vurgu);color:#fff;border:0;border-radius:10px;
padding:13px 20px;font-size:15px;font-weight:650;cursor:pointer;text-align:center}
.dugme:hover{text-decoration:none;background:var(--vurgu-koyu)}
.dugme.wa{background:#25926b}
.dugme.ikincil{background:transparent;color:var(--vurgu);border:1.5px solid var(--vurgu)}
/* formlar */
form.talep{display:grid;gap:10px;margin-top:10px}
form.talep label{font-size:13px;color:var(--soluk);display:block;margin-bottom:4px}
form.talep input,form.talep textarea,form.talep select{width:100%;padding:11px 12px;
border:1px solid var(--cizgi);border-radius:9px;background:var(--kagit);color:var(--metin);font-size:16px}
form.talep textarea{min-height:84px;resize:vertical}
/* ☑️ Onay kutusu ve seçim düğmesi metin kutusu GİBİ ÇİZİLMEZ (13.10.2026,
patron: "bu yazı burada çok çirkin duruyor"). Üstteki kural her input'a
width:100% veriyordu; onay kutusu satırın tamamını kaplıyor, yanındaki
"Üyelik sözleşmesini … onaylıyorum" yazısı kelime kelime alt alta
sıkışıyordu. */
form.talep input[type=checkbox],form.talep input[type=radio]{width:18px;height:18px;
padding:0;margin:2px 0 0;flex:none;accent-color:var(--vurgu)}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--metin)}
.onay span{flex:1;min-width:0}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:460px){ .ikili{grid-template-columns:1fr} }
.sonuc{margin-top:10px;padding:12px;border-radius:9px;font-size:14px;display:none}
.sonuc.ok{background:var(--vurgu-soft);color:var(--vurgu);display:block}
.sonuc.hata{background:var(--sari-soft);color:var(--sari);display:block}
/* süzgeç */
.suzgec{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.suzgec select{padding:9px 11px;border:1px solid var(--cizgi);border-radius:9px;
background:var(--kart);color:var(--metin);font-size:14px}
.sonuc-sayi{font-size:13.5px;color:var(--soluk);margin-left:auto}
/* bilgi kutusu */
.not{background:var(--sari-soft);color:var(--sari);border-radius:11px;padding:13px;font-size:13.5px}
.bos{background:var(--kart);border:1px dashed var(--cizgi);border-radius:13px;padding:32px 16px;
text-align:center;color:var(--soluk)}
/* alt */
.alt{border-top:1px solid var(--cizgi);background:var(--kart);padding:24px 0 36px;
padding-bottom:calc(36px + env(safe-area-inset-bottom,0px));color:var(--soluk);font-size:13.5px}
.alt p{margin:0 0 6px}
.alt-baglanti{margin-top:10px!important;line-height:2}
.alt-baglanti a{color:var(--soluk);text-decoration:none;white-space:nowrap}
.alt-baglanti a:hover{color:var(--metin);text-decoration:underline}
/* durum sayfası */
.sayilar{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.sayi{background:var(--kart);border:1px solid var(--cizgi);border-radius:11px;padding:13px}
.sayi b{display:block;font-size:23px;font-variant-numeric:tabular-nums}
.sayi span{font-size:12px;color:var(--soluk)}
ul.asama{list-style:none;padding:0;margin:0}
ul.asama li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--cizgi);font-size:14px}
ul.asama li:last-child{border-bottom:0}
ul.asama .im{width:20px;text-align:center}
.tamam .im{color:var(--vurgu)}
.sirada .ad{font-weight:650}
.bekliyor .ad,.kapsam_disi .ad{color:var(--soluk)}
.etiket{margin-left:auto;font-size:11px;color:var(--soluk);white-space:nowrap}
/* 🗄️ ÇEKMECE (patron 10.10.2026: "mağazaları da gizle, açılır kapanır
olsun çekmece gibi; bölgeleri de çekmece yap"). Ana sayfa 50 ürün +
15 satıcı + bölgelerle uzamıştı; ikincil listeler kapalı duruyor.
⚠️ JavaScript YOK: / yerli öğe — tarayıcı kapalıyken
de çalışır, klavyeyle açılır, ekran okuyucu anlar. Kendi yazdığımız
bir açılır-kapanır her zaman bunlardan birini kaçırır. */
.cekmece{border:1px solid var(--cizgi);border-radius:13px;background:var(--kart);
margin:18px 0 0;overflow:hidden}
.cekmece>summary{cursor:pointer;padding:14px 16px;font-size:17px;font-weight:650;
list-style:none;display:flex;align-items:center;gap:8px;user-select:none}
.cekmece>summary::-webkit-details-marker{display:none}
.cekmece>summary::after{content:'›';margin-left:auto;font-size:22px;line-height:1;
color:var(--soluk);transform:rotate(90deg);transition:transform .15s}
.cekmece[open]>summary::after{transform:rotate(-90deg)}
.cekmece>summary:hover{background:var(--kagit)}
.cekmece .ic-cekmece{padding:0 16px 16px}
.cekmece .sayi{font-size:13px;font-weight:500;color:var(--soluk)}
/* ===== VİTRİN BANDI (ana sayfa tepesi) ===========================
Patron 10.10.2026: "sitenin baş taraflarına güzel bir slogan yaz,
toptan en ucuza satılan ürünler burada gibi, heyecanlandırıcı
dikkat çekici bir şey hazırla."
🔴 "TÜRKİYE'NİN EN UCUZU" YAZILMADI — bilerek. Ticari Reklam ve
Haksız Ticari Uygulamalar Yönetmeliği m.9: "en", "en ucuz" gibi
üstünlük iddiası BELGEYE bağlıdır; belgesi olmayan iddia Reklam
Kurulu cezası + Google Ads ret sebebi. Onun yerine ucuzluğun
SEBEBİ yazıldı (aracı yok, komisyon yok, kaynak fiyatı) —
bu ispatlanabilir ve aynı şeyi daha inandırıcı söylüyor.
================================================================= */
.vitrin{background:linear-gradient(135deg,var(--vurgu-koyu),var(--vurgu));
color:#fff;border-radius:16px;padding:26px 20px 22px;margin:4px 0 20px;
position:relative;overflow:hidden}
.vitrin::after{content:"";position:absolute;right:-60px;top:-60px;
width:220px;height:220px;border-radius:50%;
background:rgba(255,255,255,.07);pointer-events:none}
.vitrin-ust{display:inline-block;font-size:10px;font-weight:800;
letter-spacing:1.6px;text-transform:uppercase;opacity:.85;
margin:0 0 10px}
.vitrin h1{color:#fff;font-size:27px;line-height:1.2;margin:0 0 10px;
max-width:24ch}
.vitrin h1 b{color:#fff;background:rgba(255,255,255,.16);
border-radius:8px;padding:0 7px;box-decoration-break:clone;
-webkit-box-decoration-break:clone}
.vitrin-slogan{font-size:16px;line-height:1.5;margin:0;max-width:52ch;
color:rgba(255,255,255,.92)}
.vitrin-sart{list-style:none;display:flex;flex-wrap:wrap;gap:7px;
margin:16px 0 0;padding:0}
.vitrin-sart li{background:rgba(255,255,255,.14);border-radius:99px;
padding:5px 12px;font-size:12.5px;font-weight:600;white-space:nowrap}
@media (min-width:720px){
.vitrin{padding:34px 30px 28px}
.vitrin h1{font-size:36px;letter-spacing:-.6px}
.vitrin-slogan{font-size:17px}
}
/* Koyu temada degrade zaten koyu; yazı beyaz kalır. */
/* Ürünlerin hemen üstündeki arama kutusu (patron 10.10.2026).
Başlıktaki kutuyla aynı forma gider; burada biraz nefes payı alır. */
/* 🔎 ÜRÜNLERİN ÜSTÜNDEKİ ARAMA KUTUSU (patron 11.10.2026: "ürün arama
kutucuğu biraz daha fark edilebilir olsun").
Başlıktaki kutuyla aynı stili taşıyınca sayfanın içinde kayboluyordu:
gri çerçeve + açık zemin, etrafındaki ürün kartlarından ayrışmıyor.
Artık kutu KENDİ ALANINA oturuyor — vurgu renginde çerçeve, hafif
yeşil zemin, yumuşak gölge; düğme de büyüdü.
⚠️ Başlıktaki kutu DEĞİŞMEDİ: orası sayfanın tepesinde, yardıma
ihtiyacı yok. Her iki kutuyu birden vurgulamak gürültü olurdu. */
.ara-kutu.urun-ara{margin:0 0 16px;padding:12px;border-radius:14px;
background:var(--vurgu-soft);border:2px solid var(--vurgu);
box-shadow:0 2px 10px rgba(29,111,92,.12)}
.ara-kutu.urun-ara input{border-color:var(--vurgu);background:var(--kart);
padding:14px 16px;font-size:16px}
.ara-kutu.urun-ara button{padding:0 26px;font-size:16px;font-weight:700}
/* 💰 Ticaret şartları şeridi — ana sayfa, vitrinin hemen altı
(patron 11.10.2026). Sayılar lib/sepet-taban'dan gelir. */
.sartlar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.sartlar span{background:var(--sari-soft);color:var(--sari);
border:1px solid rgba(154,107,0,.25);border-radius:10px;
padding:9px 14px;font-size:14px;line-height:1.4}
.sartlar span .kucuk{color:inherit;opacity:.75}
@media (min-width:720px){ .sartlar span{font-size:15px} }
/* ↕️ Sıralama seçici (patron 11.10.2026) — liste sayfalarının üstünde,
ürün ızgarasından önce. Sağa yaslı: başlığı ve ürün sayısını
itmesin, ama göz kaçırmayacak kadar da belirgin. */
.sirala-form{display:flex;align-items:center;justify-content:flex-end;
gap:8px;margin:0 0 12px}
.sirala-form label{white-space:nowrap}
.sirala-form select{padding:9px 12px;border:1px solid var(--cizgi);
border-radius:10px;background:var(--kart);color:var(--metin);
font-size:14px;max-width:220px}
.sirala-form select:focus{outline:2px solid var(--vurgu);outline-offset:-1px}
/* 🔁 "Bu ürünü satan diğer satıcılar" — sessiz karşılaştırma listesi.
Sade bilerek: rozet yok, yüzde yok, renk vurgusu yok. Satıcıyı
rakibinin yanında damgalamıyoruz (patron 11.10.2026 kararı). */
.ds-kutu{background:var(--vurgu-soft);border:2px solid var(--vurgu);
border-radius:14px;padding:16px;margin:18px 0 20px;
box-shadow:0 2px 10px rgba(29,111,92,.12)}
.ds-kutu h2{color:var(--vurgu)}
.diger-satici{display:flex;flex-direction:column;gap:8px}
.diger-satici a{display:grid;grid-template-columns:1fr auto;
gap:2px 12px;align-items:baseline;padding:12px 14px;
border:1px solid var(--cizgi);border-radius:10px;background:var(--kart);
color:var(--metin);text-decoration:none}
.diger-satici a:hover{border-color:var(--vurgu);text-decoration:none;
box-shadow:0 1px 6px rgba(0,0,0,.07)}
.ds-ad{font-weight:700;font-size:15px}
.ds-fiyat{font-weight:800;font-size:17px;white-space:nowrap}
.ds-paket{grid-column:1 / -1;color:var(--soluk)}
/* ⬆️ Başa dön düğmesi (patron 14.10.2026) — sağ alt köşe, kaydırınca görünür.
⚠️ Atası transform taşımamalı: transform, position:fixed'i kırar. */
.basa-don {
position: fixed; right: 16px; bottom: 76px; z-index: 50; /* 01.11: altında 💬 Destek düğmesi */
width: 48px; height: 48px; border-radius: 50%; border: 0;
background: var(--vurgu); color: #fff; font-size: 22px; line-height: 1;
box-shadow: 0 4px 14px rgba(0,0,0,.22); cursor: pointer;
}
.basa-don[hidden] { display: none; }
.basa-don:hover { filter: brightness(1.1); }
/* 🔒 Üyelere özel fiyat (patron 14.10.2026) — bulanık yer tutucu; gerçek rakam HTML'de yok. */
.bulanik { filter: blur(6px); user-select: none; -webkit-user-select: none; }
.fiyat.kilitli { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.fiyat.kilitli small { color: var(--vurgu); font-weight: 600; font-size: 12px; line-height: 1.3; }
.fiyat.kilitli small a { color: inherit; text-decoration: underline; }
.fiyat.kilitli.buyuk { font-size: 26px; font-weight: 800; margin: 10px 0 12px; }
.fiyat.kilitli.buyuk small { font-size: 14px; }
/* 📈 Ne Satsam? trend radarı (patron 15.10.2026) */
.trend-bas h1 { margin-bottom: 6px; }
.trend-bolum { margin: 14px 0; }
.trend-bolum h2 { margin: 0 0 4px; font-size: 19px; }
.trend-liste { margin: 10px 0 0; padding-left: 22px; }
.trend-liste li { padding: 7px 0; border-bottom: 1px solid var(--cizgi); display: list-item; }
.trend-liste li a { font-weight: 600; }
.trend-cubuk { display: inline-block; vertical-align: middle; width: 90px; height: 8px; border-radius: 4px; background: var(--vurgu-soft); margin: 0 6px; overflow: hidden; }
.trend-cubuk i { display: block; height: 100%; background: var(--vurgu); }
.trend-yon { font-weight: 700; font-size: 13px; white-space: nowrap; }
.trend-yon.yukari { color: #1a8a4a; } .trend-yon.asagi { color: #c0392b; }
.trend-kilit { margin-top: 10px; padding: 10px 12px; border-radius: 9px; background: var(--vurgu-soft); font-size: 14px; }
/* 🔔 Yeni ürün alarmı (patron 15.10.2026) */
.takip-dugme.takipte { background: var(--vurgu-soft); border-color: var(--vurgu); color: var(--vurgu-koyu); }
.cip .cip-sil { border: 0; background: none; color: inherit; font-size: 16px; line-height: 1; cursor: pointer; padding: 0 0 0 6px; }
/* 🎁 Üyelik faydaları (patron 15.10.2026) */
.fayda-kart { max-width: 620px; margin-bottom: 16px; border-color: var(--vurgu); }
.fayda-liste { list-style: none; margin: 0; padding: 0; }
.fayda-liste li { display: flex; gap: 12px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--cizgi); }
.fayda-liste li:first-child { border-top: 0; }
.fayda-ikon { font-size: 22px; line-height: 1.2; flex: 0 0 28px; text-align: center; }
/* 🚚 Bölge nakliyesi (patron 15.10.2026) */
.nak-liste { list-style: none; margin: 0; padding: 0; }
.nak-liste > li { padding: 9px 0; border-top: 1px solid var(--cizgi); }
.nak-liste > li:first-child { border-top: 0; }
.nak-kisiler { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; font-size: 14px; }
.wa-mini { color: #1a8a4a; font-weight: 600; }
/* 💬 DESTEK KUTUSU (patron 01.11.2026) — sağ alt; başa dön düğmesi bunun üstünde. */
.destek-dugme { position: fixed; right: 16px; bottom: 20px; z-index: 51; border: 0; border-radius: 24px;
padding: 12px 16px; background: var(--vurgu); color: #fff; font-weight: 700; font-size: 15px;
box-shadow: 0 4px 14px rgba(0,0,0,.22); cursor: pointer; }
.destek-dugme[hidden], .destek-kutu[hidden], #dsRozet[hidden] { display: none; }
#dsRozet { display: inline-block; margin-left: 6px; min-width: 20px; padding: 0 6px; border-radius: 10px;
background: #e53935; color: #fff; font-size: 12px; line-height: 20px; }
.destek-kutu { position: fixed; right: 16px; bottom: 76px; z-index: 52; width: min(380px, calc(100vw - 32px));
max-height: min(600px, calc(100vh - 110px)); display: flex; flex-direction: column; background: var(--zemin, #fff);
border-radius: 14px; box-shadow: 0 10px 34px rgba(0,0,0,.28); overflow: hidden; }
.destek-bas { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px;
background: var(--vurgu); color: #fff; }
.destek-bas button { background: none; border: 0; color: #fff; font-size: 18px; cursor: pointer; }
.destek-ic { padding: 12px 14px; overflow-y: auto; }
.destek-ic form { display: flex; flex-direction: column; gap: 8px; }
.destek-ic select, .destek-ic textarea, .destek-ic input { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px;
padding: 8px 10px; border: 1px solid #ccc; border-radius: 8px; }
#dsGecmis { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.ds-m { padding: 8px 10px; border-radius: 10px; white-space: pre-wrap; font-size: 14px; max-width: 90%; }
.ds-m.ben { align-self: flex-end; background: #e8f0fe; }
.ds-m.ekip { align-self: flex-start; background: #f1f1f1; }
.ds-m.bekle { align-self: flex-start; color: var(--soluk); font-size: 13px; }
/* 🎯 DİKKAT DAĞITMAYAN ÖDEME SAYFASI (02.11.2026): — ödeme sırasında siteden çıkışa götüren
menü, Instagram şeridi ve alt bilgi bağlantıları gizli; logo ve sözleşme linkleri kalır. */
body[data-sade="odeme"] nav.menu,
body[data-sade="odeme"] .ig-ust, body[data-sade="odeme"] .instagram-ust,
body[data-sade="odeme"] footer.alt .alt-baglanti,
body[data-sade="odeme"] footer.alt .alt-rehber { display: none !important; }
/* 🏚️ Kapanan Firmalar (04.11.2026, BR §187) */
.kf-kahraman,.kf-ana{background:#7c2d12;color:#fff;border-radius:16px;padding:20px;margin:0 0 16px}
.kf-kahraman h1,.kf-ana h2{color:#fff;margin:0 0 8px;line-height:1.2}
.kf-ana h2{font-size:21px}
.kf-kahraman p,.kf-ana p{margin:0 0 14px;line-height:1.5;color:#ffedd5}
.kf-kahraman p b,.kf-ana p b{color:#fff}
.kf-iki{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.kf-iki a{display:block;background:#fff;color:#7c2d12;border-radius:12px;padding:13px 14px;text-decoration:none}
.kf-iki b{display:block;font-size:16px}
.kf-iki span{display:block;font-size:13px;color:#475569;margin-top:2px}
.kf-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.kf-kart{display:block;background:#fff;border:1px solid #e7e5e4;border-radius:14px;overflow:hidden;color:inherit;text-decoration:none}
.kf-gorsel{position:relative;aspect-ratio:4/3;background:#f4f4f5}
.kf-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.kf-rozet{position:absolute;left:8px;top:8px;background:#b91c1c;color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px}
.kf-rozet.kf-atolye{background:#b45309}
.kf-rozet.kf-duz{position:static;display:inline-block}
.kf-ic{padding:10px 12px 12px}
.kf-baslik{font-weight:700;line-height:1.3;margin:0 0 3px}
.kf-fiyat{font-size:20px;font-weight:800;margin-top:6px}
.kf-fiyat small{font-size:13px;font-weight:500}
.kf-detay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
@media (max-width:760px){.kf-detay{grid-template-columns:minmax(0,1fr)}}
.kf-sec{flex:1;display:flex;align-items:center;gap:6px;border:1.5px solid #fdba74;border-radius:8px;padding:9px;cursor:pointer}