/* =========================
   MOBILE Logo
========================= */
@media (max-width:992px){
  .logo img{
    height:36px;
  }
}

@media (max-width:600px){
  .logo img{
    height:30px;
  }
}

/* =========================
   EXTRA SMALL
========================= */
@media (max-width:420px){
  .logo img{
    height:26px;
  }
}

/* =========================
   Nav Responsive
========================= */
@media (max-width:992px){

  /* NAV PANEL */
  .nav{
    position:absolute;
    top:78px;
    left:0;
    width:100%;

    background:rgba(255,255,255,0.97);
    backdrop-filter:blur(10px);

    flex-direction:column;
    align-items:flex-start;

    gap:0;
    padding:10px 20px;

    border-top:1px solid rgba(0,0,0,0.05);

    transform:translateY(-20px);
    opacity:0;
    pointer-events:none;

    transition:0.35s ease;
  }

  .nav.active{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }

  /* NAV ITEM (IMPORTANT FIX) */
  .nav-item{
    width:100%;
  }

  /* LINKS */
  .nav > a,
  .nav-item > a{
    width:100%;
    padding:14px 0;
    margin:0;

    display:flex;
    justify-content:space-between;
    align-items:center;

    border-bottom:1px solid rgba(0,0,0,0.05);
  }

  /* =========================
     DROPDOWN FIX
  ========================= */
  .dropdown{
    width:100%;
    position:static;    
    max-height:0;
    overflow:hidden;
    padding-left:15px;
    margin:0;
    padding-top:0;
    padding-bottom:0;
    transition:max-height 0.35s ease, padding 0.3s ease;
  }

  /* ACTIVE DROPDOWN */
  .nav-item.active .dropdown{
    max-height:250px;
    margin-top:5px;
    padding-top:6px;
    padding-bottom:6px;
    background:rgba(255, 255, 255, 0.75);
  }

  /* DROPDOWN LINKS */
  .dropdown a{
    display:block;
    padding:8px 0;
    font-size:14px;
    color:#555;

    border:none; /* IMPORTANT */
  }

  /* ARROW */
  .nav-item .arrow{
    transition:0.3s;
  }

  .nav-item.active .arrow{
    transform:rotate(180deg);
  }

  /* HAMBURGER */
  .menu-toggle{
    display:flex;
  }

}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width:600px){

  .logo h2{
    font-size:22px;
  }

  .actions{
    gap:12px;
  }

  .icon{
    width:18px;
    height:18px;
  }

}


/* =========================================   
    Slider Responsive
========================================= */
@media (max-width:768px){

      .hero,
    .hero-inner{
         min-height:100vh;
        height:75vh;
    }

  .slide-bg img{
        object-position:center center;
    }

.content-block{
        width:90%;
        max-width:500px;

        left:50% !important;
        top:50% !important;

        right:auto !important;
        bottom:auto !important;

        transform:translate(-50%, -50%) !important;

        text-align:center !important;
    }

    .content-block h1{
    font-size:clamp(
        2rem,
        5vw,
        4.5rem
    );
    line-height:1.1;
}

.desktop-bg{
    display:none;
}

.mobile-bg{
    display:block;
}

.left,
    .right{
        display:none !important;
    }

.layout-split{


    flex-direction:column;

    text-align:center;
}

.layout-split .left{

    display:none;
}

}


/* =========================================
   RESPONSIVE PERFUME STYLE SECTION
========================================= */

/* LARGE LAPTOP */
@media(max-width:1400px){

  .perfume-style{
    padding:90px 50px;
  }

  .style-grid{
    grid-template-columns:repeat(4,1fr);
    gap:22px;
  }

}

/* =========================================
   TABLET
========================================= */
@media(max-width:992px){

  .perfume-style{
    padding:80px 35px;
  }

  /* TITLE */
  .perfume-style h2{
    font-size:38px;
    margin-bottom:45px;
  }

  /* GRID */
  .style-grid{
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }

  /* CARD */
  .img-box{
    height:180px;
    border-radius:20px;
  }

  .img-box img{
    max-height:110px;
  }

}

/* =========================================
   MOBILE
========================================= */
@media(max-width:768px){

  .perfume-style{
    padding:70px 20px;
  }

  /* TITLE */
  .perfume-style h2{
    font-size:30px;
    line-height:1.3;
    margin-bottom:35px;
  }

  /* GRID */
  .style-grid{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }

  /* CARD */
  .img-box{
    height:160px;
    border-radius:18px;
    padding:18px;
  }

  .img-box img{
        max-height: 100%;
        border-radius: 18px;
  }

    .card{
        
        border-radius:18px;
    }
  /* LABEL */
  .card span{
    margin-top:12px;
    font-size:14px;
  }

  /* REDUCE HOVER */
  .card:hover{
    transform:translateY(-5px);
  }

}

