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

.lv{
  --bg:#0b0706;
  --bg2:#110b09;
  --panel:rgba(255,255,255,.06);
  --panel2:rgba(255,255,255,.10);
  --stroke:rgba(202,162,75,.22);
  --gold:#caa24b;
  --gold2:#e6c77c;
  --ink:#f6efe3;
  --muted:rgba(246,239,227,.75);
  --shadow: 0 18px 60px rgba(0,0,0,.55);
  --radius:18px;
  --radius2:26px;
  --max:1180px;

  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink);
  background:
    radial-gradient(1200px 700px at 20% 10%, rgba(202,162,75,.14), transparent 58%),
    radial-gradient(900px 700px at 80% 20%, rgba(202,162,75,.10), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}

*{ box-sizing:border-box; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; }

/* container */
.lv-container{
  width:min(var(--max), 92vw);
  margin-inline:auto;
}





/* ------------------ */
/* =========================
   2-ROW LUXURY HEADER
========================= */

:root{
  --lvBg:#0b0706;
  --lvBg2:#120b08;
  --lvGold:#caa24b;
  --lvGold2:#e6c77c;
  --lvText:rgba(255,255,255,.90);
  --lvMuted:rgba(255,255,255,.72);
  --lvStroke:rgba(202,162,75,.25);
  --lvMax:1200px;
}

*{ box-sizing:border-box; }
a{ color:inherit; text-decoration:none; }
svg{ display:block; width:18px; height:18px; fill:currentColor; }

.lvWrap{
  width:min(var(--lvMax), 92vw);
  margin-inline:auto;
}

/* Whole header */
.lvHead{
  position:sticky;
  top:0;
  z-index:100;
}

/* TOP STRIP */
.lvTop{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.15));
  border-bottom:2px solid var(--lvStroke);
  color:var(--lvMuted);
}

.lvTop__inner{
  display:flex;
  align-items:center;
  gap:16px;
  padding:10px 0;
  font-size:14px;
  font-weight: 600;
}

.lvTop__left{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

.lvSep{
  color:rgba(255,255,255,.35);
}

.lvTop__right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:18px;
  white-space:nowrap;
}

.lvTopLink{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.78);
  transition: color .25s ease, transform .25s ease;
}

.lvTopLink:hover{
  color:var(--lvGold2);
  transform: translateY(-1px);
}

.lvIco{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  transition: border-color .25s ease, background .25s ease;
}

.lvTopLink:hover .lvIco{
  border-color: rgba(202,162,75,.40);
  background: rgba(202,162,75,.10);
}

/* MAIN NAV ROW */
.lvNavRow{
  background: rgba(11,7,6,.75);
  backdrop-filter: blur(10px);
  border-bottom:3px solid rgba(202,162,75,.6);
  box-shadow: 0 14px 50px rgba(0,0,0,.45);
}

.lvNavRow__inner{
  position:relative;
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:18px;
}

/* NAVS */
.lvNav{
  display:flex;
  align-items:center;
  gap:26px;
}

.lvNav--left{ justify-content:flex-start; }
.lvNav--right{ justify-content:flex-end; }

.lvNavLink{
  font-size:18px;
  font-weight: 600;
  letter-spacing:.2px;
  color:rgba(202,162,75,.45);
  padding:8px 10px;
  border-radius:999px;
  transition: color .25s ease, background .25s ease, transform .25s ease;
}

.lvNavLink:hover{
  color:var(--lvGold2);
  background: rgba(202,162,75,.10);
  transform: translateY(-1px);
}

.lvNavLink--sale{
  border:1px solid rgba(202,162,75,.35);
  background: rgba(202,162,75,.08);
}

/* CENTER LOGO (slightly overlaps up) */
.lvLogo{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;

  /* overlap like screenshot */
  margin-top:0px;
  border-radius: 999px;

  /* gold line feel */
  /*background-color: #0b0706;
  border:2px solid rgba(221, 172, 65, 0.22);*/
}

.lvLogo__mark{
  width:46px;
  height:46px;
  border-radius:999px;
  display:grid;
  place-items:center;

  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-weight:700;
  color:var(--lvGold2);

  background:
    radial-gradient(circle at 30% 30%, rgba(230,199,124,.30), rgba(202,162,75,.10));
  border:2px solid rgba(202,162,75,.35);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}

