/* Generated by MPMX SiteBuilder — 2026-04-13 */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --noir:#080604;--noir2:#141211;--noir3:#211f1d;--noir4:#2d2b2a;
  --gold:#c9a84c;--gold2:#d4b970;--gold3:#dfcb94;--gold-d:#8d7635;
  --champ:#e9dcb7;--champ2:#e1cf9d;--champ3:#d9c282;
  --rose:#d4829a;--rose2:#da95a9;
  --silver:#b0ada8;--cream:#faf6ef;
  --gold-02:rgba(201,168,76,0.2);--gold-04:rgba(201,168,76,0.4);--gold-06:rgba(201,168,76,0.06);
  --gold-01:rgba(201,168,76,0.1);--gold-015:rgba(201,168,76,0.015);--gold-03:rgba(201,168,76,0.03);
  --gold-08:rgba(201,168,76,0.08);--gold-15:rgba(201,168,76,0.15);
  --noir-50:rgba(8,6,4,0.5);--noir-70:rgba(8,6,4,0.7);--noir-95:rgba(8,6,4,0.95);
  --rose-a:rgba(212,130,154,1);
  --f1:'Playfair Display',serif;
  --f2:'Cormorant Garamond',serif;
  --f3:'Josefin Sans',sans-serif;
}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gold-d) var(--noir)}
body{background:var(--noir);color:var(--cream);font-family:var(--f3);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--noir)}
::-webkit-scrollbar-thumb{background:var(--gold-d);border-radius:3px}
::selection{background:var(--gold);color:var(--noir)}
img{display:block;max-width:100%;height:auto;-webkit-user-drag:none}a{text-decoration:none;color:inherit}
video{max-width:100%;height:auto}


.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-video{position:absolute;inset:0;z-index:0}
.hero-video video,.hero-video img{width:100%;height:100%;object-fit:cover}
.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity .8s}
.hero-poster.hidden{opacity:0;pointer-events:none}
.hero-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hero-play-btn{width:70px;height:70px;border-radius:50%;background:rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;backdrop-filter:blur(8px);
  transition:all .4s;padding-left:4px}
.hero-play-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--noir);transform:scale(1.1);box-shadow:0 0 40px var(--gold-04)}
.hero-video::after{content:'';position:absolute;inset:0;background:none}
.hero-content{position:relative;z-index:10;text-align:center;max-width:680px;padding:0 20px}
.h-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 20px;border-radius:30px;border:1px solid var(--gold-02);
  background:rgba(0,0,0,.3);backdrop-filter:blur(12px);font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:28px}
.h-img{width:240px;height:240px;margin:0 auto 28px;border-radius:50%;overflow:hidden;border:2px solid var(--gold-02);position:relative;cursor:zoom-in;
  box-shadow:0 0 80px var(--gold-01),0 20px 60px rgba(0,0,0,.5);transition:transform .5s,box-shadow .5s}
.h-img:hover{transform:scale(1.04);box-shadow:0 0 100px var(--gold-15)}
.h-img img{width:100%;height:100%;object-fit:cover;animation:kenBurns 20s ease-in-out infinite alternate}
@keyframes kenBurns{from{transform:scale(1)}to{transform:scale(1.1)}}
.h-img::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1),transparent 50%);pointer-events:none}
.h1{font-family:var(--f1);font-size:72px;font-weight:400;line-height:1;letter-spacing:2px;margin-bottom:14px}
.h1 em{font-style:italic;background:linear-gradient(135deg,var(--gold),var(--gold3),var(--champ));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.h-tag{font-family:var(--f2);font-size:18px;font-style:italic;color:var(--champ2);font-weight:300;margin-bottom:24px}
.h-price .old{font-size:16px;color:var(--silver);text-decoration:line-through}
.h-price .new{font-family:var(--f1);font-size:34px;color:var(--gold);margin-left:10px}
.h-price .off{padding:3px 12px;border-radius:20px;background:var(--rose);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;margin-left:10px;vertical-align:middle}
.h-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.btn-g{padding:16px 36px;border-radius:30px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--noir);
  font-family:var(--f3);font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s;position:relative;overflow:hidden}
