/*=========================================
        GUVENC RESPONSIVE SYSTEM
=========================================*/

/* Ultra HD */

@media (min-width:1600px){

    .container,
    .login-wrapper{

        max-width:1500px;
        margin:auto;

    }

}

/* Laptop */

@media (max-width:1400px){

    .login-wrapper{

        transform:scale(.92);

        transform-origin:center;

    }

}

/* Küçük Laptop */

@media (max-width:1200px){

    .login-wrapper{

        grid-template-columns:1fr 1fr;

        gap:25px;

    }

}
/*==============================
            TABLET
==============================*/

@media (max-width:992px){

    .login-wrapper{

        grid-template-columns:1fr;

        height:auto;

        transform:none;

    }

    .login-right{

        display:none;

    }

    .login-left{

        width:100%;

        border-radius:30px;

    }

    .welcome h2{

        font-size:40px;

    }

}
/*==============================
            TELEFON
==============================*/

@media (max-width:768px){

    .lux-navbar{

        padding:14px 20px;

    }

    .hero{

        padding:80px 20px;

    }

    .section-title{

        font-size:32px;

    }

    .login-left{

        padding:30px;

    }

    .input-group input{

        height:52px;

    }

    .login-btn{

        height:54px;

    }

}
/*==============================
        KÜÇÜK TELEFON
==============================*/

@media (max-width:576px){

    .login-page{

        padding:20px 10px;

    }

    .login-wrapper{

        width:100%;

    }

    .brand h1{

        font-size:24px;

    }

    .welcome h2{

        font-size:30px;

    }

    .welcome p{

        font-size:15px;

    }

}
/*==============================
        NAVBAR RESPONSIVE
==============================*/

@media (max-width:992px){

    .lux-navbar{

        width:98%;

        height:75px;

        border-radius:25px;

    }

    .lux-content{

        padding:0 20px;

    }

    .lux-logo h2{

        font-size:18px;

    }

    .lux-logo span{

        display:none;

    }

    .lux-menu{

        gap:16px;

    }

    .lux-menu a{

        font-size:14px;

    }

}
@media(max-width:768px){

    .lux-navbar{

        height:70px;

    }

    .lux-menu{

        display:none;

    }

    .lux-cart{

        padding:10px 12px;

    }

}
@media(max-width:992px){

    .lux-menu{

        display:none;

    }

    .lux-mobile-btn{

        display:flex;

    }

}
/* ===========================
   TABLET
=========================== */

@media (max-width:992px){

    .lux-navbar{
        height:70px;
        width:98%;
        top:8px;
    }

    .lux-content{
        padding:0 18px;
    }

    .lux-logo img{
        height:42px;
    }

    .lux-menu{
        display:none;
    }

    .lux-mobile-btn{
        display:flex;
    }

}

/* ===========================
   TELEFON
=========================== */

@media (max-width:576px){

    .lux-navbar{
        height:60px;
        border-radius:18px;
    }

    .lux-content{
        padding:0 10px;
    }

    .lux-logo img{
        height:30px;
    }

    .lux-cart{
        padding:8px 10px;
    }

    .lux-mobile-btn{
        width:40px;
        height:40px;
        font-size:16px;
    }

}
/* ======================================================
   NAVBAR RESPONSIVE (EN ALTA EKLE)
====================================================== */

@media (max-width:992px){

    .lux-navbar{
        height:70px !important;
        width:98% !important;
        top:8px !important;
        border-radius:20px !important;
    }

    .lux-content{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        padding:0 15px !important;
    }

    .lux-menu{
        display:none !important;
    }

    .lux-mobile-btn{
        display:flex !important;
        justify-content:center;
        align-items:center;
        width:44px;
        height:44px;
    }

    .lux-logo h2{
        font-size:20px !important;
    }

    .lux-logo span{
        display:none !important;
    }

}

@media (max-width:576px){

    .lux-navbar{
        height:60px !important;
    }

    .lux-logo h2{
        font-size:15px !important;
        white-space:nowrap;
    }

    .lux-cart{
        padding:8px 10px !important;
        margin-left:auto;
    }

    .lux-mobile-btn{
        margin-left:8px;
    }

}
/* ===========================================
            FOOTER RESPONSIVE
=========================================== */

@media (max-width:992px){

    .footer{

        padding:60px 40px;

    }

    .footer-grid{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }

}

/* -------------------- */

@media (max-width:768px){

    .footer{

        padding:50px 25px;

        text-align:center;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .footer-social{

        justify-content:center;

    }

    .footer-badges{

        align-items:center;

    }

}

/* -------------------- */

@media (max-width:576px){

    .footer{

        padding:40px 18px;

    }

    .footer h3{

        font-size:26px;

    }

    .footer h4{

        font-size:20px;

    }

    .footer p{

        font-size:15px;

        line-height:1.8;

    }

    .footer a{

        font-size:15px;

    }

    .footer-social{

        gap:14px;

    }

    .footer-social a{

        width:44px;
        height:44px;

        font-size:22px;

    }

    .whatsapp-btn{

        width:60px;
        height:60px;

        font-size:30px;

        right:18px;
        bottom:18px;

    }

}
/* WHY SECTION */

@media(max-width:992px){

.why-us{

display:flex;

flex-direction:column;

gap:40px;

}

.why-left,
.why-right{

width:100%;

max-width:100%;

flex:none;

}

.why-left img{

width:100%;

height:380px;

object-fit:cover;

}

.why-right{

text-align:center;

}

.why-right h2{

font-size:42px;

line-height:1.15;

}

}
@media(max-width:576px){

.why-left img{

height:240px;

border-radius:25px;

}

.why-right h2{

font-size:32px;

}

.why-right p{

font-size:17px;

line-height:1.8;

}

.why-list{

display:grid;

grid-template-columns:1fr;

gap:12px;

}

}
@media(max-width:992px){

    .products-layout{

        grid-template-columns:1fr;

    }

    .filter-box{

        position:relative;

        top:0;

        margin-bottom:30px;

    }

}