.lvLogo__name{
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size:16px;
  letter-spacing:2px;
  color:rgba(255,255,255,.90);
}

/* Mobile burger */
.lvBurger{
  display:none;
  position:absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  cursor:pointer;
}

.lvBurger span{
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  background: rgba(255,255,255,.80);
  border-radius:999px;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 980px){
  .lvTopLink span:last-child{ }
  .lvNav{ display:none; } 
  .lvBurger{ display:block; }

  .lvNavRow__inner{
    grid-template-columns: 1fr auto;
  }

  .lvLogo{
    margin-top:-10px;
    border: none;
    background-color: transparent;
    margin-left: -200px;
  }

    .lvTop__right a:nth-of-type(2),
  .lvTop__right a:nth-of-type(3){
    display:block;
  }
}

@media (max-width: 560px){
  .lvTop__left{ font-size:12px; display: none; }
  .lvTop__right{ gap:10px; }
  .lvIco{ width:26px; height:26px; }
  .lvLogo__name{ font-size:14px; letter-spacing:1.6px; }
}

/* =========================
   HERO SECTION (Luxury)
========================= */

.lvWrap{
  width:min(1200px, 92vw);
  margin-inline:auto;
}

.lvHero{
  position:relative;
  min-height: 540px;
  overflow:hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: #0b0706;
}

/* Replace banner image here */
.lvHero__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.10) 100%),
    url("../images/hero-ban.png") center/cover no-repeat;
  filter: saturate(1.08) contrast(1.06);
}

/* Gold spark overlay */
.lvHero__spark{
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 18% 35%, rgba(230,199,124,.20), transparent 40%),
    radial-gradient(circle at 58% 50%, rgba(202,162,75,.14), transparent 48%),
    radial-gradient(circle at 80% 40%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(circle at 25% 80%, rgba(202,162,75,.12), transparent 55%);
  mix-blend-mode: screen;
  opacity:.9;
  animation: lvHeroFloat 7s ease-in-out infinite;
  pointer-events:none;
}

@keyframes lvHeroFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-12px); }
}

/* Content layout */
.lvHero__inner{
  position:relative;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  align-items:center;
  /* gap: 28px; */
  min-height: 460px;
  padding: 0px 0 0px;
}

/* Left content */
.lvHero__content{
  padding: 0 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lvHero__title{
  margin: 0 0 12px;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4.1vw, 58px);
  line-height: 1.04;
  letter-spacing: .2px;
  color: rgba(255,255,255,.92);
  text-shadow: 0 20px 70px rgba(0,0,0,.75);
}

.lvHero__lead{
  margin: 0 0 18px;
  font-size: 20px;
  letter-spacing: .2px;
  color: rgba(255,255,255,.75);
}

/* Buttons */
.lvHero__cta{
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
}

.lvBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 0; /* square like screenshot */
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.90);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .2px;
  transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
  box-shadow: 0 16px 50px rgba(0,0,0,.35);
}

.lvBtn:hover{
  transform: translateY(-2px);
  border-color: rgba(202,162,75,.55);
  box-shadow: 0 26px 80px rgba(0,0,0,.55);
}

.lvBtn--gold{
  background: linear-gradient(135deg, rgba(202,162,75,.95), rgba(230,199,124,.92));
  color: #fff;
  border-color: rgba(230,199,124,.55);
}

.lvBtn--ghost{
  background: rgba(0,0,0,.45);
}

/* Right model image */
.lvHero__model{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
}

.lvHero__model img{
  width: min(520px, 100%);
  max-height: 520px;
  object-fit: contain;
  filter: drop-shadow(0 30px 80px rgba(0,0,0,.55));
  transform: translateY(8px);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 980px){
  .lvHero__inner{
    grid-template-columns: 1fr;
    align-items:start;
    min-height: auto;
    padding: 38px 0 18px;
  }
  .lvHero__content{
    padding-bottom: 10px;
  }
  .lvHero__model{
    justify-content:center;
  }
  .lvHero__model img{
    max-height: 520px;
    transform:none;
  }
  .lvHero__bg{
    background:
      /* linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.30) 55%, rgba(0,0,0,.15) 100%), */
      url("../images/hero-ban.png") center/cover no-repeat;
  }
}

@media (max-width: 560px){
  .lvBtn{
    width: 100%;
    justify-content:center;
  }
}