.btn-g::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}
.btn-g:hover::after{left:100%}.btn-g:hover{box-shadow:0 10px 40px var(--gold-04);transform:translateY(-2px)}
.btn-o{padding:16px 36px;border-radius:30px;border:1px solid var(--gold-02);background:rgba(0,0,0,.2);backdrop-filter:blur(8px);
  color:var(--gold);font-family:var(--f3);font-weight:400;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s}
.btn-o:hover{border-color:var(--gold);background:var(--gold-08)}
.h-trust{display:flex;gap:28px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.ht{display:flex;align-items:center;gap:6px;font-size:10px;color:rgba(255,255,255,.5);letter-spacing:1px}
.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px}
.scroll-hint span{font-size:10px;letter-spacing:3px;color:rgba(255,255,255,.25)}
.scroll-mouse{width:20px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.15);position:relative}
.scroll-mouse::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:2px;height:6px;border-radius:1px;
  background:var(--gold);animation:scrollDot 2s infinite}
@keyframes scrollDot{0%,100%{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:0;transform:translateX(-50%) translateY(8px)}}

.paris-break{height:50vh;position:relative;overflow:hidden}
.paris-break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenBurns 30s ease-in-out infinite alternate}
.paris-break::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--noir) 0%,rgba(8,6,4,.2) 20%,rgba(8,6,4,.2) 80%,var(--noir) 100%)}
.paris-break .pb-text{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.paris-break .pb-text h3{font-family:var(--f1);font-style:italic;font-size:36px;color:var(--gold2);margin-bottom:6px;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.paris-break .pb-text p{font-family:var(--f2);font-size:15px;font-style:italic;color:var(--champ3);text-shadow:0 1px 8px rgba(0,0,0,.5)}

.orn{display:flex;align-items:center;gap:10px;margin-bottom:14px}.orn.c{justify-content:center}
.orn-l{width:24px;height:1px;background:var(--gold)}.orn-d{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.orn-t{font-family:var(--f3);font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--gold);font-weight:300}
.s-title{font-family:var(--f1);font-style:italic;font-size:52px;font-weight:400;line-height:1.1;letter-spacing:1px;margin-bottom:10px}
.s-title .g{color:var(--gold)}.s-title .r{color:var(--rose)}
.s-sub{font-family:var(--f2);font-size:15px;font-style:italic;color:var(--champ3);font-weight:300;line-height:1.8}

.trust{display:flex;justify-content:center;gap:48px;padding:32px 20px;border-top:1px solid var(--gold-06);
  border-bottom:1px solid var(--gold-06);background:var(--gold-015);flex-wrap:wrap}
.trust-i{text-align:center}.trust-i .ti{font-size:22px;margin-bottom:4px}.trust-i .tl{font-size:10px;font-weight:500;letter-spacing:1px;color:var(--champ2)}

.sec{padding:80px 40px;position:relative}.sec-inner{max-width:1100px;margin:0 auto}
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.p-card{background:var(--noir2);border-radius:18px;overflow:hidden;border:1px solid var(--gold-06);transition:all .5s cubic-bezier(.23,1,.36,1);cursor:pointer;position:relative}
.p-card:hover{transform:translateY(-10px);border-color:rgba(201,168,76,.12);box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 40px var(--gold-06)}
.p-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--noir3)}
.p-img img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .8s cubic-bezier(.23,1,.36,1),opacity .5s ease;display:block}
.p-img .p-img-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1}
.p-card:hover .p-img .p-img-hover{opacity:1}
.p-card:hover .p-img img{transform:scale(1.08)}
.p-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,6,4,.5));pointer-events:none;z-index:3}
.p-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--noir2),var(--noir3));color:var(--text3);gap:8px}
.p-img-placeholder span{font-size:32px;opacity:.4}
.p-img-placeholder small{font-size:10px;letter-spacing:1px;opacity:.5;text-align:center;padding:0 12px}
.p-img .zoom-ico{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);
  padding:10px 20px;border-radius:30px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);
  border:1px solid rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;
  font-size:11px;color:var(--gold);letter-spacing:1px;transition:all .4s;z-index:4;white-space:nowrap}