/* =========================================
   SMALL MOBILE
========================================= */
@media(max-width:480px){

  .perfume-style{
    padding:60px 16px;
  }

  /* TITLE */
  .perfume-style h2{
    font-size:26px;
    margin-bottom:28px;
  }

  /* GRID */
  .style-grid{
    gap:14px;
  }

  /* CARD */
  .img-box{
    height:135px;
    border-radius:16px;
  }

  .img-box img{
    max-height: 100%;
    border-radius: 18px;
  }

  /* TEXT */
  .card span{
    font-size:13px;
  }

}

/* =========================================
   EXTRA SMALL MOBILE
========================================= */
@media(max-width:360px){

  .style-grid{
    grid-template-columns:1fr;
  }

  .img-box{
    height:160px;
  }

  .img-box img{
    max-height: 100%;
    border-radius: 18px;
  }

}


/* =========================================
  Na swiper RESPONSIVE
========================================= */

@media(max-width:768px){

    .na-prev,
    .na-next{

        width:40px;
        height:40px;

        font-size:18px;
    }

    .na-prev{

        left:5px;
    }

    .na-next{

        right:5px;
    }

}


/* =========================
   PRODUCT sLIDER RESPONSIVE
========================= */
@media (max-width:1024px){
  .ps-container{
    grid-template-columns:1fr;
    text-align:center;
  }

  .ps-content{
    text-align:center;
  }

  .ps-right{
    display:none;
  }

  .ps-content h2{
    font-size:36px;
  }
}

@media (max-width:600px){
  .ps-section{
    padding:80px 15px;
  }

  .ps-content h2{
    font-size:30px;
  }

  .ps-desc{
    font-size:14px;
  }
}


/* =========================
   RESPONSIVE
========================= */
@media (max-width:1024px){
  .pc-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:600px){
  .pc-grid{
    grid-template-columns:1fr;
  }
}

/* RESPONSIVE */
@media(max-width:1024px){
  .pf-top{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:600px){
  .pf-top{
    grid-template-columns:1fr 1fr;
  }

  .pf-bottom{
    flex-direction:column;
    text-align:center;
  }
}

/* =========================
   Fx Container RESPONSIVE
========================= */
@media(max-width:992px){
  .fs-container{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
  }

  .fs-item::after{
    display:none;
  }
}

@media(max-width:600px){
  .fs-container{
    grid-template-columns:1fr;
  }
}

/* =========================================
   Shop Page RESPONSIVE
========================================= */
@media(max-width:1100px){

  .shop-category-grid{
    grid-template-columns:1fr;
    max-width:700px;
  }

}

@media(max-width:1200px){

  .grid-4{
    grid-template-columns:repeat(3,1fr);
  }

}

@media(max-width:992px){

  .grid-4{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:768px){
    
      .shop-hero{
    min-height:auto;
    padding:90px 20px;
  }

  .shop-hero h1{
    font-size:46px;
  }

  .hero-bg-text{
    font-size:110px;
  }

  .shop-cat-heading h2{
    font-size:40px;
  }

  .shop-category-card{
    min-height:auto;
  }
    
    
  .lux-filter{
    width:100%;
    left:-100%;
  }

  .lux-filter-head{
    padding:24px 24px;
  }

  .lux-filter-body{
    padding:10px 24px 40px;
  }

  .lux-filter-head h3{
    font-size:28px;
  }

  .filter-accordion{
    font-size:18px;
  }

  .filter-content label{
    grid-template-columns:18px 1fr auto;

    gap:14px;

    font-size:16px;
  }

  .price-box{
    height:56px;
    font-size:18px;
  }    

   /* SIDEBAR */
  .lux-filter{
    width:88%;
    max-width:340px;

    left:-100%;

    padding:30px 22px;
  }

  /* ACTIVE */
  .lux-filter.active{
    left:0;
  }

  /* OVERLAY */
  .filter-overlay{
    z-index:9998;
  }

  /* FILTER */
  .lux-filter{
    z-index:9999;
  }

  /* TOPBAR */
  .lux-topbar{
    align-items:center;
  }

  /* FILTER BTN */
  .filter-btn{
    height:46px;

    padding:0 18px;

    font-size:14px;

    border-radius:14px;
  }
  
  
  .grid-switcher{
    display:none;
  }
  
   /* STATIC BUTTON */
  .mobile-cart-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    height:46px;
    border:none;
    border-radius:14px;
    margin-top:14px;
    background:#1f261f;
    color:#fff;
    font-size:14px;
    font-weight:500;
    transition:0.35s ease;
    position:relative;
    overflow:hidden;
  }

  /* ICON */
  .mobile-cart-btn svg{
    width:18px;
    height:18px;
    stroke-width:1.8;
  }

  /* HOVER */
  .mobile-cart-btn:hover{
    background:#8f9570;
    transform:translateY(-2px);
  }

  /* SHIMMER */
  .mobile-cart-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:80%;
    height:100%;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,0.2),
      transparent
    );

    transition:0.7s;
  }

  .mobile-cart-btn:hover::before{
    left:120%;
  }

}