/* ================= */
/* =========================
   Editor's Pick Slider
   Luxury Dark + Gold
========================= */

.ep{
  --bg:#0b0706;
  --gold:#caa24b;
  --gold2:#e6c77c;
  --ink:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);
  --stroke:rgba(202,162,75,.22);
  --panel:rgba(255,255,255,.06);
  --shadow: 0 18px 60px rgba(0,0,0,.55);

  padding: 44px 0 38px;
  
  background:
    /* linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.85)), */
    url("../images/ep-banner.jpeg") center/cover no-repeat;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.ep__wrap{
  width:min(1200px, 92vw);
  margin-inline:auto;
}

/* title like screenshot */
.ep__head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-bottom: 18px;
  text-align:center;
}
.ep__title{
  margin:0;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 2.3vw, 34px);
  color: var(--ink);
  letter-spacing:.2px;
}
.ep__line{
  height:2px;
  flex:1;
  max-width:220px;
  background: linear-gradient(90deg, transparent, rgba(202,162,75,.40), transparent);
}

/* slider shell */
.ep__slider{
  position:relative;
  padding: 14px 46px; /* space for arrows */
}

/* viewport */
.ep__viewport{
  overflow:hidden;
  border-radius: 14px;
}

/* track */
.ep__track{
  display:flex;
  gap: 22px;
  transform: translateX(0);
  transition: transform .45s ease;
  will-change: transform;
  padding: 6px 4px 16px;
}

/* arrows */
.ep__nav{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(202,162,75,.30);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.90);
  cursor:pointer;
  z-index:2;
  display:grid;
  place-items:center;
  font-size: 26px;
  line-height: 1;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
}
.ep__nav:hover{
  transform: translateY(-50%) scale(1.05);
  background: rgba(202,162,75,.10);
  border-color: rgba(230,199,124,.60);
}
.ep__nav:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.ep__nav--left{ left: 0; }
.ep__nav--right{ right: 0; }

/* card size: visible count changes by device */
.ep__card{
  flex: 0 0 calc((100% - (22px * 3)) / 4); /* 4 cards desktop */
  border: 1px solid rgba(202,162,75,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius: 10px;
  overflow:hidden;
  box-shadow: var(--shadow);
  position:relative;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.ep__card:hover{
  transform: translateY(-6px);
  border-color: rgba(202,162,75,.40);
  box-shadow: 0 28px 80px rgba(0,0,0,.62);
}

/* image */
.ep__media{
  position:relative;
  height: 330px;
  overflow:hidden;
}
.ep__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
  transition: transform .5s ease;
  filter: contrast(1.05) saturate(1.1);
}
.ep__card:hover .ep__media img{
  transform: scale(1.08);
}
.ep__media::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.70));
  pointer-events:none;
}

/* badge top */
.ep__badge{
  position:absolute;
  top: 10px;
  left: 10px;
  z-index:2;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border:1px solid rgba(202,162,75,.25);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.85);
  backdrop-filter: blur(8px);
}

/* quick view pill center-bottom of image */
.ep__qv{
  position:absolute;
  left:50%;
  bottom: 12px;
  transform: translateX(-50%);
  z-index:2;
  padding: 9px 14px;
  border-radius: 999px;
  border:1px solid rgba(202,162,75,.35);
  background: rgba(0,0,0,.42);
  color: rgba(255,255,255,.90);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .8px;
  text-transform: uppercase;
  opacity: 0;
  translate: 0 10px;
  transition: opacity .25s ease, translate .25s ease, background .25s ease, border-color .25s ease;
}
.ep__card:hover .ep__qv{
  opacity:1;
  translate: 0 0;
}
.ep__qv:hover{
  background: rgba(202,162,75,.12);
  border-color: rgba(230,199,124,.60);
}

/* content */
.ep__body{
  padding: 14px 14px 16px;
  text-align:center;
}
.ep__name{
  margin: 0 0 6px;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: rgba(255,255,255,.90);
}
.ep__price{
  margin:0;
  color: rgba(255,255,255,.75);
  font-weight: 700;
}

