@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600&display=swap');

/* REMOVE MOBILE TAP HIGHLIGHT */

*{
-webkit-tap-highlight-color: transparent;
}

a,
button,
input,
textarea,
select,
div,
svg{
-webkit-tap-highlight-color: transparent;
outline: none;
}

*{
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none;
}

/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
}

html, body{
width:100%;
overflow-x:hidden;
}

body{
font-family:Arial,sans-serif;
background:#050505;
color:#c2c8cf;
overflow-x:hidden;
}

*{
max-width:100%;
}

/* NAVBAR */

header{
  position:fixed;
  top:0;
  left:0;
  width:100%;

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

  padding:22px 26px;

  background:#050505;

  z-index:999;
}

.brand{
  font-family:'Cinzel', serif;

  font-size:42px;
  font-weight:500;

  letter-spacing:10px;

  background:linear-gradient(
    180deg,
    #f5f5f5 0%,
    #d8d8d8 35%,
    #9d9d9d 60%,
    #f2f2f2 100%
  );

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

  text-transform:uppercase;
}

.nav-icons{
  display:flex;
  align-items:center;
  gap:15px;
}

.menu-icon{
width:30px;
height:30px;
stroke:#dfe4ea;
}

.menu-icon{
display:block;
filter:none;
opacity:1;
}

.mobile-menu{
position:fixed;
top:65px;
right:-100%;
width:55%;
height:calc(100vh - 65px);
background:#000;
padding:100px 30px;
display:flex;
flex-direction:column;
gap:28px;
transition:0.4s;
z-index:9999;
pointer-events:auto;
}

.mobile-menu.active{
right:0;
}

.mobile-menu a{
color:#dfe4ea;
text-decoration:none;
font-size:20px;
letter-spacing:1px;
font-family:serif;
}

.menu-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:transparent;
display:none;
z-index:9998;
}

.menu-overlay.active{
display:block;
}

.search-icon{
width:26px;
height:26px;
stroke:#dfe4ea;
display:block;
cursor:pointer;
}


/* FOOTER */

.luxury-footer{
background:#030303;
border-top:1px solid #151515;
padding:90px 28px;
color:#d7dde3;
}

.luxury-footer .footer-section{
display:flex;
flex-direction:column;
gap:22px;
margin-bottom:45px;
}

.luxury-footer .footer-section h3{
font-size:13px;
letter-spacing:2px;
color:#8b929b;
font-family:Arial,sans-serif;
margin-bottom:18px;
}

.luxury-footer .footer-section a{
color:#e2e7ec;
text-decoration:none;
font-size:21px;
font-family:Georgia,serif;
font-weight:300;
}

.luxury-footer .footer-divider{
height:1px;
background:#1b1b1b;
margin:38px 0;
}

.luxury-footer .footer-socials{
display:flex;
gap:28px;
margin-top:40px;
margin-bottom:60px;
}

.luxury-footer .footer-socials a{
display:flex;
align-items:center;
justify-content:center;
}

.luxury-footer .footer-bottom h2{
font-size:56px;
letter-spacing:2px;
font-family:'Cinzel', serif;
font-weight:500;
margin-bottom:28px;
line-height:1;
color:#f5f7fa;
text-shadow:
0 0 1px rgba(255,255,255,0.35),
0 0 12px rgba(255,255,255,0.06);
white-space:nowrap;
}

.luxury-footer .footer-bottom p{
color:#8b929b;
font-size:14px;
line-height:1.8;
font-family:Arial,sans-serif;
}

/* MOBILE */

@media(max-width:768px){

header{
padding:18px 14px;
}

.brand{
font-size:22px;
letter-spacing:5px;

max-width:none;

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.nav-icons{
gap:15px;
flex-shrink:0;
}

.search-icon{
width:26px;
height:26px;
}

.menu-icon{
width:30px;
height:30px;
}

.luxury-footer .footer-bottom h2{
font-size:42px !important;
letter-spacing:1px;
white-space:nowrap;
}

}

/* PRODUCT SLIDER */

.product-gallery{
width:100%;
overflow:hidden;
margin-bottom:42px;
}

.product-slider{
display:flex;
overflow-x:auto;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;

-ms-overflow-style:none;
scrollbar-width:none;
}

.product-slider::-webkit-scrollbar{
display:none;
}

.product-slider img{
width:100%;
flex-shrink:0;

scroll-snap-align:start;

border-radius:24px;

object-fit:cover;
display:block;
}

/* DOTS */

.slider-dots{
display:flex;
justify-content:center;
gap:10px;
margin-top:18px;
}

.dot{
width:10px;
height:10px;
border-radius:50%;
background:#4a4f55;
}

.dot.active{
background:#f5f7fa;
}

.price,
.product-price,
.checkout-price,
.sticky-price{

font-family:'Bodoni Moda', serif !important;

font-variant-numeric:lining-nums;

}