:root{--theme-primary:#000000;--theme-secondary:#00a7bd;--secondary-color:#00a7bd;} :root{--theme-heading-font:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;--theme-content-font:'Poppins', system-ui, -apple-system, 'Segoe UI', Arial;--theme-h1-size:35px;--theme-h1-mobile-size:33px;--theme-h1-color:#a12190;--theme-h1-mobile-color:#ffffff;--theme-h1-align:left;--theme-h1-weight:bold;--theme-h1-style:normal;--theme-h2-size:25px;--theme-h2-color:#a12190;--theme-h2-align:left;--theme-h2-weight:normal;--theme-h2-style:normal;--theme-h3-size:20px;--theme-h3-color:#000000;--theme-h3-align:left;--theme-h3-weight:normal;--theme-h3-style:normal;--theme-h4-size:16px;--theme-h4-color:#000000;--theme-h4-align:left;--theme-h4-weight:normal;--theme-h4-style:normal;--theme-content-size:20px;--theme-content-color:#424242;--theme-content-align:left;--theme-content-weight:normal;--theme-content-style:normal;--theme-content-line-height:1.20;--theme-content-letter-spacing:0.30px;--theme-content-paragraph-spacing:11px;--theme-intro-conclusion-size:18px;--theme-intro-conclusion-color:#212121;--theme-intro-conclusion-align:left;--theme-intro-conclusion-font:'Merriweather', Georgia, 'Times New Roman', Times, serif;--theme-intro-conclusion-weight:normal;--theme-intro-conclusion-style:normal;--theme-image-caption-font:'Raleway', system-ui, -apple-system, 'Segoe UI', Arial;--theme-image-caption-weight:normal;--theme-image-caption-style:normal;} @media(max-width:480px){:root{--theme-h1-color:var(--theme-h1-mobile-color,#ffffff);}} /* ===== GOOGLE FONTS IMPORTS ===== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto:wght@400;500;700;900&family=Nunito:wght@400;600;700;800&family=Lato:wght@400;700;900&family=PT+Sans:wght@400;700&family=Montserrat:wght@400;600;700;900&family=Merriweather:wght@400;700&family=Open+Sans:wght@400;600;700&family=Oswald:wght@400;700&family=Raleway:wght@400;600;700;900&family=Playfair+Display:wght@400;700;900&family=Source+Sans+Pro:wght@400;600;700&family=Poppins:wght@400;600;700;800&family=Roboto+Slab:wght@400;700&family=Quicksand:wght@400;700&family=Inconsolata:wght@400;700&family=Courier+Prime:wght@400;700&family=PT+Serif:wght@400;700&family=Bebas+Neue:wght@400&display=swap'); /* ===== SUNSET FLAME THEME - AUTO GENERATED ===== Tema ayarlarına saygı duyarak stil uygular. H1, H2, H3, H4 boyutu ve rengi TEMA AYATLARINDAN gelir. Giriş & Sonuç paragrafları TEMA AYATLARINDAN gelir. Bu CSS sadece layout, spacing, decoration ve override olmayan ozellikleri define eder. */ :root { /* NOT: Aşağıdaki değerler post.php tarafından CSS variables olarak gönderilir. --theme-h1-size, --theme-h1-color, --theme-h1-align vs. Fallback değerler burada tanımlanmıştır. */ --_theme_placeholder: 0; } body { background: linear-gradient(135deg, #fff7ed 0%, #fef2f2 100%); color: #4a4a4a; min-height: 100vh; } .post-main { width: 100%; } .post-main main article.post-article { background: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%); border-radius: 24px; padding: 48px 32px; box-shadow: 0 24px 72px rgba(0,0,0,0.08); backdrop-filter: blur(10px); border: 1px solid rgba(253, 186, 116, 0.3); } @media (max-width: 768px) { .post-main main article.post-article { padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; border: none !important; } .post-content figure { margin: 10px 0 !important; } /* ===== HEADER CONTAINER - Responsive Mobile Box ===== */ .post-header-wrapper { display: block !important; position: relative !important; margin: 0 0 12px 0 !important; background: transparent !important; border: none !important; } /* ===== BREADCRUMBS - Mobile ===== */ nav.breadcrumb, .breadcrumb, .breadcrumbs { margin: 0 0 6px 0 !important; padding: 0 16px !important; font-size: 0.7rem !important; line-height: 1.3 !important; position: relative !important; z-index: 1 !important; text-align: left !important; display: block !important; width: 100% !important; color: #666 !important; letter-spacing: 0.3px !important; font-weight: 600 !important; text-transform: uppercase !important; } } /* ===== BASLIK STILLERI - TEMA AYATLARINDAN GELIR ===== */ /* H1 için font-size, color, text-align POST.PHP tarafından gönderilen tema ayarlarından gelir */ main article h1, .post-content-h1, h1.post-content-h1, h1.h1-margin-reset { font-size: var(--theme-h1-size) !important; color: var(--theme-h1-color) !important; text-align: var(--theme-h1-align, center) !important; font-weight: var(--theme-h1-weight, 900) !important; font-style: var(--theme-h1-style, normal) !important; margin: 0 !important; line-height: 1.15 !important; letter-spacing: -1.2px !important; text-shadow: 0 2px 4px rgba(0,0,0,0.05) !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif !important; padding: 8px 0 !important; border: none !important; background: transparent !important; position: relative !important; } /* ===== OVERRIDE INLINE STYLES - Template sayfada hardcoded H1 stilleri var ===== */ main article.post-article h1, main article.post-article .post-header h1, main article.post-article .post-header-inner h1, main article.post-article .post-content h1, article.post-article .post-header h1, .post-article .post-header-inner h1 { font-size: var(--theme-h1-size) !important; color: var(--theme-h1-color) !important; text-align: var(--theme-h1-align, center) !important; font-weight: var(--theme-h1-weight, 700) !important; margin: 0 0 12px 0 !important; } main article h1::first-line { letter-spacing: -0.02em; } /* ===== POST HEADER WRAPPER - H1 + DATE ===== */ .post-header-wrapper { position: relative; margin-bottom: 0; } .post-date-badge { position: absolute !important; font-size: 0.65rem !important; color: #999 !important; font-weight: 400 !important; padding: 0 !important; line-height: 1.2 !important; white-space: nowrap !important; text-align: right !important; margin: 0 !important; bottom: 0 !important; right: 0 !important; top: auto !important; } /* ===== AUTHOR CARD - Responsive Card Design ===== */ .author-card { display: none !important; } .author-card-avatar { width: 110px; height: 110px; border-radius: 10px; object-fit: cover; flex-shrink: 0; border: 2px solid rgba(255, 255, 255, 0.8); box-shadow: 0 4px 12px rgba(253, 186, 116, 0.15); } .author-card-content { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; } .author-card-name { font-size: 1.6rem; font-weight: 700; color: #1f2937; line-height: 1.2; flex-shrink: 0; } .author-card-social { display: flex; gap: 20px; flex-shrink: 0; } .social-btn { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); border: 1.5px solid rgba(253, 186, 116, 0.2); cursor: pointer; transition: all 0.3s ease; padding: 0; text-decoration: none; flex-shrink: 0; } .social-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(253, 186, 116, 0.15); border-color: rgba(253, 186, 116, 0.4); } .social-btn svg { width: 36px; height: 36px; } .social-btn.fb svg { fill: #1877f2; } .social-btn.pin svg { fill: #e60023; } .social-btn.wa svg { fill: #25d366; } .social-btn.story svg { fill: #667eea; } /* ===== GIRIŞ VE SONUÇ PARAGRAFLA - ANA İÇERİK ALANINDA ===== */ /* Tasarım19'a özgü kırmızı turuncu gradient stil */ .post-content > p.post-intro, .post-content > .post-intro, .post-content > p.post-conclusion, .post-content > .post-conclusion { font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; line-height: 1.6 !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 600) !important; letter-spacing: 0.3px !important; margin: 24px 0 !important; padding: 28px 32px !important; font-style: var(--theme-intro-conclusion-style, italic) !important; text-align: var(--theme-intro-conclusion-align) !important; background: radial-gradient(circle at 70% 10%, rgba(239, 68, 68, 0.14) 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(135deg, rgba(253, 186, 116, 0.06) 0%, rgba(239, 68, 68, 0.06) 60%, rgba(253, 186, 116, 0.05) 100%) !important; border: 1px solid rgba(239, 68, 68, 0.2) !important; border-left: 5px solid #ef4444 !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(239, 68, 68, 0.1) !important; line-height: 1.8 !important; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.08) !important; } /* ===== NORMAL PARAGRAFLAR - TEMA AYATLARINDAN GELIR ===== */ .post-content p:not(.post-intro):not(.post-conclusion) { font-size: var(--theme-content-size) !important; font-family: var(--theme-image-caption-font) !important; line-height: 1.8; color: var(--theme-content-color) !important; text-align: var(--theme-content-align) !important; margin: 18px 0; } .post-content { background: transparent !important; } .post-content ul, .post-content ol { list-style: none !important; } .post-content ul > li::marker, .post-content ol > li::marker { display: none !important; } /* ===== GÖRSEL KONTEYNER ===== */ .post-content figure { margin: 0 -32px 40px -32px; padding: 0 !important; position: relative; overflow: visible !important; border-radius: 0; box-shadow: none; transition: all 0.3s ease; background: transparent !important; border: none !important; display: block !important; } /* H2/H3 ardından gelen görsellerin üst margin'ini azalt */ .post-content h2 + figure, .post-content h3 + figure { margin-top: -6px !important; } /* Hover overlay deaktif */ .post-content figure::before { display: none !important; } .post-content figure img { width: 100% !important; height: auto !important; display: block !important; border-radius: 0; filter: brightness(0.98); background: transparent !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; display: block !important; } /* ===== GÖRSEL ALTI YAZISI - İÇERİK AYATLARINDAN GELIR ===== */ .post-content figcaption, .post-figure-caption { font-size: var(--theme-content-size) !important; font-family: var(--theme-image-caption-font) !important; color: var(--theme-content-color) !important; text-align: var(--theme-content-align) !important; margin: -1rem 0 0 0 !important; padding: 6px 16px !important; font-weight: var(--theme-image-caption-weight, 400) !important; letter-spacing: 0.3px; font-style: var(--theme-image-caption-style, normal) !important; line-height: 1.5; background: transparent !important; border: none !important; border-radius: 0; position: relative !important; z-index: 1 !important; } /* Eğer watermark yoksa, görsel ile figcaption arasında 1px boşluk */ .post-article .post-content figure:not(:has(.gpt-source-watermark)) img { margin-bottom: 1px !important; } /* Watermark yoksa figcaption margin'i daha az */ .post-article .post-content figure:not(:has(.gpt-source-watermark)) figcaption, .post-article .post-content figure:not(:has(.gpt-source-watermark)) .post-figure-caption { margin: -0.5rem 0 0 0 !important; } /* Kaynaklar Watermark - görsel wrapper'ı (caption'dan bağımsız konum) */ .post-content figure .gpt-source-media { position: relative !important; display: block !important; width: 100% !important; overflow: visible !important; z-index: 1 !important; margin: 0 0 -12px 0 !important; padding: 0 !important; min-height: 0 !important; line-height: 0 !important; font-size: 0 !important; } .post-content figure .gpt-source-watermark { display: block !important; width: fit-content !important; margin: 8px 0 -0.8rem 0 !important; padding: 4px 8px !important; font-size: 12px !important; white-space: nowrap !important; position: relative !important; z-index: 10 !important; line-height: 1.2 !important; background: rgba(255,255,255,0.95) !important; border-radius: 3px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important; color: #333 !important; pointer-events: auto !important; } /* Source alignment: left (görselin soluna yasla) */ .post-content figure .gpt-source-watermark { margin-right: auto !important; margin-left: 0 !important; } /* Watermark: center alignment (when --source-align is center) */ .post-content figure .gpt-source-watermark[style*="center"], .post-article .post-content .gpt-source-watermark.align-center { margin-left: auto !important; margin-right: auto !important; } /* Watermark: right alignment (when --source-align is right) */ .post-article .post-content .gpt-source-watermark.align-right { margin-left: auto !important; margin-right: 0 !important; } .post-content figure .gpt-source-watermark strong { color: #333 !important; font-weight: 600 !important; } .post-content figure .gpt-source-watermark a { color: #0066cc !important; text-decoration: none !important; font-weight: normal !important; } @media (max-width: 640px) { .post-content figure .gpt-source-watermark { display: block !important; width: fit-content !important; padding: 4px 8px !important; text-align: var(--source-align, left) !important; margin: 0 !important; } /* Sol hizalama mobilde */ .post-content figure .gpt-source-watermark { margin-right: auto !important; margin-left: 0 !important; } /* Ortala mobilde */ .post-content figure .gpt-source-watermark.align-center { margin-left: auto !important; margin-right: auto !important; } /* Sağ hizalama mobilde */ .post-article .post-content .gpt-source-watermark.align-right { margin-left: auto !important; margin-right: 0 !important; } } /* Kaynaklar Watermark - Görselin sol alt köşesine yapıştırılmış */ .post-content figure > div[style*="position: absolute"][style*="background: rgba(255,255,255"] { position: absolute !important; bottom: 5px !important; left: 5px !important; background: rgba(255,255,255,0.95) !important; padding: 4px 8px !important; font-size: 11px !important; color: #333 !important; border-radius: 3px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important; z-index: 1000 !important; pointer-events: auto !important; white-space: nowrap !important; } .post-content figure > div[style*="position: absolute"][style*="background: rgba(255,255,255"] strong { color: #333 !important; font-weight: 600 !important; font-size: 11px !important; } .post-content figure > div[style*="position: absolute"][style*="background: rgba(255,255,255"] a { color: #0066cc !important; text-decoration: none !important; font-weight: normal !important; font-size: 11px !important; } .post-content figure > div[style*="background: rgba(0,0,0"] .remove-source { cursor: pointer !important; color: #ccc !important; font-size: 14px !important; margin-left: 6px !important; user-select: none !important; padding: 0 2px !important; border-radius: 2px !important; transition: all 0.2s !important; } .post-content figure > div[style*="background: rgba(0,0,0"] .remove-source:hover { color: white !important; } .post-content figure + p, .post-content figure + p { margin-top: 28px; padding-top: 16px; } /* ===== POST CONTENT H2 BAŞLIKLARI - TEMA AYATLARINDAN GELIR ===== */ /* slider-slide-h2'den bağımsız, sadece .post-content-h2 için */ .post-content-h2 { font-size: var(--theme-h2-size, 1.85rem) !important; font-weight: var(--theme-h2-weight, 700) !important; font-style: var(--theme-h2-style, normal) !important; color: var(--theme-h2-color, #1f2937) !important; text-align: var(--theme-h2-align, left) !important; margin: 48px 0 0 0; padding-bottom: 16px; border-bottom: 2px solid rgba(253, 186, 116, 0.3); display: inline-block; line-height: 1.2; letter-spacing: -0.5px; } .post-content-h3 { font-size: var(--theme-h3-size, 1.35rem) !important; font-weight: var(--theme-h3-weight, 700) !important; font-style: var(--theme-h3-style, normal) !important; color: var(--theme-h3-color, #1f2937) !important; text-align: var(--theme-h3-align, left) !important; margin: 32px 0 0 0; letter-spacing: 0.2px; transition: all 0.3s ease; } .post-content-h3:hover { transform: translateX(4px); } .post-content-h4 { font-size: var(--theme-h4-size, 1.15rem) !important; font-weight: var(--theme-h4-weight, 700) !important; font-style: var(--theme-h4-style, normal) !important; color: var(--theme-h4-color, #1f2937) !important; text-align: var(--theme-h4-align, left) !important; margin: 20px 0 12px 0; letter-spacing: 0.3px; } /* ===== ALINTI (BLOCKQUOTE) ===== */ .post-content blockquote { background: linear-gradient(135deg, rgba(253, 186, 116, 0.12) 0%, rgba(239, 68, 68, 0.08) 100%); border-left: 5px solid #ef4444; padding: 24px 24px 24px 28px; margin: 32px 0; border-radius: 12px; color: #2d3748; font-style: italic; font-size: 1.08rem; font-weight: 500; line-height: 1.8; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(253, 186, 116, 0.1), inset 0 1px 0 rgba(255,255,255,0.5); } .post-content blockquote::before { content: '"'; position: absolute; top: -20px; right: 0; font-size: 120px; color: rgba(253, 186, 116, 0.12); font-weight: 900; font-family: Georgia, serif; } .post-content blockquote::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(253, 186, 116, 0.3), transparent); } .post-content blockquote > * { position: relative; z-index: 1; margin: 0; } /* ===== LISTELER ===== */ .post-content ul, .post-content ol { margin: 24px 0 24px 40px; line-height: 1.9; list-style: none; } .post-content li { margin: 12px 0; color: #5a5a5a; font-weight: 500; letter-spacing: 0.2px; padding-left: 8px; } .post-content ul > li::marker { color: #ef4444; font-weight: 900; display: none; } .post-content ol > li::marker { color: #fdba74; font-weight: 800; display: none; } /* ===== AUTHOR SECTION ===== */ .post-author-meta { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: center !important; margin: 20px 0 24px 0 !important; padding: 0 16px !important; background: transparent !important; border: none !important; border-radius: 0 !important; position: relative !important; overflow: visible !important; box-shadow: none !important; backdrop-filter: none !important; transition: all 0.3s ease !important; } .post-author-meta::before { content: '' !important; display: none !important; } .post-author-meta:hover { box-shadow: none !important; border-color: transparent !important; background: transparent !important; } .header-author-avatar { width: 50px !important; height: 50px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: none !important; transition: all 0.3s ease !important; margin: 0 !important; flex-shrink: 0 !important; position: relative !important; } .post-author-meta:hover .header-author-avatar { transform: none !important; box-shadow: none !important; border-color: rgba(0, 0, 0, 0.15) !important; } .author-meta { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; align-items: flex-start !important; text-align: left !important; padding: 0 !important; background: transparent !important; flex: 1 !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; position: relative !important; } .author-meta::before { content: '' !important; display: none !important; } .author-meta:hover { background: transparent !important; box-shadow: none !important; } .author-meta * { min-width: 0 !important; } .byline { display: none !important; } .byline-by { display: none !important; } .post-author-meta:hover .byline-by { display: none !important; } .author-name { font-size: 0.8rem !important; font-weight: 700 !important; color: #1f2937 !important; margin: 0 !important; transition: all 0.3s ease !important; display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; background: none !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: unset !important; background-clip: unset !important; line-height: 1.2 !important; } .post-author-meta:hover .author-name { color: #1f2937 !important; } .meta-small { display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; width: auto !important; align-items: center !important; padding: 0 !important; margin: 0 !important; overflow-x: visible !important; } .meta-published { display: none !important; } .meta-updated { display: inline !important; align-items: center !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; font-size: 0.65rem !important; font-weight: 400 !important; color: #aaa !important; transition: none !important; white-space: normal !important; box-shadow: none !important; letter-spacing: 0 !important; line-height: 1.2 !important; } .meta-updated:hover { background: transparent !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; color: #aaa !important; } .meta-updated strong { display: none !important; } .meta-updated strong::after { content: '' !important; } /* ===== RESPONSIVE DESIGN ===== */ /* Post Share Mobile - Icon Only, Transparent Background */ .post-share-mobile { display: flex !important; gap: 12px !important; width: fit-content !important; margin: 20px auto 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; } .post-share-mobile .share-icon { position: relative !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; border: 1px solid rgba(253, 186, 116, 0.15) !important; background: rgba(255, 255, 255, 0.9) !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; padding: 0 !important; margin: 0 !important; text-decoration: none !important; } .post-share-mobile .share-icon:hover { background: rgba(255, 255, 255, 1) !important; border-color: rgba(253, 186, 116, 0.3) !important; transform: scale(1.1) translateY(-3px) !important; box-shadow: 0 8px 20px rgba(253, 186, 116, 0.2) !important; } .post-share-mobile .share-icon svg { width: 26px !important; height: 26px !important; display: block !important; transition: all 0.3s ease !important; } .post-share-mobile .share-icon .label { display: none !important; } /* Network specific colors */ .post-share-mobile .share-icon.fb svg { color: #1877f2 !important; } .post-share-mobile .share-icon.fb:hover { border-color: #1877f2 !important; background: rgba(24, 119, 242, 0.08) !important; } .post-share-mobile .share-icon.pin svg { color: #e60023 !important; } .post-share-mobile .share-icon.pin:hover { border-color: #e60023 !important; background: rgba(230, 0, 35, 0.08) !important; } .post-share-mobile .share-icon.wa svg { color: #25d366 !important; } .post-share-mobile .share-icon.wa:hover { border-color: #25d366 !important; background: rgba(37, 211, 102, 0.08) !important; } .post-share-mobile .share-icon.story svg { color: #667eea !important; } .post-share-mobile .share-icon.story:hover { border-color: #667eea !important; background: rgba(102, 126, 234, 0.08) !important; } .post-share-inline-mobile { display: none !important; } .post-comment-section, .comments-section { display: none !important; } .byline button, .author-meta button, .share-btn, a.share-btn, .byline .comments-badge { display: none !important; } @media (max-width: 1024px) { main article h1 { font-size: 2.6rem; font-weight: var(--theme-h1-weight, 900) !important; text-align: var(--theme-h1-align, center) !important; margin-bottom: 24px; } .meta-small { display: flex !important; } .meta-published { display: none !important; } .meta-updated { display: inline-block !important; padding: 0 !important; font-size: 0.7rem !important; color: #9ca3af !important; } .post-intro { font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; line-height: 1.5 !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; letter-spacing: 0.3px !important; margin: 0 0 8px 0 !important; padding: 0 !important; font-style: var(--theme-intro-conclusion-style, normal) !important; text-align: var(--theme-intro-conclusion-align) !important; } .post-conclusion { font-size: var(--theme-intro-conclusion-size) !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; } .post-content p:not(.post-intro):not(.post-conclusion) { font-size: var(--theme-content-size); line-height: 1.8; color: var(--theme-content-color) !important; } .post-content h2 { font-size: 1.65rem; margin: 40px 0 20px 0; } .post-content figure { margin: 32px 0; } } @media (max-width: 768px) { main article h1 { font-size: var(--theme-h1-mobile-size) !important; font-weight: var(--theme-h1-weight, 900) !important; text-align: var(--theme-h1-align, center) !important; margin-bottom: 20px; } .post-share-mobile { gap: 10px !important; margin: 16px auto 0 !important; } .post-share-mobile .share-icon { width: 44px !important; height: 44px !important; } .post-share-mobile .share-icon svg { width: 24px !important; height: 24px !important; } .meta-small { display: flex !important; } .meta-published { display: none !important; } .meta-updated { display: inline-block !important; padding: 0 !important; font-size: 0.65rem !important; color: #9ca3af !important; } .post-intro { font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; line-height: 1.5 !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; letter-spacing: 0.3px !important; margin: 0 0 8px 0 !important; padding: 0 !important; font-style: var(--theme-intro-conclusion-style, normal) !important; text-align: var(--theme-intro-conclusion-align) !important; } .post-conclusion { font-size: var(--theme-intro-conclusion-size) !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; } .post-content p:not(.post-intro):not(.post-conclusion) { font-size: var(--theme-content-size); line-height: 1.75; text-align: var(--theme-content-align); color: var(--theme-content-color) !important; } .post-content figure { margin: 32px 0; } .post-content figcaption, .post-figure-caption { font-size: var(--theme-content-size); font-family: var(--theme-image-caption-font); margin: -1rem 0 0 0 !important; padding: 0 20px; font-weight: var(--theme-image-caption-weight, 400) !important; font-style: var(--theme-image-caption-style, normal) !important; } /* Watermark yoksa 640px'te de margin'i az tut */ .post-article .post-content figure:not(:has(.gpt-source-watermark)) figcaption, .post-article .post-content figure:not(:has(.gpt-source-watermark)) .post-figure-caption { margin: -0.5rem 0 0 0 !important; } .post-content h2 { font-size: 1.5rem; margin: 36px 0 18px 0; } } @media (max-width: 640px) { /* ===== HEADER WRAPPER ===== */ .post-header-wrapper { margin-bottom: 8px; } main article h1 { font-size: var(--theme-h1-mobile-size) !important; font-weight: var(--theme-h1-weight, 900) !important; text-align: var(--theme-h1-align, center) !important; margin-bottom: 8px; padding-bottom: 0; border-bottom: none; line-height: 1.2; } .post-date-badge { position: static; margin: 8px 0 16px 0; font-size: 0.85rem; color: #999; } /* ===== AUTHOR CARD - Mobile Responsive (Show on Mobile) ===== */ .author-card { display: flex !important; align-items: center; justify-content: flex-start; gap: 8px; background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 16px !important; margin: 0 !important; backdrop-filter: none !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; flex-shrink: 0 !important; overflow: visible !important; box-sizing: border-box !important; } .author-card-avatar { width: 48px !important; height: 48px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; border: 1px solid rgba(253, 186, 116, 0.2) !important; } .author-card-content { flex: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 2px !important; min-width: 0 !important; } .author-card-name { font-size: 1rem !important; font-weight: 700 !important; color: #1f2937 !important; line-height: 1 !important; margin: 0 !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; flex-shrink: 1 !important; } .author-card-social { display: flex !important; gap: 2px !important; margin-left: auto !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; flex-shrink: 0 !important; } .social-btn { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.85) !important; border: 1px solid rgba(253, 186, 116, 0.2) !important; transition: all 0.2s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; flex-shrink: 0 !important; } .social-btn:hover { transform: scale(1.08) !important; border-color: rgba(253, 186, 116, 0.4) !important; } .social-btn svg { width: 18px !important; height: 18px !important; } .post-content h2 { font-size: 1.4rem !important; line-height: 1.2 !important; margin: 24px 0 16px 0 !important; } .post-intro { font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; line-height: 1.5 !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; letter-spacing: 0.3px !important; font-style: var(--theme-intro-conclusion-style, normal) !important; margin: 0 0 8px 0 !important; padding: 0 !important; text-align: var(--theme-intro-conclusion-align) !important; } .post-conclusion { font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; } .post-content p:not(.post-intro):not(.post-conclusion) { font-size: var(--theme-content-size); font-family: var(--theme-image-caption-font); line-height: 1.7; color: var(--theme-content-color) !important; } .post-content figure { margin: 28px -16px; border-radius: 0; position: relative !important; } .post-content figcaption, .post-figure-caption { font-size: var(--theme-content-size); font-family: var(--theme-image-caption-font); margin: 0 !important; padding: 4px 8px !important; font-weight: var(--theme-image-caption-weight, 400) !important; font-style: var(--theme-image-caption-style, normal) !important; position: absolute !important; bottom: 0 !important; left: 0 !important; background: transparent !important; border-radius: 0 !important; z-index: 10 !important; max-width: calc(100% - 16px) !important; line-height: 1.4 !important; word-wrap: break-word !important; color: rgba(0, 0, 0, 0.8) !important; text-shadow: 0 1px 3px rgba(255, 255, 255, 0.7) !important; } .post-content h2 { font-size: 1.35rem; margin: 32px 0 16px 0; } } @media (max-width: 480px) { main article.post-article { padding: 24px 16px; } /* ===== HEADER WRAPPER - Ultra compact ===== */ .post-header-wrapper { margin-bottom: 4px; } main article h1 { font-size: var(--theme-h1-mobile-size) !important; font-weight: var(--theme-h1-weight, 900) !important; text-align: var(--theme-h1-align, center) !important; margin-bottom: 6px; padding-bottom: 0 !important; line-height: 1.1; border: none; } .post-date-badge { position: static; margin: 6px 0 12px 0; font-size: 0.8rem; color: #aaa; } /* ===== AUTHOR CARD - Ultra Minimal (Show on Mobile) ===== */ .author-card { display: flex !important; align-items: center; gap: 6px; background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 12px !important; margin: 0 !important; backdrop-filter: none !important; overflow: visible !important; width: 100% !important; flex-shrink: 0 !important; box-sizing: border-box !important; } .author-card-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; border: 1px solid rgba(253, 186, 116, 0.2) !important; } .author-card-content { flex: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 1px !important; min-width: 0 !important; } .author-card-name { font-size: 0.9rem !important; font-weight: 700 !important; color: #1f2937 !important; line-height: 1.1 !important; margin: 0 !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; flex-shrink: 1 !important; } .author-card-social { display: flex !important; gap: 2px !important; margin-left: auto !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; flex-shrink: 0 !important; } .social-btn { width: 32px !important; height: 32px !important; border-radius: 50% !important; background: #fafafa !important; border: 1px solid rgba(253, 186, 116, 0.15) !important; transition: all 0.2s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; flex-shrink: 0 !important; } .social-btn:hover { transform: scale(1.1) !important; border-color: rgba(253, 186, 116, 0.3) !important; } .social-btn svg { width: 16px !important; height: 16px !important; } .post-intro { font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; line-height: 1.5 !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; letter-spacing: 0.3px !important; margin: 0 0 8px 0 !important; padding: 0 !important; font-style: var(--theme-intro-conclusion-style, normal) !important; text-align: var(--theme-intro-conclusion-align) !important; } .post-conclusion { font-size: var(--theme-intro-conclusion-size) !important; color: var(--theme-intro-conclusion-color) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; } .post-content p:not(.post-intro):not(.post-conclusion) { font-size: var(--theme-content-size); line-height: 1.65; color: var(--theme-content-color) !important; } .post-content p { margin-bottom: 14px !important; } .post-content h2 { font-size: 1.2rem; margin: 28px 0 14px 0; } .post-content figure { margin: 24px -14px; border-radius: 0; } .post-content figcaption, .post-figure-caption { font-size: var(--theme-content-size); margin-top: 8px; padding: 0 14px; font-weight: var(--theme-image-caption-weight, 400) !important; font-style: var(--theme-image-caption-style, normal) !important; } } /* Slider Giriş ve Sonuç Paragrafları */ .slider-intro-p { font-size: var(--theme-intro-conclusion-size, 18px) !important; line-height: 1.8 !important; color: var(--theme-intro-conclusion-color, #4a5568) !important; margin: 0 !important; font-weight: 600 !important; letter-spacing: 0.3px !important; font-family: var(--theme-intro-conclusion-font) !important; } .slider-conclusion-p { font-size: var(--theme-intro-conclusion-size, 16px) !important; line-height: 1.8 !important; color: var(--theme-intro-conclusion-color, #4a5568) !important; margin: 0 !important; font-weight: 500 !important; font-family: var(--theme-intro-conclusion-font) !important; } /* ===== SLIDER TASARIMI - CELESTIAL WHISPER THEME ===== */ .slider-intro-section { text-align: center; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; background: linear-gradient(135deg, rgba(253, 186, 116, 0.04) 0%, rgba(239, 68, 68, 0.04) 100%); padding: 28px; border-radius: 12px; border: 1px solid rgba(253, 186, 116, 0.15); border-left: 3px solid #ef4444; } .slider-intro-section p { font-size: var(--theme-intro-conclusion-size, 18px) !important; line-height: 1.8; color: var(--theme-intro-conclusion-color, #4a5568) !important; margin: 0; font-weight: 600; letter-spacing: 0.3px; text-align: var(--theme-intro-conclusion-align, center) !important; font-family: var(--theme-intro-conclusion-font) !important; } .slider-gallery-section { margin: 70px 0; } .slider-container { position: relative; width: 100%; max-width: 340px; margin: 0 auto 30px; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, rgba(254,253,251,0.95) 0%, rgba(249,245,240,0.95) 100%); box-shadow: 0 20px 60px rgba(253, 186, 116, 0.15), 0 8px 24px rgba(253, 186, 116, 0.08); transition: all 0.3s ease; border: 1px solid rgba(253, 186, 116, 0.15); } .slider-container:hover { box-shadow: 0 25px 70px rgba(253, 186, 116, 0.20), 0 10px 28px rgba(253, 186, 116, 0.12); transform: translateY(-2px); } .slider-wrapper { display: flex; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; aspect-ratio: 3/4; } .slider-slide { flex: 0 0 100%; min-width: 100%; display: flex; align-items: center; justify-content: center; background: #fff1f2; } .slider-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .slider-controls-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; padding: 0 20px; } .slider-nav-btn { width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(253, 186, 116, 0.3); background: white; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; /* Use one accent across slider controls (tasarim20 pattern) */ --slider-nav-accent: #fdba74; color: var(--slider-nav-accent); font-weight: bold; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(253, 186, 116, 0.1); } .slider-nav-btn.slider-nav-outside:hover { border-color: var(--slider-nav-accent); background: var(--slider-nav-accent); color: white; transform: scale(1.1); box-shadow: 0 12px 28px rgba(253, 186, 116, 0.35); } /* Integrated slider navigation (synced from tasarim20) */ .slider-slide-title { text-align: center; margin: 0 auto 10px; padding: 0 16px; font-size: var(--theme-h2-size, 1.6rem); line-height: 1.15; color: var(--theme-h2-color, #1f2937); font-weight: var(--theme-h2-weight, 800); } .slider-slide-title .slider-slide-h2 { margin: 0; padding: 0; } /* Nav buttons now live inside .slider-container (post.php) */ .slider-nav-btn.slider-nav-inside { display: none; width: 30px; height: 40px; font-size: 18px; line-height: 1; padding: 0; user-select: none; font-weight: 900; /* Match tasarim20: visually equalize left/right arrow glyph thickness */ text-shadow: -0.45px 0 currentColor, 0.45px 0 currentColor; } .slider-container .slider-wrapper { touch-action: pan-y; } .slider-container .slider-nav-btn.slider-nav-inside { position: absolute; top: 50%; transform: translateY(-50%); z-index: 6; } .slider-container .slider-nav-btn.slider-nav-inside:hover { transform: translateY(-50%) scale(1.08); } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-left { left: 12px; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-right { right: 12px; } /* Touch fallback: switch to integrated buttons even if viewport media queries fail */ @media (hover: none) and (pointer: coarse) { .slider-nav-btn.slider-nav-outside { display: none; } .slider-nav-btn.slider-nav-inside { display: flex; } .slider-nav-btn.slider-nav-inside { width: 34px !important; height: 44px !important; font-size: 18px !important; line-height: 1 !important; font-weight: 900 !important; border-width: 1px; background: var(--slider-nav-accent) !important; background-color: var(--slider-nav-accent) !important; color: #fff !important; border: none !important; box-shadow: 0 8px 18px rgba(253, 186, 116, 0.22); -webkit-tap-highlight-color: transparent; touch-action: manipulation; user-select: none; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-left, .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-right { width: 34px !important; height: 44px !important; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-left { left: 0; border-radius: 0 16px 16px 0; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-right { right: 0; border-radius: 16px 0 0 16px; } /* Prevent sticky :hover scaling on touch */ .slider-container .slider-nav-btn.slider-nav-inside:hover, .slider-container .slider-nav-btn.slider-nav-inside:active { transform: translateY(-50%); filter: none; } } @media (max-width: 768px) { .slider-nav-btn.slider-nav-outside { display: none; } .slider-nav-btn.slider-nav-inside { display: flex; } .slider-nav-btn.slider-nav-inside { width: 34px !important; height: 44px !important; font-size: 18px !important; line-height: 1 !important; font-weight: 900 !important; border-width: 1px; background: var(--slider-nav-accent) !important; background-color: var(--slider-nav-accent) !important; color: #fff !important; border: none !important; box-shadow: 0 8px 18px rgba(253, 186, 116, 0.22); -webkit-tap-highlight-color: transparent; touch-action: manipulation; user-select: none; } .slider-nav-btn:hover { transform: translateY(-50%) scale(1.06); filter: brightness(0.92); } .slider-gallery-layout { position: relative; display: flex; justify-content: center; width: 100%; max-width: 420px; margin-left: auto; margin-right: auto; } .slider-image-container { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title title" "image image" "source counter"; align-items: center; column-gap: 12px; row-gap: 4px; } .slider-slide-title { grid-area: title; } .slider-slide-title { margin-bottom: 1px; font-size: var(--theme-h2-mobile-size, 1.35rem); } .slider-slide-title .slider-slide-h2 { margin: 0; padding: 0; } .slider-container { grid-area: image; } .slider-source { grid-area: source; justify-self: start; margin: 0 !important; max-width: 100% !important; flex-wrap: wrap; white-space: normal; overflow: visible; display: inline !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; gap: 0 !important; } .slider-source a { white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; padding: 0 !important; } .slider-counter { grid-area: counter; justify-self: end; margin: 0 !important; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-left, .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-right { width: 34px !important; height: 44px !important; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-left { left: 0; border-radius: 0 16px 16px 0; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-right { right: 0; border-radius: 16px 0 0 16px; } } @media (max-width: 480px) { .slider-image-container { column-gap: 10px; row-gap: 4px; } .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-left, .slider-container .slider-nav-btn.slider-nav-inside.slider-nav-right { width: 34px !important; height: 44px !important; } } /* Slider source (kaynak) pill styling (match tasarim20 layout, theme-tinted border/shadow) */ .slider-source { display: inline-flex; align-items: center; gap: 4px; width: fit-content; margin: 10px auto 0; padding: 4px 10px; font-size: 12px; line-height: 1.2; background: rgba(255, 255, 255, 0.95); border-radius: 999px; border: 1px solid rgba(253, 186, 116, 0.15); box-shadow: 0 4px 12px rgba(253, 186, 116, 0.12); } .slider-source strong { font-weight: 700; } .slider-source a { color: #0066cc; text-decoration: none; } .slider-counter { display: inline !important; font-size: 11px !important; color: #6b7280 !important; font-weight: 600 !important; margin-left: 6px !important; white-space: nowrap !important; background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; line-height: normal !important; } .slider-counter span { font-size: 16px; color: #ef4444; font-weight: 700; } .slider-slide-caption { text-align: center; font-size: 15px; line-height: 1.8; color: #4a5568; max-width: 550px; margin: 0 auto 55px; padding: 20px; min-height: 45px; scroll-margin-top: 20px; font-style: italic; background: linear-gradient(135deg, rgba(253, 186, 116, 0.06) 0%, rgba(239, 68, 68, 0.06) 100%); border-left: 3px solid #ef4444; border-radius: 8px; font-family: var(--theme-image-caption-font) !important; } .slider-conclusion { text-align: center; max-width: 800px; margin: 70px auto 0; padding: 30px; background: linear-gradient(135deg, rgba(253, 186, 116, 0.08) 0%, rgba(239, 68, 68, 0.08) 100%); border-radius: 16px; border: 1px solid rgba(253, 186, 116, 0.15); box-shadow: 0 4px 12px rgba(253, 186, 116, 0.08); } .slider-conclusion p { font-size: var(--theme-intro-conclusion-size, 16px) !important; line-height: 1.8; color: var(--theme-intro-conclusion-color, #4a5568) !important; margin: 0; font-weight: 500; text-align: var(--theme-intro-conclusion-align, center) !important; font-family: var(--theme-intro-conclusion-font) !important; } @media (max-width: 768px) { .slider-intro-section { margin-bottom: 40px; } .slider-intro-section p { font-size: calc(var(--theme-intro-conclusion-size, 18px) * 0.95); } /* Match tasarim20 mobile image sizing */ .slider-container { max-width: 360px; margin: 0 auto 12px; } .slider-controls-wrapper { margin-bottom: 20px; padding: 0 15px; } .slider-counter { display: inline !important; font-size: 11px !important; color: #6b7280 !important; font-weight: 600 !important; margin-left: 6px !important; white-space: nowrap !important; background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; line-height: normal !important; } .slider-slide-caption { font-size: 13px; margin-bottom: 40px; padding: 15px; } .slider-conclusion { margin-top: 50px; padding: 20px; } .slider-conclusion p { font-size: calc(var(--theme-intro-conclusion-size, 16px) * 0.92); } } @media (max-width: 480px) { .slider-intro-section { margin-bottom: 30px; } .slider-intro-section p { font-size: calc(var(--theme-intro-conclusion-size, 18px) * 0.88); } /* Match tasarim20 small-mobile image sizing */ .slider-container { max-width: 380px; margin: 0 auto 10px; } .slider-nav-btn { width: 36px; height: 36px; font-size: 14px; } .slider-controls-wrapper { margin-bottom: 16px; padding: 0 12px; } .slider-counter { display: inline !important; font-size: 11px !important; color: #6b7280 !important; font-weight: 600 !important; margin-left: 4px !important; white-space: nowrap !important; background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; line-height: normal !important; } .slider-slide-caption { font-size: 12px; margin-bottom: 32px; padding: 12px; } .slider-conclusion { margin-top: 40px; padding: 16px; } .slider-conclusion p { font-size: calc(var(--theme-intro-conclusion-size, 16px) * 0.85); } } /* ===== ENRİCHMENT BÖLÜMLER - Tasarım19 (Sunset Flame Teması) ===== */ /* ===== BLOG BÖLÜMÜ ===== */ .post-enrichment-blog { margin: 48px 0 !important; padding: 0 !important; } .post-enrichment-blog ul, .post-enrichment-blog ol, .post-enrichment-faq ul, .post-enrichment-faq ol, .post-enrichment-howto ul, .post-enrichment-howto ol { margin: 4px 0 4px 8px !important; padding: 0 !important; list-style: none !important; } .post-enrichment-specs ul, .post-enrichment-specs ol { list-style: none !important; } .post-enrichment-blog ul > li::marker, .post-enrichment-blog ol > li::marker, .post-enrichment-faq ul > li::marker, .post-enrichment-faq ol > li::marker, .post-enrichment-howto ul > li::marker, .post-enrichment-howto ol > li::marker, .post-enrichment-specs ul > li::marker, .post-enrichment-specs ol > li::marker { display: none !important; } .post-enrichment-blog > p { font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; text-align: var(--theme-intro-conclusion-align) !important; line-height: 1.85 !important; margin: 0 0 18px 0 !important; padding: 0 20px !important; color: #4a4a4a !important; } .post-enrichment-blog ul, .post-enrichment-blog ol { margin: 18px 0 18px 0 !important; padding: 0 !important; list-style: none !important; } .post-enrichment-blog li { margin: 2px 0 !important; padding: 0 0 0 12px !important; font-size: calc(var(--theme-intro-conclusion-size, 16px) * 0.9) !important; font-family: var(--theme-intro-conclusion-font) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; line-height: 1.6 !important; position: relative !important; color: #4a4a4a !important; } .post-enrichment-blog ul > li::before { content: '' !important; position: absolute !important; left: -2px !important; top: 10px !important; width: 6px !important; height: 6px !important; background: #f97316 !important; border-radius: 50% !important; box-shadow: 0 1px 2px rgba(249, 115, 22, 0.2) !important; } .post-enrichment-blog ol > li { counter-increment: item; padding-left: 4px !important; } .post-enrichment-blog ol > li::before { content: counter(item) !important; position: absolute !important; left: -26px !important; top: 6px !important; width: 22px !important; height: 22px !important; background: #f97316 !important; color: white !important; font-weight: 600 !important; font-size: 0.8rem !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 2px 4px rgba(249, 115, 22, 0.15) !important; } /* ===== FAQ BÖLÜMÜ ===== */ /* FAQ içindeki tüm h3'ler - küçük font (class'tan bağımsız) */ .post-enrichment-faq h3, .post-enrichment-faq h4 { font-size: 0.92rem !important; } .post-enrichment-faq .post-content-h3 { font-size: 0.92rem !important; } /* Override inline styles in FAQ */ .post-enrichment-faq .post-content-h3[style] { font-size: 0.92rem !important; } .post-enrichment-faq h3[style], .post-enrichment-faq h4[style] { font-size: 0.92rem !important; } .post-enrichment-faq { margin: 48px 0 !important; padding: 0 !important; counter-reset: faq-counter !important; } .post-enrichment-faq > h3:first-of-type { font-size: 0.92rem !important; font-weight: 700 !important; color: var(--theme-text-color, #1f2937) !important; margin: 0 0 12px 0 !important; padding: 16px 16px 16px 56px !important; background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%) !important; border: none !important; border-radius: 10px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; user-select: none !important; display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important; box-shadow: 0 2px 6px rgba(249, 115, 22, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05) !important; overflow: hidden !important; } .post-enrichment-faq > h3:first-of-type::before { content: counter(faq-counter) !important; counter-increment: faq-counter !important; position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 32px !important; height: 32px !important; background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important; color: white !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 14px !important; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3) !important; z-index: 3 !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .post-enrichment-faq > h3:first-of-type::after { content: '▾' !important; position: relative !important; display: inline-block !important; width: 24px !important; height: 24px !important; line-height: 24px !important; text-align: center !important; font-size: 12px !important; font-weight: 900 !important; color: #f97316 !important; flex-shrink: 0 !important; margin-left: auto !important; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; z-index: 2 !important; } .post-enrichment-faq > h3:not(:first-of-type), .post-enrichment-faq > h4:not(:first-of-type) { font-size: 0.92rem !important; font-weight: 700 !important; color: var(--theme-text-color, #1f2937) !important; margin: 12px 0 0 0 !important; padding: 16px 16px 16px 56px !important; background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%) !important; border: none !important; border-radius: 10px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; user-select: none !important; display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important; box-shadow: 0 2px 6px rgba(249, 115, 22, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05) !important; overflow: hidden !important; padding-left: 50px !important; } .post-enrichment-faq > h3:not(:first-of-type)::before, .post-enrichment-faq > h4:not(:first-of-type)::before { content: counter(faq-counter) !important; counter-increment: faq-counter !important; position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 32px !important; height: 32px !important; background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important; color: white !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 14px !important; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3) !important; z-index: 3 !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .post-enrichment-faq > h3:not(:first-of-type)::after, .post-enrichment-faq > h4:not(:first-of-type)::after { content: '▾' !important; position: relative !important; display: inline-block !important; width: 24px !important; height: 24px !important; line-height: 24px !important; text-align: center !important; font-size: 12px !important; font-weight: 900 !important; color: #f97316 !important; flex-shrink: 0 !important; margin-left: auto !important; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; z-index: 2 !important; } .post-enrichment-faq > h3:not(:first-of-type) + p, .post-enrichment-faq > h3:not(:first-of-type) + ul, .post-enrichment-faq > h3:not(:first-of-type) + ol, .post-enrichment-faq > h3:first-of-type + p, .post-enrichment-faq > h3:first-of-type + ul, .post-enrichment-faq > h3:first-of-type + ol, .post-enrichment-faq > h4:not(:first-of-type) + p, .post-enrichment-faq > h4:not(:first-of-type) + ul, .post-enrichment-faq > h4:not(:first-of-type) + ol { display: none !important; margin: 0 !important; padding: 18px 20px !important; border: 1px solid rgba(249, 115, 22, 0.2) !important; border-top: none !important; border-radius: 0 0 12px 12px !important; background: #fff7ed !important; font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; line-height: 1.85 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important; margin-bottom: 20px !important; color: #374151 !important; } .post-enrichment-faq > h3:not(:first-of-type).expanded + p, .post-enrichment-faq > h3:not(:first-of-type).expanded + ul, .post-enrichment-faq > h3:not(:first-of-type).expanded + ol, .post-enrichment-faq > h3:first-of-type.expanded + p, .post-enrichment-faq > h3:first-of-type.expanded + ul, .post-enrichment-faq > h3:first-of-type.expanded + ol, .post-enrichment-faq > h4:not(:first-of-type).expanded + p, .post-enrichment-faq > h4:not(:first-of-type).expanded + ul, .post-enrichment-faq > h4:not(:first-of-type).expanded + ol { display: block !important; animation: slideDownFaq 0.3s ease !important; margin-bottom: 20px !important; padding: 18px 20px !important; } @keyframes slideDownFaq { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* ===== HOWTO BÖLÜMÜ ===== */ .post-enrichment-howto { margin: 48px 0 !important; padding: 0 !important; counter-reset: howto-counter !important; } .post-enrichment-howto > h3:first-of-type { font-size: 1.2rem !important; font-weight: 800 !important; color: white !important; margin: 18px 0 12px 0 !important; padding: 12px 16px !important; background: #f97316 !important; border: none !important; border-radius: 8px !important; cursor: default !important; transition: all 0.3s ease !important; user-select: none !important; display: block !important; position: relative !important; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.15) !important; } .post-enrichment-howto > h3:first-of-type::before, .post-enrichment-howto > h3:first-of-type::after { display: none !important; } .post-enrichment-howto > h3:not(:first-of-type), .post-enrichment-howto > h4:not(:first-of-type) { font-size: 0.9rem !important; font-weight: 700 !important; color: var(--theme-text-color, #1f2937) !important; margin: 12px 0 6px 0 !important; padding: 0 !important; background: none !important; border: none !important; border-left: 4px solid #f97316 !important; cursor: default !important; transition: all 0.2s ease !important; user-select: none !important; display: block !important; position: relative !important; box-shadow: none !important; } .post-enrichment-howto > h3:not(:first-of-type)::before { content: counter(howto-counter) !important; counter-increment: howto-counter !important; position: absolute !important; left: -32px !important; top: 0px !important; width: 28px !important; height: 28px !important; background: #f97316 !important; color: white !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 13px !important; box-shadow: 0 2px 6px rgba(249, 115, 22, 0.2) !important; z-index: 3 !important; transition: all 0.2s ease !important; } .post-enrichment-howto > h4:not(:first-of-type)::before { display: none !important; } .post-enrichment-howto > h3:not(:first-of-type)::after, .post-enrichment-howto > h4:not(:first-of-type)::after { display: none !important; } .post-enrichment-howto > h4:not(:first-of-type) { display: block !important; width: 100% !important; position: relative !important; z-index: 1 !important; font-weight: 300 !important; background: transparent !important; color: #f97316 !important; margin: 24px 0 0 0 !important; padding: 8px 0 8px 0 !important; border: none !important; border-bottom: 2px solid #f97316 !important; border-radius: 0 !important; box-shadow: none !important; } .post-enrichment-howto > h3:not(:first-of-type) + p, .post-enrichment-howto > h3:not(:first-of-type) + ul, .post-enrichment-howto > h3:not(:first-of-type) + ol, .post-enrichment-howto > h3:first-of-type + p, .post-enrichment-howto > h3:first-of-type + ul, .post-enrichment-howto > h3:first-of-type + ol { display: none !important; margin: 0 !important; padding: 18px 20px !important; border: 1px solid rgba(249, 115, 22, 0.2) !important; border-top: none !important; border-radius: 0 0 12px 12px !important; background: #fff7ed !important; font-size: 15px !important; color: var(--theme-text-color, #374151) !important; line-height: 1.85 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important; margin-bottom: 20px !important; } .post-enrichment-howto > h4:not(:first-of-type) + p, .post-enrichment-howto > h4:not(:first-of-type) + ul, .post-enrichment-howto > h4:not(:first-of-type) + ol { display: block !important; margin: 0 !important; padding: 16px 0 16px 20px !important; border: none !important; border-left: 3px solid #f97316 !important; border-radius: 0 !important; background: transparent !important; font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; line-height: 1.85 !important; box-shadow: none !important; margin-bottom: 0 !important; color: #4a4a4a !important; } .post-enrichment-howto li { margin: 1px 0 !important; padding: 0 0 0 12px !important; font-size: calc(var(--theme-intro-conclusion-size, 16px) * 0.9) !important; font-family: var(--theme-intro-conclusion-font) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; color: #4a4a4a !important; line-height: 1.6 !important; position: relative !important; } .post-enrichment-howto li::before { content: '✓' !important; position: absolute !important; left: -8px !important; top: 1px !important; color: #f97316 !important; font-weight: bold !important; } /* ===== SPECS BÖLÜMÜ ===== */ .post-enrichment-specs { display: block !important; margin: 48px 0 !important; padding: 0 !important; } .post-enrichment-specs > h3, .post-enrichment-specs > h4 { font-size: 1.1rem !important; font-weight: 700 !important; color: #f97316 !important; margin: 12px 0 0 0 !important; padding: 14px 20px !important; background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%) !important; border: 2px solid #f97316 !important; border-radius: 10px !important; border-left: 4px solid #f97316 !important; cursor: default !important; transition: all 0.2s ease !important; user-select: none !important; display: block !important; position: relative !important; box-shadow: 0 2px 6px rgba(249, 115, 22, 0.1) !important; } .post-enrichment-specs > p, .post-enrichment-specs > ul, .post-enrichment-specs > ol { margin: 0 0 18px 0 !important; padding: 0 20px !important; font-size: var(--theme-intro-conclusion-size) !important; font-family: var(--theme-intro-conclusion-font) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; line-height: 1.8 !important; color: #4a4a4a !important; } .post-enrichment-specs ul, .post-enrichment-specs ol { margin: 18px 0 18px 0 !important; padding: 0 !important; list-style: none !important; } .post-enrichment-specs li { margin: 8px 0 !important; padding: 0 0 0 12px !important; font-size: calc(var(--theme-intro-conclusion-size, 16px) * 0.9) !important; font-family: var(--theme-intro-conclusion-font) !important; font-weight: var(--theme-intro-conclusion-weight, 400) !important; font-style: var(--theme-intro-conclusion-style, normal) !important; line-height: 1.8 !important; position: relative !important; color: #4a4a4a !important; } .post-enrichment-specs ul > li::before { content: '' !important; position: absolute !important; left: -8px !important; top: 8px !important; width: 6px !important; height: 6px !important; background: #f97316 !important; border-radius: 50% !important; box-shadow: 0 1px 2px rgba(249, 115, 22, 0.2) !important; } .post-enrichment-specs ol { counter-reset: item; } .post-enrichment-specs ol > li { counter-increment: item; padding-left: 4px !important; } .post-enrichment-specs ol > li::before { content: counter(item) !important; position: absolute !important; left: -26px !important; top: 4px !important; width: 20px !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f97316 !important; color: white !important; font-weight: 600 !important; font-size: 0.75rem !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(249, 115, 22, 0.15) !important; } .post-article .post-content p,.post-article .post-content li,.post-article .post-content figcaption,.post-article .post-header p,.post-enrichment p,.post-enrichment li,.post-enrichment td,.post-enrichment dd{font-family:'Poppins', system-ui, -apple-system, 'Segoe UI', Arial !important;} main article.post-article h1, main article.post-article .post-header h1, main article.post-article .post-header-inner h1, main article.post-article .post-content h1, article.post-article .post-header h1, .post-article .post-header-inner h1, .post-content h1, .post-content-h1{font-size:35px !important;text-align:left !important;font-weight:bold !important;font-style:normal !important;margin:0 0 12px 0 !important;display:block !important;} @media(min-width:481px){main article.post-article h1, main article.post-article .post-header h1, main article.post-article .post-header-inner h1, main article.post-article .post-content h1, article.post-article .post-header h1, .post-article .post-header-inner h1, .post-content h1, .post-content-h1{color:#a12190 !important;}} @media(max-width:640px){main article.post-article h1, main article.post-article .post-header h1, main article.post-article .post-header-inner h1, main article.post-article .post-content h1, article.post-article .post-header h1, .post-article .post-header-inner h1, .post-content h1, .post-content-h1{font-size:33px !important;}} @media(max-width:480px){main article.post-article h1, main article.post-article .post-header h1, main article.post-article .post-header-inner h1, main article.post-article .post-content h1, article.post-article .post-header h1, .post-article .post-header-inner h1, .post-content h1, .post-content-h1{font-size:33px !important;color:#ffffff !important;text-shadow:0 2px 10px rgba(0,0,0,0.5) !important;}} main article.post-article h2, main article.post-article .post-header h2, main article.post-article .post-header-inner h2, main article.post-article .post-content h2, article.post-article .post-header h2, .post-article .post-header-inner h2, .post-content h2, .post-content-h2{font-size:25px !important;color:#a12190 !important;text-align:left !important;font-weight:normal !important;font-style:normal !important;margin:0 0 12px 0 !important;display:block !important;} main article.post-article .post-content h2::first-line, main article.post-article .post-header h2::first-line, .post-article .post-content h2::first-line, .post-content h2::first-line, .post-content-h2::first-line{color:#a12190 !important;} main article.post-article h3, main article.post-article .post-header h3, main article.post-article .post-header-inner h3, main article.post-article .post-content h3, article.post-article .post-header h3, .post-article .post-header-inner h3, .post-content h3, .post-content-h3{font-size:20px !important;color:#000000 !important;text-align:left !important;font-weight:normal !important;font-style:normal !important;margin:0 0 12px 0 !important;display:block !important;} main article.post-article .post-content h3::first-line, main article.post-article .post-header h3::first-line, .post-article .post-content h3::first-line, .post-content h3::first-line, .post-content-h3::first-line{color:#000000 !important;} main article.post-article h4, main article.post-article .post-header h4, main article.post-article .post-header-inner h4, main article.post-article .post-content h4, article.post-article .post-header h4, .post-article .post-header-inner h4, .post-content h4, .post-content-h4{font-size:16px !important;color:#000000 !important;text-align:left !important;font-weight:normal !important;font-style:normal !important;margin:0 0 12px 0 !important;display:block !important;} main article.post-article .post-content h4::first-line, main article.post-article .post-header h4::first-line, .post-article .post-content h4::first-line, .post-content h4::first-line, .post-content-h4::first-line{color:#000000 !important;} .post-article .post-header p,.post-article .post-header p *,.post-article .post-content p,.post-article .post-content li,.post-article .post-content figcaption,.post-enrichment p,.post-enrichment li,.post-enrichment td,.post-enrichment dd{font-size:20px !important;color:#424242 !important;text-align:left !important;font-weight:normal !important;font-style:normal !important;line-height:1.20 !important;letter-spacing:0.30px !important;} .post-article .post-content figcaption,.post-article .post-content .post-figure-caption{font-family:'Raleway', system-ui, -apple-system, 'Segoe UI', Arial !important;font-weight:normal !important;font-style:normal !important;} main article.post-article .post-content .post-intro,main article.post-article .post-content .post-conclusion,.post-article .post-content p.post-intro,.post-article .post-content p.post-conclusion{font-size:20px !important;color:#424242 !important;text-align:left !important;font-weight:normal !important;font-style:normal !important;line-height:1.20 !important;letter-spacing:0.30px !important;} .post-article .post-header h1,.post-article .post-header-inner h1,.post-article .post-header h2,.post-article .post-header-inner h2,.post-article .post-header h3,.post-article .post-header-inner h3,.post-article .post-header h4,.post-article .post-header-inner h4{text-align:unset !important;} main article.post-article .post-content .post-enrichment .ai-qa-item p,main article.post-article .post-content .post-enrichment-faq .ai-qa-item p,.post-article .post-content .post-enrichment .ai-qa-item p,.post-article .post-content .post-enrichment-faq .ai-qa-item p{font-size:20px !important;color:#424242 !important;text-align:left !important;font-weight:normal !important;font-style:normal !important;line-height:1.20 !important;letter-spacing:0.30px !important;} main article.post-article .post-content .post-enrichment .ai-qa-item>p:first-child,.post-article .post-content .post-enrichment-faq .ai-qa-item>p:first-child{font-weight:700 !important;} .post-article .post-content p{margin-bottom:11px !important;} .post-article .post-content{overflow:visible;} .post-article .post-content::after{content:'';display:table;clear:both;} .post-article .post-content img,.post-article .post-content figure img{max-width:100% !important;width:auto !important;height:auto !important;display:inline-block !important;margin:0 0 1rem 0 !important;float:none !important;} .post-article .post-content .rxsb img,.post-article .post-content .rxsb .rxsb-photo{width:100% !important;max-width:100% !important;display:block !important;margin:0 !important;float:none !important;} .post-article .post-content .rxsb .rxsb-photo{height:250px !important;object-fit:cover !important;} .post-article .post-content .rxsb .rxsb-pop-item img{height:auto !important;aspect-ratio:1/1 !important;object-fit:cover !important;} .post-article .post-content .rxband .rxband-ava{width:46px !important;height:46px !important;border-radius:50% !important;object-fit:cover !important;display:inline-block !important;margin:0 !important;float:none !important;} @media(max-width:640px){.post-article .post-content .rxband .rxband-ava{width:24px !important;height:24px !important;}} .post-article .post-content .rcpx img{width:auto;max-width:100% !important;float:none !important;} .post-article .post-content figure{display:block !important;text-align:center !important;} .post-article .post-content figure img,.post-article .post-content img{display:block !important;margin-left:auto !important;margin-right:auto !important;float:none !important;} @media(max-width:720px){.post-article .post-content figure{display:block !important;} .post-article .post-content img,.post-article .post-content figure img{float:none !important;display:block !important;margin-left:auto !important;margin-right:auto !important;max-width:100% !important;width:auto !important;}} html body .post-article .post-content p:not(.post-intro):not(.post-conclusion),html body .post-article .post-content p.post-intro,html body .post-article .post-content p.post-conclusion,html body .post-article .post-content li,html body .post-article .post-header p,html body .post-enrichment.post-enrichment p,html body .post-enrichment.post-enrichment li,html body .post-enrichment.post-enrichment td,html body .post-enrichment.post-enrichment dd,html body .post-article .post-content.post-content blockquote,html body .post-article .post-content.post-content blockquote p,html body .post-article .post-content.post-content dt,html body .post-article .post-content.post-content dd,html body .post-article .post-content.post-content td{font-family:'Poppins', system-ui, -apple-system, 'Segoe UI', Arial !important;} .post-article .post-content figcaption .oimg-credit{display:block;margin-top:5px;font-size:0.72em;line-height:1.35;opacity:0.6;font-style:normal;font-weight:400;letter-spacing:.01em;} .post-article .post-content figcaption .oimg-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;} .post-article .post-content figcaption .oimg-credit a:hover{opacity:1;} .post-article .post-content figure>figcaption.post-figure-caption.post-figure-caption,.post-article .post-content figure>figcaption:not(:root):not(:root){margin-top:6px !important;margin-bottom:0 !important;padding-top:0 !important;} .post-article .post-content figcaption .oimg-credit,.post-article .post-content .image-source,.post-article .post-content .slider-slide-source{display:block !important;margin-top:0 !important;text-align:var(--source-align,left) !important;font-size:0.86em !important;line-height:1.45 !important;letter-spacing:.02em !important;opacity:.62 !important;font-style:normal !important;font-weight:400 !important;} .post-article .post-content figcaption .oimg-credit a,.post-article .post-content .image-source a{color:var(--theme-primary,inherit) !important;font-weight:600 !important;text-decoration:none !important;border-bottom:1px solid color-mix(in srgb,var(--theme-primary,#666) 38%,transparent) !important;} .post-article .post-content figcaption .oimg-credit a:hover,.post-article .post-content .image-source a:hover{border-bottom-color:var(--theme-primary,#666) !important;} .post-article font,.post-content font,.post-header font,.post-header-inner font,.post-content h1 font,.post-content h2 font,.post-content h3 font,.post-content h4 font,.post-header h1 font,.post-header-inner h1 font,.slider-slide-h2 font,.slider-slide-title font{color:inherit !important;-webkit-text-fill-color:inherit !important;} /* SSS TEMA UYUMU */ .post-content .post-enrichment-faq,article .post-content .post-enrichment-faq{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary,#0f766e) 5%,#fff) 0%,color-mix(in srgb,var(--theme-primary,#0f766e) 9%,#fff) 100%) !important;border:1px solid color-mix(in srgb,var(--theme-primary,#0f766e) 20%,transparent) !important;border-radius:18px !important;padding:26px 28px !important;margin:26px 0 !important;box-shadow:0 1px 2px color-mix(in srgb,var(--theme-primary,#0f766e) 8%,transparent) !important;} .post-content .post-enrichment-faq>h3:first-of-type,.post-content .post-enrichment-faq>h2:first-of-type{color:var(--theme-primary,#0f766e) !important;margin:0 0 4px !important;padding:0 0 14px !important;border-bottom:2px solid color-mix(in srgb,var(--theme-primary,#0f766e) 22%,transparent) !important;} .post-content .post-enrichment-faq .ai-qa-item{padding:16px 0 !important;margin:0 !important;border-bottom:1px solid color-mix(in srgb,var(--theme-primary,#0f766e) 12%,transparent) !important;} .post-content .post-enrichment-faq .ai-qa-item:last-child{border-bottom:0 !important;padding-bottom:2px !important;} .post-content .post-enrichment-faq .ai-qa-item>p:first-child{position:relative;padding-left:16px !important;color:var(--theme-content-color,#1f2937) !important;} .post-content .post-enrichment-faq .ai-qa-item>p:first-child::before{content:'';position:absolute;left:0;top:.35em;bottom:.35em;width:3px;border-radius:3px;background:var(--theme-primary,#0f766e);opacity:.55;} .post-content .post-enrichment-faq .ai-qa-item>p:not(:first-child){padding-left:16px !important;opacity:.92;} @media (max-width:640px){.post-content .post-enrichment-faq{padding:18px 16px !important;border-radius:14px !important;}} [class^="blk-"],[class*=" blk-"]{box-sizing:border-box !important;} [class^="blk-"],[class*=" blk-"]{--blk-accent:var(--theme-primary,#0f766e);--blk-ink:var(--theme-content-color,#1f2937);--blk-disp:var(--theme-heading-font,inherit);/* Koyu bant rengi: aksanın markaya sadık ama BEYAZ YAZIYI TAŞIYAN tonu. Açık bir tema rengi (ör. pembe) verilse bile bant okunur kalır. */ --blk-deep:color-mix(in srgb,var(--blk-accent) 74%,#0c1016) !important;--blk-bar:var(--blk-bar-bg,var(--blk-deep));--blk-bar-ink:var(--blk-bar-text,#fff);--blk-muted:color-mix(in srgb,var(--blk-ink) 58%,#fff);--blk-line:color-mix(in srgb,var(--blk-accent) 18%,transparent);--blk-tint:color-mix(in srgb,var(--blk-accent) 5%,#fff);--blk-tint-2:color-mix(in srgb,var(--blk-accent) 9%,#fff);--blk-hair:color-mix(in srgb,var(--blk-ink) 10%,transparent);--blk-radius:0;--blk-shadow:0 1px 2px color-mix(in srgb,var(--blk-ink) 7%,transparent),0 8px 24px -14px color-mix(in srgb,var(--blk-ink) 22%,transparent);font-family:var(--theme-content-font,inherit) !important;} /* ── 1 · Hızlı Özet — WASHI BANTLI KAĞIT NOT ────────────────────────── Referans tasarım: duvara washi bantla tutturulmuş kağıt not. Koyu başlık bandı KALDIRILDI — bu blok artık akıştan "elle iliştirilmiş" bir kart gibi ayrışıyor, diğer bantlı bloklardan (Odak/SSS) bilinçli olarak farklı. Bant, yaprak dalı ve kağıt dokusu saf CSS + gömülü SVG; görsel dosyası yok. FAVİKON ROZETİ bu blokta KAPALI (washi bantla aynı köşeyi paylaşırdı). */ .blk-summary.blk-summary.blk-summary{position:relative !important;margin:34px 0 !important;padding:34px 30px 26px !important; background:color-mix(in srgb,var(--blk-accent) 4%,#fdfcfa) !important; border:1px solid color-mix(in srgb,var(--blk-ink) 9%,transparent) !important; border-radius:10px !important; box-shadow:0 1px 2px color-mix(in srgb,var(--blk-ink) 7%,transparent),0 10px 26px -18px color-mix(in srgb,var(--blk-ink) 40%,transparent) !important;} /* Washi bant — kartın üst kenarına oturur, hafif eğik, lifli doku */ .blk-summary.blk-summary.blk-summary::before{content:'' !important;position:absolute !important;top:-13px !important;left:30px !important; width:124px !important;height:27px !important;z-index:2 !important;pointer-events:none !important; background:color-mix(in srgb,var(--blk-accent) 15%,#eadcc4) !important;opacity:.92 !important; background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--blk-ink) 5%,transparent) 0 1px,transparent 1px 7px) !important; border-left:1px dashed color-mix(in srgb,var(--blk-ink) 12%,transparent) !important; border-right:1px dashed color-mix(in srgb,var(--blk-ink) 12%,transparent) !important; transform:rotate(-2.4deg) !important; box-shadow:0 1px 3px -1px color-mix(in srgb,var(--blk-ink) 22%,transparent) !important;} /* Başlık — el yazısı, yaprak dalı solda */ .blk-summary__title.blk-summary__title.blk-summary__title.blk-summary__title.blk-summary__title{display:block !important;position:relative !important; margin:0 0 14px !important;padding:2px 0 0 44px !important; background:transparent !important;background-image:var(--blk-sprig) !important; background-repeat:no-repeat !important;background-position:left 0.1em !important;background-size:30px 30px !important; border:0 !important;border-radius:0 !important; font-family:'Dancing Script',cursive !important;font-size:1.86em !important;font-weight:700 !important; line-height:1.15 !important;letter-spacing:0 !important;text-align:left !important;text-transform:none !important; color:var(--blk-ink) !important;-webkit-text-fill-color:var(--blk-ink) !important; max-width:none !important;width:100% !important;} .blk-summary.blk-summary.blk-summary ul{margin:0 !important;padding:0 0 0 4px !important;list-style:none !important;} .blk-summary.blk-summary.blk-summary li{position:relative !important;margin:0 0 11px !important;padding:0 0 0 20px !important; font-size:.96em !important;line-height:1.6 !important;color:var(--blk-ink) !important;} .blk-summary.blk-summary.blk-summary li:last-child{margin-bottom:0 !important;} .blk-summary.blk-summary.blk-summary li::before{content:'' !important;position:absolute !important;left:2px !important;top:.62em !important; width:5px !important;height:5px !important;border-radius:50% !important; background:var(--blk-accent) !important;opacity:.75 !important;} .blk-summary.blk-summary.blk-summary strong{color:var(--blk-accent) !important;font-weight:700 !important;} @media (max-width:640px){ .blk-summary.blk-summary.blk-summary{padding:30px 20px 22px !important;} .blk-summary.blk-summary.blk-summary::before{left:20px !important;width:100px !important;} .blk-summary__title.blk-summary__title.blk-summary__title.blk-summary__title.blk-summary__title{font-size:1.6em !important;padding-left:38px !important;background-size:26px 26px !important;} } /* ── 2 · Callout — SOLDA DAİRE İKON, SAĞDA METİN ─────────────────────── Referans tasarım: yuvarlak ikon rozeti solda dikey ortalı, başlık + gövde sağda tek sütun. Sol aksan rayı KALDIRILDI — varyant rengini artık ikon taşıyor, ray gereksiz tekrardı. IZGARA: 1. sütun ikon (::before, tüm satırları kapsar), 2. sütun metin. Markup DEĞİŞMEDİ — mevcut yazılar da yeni görünümü alır. */ .blk-callout.blk-callout.blk-callout{display:grid !important;grid-template-columns:auto minmax(0,1fr) !important;column-gap:16px !important;align-items:start !important;margin:24px 0 !important;padding:20px 22px !important;border:2px dashed color-mix(in srgb,var(--blk-c-accent,var(--blk-accent)) 34%,transparent) !important;border-radius:16px !important;background:transparent !important;color:var(--blk-ink) !important;} .blk-callout.blk-callout.blk-callout::before{content:'' !important;grid-column:1 !important;grid-row:1 / span 24 !important;align-self:center !important;width:46px !important;height:46px !important;border-radius:50% !important;background:transparent !important;background-image:var(--blk-c-svg) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:23px 23px !important;border:2px dashed color-mix(in srgb,var(--blk-c-accent,var(--blk-accent)) 48%,transparent) !important;} .blk-callout.blk-callout.blk-callout>*{grid-column:2 !important;} .blk-callout__title.blk-callout__title.blk-callout__title{display:block !important;text-align:left !important;margin:0 0 7px !important;font-family:var(--blk-disp) !important;font-size:1.06em !important;font-weight:700 !important;line-height:1.3 !important;color:var(--blk-c-accent,var(--blk-accent)) !important;} .blk-callout.blk-callout.blk-callout>p:not(.blk-callout__title),.blk-callout.blk-callout.blk-callout>ul,.blk-callout.blk-callout.blk-callout>ol{text-align:left !important;padding-left:0 !important;font-size:.94em !important;color:var(--blk-ink) !important;} .blk-callout.blk-callout.blk-callout p:last-child,.blk-callout.blk-callout.blk-callout ul:last-child{margin-bottom:0 !important;} /* Tema `body.rcpx-recipe .post-content p:not(..):not(..)` kurali (0,4,2) auto yan bosluk veriyor; kisa baslik izgara hucresinde ORTALANIYORDU. 3 tekrar (0,3,0) yetmedi -> 5 tekrar ile ozgullugu asiyoruz. */ .blk-callout__title.blk-callout__title.blk-callout__title.blk-callout__title.blk-callout__title{margin-left:0 !important;margin-right:0 !important;max-width:none !important;width:100% !important;color:var(--blk-ink,#1f2937) !important;-webkit-text-fill-color:var(--blk-ink,#1f2937) !important;} /* ── 3 · Etiketli Liste ──────────────────────────────────────────────── */ .blk-labeled.blk-labeled.blk-labeled{margin:22px 0 !important;padding:0 !important;list-style:none !important;} .blk-labeled.blk-labeled.blk-labeled li{position:relative !important;margin:0 !important;padding:10px 0 10px 24px !important;color:var(--blk-ink) !important;border-bottom:1px solid var(--blk-hair) !important;} .blk-labeled.blk-labeled.blk-labeled li:first-child{padding-top:0 !important;} .blk-labeled.blk-labeled.blk-labeled li:last-child{border-bottom:0 !important;padding-bottom:0 !important;} .blk-labeled.blk-labeled.blk-labeled li::before{content:'' !important;position:absolute !important;left:3px !important;top:1.05em !important;width:7px !important;height:7px !important;background:var(--blk-accent) !important;transform:rotate(45deg) !important;} .blk-labeled.blk-labeled.blk-labeled li:first-child::before{top:.45em !important;} .blk-labeled.blk-labeled.blk-labeled strong{color:var(--blk-deep) !important;font-weight:700 !important;} /* ── 4 · Adım Adım — koyu madalyon + bağlantı rayı ───────────────────── */ .blk-steps.blk-steps.blk-steps{margin:26px 0 !important;padding:0 !important;list-style:none !important;counter-reset:blkstep !important;} .blk-steps.blk-steps.blk-steps li{position:relative !important;counter-increment:blkstep !important;margin:0 0 18px !important;padding:3px 0 0 48px !important;min-height:32px !important;color:var(--blk-ink) !important;} .blk-steps.blk-steps.blk-steps li:last-child{margin-bottom:0 !important;} .blk-steps.blk-steps.blk-steps li::before{content:counter(blkstep) !important;position:absolute !important;left:0 !important;top:0 !important;z-index:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;border-radius:50% !important;background:var(--blk-bar) !important;color:var(--blk-bar-ink) !important;font-family:var(--blk-disp) !important;font-size:.84em !important;font-weight:700 !important;line-height:1 !important;box-shadow:0 0 0 4px color-mix(in srgb,var(--blk-accent) 11%,#fff) !important;} .blk-steps.blk-steps.blk-steps li:not(:last-child)::after{content:'' !important;position:absolute !important;left:15px !important;top:36px !important;bottom:-18px !important;width:2px !important;background:color-mix(in srgb,var(--blk-accent) 24%,transparent) !important;} .blk-steps.blk-steps.blk-steps strong{color:var(--blk-deep) !important;font-weight:700 !important;} /* ── 5 · Kontrol Listesi ─────────────────────────────────────────────── */ .blk-checklist.blk-checklist.blk-checklist{margin:22px 0 !important;padding:0 !important;list-style:none !important;} .blk-checklist.blk-checklist.blk-checklist li{position:relative !important;margin:0 0 11px !important;padding:0 0 0 32px !important;color:var(--blk-ink) !important;} .blk-checklist.blk-checklist.blk-checklist li:last-child{margin-bottom:0 !important;} .blk-checklist.blk-checklist.blk-checklist li::before{content:'' !important;position:absolute !important;left:0 !important;top:.12em !important;width:19px !important;height:19px !important;border-radius:0 !important;background:var(--blk-deep) !important;} .blk-checklist.blk-checklist.blk-checklist li::after{content:'' !important;position:absolute !important;left:6.5px !important;top:.36em !important;width:5px !important;height:9px !important;border:solid #fff !important;border-width:0 2.5px 2.5px 0 !important;transform:rotate(45deg) !important;} /* ── 6 · Tablo — koyu başlık satırı ──────────────────────────────────── */ .blk-table.blk-table.blk-table{margin:28px 0 !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;border:1px solid var(--blk-line) !important;border-radius:var(--blk-radius) !important;box-shadow:var(--blk-shadow) !important;} .blk-table.blk-table.blk-table table{width:100% !important;min-width:460px !important;margin:0 !important;border-collapse:collapse !important;font-size:.95em !important;background:transparent !important;} .blk-table.blk-table.blk-table th,.blk-table.blk-table.blk-table td{padding:13px 16px !important;text-align:left !important;vertical-align:top !important;border-bottom:1px solid var(--blk-hair) !important;} .blk-table.blk-table.blk-table thead th{background:var(--blk-bar) !important;color:var(--blk-bar-ink) !important;font-size:.79em !important;font-weight:700 !important;letter-spacing:.09em !important;text-transform:uppercase !important;border-bottom:0 !important;white-space:nowrap !important;} .blk-table.blk-table.blk-table tbody tr:nth-child(even){background:transparent !important;} .blk-table.blk-table.blk-table tbody tr:hover{background:var(--blk-tint-2) !important;} .blk-table.blk-table.blk-table tbody tr:last-child td{border-bottom:0 !important;} .blk-table.blk-table.blk-table tbody td:first-child{font-weight:700 !important;color:var(--blk-ink) !important;} /* ── 7 · Artı / Eksi — KARELİ KAĞIT NOT KARTI ──────────────────────── Referans tasarım: kareli defter kağıdı zemin, üst kenara taşan ataç, el yazısı başlık. Dolu renkli başlık şeridi KALDIRILDI — başlığın rengi artık yazının kendisinde. Kağıt deseni saf CSS (repeating-linear-gradient) — görsel dosyası yok. Ataç gömülü SVG. El yazısı fontu Dancing Script (partials/header.php koşulsuz yükler). */ .blk-proscons.blk-proscons.blk-proscons{hyphens:none !important;-webkit-hyphens:none !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:18px !important;margin:32px 0 !important;} .blk-proscons__pros.blk-proscons__pros.blk-proscons__pros,.blk-proscons__cons.blk-proscons__cons.blk-proscons__cons{position:relative !important;padding:26px 22px 20px !important;border:1px solid !important;border-radius:14px !important;overflow:visible !important;box-shadow:0 1px 2px rgba(16,18,22,.05) !important;background-repeat:repeat !important;background-position:0 0 !important;} .blk-proscons__pros.blk-proscons__pros.blk-proscons__pros{border-color:#d6ead9 !important;background-color:#f3faf4 !important;background-image:repeating-linear-gradient(to right,rgba(21,128,61,.13) 0 1px,transparent 1px 22px),repeating-linear-gradient(to bottom,rgba(21,128,61,.13) 0 1px,transparent 1px 22px) !important;} .blk-proscons__cons.blk-proscons__cons.blk-proscons__cons{border-color:#f2d6d6 !important;background-color:#fdf4f4 !important;background-image:repeating-linear-gradient(to right,rgba(185,28,28,.12) 0 1px,transparent 1px 22px),repeating-linear-gradient(to bottom,rgba(185,28,28,.12) 0 1px,transparent 1px 22px) !important;} /* Ataç — kartın üst kenarına taşar */ .blk-proscons__pros.blk-proscons__pros.blk-proscons__pros::before,.blk-proscons__cons.blk-proscons__cons.blk-proscons__cons::before{content:'' !important;position:absolute !important;top:-13px !important;left:18px !important;width:24px !important;height:57px !important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2026%2062'%20fill='none'%20stroke='%23c9a227'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='6.5'%20y='2.5'%20width='13'%20height='50'%20rx='6.5'/%3E%3Cpath%20d='M13%2010v30'/%3E%3C/svg%3E") center/contain no-repeat !important;pointer-events:none !important;} /* Başlık — el yazısı, dolu şerit yok */ .blk-proscons__title.blk-proscons__title.blk-proscons__title{display:block !important;margin:0 0 12px !important;padding:0 0 0 34px !important;background:transparent !important;border:0 !important;font-family:'Dancing Script',cursive !important;font-size:2em !important;font-weight:700 !important;line-height:1.1 !important;letter-spacing:0 !important;text-transform:none !important;text-align:left !important;} .blk-proscons__title.blk-proscons__title.blk-proscons__title.blk-proscons__title.blk-proscons__title{margin-left:0 !important;margin-right:0 !important;max-width:none !important;width:100% !important;font-family:'Dancing Script',cursive !important;font-size:1.72em !important;font-weight:700 !important;text-align:left !important;} .blk-proscons__pros.blk-proscons__pros.blk-proscons__pros .blk-proscons__title{color:#15803d !important;} .blk-proscons__cons.blk-proscons__cons.blk-proscons__cons .blk-proscons__title{color:#b91c1c !important;} .blk-proscons.blk-proscons.blk-proscons ul{margin:0 !important;padding:0 0 0 6px !important;list-style:none !important;} .blk-proscons.blk-proscons.blk-proscons li{position:relative !important;margin:0 0 9px !important;padding:0 0 0 18px !important;font-size:.96em !important;color:var(--blk-ink) !important;} .blk-proscons.blk-proscons.blk-proscons li:last-child{margin-bottom:0 !important;} .blk-proscons.blk-proscons.blk-proscons li::before{content:'' !important;position:absolute !important;left:0 !important;top:.55em !important;width:6px !important;height:6px !important;border-radius:50% !important;} .blk-proscons__pros.blk-proscons__pros.blk-proscons__pros li::before{background:#15803d !important;} .blk-proscons__cons.blk-proscons__cons.blk-proscons__cons li::before{background:#b91c1c !important;} /* ── 8 · Künye Şeridi — kıl çizgi ızgara ─────────────────────────────── */ .blk-meta.blk-meta.blk-meta{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr)) !important;gap:0 !important;margin:26px 0 !important;padding:0 !important;background:transparent !important;border:1px solid var(--blk-line) !important;border-radius:0 !important;overflow:hidden !important;box-shadow:var(--blk-shadow) !important;} .blk-meta__item.blk-meta__item.blk-meta__item{display:flex !important;flex-direction:column !important;gap:5px !important;padding:15px 17px !important;background:transparent !important;border:0 !important;border-left:1px solid var(--blk-line) !important;}.blk-meta__item.blk-meta__item.blk-meta__item:first-child{border-left:0 !important;} .blk-meta__label.blk-meta__label.blk-meta__label{font-size:.7em !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--blk-muted) !important;} .blk-meta__value.blk-meta__value.blk-meta__value{font-family:var(--blk-disp) !important;font-size:1.24em !important;font-weight:700 !important;line-height:1.15 !important;color:var(--blk-deep) !important;} /* ── 9 · Vurgu Sayı — koyu dolu panel ────────────────────────────────── */ .blk-stat.blk-stat.blk-stat{--blk-on-deep:var(--blk-bar-ink,#fff);--blk-on-deep-soft:color-mix(in srgb,var(--blk-bar-ink,#fff) 82%,transparent);margin:34px 0 !important;padding:32px 26px !important;text-align:center !important;background:var(--blk-bar) !important;border:0 !important;border-radius:var(--blk-radius) !important;box-shadow:var(--blk-shadow) !important;} .blk-stat__number.blk-stat__number.blk-stat__number{font-family:var(--blk-disp) !important;margin:0 !important;font-size:3.6em !important;line-height:1 !important;font-weight:800 !important;letter-spacing:-.03em !important;color:var(--blk-on-deep,var(--blk-deep)) !important;} .blk-stat__number.blk-stat__number.blk-stat__number::after{content:'' !important;display:block !important;width:48px !important;height:3px !important;margin:16px auto 0 !important;border-radius:0 !important;background:var(--blk-on-deep-soft,color-mix(in srgb,var(--blk-deep) 45%,transparent)) !important;} .blk-stat__label.blk-stat__label.blk-stat__label{margin:14px auto 0 !important;max-width:46ch !important;font-size:.94em !important;line-height:1.55 !important;color:var(--blk-on-deep-soft,var(--blk-muted)) !important;} /* ── 10 · Alıntı — TEMA RENGİ, iri tırnak, premium kaynak satırı ────── ÖZGÜLLÜK: tema `body.rcpx-recipe .post-content blockquote:not(.key-takeaway)` (0,3,2) ile sol çubuğu ve ::before'u !important basıyordu; 3 tekrar (0,3,0) KAYBEDİYORDU — sabit terracotta çubuk kalıyor, tırnak işareti hiç çıkmıyordu. 5 tekrar (0,5,0) ile aşıldı. Kaynak satırı em-tire yerine kısa TEMA RENGİ çizgiyle başlar. */ .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote{position:relative !important;overflow:visible !important;margin:34px 0 !important;padding:2px 8px 2px 56px !important;border:0 !important;border-left:0 !important;background:none !important;font-size:var(--theme-content-size,16px) !important;color:var(--blk-ink) !important;} .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote::before{display:block !important;content:'\201C' !important;position:absolute !important;left:0 !important;top:-.2em !important;font-family:Georgia,'Times New Roman',serif !important;font-size:4.4em !important;line-height:1 !important;color:var(--blk-accent) !important;opacity:.22 !important;pointer-events:none !important;} /* KAPANIS TIRNAGI: yalnizca acilis (::before) vardi, cift tamamlanmiyordu. Sag altta, acilisin AYNASI. Kapsayicinin sag dolgusu (42px) bu glifin yeri — metin ve kaynak satiri altina girmez. */ /* KAPANIS TIRNAGI KALDIRILDI (olculdu 2026-09-19, masaustu): `right:0;bottom:-.34em` konumu tirnagi SON SATIRIN sonuna degil, blogun sag-alt kosesine koyuyor. Alinti son satiri kisa oldugunda (siklikla oyle) tirnak metinden KOPUK, bos alanda asili kaliyor ve 88px boyutuyla blogun 30px ALTINA tasip sonraki basligin uzerine geliyordu. Mobilde 2.6em'e kucultuldugu icin fark edilmiyordu — 'mobilde duzelttik, masaustunde bozuldu' bundan. Klasik dergi alintisi zaten TEK (acilis) tirnak kullanir; kapanis dekoratif tirnagi kaldirildi. */ .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote::after{display:none !important;content:none !important;} /* KAPANIS TIRNAGI — SON KELIMENIN YANINDA (2026-09-19 duzeltmesi). Eskiden kapsayiciya absolute basiliyordu (right:0;bottom:-.34em) → metnin sonuna DEGIL blogun sag-alt kosesine dusuyordu: son satir kisa oldugunda bos alanda asili kaliyor, 88px boyutuyla blogun 30px altina tasip sonraki basligin uzerine geliyordu. Artik SON PARAGRAFIN akisinda satir ici: metin nerede biterse tirnak oraya gelir, satir sarmasindan bagimsiz. `line-height:0` satir kutusunu buyutmez; `vertical-align` glifi metin tabanina oturtur. `:not(.blk-quote__source)` guvenligi: kaynak satiri

olarak gelen eski icerikte tirnak KAYNAGIN sonuna yapismasin diye (o durumda hic basilmaz). BOYUT: acilis tirnagiyla AYNI piksel olmali. Acilis .blk-quote'a gore 4.4em; bu ::after ise

icinde ve

1.18em => 4.4/1.18 = 3.73em. (Mobil karsiligi medya sorgusunda: acilis 2.6em,

.95em => 2.74em.) Iki deger BIRLIKTE degismeli; biri guncellenip digeri unutulursa tirnaklar yine esitsiz kalir. */ .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote p:last-of-type:not(.blk-quote__source)::after{content:'\201D' !important;display:inline !important;font-family:Georgia,'Times New Roman',serif !important;font-size:3.73em !important;line-height:0 !important;vertical-align:-.42em !important;color:var(--blk-accent) !important;opacity:.22 !important;margin-left:.04em !important;} .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote p{margin:0 0 10px !important;font-family:var(--blk-disp) !important;font-size:1.18em !important;font-style:italic !important;line-height:1.55 !important;color:var(--blk-ink) !important;} .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote p:last-of-type{margin-bottom:12px !important;} .blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source,.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote cite{display:block !important;font-family:var(--theme-content-font,inherit) !important;font-size:.8em !important;font-style:normal !important;font-weight:700 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--blk-muted) !important;} .blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source::before,.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote cite::before{content:'' !important;display:inline-block !important;width:22px !important;height:2px !important;margin-right:10px !important;vertical-align:middle !important;background:var(--blk-accent) !important;} /* ── 11 · Odak Bölümü — ALINTI KARTI (arkaplansız) ──────────────────── Referans tasarım: iri tırnak işaretleri arasında serif başlık. Koyu başlık bandı KALDIRILDI; arkaplan ŞEFFAF — sitenin kendi zemini görünür. Tırnaklar ve başlık TEMA RENGİNDE. Favikon rozeti bu blokta KAPATILDI: kapanış tırnağıyla aynı köşeyi paylaşıp çakışırdı. */ .blk-spotlight.blk-spotlight.blk-spotlight{position:relative !important;overflow:hidden !important;margin:40px 0 !important;padding:60px 46px 56px !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} .blk-spotlight.blk-spotlight.blk-spotlight::before{content:'\201C' !important;display:block !important;position:absolute !important;left:0 !important;top:0 !important;font-family:Georgia,'Times New Roman',serif !important;font-size:6.4em !important;line-height:1 !important;color:var(--blk-accent) !important;opacity:.32 !important;pointer-events:none !important;} .blk-spotlight.blk-spotlight.blk-spotlight::after{content:'\201D' !important;display:block !important;position:absolute !important;right:0 !important;bottom:-6px !important;width:auto !important;height:auto !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;font-family:Georgia,'Times New Roman',serif !important;font-size:6.4em !important;line-height:1 !important;color:var(--blk-accent) !important;opacity:.32 !important;pointer-events:none !important;} .blk-spotlight__title.blk-spotlight__title.blk-spotlight__title.blk-spotlight__title.blk-spotlight__title{display:block !important;margin:0 0 12px !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;font-family:'Dancing Script',cursive !important;font-size:2.05em !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:0 !important;text-align:center !important;overflow-wrap:break-word !important;text-wrap:balance !important;color:var(--blk-accent) !important;-webkit-text-fill-color:var(--blk-accent) !important;max-width:none !important;width:100% !important;} .blk-spotlight.blk-spotlight.blk-spotlight>p{padding-left:0 !important;padding-right:0 !important;margin-left:auto !important;margin-right:auto !important;max-width:46ch !important;text-align:center !important;color:var(--blk-ink) !important;} .blk-spotlight.blk-spotlight.blk-spotlight>ul,.blk-spotlight.blk-spotlight.blk-spotlight>ol{padding-left:0 !important;padding-right:0 !important;color:var(--blk-ink) !important;} .blk-spotlight.blk-spotlight.blk-spotlight>p:first-of-type{padding-top:0 !important;} .blk-spotlight.blk-spotlight.blk-spotlight>:last-child{padding-bottom:0 !important;margin-bottom:0 !important;} @media (max-width:640px){ .blk-spotlight.blk-spotlight.blk-spotlight{padding:46px 30px 40px !important;} .blk-spotlight.blk-spotlight.blk-spotlight::before,.blk-spotlight.blk-spotlight.blk-spotlight::after{font-size:4.4em !important;} .blk-spotlight__title.blk-spotlight__title.blk-spotlight__title.blk-spotlight__title.blk-spotlight__title{font-size:1.7em !important;} } /* ── 12 · SSS — koyu başlık bandı ────────────────────────────────────── */ .blk-faq.blk-faq.blk-faq{position:relative !important;margin:36px 0 !important;padding:0 !important;background:transparent !important;border:1px solid var(--blk-line) !important;border-radius:var(--blk-radius) !important;box-shadow:var(--blk-shadow) !important;} .blk-faq__title.blk-faq__title.blk-faq__title{margin:0 !important;padding:16px 24px !important;background:var(--blk-bar) !important;color:var(--blk-bar-ink) !important;border:0 !important;border-radius:0 !important;font-family:var(--blk-disp) !important;font-size:1.18em !important;font-weight:700 !important;line-height:1.3 !important;} .blk-faq__item.blk-faq__item.blk-faq__item{padding:18px 26px !important;border-bottom:1px solid var(--blk-hair) !important;} .blk-faq__item.blk-faq__item.blk-faq__item:first-of-type{padding-top:20px !important;} .blk-faq__item.blk-faq__item.blk-faq__item:last-child{border-bottom:0 !important;padding-bottom:22px !important;} .blk-faq__q.blk-faq__q.blk-faq__q{position:relative !important;margin:0 0 7px !important;padding-left:18px !important;font-size:1.02em !important;font-weight:700 !important;color:var(--blk-ink) !important;} .blk-faq__q.blk-faq__q.blk-faq__q::before{content:'' !important;position:absolute !important;left:0 !important;top:.3em !important;bottom:.3em !important;width:3px !important;border-radius:0 !important;background:var(--blk-accent) !important;} .blk-faq__a.blk-faq__a.blk-faq__a{margin:0 !important;padding-left:18px !important;color:var(--blk-muted) !important;} /* ── BANT BAŞLIĞI RENK KİLİDİ ───────────────────────────────────────── Bant başlıkları

(Odak, SSS) veya

(Özet) olabiliyor. Tema h3/h2 rengini `main article.post-article h3{color:… !important}` gibi ELEMENT tabanlı kurallarla basıyor; bazı temalarda bu kural bizimkini geçip yazıyı koyu bantta KOYU bırakıyor → başlık görünmez oluyor. ÇÖZÜM: sınıfı 5 kez tekrarla (0,5,0) + ayrıca blok içindeki HER başlık etiketini kapsa. Böylece h2/h3/h4 fark etmeksizin bant yazısı doğru renkte. */ .blk-faq__title.blk-faq__title.blk-faq__title.blk-faq__title.blk-faq__title,.blk-faq.blk-faq.blk-faq>h2,.blk-faq.blk-faq.blk-faq>h3,.blk-faq.blk-faq.blk-faq>h4{color:var(--blk-bar-ink,#fff) !important;-webkit-text-fill-color:var(--blk-bar-ink,#fff) !important;} /* ── VURGU SAYI KİLİDİ ──────────────────────────────────────────────────── Rakam ve etiket

elemanı. Tema, gövde paragraflarını yüksek özgüllükle sıfırlıyor (renk #424242, punto 20px, hiza sol). Bazı sitelerde bu kural bizimkini (0,3,0) geçiyordu → KOYU PANELDE KOYU YAZI = görünmez blok. (cheveuxfeminin: tema rengi #000000 olduğu için panel de siyahtı.) 5 tekrar (0,5,0) ile tipografi kilitlendi. */ .blk-stat.blk-stat.blk-stat.blk-stat.blk-stat{padding:32px 26px !important;text-align:center !important;background:var(--blk-bar) !important;border:0 !important;} .blk-stat__number.blk-stat__number.blk-stat__number.blk-stat__number.blk-stat__number{display:block !important;margin:0 !important;padding:0 !important;font-family:var(--blk-disp) !important;font-size:3.6em !important;line-height:1 !important;font-weight:800 !important;letter-spacing:-.03em !important;text-align:center !important;background:transparent !important;color:var(--blk-bar-ink,#fff) !important;-webkit-text-fill-color:var(--blk-bar-ink,#fff) !important;} .blk-stat__label.blk-stat__label.blk-stat__label.blk-stat__label.blk-stat__label{display:block !important;margin:14px auto 0 !important;padding:0 !important;max-width:46ch !important;font-size:.94em !important;line-height:1.55 !important;font-weight:400 !important;text-align:center !important;background:transparent !important;color:color-mix(in srgb,var(--blk-bar-ink,#fff) 82%,transparent) !important;-webkit-text-fill-color:color-mix(in srgb,var(--blk-bar-ink,#fff) 82%,transparent) !important;} @media (max-width:640px){.blk-stat__number.blk-stat__number.blk-stat__number.blk-stat__number.blk-stat__number{font-size:2.7em !important;}.blk-stat.blk-stat.blk-stat.blk-stat.blk-stat{padding:26px 18px !important;}} /* ── 13 · Görsel + Alt Yazı ──────────────────────────────────────────── */ .blk-figure.blk-figure.blk-figure{margin:28px 0 !important;padding:0 !important;} .blk-figure.blk-figure.blk-figure img{display:block !important;width:100% !important;height:auto !important;border-radius:var(--blk-radius) !important;} .blk-figure__caption.blk-figure__caption.blk-figure__caption,.blk-figure.blk-figure.blk-figure figcaption{margin-top:10px !important;padding-left:13px !important;border-left:2px solid var(--blk-line) !important;font-size:.85em !important;line-height:1.5 !important;color:var(--blk-muted) !important;} .blk-figure__credit.blk-figure__credit.blk-figure__credit{opacity:.75 !important;} /* ── 14 · İlgili İçerik ──────────────────────────────────────────────── */ .blk-related.blk-related.blk-related{margin:30px 0 !important;padding:20px 22px !important;background:transparent !important;border:1px solid var(--blk-line) !important;border-radius:0 !important;} .blk-related__title.blk-related__title.blk-related__title{display:flex !important;align-items:center !important;gap:10px !important;margin:0 0 12px !important;font-size:.74em !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--blk-muted) !important;white-space:nowrap !important;} .blk-related__title.blk-related__title.blk-related__title::after{content:'' !important;flex:1 !important;height:1px !important;background:var(--blk-line) !important;} .blk-related.blk-related.blk-related ul{margin:0 !important;padding:0 !important;list-style:none !important;} .blk-related.blk-related.blk-related li{position:relative !important;margin:0 !important;padding:8px 0 8px 22px !important;border-bottom:1px solid color-mix(in srgb,var(--blk-accent) 10%,transparent) !important;} .blk-related.blk-related.blk-related li:last-child{border-bottom:0 !important;padding-bottom:0 !important;} .blk-related.blk-related.blk-related li:first-child{padding-top:0 !important;} .blk-related.blk-related.blk-related li::before{content:'\2192' !important;position:absolute !important;left:0 !important;top:.5em !important;color:var(--blk-accent) !important;font-weight:700 !important;} .blk-related.blk-related.blk-related li:first-child::before{top:0 !important;} .blk-related.blk-related.blk-related a{color:var(--blk-ink) !important;text-decoration:none !important;font-weight:600 !important;border-bottom:1px solid transparent !important;} .blk-related.blk-related.blk-related a:hover{color:var(--blk-accent) !important;border-bottom-color:color-mix(in srgb,var(--blk-accent) 40%,transparent) !important;} /* ── Dar ekran ───────────────────────────────────────────────────────── */ @media (max-width:640px){ .blk-proscons.blk-proscons.blk-proscons{grid-template-columns:1fr !important;gap:12px !important;} .blk-summary__title.blk-summary__title.blk-summary__title,.blk-spotlight__title.blk-spotlight__title.blk-spotlight__title,.blk-faq__title.blk-faq__title.blk-faq__title{padding:14px 18px !important;font-size:1.04em !important;} .blk-summary.blk-summary.blk-summary ul{padding:18px 20px 20px !important;} .blk-spotlight.blk-spotlight.blk-spotlight>p,.blk-spotlight.blk-spotlight.blk-spotlight>ul,.blk-spotlight.blk-spotlight.blk-spotlight>ol{padding-left:18px !important;padding-right:18px !important;} .blk-faq__item.blk-faq__item.blk-faq__item{padding-left:18px !important;padding-right:18px !important;} .blk-callout.blk-callout.blk-callout{padding:15px 16px !important;column-gap:12px !important;} .blk-callout.blk-callout.blk-callout::before{width:38px !important;height:38px !important;font-size:17px !important;} .blk-stat.blk-stat.blk-stat{padding:26px 18px !important;} .blk-stat__number.blk-stat__number.blk-stat__number{font-size:2.7em !important;} /* MOBIL (olculdu 2026-09-09): sol girinti 40px + sag dolgu dar ekranda metni fazla siksiyordu. Girinti 26px'e, tirnak boyutu 2.6em'e cekildi; tirnaklar ustte/altta kalir ama metin sutunu genisler. */ /* SECICI 6x: temel kural (satir ~814) sinifi 5 KEZ tekrarliyor. Medya sorgusu OZGULLUK EKLEMEZ — 3x'lik mobil kural masaustu degerlerini yenemiyordu (olculdu: 390px'te padding hala 56px, tirnak 88px). 6x ile kesin kazanir. */ .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote{padding-left:26px !important;padding-right:6px !important;} .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote::before{font-size:2.6em !important;top:-.12em !important;} /* Mobil kapanis tirnagi: acilis 2.6em,

.95em => 2.6/.95 = 2.74em (esit boyut). */ .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote p:last-of-type:not(.blk-quote__source)::after{font-size:2.74em !important;} /* MOBIL TIPOGRAFI (olculdu 2026-09-09): alinti 23.6px, 267px'lik sutunda cok sariyor ve tireleme yapiyordu ("un-derstand"). 19px + 1.5 satir araligi daha dengeli. Kaynak satiri da 16px'ten 13.6px'e — iki satira tasmasi azalir. */ .blk-quote.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote p{font-size:.95em !important;line-height:1.5 !important;} .blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source,.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote cite{font-size:.68em !important;letter-spacing:.1px !important;} /* Kaynak satiri TEK SATIRA sigsin: olculdu, metin 252px istiyor ama basindaki dekoratif cizgi (22px + 10px bosluk) alani 235px'e dusuruyordu -> 2 satira kayiyor ve kapanis tirnagi son kelimenin yanina denk geliyordu. Cizgi mobilde kisaltildi; harf araligi da .9px'ten .3px'e indi. */ .blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source.blk-quote__source::before,.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote.blk-quote cite::before{width:12px !important;margin-right:6px !important;} .blk-steps.blk-steps.blk-steps li{padding-left:44px !important;} } /* ── DÜZELTMELER (canlı ekran doğrulaması sonrası) ─────────────────────── 1) Vurgu Sayı sola yaslanıyordu: tema `.post-article .post-content p` için text-align:left !important basıyor; hizayı kapsayıcıya vermek yetmiyor, ÇOCUKLARA da vermek gerekiyor. 2) Panelli blokların içindeki listeler kabuğun iç boşluğunu yitiriyordu: .blk-labeled/.blk-checklist `padding:0 !important` taşıyor ve kapsayıcının normal padding kuralını yeniyordu. */ .blk-stat__number.blk-stat__number.blk-stat__number, .blk-stat__label.blk-stat__label.blk-stat__label{text-align:center !important;} .blk-spotlight.blk-spotlight.blk-spotlight>ul, .blk-spotlight.blk-spotlight.blk-spotlight>ol{padding-left:26px !important;padding-right:26px !important;} .blk-callout.blk-callout.blk-callout>ul, .blk-callout.blk-callout.blk-callout>ol{padding-left:0 !important;} @media (max-width:640px){ .blk-spotlight.blk-spotlight.blk-spotlight>ul, .blk-spotlight.blk-spotlight.blk-spotlight>ol{padding-left:18px !important;padding-right:18px !important;} .blk-callout.blk-callout.blk-callout>ul, .blk-callout.blk-callout.blk-callout>ol{padding-left:0 !important;} }:root{--blk-sprig:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021.6V7.2'/%3E%3Cpath%20d='M12%2015.2c0-2.4%201.7-4.3%203.9-4.3%200%202.4-1.7%204.3-3.9%204.3z'/%3E%3Cpath%20d='M12%2015.2c0-2.4-1.7-4.3-3.9-4.3%200%202.4%201.7%204.3%203.9%204.3z'/%3E%3Cpath%20d='M12%209.9c0-2.4%201.7-4.3%203.9-4.3%200%202.4-1.7%204.3-3.9%204.3z'/%3E%3Cpath%20d='M12%209.9c0-2.4-1.7-4.3-3.9-4.3%200%202.4%201.7%204.3%203.9%204.3z'/%3E%3C/svg%3E");} .blk-callout--note.blk-callout--note.blk-callout--note{--blk-c-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%206.7C10.3%205.3%208.1%204.6%205.8%204.6c-.6%200-1.1%200-1.6.1v12.5c.5-.1%201-.1%201.6-.1%202.3%200%204.5.7%206.2%202.1'/%3E%3Cpath%20d='M12%206.7c1.7-1.4%203.9-2.1%206.2-2.1.6%200%201.1%200%201.6.1v12.5c-.5-.1-1-.1-1.6-.1-2.3%200-4.5.7-6.2%202.1'/%3E%3Cpath%20d='M12%206.7v12.5'/%3E%3C/svg%3E");} .blk-callout--tip.blk-callout--tip.blk-callout--tip{--blk-c-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202.3v1.6'/%3E%3Cpath%20d='M5.3%205.3l1.1%201.1'/%3E%3Cpath%20d='M18.7%205.3l-1.1%201.1'/%3E%3Cpath%20d='M2.5%2012h1.6'/%3E%3Cpath%20d='M19.9%2012h1.6'/%3E%3Cpath%20d='M12%206.5a4.6%204.6%200%200%200-2.8%208.3c.4.3.6.8.7%201.3h4.2c.1-.5.3-1%20.7-1.3A4.6%204.6%200%200%200%2012%206.5z'/%3E%3Cpath%20d='M10.4%2018.5h3.2'/%3E%3Cpath%20d='M11%2020.7h2'/%3E%3C/svg%3E");} .blk-callout--warning.blk-callout--warning.blk-callout--warning{--blk-c-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M13.7%204.3l7.3%2012.8c.8%201.3-.2%203-1.7%203H4.7c-1.5%200-2.5-1.7-1.7-3l7.3-12.8c.8-1.3%202.6-1.3%203.4%200z'/%3E%3Cpath%20d='M12%209.5v4.2'/%3E%3Cpath%20d='M12%2016.9v.01'/%3E%3C/svg%3E");} .blk-callout--mistake.blk-callout--mistake.blk-callout--mistake{--blk-c-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.4'/%3E%3Cpath%20d='M6.1%206.1l11.8%2011.8'/%3E%3C/svg%3E");} :root{--blk-badge:url('/assets/uploads/favicon_1768606606.png');} .blk-faq.blk-faq.blk-faq{--blk-has-badge:1;} .blk-faq.blk-faq.blk-faq::after{content:'' !important;position:absolute !important;top:-15px !important;right:20px !important;z-index:2 !important;width:62px !important;height:62px !important;border-radius:50% !important;background:#fff var(--blk-badge) center/34px 34px no-repeat !important;border:1px solid var(--blk-line) !important;box-shadow:0 2px 10px -2px color-mix(in srgb,var(--blk-ink) 30%,transparent) !important;} .blk-faq__title.blk-faq__title.blk-faq__title{padding-right:96px !important;} @media (max-width:640px){ .blk-spotlight.blk-spotlight.blk-spotlight::after,.blk-faq.blk-faq.blk-faq::after{width:48px !important;height:48px !important;top:-12px !important;right:14px !important;background-size:26px 26px !important;} .blk-summary__title.blk-summary__title.blk-summary__title,.blk-spotlight__title.blk-spotlight__title.blk-spotlight__title,.blk-faq__title.blk-faq__title.blk-faq__title{padding-right:74px !important;} }/* --------------------------------------------------------------------------- * SSS AKORDIYON (2026-09-16 - kullanici tasarimi) * --------------------------------------------------------------------------- * UC MARKUP VARYANTI birden desteklenir (ucu de canli olcuLdu): * 1) .post-enrichment-faq + .mai-faq__item -> YENI uretim (details, akordiyon) * 2) .post-enrichment-faq + .ai-qa-item -> eski div markup (2 adet

) * 3) .blk-faq + >p -> blok markup: *