/* dots */
.ep__dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top: 10px;
}
.ep__dot{
  width: 8px;
  height: 8px;
  border-radius:999px;
  border:1px solid rgba(202,162,75,.35);
  background: rgba(255,255,255,.10);
  cursor:pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.ep__dot:hover{
  transform: scale(1.2);
  border-color: rgba(230,199,124,.70);
}
.ep__dot.is-active{
  width: 22px;
  background: linear-gradient(90deg, rgba(202,162,75,.95), rgba(230,199,124,.90));
  border-color: rgba(230,199,124,.70);
}

/* responsiveness (cards count) */
@media (max-width: 1100px){
  .ep__card{ flex-basis: calc((100% - (22px * 2)) / 3); } /* 3 */
}
@media (max-width: 820px){
  .ep__slider{ padding: 14px 40px; }
  .ep__card{ flex-basis: calc((100% - 22px) / 2); } /* 2 */
  .ep__media{ height: 310px; }
}
@media (max-width: 520px){
  .ep__slider{ padding: 14px 34px; }
  .ep__card{ flex-basis: 100%; } /* 1 */
  .ep__media{ height: 300px; }
}

/* =========================
   PROMO IMAGE SECTION
   (Make Your Wedding Unforgettable)
========================= */

.lvPromo{
  --bg:#0b0706;
  --gold:#caa24b;
  --gold2:#e6c77c;
  --ink:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);
  --stroke:rgba(202,162,75,.22);
  --shadow: 0 18px 60px rgba(0,0,0,.55);

  position:relative;
  overflow:hidden;
  background: var(--bg);
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);

  /* height close to screenshot */
  min-height: 280px;
}

/* replace background image here */
.lvPromo__bg{
  position:absolute;
  inset:0;
  background:
    /* linear-gradient(90deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.30) 52%, rgba(0,0,0,.10) 100%), */
    url("../images/ep.jpg") center/cover no-repeat;
  filter:saturate(1.08) contrast(1.06);
}

/* spark overlay like gold dust */
.lvPromo__spark{
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 18% 50%, rgba(230,199,124,.20), transparent 45%),
    radial-gradient(circle at 52% 45%, rgba(202,162,75,.12), transparent 55%),
    radial-gradient(circle at 80% 40%, rgba(255,255,255,.06), transparent 60%);
  mix-blend-mode: screen;
  opacity:.85;
  pointer-events:none;
  animation: lvPromoFloat 7s ease-in-out infinite;
}

@keyframes lvPromoFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

.lvPromo__inner{
  position:relative;
  width:min(1200px, 92vw);
  margin-inline:auto;

  display:grid;
  grid-template-columns: 1.05fr .95fr;
  align-items:center;
  gap: 26px;

  min-height: 280px;
  padding: 26px 0;
}

/* left content */
.lvPromo__content{
  padding: 20px 0 24px;
}

.lvPromo__title{
  margin:0 0 14px;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3.4vw, 52px);
  line-height:1.03;
  letter-spacing:.2px;
  color: var(--ink);
  text-shadow: 0 22px 70px rgba(0,0,0,.75);
}

.lvPromo__title em{
  font-style: italic;
  color: rgba(255,255,255,.92);
}

/* button like screenshot */
.lvPromo__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 11px 18px;
  border-radius: 0; /* square */
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2px;

  color:#1a120b;
  background: linear-gradient(135deg, rgba(202,162,75,.95), rgba(230,199,124,.92));
  border: 1px solid rgba(230,199,124,.55);

  box-shadow: 0 16px 50px rgba(0,0,0,.45);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.lvPromo__btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: 0 26px 80px rgba(0,0,0,.60);
}

/* model right */
.lvPromo__model{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
}

.lvPromo__model img{
  width: min(420px, 100%);
  max-height: 300px;
  object-fit: contain;
  filter: drop-shadow(0 30px 80px rgba(0,0,0,.55));
  transform: translateY(10px);
}

/* responsive */
@media (max-width: 980px){
  .lvPromo__inner{
    grid-template-columns: 1fr;
    align-items:start;
    padding: 24px 0;
  }
  .lvPromo__model{
    justify-content:center;
  }
  .lvPromo__model img{
    max-height: 300px;
    transform:none;
  }
  .lvPromo__bg{
    background:
      /* linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.20) 100%), */
      url("../images/ep.jpg") center/cover no-repeat;
  }
}

@media (max-width: 560px){
  .lvPromo__btn{ width: 100%; }
}

/* =========================
   Explore By Category Slider
   Light Luxury UI
========================= */

