
:root{--bg:#050607;--panel:#0d0f12;--panel2:#13151a;--line:#292c33;--txt:#f7f7f8;--muted:#a4a7af;--v:#D5AF63;--v2:#A87A32;--ok:#58d68d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 30px));margin:auto}
nav{position:sticky;top:0;z-index:20;background:#050607eb;backdrop-filter:blur(14px);border-bottom:1px solid #202227}.nav{height:66px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:950}.brand b,.purple{color:var(--v)}.links{display:flex;gap:22px;font-size:13px;font-weight:850}
.k{font-size:11px;letter-spacing:.15em;font-weight:950;color:#E6C88E;text-transform:uppercase}.hero{padding:75px 0;background:radial-gradient(circle at 76% 35%,#332719,transparent 35%)}.heroGrid,.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}h1{font-size:clamp(52px,7.5vw,92px);line-height:.87;letter-spacing:-.07em;margin:14px 0 22px}h2{font-size:clamp(38px,5vw,64px);line-height:.95;letter-spacing:-.055em;margin:10px 0 16px}h3{letter-spacing:-.025em}.lead,.sub{color:var(--muted);line-height:1.6}.lead{font-size:20px;max-width:680px}.btn{display:inline-block;border:0;border-radius:9px;padding:15px 20px;background:linear-gradient(135deg,var(--v),var(--v2));color:#fff;font-weight:950;cursor:pointer}.btn.white{background:#fff;color:#08090a}.btn.ghost{background:#15171b;border:1px solid #353841}.facts{display:flex;flex-wrap:wrap;gap:24px;margin:25px 0}.fact b{display:block}.fact small{color:#92959d}
.visual{height:440px;position:relative}.metal{position:absolute;width:300px;aspect-ratio:1.59;border-radius:17px;background:linear-gradient(135deg,#1d2022,#060708 70%,#17191b);border:1px solid #55595c;box-shadow:0 35px 60px #000c;padding:23px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.metal:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff1 48%,transparent 60%)}.metal.back{right:150px;top:60px;transform:rotate(-10deg)}.metal.front{right:10px;top:105px;transform:rotate(5deg);z-index:2}.engrave{color:#f2f2ed}.ename{font-size:27px;line-height:.92;font-weight:950}.etime{font-size:33px;font-weight:950}
section{padding:72px 0;border-top:1px solid #202227}.dual{display:grid;grid-template-columns:1fr 1fr}.door{padding:48px;min-height:300px;background:radial-gradient(circle at 30% 20%,#402b28,#0a0b0d 65%);display:flex;align-items:end}.door:nth-child(2){background:radial-gradient(circle at 70% 20%,#332719,#0a0b0d 65%)}.door h3{font-size:32px;margin:7px 0}
.search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:25px}.field,input,select,textarea{width:100%;background:#0b0d10;border:1px solid #353840;border-radius:9px;padding:14px;color:#fff;font:inherit}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter{padding:9px 12px;border-radius:99px;background:#111318;border:1px solid #30333a;color:#bbb;font-weight:800}.filter.on{background:#fff;color:#08090a}
.events{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.event{background:#0c0e11;border:1px solid #262930;border-radius:13px;overflow:hidden}.event:hover{border-color:#A87A32;transform:translateY(-3px)}.pic{height:245px;display:grid;place-items:center;background:radial-gradient(circle,#29241B,#08090a 68%)}.pic .metal{position:relative;inset:auto;width:175px;border-radius:9px;padding:13px;transform:rotate(-4deg);box-shadow:0 20px 35px #000}.pic .ename{font-size:17px}.pic .etime{font-size:21px}.body{padding:17px}.badge{display:inline-block;padding:5px 8px;border-radius:5px;background:#D5AF63;font-size:9px;font-weight:950;letter-spacing:.08em}.badge.rd{background:#292c31}.badge.partner{background:#21432e}.body h3{margin:10px 0 4px}.body small{color:#92959c}
.steps,.models,.upsells{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.steps{grid-template-columns:repeat(4,1fr)}.step,.panel,.model,.upsell{background:#0e1013;border:1px solid var(--line);border-radius:13px;padding:20px}.n{width:29px;height:29px;border-radius:50%;background:var(--v);display:grid;place-items:center;font-weight:950}.step p,.panel p,.model p,.upsell p{color:#9699a1;line-height:1.5;font-size:14px}
.collection{background:linear-gradient(90deg,#0b0909,#18100c)}.room{min-height:390px;border-radius:15px;background:radial-gradient(circle at 70% 20%,#79593e,#261b15 55%,#0d0b0a);display:grid;place-items:center;padding:35px}.frame{width:90%;background:#08090a;border:14px solid #202225;box-shadow:0 25px 50px #0009;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.frame .metal,.model .metal{position:relative;inset:auto;width:100%;transform:none;box-shadow:none;border-radius:8px;padding:12px}.frame .ename,.model .ename{font-size:15px}.frame .etime,.model .etime{font-size:18px}
.eventHero{padding:70px 0;background:radial-gradient(circle at 75% 35%,#332719,transparent 36%)}.eventHero h1{font-size:clamp(48px,7vw,80px)}.order{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.formbox,.summary{background:#0d0f12;border:1px solid #2b2e35;border-radius:15px;padding:24px}.summary{position:sticky;top:90px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label{display:block;font-size:12px;font-weight:900;color:#b8bac0;margin:14px 0 7px}.choice{display:flex;gap:10px;align-items:center;border:1px solid #343740;padding:13px;border-radius:10px;margin-top:9px}.choice input{width:auto}.line{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #262930}.total{font-size:24px;font-weight:950}.notice{padding:13px;border-radius:10px;background:#18150F;border:1px solid #665335;color:#E6D9BD;font-size:13px;line-height:1.5}.admin{background:#090a0c}.adminTable{width:100%;border-collapse:collapse;margin-top:20px}.adminTable td,.adminTable th{text-align:left;padding:13px;border-bottom:1px solid #292c31}.adminTable th{color:#8f929a;font-size:12px}
footer{padding:42px 0;color:#74777f}
@media(max-width:800px){.links{display:none}.heroGrid,.two,.order{grid-template-columns:1fr}.dual{grid-template-columns:1fr}.events{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.models,.upsells{grid-template-columns:1fr}.summary{position:static}.visual{height:350px}.metal{width:225px}.metal.back{right:90px}.metal.front{right:0}.grid2{grid-template-columns:1fr}}@media(max-width:520px){.events,.steps{grid-template-columns:1fr}.door{padding:28px}.frame{padding:10px;gap:7px;border-width:9px}}

/* V6.1 navigation safety */
a,button{position:relative;z-index:5;pointer-events:auto} .metal:before,.cardV6:before{pointer-events:none}

/* V11.3 public UI */
.filters .filter{appearance:none;-webkit-appearance:none;background:#111318!important;color:#c8c9ce!important;border:1px solid #30333a!important}
.filters .filter.on{background:#f4f4f4!important;color:#08090a!important;border-color:#f4f4f4!important}
.card-shell{width:min(88%,300px);aspect-ratio:86/54;position:relative;border-radius:12px;background:linear-gradient(145deg,#202326 0%,#070809 52%,#151719 100%);border:1px solid #4c5054;box-shadow:0 22px 42px #000b, inset 0 0 0 1px #ffffff08;overflow:hidden;transform:rotate(-3deg)}
.card-shell:after{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 42%,#ffffff0d 50%,transparent 58%);transform:translateX(-28%);pointer-events:none}
.card-shell img{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;filter:brightness(1.12);z-index:1}
.hero-card{position:absolute;width:310px;aspect-ratio:86/54;border-radius:15px;background:linear-gradient(145deg,#25282a,#050607 60%,#17191b);border:1px solid #565a5e;box-shadow:0 34px 65px #000d;overflow:hidden}
.hero-card img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.hero-card.one{right:125px;top:55px;transform:rotate(-9deg)}
.hero-card.two{right:0;top:135px;transform:rotate(5deg);z-index:2}
.propose{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.propose .full{grid-column:1/-1}.success{padding:15px;border:1px solid #2f6544;background:#102218;border-radius:10px;color:#b9efcb}.error{padding:15px;border:1px solid #71363d;background:#241013;border-radius:10px;color:#ffc1c7}
@media(max-width:800px){.hero-card{width:240px}.hero-card.one{right:70px}.hero-card.two{right:0}.propose{grid-template-columns:1fr}.propose .full{grid-column:auto}}

/* V13 Phase 1 mobile */
html,body{max-width:100%;overflow-x:hidden}img,svg{max-width:100%}
@media(max-width:800px){body{-webkit-text-size-adjust:100%}.wrap{width:calc(100% - 24px)}button,input,select,textarea,.field{min-height:44px;font-size:16px}.eventHero{padding:38px 0}.order,.grid2{grid-template-columns:1fr}.formbox,.summary{padding:17px}.summary{position:static}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}.adminTable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:480px){.wrap{width:calc(100% - 20px)}.order .btn,.formbox .btn,.summary .btn{width:100%}}

/* V13.1 — mobile correction pass */
@media(max-width:800px){
  nav{position:sticky!important;top:0!important;z-index:1000!important;background:#050607f5!important;
      -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .nav{height:58px!important;min-height:58px!important}
  input,select,textarea,.field{font-size:16px!important;line-height:1.35!important}
  input[type="date"],input[type="time"]{font-size:16px!important;max-width:100%!important}
  .links{z-index:1001!important}
}

/* V13.2 — mobile forms / iOS Safari */
@media(max-width:800px){
  form input:not([type="checkbox"]):not([type="radio"]),
  form select,form textarea{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;font-size:17px!important;line-height:1.3!important;
    min-height:52px!important;padding:13px 14px!important;
  }
  input[type="date"],input[type="time"],input[type="datetime-local"]{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;font-size:17px!important;min-height:52px!important;
  }
  form input[type="checkbox"],form input[type="radio"]{
    width:24px!important;height:24px!important;min-height:24px!important;
  }
  form button,.btn{min-height:50px}
}

.signatureBrand{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.1}.signatureBrand img{width:54px;height:54px;object-fit:contain}.btn:not(.ghost):not(.white){color:#171108}.catalogueTools{display:flex;gap:14px;align-items:center;margin:18px 0}.catalogueTools select{width:auto}.participantSuggestion{margin:22px 0;padding:22px;border:1px solid #665335;border-radius:13px;background:#15130e}.eventDate{font-size:13px;margin-top:12px;color:#e9e2d1}.addedDate{font-size:11px;color:#9e998f;margin-top:7px}.instagramBlock{background:radial-gradient(ellipse at 80% 50%,#302516,transparent 60%)}.badge:not(.rd):not(.partner){background:#D5AF63;color:#fff}.liveAccent{color:#D5AF63}.steps:has(article){grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.catalogueTools{align-items:stretch;flex-direction:column}.catalogueTools select{width:100%}.steps:has(article){grid-template-columns:1fr}.signatureBrand{font-size:12px}.signatureBrand img{width:43px;height:43px}}

.badge:not(.rd):not(.partner){background:#665335}.badge.live{background:#8F49E8!important;color:#fff}.liveAccent{color:#b27aff}.liveOffer{border-top:3px solid #8F49E8}

#how .steps{grid-template-columns:repeat(5,minmax(0,1fr))}.heroShipping{display:inline-block;color:#ead5a5;border-color:#665335;background:#19150d;font-size:15px;font-weight:800}@media(max-width:1050px){#how .steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){#how .steps{grid-template-columns:1fr}}

.cardModalBox{width:min(980px,94vw)!important;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.cardModalCard{min-width:0}.cardModalBox .modalClose{grid-column:1/-1}.cardModalBox .panel{margin:0}#cardModalInfo dd{margin:4px 0 14px}#cardModalInfo dt{color:#aaa;font-size:12px}@media(max-width:760px){.cardModalBox{grid-template-columns:minmax(0,1fr);width:96vw!important}.cardModalCard{max-height:220px}.cardModalCard img{max-height:100%;object-fit:contain}}
