/* ================= BEST SELLER SLIDER ================= */

.lux-slider{
width:100vw;
margin-left:calc(-50vw + 50%);
padding:120px 0;
text-align:center;
position:relative;
overflow:hidden;

background:
url("https://demo.kginnovation.in/wp-content/uploads/2026/03/background-scaled.webp") center/cover no-repeat,
#f5f3ef;

font-family:serif;
}

.lux-slider h2{
  background: linear-gradient(
    120deg,
    #BF953F,
    #FCF6BA,
    #B38728,
    #FBF5B7,
    #AA771C
  );
	font-size:45px!important;
text-transform:uppercase!important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
font-size:55px!important;
  font-weight: 600!important;
}

.lux-slider .slider-area{
position:relative;
width:100%;
height:420px;
}

/* CENTER IMAGE */

.lux-slider .center{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
z-index:5;
}

.lux-slider .center img{
width:300px;
}

/* GOLD BLINK DOT */

.lux-slider .product-dot{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:14px;
height:14px;
border-radius:50%;
cursor:pointer;
background:linear-gradient(102deg,#DBB98F 68%,#B08A68 100%);
animation:luxDotPulse 1.6s infinite;
}

@keyframes luxDotPulse{

0%{
transform:translate(-50%,-50%) scale(1);
box-shadow:0 0 0 0 rgba(176,138,104,0.6);
}

70%{
transform:translate(-50%,-50%) scale(1.6);
box-shadow:0 0 0 10px rgba(176,138,104,0);
}

100%{
transform:translate(-50%,-50%) scale(1);
box-shadow:0 0 0 0 rgba(176,138,104,0);
}

}

/* POPUP */

.lux-slider .popup{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#fff;
padding:18px 26px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
display:none;
min-width:230px;
max-width:260px;
text-align:center;
z-index:20;
}

.lux-slider .popup-close{
position:absolute;
top:6px;
right:10px;
cursor:pointer;
font-size:18px;
font-weight:bold;
color:#999;
}

.lux-slider .popup h4{
margin:0;
font-size:15px;
color:#b89065;
}

.lux-slider .popup p{
margin:6px 0;
font-size:13px;
color:#666;
}

.lux-slider .popup a{
font-size:12px;
font-weight:600;
color:#000;
text-decoration:none;
border-bottom:1px solid #b89065;
padding-bottom:2px;
}

/* SIDE SHAPES */

.lux-slider .left,
.lux-slider .right{
position:absolute;
top:50%;
transform:translateY(-50%);
width:420px;
height:260px;
background:#ebe6df;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.lux-slider .left{
left:0;
border-top-right-radius:140px;
border-bottom-right-radius:140px;
}

.lux-slider .right{
right:0;
border-top-left-radius:140px;
border-bottom-left-radius:140px;
}

.lux-slider .left img,
.lux-slider .right img{
width:100px;
}

.lux-slider .left span,
.lux-slider .right span{
margin-top:10px;
font-style:italic;
color:#8c6c50;
}

/* PRODUCT INFO */

.lux-slider .info{
margin-top:30px;

}

.lux-slider .info h3{
font-family:'Cormorant Garamond', serif;
font-weight:600;
letter-spacing:2px;
line-height:1.1;

/* 🔥 RESPONSIVE SIZE */
font-size: clamp(26px, 4vw, 60px)!important;

/* 🔥 GOLD METAL GRADIENT */
background: linear-gradient(
to bottom,
#3a2b1a 0%,
#8c6b3c 15%,
#f5e6c5 30%,
#caa968 45%,
#5a4326 60%,
#e6c98a 75%,
#3a2b1a 100%
);

-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;

/* 🔥 DEPTH */
text-shadow:
0 1px 0 rgba(255,255,255,0.3),
0 2px 2px rgba(0,0,0,0.15),
0 4px 8px rgba(0,0,0,0.2);

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

.lux-slider .info p{
font-family:'Cormorant Garamond', serif;
font-weight:600;
letter-spacing:2px;
line-height:1.1;

/* 🔥 RESPONSIVE SIZE */
font-size: clamp(26px, 4vw, 60px)!important;

/* 🔥 GOLD METAL GRADIENT */
background: linear-gradient(
to bottom,
#3a2b1a 0%,
#8c6b3c 15%,
#f5e6c5 30%,
#caa968 45%,
#5a4326 60%,
#e6c98a 75%,
#3a2b1a 100%
);

-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;

/* 🔥 DEPTH */
text-shadow:
0 1px 0 rgba(255,255,255,0.3),
0 2px 2px rgba(0,0,0,0.15),
0 4px 8px rgba(0,0,0,0.2);

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* ARROWS */

.lux-slider .arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:30px;
cursor:pointer;
color:#b89065;
z-index:10;
}

.lux-slider .left-arrow{
left:20px;
}

.lux-slider .right-arrow{
right:20px;
}

/* TABLET */

@media(max-width:1024px){

.lux-slider{
padding:90px 0;
}

.lux-slider .center img{
width:230px;
}

.lux-slider .left,
.lux-slider .right{
width:300px;
height:200px;
}

}

/* MOBILE */

@media(max-width:768px){

.lux-slider{
padding:60px 0;
}

.lux-slider h2{
font-size:26px;
}

.lux-slider .center img{
width:180px;
}

.lux-slider .left,
.lux-slider .right{
display:none;
}

.lux-slider .arrow{
font-size:26px;
}

.lux-slider .popup{
min-width:180px;
padding:14px;
}

}