.catS{
  --paper:#f7efe2;
  --paper2:#fff8ee;
  --ink:#1a1412;
  --muted:rgba(26,20,18,.70);

  --gold:#caa24b;
  --gold2:#e6c77c;
  --stroke:rgba(90,26,26,.18);

  padding: 44px 0 46px;
    background:
    url("../images/cat-banner.jpeg") center/cover no-repeat;

  border-top: 1px solid rgba(90,26,26,.10);
}

.catS__wrap{
  width:min(1200px, 92vw);
  margin-inline:auto;
}

/* title */
.catS__head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin: 0 0 18px;
  text-align:center;
}
.catS__title{
  margin:0;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.6vw, 36px);
  color: var(--ink);
  letter-spacing:.2px;
}
.catS__line{
  height:3px;
  flex:1;
  max-width:220px;
  background: linear-gradient(90deg, transparent, rgba(90,26,26,.22), transparent);
}

/* slider */
.catS__slider{
  position:relative;
  padding: 10px 46px;
}

.catS__viewport{
  overflow:hidden;
  border-radius: 14px;
}

/* track */
.catS__track{
  display:flex;
  gap: 22px;
  padding: 8px 4px 14px;
  transform: translateX(0);
  transition: transform .45s ease;
  will-change: transform;
}

/* arrows */
.catS__nav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(90,26,26,.20);
  background: #fff;
  color: rgba(26,20,18,.90);
  cursor:pointer;
  z-index:2;
  display:grid;
  place-items:center;
  font-size: 26px;
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
}
.catS__nav:hover{
  transform: translateY(-50%) scale(1.06);
  border-color: rgba(202,162,75,.55);
  background: rgba(255,255,255,.96);
}
.catS__nav:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.catS__nav--left{ left: 0; }
.catS__nav--right{ right: 0; }

/* card (category) */
.catS__card{
  flex: 0 0 calc((100% - (22px * 4)) / 5); /* desktop 5 visible */
  border-radius: 12px;
  overflow:hidden;
  position:relative;
  background:#fff;
  border: 1px solid rgba(90,26,26,.14);
  box-shadow: 0 16px 50px rgba(0,0,0,.12);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.catS__card:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 70px rgba(0,0,0,.16);
  border-color: rgba(202,162,75,.35);
}

/* image */
.catS__media{
  height: 320px;
  position:relative;
  overflow:hidden;
}
.catS__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
  transition: transform .5s ease;
  filter: contrast(1.05) saturate(1.06);
}
.catS__card:hover .catS__media img{ transform: scale(1.08); }

.catS__media::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.72));
  pointer-events:none;
}

/* small top label */
.catS__tag{
  position:absolute;
  top: 10px;
  left: 10px;
  z-index:2;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight:700;
  letter-spacing:.4px;
  text-transform: uppercase;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(90,26,26,.16);
  color: rgba(26,20,18,.85);
}

/* bottom overlay content */
.catS__overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 14px 14px 16px;
  text-align:center;
  z-index:2;
}

.catS__name{
  margin:0 0 10px;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: rgba(255,255,255,.92);
  text-shadow: 0 18px 50px rgba(0,0,0,.65);
}

/* button pill like screenshot */
.catS__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 9px 14px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .8px;
  text-transform: uppercase;

  background: rgba(0,0,0,.45);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(230,199,124,.55);

  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}
.catS__card:hover .catS__btn{
  transform: translateY(-1px);
  background: rgba(202,162,75,.12);
  border-color: rgba(230,199,124,.70);
}

/* dots */
.catS__dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top: 10px;
}
.catS__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border:1px solid rgba(90,26,26,.20);
  background: rgba(26,20,18,.10);
  cursor:pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.catS__dot:hover{
  transform: scale(1.2);
  border-color: rgba(202,162,75,.60);
}
.catS__dot.is-active{
  width: 22px;
  background: linear-gradient(90deg, rgba(202,162,75,.95), rgba(230,199,124,.90));
  border-color: rgba(230,199,124,.70);
}