@media(max-width:600px){



  .shop-hero h1{
    font-size:38px;
  }

  .shop-hero p{
    font-size:15px;
  }

  .hero-bg-text{
    font-size:70px;
    letter-spacing:4px;
  }

  .floating-bottle{
    opacity:0.04;
  }

  .bottle-left{
    width:90px;
    left:-10px;
  }

  .bottle-right{
    width:120px;
    right:-20px;
  }

  .shop-cat-heading h2{
    font-size:34px;
  }

  .shop-category-content h3{
    font-size:24px;
  }

  .lux-shop{
    padding:60px 15px 100px;
  }

  .grid-4,
  .grid-3{
    grid-template-columns:1fr;
  }

  .lux-image{
    height:360px;
  }

  .lux-filter{
    width:100%;
    left:-100%;
  }

  .lux-filter.active{
    left:0;
  }

}

/* MOBILE */
@media(max-width:768px){

  .pd-breadcrumb{
    padding:18px 16px 0;
  }

  .pd-breadcrumb-inner{
    gap:10px;
  }

  .pd-breadcrumb-inner a,
  .pd-breadcrumb-inner p{
    font-size:13px;
  }

}

/* =========================================
   RESPONSIVE
========================================= */
@media(max-width:992px){

  .pd-container{
    grid-template-columns:1fr;
    gap:50px;
  }

  .pd-title{
    font-size:42px;
  }

}

@media(max-width:768px){

  .pd-section{
    padding:30px 16px 70px;
  }

  .pd-gallery{
    grid-template-columns:1fr;
  }

  .pd-thumbs{
    flex-direction:row;
    overflow:auto;
  }

  .pd-title{
    font-size:34px;
  }

  .pd-price{
    font-size:34px;
  }

  .pd-desc{
    max-width:100%;
    font-size:15px;
  }

  .pd-cart-row{
    flex-direction:column;
  }

  .pd-qty{
    width:100%;
  }

  .pd-tab-grid{
    grid-template-columns:1fr;
  }
  
  .pd-tab-btn{
  position:relative;
  padding:0 0 18px;
  border:none;
  background:none;
  cursor:pointer;
  font-size:15px;
  font-weight:500;
  color:#777;
  transition:0.3s ease;
}

}

/* Related Products Responsive */
@media(max-width:992px){

  .rp-tab{
    font-size:26px;
  }

  .rp-prev,
  .rp-next{
    display:none;
  }

}

@media(max-width:768px){

  .rp-tabs{
    gap:20px;
  }

  .rp-tab{
    font-size:20px;
  }

}


/* =========================
    Cart Page RESPONSIVE
========================= */

@media(max-width:991px){
    
    .cart-hero{
        padding:60px 0 70px;
    }

    .cart-title{
        font-size:54px;
    }

    .cart-subtitle{
        font-size:20px;
        max-width:700px;
    }
    
            .summary-card{
                margin-top:40px;
            }

            .cart-head{
                display:none;
            }

            .cart-item .row{
                row-gap:25px;
            }

            .product-details h4{
                font-size:22px;
            }

            .cprice{
                font-size:26px;
            }

            .summary-title{
                font-size:36px;
            }

            .total-row h2{
                font-size:42px;
            }
        }


