/* Tema tabanı (token'lar + tipografi). `global.css` YAYINA GİRMİYOR — bkz. theme-base.css başlığı. Bölüm CSS'i giriyor, o yüzden buradan. */ /* Imported from: ../../theme-base.css */ /* ========================================================================== TEMA TABANI — token'lar + tipografi yardımcı sınıfları NEDEN AYRI DOSYA: `global.css` editör önizlemesine dev sunucusunun WebSocket'i üzerinden gidiyor ama YAYINA GİRMİYOR. Yayınlanan sitede `--kombos-` token tanımları ve `display-` / `text-` sınıfları yoktu; zemin beyaz, butonlar stilsiz kalıyordu (alt bileşen CSS'i ise paylaşılan parçalarla sorunsuz gidiyor). Bu yüzden taban her BÖLÜMÜN styles.css'inden @import edilir. SEÇİCİ NOTU: bileşen CSS'i derlenirken her seçicinin başına `.cc_ ` eklenir — ölçüldü. Bu yüzden `:root` `.cc_id :root` olur ve HİÇBİR ZAMAN eşleşmez. Token'lar bu yüzden bölüm kök sınıflarına da yazılır; DOM'da her alt bileşen bir bölümün içinde olduğu için kalıtımla hepsine ulaşır. ========================================================================== */ /* NOT: ikas'ın hazır global.css başlık yorumu buradan KALDIRILDI. Sebebi: bileşen CSS kapsamlayıcısı yorumları ATLAMIYOR. Bir yorumun içinde süslü parantez geçerse onu kural sınırı sanıp yorum metnini seçiciye çeviriyor (ölçüldü: 27 seçicilik bozuk bir kural üretti). Aynı şekilde yıldız ve eğik çizginin yan yana gelmesi yorumu erken kapatır. KURAL: bu projedeki CSS yorumlarında süslü parantez kullanma. */ /* ===== Colors — Kombos Design System ===== */ .cc_MSI3fYnLer_category_images :root, .cc_MSI3fYnLer_category_images .cart-page, .cc_MSI3fYnLer_category_images .kombos-about-ema, .cc_MSI3fYnLer_category_images .kombos-emr, .cc_MSI3fYnLer_category_images .customer-email-verification, .cc_MSI3fYnLer_category_images .forgot-password, .cc_MSI3fYnLer_category_images .kombos-account-info, .cc_MSI3fYnLer_category_images .kombos-b2b, .cc_MSI3fYnLer_category_images .kombos-blog-home, .cc_MSI3fYnLer_category_images .kombos-bp, .cc_MSI3fYnLer_category_images .kombos-brand-cats, .cc_MSI3fYnLer_category_images .kombos-brand-intro, .cc_MSI3fYnLer_category_images .kombos-brand-logo, .cc_MSI3fYnLer_category_images .kombos-catalog, .cc_MSI3fYnLer_category_images .kombos-catdir, .cc_MSI3fYnLer_category_images .kombos-category-images, .cc_MSI3fYnLer_category_images .kombos-category-list, .cc_MSI3fYnLer_category_images .kombos-contact, .cc_MSI3fYnLer_category_images .kombos-features, .cc_MSI3fYnLer_category_images .kombos-footer, .cc_MSI3fYnLer_category_images .kombos-header, .cc_MSI3fYnLer_category_images .kombos-hero-slider, .cc_MSI3fYnLer_category_images .kombos-neon, .cc_MSI3fYnLer_category_images .kombos-pd, .cc_MSI3fYnLer_category_images .kombos-pd-tabs, .cc_MSI3fYnLer_category_images .kombos-product-slider, .cc_MSI3fYnLer_category_images .kombos-rich-text, .cc_MSI3fYnLer_category_images .kombos-solar, .cc_MSI3fYnLer_category_images .login, .cc_MSI3fYnLer_category_images .not-found, .cc_MSI3fYnLer_category_images .product-detail-reviews, .cc_MSI3fYnLer_category_images .recover-password, .cc_MSI3fYnLer_category_images .register { /* Z-Index */ --kombos-z-dropdown: 50; --kombos-z-header: 100; --kombos-z-overlay: 200; /* ========================================================== GECE VİTRİNİ — koyu tema token'ları ---------------------------------------------------------- Kombos'un token ADLARI korunur, DEĞERLERİ koyu temaya çevrilir. Böylece 51 bileşen tek dosyadan dönüşür. Skala ters çevrildi: gray-900 artık en AÇIK (ana metin), gray-50 en KOYU (yüzey). Kullanım rolleri aynı kaldığı için bileşen CSS'lerinin çoğu hiç değişmeden doğru çalışır: gray-900 → ana metin/başlık (139 metin kullanımı) gray-700 → ikincil metin (57) gray-500 → soluk metin (70) gray-200 → kenarlık (69) gray-50 → hover yüzeyi (27) Açık tema orijinalleri yorumda saklandı — geri dönmek için satırları takas etmek yeterli. ========================================================== */ /* Base — "white" bu temada KART/PANEL YÜZEYİDİR (36 zemin kullanımı) */ --kombos-white: #141a24; /* açık tema: #ffffff */ /* Sayfa zemini — Kombos'ta karşılığı yoktu; sabit (sticky) başlık ve altbilgi gibi kendi zeminini çizmek zorunda olan yüzeyler için gerekli. Editördeki "Gece Vitrini" renk şemasıyla aynı değerler. */ --kombos-bg: #0b0e14; --kombos-bg-deep: #080b10; /* Yükselti — koyu zeminde gölge "daha koyu" değil "daha derin" olmalı; açık temanın 0.06 alfa'sı görünmez kalıyor. */ --kombos-shadow-md: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.55); /* Vurgu — Kelvin mantığı: amber 2700K satar, mavi 6500K bilgilendirir */ --kombos-accent: #ffb454; /* sıcak amber — CTA, fiyat, aktif/seçili durum */ --kombos-accent-hover: #ffc478; /* amber dolgunun hover'ı — parlar, kararmaz */ --kombos-on-accent: #171008; /* DOYGUN DOLGU ÜZERİNE MÜREKKEP — amber, kırmızı rozet ve tehlike butonu dahil. Koyu temada açık metin bu dolgularda AA'yı geçmiyor (2.78:1), mürekkep geçiyor (6.19:1). */ --kombos-accent-2: #4fc3f7; /* soğuk mavi — teknik/B2B, odak halkası */ --kombos-glow-warm: rgba(255, 180, 84, 0.35); --kombos-glow-cool: rgba(79, 195, 247, 0.3); /* Prototip çizgi renkleri — kenarlıklar düz gri yerine yarı saydam beyaz. Koyu zeminde gri kenarlık "çamurlu" durur; saydam beyaz her yüzeyde çalışır. Prototipteki --line ve --line-strong karşılıkları. */ --kombos-line: rgba(255, 255, 255, 0.06); --kombos-line-strong: rgba(255, 255, 255, 0.12); /* Prototip köşe yarıçapı — kart/karo/panel köşeleri */ --kombos-radius: 16px; /* Işıklı ürün sahnesi — ürün görselleri karanlık vitrinde AÇIK bir kaide üzerinde durur (prototip .card-media). Beyaz zeminli ürün fotoğrafları multiply karışımıyla bu gradyana oturur, kesik beyaz kutu görünmez. */ --kombos-media-grad: linear-gradient(180deg, #fbfaf8 0%, #efece7 100%); --kombos-media-scrim: rgba(11, 14, 20, 0); /* Yazı aileleri — prototipte üç aile var. Kombos kuralı tek aile varsaydığı için font-family yazmayı yasaklar; bu tasarım sistemi üç aile ister. Aileler editör tipografi ayarlarında da tanımlı (Google Fonts oradan yüklenir). */ --kombos-font-head: "Space Grotesk", "Inter", system-ui, sans-serif; --kombos-font-mono: "IBM Plex Mono", ui-monospace, monospace; /* Semantic — koyu zeminde okunacak şekilde parlaklaştırıldı */ --kombos-error: #ff5a63; /* açık tema: #d4323b */ --kombos-success: #35d68a; /* açık tema: #0a8a4f */ --kombos-warning: #ffb454; /* açık tema: #b87514 */ --kombos-info: #4fc3f7; /* açık tema: #2563eb */ --kombos-badge-bg: #ff3b30; /* açık tema: #ff0000 */ --kombos-discount-bg: #ffb454; /* indirim rozeti amber (açık tema: #c8102e) */ --kombos-success-bg: #10361f; /* açık tema: #ceffb3 */ --kombos-error-hover: #ff7078; /* açık tema: #c82f37 */ /* Gray — TERS ÇEVRİLDİ (900 = en açık, 50 = en koyu) */ --kombos-gray-50: #1a2230; /* hover yüzeyi (açık tema: #fafafa) */ --kombos-gray-100: #1a2230; /* ince zemin/kenar (açık tema: #f6f6f6) */ --kombos-gray-200: #232a36; /* kenarlık (açık tema: #ececed) */ --kombos-gray-300: #5a6474; /* soluk metin/kenar (açık tema: #c4c4c6) */ --kombos-gray-400: #6f7a8c; /* placeholder metin (açık tema: #9c9c9f) */ --kombos-gray-500: #8b95a7; /* ikincil metin (açık tema: #727276) */ --kombos-gray-600: #aab3c2; /* — (açık tema: #4a4a4f) */ --kombos-gray-700: #d6dce5; /* birincil metin (açık tema: #2e2e33) */ --kombos-gray-800: #e6eaf0; /* — (açık tema: #202025) */ --kombos-gray-900: #f2f5f9; /* başlık/ana metin (açık tema: #14141a) */ /* Layout */ --kombos-max-width: 93.75rem; } /* ===== Typography — Kombos Design System ===== */ /* Font: Montserrat | Weights: Regular 400, Medium 500, Semibold 600 */ /* --- Display --- */ .cc_MSI3fYnLer_category_images .display-xxl-regular { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .display-xxl-medium { font-weight: 500; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .display-xxl-semibold { font-weight: 600; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .display-xl-regular { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .display-xl-medium { font-weight: 500; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .display-xl-semibold { font-weight: 600; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .display-lg-regular { font-weight: 400; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .display-lg-medium { font-weight: 500; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .display-lg-semibold { font-weight: 600; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .display-md-regular { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .display-md-medium { font-weight: 500; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .display-md-semibold { font-weight: 600; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .display-sm-regular { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .display-sm-medium { font-weight: 500; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .display-sm-semibold { font-weight: 600; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .display-xs-regular { font-weight: 400; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .display-xs-medium { font-weight: 500; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .display-xs-semibold { font-weight: 600; font-size: 1.5rem; line-height: 2rem; } /* --- Text --- */ .cc_MSI3fYnLer_category_images .text-xl-regular { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .text-xl-medium { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .text-xl-semibold { font-weight: 600; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .text-lg-regular { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .text-lg-medium { font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .text-lg-semibold { font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .text-md-regular { font-weight: 400; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .text-md-medium { font-weight: 500; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .text-md-semibold { font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .text-sm-regular { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .text-sm-medium { font-weight: 500; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .text-sm-semibold { font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .text-xs-regular { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .text-xs-medium { font-weight: 500; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .text-xs-semibold { font-weight: 600; font-size: 0.75rem; line-height: 1.125rem; } /* --- Strikethrough variants --- */ .cc_MSI3fYnLer_category_images .text-xl-medium-strike { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .text-md-regular-strike { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .text-sm-regular-strike { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .text-xs-regular-strike { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; text-decoration: line-through; } /* --- Underline variants --- */ .cc_MSI3fYnLer_category_images .display-xxl-underline { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .display-xl-underline { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .display-lg-underline { font-weight: 400; font-size: 3rem; line-height: 3.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .display-md-underline { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .display-sm-underline { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .display-xs-underline { font-weight: 400; font-size: 1.5rem; line-height: 2rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .text-xl-underline { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .text-lg-underline { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .text-md-underline { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .text-sm-underline { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .text-xs-underline { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; text-decoration: underline; } /* --- Responsive: sm (640px+) — Tailwind-style prefix --- */ @media (min-width: 640px) { /* Display */ .cc_MSI3fYnLer_category_images .sm\:display-xxl-regular { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .sm\:display-xxl-medium { font-weight: 500; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .sm\:display-xxl-semibold { font-weight: 600; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .sm\:display-xl-regular { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .sm\:display-xl-medium { font-weight: 500; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .sm\:display-xl-semibold { font-weight: 600; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .sm\:display-lg-regular { font-weight: 400; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .sm\:display-lg-medium { font-weight: 500; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .sm\:display-lg-semibold { font-weight: 600; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .sm\:display-md-regular { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .sm\:display-md-medium { font-weight: 500; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .sm\:display-md-semibold { font-weight: 600; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .sm\:display-sm-regular { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .sm\:display-sm-medium { font-weight: 500; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .sm\:display-sm-semibold { font-weight: 600; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .sm\:display-xs-regular { font-weight: 400; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .sm\:display-xs-medium { font-weight: 500; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .sm\:display-xs-semibold { font-weight: 600; font-size: 1.5rem; line-height: 2rem; } /* Text */ .cc_MSI3fYnLer_category_images .sm\:text-xl-regular { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .sm\:text-xl-medium { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .sm\:text-xl-semibold { font-weight: 600; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .sm\:text-lg-regular { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .sm\:text-lg-medium { font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .sm\:text-lg-semibold { font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .sm\:text-md-regular { font-weight: 400; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .sm\:text-md-medium { font-weight: 500; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .sm\:text-md-semibold { font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .sm\:text-sm-regular { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .sm\:text-sm-medium { font-weight: 500; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .sm\:text-sm-semibold { font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .sm\:text-xs-regular { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .sm\:text-xs-medium { font-weight: 500; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .sm\:text-xs-semibold { font-weight: 600; font-size: 0.75rem; line-height: 1.125rem; } /* Strikethrough */ .cc_MSI3fYnLer_category_images .sm\:text-xl-medium-strike { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .sm\:text-md-regular-strike { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .sm\:text-sm-regular-strike { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .sm\:text-xs-regular-strike { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; text-decoration: line-through; } /* Underline — Display */ .cc_MSI3fYnLer_category_images .sm\:display-xxl-underline { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:display-xl-underline { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:display-lg-underline { font-weight: 400; font-size: 3rem; line-height: 3.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:display-md-underline { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:display-sm-underline { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:display-xs-underline { font-weight: 400; font-size: 1.5rem; line-height: 2rem; text-decoration: underline; } /* Underline — Text */ .cc_MSI3fYnLer_category_images .sm\:text-xl-underline { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:text-lg-underline { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:text-md-underline { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:text-sm-underline { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .sm\:text-xs-underline { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; text-decoration: underline; } } /* --- Responsive: md (768px+) — Tailwind-style prefix --- */ @media (min-width: 768px) { /* Display */ .cc_MSI3fYnLer_category_images .md\:display-xxl-regular { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .md\:display-xxl-medium { font-weight: 500; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .md\:display-xxl-semibold { font-weight: 600; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .md\:display-xl-regular { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .md\:display-xl-medium { font-weight: 500; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .md\:display-xl-semibold { font-weight: 600; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .md\:display-lg-regular { font-weight: 400; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .md\:display-lg-medium { font-weight: 500; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .md\:display-lg-semibold { font-weight: 600; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .md\:display-md-regular { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .md\:display-md-medium { font-weight: 500; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .md\:display-md-semibold { font-weight: 600; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .md\:display-sm-regular { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .md\:display-sm-medium { font-weight: 500; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .md\:display-sm-semibold { font-weight: 600; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .md\:display-xs-regular { font-weight: 400; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .md\:display-xs-medium { font-weight: 500; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .md\:display-xs-semibold { font-weight: 600; font-size: 1.5rem; line-height: 2rem; } /* Text */ .cc_MSI3fYnLer_category_images .md\:text-xl-regular { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .md\:text-xl-medium { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .md\:text-xl-semibold { font-weight: 600; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .md\:text-lg-regular { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .md\:text-lg-medium { font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .md\:text-lg-semibold { font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .md\:text-md-regular { font-weight: 400; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .md\:text-md-medium { font-weight: 500; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .md\:text-md-semibold { font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .md\:text-sm-regular { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .md\:text-sm-medium { font-weight: 500; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .md\:text-sm-semibold { font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .md\:text-xs-regular { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .md\:text-xs-medium { font-weight: 500; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .md\:text-xs-semibold { font-weight: 600; font-size: 0.75rem; line-height: 1.125rem; } /* Strikethrough */ .cc_MSI3fYnLer_category_images .md\:text-xl-medium-strike { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .md\:text-md-regular-strike { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .md\:text-sm-regular-strike { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .md\:text-xs-regular-strike { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; text-decoration: line-through; } /* Underline — Display */ .cc_MSI3fYnLer_category_images .md\:display-xxl-underline { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:display-xl-underline { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:display-lg-underline { font-weight: 400; font-size: 3rem; line-height: 3.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:display-md-underline { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:display-sm-underline { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:display-xs-underline { font-weight: 400; font-size: 1.5rem; line-height: 2rem; text-decoration: underline; } /* Underline — Text */ .cc_MSI3fYnLer_category_images .md\:text-xl-underline { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:text-lg-underline { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:text-md-underline { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:text-sm-underline { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .md\:text-xs-underline { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; text-decoration: underline; } } /* --- Responsive: lg (1024px+) — Tailwind-style prefix --- */ @media (min-width: 1024px) { /* Display */ .cc_MSI3fYnLer_category_images .lg\:display-xxl-regular { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .lg\:display-xxl-medium { font-weight: 500; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .lg\:display-xxl-semibold { font-weight: 600; font-size: 4.5rem; line-height: 5.625rem; } .cc_MSI3fYnLer_category_images .lg\:display-xl-regular { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .lg\:display-xl-medium { font-weight: 500; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .lg\:display-xl-semibold { font-weight: 600; font-size: 3.75rem; line-height: 4.5rem; } .cc_MSI3fYnLer_category_images .lg\:display-lg-regular { font-weight: 400; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .lg\:display-lg-medium { font-weight: 500; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .lg\:display-lg-semibold { font-weight: 600; font-size: 3rem; line-height: 3.75rem; } .cc_MSI3fYnLer_category_images .lg\:display-md-regular { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .lg\:display-md-medium { font-weight: 500; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .lg\:display-md-semibold { font-weight: 600; font-size: 2.25rem; line-height: 2.75rem; } .cc_MSI3fYnLer_category_images .lg\:display-sm-regular { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .lg\:display-sm-medium { font-weight: 500; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .lg\:display-sm-semibold { font-weight: 600; font-size: 1.875rem; line-height: 2.375rem; } .cc_MSI3fYnLer_category_images .lg\:display-xs-regular { font-weight: 400; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .lg\:display-xs-medium { font-weight: 500; font-size: 1.5rem; line-height: 2rem; } .cc_MSI3fYnLer_category_images .lg\:display-xs-semibold { font-weight: 600; font-size: 1.5rem; line-height: 2rem; } /* Text */ .cc_MSI3fYnLer_category_images .lg\:text-xl-regular { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .lg\:text-xl-medium { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .lg\:text-xl-semibold { font-weight: 600; font-size: 1.25rem; line-height: 1.875rem; } .cc_MSI3fYnLer_category_images .lg\:text-lg-regular { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .lg\:text-lg-medium { font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .lg\:text-lg-semibold { font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; } .cc_MSI3fYnLer_category_images .lg\:text-md-regular { font-weight: 400; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .lg\:text-md-medium { font-weight: 500; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .lg\:text-md-semibold { font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .cc_MSI3fYnLer_category_images .lg\:text-sm-regular { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .lg\:text-sm-medium { font-weight: 500; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .lg\:text-sm-semibold { font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; } .cc_MSI3fYnLer_category_images .lg\:text-xs-regular { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .lg\:text-xs-medium { font-weight: 500; font-size: 0.75rem; line-height: 1.125rem; } .cc_MSI3fYnLer_category_images .lg\:text-xs-semibold { font-weight: 600; font-size: 0.75rem; line-height: 1.125rem; } /* Strikethrough */ .cc_MSI3fYnLer_category_images .lg\:text-xl-medium-strike { font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .lg\:text-md-regular-strike { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: line-through; } .cc_MSI3fYnLer_category_images .lg\:text-sm-regular-strike { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: line-through; } /* Underline — Display */ .cc_MSI3fYnLer_category_images .lg\:display-xxl-underline { font-weight: 400; font-size: 4.5rem; line-height: 5.625rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:display-xl-underline { font-weight: 400; font-size: 3.75rem; line-height: 4.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:display-lg-underline { font-weight: 400; font-size: 3rem; line-height: 3.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:display-md-underline { font-weight: 400; font-size: 2.25rem; line-height: 2.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:display-sm-underline { font-weight: 400; font-size: 1.875rem; line-height: 2.375rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:display-xs-underline { font-weight: 400; font-size: 1.5rem; line-height: 2rem; text-decoration: underline; } /* Underline — Text */ .cc_MSI3fYnLer_category_images .lg\:text-xl-underline { font-weight: 400; font-size: 1.25rem; line-height: 1.875rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:text-lg-underline { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:text-md-underline { font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:text-sm-underline { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; text-decoration: underline; } .cc_MSI3fYnLer_category_images .lg\:text-xs-underline { font-weight: 400; font-size: 0.75rem; line-height: 1.125rem; text-decoration: underline; } } /* --- Icons --- */ .cc_MSI3fYnLer_category_images svg.kombos-icon { fill: none; font-size: inherit; height: 1em; } .cc_MSI3fYnLer_category_images svg.kombos-icon path { color: currentColor; } /* ===== Container — Max-Width Wrapper ===== */ .cc_MSI3fYnLer_category_images .kombos-container { max-width: var(--kombos-max-width); margin-left: auto; margin-right: auto; width: 100%; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .cc_MSI3fYnLer_category_images .kombos-container { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { .cc_MSI3fYnLer_category_images .kombos-container { padding-left: 1.5rem; padding-right: 1.5rem; } } /* ===== Base Reset ===== */ .cc_MSI3fYnLer_category_images * { word-break: break-word; } /* ===== Richtext ===== */ .cc_MSI3fYnLer_category_images img, .cc_MSI3fYnLer_category_images video { max-width: 100%; height: auto; } .cc_MSI3fYnLer_category_images .kombos-richtext { color: var(--kombos-gray-900); font-size: 14px; overflow: hidden; position: relative; width: 100%; } .cc_MSI3fYnLer_category_images .kombos-richtext th { font-weight: bolder; text-align: left; } .cc_MSI3fYnLer_category_images .kombos-richtext caption { text-align: left; } .cc_MSI3fYnLer_category_images .kombos-richtext h1 { font-size: 2em; margin: 0; } .cc_MSI3fYnLer_category_images .kombos-richtext h2 { font-size: 1.5em; margin: 0; } .cc_MSI3fYnLer_category_images .kombos-richtext h3 { font-size: 1.17em; margin: 0; } .cc_MSI3fYnLer_category_images .kombos-richtext h4, .cc_MSI3fYnLer_category_images .kombos-richtext p, .cc_MSI3fYnLer_category_images .kombos-richtext blockquote, .cc_MSI3fYnLer_category_images .kombos-richtext ul, .cc_MSI3fYnLer_category_images .kombos-richtext fieldset, .cc_MSI3fYnLer_category_images .kombos-richtext form, .cc_MSI3fYnLer_category_images .kombos-richtext ol, .cc_MSI3fYnLer_category_images .kombos-richtext dl, .cc_MSI3fYnLer_category_images .kombos-richtext dir, .cc_MSI3fYnLer_category_images .kombos-richtext menu { margin: 0; } .cc_MSI3fYnLer_category_images .kombos-richtext h5 { font-size: 0.83em; margin: 0; } .cc_MSI3fYnLer_category_images .kombos-richtext h6 { font-size: 0.75em; margin: 0; } .cc_MSI3fYnLer_category_images .kombos-richtext h1, .cc_MSI3fYnLer_category_images .kombos-richtext h2, .cc_MSI3fYnLer_category_images .kombos-richtext h3, .cc_MSI3fYnLer_category_images .kombos-richtext h4, .cc_MSI3fYnLer_category_images .kombos-richtext h5, .cc_MSI3fYnLer_category_images .kombos-richtext h6, .cc_MSI3fYnLer_category_images .kombos-richtext b, .cc_MSI3fYnLer_category_images .kombos-richtext strong { font-weight: bolder; } .cc_MSI3fYnLer_category_images .kombos-richtext blockquote { margin-top: 0.625rem !important; margin-bottom: 0.625rem !important; } .cc_MSI3fYnLer_category_images .kombos-richtext i, .cc_MSI3fYnLer_category_images .kombos-richtext cite, .cc_MSI3fYnLer_category_images .kombos-richtext em, .cc_MSI3fYnLer_category_images .kombos-richtext var, .cc_MSI3fYnLer_category_images .kombos-richtext address { font-style: italic; } .cc_MSI3fYnLer_category_images .kombos-richtext pre, .cc_MSI3fYnLer_category_images .kombos-richtext tt, .cc_MSI3fYnLer_category_images .kombos-richtext code, .cc_MSI3fYnLer_category_images .kombos-richtext kbd, .cc_MSI3fYnLer_category_images .kombos-richtext samp { font-family: monospace; } .cc_MSI3fYnLer_category_images .kombos-richtext pre { white-space: pre; } .cc_MSI3fYnLer_category_images .kombos-richtext big { font-size: 1.17em; } .cc_MSI3fYnLer_category_images .kombos-richtext small, .cc_MSI3fYnLer_category_images .kombos-richtext sub, .cc_MSI3fYnLer_category_images .kombos-richtext sup { font-size: 0.83em; } .cc_MSI3fYnLer_category_images .kombos-richtext sub { vertical-align: sub; } .cc_MSI3fYnLer_category_images .kombos-richtext sup { vertical-align: super; } .cc_MSI3fYnLer_category_images .kombos-richtext table { border-spacing: 2px; border-collapse: collapse; } .cc_MSI3fYnLer_category_images .kombos-richtext thead, .cc_MSI3fYnLer_category_images .kombos-richtext tbody, .cc_MSI3fYnLer_category_images .kombos-richtext tfoot { vertical-align: middle; } .cc_MSI3fYnLer_category_images .kombos-richtext td, .cc_MSI3fYnLer_category_images .kombos-richtext th, .cc_MSI3fYnLer_category_images .kombos-richtext tr { vertical-align: inherit; } .cc_MSI3fYnLer_category_images .kombos-richtext s, .cc_MSI3fYnLer_category_images .kombos-richtext strike, .cc_MSI3fYnLer_category_images .kombos-richtext del { text-decoration: line-through; } .cc_MSI3fYnLer_category_images .kombos-richtext hr { border: 1px inset; } .cc_MSI3fYnLer_category_images .kombos-richtext ol, .cc_MSI3fYnLer_category_images .kombos-richtext ul, .cc_MSI3fYnLer_category_images .kombos-richtext dir, .cc_MSI3fYnLer_category_images .kombos-richtext menu, .cc_MSI3fYnLer_category_images .kombos-richtext dd { margin-left: 2.5rem; } .cc_MSI3fYnLer_category_images .kombos-richtext ol { list-style-type: decimal; } .cc_MSI3fYnLer_category_images .kombos-richtext ul { list-style-type: disc; } .cc_MSI3fYnLer_category_images .kombos-richtext ol ul, .cc_MSI3fYnLer_category_images .kombos-richtext ul ol, .cc_MSI3fYnLer_category_images .kombos-richtext ul ul, .cc_MSI3fYnLer_category_images .kombos-richtext ol ol { margin-top: 0; margin-bottom: 0; } .cc_MSI3fYnLer_category_images .kombos-richtext { line-height: 1.2; } /* HTML5 */ .cc_MSI3fYnLer_category_images .kombos-richtext figure { margin: 1em 40px; } .cc_MSI3fYnLer_category_images .centered-images img { margin: 0 auto; } /* ===== Reduced Motion ===== */ @media (prefers-reduced-motion: reduce) { .cc_MSI3fYnLer_category_images *, .cc_MSI3fYnLer_category_images *::before, .cc_MSI3fYnLer_category_images *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* ===== Shimmer Animation ===== */ @keyframes cc_MSI3fYnLer_category_images_kombos-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } /* ========================================================================== ZENGİN METİN — mağaza panelinden gelen HTML Platformun temel CSS'i h1-h6 etiketlerini sıfırlıyor: hepsi gövde boyutunda ve kenar boşluksuz geliyordu, bu yüzden başlıklar paragraflardan ayırt edilemiyor ve birbirine yapışıyordu. Panelden gelen metnin yapısını burada geri veriyoruz. Renk etkisizleştirmesi ilgili bileşenlerin kendi CSS'inde; burası yalnız TİPOGRAFİ ve RİTİM. Yeni bir zengin metin alanı eklersen sınıfını bu listeye ekle. ========================================================================== */ .cc_MSI3fYnLer_category_images .kombos-bp__content :is(h1, h2, h3, h4, h5, h6), .cc_MSI3fYnLer_category_images .kombos-category-list__description :is(h1, h2, h3, h4, h5, h6), .cc_MSI3fYnLer_category_images .kombos-pd-desc__body :is(h1, h2, h3, h4, h5, h6) { display: block; margin: 1.75rem 0 0.5rem; line-height: 1.25; font-family: "Space Grotesk", Inter, system-ui, sans-serif; letter-spacing: -0.01em; } .cc_MSI3fYnLer_category_images .kombos-bp__content :is(h1, h2, h3, h4, h5, h6):first-child, .cc_MSI3fYnLer_category_images .kombos-category-list__description :is(h1, h2, h3, h4, h5, h6):first-child, .cc_MSI3fYnLer_category_images .kombos-pd-desc__body :is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0; } .cc_MSI3fYnLer_category_images .kombos-bp__content h1, .cc_MSI3fYnLer_category_images .kombos-category-list__description h1, .cc_MSI3fYnLer_category_images .kombos-pd-desc__body h1 { font-size: 1.5rem; font-weight: 700; } .cc_MSI3fYnLer_category_images .kombos-bp__content h2, .cc_MSI3fYnLer_category_images .kombos-category-list__description h2, .cc_MSI3fYnLer_category_images .kombos-pd-desc__body h2 { font-size: 1.25rem; font-weight: 700; } .cc_MSI3fYnLer_category_images .kombos-bp__content h3, .cc_MSI3fYnLer_category_images .kombos-category-list__description h3, .cc_MSI3fYnLer_category_images .kombos-pd-desc__body h3 { font-size: 1.0625rem; font-weight: 600; } .cc_MSI3fYnLer_category_images .kombos-bp__content :is(h4, h5, h6), .cc_MSI3fYnLer_category_images .kombos-category-list__description :is(h4, h5, h6), .cc_MSI3fYnLer_category_images .kombos-pd-desc__body :is(h4, h5, h6) { font-size: 1rem; font-weight: 600; } .cc_MSI3fYnLer_category_images .kombos-bp__content p, .cc_MSI3fYnLer_category_images .kombos-category-list__description p, .cc_MSI3fYnLer_category_images .kombos-pd-desc__body p { margin: 0 0 0.875rem; } .cc_MSI3fYnLer_category_images .kombos-bp__content :is(ul, ol), .cc_MSI3fYnLer_category_images .kombos-category-list__description :is(ul, ol), .cc_MSI3fYnLer_category_images .kombos-pd-desc__body :is(ul, ol) { margin: 0 0 0.875rem; padding-left: 1.25rem; } .cc_MSI3fYnLer_category_images .kombos-bp__content li, .cc_MSI3fYnLer_category_images .kombos-category-list__description li, .cc_MSI3fYnLer_category_images .kombos-pd-desc__body li { margin-bottom: 0.375rem; } .cc_MSI3fYnLer_category_images .kombos-bp__content :is(p, ul, ol):last-child, .cc_MSI3fYnLer_category_images .kombos-category-list__description :is(p, ul, ol):last-child, .cc_MSI3fYnLer_category_images .kombos-pd-desc__body :is(p, ul, ol):last-child { margin-bottom: 0; } /* ========================================================================== GECE VİTRİNİ ORTAK KALIPLARI — prototipten birebir Prototipteki .mono, .sec-head, .sec-eyebrow, .sec-title, .sec-link kalıplarının bileşen karşılıkları. Her bölüm styles.css'i bu dosyayı @import ettiği için bu sınıflar her bölümde kullanılabilir. ========================================================================== */ /* Mono etiket — spec çipleri, eyebrow'lar, rozetler (prototip .mono) */ .cc_MSI3fYnLer_category_images .kombos-mono { font-family: var(--kombos-font-mono); font-weight: 500; font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; } /* Bölüm başlığı satırı — başlık solda, "tümünü gör" sağda, alta hizalı */ .cc_MSI3fYnLer_category_images .kombos-sec-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 2.75rem; } /* Eyebrow — başlığın üstündeki mono etiket, önünde 24px amber çizgi */ .cc_MSI3fYnLer_category_images .kombos-sec-eyebrow { font-family: var(--kombos-font-mono); font-weight: 500; font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kombos-gray-500); margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.625rem; } .cc_MSI3fYnLer_category_images .kombos-sec-eyebrow::before { content: ""; width: 1.5rem; height: 1px; background: var(--kombos-accent); display: inline-block; } /* Bölüm başlığı — Space Grotesk, sıkı aralık */ .cc_MSI3fYnLer_category_images .kombos-sec-title { font-family: var(--kombos-font-head); font-weight: 700; font-size: clamp(1.75rem, 4vw, 2.75rem); letter-spacing: -0.02em; line-height: 1.12; color: var(--kombos-gray-900); } /* "Tümünü gör" bağlantısı — amber, hover'da ok açılır */ .cc_MSI3fYnLer_category_images .kombos-sec-link { color: var(--kombos-accent); font-weight: 600; font-size: 0.9375rem; display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; transition: gap 0.25s; } .cc_MSI3fYnLer_category_images .kombos-sec-link:hover { gap: 0.75rem; } /* End import: ../../theme-base.css */ .cc_MSI3fYnLer_category_images .kombos-category-images { width: 100%; /* Bölüm kendi zeminini çizer — kod bileşenleri `body`/sayfa zeminini boyayamaz, CLI o kuralları düşürür (bkz. global.css başlığı). */ background: var(--kombos-bg); color: var(--kombos-gray-900); } /* Mobile-first: base = mobile (375px). Prototip .section dikey ritmi. */ .cc_MSI3fYnLer_category_images .kombos-category-images__container { display: flex; flex-direction: column; gap: 1.75rem; padding-top: 3rem; padding-bottom: 3rem; } .cc_MSI3fYnLer_category_images .kombos-category-images__title { margin: 0; color: var(--kombos-gray-900); } .cc_MSI3fYnLer_category_images .kombos-category-images__grid { display: grid; grid-template-columns: repeat(var(--mobile-cols, 1), 1fr); grid-auto-rows: 1fr; gap: 1rem; } /* Desktop */ @media (min-width: 1024px) { .cc_MSI3fYnLer_category_images .kombos-category-images__container { gap: 2.75rem; padding-top: 6rem; padding-bottom: 6rem; } .cc_MSI3fYnLer_category_images .kombos-category-images__grid { grid-template-columns: repeat(var(--desktop-cols, 4), 1fr); gap: 1.5rem; } } /* ===== Görünür kategori sayısı sınırı ===== Sınırlar farklıysa TSX iki ızgara render eder; breakpoint'e göre biri görünür (nth-child sayımı editör önizlemesindeki sarmalayıcılar yüzünden güvenilmezdi — ölçüldü, dizilim kesmeye geçildi). */ .cc_MSI3fYnLer_category_images .kombos-category-images__grid--desktop { display: none; } @media (min-width: 1024px) { .cc_MSI3fYnLer_category_images .kombos-category-images__grid--desktop { display: grid; } .cc_MSI3fYnLer_category_images .kombos-category-images__grid--mobile { display: none; } }