/* responsive visible cards */
@media (max-width: 1100px){
  .catS__card{ flex-basis: calc((100% - (22px * 3)) / 4); } /* 4 */
}
@media (max-width: 820px){
  .catS__slider{ padding: 10px 40px; }
  .catS__card{ flex-basis: calc((100% - (22px * 2)) / 3); } /* 3 */
}
@media (max-width: 560px){
  .catS__slider{ padding: 10px 34px; }
  .catS__card{ flex-basis: calc((100% - 22px) / 2); } /* 2 */
  .catS__media{ height: 280px; }
}
@media (max-width: 420px){
  .catS__card{ flex-basis: 100%; } /* 1 */
}

/* =========================
   LAVISH FOOTER (Luxury)
========================= */

.lvWrap{ width:min(1200px, 92vw); margin-inline:auto; }
.lvFooter svg{ width:18px; height:18px; fill:currentColor; display:block; }
.lvFooter a{ text-decoration:none; color:inherit; }

.lvFooter{
  --bg:#0b0706;
  --bg2:#120b08;
  --gold:#caa24b;
  --gold2:#e6c77c;
  --ink:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.70);
  --stroke:rgba(202,162,75,.22);
  --panel:rgba(255,255,255,.06);

  background:
    radial-gradient(1200px 700px at 20% 15%, rgba(202,162,75,.14), transparent 55%),
    radial-gradient(1000px 600px at 80% 10%, rgba(230,199,124,.10), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  border-top: 1px solid rgba(255,255,255,.06);
  color: var(--ink);
}

.lvFooter__top{
  padding: 52px 0 36px;
  position:relative;
}

.lvFooter__grid{
  display:grid;
  grid-template-columns: 1.25fr .8fr .8fr 1.15fr;
  gap: 26px;
}

/* Brand */
.lvFooter__brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom: 10px;
}
.lvFooter__mark{
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-weight:800;
  color: var(--gold2);
  background: radial-gradient(circle at 30% 30%, rgba(230,199,124,.30), rgba(202,162,75,.10));
  border: 1px solid rgba(202,162,75,.35);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}
.lvFooter__name{
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  letter-spacing:2px;
  font-size:16px;
}

.lvFooter__desc{
  margin: 0 0 16px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 14px;
}

/* Social */
.lvFooter__social{ display:flex; gap:10px; }
.lvSoc{
  width:40px; height:40px;
  display:grid; place-items:center;
  border-radius:999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.85);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.lvSoc:hover{
  transform: translateY(-2px);
  border-color: rgba(230,199,124,.60);
  background: rgba(202,162,75,.10);
  color: var(--gold2);
}

/* Headings */
.lvFooter__h{
  margin: 6px 0 14px;
  font-size: 14px;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: rgba(255,255,255,.88);
}

/* Links */
.lvFooter__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.lvFooter__link{
  color: rgba(255,255,255,.75);
  font-size: 14px;
  transition: color .22s ease, transform .22s ease;
  display:inline-flex;
  gap:8px;
}
.lvFooter__link:hover{
  color: var(--gold2);
  transform: translateX(2px);
}

/* Contact blocks */
.lvFooter__contact{
  display:grid;
  gap: 12px;
  margin-bottom: 16px;
}
.lvInfo{
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.lvInfo__ico{
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius:12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.lvInfo__txt{
  margin:0;
  color: rgba(255,255,255,.78);
  line-height:1.55;
  font-size: 14px;
}

/* Newsletter */
.lvNews{
  padding: 14px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(202,162,75,.18);
}
.lvNews__label{
  display:block;
  font-weight:700;
  font-size: 13px;
  letter-spacing:.2px;
  margin-bottom: 10px;
  color: rgba(255,255,255,.88);
}
.lvNews__row{
  display:flex;
  gap:10px;
}
.lvNews__input{
  flex:1;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.30);
  color: rgba(255,255,255,.92);
  outline:none;
}
.lvNews__input::placeholder{ color: rgba(255,255,255,.55); }
.lvNews__input:focus{
  border-color: rgba(230,199,124,.55);
  box-shadow: 0 0 0 4px rgba(202,162,75,.12);
}

.lvNews__btn{
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(230,199,124,.55);
  background: linear-gradient(135deg, rgba(202,162,75,.95), rgba(230,199,124,.92));
  color: #1a120b;
  font-weight: 800;
  cursor:pointer;
  transition: transform .22s ease, filter .22s ease;
}
.lvNews__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
}
.lvNews__note{
  margin: 10px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.60);
  line-height:1.45;
}