.p-card:hover .p-img .zoom-ico{transform:translate(-50%,-50%) scale(1)}
.p-badge{position:absolute;top:14px;left:14px;padding:5px 14px;border-radius:20px;font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;z-index:5}
.b-best{background:var(--gold);color:var(--noir)}.b-new{background:var(--rose);color:#fff}.b-off{background:rgba(255,255,255,.9);color:var(--noir)}
.p-info{padding:20px}.p-name{font-family:var(--f1);font-size:17px;font-weight:600;margin-bottom:3px}
.p-desc{font-family:var(--f2);font-size:13px;font-style:italic;color:var(--champ3);margin-bottom:12px}
.p-prices{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.p-old{font-size:13px;color:var(--silver);text-decoration:line-through}.p-new{font-family:var(--f1);font-size:24px;color:var(--gold)}
.p-btn{width:100%;padding:13px;border-radius:30px;border:1px solid rgba(201,168,76,.12);background:transparent;color:var(--gold);
  font-family:var(--f3);font-size:10px;letter-spacing:2px;cursor:pointer;transition:all .4s;text-transform:uppercase;font-weight:500}
.p-btn:hover{background:var(--gold);color:var(--noir);border-color:var(--gold)}
.p-btn.added{background:var(--rose);color:#fff;border-color:var(--rose)}
.p-btn-notify{border-color:rgba(212,130,154,.2);color:var(--rose)}
.p-btn-notify:hover{background:var(--rose);color:#fff;border-color:var(--rose)}


/* Card action buttons (fav, quick view) */
.p-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:4;
  opacity:0;transform:translateX(10px);transition:all .3s ease}
.p-card:hover .p-actions{opacity:1;transform:translateX(0)}
.p-act-btn{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .3s;font-size:14px;color:var(--champ)}
.p-act-btn:hover{background:rgba(0,0,0,.8);border-color:var(--gold);color:var(--gold)}
.p-fav.active{color:var(--rose);border-color:var(--rose)}

/* Stock */
.p-stock{font-size:10px;letter-spacing:.5px;margin-bottom:10px;font-weight:500}
.p-stock.in{color:#4caf50}
.p-stock.out{color:var(--rose)}
.p-sold-out{position:absolute;bottom:0;left:0;right:0;padding:8px;text-align:center;
  background:rgba(0,0,0,.7);color:var(--rose);font-size:10px;font-weight:600;letter-spacing:1px;
  text-transform:uppercase;z-index:3}

/* ═══ QUICK VIEW MODAL ═══ */
#quickView{position:fixed;inset:0;z-index:26000;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.85);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:all .4s}
#quickView.open{opacity:1;visibility:visible}
.qv-box{width:90vw;max-width:900px;max-height:90vh;background:var(--noir2);border-radius:20px;
  border:1px solid var(--gold-06);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;
  transform:scale(.92);transition:transform .4s cubic-bezier(.23,1,.36,1);
  box-shadow:0 40px 120px rgba(0,0,0,.8)}
#quickView.open .qv-box{transform:scale(1)}
.qv-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.5);color:#fff;font-size:18px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .3s}
.qv-close:hover{border-color:var(--gold);color:var(--gold)}

/* QV Carousel */
.qv-carousel{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--noir3)}
.qv-carousel img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;opacity:0;transition:opacity .5s}
.qv-carousel img.active{opacity:1}
.qv-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;
  background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:3}
.qv-nav:hover{background:rgba(0,0,0,.8);border-color:var(--gold);color:var(--gold)}
.qv-prev{left:10px}.qv-next{right:10px}
.qv-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3}
.qv-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s}
.qv-dot.active{background:var(--gold);transform:scale(1.3)}