@media(max-width:767px){
    
     .cart-hero{
        padding:45px 0 55px;
    }

    .cart-breadcrumb{
        font-size:14px;
        gap:10px;
        margin-bottom:18px;
    }

    .cart-title{
        font-size:38px;
        margin-bottom:18px;
    }

    .cart-subtitle{
        font-size:16px;
        line-height:1.7;
        padding:0 10px;
    }
  

    .cart-item{
        padding:25px 0;
    }

    .cart-item .row{
        display:block;
    }

    .cart-item .col-lg-2,
    .cart-item .col-lg-6{
        width:100%;
    }

 
    .product-box{
        align-items:flex-start;
        gap:14px;
    }

    .product-image{
        width:95px;
        height:95px;
    }

    .product-details{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
        width:100%;
    }

    .product-details h4{
        font-size:17px;
        line-height:1.4;
    }
    
      .mobile-info-row{
        display:flex;
        align-items:center;
        gap:12px;
        width:100%;
    }

    .mobile-label{
        display:block;
        min-width:75px;
        font-size:14px;
        font-weight:500;
        color:#777;
    }
    
    .desktop-label{
        
        display:none;
    }


    .cprice,
    .ctotal-price{
        font-size:20px;
    }

    .qty-box{
        width:150px;
        height:46px;
    }

    .remove-btn{
        font-size:14px;
    }
}


/* =========================
    Checkout Page Responsive
========================= */

@media(max-width:991px){

    .order-summary-card{
        position:relative;
        top:auto;
    }
}

@media(max-width:767px){

    .checkout-section{
        padding:45px 0;
    }

    .checkout-card,
    .order-summary-card{
        padding:22px;
        border-radius:18px;
    }

    .section-heading h2{
        font-size:24px;
    }

    .summary-heading{
        font-size:22px;
    }

    .checkout-input{
        height:50px;
        font-size:13px;
    }

    .checkout-textarea{
        height:100px;
    }

    .summary-image{
        width:56px;
        height:56px;
    }

    .summary-product h4{
        font-size:14px;
    }

    .summary-price{
        font-size:15px;
    }

    .summary-row.total{
        font-size:17px;
    }

    .place-order-btn{
        height:52px;
        font-size:14px;
    }
}


/* =========================
    Pd meta grid
========================= */

@media(max-width:768px){

    .pd-meta-grid{

        grid-template-columns:1fr;
    }
}



/* Toaster Mobile  */

@media(max-width:576px){

    .floating-toast-wrapper{

        left:15px;

        right:15px;

        top:20px;
    }

    .floating-toast{

        min-width:100%;
    }
}


/*------Login Page------*/
/* =========================================
   MOBILE
========================================= */
@media(max-width:1399px){

    .auth-heading{

        font-size:48px;
    }

}

@media(max-width:1199px){

    .auth-overlay{

        padding:50px;
    }

    .auth-heading{

        font-size:42px;
    }

}

@media(max-width:991px){

    .auth-wrapper{

        min-height:auto;
    }
    
    .auth-card{

        position:relative;

        overflow:hidden;

    }

    .auth-card::before{

        content:"";

        position:absolute;

        top:0;

        left:0;

        right:0;

        height:180px;

        background:
        linear-gradient(
            135deg,
            #faf4e8,
            #fff8ee
        );

        z-index:0;
    }
    
    .auth-card::after{

        content:"";

        position:absolute;

        width:220px;

        height:220px;

        border-radius:50%;

        background:

        rgba(184,134,11,.06);

        top:-80px;

        right:-80px;

        pointer-events:none;
    }

    .auth-card > *{

        position:relative;

        z-index:1;
    }
    
    .auth-logo{

        margin-bottom:30px;
    }

    .auth-logo img{

        width:150px;
        max-height:150px;
    }
    
    .auth-brand-text{

        font-size:14px;

        letter-spacing:3px;
    }

    .auth-brand-desc{

        font-size:13px;

        max-width:280px;

        margin:auto;
    }
    
     .auth-features{

        grid-template-columns:1fr;

        gap:10px;
    }

    .auth-feature{

        justify-content:flex-start;

        background:#fffdf8;
    }
    
     .auth-mobile-tagline{

        display:block;

        text-align:center;

        margin-top:10px;

        color:#b8860b;

        font-size:13px;

        font-weight:600;
    }

}



@media (max-width: 576px){

    .auth-otp-group{
        gap:6px;
        margin:25px 0;
    }

    .auth-otp-input{

        width:44px !important;
        min-width:44px;

        height:52px !important;

        font-size:20px;

        border-radius:12px;
    }

    .auth-otp-separator{

        width:6px;
        height:6px;

        margin:0 4px;
    }

    .auth-back{
        font-size:13px;
        margin-bottom:15px;
    }

    #authTimer{
        font-size:18px;
    }

    .auth-resend{
        font-size:13px;
    }
}


/* =========================================
   Swiper RESPONSIVE
========================================= */

@media(max-width:768px){

    .na-prev,
    .na-next{

        width:40px;
        height:40px;

        font-size:18px;
    }

    .na-prev{

        left:5px;
    }

    .na-next{

        right:5px;
    }

}