/* Bottom bar */
.lvFooter__bottom{
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.25);
}
.lvFooter__bottomInner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 0;
  color: rgba(255,255,255,.72);
  font-size: 13px;
}
.lvFooter__miniLinks{ display:flex; align-items:center; gap:10px; }
.lvFooter__mini{
  color: rgba(255,255,255,.72);
  transition: color .22s ease;
}
.lvFooter__mini:hover{ color: var(--gold2); }
.lvMiniSep{ color: rgba(255,255,255,.30); }

/* Responsive */
@media (max-width: 1020px){
  .lvFooter__grid{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px){
  .lvFooter__grid{
    grid-template-columns: 1fr;
  }
  .lvFooter__bottomInner{
    flex-direction:column;
    text-align:center;
  }
  .lvNews__row{
    flex-direction:column;
  }
}

/* --- HERO BUTTON SWEEP HOVER (left -> right) --- */
.lvBtn{
  position: relative;
  overflow: hidden;
  isolation: isolate;              /* keeps overlay under text */
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* animated overlay */
.lvBtn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;

  /* sweep gradient */
  background: linear-gradient(90deg,
    rgba(202,162,75,.0) 0%,
    rgba(202,162,75,.18) 35%,
    rgba(230,199,124,.35) 60%,
    rgba(202,162,75,.0) 100%
  );

  /* start hidden on left */
  transform: translateX(-110%);
  transition: transform .45s ease;
}

/* on hover: move overlay left -> right */
.lvBtn:hover::before{
  transform: translateX(110%);
}

/* OPTIONAL: extra glow on hover */
.lvBtn:hover{
  border-color: rgba(230,199,124,.65);
  box-shadow: 0 26px 80px rgba(0,0,0,.60);
  transform: translateY(-2px);
}

/* make gold button sweep stronger */
.lvBtn--gold::before{
  background: linear-gradient(90deg,
    rgba(255,255,255,.0) 0%,
    rgba(255,255,255,.18) 35%,
    rgba(255,255,255,.28) 60%,
    rgba(255,255,255,.0) 100%
  );
}

/* ghost button: softer sweep */
.lvBtn--ghost::before{
  background: linear-gradient(90deg,
    rgba(202,162,75,.0) 0%,
    rgba(202,162,75,.12) 40%,
    rgba(230,199,124,.20) 60%,
    rgba(202,162,75,.0) 100%
  );
}

/* accessibility: reduce motion */
@media (prefers-reduced-motion: reduce){
  .lvBtn::before{ transition:none; }
  .lvBtn{ transition:none; }
}

/* =========================
   OFFCANVAS MENU
========================= */

/* Burger */
.lvBurger{
  display:none;
  flex-direction:column;
  gap:5px;
  width:42px;
  height:42px;
  justify-content:center;
  align-items:center;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.05);
  border-radius:10px;
  cursor:pointer;
}

.lvBurger span{
  width:18px;
  height:2px;
  background:#fff;
  transition:.3s ease;
}

/* Mobile Only */
@media (max-width: 980px){

  .lvBurger{
    display:flex;
  }

  /* Hide desktop nav */
  .lvNav{
    display:none !important;
  }
}

/* Overlay */
.lvOverlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter: blur(4px);
  opacity:0;
  visibility:hidden;
  transition:.35s ease;
  z-index:998;
}

/* Offcanvas panel */
.lvOffcanvas{
  position:fixed;
  top:0;
  right:-320px;
  width:300px;
  height:100vh;

  background:
    radial-gradient(circle at 20% 20%, rgba(202,162,75,.15), transparent 60%),
    linear-gradient(180deg,#0b0706,#120b08);

  display:flex;
  flex-direction:column;
  padding:80px 30px 30px;
  gap:26px;

  box-shadow:-10px 0 40px rgba(0,0,0,.6);
  transition:.4s ease;
  z-index:999;
}

/* Active state */
.lvOffcanvas.active{
  right:0;
}

.lvOverlay.active{
  opacity:1;
  visibility:visible;
}

/* Links */
.lvOffcanvas a{
  font-size:18px;
  letter-spacing:.4px;
  color:rgba(255,255,255,.85);
  transition:.25s ease;
  position:relative;
}

.lvOffcanvas a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#caa24b,#e6c77c);
  transition:.3s ease;
}

.lvOffcanvas a:hover{
  color:#e6c77c;
}