/* QV Info */
.qv-info{padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.qv-name{font-family:var(--f1);font-size:22px;font-weight:600;color:var(--champ)}
.qv-edition{font-size:11px;color:var(--gold);letter-spacing:1px;font-weight:500}
.qv-desc{font-family:var(--f2);font-size:13px;color:var(--champ3);line-height:1.7;font-style:italic}
.qv-price-row{display:flex;align-items:center;gap:10px}
.qv-price-old{font-size:15px;color:var(--silver);text-decoration:line-through}
.qv-price-new{font-family:var(--f1);font-size:28px;color:var(--gold)}
.qv-stock{font-size:11px;font-weight:600;letter-spacing:.5px}
.qv-stock.in{color:#4caf50}
.qv-stock.out{color:var(--rose)}
.qv-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.qv-actions button{padding:10px 18px;border-radius:25px;font-size:10px;letter-spacing:1px;cursor:pointer;
  text-transform:uppercase;font-weight:600;transition:all .3s;font-family:var(--f3)}
.qv-add{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--noir);border:none}
.qv-add:hover{box-shadow:0 6px 24px var(--gold-04);transform:translateY(-1px)}
.qv-secondary{background:transparent;border:1px solid var(--gold-06);color:var(--gold)}
.qv-secondary:hover{border-color:var(--gold);background:var(--gold-08)}

/* ═══ PRODUCT DETAIL POPUP ═══ */
#pdPopup{position:fixed;inset:0;z-index:27000;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.88);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:all .4s;overflow-y:auto}
#pdPopup.open{opacity:1;visibility:visible}
.pdp-close{position:fixed;top:16px;right:20px;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.6);color:#fff;font-size:20px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .3s}
.pdp-close:hover{border-color:var(--gold);color:var(--gold)}
.pdp-box{width:92vw;max-width:950px;max-height:90vh;background:var(--noir2);border-radius:20px;
  border:1px solid var(--gold-06);overflow-y:auto;overflow-x:hidden;
  transform:scale(.92) translateY(20px);transition:transform .4s cubic-bezier(.23,1,.36,1);
  box-shadow:0 40px 120px rgba(0,0,0,.8)}
#pdPopup.open .pdp-box{transform:scale(1) translateY(0)}
.pdp-box::-webkit-scrollbar{width:4px}.pdp-box::-webkit-scrollbar-thumb{background:var(--gold-d);border-radius:2px}
.pdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}
.pdp-gallery{position:relative}
.pdp-main-img{border-radius:14px;overflow:hidden;border:1px solid var(--gold-06);background:var(--noir3);cursor:zoom-in;max-height:500px}
.pdp-main-img img{width:100%;height:auto;max-height:500px;object-fit:contain;object-position:center;display:block}
.pdp-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pdp-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s;opacity:.6}
.pdp-thumb:hover,.pdp-thumb.active{border-color:var(--gold);opacity:1}
.pdp-thumb img{width:100%;height:100%;object-fit:cover}
.pdp-info{padding:8px 0;overflow-y:auto}
.pdp-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}
.pdp-edition{font-size:11px;color:var(--gold);letter-spacing:1.5px;font-weight:500;margin-bottom:4px;text-transform:uppercase}
.pdp-name{font-family:var(--f1);font-size:24px;font-weight:600;margin-bottom:6px;color:var(--champ)}
.pdp-desc{font-family:var(--f2);font-size:13px;color:var(--champ3);font-style:italic;line-height:1.6;margin-bottom:16px}
.pdp-price-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.pdp-price-old{font-size:16px;color:var(--silver);text-decoration:line-through}
.pdp-price-new{font-family:var(--f1);font-size:30px;color:var(--gold)}
.pdp-long{font-size:13px;color:var(--champ2);line-height:1.8;margin-bottom:20px}
.pdp-benefits{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}
.pdp-benefit{font-size:12px;color:var(--champ);padding:8px 12px;border-radius:8px;border:1px solid var(--gold-06);background:var(--noir)}
.pdp-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.pdp-spec{padding:10px;border-radius:8px;background:var(--noir);border:1px solid var(--gold-06);text-align:center}
.pdp-spec-label{font-size:9px;color:var(--champ3);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}
.pdp-spec-val{font-size:12px;color:var(--gold);font-weight:500}