Baslik

Soru
Cevap

* (2) ve (3) post.php'deki yukseltme betigiyle calisma aninda details'e sarilir; * betik calismazsa asagidaki ">p" kurallari yedek gorunumu verir. * * DUZELTILEN GIZLI HATA: eski blok kurali `.blk-faq>h2/h3/h4` icin * `color:var(--blk-bar-ink,#fff)` yani BEYAZ renk basiyordu (koyu bant icin * yazilmis). Bu tasarimda bant yok -> baslik beyaz zeminde GORUNMEZ oluyordu * (enguzelsaclar "Sik sorulan sorular" soluk gri). Artik h2/h3/h4 hepsi * acikca koyu renge sabitlenir. * * OZGULLUK NOTU (KRITIK): bu dosyanin yukarisinda FAQ'i hedefleyen ultra-ozgul * kurallar var (~322 "FAQ Q&A KESIN ESITLEME") = (0,4,3). Ilk denemede * secicilerimiz (0,4,1) idi -> sinif esit, element az kaldi -> ESKI KURAL * KAZANDI (numara/baslik gecti, font ve renk GECMEDI). Bu yuzden her kural * `html body .post-article .post-content` + 2x kapsayici sinifi ile yazilir * (0,6,3) + 3x sinifli yedek (FAQ .post-content disinda render edilirse). * * NUMARALAR CSS sayaciyla -> PHP numara basmaz, soru elenirse sira duzelir. * RENK temanin aksanindan; FONT sabit serif (cogu sitenin baslik fontu sans). */ .post-enrichment-faq,.blk-faq{--faq-accent:var(--blk-accent,var(--theme-primary,#b8860b));--faq-ink:#1f2937;--faq-serif:Georgia,'Times New Roman',serif;--faq-line:color-mix(in srgb,var(--faq-ink) 14%,transparent);--faq-soft:#faf9f7;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq,html body .post-article .post-content .blk-faq.blk-faq,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq,.blk-faq.blk-faq.blk-faq{margin:32px 0 !important;padding:16px !important;background:var(--faq-soft) !important;border:1px solid var(--faq-line) !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(31,41,55,.05),0 22px 44px -34px rgba(31,41,55,.5) !important;counter-reset:faqn !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>h2,html body .post-article .post-content .blk-faq.blk-faq>h2,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>h2,.blk-faq.blk-faq.blk-faq>h2,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>h3,html body .post-article .post-content .blk-faq.blk-faq>h3,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>h3,.blk-faq.blk-faq.blk-faq>h3,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>h4,html body .post-article .post-content .blk-faq.blk-faq>h4,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>h4,.blk-faq.blk-faq.blk-faq>h4,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>.mai-faq__title,html body .post-article .post-content .blk-faq.blk-faq>.mai-faq__title,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>.mai-faq__title,.blk-faq.blk-faq.blk-faq>.mai-faq__title,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>.blk-faq__title,html body .post-article .post-content .blk-faq.blk-faq>.blk-faq__title,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>.blk-faq__title,.blk-faq.blk-faq.blk-faq>.blk-faq__title{display:block !important;margin:2px 0 16px !important;padding:0 !important;background:none !important;background-color:transparent !important;background-image:none !important;border:0 !important;border-radius:0 !important;text-align:center !important;font-family:var(--faq-serif) !important;font-size:clamp(1.45rem,3.4vw,1.95rem) !important;font-weight:700 !important;font-style:normal !important;line-height:1.15 !important;letter-spacing:-.01em !important;color:#111827 !important;-webkit-text-fill-color:#111827 !important;text-transform:none !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>h2::after,html body .post-article .post-content .blk-faq.blk-faq>h2::after,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>h2::after,.blk-faq.blk-faq.blk-faq>h2::after,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>h3::after,html body .post-article .post-content .blk-faq.blk-faq>h3::after,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>h3::after,.blk-faq.blk-faq.blk-faq>h3::after,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>h2::before,html body .post-article .post-content .blk-faq.blk-faq>h2::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>h2::before,.blk-faq.blk-faq.blk-faq>h2::before,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>h3::before,html body .post-article .post-content .blk-faq.blk-faq>h3::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>h3::before,.blk-faq.blk-faq.blk-faq>h3::before{display:none !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>div,html body .post-article .post-content .blk-faq.blk-faq>div,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>div,.blk-faq.blk-faq.blk-faq>div,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>.mai-faq__list,html body .post-article .post-content .blk-faq.blk-faq>.mai-faq__list,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>.mai-faq__list,.blk-faq.blk-faq.blk-faq>.mai-faq__list{counter-reset:faqn !important;display:block !important;gap:0 !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__item,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__item,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__item,.blk-faq.blk-faq.blk-faq .mai-faq__item,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item,.blk-faq.blk-faq.blk-faq .ai-qa-item,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__item,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__item,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__item,.blk-faq.blk-faq.blk-faq .blk-faq__item,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p,html body .post-article .post-content .blk-faq.blk-faq>p,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p,.blk-faq.blk-faq.blk-faq>p{counter-increment:faqn !important;display:block !important;margin:0 0 8px !important;padding:0 !important;background:#fff !important;border:1px solid var(--faq-line) !important;border-radius:12px !important;box-shadow:0 1px 3px rgba(31,41,55,.06) !important;overflow:hidden !important;text-align:left !important;opacity:1 !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__item:last-child,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__item:last-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__item:last-child,.blk-faq.blk-faq.blk-faq .mai-faq__item:last-child,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item:last-child,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item:last-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item:last-child,.blk-faq.blk-faq.blk-faq .ai-qa-item:last-child,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__item:last-child,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__item:last-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__item:last-child,.blk-faq.blk-faq.blk-faq .blk-faq__item:last-child,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p:last-child,html body .post-article .post-content .blk-faq.blk-faq>p:last-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p:last-child,.blk-faq.blk-faq.blk-faq>p:last-child{margin-bottom:0 !important;border-bottom:1px solid var(--faq-line) !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p,html body .post-article .post-content .blk-faq.blk-faq>p,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p,.blk-faq.blk-faq.blk-faq>p{position:relative !important;padding:14px 18px 14px 0 !important;font-family:var(--faq-serif) !important;font-size:clamp(.9rem,.94em,1.02rem) !important;line-height:1.65 !important;color:#4b5563 !important;-webkit-text-fill-color:#4b5563 !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p>strong,html body .post-article .post-content .blk-faq.blk-faq>p>strong,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p>strong,.blk-faq.blk-faq.blk-faq>p>strong{display:block !important;margin:0 0 4px !important;font-family:var(--faq-serif) !important;font-size:clamp(.98rem,1.06em,1.16rem) !important;font-weight:600 !important;color:#111827 !important;-webkit-text-fill-color:#111827 !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__q,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__q,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__q,.blk-faq.blk-faq.blk-faq .mai-faq__q,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:first-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child,.blk-faq.blk-faq.blk-faq .ai-qa-item>p:first-child,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__q,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__q,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__q,.blk-faq.blk-faq.blk-faq .blk-faq__q{position:relative !important;display:flex !important;align-items:center !important;gap:0 !important;margin:0 !important;padding:14px 50px 14px 0 !important;background:none !important;border:0 !important;font-family:var(--faq-serif) !important;font-size:clamp(.98rem,1.01em,1.12rem) !important;font-weight:600 !important;font-style:normal !important;line-height:1.4 !important;text-align:left !important;color:#111827 !important;-webkit-text-fill-color:#111827 !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__q::before,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__q::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__q::before,.blk-faq.blk-faq.blk-faq .mai-faq__q::before,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child::before,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:first-child::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child::before,.blk-faq.blk-faq.blk-faq .ai-qa-item>p:first-child::before,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__q::before,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__q::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__q::before,.blk-faq.blk-faq.blk-faq .blk-faq__q::before{content:counter(faqn,decimal-leading-zero) !important;flex:0 0 auto !important;position:static !important;display:flex !important;align-items:center !important;align-self:stretch !important;width:auto !important;height:auto !important;margin:0 16px 0 0 !important;padding:0 16px 0 18px !important;border:0 !important;border-right:1px solid var(--faq-line) !important;border-radius:0 !important;background:none !important;opacity:1 !important;font-family:var(--faq-serif) !important;font-size:.85em !important;font-weight:600 !important;letter-spacing:.06em !important;color:var(--faq-accent) !important;-webkit-text-fill-color:var(--faq-accent) !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p::before,html body .post-article .post-content .blk-faq.blk-faq>p::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p::before,.blk-faq.blk-faq.blk-faq>p::before{content:counter(faqn,decimal-leading-zero) !important;position:absolute !important;left:18px !important;top:16px !important;padding:0 16px 0 0 !important;border-right:1px solid var(--faq-line) !important;background:none !important;opacity:1 !important;font-family:var(--faq-serif) !important;font-size:.85em !important;font-weight:600 !important;letter-spacing:.06em !important;color:var(--faq-accent) !important;-webkit-text-fill-color:var(--faq-accent) !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p,html body .post-article .post-content .blk-faq.blk-faq>p,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p,.blk-faq.blk-faq.blk-faq>p{padding-left:72px !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__a,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__a,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__a,.blk-faq.blk-faq.blk-faq .mai-faq__a,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:last-child,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:last-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:last-child,.blk-faq.blk-faq.blk-faq .ai-qa-item>p:last-child,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:not(:first-child),html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:not(:first-child),.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:not(:first-child),.blk-faq.blk-faq.blk-faq .ai-qa-item>p:not(:first-child),html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__a,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__a,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__a,.blk-faq.blk-faq.blk-faq .blk-faq__a{margin:0 !important;padding:0 20px 14px 54px !important;border:0 !important;opacity:1 !important;font-family:var(--faq-serif) !important;font-size:clamp(.9rem,.94em,1.02rem) !important;font-weight:400 !important;line-height:1.65 !important;text-align:left !important;color:#4b5563 !important;-webkit-text-fill-color:#4b5563 !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__a>p,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__a>p,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__a>p,.blk-faq.blk-faq.blk-faq .mai-faq__a>p{margin:0 !important;padding:0 !important;font-family:inherit !important;font-size:inherit !important;line-height:inherit !important;color:inherit !important;-webkit-text-fill-color:inherit !important;text-align:left !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:first-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child,.blk-faq.blk-faq.blk-faq .ai-qa-item>p:first-child{border-bottom:1px solid color-mix(in srgb,var(--faq-ink) 7%,transparent) !important;margin-bottom:10px !important;padding-right:20px !important;} .mai-faq__item>summary{cursor:pointer !important;list-style:none !important;} .mai-faq__item>summary::-webkit-details-marker{display:none !important;} .mai-faq__item>summary::marker{content:'' !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__q,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__q,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__q,.blk-faq.blk-faq.blk-faq .mai-faq__q{border-bottom:0 !important;margin-bottom:0 !important;padding-right:50px !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__a,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__a,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__a,.blk-faq.blk-faq.blk-faq .mai-faq__a{padding-top:12px !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__q::after,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__q::after,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__q::after,.blk-faq.blk-faq.blk-faq .mai-faq__q::after{content:'+' !important;position:absolute !important;right:18px !important;top:50% !important;transform:translateY(-50%) !important;font-family:var(--faq-serif) !important;font-size:1.45em !important;font-weight:400 !important;line-height:1 !important;color:var(--faq-accent) !important;-webkit-text-fill-color:var(--faq-accent) !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__item[open]>.mai-faq__q::after,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__item[open]>.mai-faq__q::after,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__item[open]>.mai-faq__q::after,.blk-faq.blk-faq.blk-faq .mai-faq__item[open]>.mai-faq__q::after{content:'\2212' !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__item[open],html body .post-article .post-content .blk-faq.blk-faq .mai-faq__item[open],.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__item[open],.blk-faq.blk-faq.blk-faq .mai-faq__item[open]{box-shadow:0 1px 3px rgba(31,41,55,.08),0 14px 30px -24px rgba(31,41,55,.6) !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__item[open]>.mai-faq__q,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__item[open]>.mai-faq__q,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__item[open]>.mai-faq__q,.blk-faq.blk-faq.blk-faq .mai-faq__item[open]>.mai-faq__q{border-bottom:1px solid color-mix(in srgb,var(--faq-ink) 7%,transparent) !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__q:hover,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__q:hover,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__q:hover,.blk-faq.blk-faq.blk-faq .mai-faq__q:hover{background:color-mix(in srgb,var(--faq-accent) 5%,#fff) !important;} .blk-faq.blk-faq.blk-faq::after{display:none !important;} html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>.blk-faq__title,html body .post-article .post-content .blk-faq.blk-faq>.blk-faq__title,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>.blk-faq__title,.blk-faq.blk-faq.blk-faq>.blk-faq__title{padding-right:0 !important;} @media (max-width:640px){html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq,html body .post-article .post-content .blk-faq.blk-faq,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq,.blk-faq.blk-faq.blk-faq{padding:14px !important;border-radius:16px !important;}html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__q,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__q,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__q,.blk-faq.blk-faq.blk-faq .mai-faq__q,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:first-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child,.blk-faq.blk-faq.blk-faq .ai-qa-item>p:first-child,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__q,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__q,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__q,.blk-faq.blk-faq.blk-faq .blk-faq__q{padding:15px 46px 15px 0 !important;font-size:1.04em !important;}html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__q::before,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__q::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__q::before,.blk-faq.blk-faq.blk-faq .mai-faq__q::before,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child::before,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:first-child::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:first-child::before,.blk-faq.blk-faq.blk-faq .ai-qa-item>p:first-child::before,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__q::before,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__q::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__q::before,.blk-faq.blk-faq.blk-faq .blk-faq__q::before{margin-right:14px !important;padding:0 14px 0 16px !important;}html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .mai-faq__a,html body .post-article .post-content .blk-faq.blk-faq .mai-faq__a,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .mai-faq__a,.blk-faq.blk-faq.blk-faq .mai-faq__a,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:last-child,html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:last-child,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:last-child,.blk-faq.blk-faq.blk-faq .ai-qa-item>p:last-child,html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:not(:first-child),html body .post-article .post-content .blk-faq.blk-faq .ai-qa-item>p:not(:first-child),.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .ai-qa-item>p:not(:first-child),.blk-faq.blk-faq.blk-faq .ai-qa-item>p:not(:first-child),html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq .blk-faq__a,html body .post-article .post-content .blk-faq.blk-faq .blk-faq__a,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq .blk-faq__a,.blk-faq.blk-faq.blk-faq .blk-faq__a{padding:0 16px 16px 46px !important;}html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p,html body .post-article .post-content .blk-faq.blk-faq>p,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p,.blk-faq.blk-faq.blk-faq>p{padding-left:62px !important;}html body .post-article .post-content .post-enrichment-faq.post-enrichment-faq>p::before,html body .post-article .post-content .blk-faq.blk-faq>p::before,.post-enrichment-faq.post-enrichment-faq.post-enrichment-faq>p::before,.blk-faq.blk-faq.blk-faq>p::before{left:14px !important;padding-right:12px !important;}}