/* Mamacı Teyze blog yazısı içerik bileşenleri (ICERIK-VE-LANDING.md, Aşama 8 parça 2). Yalnız blog yazısında bağlanır
   (blog-detail/mt-blog-yazi). Yazıların HTML'i panelde, eski temanın sınıflarını kullanıyor: ürün önerisi (urun-onerisi),
   ırk özeti (breed-overview), öne çıkan noktalar, önemli kutusu, blgy-* bileşenleri, kedi kumu kartları, köpek isim önerici
   (dgname-*), kedi maması hesaplama (#mamaForm), köpek yaşı hesaplama (kopekyasi-*). Kurallar eski blog-detay.scss'ten
   düzleştirildi (2026-09-27): üzerine gelme kuralları @media (hover: hover) içinde, kaldırma ve büyütme efektleri çıkarıldı,
   eski "#kopek-isim-onerici :root" seçicisi (hiç eşleşmiyordu) "#kopek-isim-onerici" oldu. Font Awesome yüklenmediği için
   yazılarda geçen beş simge maskeyle çizilir. */
#kopek-isim-onerici { --dgname-primary: #D5157C; --dgname-secondary: #FF0089; --dgname-light: #f8f9fa; --dgname-dark: #212529; --dgname-gray: #6c757d; --dgname-success: #FF0089; --dgname-danger: #e53e3e; --dgname-border-radius: 12px; --dgname-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
#kopek-isim-onerici .dgname-reset * { margin: 0; padding: 0; box-sizing: border-box; }
#kopek-isim-onerici .dgname-container { max-width: 800px; margin: 40px auto; padding: 0 20px; }
#kopek-isim-onerici .dgname-app-container { background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; }
#kopek-isim-onerici .dgname-app-header { position: relative; background-color: #D5157C; padding: 30px; overflow: hidden; display: flex; flex-direction: column; }
#kopek-isim-onerici .dgname-header-text-container { position: relative; z-index: 2; margin-bottom: 15px; }
#kopek-isim-onerici .dgname-header-image-container { position: relative; z-index: 1; background-image: url('https://www.mamaciteyze.com/Data/EditorFiles/blog-gorselleri/teyzeai-bc-s.webp'); background-size: contain; background-position: center; background-repeat: no-repeat; border-radius: 12px; }
#kopek-isim-onerici .dgname-app-header h2,
    #kopek-isim-onerici .dgname-app-header p { position: relative; z-index: 2; text-align: left; color: white; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
