/* MVN grand opening visual preview. This is a client-side presentation gate, not API access control. */
html.mvn-prelaunch-pending body{overflow:hidden!important}
html.mvn-prelaunch-pending body > :not(#mvn-opening-countdown):not(script):not(style){
  filter:blur(9px) brightness(.67);
  pointer-events:none!important;
  user-select:none!important;
}
.mvn-opening-countdown{color:#fff;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;
  z-index:2147483640;text-align:center}
.mvn-opening-countdown *{box-sizing:border-box}
.mvn-opening-countdown [hidden]{display:none!important}
html.mvn-prelaunch-pending #mvn-opening-countdown{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  overflow-x:hidden;overflow-y:auto;padding:26px 18px;
  background:rgba(2,11,29,.53);backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px)
}
.mvn-opening-countdown .mvn-clock-inner{width:min(100%,860px);padding:35px 42px 30px;display:flex;
  align-items:center;flex-direction:column;gap:22px;position:relative;overflow:hidden;
  border:1px solid rgba(142,186,255,.35);border-radius:18px;
  background:linear-gradient(128deg,rgba(8,24,51,.97),rgba(12,40,88,.97) 70%,rgba(9,26,65,.97));
  box-shadow:0 20px 88px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}
.mvn-opening-countdown .mvn-clock-inner::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% -24%,rgba(74,132,244,.25),transparent 55%)}
.mvn-clock-label{position:relative;display:flex;align-items:center;flex-direction:column;gap:11px;max-width:100%}
.mvn-clock-logo{width:min(100%,360px);height:85px;object-fit:contain;display:block}
.mvn-clock-eyebrow{font-size:10px;color:#b9d3ff;letter-spacing:.18em;font-weight:800}
.mvn-clock-headline{font-size:clamp(23px,3.4vw,39px);font-weight:900;letter-spacing:-.025em;
  line-height:1.13;margin:3px 0 0}
.mvn-clock-date{font-size:12px;color:#e0ebff;font-weight:800;letter-spacing:.12em}
.mvn-clock-description{font-size:14px;color:#bbcce9;margin:0;line-height:1.5}
.mvn-clock-time{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;
  font-variant-numeric:tabular-nums;max-width:100%}
.mvn-clock-time>span{min-width:113px;min-height:112px;display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:9px;background:rgba(255,255,255,.085);
  border:1px solid rgba(173,200,249,.23);border-radius:12px}
.mvn-clock-time strong{font-size:clamp(32px,5.5vw,57px);font-weight:900;letter-spacing:.02em;line-height:1}
.mvn-clock-time small{font-size:9px;color:#c6d8fa;font-weight:800;letter-spacing:.15em}
.mvn-clock-time i{font-size:26px;color:#a7c4f5;font-style:normal;font-weight:800}
.mvn-clock-footer{position:relative;display:flex;align-items:center;flex-direction:column;gap:12px}
.mvn-clock-footer>span{font-size:11px;color:#d2e0fa;font-weight:800;letter-spacing:.11em}
.mvn-clock-footer a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;
  background:#fff;color:#102f68!important;border-radius:6px;padding:10px 19px;font-size:11px;font-weight:900;letter-spacing:.08em}

/* Once the exact launch time arrives, restore the store and reduce the countdown to a compact banner. */
.mvn-opening-countdown.mvn-clock-open{position:relative;inset:auto;z-index:5;display:block;overflow:visible;
  border-bottom:2px solid #93b7fa;background:linear-gradient(100deg,#081a38,#13479a);
  box-shadow:0 7px 25px rgba(7,30,78,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
.mvn-clock-open .mvn-clock-inner{max-width:1420px;width:100%;padding:13px 24px;display:grid;
  grid-template-columns:1fr auto;gap:20px;background:transparent;box-shadow:none;border:0;border-radius:0}
.mvn-clock-open .mvn-clock-inner::before{display:none}
.mvn-clock-open .mvn-clock-label{align-items:flex-start;text-align:left;gap:4px}
.mvn-clock-open .mvn-clock-logo{display:none}
.mvn-clock-open .mvn-clock-eyebrow{font-size:8px}
.mvn-clock-open .mvn-clock-headline{font-size:18px;letter-spacing:.02em;margin:0}
.mvn-clock-open .mvn-clock-date,.mvn-clock-open .mvn-clock-description{display:none}
.mvn-clock-open .mvn-clock-footer{flex-direction:row;gap:12px}
.mvn-clock-open .mvn-clock-footer>span{font-size:9px}
.mvn-clock-open .mvn-clock-footer a{font-size:10px;padding:10px 14px}

@media(max-width:650px){
  html.mvn-prelaunch-pending #mvn-opening-countdown{padding:12px;align-items:center}
  .mvn-opening-countdown .mvn-clock-inner{padding:25px 13px 24px;gap:20px;border-radius:13px}
  .mvn-clock-logo{width:min(100%,275px);height:69px}
  .mvn-clock-eyebrow{font-size:8px;letter-spacing:.1em}
  .mvn-clock-headline{font-size:24px}
  .mvn-clock-date{font-size:10px;letter-spacing:.06em}
  .mvn-clock-description{font-size:12px;max-width:290px}
  .mvn-clock-time{gap:4px;width:100%}
  .mvn-clock-time>span{min-width:0;flex:1;max-width:75px;min-height:84px;gap:8px;padding:6px 2px}
  .mvn-clock-time strong{font-size:clamp(25px,7.7vw,36px)}
  .mvn-clock-time small{font-size:7px;letter-spacing:.04em}
  .mvn-clock-time i{font-size:15px}
  .mvn-clock-footer>span{font-size:9px;letter-spacing:.05em}
  .mvn-clock-open .mvn-clock-inner{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:14px 15px}
  .mvn-clock-open .mvn-clock-label{align-items:center;text-align:center}
  .mvn-clock-open .mvn-clock-headline{font-size:16px}
  .mvn-clock-open .mvn-clock-footer{justify-content:center;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.mvn-opening-countdown *{transition:none!important;animation:none!important}}


/* Approved original-logo launch screen. Scoped to the PRE-LAUNCH state only:
   never hide catalogue, cart, product pages, or site navigation after opening. */
html.mvn-prelaunch-pending #mvn-opening-countdown {
  background:radial-gradient(ellipse at 50% 26%,#182e46 0%,#0a1829 47%,#050b14 100%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:22px 15px!important;
}
html.mvn-prelaunch-pending .mvn-opening-countdown .mvn-clock-inner {
  width:min(100%,770px);
  gap:16px;
  padding:30px 38px 29px;
  border:1px solid rgba(202,166,99,.48);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(8,19,32,.98),rgba(6,13,23,.98));
  box-shadow:0 25px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(237,202,140,.12);
}
html.mvn-prelaunch-pending .mvn-opening-countdown .mvn-clock-inner::before {
  background:radial-gradient(ellipse at 50% -15%,rgba(190,145,67,.10),transparent 55%);
}
html.mvn-prelaunch-pending .mvn-clock-logo {
  width:min(100%,430px);height:115px;max-height:115px;
  object-fit:contain;
  mix-blend-mode:screen; /* original gold pixels; dark image background visually recedes */
}
html.mvn-prelaunch-pending .mvn-clock-label {gap:12px;width:100%}
html.mvn-prelaunch-pending .mvn-clock-eyebrow {
  color:#dbb974;font-size:10px;font-weight:850;letter-spacing:.17em;
}
html.mvn-prelaunch-pending .mvn-clock-headline {
  color:#fff;max-width:100%;font-size:clamp(27px,3.1vw,37px);
  font-weight:900;line-height:1.13;letter-spacing:-.035em;
  overflow-wrap:break-word;
}
html.mvn-prelaunch-pending .mvn-clock-headline span {
  display:block;margin-top:7px;
  color:#e4bd70;font-size:clamp(34px,5.5vw,57px);letter-spacing:-.025em;
}
html.mvn-prelaunch-pending .mvn-clock-description{
  max-width:560px;margin:0 auto;color:#c3ccd6;font-size:13px;line-height:1.7;
}
html.mvn-prelaunch-pending .mvn-clock-brands{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(100%,550px);gap:10px;margin:1px 0 2px;
}
html.mvn-prelaunch-pending .mvn-clock-brand{
  border:1px solid rgba(212,175,104,.44);
  background:rgba(217,178,104,.055);
  border-radius:6px;padding:12px 8px;
  display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;
}
html.mvn-prelaunch-pending .mvn-clock-brand small{
  font-size:9px;font-weight:800;color:#d8bd83;letter-spacing:.14em;
}
html.mvn-prelaunch-pending .mvn-clock-brand strong{
  font-size:12px;font-weight:900;color:#fff;letter-spacing:.07em;
}
html.mvn-prelaunch-pending .mvn-clock-brand-soon {
  border-color:rgba(173,184,202,.33);background:rgba(169,182,202,.045);
}
html.mvn-prelaunch-pending .mvn-clock-brand-soon small{color:#b4becd}
html.mvn-prelaunch-pending .mvn-clock-date{
  color:#ddc494;font-size:11px;letter-spacing:.11em;
}
html.mvn-prelaunch-pending .mvn-clock-time {
  width:min(100%,550px);gap:9px;
}
html.mvn-prelaunch-pending .mvn-clock-time>span{
  min-width:0;flex:1;min-height:97px;
  border-color:rgba(204,170,109,.27);
  background:rgba(255,255,255,.045);
}
html.mvn-prelaunch-pending .mvn-clock-time strong{
  color:#fff;font-size:clamp(27px,5.1vw,48px);
}
html.mvn-prelaunch-pending .mvn-clock-time small {color:#dbb974}
html.mvn-prelaunch-pending .mvn-clock-time i{color:#c8a76e}
html.mvn-prelaunch-pending .mvn-clock-footer>span {color:#b7c2cf;font-size:10px}
.mvn-clock-open .mvn-clock-brands{display:none!important}
@media(max-width:650px){
  html.mvn-prelaunch-pending #mvn-opening-countdown{padding:10px!important}
  html.mvn-prelaunch-pending .mvn-opening-countdown .mvn-clock-inner{
    padding:22px 12px 20px;gap:12px;
  }
  html.mvn-prelaunch-pending .mvn-clock-logo{width:min(100%,320px);height:88px;max-height:88px}
  html.mvn-prelaunch-pending .mvn-clock-eyebrow{font-size:8px;letter-spacing:.09em}
  html.mvn-prelaunch-pending .mvn-clock-headline{font-size:clamp(22px,6.5vw,28px)}
  html.mvn-prelaunch-pending .mvn-clock-headline span{font-size:clamp(29px,8vw,40px)}
  html.mvn-prelaunch-pending .mvn-clock-description{font-size:11px;line-height:1.5}
  html.mvn-prelaunch-pending .mvn-clock-brand{padding:10px 5px;gap:5px}
  html.mvn-prelaunch-pending .mvn-clock-brand small{font-size:8px;letter-spacing:.07em}
  html.mvn-prelaunch-pending .mvn-clock-brand strong{font-size:10px;letter-spacing:0}
  html.mvn-prelaunch-pending .mvn-clock-date{font-size:9px;letter-spacing:.04em}
  html.mvn-prelaunch-pending .mvn-clock-time{gap:3px}
  html.mvn-prelaunch-pending .mvn-clock-time>span{min-height:76px;gap:7px;padding:5px 1px}
  html.mvn-prelaunch-pending .mvn-clock-time strong{font-size:clamp(22px,7vw,32px)}
  html.mvn-prelaunch-pending .mvn-clock-time i{font-size:11px}
  html.mvn-prelaunch-pending .mvn-clock-time small{font-size:7px;letter-spacing:0}
  html.mvn-prelaunch-pending .mvn-clock-footer>span{font-size:8px}
}