.forecast-card .weather-icon {
    max-width: none; /* Varsayılan max-width'i geçersiz kılar */
}
.forecast-card:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}
	
	
	
	    .buton{
        width:100%;
        background:#fff;
        border:1px solid #e1e8ed;
        border-radius:12px;
        padding:12px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        cursor:pointer;
        box-shadow:0 4px 6px rgb(0 0 0 / .04);
        transition:all 0.2s ease;
        text-align:left;
        position:relative;
        overflow:hidden
    }
    .yukle{
        background-color: #0e75a5;
        color: white;
        padding: 6px 16px;
        border-radius: 20px;
        font-size: 0.85rem;
        font-weight: 600;
        white-space: nowrap;
        flex-shrink: 0;
        margin-left: 10px
    }
    .nav-btn a:hover{
        background:#ebebeb;
        color:#222;
        transform:translateY(-2px);
        box-shadow:0 4px 8px rgb(0 0 0 / .15)
    }
    .nav-btn a:active{
        transform:scale(.98)
    }
	
	    .kutu3{
        background-color:#fbfcff;
        margin:10px 0 10px 0;
        border:1px solid rgb(0 0 0 / .1);
        border-radius:10px;
        box-shadow:0 0 40px #2b374114;
        width:100%;
        clear:both
    }
    .kutu3 a:link,.kutu3 a:visited{
        color:#28325b;
        text-decoration:none
    }
    .kutu3 img{
        margin:0 10px 0 0;
        float:left;
        border-radius:10px 0 0 10px
    }
	
	    .hourly-wrapper{
        width:100%;
        overflow:hidden;
        margin-bottom:20px
    }
    .hourly-scroll{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        gap:7px;
        padding:10px 5px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin
    }
    .hourly-scroll::-webkit-scrollbar{
        height:6px
    }
    .hourly-scroll::-webkit-scrollbar-thumb{
        background:#ccc;
        border-radius:10px
    }
    .hour-item{
        flex:0 0 auto;
        width:85px;
        text-align:center;
        background:#f8f9fa;
        padding:12px 5px;
        border-radius:10px;
        border:1px solid #eee
    }

    .site-footer{
        font-size:.9rem;
        background:#fff;
        padding:20px 0;
        border-top:1px solid var(--border)
    }

    .ads1{
        min-height:345px;
        margin:15px 0;
        overflow:hidden;
        display:block
    }