.lvOffcanvas a:hover::after{
  width:100%;
}

/* Sale highlight */
.lvOffcanvas .sale{
  color:#e6c77c;
  font-weight:600;
}

/* Close button */
.lvOffcanvas__close{
  position:absolute;
  top:20px;
  right:20px;
  font-size:28px;
  background:none;
  border:none;
  color:#fff;
  cursor:pointer;
  transition:.3s ease;
}

.lvOffcanvas__close:hover{
  color:#e6c77c;
  transform:rotate(90deg);
}

/* OFFCANVAS FIX */
.lvOffcanvas{
  position: fixed;
  top: 0;
  right: 0;              /* keep 0 */
  width: 300px;
  height: 100vh;

  background: linear-gradient(180deg,#0b0706,#120b08);
  box-shadow: -10px 0 40px rgba(0,0,0,.6);

  transform: translateX(100%);   /* hide properly */
  transition: transform .4s ease;

  z-index: 999;
}

/* Show */
.lvOffcanvas.active{
  transform: translateX(0);
}

.ep__viewport{ overflow:hidden; }
.ep__track{ display:flex; gap:16px; will-change:transform; }

.ep__card{ flex:0 0 calc((100% - 48px)/4); }
@media (max-width:1100px){ .ep__card{ flex-basis: calc((100% - 32px)/3); } }
@media (max-width:820px){  .ep__card{ flex-basis: calc((100% - 16px)/2); } }
@media (max-width:520px){  .ep__card{ flex-basis: 100%; } }

.catS__viewport{ overflow:hidden; }

.catS__track{
  display:flex;
  gap:16px;
  will-change:transform;
  transform:translateX(0);
}

.catS__card{ flex:0 0 calc((100% - 64px)/5); } /* 5 cards, 4 gaps */

@media (max-width:1100px){
  .catS__card{ flex-basis: calc((100% - 48px)/4); }
}
@media (max-width:820px){
  .catS__card{ flex-basis: calc((100% - 32px)/3); }
}
@media (max-width:560px){
  .catS__card{ flex-basis: calc((100% - 16px)/2); }
}
@media (max-width:420px){
  .catS__card{ flex-basis: 100%; }
}
.container{
max-width:1300px;
margin:auto;
padding:40px 20px;
}

.myntraCat__layout{
display:grid;
grid-template-columns:260px 1fr;
gap:30px;
}

.myntraFilter{
background:#fff;
padding:20px;
border:1px solid #eee;
}

.myntraProducts__header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.myntraGrid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:25px;
}

.mProduct{
background:#fff;
padding:10px;
transition:.3s;
border:1px solid #eee;
}

.mProduct:hover{
box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.mProduct img{
width:100%;
}

.badge{
position:absolute;
background:#ff3f6c;
color:#fff;
padding:4px 8px;
font-size:12px;
}

.title{
font-size:15px;
margin:8px 0;
}

.price{
color:#ff3f6c;
font-weight:600;
}

.cartBtn{
margin-top:8px;
}

@media(max-width:900px){

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

.myntraFilter{
display:none;
}

}

.shopContainer ul.products{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
gap:25px;
padding:40px;
}

.shopCard{
background:#111;
padding:10px;
}

.shopImg{
position:relative;
overflow:hidden;
}

.shopImg img{
width:100%;
transition:.3s;
}

.img2{
position:absolute;
top:0;
left:0;
opacity:0;
}

.shopCard:hover .img2{
opacity:1;
}

.saleBadge{
position:absolute;
top:10px;
left:10px;
background:#ff3f6c;
color:#fff;
padding:4px 8px;
font-size:12px;
}
.lvMobileMenu ul{
display:none;
}

.lvMobileMenu li.open > ul{
display:block;
}

.lvMobileMenu li.has-sub > a{
position:relative;
}
/* 
 .lvMobileMenu li.has-sub > a:after{
content:"+";
position:absolute;
right:0;
}  */



.lvMobileMenu li.has-sub > a{
position:relative;
padding-right:25px;
display:block;
}

.lvMobileMenu li.has-sub > a:after{
content:"+";
position:absolute;
    left: 182px;
    top: -20%;
transform:translateY(-50%);
font-size:18px;
font-weight:bold;
color:#fff;
}


.lvMobileMenu li.has-sub.open > a:after{
content:"−";
}