/* ========================================================================== EXPRESS -- stoktan hemen teslim bandi (template-parts/home/stokta.php) Kapsam: yalnizca .kvl-ex. Baska hicbir bolume dokunmaz. ⚠ 2. TUR -- kullanici geri bildirimi: "tam genislik olmasi guzel ama fazla hareketli. kartlarin koseleri 90 derece uymadi." Onceki surumde sonsuz kayan serit vardi. KALDIRILDI. Bu sitede hover'da yukselme bile "cok WordPress" diye elenmisti; surekli hareket o cizginin otesindeydi -- dikkati caliyor, okumayi zorlastiriyor, mobilde pil yiyor. "Hiz" artik hareketle DEGIL, uc sabit isaretle kuruluyor: 1. Tam genislikte KOYU bant -- sayfanin geri kalani beyaz/krem; bu bant baska bir "mod". Renk degisimi, animasyon degil. 2. Serit sayfanin sag kenarindan TASARAK cikar: durur, ama yonu vardir. Kesilen kart "devami var"i animasyonsuz soyler; kaydirma kullanicinin elinde. 3. Tipografi: aralikli kucuk ETIKET + siki aralikli kisa cumle. Sayfanin diger basliklari buyuk ve siki; bu ters yonde -- ayrisma buyutmeyle degil, karsitlikla kuruluyor. ⚠ Urun gorselleri BEYAZ ZEMINLI kupur. Koyu bantta kartlar bu yuzden BEYAZ plaka uzerinde duruyor -- kupurun zemini plakayla ayni, kutu gorunmuyor. (Ayni gerekce .k-postcard__plate icin theme.css:502'de yazili.) ========================================================================== */ .kvl-ex { /* ⚠ RENK SINYALI (3. tur: "express oldugunu gosteren bir renk grafik yok ki"). Bant artik notr siyah degil, MARKA BORDOSU. Neden bant, neden kucuk bir rozet degil: koyu zeminde bordo METIN okunmuyor -- olculdu, #83283A/#1D1B19 = 1.90:1, AA icin 4.5 gerekiyor. Kucuk bordo bir isaret ya gorunmez olurdu ya da uydurma bir acik ton gerektirirdi. Bandin KENDISI renk olunca sinyal uzaktan okunuyor ve beyaz metin 13.88:1 ile rahat geciyor. ⚠ ALTIN KULLANILMADI -- o Premium hattinin dili, Express onunla karismamali. ⚠ Renk TEK BASINA anlam tasimiyor: "EXPRESS" kelimesi damgada yaziyor, baslik ve govde de vaadi metinle soyluyor. Renk yalnizca vurgu. Degistirmek icin tek satir: --kx-bg / --kx-stamp / --kx-stamp-ink. */ --kx-bg: var(--brand-burgundy-700, #55151F); --kx-stamp: var(--brand-cream, #E6D4C0); --kx-stamp-ink: var(--brand-burgundy-700, #55151F); --kx-card: 260px; --kx-gap: var(--space-6); /* ⚠ 4. TUR (kullanici): "Bantı sola doğru yasla, sol ve sağ akışı göstersin sanki kaydırılabilirmiş gibi." ONCE: `--kx-inset` kap girintisine esitti, ilk kart BASLIKLA HIZALI basliyordu; genis ekranda serit ortada duruyor, solunda genis olu bordo alan kaliyordu. Serit "raf" gibi degil, "izgara" gibi okunuyordu. SIMDI: girinti SAYFA olugu -- serit iki uctan da tasar. Kesilen kart "devami var"i animasyonsuz soyler; yon iki tarafa birden okunur. */ --kx-inset: var(--gutter); /* Uc solma genisligi: kart genisliginin ucte biri -- kesilen kart tamamen kaybolmaz, sadece zemine karisir. */ --kx-fade: clamp(28px, 6vw, 88px); margin-top: var(--section-y); padding-block: var(--space-12) var(--space-11); background: var(--kx-bg); color: var(--grey-0, #FFFFFF); overflow: hidden; } /* --- Baslik --- */ .kvl-ex__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-6) var(--space-8); } .kvl-ex__copy { max-width: 46ch; } .kvl-ex__t { margin: 0; display: block; } /* ⚠ text-transform: uppercase HICBIR YERDE KULLANILMIYOR (Turkcede i -> I bozar). "EXPRESS" kaynakta zaten buyuk harfli ve Latin -- Turkce harf icermiyor. Baslik iki katmanli: ETIKET + CUMLE. Onceki surumde "EXPRESS" 72px'ti ve altinda "stoktan hemen teslim" yaziyordu; hemen ardindan gelen govde cumlesi AYNI SEYI ucuncu kez soyluyordu. Kullanici bu sitede tekrar eden bilgiyi daha once reddetti. Simdi: etiket markayi, cumle vaadi, govde ise vaadin OLCUSUNU (4-8 hafta) soyluyor -- ucu de farkli. Ayrisma buyuk puntoyla degil, aralikli kucuk etiket ile kuruluyor: sayfadaki diger bolum basliklari siki aralikli ve buyuk; bu ters yonde. */ /* Damga: dolu zemin. Duz renkli METIN olarak birakilamazdi -- bkz. yukaridaki kontrast olcumu. Dolu zemin hem gecerli kontrast verir hem de "muhur" karakteri tasir: bu bolum digerlerinden farkli bir sey soyluyor. */ .kvl-ex__label { display: inline-block; margin-bottom: var(--space-5); padding: 6px var(--space-4) 5px; border-radius: var(--radius-chip); background: var(--kx-stamp); color: var(--kx-stamp-ink); font-size: var(--size-caption); line-height: 1; letter-spacing: .28em; font-weight: 600; /* ⚠ letter-spacing sagda bosluk birakir; damga icinde saga kayik durur. */ text-indent: .28em; } .kvl-ex__word { display: block; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.08; letter-spacing: var(--ls-tight); font-weight: 600; } .kvl-ex__b { margin: var(--space-5) 0 0; font-size: var(--size-body); line-height: var(--lh-body); color: rgba(255, 255, 255, .72); } .kvl-ex__aside { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-7); } .kvl-ex__cta { flex: 0 0 auto; color: var(--brand-cream, #E6D4C0); font-size: var(--size-body-sm); font-weight: 500; letter-spacing: var(--ls-normal); text-decoration: none; border-bottom: 1px solid rgba(230, 212, 192, .38); padding-bottom: 2px; transition: border-color var(--duration-fast) var(--ease-standard); } .kvl-ex__cta:hover { border-bottom-color: var(--brand-cream, #E6D4C0); } /* --- Kaydirma kontrolu --------------------------------------------------- ⚠ Serit gostergesi olarak kesilen kart tek basina yetmiyordu: masaustunde fare tekerlegi yatay kaydirmaz. Gercek