/* =========================================
   NEVŞEHİR HAVA DURUMU - FULL STYLE (V41.22 - DİNAMİK GECE)
   ========================================= */

.nhd-wrapper-main { max-width: 100%; margin: 0 auto; font-family: 'Google Sans', Roboto, Arial, sans-serif; color: #202124; }
.nhd-google-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 16px; padding: 25px; width: 100%; box-sizing: border-box; margin-bottom: 30px; box-shadow: none !important; position: relative; overflow: hidden; }

.nhd-section-title { font-size: 20px; font-weight: 700; color: #202124; margin-top: 25px !important; margin-bottom: 20px !important; padding-left: 15px; border-left: 5px solid #1a73e8; display: block; clear: both; }

/* --- HEADER İÇERİK --- */
.nhd-yandex-header { text-align: center; padding-bottom: 20px; position: relative; z-index: 2; }
.nhd-yh-top { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 5px; }
.nhd-yh-temp { font-size: 96px; font-weight: 400; color: #202124; line-height: 1; letter-spacing: -4px; }
.nhd-yh-icon { width: 70px; height: 70px; margin-top: 10px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.05)); }
.nhd-yh-sub { font-size: 14px; color: #70757a; margin-bottom: 8px; }
.nhd-yh-desc { font-size: 16px; font-weight: 700; color: #202124; text-transform: capitalize; }

/* --- DURUM KAPSÜLÜ --- */
.nhd-yh-rain { display: table; margin: 10px auto 0 auto; padding: 6px 16px; background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 50px; font-weight: 600; color: #5f6368; font-size: 13px; transition: all 0.3s ease; line-height: 1.2; }

/* --- UYARI KUTUSU --- */
.nhd-alert-box { background: #fff3e0; border-left: 4px solid #ff9800; color: #e65100; padding: 12px 15px; border-radius: 4px; margin-bottom: 15px; display: flex; align-items: center; font-size: 13px; font-weight: 600; position: relative; z-index: 10; }
.nhd-alert-box i { font-size: 18px; margin-right: 12px; }

/* --- MASAÜSTÜ GİZLE/GÖSTER --- */
.nhd-mobile-only { display: none; }
.nhd-desktop-only { display: block; }

/* --- CHART & ACCORDION (MASAÜSTÜ) --- */
.nhd-chart-container { position: relative; height: 250px; width: 100%; margin-top: 20px; border-top: 1px solid #f1f3f4; padding-top: 20px; z-index: 2; }
.nhd-chart-title { font-size: 14px; font-weight: 600; color: #1a73e8; margin-bottom: 10px; }
.nhd-hourly-list-wrapper { margin-top: 20px; border-top: 1px solid #f1f3f4; padding-top: 10px; z-index: 2; }
.nhd-hour-item { border-bottom: 1px solid #f5f5f5; } .nhd-hour-item:last-child { border: none; }
.nhd-hour-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 5px; cursor: pointer; font-size: 13px; transition: background 0.2s; }
.nhd-hour-head:hover { background: #f9f9f9; }
.nhd-hh-time { font-weight: 700; width: 50px; color: #3c4043; } .nhd-hh-desc { flex: 1; padding-left: 15px; color: #5f6368; text-transform: capitalize; } .nhd-hh-temp { font-weight: 700; width: 40px; text-align: right; color: #202124; } .nhd-hh-toggle { font-size: 18px; font-weight: 300; color: #1a73e8; width: 30px; text-align: center; transition: transform 0.3s; } .nhd-hour-item.active .nhd-hh-toggle { transform: rotate(45deg); color: #d32f2f; }
.nhd-hour-body { display: none; padding: 10px; background: #fcfcfc; font-size: 12px; color: #555; border-radius: 6px; } .nhd-hb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

/* --- GÜNEŞ & AKTİVİTE --- */
.nhd-sun-card { text-align: center; padding-bottom: 10px; } .nhd-card-title { font-size: 16px; font-weight: 700; color: #1a73e8; line-height: 1.5; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid #f1f3f4; text-align: center; } .nhd-sun-wrapper { display: flex; justify-content: center; } .nhd-sun-svg { width: 100%; max-width: 400px; height: auto; }
.nhd-activity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 15px; margin-bottom: 40px; } .nhd-act-card { border-radius: 12px; padding: 15px; display: flex; align-items: center; border: 1px solid transparent; transition: transform 0.2s; } .nhd-act-card:hover { transform: translateY(-3px); } .nhd-act-card i { font-size: 24px; margin-right: 15px; } .nhd-act-info { display: flex; flex-direction: column; } .nhd-act-name { font-size: 13px; font-weight: 600; color: #333; line-height: 1.2; } .nhd-act-msg { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-top: 3px; }

/* --- YANDEX SLIDER --- */
.nhd-slider-wrapper { position: relative; width: 100%; display: flex; align-items: center; background: transparent; }
.nhd-slider-wrapper::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 60px; background: linear-gradient(to right, #fff 20%, rgba(255,255,255,0) 100%); pointer-events: none; z-index: 5; border-top-left-radius: 16px; border-bottom-left-radius: 16px; opacity: 0; transition: opacity 0.3s ease; }
.nhd-slider-wrapper::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; background: linear-gradient(to left, #fff 20%, rgba(255,255,255,0) 100%); pointer-events: none; z-index: 5; border-top-right-radius: 16px; border-bottom-right-radius: 16px; opacity: 0; transition: opacity 0.3s ease; }
.nhd-slider-wrapper.sh-left::before { opacity: 1; }
.nhd-slider-wrapper.sh-right::after { opacity: 1; }
.nhd-detail-scroll { display: flex; gap: 15px; overflow-x: auto; padding: 10px 5px 20px 5px; scrollbar-width: none; -ms-overflow-style: none; flex-wrap: nowrap !important; scroll-behavior: smooth; width: 100%; } .nhd-detail-scroll::-webkit-scrollbar { display: none; }
.nhd-detail-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 16px; padding: 15px; min-width: 160px; display: flex; align-items: center; box-shadow: 0 4px 10px rgba(0,0,0,0.03); transition: transform 0.2s; flex-shrink: 0; } .nhd-detail-card:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(0,0,0,0.06); }
.nhd-slider-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid #e0e0e0; box-shadow: 0 4px 12px rgba(0,0,0,0.15); color: #5f6368; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: all 0.2s; } .nhd-slider-btn:hover { background: #f8f9fa; color: #1a73e8; transform: translateY(-50%) scale(1.1); } .nhd-btn-left { left: -20px; } .nhd-btn-right { right: -20px; }
.nhd-ring { width: 46px; height: 46px; border-radius: 50%; background: conic-gradient(var(--c) var(--p), #f1f3f4 0); display: flex; align-items: center; justify-content: center; margin-right: 15px; position: relative; flex-shrink: 0; } .nhd-ring::after { content: ""; position: absolute; width: 36px; height: 36px; background: #fff; border-radius: 50%; } .nhd-ring span { position: relative; z-index: 2; font-size: 16px; color: #5f6368; } .nhd-ring-moon { width: 46px; height: 46px; border-radius: 50%; background: #f1f3f4; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-size: 18px; flex-shrink: 0; } .nhd-dt-info { display: flex; flex-direction: column; } .nhd-dt-val { font-size: 18px; font-weight: 700; color: #202124; line-height: 1.1; } .nhd-dt-label { font-size: 12px; color: #70757a; margin-top: 3px; }

/* --- 5 GÜNLÜK & İLÇELER --- */
.nhd-daily-section { width: 100%; overflow: hidden; margin-bottom: 20px; } .nhd-daily-grid { display: flex; gap: 20px; overflow-x: auto; padding: 5px 0 15px 0; scrollbar-width: none; } .nhd-daily-grid::-webkit-scrollbar { display: none; } .nhd-daily-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 16px; padding: 20px 15px; text-align: center; min-width: 130px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; transition: all 0.2s; } .nhd-daily-card:hover { border-color: #1a73e8; transform: translateY(-2px); } .nhd-dc-day { font-weight: 700; font-size: 16px; margin-bottom: 5px; color: #202124; } .nhd-dc-date { font-size: 12px; color: #70757a; margin-bottom: 15px; } .nhd-dc-icon { width: 56px; height: 56px; margin-bottom: 15px; } .nhd-dc-temp { font-size: 18px; font-weight: 500; color: #202124; }
.nhd-districts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 20px; } .nhd-dist-box { background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 20px; text-align: center; transition: all 0.2s; display: flex; flex-direction: column; align-items: center; justify-content: center; } .nhd-dist-box:hover { transform: translateY(-3px); border-color: #1a73e8; } .nhd-db-title { font-size: 14px; font-weight: 600; color: #555; margin-bottom: 10px; } .nhd-db-temp { font-size: 20px; font-weight: 700; margin-top: 8px; color: #202124; }
.nhd-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding-bottom: 20px; } .nhd-news-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden; text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column; } .nhd-news-card:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.08) !important; border-color: #1a73e8; } .nhd-news-img { height: 140px; width: 100%; background-size: cover; background-position: center; flex-shrink: 0; } .nhd-news-body { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; } .nhd-news-date { font-size: 11px; color: #70757a; margin-bottom: 8px; display: block; font-weight: 500; } .nhd-news-title { font-size: 14px; font-weight: 700; color: #202124; line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nhd-seo-card { margin-bottom: 0; background: #fdfdfd; border: 1px solid #dadce0; padding: 25px !important; } .nhd-seo-text { font-size: 14px; line-height: 1.7; color: #3c4043; margin: 0; text-align: justify; }
.nhd-post-widget { background: #fff !important; border: 1px solid #f0f0f0 !important; border-left: 6px solid #1a73e8 !important; border-radius: 16px !important; margin: 30px 0 !important; padding: 0 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important; font-family: 'Google Sans', Roboto, Arial, sans-serif !important; max-width: 100% !important; display: block !important; overflow: hidden !important; } .nhd-pw-header { padding: 20px 25px !important; background: #fff !important; border-bottom: 1px solid #f8f9fa !important; } .nhd-pw-title { font-size: 12px !important; font-weight: 700 !important; color: #1a73e8 !important; text-transform: uppercase !important; margin-bottom: 15px !important; letter-spacing: 0.8px !important; display: block !important; opacity: 0.9 !important; } .nhd-pw-main { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; width: 100% !important; } .nhd-pw-left { display: flex !important; align-items: center !important; gap: 15px !important; } .nhd-pw-left img { width: 64px !important; height: 64px !important; display: block !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)) !important; } .nhd-pw-temp { font-size: 42px !important; font-weight: 400 !important; color: #202124 !important; line-height: 1 !important; margin: 0 !important; letter-spacing: -2px !important; } .nhd-pw-right { text-align: right !important; } .nhd-pw-desc { font-size: 16px !important; font-weight: 500 !important; text-transform: capitalize !important; color: #202124 !important; margin-bottom: 5px !important; } .nhd-pw-detail { font-size: 13px !important; color: #5f6368 !important; background: #f1f3f4 !important; padding: 4px 8px !important; border-radius: 6px !important; display: inline-block !important; } .nhd-pw-footer { display: flex !important; width: 100% !important; background: #fcfcfc !important; padding: 5px 0 !important; } .nhd-pw-day-item { flex: 1 !important; text-align: center !important; padding: 15px 5px !important; border-right: 1px solid #f0f0f0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } .nhd-pw-day-item:last-child { border-right: none !important; } .nhd-pw-day-item img { width: 36px !important; height: 36px !important; margin: 5px auto !important; background: transparent !important; } .nhd-pw-d-name { font-size: 12px !important; font-weight: 600 !important; color: #5f6368 !important; text-transform: uppercase !important; } .nhd-pw-d-temp { font-size: 14px !important; font-weight: 700 !important; color: #202124 !important; } .nhd-pw-d-temp .min { font-weight: 400 !important; color: #70757a !important; font-size: 13px !important; margin-left: 4px !important; }

/* =========================================
   MOBİL ÖZEL (ATMOSFERİK & CETVEL TİMELİNE)
   ========================================= */
@media (max-width: 768px) {
    .nhd-desktop-only { display: none !important; }
    .nhd-mobile-only { display: block !important; margin-top: 30px; border-top: 1px solid rgba(255,255,255,0.15); padding-top: 15px; }
    .nhd-slider-btn { display: none !important; }

    /* --- HEADER DÜZENİ --- */
    .nhd-yandex-header { margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; padding-bottom: 10px; }

    /* --- MOBİLDE DURUM KAPSÜLÜ (BUZLU CAM) --- */
    .nhd-wrapper-main > .nhd-google-card:first-of-type .nhd-yh-rain {
        display: table; 
        margin: 12px auto 0 auto; 
        background: rgba(255,255,255,0.2); 
        border: 1px solid rgba(255,255,255,0.3); 
        color: #fff !important;
        backdrop-filter: blur(4px);
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    /* --- ANİMASYON KEYFRAME'LERİ --- */
    @keyframes nhdPulse { 0% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.1); opacity: 0.8; } 100% { transform: scale(1); opacity: 0.6; } }
    @keyframes nhdRain { 0% { background-position: 0 0; } 100% { background-position: 10px 20px; } }
    @keyframes nhdSnow { 0% { background-position: 0 0; } 100% { background-position: 10px 40px; } }

    /* --- ARKA PLAN EFEKTLERİ (GÜNDÜZ) --- */
    .nhd-ov-sunny { background: linear-gradient(180deg, #2980b9 0%, #6dd5fa 100%) !important; border:none !important; position: relative; overflow: hidden; }
    .nhd-ov-sunny::before { content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%); border-radius: 50%; animation: nhdPulse 4s infinite; pointer-events: none; }
    .nhd-ov-rain, .nhd-ov-storm { background: linear-gradient(180deg, #2c3e50 0%, #4ca1af 100%) !important; border:none !important; position: relative; }
    .nhd-ov-rain::before, .nhd-ov-storm::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 3px, rgba(255,255,255,0.1) 4px); background-size: 100% 20px; animation: nhdRain 0.5s linear infinite; pointer-events: none; }
    .nhd-ov-snow { background: linear-gradient(180deg, #3a7bd5 0%, #3a6073 100%) !important; border:none !important; position: relative; }
    .nhd-ov-snow::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 20px 20px; animation: nhdSnow 3s linear infinite; pointer-events: none; }
    .nhd-ov-partly, .nhd-ov-cloud { background: linear-gradient(180deg, #616161 0%, #9bc5c3 100%) !important; border:none !important; position: relative; }

    /* --- YENİ GECE MODLARI (SAAT DİLİMLİ) --- */
    
    /* 1. AKŞAM ÜSTÜ (Alacakaranlık: Mor/Lacivert) */
    .nhd-ov-night-evening { background: linear-gradient(180deg, #4b6cb7 0%, #182848 100%) !important; border:none !important; }
    
    /* 2. TAM GECE (Standart Gece Mavisi) */
    .nhd-ov-night-late { background: linear-gradient(180deg, #141E30 0%, #243B55 100%) !important; border:none !important; }
    
    /* 3. DERİN GECE (Zifiri Karanlık) */
    .nhd-ov-night-deep { background: linear-gradient(180deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important; border:none !important; }
    
    /* 4. SABAH KARŞI (Gün Ağarması) */
    .nhd-ov-night-morning { background: linear-gradient(180deg, #000046 0%, #1CB5E0 100%) !important; border:none !important; }

    /* YILDIZ EFEKTİ (Tüm gecelere ekle) */
    .nhd-ov-night-evening::before, 
    .nhd-ov-night-late::before, 
    .nhd-ov-night-deep::before, 
    .nhd-ov-night-morning::before {
        content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
        background-image: radial-gradient(white 1px, transparent 1px); 
        background-size: 50px 50px; opacity: 0.3; pointer-events: none; 
    }

    /* --- YENİ YAĞMURLU/KARLI GECE --- */
    .nhd-ov-rain-night { background: linear-gradient(180deg, #0f2027 0%, #203a43 100%) !important; border:none !important; position: relative; }
    .nhd-ov-rain-night::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 3px, rgba(255,255,255,0.1) 4px); background-size: 100% 20px; animation: nhdRain 0.5s linear infinite; pointer-events: none; }

    .nhd-ov-snow-night { background: linear-gradient(180deg, #1e3c72 0%, #2a5298 100%) !important; border:none !important; position: relative; }
    .nhd-ov-snow-night::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 20px 20px; animation: nhdSnow 3s linear infinite; pointer-events: none; }


    /* --- YAZI RENGİ BEYAZ (Tüm koyu modlar için) --- */
    .nhd-wrapper-main > .nhd-google-card:first-of-type .nhd-yh-temp, 
    .nhd-wrapper-main > .nhd-google-card:first-of-type .nhd-yh-desc, 
    .nhd-wrapper-main > .nhd-google-card:first-of-type .nhd-yh-sub, 
    .nhd-wrapper-main > .nhd-google-card:first-of-type .nhd-mt-time,
    .nhd-wrapper-main > .nhd-google-card:first-of-type .nhd-mt-temp { color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.1); }
    .nhd-wrapper-main > .nhd-google-card:first-of-type .nhd-yh-icon { filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2)); }

    /* --- CETVEL TIMELINE --- */
    .nhd-mobile-timeline-scroll { display: flex; gap: 0; overflow-x: auto; padding: 10px 20px 20px 20px; scrollbar-width: none; -ms-overflow-style: none; }
    .nhd-mobile-timeline-scroll::-webkit-scrollbar { display: none; }
    .nhd-mt-card { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 80px; flex-shrink: 0; padding: 0 5px; }
    .nhd-mt-time { font-size: 14px !important; color: #fff !important; margin-bottom: 18px; font-weight: 500; opacity: 0.9; }
    .nhd-mt-img { width: 48px !important; height: 48px !important; margin-bottom: 10px; filter: drop-shadow(0 3px 5px rgba(0,0,0,0.1)); }
    .nhd-mt-temp { font-size: 18px !important; font-weight: 700; color: #fff !important; }
    .nhd-mt-card::before { content: ''; position: absolute; top: 28px; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.3); z-index: 1; }
    .nhd-mt-card::after { content: ''; position: absolute; top: 28px; left: 50%; width: 1px; height: 8px; background: rgba(255,255,255,0.6); z-index: 1; }
    .nhd-mt-card:first-child::before { width: 50%; left: 50%; }
    .nhd-mt-card:last-child::before { width: 50%; left: 0; }
    .nhd-mt-card.event .nhd-mt-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 24px !important; margin-bottom: 10px; }
    .nhd-mt-card.event .nhd-mt-temp { font-size: 12px !important; font-weight: 700; color: #fff !important; max-width: 70px; line-height: 1.2; opacity: 0.9; }

    /* --- KART AYARLARI --- */
    .nhd-wrapper-main > .nhd-google-card:first-of-type { margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px) !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; padding: 25px 0 !important; margin-bottom: 25px !important; }
    .nhd-wrapper-main > .nhd-google-card:not(:first-of-type) { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; border-radius: 16px !important; border: 1px solid #e0e0e0 !important; padding: 20px 15px !important; box-shadow: none !important; margin-bottom: 20px !important; background: #fff; }
    .nhd-activity-grid { margin: 0 !important; padding: 0 !important; }
    .nhd-districts-grid { grid-template-columns: repeat(2, 1fr); }
    .nhd-news-grid { grid-template-columns: 1fr; }
    .nhd-news-img { height: 180px; }
    .nhd-activity-grid { grid-template-columns: repeat(2, 1fr); }
    .nhd-pw-header { padding: 15px !important; } .nhd-pw-temp { font-size: 36px !important; } .nhd-pw-left img { width: 50px !important; height: 50px !important; } .nhd-pw-desc { font-size: 14px !important; }
}

/* ... (Önceki V83.0 - FULL FIX kodlarını buraya yapıştır) ... */

/* --- YENİ: KAPADOKYA BALON BADGE --- */
.nhd-balloon-badge {
    display: inline-block;
    background: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- YENİ: YAŞAM ASİSTANI --- */
.nhd-life-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}
.nhd-life-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    transition: transform 0.2s;
}
.nhd-life-card:hover { transform: translateY(-3px); border-color: #1a73e8; }
.nhd-life-card i { font-size: 24px; margin-right: 10px; }
.nhd-life-card div { display: flex; flex-direction: column; }
.nhd-life-card span { font-size: 11px; color: #70757a; text-transform: uppercase; }
.nhd-life-card strong { font-size: 14px; color: #202124; }

@media (max-width: 768px) {
    /* Mobil için Yaşam Grid */
    .nhd-life-grid { grid-template-columns: 1fr; gap: 10px; }
    .nhd-life-card { justify-content: flex-start; }
    
    /* Mobilde Balon Badge'i Header içine göm (Beyaz yapma, orijinal kalsın) */
    .nhd-balloon-badge { margin-top: 5px; }
}