@media (min-width: 769px) { #kopek-isim-onerici .dgname-app-header { flex-direction: row; } }
@media (min-width: 769px) { #kopek-isim-onerici .dgname-header-text-container { flex: 1; margin-bottom: 0; padding-right: 20px; } }
@media (min-width: 769px) { #kopek-isim-onerici .dgname-header-image-container { flex: 1; background-size: 154%; background-position: right; } }
@media (min-width: 769px) { #kopek-isim-onerici .dgname-app-header h2 { margin-bottom: 10px; font-size: 36px; } }
@media (min-width: 769px) { #kopek-isim-onerici .dgname-app-header p { opacity: 0.9; font-size: 16px; } }
@media (max-width: 768px) { #kopek-isim-onerici .dgname-app-header h2 { margin-bottom: 5px; font-size: 30px; text-align: center; } }
@media (max-width: 768px) { #kopek-isim-onerici .dgname-app-header p { opacity: 0.95; font-size: 0.9rem; text-align: center; } }
@media (max-width: 768px) { #kopek-isim-onerici .dgname-header-image-container { background-image: url('https://www.mamaciteyze.com/Data/EditorFiles/blog-gorselleri/teyzeai-bc-s-800-x-350-piksel-center.webp'); background-size: 120%; background-position: center; margin-top: 10px; height: 280px; } }
@media (max-width: 480px) { #kopek-isim-onerici .dgname-app-header { padding: 20px 15px; } }
@media (max-width: 480px) { #kopek-isim-onerici .dgname-header-image-container { height: 200px; } }
#kopek-isim-onerici .dgname-app-content { padding: 30px; }
#kopek-isim-onerici .dgname-form-group { margin-bottom: 25px; }
#kopek-isim-onerici .dgname-label { display: block; margin-bottom: 8px; font-weight: 600; color: #212529; font-size: 16px; }
#kopek-isim-onerici .dgname-textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 12px; font-size: 1rem; background-color: #f8f9fa; transition: border-color 0.3s, box-shadow 0.3s; }
#kopek-isim-onerici .dgname-textarea:focus { outline: none; border-color: #D5157C; box-shadow: 0 0 0 3px rgba(213, 21, 124, 0.2); }
#kopek-isim-onerici .dgname-char-counter { margin-top: 5px; font-size: 0.9rem; color: #6c757d; text-align: right; }
#kopek-isim-onerici .dgname-btn { display: inline-block; padding: 12px 24px; background-color: #D5157C; color: white; border: none; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color 0.3s, transform 0.2s; text-align: center; text-decoration: none; }
@media (hover: hover) { #kopek-isim-onerici .dgname-btn:hover { background-color: #FF0089; } }
#kopek-isim-onerici .dgname-btn-block { display: block; width: 100%; }
#kopek-isim-onerici .dgname-results-container { margin-top: 30px; display: none; }
#kopek-isim-onerici .dgname-results-title { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #D5157C; color: #212529; }
#kopek-isim-onerici .dgname-name-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 15px; justify-content: center; }
#kopek-isim-onerici .dgname-name-card { background-color: #f8f9fa; border-radius: 12px; padding: 20px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s; border: 1px solid rgba(213, 21, 124, 0.2); position: relative; overflow: hidden; }
@media (hover: hover) { #kopek-isim-onerici .dgname-name-card:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } }
#kopek-isim-onerici .dgname-name-card h3 { font-size: 1.5rem; margin-bottom: 14px; color: #D5157C; transition: all 0.3s; }
#kopek-isim-onerici .dgname-copy-btn { background-color: transparent; color: #D5157C; border: 1px solid #D5157C; padding: 6px 12px; border-radius: 12px; font-size: 0.85rem; font-weight: 500; cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
@media (hover: hover) { #kopek-isim-onerici .dgname-copy-btn:hover { background-color: #D5157C; color: white; } }
#kopek-isim-onerici .dgname-copy-btn.dgname-copied { background-color: #FF0089; border-color: #FF0089; color: white; pointer-events: none; }
#kopek-isim-onerici .dgname-loading { display: none; text-align: center; margin: 30px 0; }
#kopek-isim-onerici .dgname-loading-spinner { display: inline-block; width: 50px; height: 50px; border: 5px solid rgba(213, 21, 124, 0.2); border-radius: 50%; border-top-color: #D5157C; animation: dgname-spin 1s ease-in-out infinite; }
@keyframes dgname-spin { to { transform: rotate(360deg); } }
#kopek-isim-onerici .dgname-footer { text-align: center; padding: 10px; color: #6c757d; font-size: 13px; border-top: 1px solid #eee; }
#kopek-isim-onerici .dgname-footer-text { color: #6c757d; font-size: 13px; }
#kopek-isim-onerici .dgname-tag-container { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0 16px; justify-content: center; }
#kopek-isim-onerici .dgname-tag { font-size: 0.7rem; padding: 3px 8px; border-radius: 12px; background-color: rgba(213, 21, 124, 0.1); color: #D5157C; transition: all 0.3s; }
#kopek-isim-onerici .dgname-tip-box { background-color: rgba(213, 21, 124, 0.05); border: 1px solid rgba(213, 21, 124, 0.25); padding: 10px 15px; margin-bottom: 20px; border-radius: 12px; font-size: 0.9rem !important; }
#kopek-isim-onerici .dgname-tip-title { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #D5157C; }
#kopek-isim-onerici .dgname-modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }
#kopek-isim-onerici .dgname-modal-backdrop.dgname-active { opacity: 1; visibility: visible; }
#kopek-isim-onerici .dgname-modal { background-color: white; border-radius: 12px; width: 90%; max-width: 500px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); overflow: hidden; transform: translateY(-20px); transition: transform 0.3s; }
#kopek-isim-onerici .dgname-modal-backdrop.dgname-active .dgname-modal { transform: translateY(0); }
#kopek-isim-onerici .dgname-modal-header { padding: 15px 20px; background-color: #e53e3e; color: white; display: flex; justify-content: space-between; align-items: center; }
#kopek-isim-onerici .dgname-modal-title { font-weight: 600; margin: 0; color: rgb(214, 214, 214); }
#kopek-isim-onerici .dgname-modal-close { background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; opacity: 0.8; transition: all 0.3s ease; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
@media (hover: hover) { #kopek-isim-onerici .dgname-modal-close:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.15); transform: rotate(90deg); } }
#kopek-isim-onerici .dgname-modal-close:active { transform: scale(0.9) rotate(90deg); }
#kopek-isim-onerici .dgname-modal-body { padding: 20px; }
#kopek-isim-onerici .dgname-modal-body p { margin: 0 0 15px 0; line-height: 1.5; }
#kopek-isim-onerici .dgname-modal-btn { display: inline-block; padding: 10px 20px; background-color: #D5157C; color: white; border: none; border-radius: 12px; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all 0.3s; box-shadow: 0 2px 5px rgba(213, 21, 124, 0.3); position: relative; overflow: hidden; }
#kopek-isim-onerici .dgname-modal-btn:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: all 0.6s; }
@media (hover: hover) { #kopek-isim-onerici .dgname-modal-btn:hover { background-color: #ca1158; box-shadow: 0 4px 8px rgba(213, 21, 124, 0.4); } }
@media (hover: hover) { #kopek-isim-onerici .dgname-modal-btn:hover:before { left: 100%; } }
#kopek-isim-onerici .dgname-modal-btn:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(213, 21, 124, 0.3); }
#kopek-isim-onerici .dgname-modal-footer { padding: 15px 20px; background-color: #f8f9fa; text-align: right; border-top: 1px solid #e9ecef; display: flex; justify-content: flex-end; }
@media (max-width: 768px) { #kopek-isim-onerici .dgname-name-cards { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } }
@media (max-width: 768px) { #kopek-isim-onerici .dgname-app-header p { font-size: 16px; } }
@media (max-width: 768px) { #kopek-isim-onerici .dgname-app-header { min-height: 140px; } }
@media (max-width: 768px) { #kopek-isim-onerici .dgname-app-header h2,
        #kopek-isim-onerici .dgname-app-header p { text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); } }
#kopek-isim-listesi { max-width: 800px; margin: 40px auto; padding: 0 20px; }
.dgname-alphabet-container { background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; }
.dgname-alphabet-title { font-size: 1.5rem; margin: 0; padding: 20px; text-align: center; color: #212529; background-color: #D5157C; color: white; position: relative; }
.dgname-alphabet-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 15px; background-color: #f8f9fa; border-bottom: 1px solid #eee; justify-content: center; }
.dgname-alphabet-tab { background-color: white; border: 1px solid #ddd; border-radius: 12px; color: black; padding: 8px 12px; cursor: pointer; transition: all 0.3s; font-weight: 600; min-width: 40px; text-align: center; }
@media (hover: hover) { .dgname-alphabet-tab:hover { background-color: #f0f0f0; border-color: #D5157C; color: #D5157C; } }
.dgname-alphabet-tab.active { background-color: #D5157C; color: white !important; border-color: #D5157C; box-shadow: 0 2px 4px rgba(213, 21, 124, 0.3); }
.dgname-names-container { padding: 20px; }
.dgname-letter-section { display: none; }
.dgname-letter-section.active { display: block; animation: fadeIn 0.5s ease-in-out; }
.dgname-letter-title { font-size: 1.3rem; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 2px solid #D5157C; color: #212529; }
.dgname-names-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.dgname-name-item { background-color: #f8f9fa; padding: 10px 15px; border-radius: 12px; border: 1px solid rgba(213, 21, 124, 0.18); transition: all 0.3s; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }
@media (hover: hover) { .dgname-name-item:hover { background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); border-color: rgba(213, 21, 124, 0.45); } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) { .dgname-alphabet-tab { padding: 6px 10px; min-width: 35px; font-size: 0.9rem; } }
@media (max-width: 768px) { .dgname-names-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } }
@media (max-width: 768px) { .dgname-letter-title { font-size: 1.1rem; } }
@media (max-width: 768px) { .dgname-alphabet-title { font-size: 1.3rem; padding: 15px; } }
@media (max-width: 480px) { .dgname-alphabet-tabs { gap: 3px; } }
@media (max-width: 480px) { .dgname-alphabet-tab { padding: 5px 8px; min-width: 30px; font-size: 17px; } }
@media (max-width: 480px) { .dgname-names-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); } }
.dgname-info-article { max-width: 800px; margin: 40px auto; padding: 30px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); line-height: 1.6; font-size: 16px; color: #333; }
.dgname-info-article h2 { color: #D5157C; font-size: 28px; margin-bottom: 20px; text-align: center; border-bottom: 2px solid #D5157C; padding-bottom: 10px; }
.dgname-info-article h3 { color: #D5157C; font-size: 22px; margin: 25px 0 15px; }
.dgname-info-article ul { margin-left: 20px; margin-bottom: 20px; }
.dgname-info-article li { margin-bottom: 8px; font-size: 16px; }
.dgname-info-box { background-color: rgba(213, 21, 124, 0.06); border: 1px solid rgba(213, 21, 124, 0.25); padding: 15px; margin: 20px 0; border-radius: 12px; }
.dgname-info-box strong { color: #D5157C; }
@media (max-width: 768px) { .dgname-info-article { padding: 20px; font-size: 15px; } }
@media (max-width: 768px) { .dgname-info-article h2 { font-size: 24px; } }
@media (max-width: 768px) { .dgname-info-article h3 { font-size: 20px; } }
.breed-overview { border: 2px dashed rgba(213, 21, 124, 0.4); border-radius: 14px; padding: 20px; margin: 20px 0; background-color: #fff; color: #2c3e50; }
.overview-title { display: flex; align-items: center; margin-bottom: 15px; }
.overview-title h3 { color: #D5157C; font-size: 24px; font-weight: bold; margin: 0 0 0 10px; }
.overview-icon { width: 40px; }
.breed-overview p { margin: 8px 0; font-size: 16px; }
.breed-overview img { height: 37px; }
.kedi-kumu-grid { display: flex; flex-direction: column; gap: 30px; padding: 20px 0; }
.kedi-kumu-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; display: flex; flex-direction: column; }
.kedi-kumu-top { display: flex; flex-direction: row; gap: 0; background: #fff; }
.kedi-kumu-image { width: 300px; min-width: 200px; max-width: 320px; height: 300px; overflow: hidden; background: #fff; border-right: 1px solid #f0f0f0; border-radius: 12px 0 0 0; flex-shrink: 0; }
.kedi-kumu-image img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease; }
@media (hover: hover) { .kedi-kumu-card:hover .kedi-kumu-image img { } }
.kedi-kumu-specs { flex: 1; background: #f8f9fa; border-radius: 0 12px 0 0; border-left: none; border-bottom: 1px solid #eee; padding: 25px 25px 25px 30px; display: flex; flex-direction: column; justify-content: center; }
.kedi-kumu-spec-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px dashed #ddd; }
.kedi-kumu-spec-item:last-child { border-bottom: none; }
.kedi-kumu-spec-label { color: #2c3e50; font-weight: 600; font-size: 0.95em; display: flex; align-items: center; gap: 8px; }
.kedi-kumu-spec-label i { color: #D5157C; font-size: 1.1em; width: 20px; text-align: center; }
.kedi-kumu-spec-value { color: #666; font-size: 0.95em; }
.kedi-kumu-content { padding: 25px; }
.kedi-kumu-title { color: #2c3e50; font-size: 1.8em; margin-bottom: 15px; }
.kedi-kumu-button { display: inline-block; background-color: #D5157C; color: white !important; padding: 12px 30px; border-radius: 12px; text-decoration: none; font-weight: bold; margin-bottom: 20px; transition: background-color 0.3s; }
@media (hover: hover) { .kedi-kumu-button:hover { background-color: #ca1158; } }
.kedi-kumu-description { color: #666; margin-bottom: 25px; font-size: 1.1em; line-height: 1.7; }
.kedi-kumu-ratings { background-color: #f8f9fa; padding: 20px; border-radius: 12px; }
.kedi-kumu-rating-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.kedi-kumu-rating-item:last-child { margin-bottom: 0; }
.kedi-kumu-rating-label { color: #2c3e50; font-weight: 500; font-size: 1.1em; }
.kedi-kumu-stars { color: #D5157C; font-size: 1.2em; }
.kedi-kumu-pros-cons { margin-top: 25px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.kedi-kumu-pros,
    .kedi-kumu-cons { background-color: #f8f9fa; padding: 20px; border-radius: 12px; }
.kedi-kumu-pros-title,
    .kedi-kumu-cons-title { color: #2c3e50; font-size: 1.1em; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; }
.kedi-kumu-pros-title i { color: #10b981; }
.kedi-kumu-cons-title i { color: #e53e3e; }
.kedi-kumu-pros-list,
    .kedi-kumu-cons-list { list-style: none; padding: 0; margin: 0; }
.kedi-kumu-pros-list li,
    .kedi-kumu-cons-list li { color: #666; font-size: 0.95em; margin-bottom: 8px; padding-left: 20px; position: relative; }
.kedi-kumu-pros-list li:before { content: "✓"; color: #10b981; position: absolute; left: 0; }
.kedi-kumu-cons-list li:before { content: "×"; color: #e53e3e; position: absolute; left: 0; }
.kedi-kumu-pros-list li:last-child,
    .kedi-kumu-cons-list li:last-child { margin-bottom: 0; }
@media (max-width: 768px) { .kedi-kumu-container { padding: 10px; } }
@media (max-width: 768px) { .kedi-kumu-header h1 { font-size: 2em; } }
@media (max-width: 768px) { .kedi-kumu-image { height: 250px; } }
@media (max-width: 768px) { .kedi-kumu-content { padding: 20px; } }
@media (max-width: 768px) { .kedi-kumu-title { font-size: 1.5em; } }
@media (max-width: 768px) { .kedi-kumu-description { font-size: 1em; } }
@media (max-width: 768px) { .kedi-kumu-specs { padding: 12px 20px; } }
@media (max-width: 768px) { .kedi-kumu-spec-item { padding: 6px 0; } }
@media (max-width: 768px) { .kedi-kumu-pros-cons { grid-template-columns: 1fr; gap: 15px; } }
@media (max-width: 768px) { .kedi-kumu-pros,
        .kedi-kumu-cons { padding: 15px; } }
@media (max-width: 768px) { .kedi-kumu-pros-title,
        .kedi-kumu-cons-title { font-size: 1em; } }
@media (max-width: 768px) { .kedi-kumu-pros-list li,
        .kedi-kumu-cons-list li { font-size: 0.9em; } }
@media (max-width: 900px) { .kedi-kumu-top { flex-direction: column; } }
@media (max-width: 900px) { .kedi-kumu-image { width: 100%; max-width: 100%; height: 250px; border-radius: 12px 12px 0 0; border-right: none; } }
@media (max-width: 900px) { .kedi-kumu-specs { border-radius: 0 0 12px 12px; padding: 18px 15px; border-bottom: 1px solid #eee; border-left: none; } }
.one-cikan-noktalar { background: #fff; border-radius: 14px; border: 2px dashed rgba(213, 21, 124, 0.35); padding: 20px 24px; margin: 28px 0; will-change: transform; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.one-cikan-noktalar h2 { font-size: 18px; margin-bottom: 10px; color: #D5157C; display: flex; align-items: center; gap: 8px; }
.one-cikan-noktalar h2 span.fa { color: #D5157C; font-size: 18px; }
.one-cikan-noktalar ul { padding-left: 20px; margin: 0; }
.one-cikan-noktalar li { margin-bottom: 6px; font-size: 16px; }
.onemli-nokta { background: #fff; border-radius: 14px; border: 2px dashed rgba(213, 21, 124, 0.35); padding: 14px 18px; margin: 28px 0; display: flex; align-items: center; gap: 10px; font-size: 16px; will-change: transform; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.onemli-nokta span.fa { color: #D5157C; font-size: 18px; flex-shrink: 0; }
.urun-onerisi { background: #fff; border-radius: 14px; border: 2px dashed rgba(213, 21, 124, 0.35); padding: 24px; margin: 40px 0; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; will-change: transform; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.urun-gorsel img { width: 160px; height: auto; border-radius: 12px; border: 1px solid rgba(213, 21, 124, 0.1); }
.urun-bilgi { flex: 1; min-width: 220px; }
.urun-bilgi h3 { font-size: 18px; color: #D5157C; margin-bottom: 8px; }
.urun-bilgi p { font-size: 15px; color: #333; margin-bottom: 14px; }
.urun-buton { display: inline-block; background-color: #D5157C; color: #fff !important; font-weight: 500; text-decoration: none; padding: 10px 18px; border-radius: 12px; transition: background-color 0.3s ease, transform 0.2s ease; }
@media (hover: hover) { .urun-buton:hover { background-color: #D5157C; } }
#kediMamasiForm { max-width: 600px; margin: 40px auto; padding: 30px; background: #fff; border-radius: 14px; border: 2px dashed rgba(213, 21, 124, 0.3); }
#kediMamasiForm h2 { color: #D5157C; margin-bottom: 20px; font-size: 28px; }
#kediMamasiForm img { margin-bottom: 25px; }
#mamaForm { display: flex; flex-direction: column; gap: 20px; }
#mamaForm label { color: #333; font-size: 16px; margin-bottom: 8px; display: block; }
#mamaForm select,
#mamaForm input { width: 100%; padding: 12px 15px; border: 2px solid #ffd0e3; border-radius: 12px; font-size: 16px; background-color: white; transition: all 0.3s ease; box-sizing: border-box; }
#mamaForm select:focus,
#mamaForm input:focus { outline: none; border-color: #D5157C; box-shadow: 0 0 0 3px rgba(213, 21, 124, 0.1); }
#mamaForm button { background: linear-gradient(135deg, #D5157C 0%, #ca1158 100%); color: white; padding: 14px 30px; border: none; border-radius: 12px; font-size: 18px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin-top: 10px; }
@media (hover: hover) { #mamaForm button:hover { box-shadow: 0 6px 20px rgba(213, 21, 124, 0.3); } }
#mamaForm button:active { transform: translateY(0); }
#sonuc { background-color: white; padding: 20px; border-radius: 12px; color: #333; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); display: none; }
#uyari { background-color: #fff; padding: 15px; border-radius: 14px; border: 2px dashed #e53e3e; font-size: 14px; display: none; }
@media (max-width: 768px) { #kediMamasiForm { padding: 20px; margin: 20px 10px; } }
@media (max-width: 768px) { #kediMamasiForm h2 { font-size: 24px; } }
@media (max-width: 768px) { #mamaForm label { font-size: 15px; } }
@media (max-width: 768px) { #mamaForm select,
    #mamaForm input { font-size: 15px; padding: 10px 12px; } }
@media (max-width: 768px) { #mamaForm button { font-size: 16px; padding: 12px 24px; } }
.blgy-post p { margin-bottom: 18px; }
.blgy-post h1.blgy-title { font-size: 30px; line-height: 1.3; margin-bottom: 22px; color: #1a1a1a; }
.blgy-post h2.blgy-section { font-size: 24px; margin-top: 44px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid #e8e8e8; color: #1a1a1a; }
.blgy-post h3.blgy-sub { font-size: 20px; margin-top: 30px; margin-bottom: 12px; color: #222; }
.blgy-intro { background: #fff; border: 2px dashed #10b981; border-radius: 14px; padding: 20px 24px; margin-bottom: 32px; }
.blgy-intro p { margin-bottom: 10px; }
.blgy-intro p:last-child { margin-bottom: 0; }
.blgy-box { border: 2px dashed #D5157C; border-radius: 14px; padding: 18px 22px; margin: 24px 0; font-size: 15.5px; }
.blgy-box--tip { background: #fff; border-color: #D5157C; }
.blgy-box--warning { background: #fff; border-color: #D5157C; }
.blgy-box--danger { background: #fff; border-color: #e53e3e; }
.blgy-box p { margin: 0; }
.blgy-symptoms { display: flex; flex-direction: column; gap: 18px; margin: 24px 0; }
.blgy-symptom { background: #fff; border: 2px dashed rgba(213, 21, 124, 0.2); border-radius: 14px; padding: 20px 24px; }
.blgy-symptom .blgy-symptom-num { display: inline-block; background: #10b981; color: #fff; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; font-weight: 700; margin-right: 10px; flex-shrink: 0; }
.blgy-symptom h3 { display: flex; align-items: center; font-size: 18px; margin: 0 0 10px; color: #1a1a1a; }
.blgy-symptom p { margin: 0; color: #444; }
.blgy-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 15px; }
.blgy-table th,
.blgy-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #e8e8e8; }
.blgy-table th { background: #f5f5f5; font-weight: 600; color: #333; }
.blgy-table tr:last-child td { border-bottom: none; }
.blgy-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
.blgy-benefit { background: #fff; border: 2px dashed rgba(213, 21, 124, 0.2); border-radius: 14px; padding: 20px; }
.blgy-benefit .blgy-benefit-icon { font-size: 28px; margin-bottom: 8px; }
.blgy-benefit h4 { font-size: 16px; margin: 0 0 6px; color: #1a1a1a; }
.blgy-benefit p { font-size: 14.5px; color: #555; margin: 0; }
@media (max-width: 600px) { .blgy-benefits { grid-template-columns: 1fr; } }
.blgy-myth { border: 2px dashed rgba(213, 21, 124, 0.2); border-radius: 14px; padding: 22px 24px; margin: 20px 0; background: #fff; }
.blgy-myth .blgy-myth-label { display: inline-block; background: #fee2e2; color: #e53e3e; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 3px 10px; border-radius: 4px; margin-bottom: 10px; }
.blgy-myth h3 { font-size: 18px; margin: 0 0 10px; color: #1a1a1a; }
.blgy-myth p { margin: 0; color: #444; }
.blgy-faq { margin: 24px 0; }
.blgy-faq-item { border: 2px dashed rgba(213, 21, 124, 0.2); border-radius: 14px; margin-bottom: 14px; overflow: hidden; }
.blgy-faq-item h3.blgy-faq-q { background: #fff; padding: 16px 20px; margin: 0; font-size: 17px; color: #1a1a1a; cursor: default; }
.blgy-faq-item .blgy-faq-a { padding: 16px 20px; }
.blgy-faq-item .blgy-faq-a p { margin-top: 0; margin-bottom: 12px; }
.blgy-faq-item .blgy-faq-a p:last-child { margin-bottom: 0; }
.blgy-product { display: flex; gap: 24px; align-items: center; border: 2px dashed rgba(213, 21, 124, 0.2); border-radius: 14px; padding: 24px; margin: 30px 0; background: #fff; }
@media (max-width: 600px) { .blgy-product { flex-direction: column; text-align: center; } }
.blgy-product .blgy-product-img { flex-shrink: 0; width: 140px; }
.blgy-product .blgy-product-img img { width: 100%; height: auto; border-radius: 8px; }
.blgy-product .blgy-product-info h3 { font-size: 17px; margin: 0 0 8px; color: #1a1a1a; }
.blgy-product .blgy-product-info p { font-size: 14.5px; color: #555; margin: 0 0 14px; }
a.blgy-product-btn { display: inline-block; background: #10b981; color: #fff; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-size: 14.5px; font-weight: 600; letter-spacing: 0.3px; border: none; cursor: pointer; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3); transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease; }
a.blgy-product-btn:link,
a.blgy-product-btn:visited { color: #fff !important; text-decoration: none; }
@media (hover: hover) { a.blgy-product-btn:hover { background: #10b981; color: #fff; text-decoration: none; box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4); } }
a.blgy-product-btn:focus { outline: 2px solid #10b981; outline-offset: 3px; color: #fff; text-decoration: none; }
a.blgy-product-btn:active { background: #10b981; color: #fff; text-decoration: none; box-shadow: 0 1px 4px rgba(16, 185, 129, 0.3); transform: translateY(0); }
.blgy-conclusion { background: #fff; border: 2px dashed rgba(213, 21, 124, 0.3); border-radius: 14px; padding: 28px 28px 20px; margin: 36px 0 24px; }
.blgy-conclusion h2 { margin-top: 0; font-size: 22px; color: #1a1a1a; }
.blgy-conclusion p { margin-bottom: 14px; }
.blgy-conclusion p:last-child { margin-bottom: 0; }
.blgy-sources { font-size: 14px; color: #777; border-top: 1px solid #e8e8e8; padding-top: 20px; margin-top: 16px; }
.blgy-sources a { color: #D5157C; text-decoration: none; }
@media (hover: hover) { .blgy-sources a:hover { text-decoration: underline; } }
.kopekyasi-container { background-color: #fff; padding: 30px; border-radius: 14px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); margin: 30px 0; text-align: center; border: 2px dashed rgba(213, 21, 124, 0.25); }
.kopekyasi-robot { margin-bottom: 20px; }
.kopekyasi-robot img { max-width: 200px; height: auto; }
.kopekyasi-baslik { color: #D5157C; font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.kopekyasi-altbaslik { color: #666; margin-bottom: 25px; font-size: 15px; line-height: 1.5; }
.kopekyasi-label { display: block; text-align: left; margin-bottom: 8px; font-weight: 600; color: #333; font-size: 14px; }
.kopekyasi-input { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; color: #333; margin-bottom: 20px; transition: all 0.3s ease; background-color: #fff; }
.kopekyasi-input:focus { border-color: #D5157C; outline: none; box-shadow: 0 0 0 3px rgba(213, 21, 124, 0.1); }
.kopekyasi-button { background-color: #D5157C; color: white; border: none; padding: 14px 28px; font-size: 16px; font-weight: 600; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; width: 100%; margin-top: 10px; }
@media (hover: hover) { .kopekyasi-button:hover { background-color: #ca1158; box-shadow: 0 4px 12px rgba(213, 21, 124, 0.3); } }
.kopekyasi-button:active { transform: translateY(0); }
.kopekyasi-uyari { color: #D5157C; background-color: #f8d7da; padding: 10px; border-radius: 8px; margin-top: 15px; display: none; font-size: 14px; }
.kopekyasi-sonuc { margin-top: 25px; font-size: 18px; color: #333; font-weight: 500; display: none; padding: 20px; background-color: #f0fff4; border-radius: 8px; border: 1px solid #c3e6cb; }
.kopekyasi-sonuc strong { color: #D5157C; font-size: 24px; display: block; margin-top: 5px; }
/* Kırık görsel yedeği (MT.blogYazi, is-kirik): yazılardaki eski adreslerin bir kısmı artık açılmıyor (27 Eylül 2026 taraması,
   12 yazıda 42 görsel, liste Drive _veri/blog-kirik-gorseller.tsv). Ürün kartı görselinin yerine pati simgesi, diğerleri gizlenir. */
.mt-blog-icerik img.is-kirik { display: none !important; }
.mt-blog-icerik .urun-gorsel.is-kirik, .mt-blog-icerik .kedi-kumu-image.is-kirik { min-height: 120px; min-width: 120px; border-radius: 12px; background: #FFEAF3 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D5157C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='4' r='2'/%3E%3Ccircle cx='18' cy='8' r='2'/%3E%3Ccircle cx='20' cy='16' r='2'/%3E%3Cpath d='M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z'/%3E%3C/svg%3E") center / 44px no-repeat; }

/* Font Awesome yerine (kedi alerji maması yazısı) */
.mt-blog-icerik .fa, .mt-blog-icerik .fas { font-style: normal; }
.mt-blog-icerik .fa-wind::before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.8 19.6A2 2 0 1 0 14 16H2'/%3E%3Cpath d='M17.5 8a2.5 2.5 0 1 1 2 4H2'/%3E%3Cpath d='M9.8 4.4A2 2 0 1 1 11 8H2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.8 19.6A2 2 0 1 0 14 16H2'/%3E%3Cpath d='M17.5 8a2.5 2.5 0 1 1 2 4H2'/%3E%3Cpath d='M9.8 4.4A2 2 0 1 1 11 8H2'/%3E%3C/svg%3E") center / contain no-repeat; }
.mt-blog-icerik .fa-chart-line::before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E") center / contain no-repeat; }
.mt-blog-icerik .fa-shield-heart::before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M8.5 11.5a2 2 0 0 1 3.5-1.3 2 2 0 1 1 3.5 1.3L12 15z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M8.5 11.5a2 2 0 0 1 3.5-1.3 2 2 0 1 1 3.5 1.3L12 15z'/%3E%3C/svg%3E") center / contain no-repeat; }
.mt-blog-icerik .fa-bowl-food::before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M19.5 12 22 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M19.5 12 22 6'/%3E%3C/svg%3E") center / contain no-repeat; }
.mt-blog-icerik .fa-chevron-down::before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; }