/* =====================================
   TV Finder
===================================== */


.tv-finder-box{

    max-width:1100px;
    margin:40px auto;
    padding:35px;

    background:#fff;

    border-radius:20px;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    box-sizing:border-box;

}



/* Başlık */

.tv-finder-header{

    margin-bottom:28px;

}


.tv-finder-header h3{

    margin:0;

    font-size:34px;

    line-height:1.2;

    font-weight:700;

    color:#222;

}


.tv-finder-header p{

    margin:12px 0 0;

    color:#777;

    font-size:16px;

    line-height:1.6;

}



/* FORM */

.tv-finder-form{

    display:flex;

    align-items:stretch;

    gap:15px;

    flex-wrap:nowrap;

    margin-bottom:20px;

}



/* Select */

.tv-finder-form select{

    flex:1;

    min-width:0;

    height:56px !important;

    padding:0 45px 0 16px;

    border:1px solid #ddd;

    border-radius:14px;

    background:#fff;

    color:#333;

    font-size:16px !important;

    font-weight:500;

    appearance:none;

    -webkit-appearance:none;


    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 15px center;

    background-size:18px;


    transition:.25s;

}



.tv-finder-form select:focus{

    outline:none;

    border-color:#2271b1;

    box-shadow:0 0 0 3px rgba(34,113,177,.15);

}





/* BUTON */

.tv-finder-button{

    flex:0 0 220px;

    display:flex;

    align-items:stretch;

}



.tv-finder-button button{

    width:220px;

    height:100%;

    min-height:56px;


    display:flex;

    justify-content:center;

    align-items:center;


    padding:0 40px;


    border:none;

    border-radius:14px;


    cursor:pointer;


    font-size:16px;

    font-weight:600;


    transition:.25s;

}



.tv-finder-button button:hover{

    transform:translateY(-1px);

    filter:brightness(.95);

}





/* TABLET */

@media(max-width:991px){


    .tv-finder-box{

        padding:28px;

    }


    .tv-finder-form{

        flex-wrap:nowrap;

    }


}







/* MOBİL */

@media(max-width:768px){


    .tv-finder-box{

        margin:20px 12px;

        padding:22px;

    }



    .tv-finder-header h3{

        font-size:24px;

    }



    .tv-finder-form{

        flex-direction:column;

        gap:14px;

        width:100%;

    }



.tv-finder-form select{

    width:100% !important;

    flex:none !important;

    height:56px !important;

    min-height:56px !important;

    line-height:56px !important;

    padding-top:0 !important;

    padding-bottom:0 !important;

}


    .tv-finder-button{

        width:100%;

        flex:none;

    }



.tv-finder-button button{

    width:100% !important;

    height:56px !important;

    min-height:56px !important;

}


}

/* TV FINDER FINAL FIX */

.tv-finder-form select,
.tv-finder-button button{

    height:56px !important;

    min-height:56px !important;

}


@media(max-width:768px){

    .tv-finder-form select{

        height:56px !important;

        min-height:56px !important;

        font-size:16px !important;

    }

}

/* iOS Safari select düzeltmesi */
.tv-finder-form select{

    -webkit-appearance:none;
    appearance:none;

    height:56px !important;
    min-height:56px !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    line-height:56px !important;

    box-sizing:border-box;

}


/* iPhone Safari özel */
@supports (-webkit-touch-callout: none) {

    .tv-finder-form select{

        height:56px !important;
        line-height:normal !important;

        padding-top:16px !important;
        padding-bottom:16px !important;

    }

}