/* MASTORE Atelier Sequence — exclusive route for /checkout-studio
   Black tray + white active plate. Roman stations. No color. */
body.mcs-page .mcs .mcs-route{
  --mcs-ink:#111111;
  --mcs-paper:#f4f4f4;
  --mcs-mute:#8a8a8a;
  --mcs-ease:cubic-bezier(0.23,1,0.32,1);
  display:grid!important;
  grid-template-columns:1.45fr 1fr 1fr!important;
  gap:6px!important;
  align-items:stretch;
  padding:6px!important;
  margin:0 0 28px!important;
  border:0!important;
  border-radius:22px!important;
  background:var(--mcs-ink)!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
body.mcs-page .mcs .mcs-route:has(.mcs-route-item:nth-child(2).is-current){
  grid-template-columns:1fr 1.45fr 1fr!important;
}
body.mcs-page .mcs .mcs-route:has(.mcs-route-item:nth-child(3).is-current){
  grid-template-columns:1fr 1fr 1.45fr!important;
}
body.mcs-page .mcs .mcs-route:after{display:none!important;content:none!important}

body.mcs-page .mcs .mcs-route-item{
  position:relative;
  isolation:isolate;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:0!important;
  min-height:148px!important;
  min-width:0;
  padding:22px 20px 20px!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  color:#cfcfcf!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer;
  overflow:hidden!important;
  transform:none!important;
  transition:background .32s var(--mcs-ease),color .32s var(--mcs-ease),transform .22s var(--mcs-ease)!important;
}
body.mcs-page .mcs .mcs-route-item:before,
body.mcs-page .mcs .mcs-route-item:after{
  display:none!important;
  content:none!important;
}

body.mcs-page .mcs .mcs-route-item>span{
  position:absolute!important;
  right:-6px;
  top:-18px;
  z-index:0;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(255,255,255,.08)!important;
  font:400 118px/0.78 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.06em!important;
  font-variant-numeric:normal!important;
  pointer-events:none;
  user-select:none;
  transition:color .32s var(--mcs-ease),opacity .32s var(--mcs-ease);
}
body.mcs-page .mcs .mcs-route-item>span:after{display:none!important;content:none!important}

body.mcs-page .mcs .mcs-route-item>strong{
  position:relative;
  z-index:1;
  display:block!important;
  margin:0!important;
  max-width:100%;
  overflow:visible!important;
  white-space:normal!important;
  color:inherit!important;
  font:400 28px/1.08 Georgia,"Times New Roman",serif!important;
  font-style:italic!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
  text-wrap:balance;
  padding-bottom:4px;
}
body.mcs-page .mcs .mcs-route-item>strong:after{display:none!important;content:none!important}

body.mcs-page .mcs .mcs-route-copy{
  position:relative;
  z-index:1;
  display:block;
  margin:8px 0 0;
  max-width:18ch;
  color:#9a9a9a;
  font:400 12px/1.45 Arial,Helvetica,sans-serif;
  letter-spacing:.01em;
}

body.mcs-page .mcs .mcs-route-item>b{
  position:absolute!important;
  z-index:1;
  right:14px;
  bottom:14px;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-sizing:border-box!important;
  transition:background .28s var(--mcs-ease),border-color .28s var(--mcs-ease),transform .22s var(--mcs-ease)!important;
}
body.mcs-page .mcs .mcs-route-item>b:after{
  content:""!important;
  display:block!important;
  width:14px!important;
  height:14px!important;
  background:currentColor!important;
  color:#fff!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 12L12 4M6 4h6v6' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 12L12 4M6 4h6v6' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  background-color:#fff!important;
  background-image:none!important;
  border:0!important;
  transform:none!important;
}

body.mcs-page .mcs .mcs-route-item.is-current{
  background:var(--mcs-paper)!important;
  color:var(--mcs-ink)!important;
}
body.mcs-page .mcs .mcs-route-item.is-current>span{color:rgba(17,17,17,.1)!important}
body.mcs-page .mcs .mcs-route-item.is-current .mcs-route-copy{color:#555}
body.mcs-page .mcs .mcs-route-item.is-current>b{
  background:var(--mcs-ink)!important;
  border-color:var(--mcs-ink)!important;
}
body.mcs-page .mcs .mcs-route-item.is-current>b:after{background-color:#fff!important}

body.mcs-page .mcs .mcs-route-item.is-complete:not(.is-current){
  background:transparent!important;
  color:#fff!important;
}
body.mcs-page .mcs .mcs-route-item.is-complete:not(.is-current)>span{color:rgba(255,255,255,.12)!important}
body.mcs-page .mcs .mcs-route-item.is-complete:not(.is-current) .mcs-route-copy{color:#8d8d8d}
body.mcs-page .mcs .mcs-route-item.is-complete:not(.is-current)>b{
  background:#fff!important;
  border-color:#fff!important;
}
body.mcs-page .mcs .mcs-route-item.is-complete:not(.is-current)>b:after{
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.4 8.4l3 3 6.2-7' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.4 8.4l3 3 6.2-7' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  background-color:#111!important;
}

body.mcs-page .mcs .mcs-route-item[aria-disabled=true]{cursor:default;opacity:.72}
body.mcs-page .mcs .mcs-route-item:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:-4px!important;
}
body.mcs-page .mcs .mcs-route-item.is-current:focus-visible{outline-color:#111!important}

@media (hover:hover) and (pointer:fine){
  body.mcs-page .mcs .mcs-route-item:not([aria-disabled=true]):not(.is-current):hover{
    background:#1c1c1c!important;
    color:#fff!important;
  }
  body.mcs-page .mcs .mcs-route-item:not([aria-disabled=true]):not(.is-current):hover>b{
    transform:translate(2px,-2px);
    border-color:rgba(255,255,255,.4)!important;
  }
  body.mcs-page .mcs .mcs-route-item.is-current:hover>b{transform:translate(2px,-2px)}
}
body.mcs-page .mcs .mcs-route-item:active{transform:scale(.985)!important}

@media (max-width:768px){
  body.mcs-page .mcs .mcs-route,
  body.mcs-page .mcs .mcs-route:has(.mcs-route-item.is-current),
  body.mcs-page.mcs-wizard-on .mcs .mcs-route,
  body.mcs-wizard .mcs-route{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:5px!important;
    padding:6px!important;
    margin:0 0 18px!important;
    border-radius:22px!important;
  }

  body.mcs-page .mcs .mcs-route-item,
  body.mcs-page.mcs-wizard-on .mcs .mcs-route-item{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    min-height:52px!important;
    height:auto!important;
    padding:12px 14px!important;
    border-radius:16px!important;
    order:2;
  }
  body.mcs-page .mcs .mcs-route-item:first-child{order:0}
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current{order:0}
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item:first-child:not(.is-current){order:2}

  body.mcs-page .mcs .mcs-route-item>span{
    position:static!important;
    flex:0 0 28px!important;
    width:28px!important;
    height:auto!important;
    font:italic 400 20px/1 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.04em!important;
    color:rgba(255,255,255,.38)!important;
    top:auto!important;
    right:auto!important;
  }
  body.mcs-page .mcs .mcs-route-item>strong{
    flex:1 1 auto!important;
    font:italic 400 20px/1.15 Georgia,"Times New Roman",serif!important;
    padding:0 36px 0 0!important;
  }
  body.mcs-page .mcs .mcs-route-copy{display:none!important}
  body.mcs-page .mcs .mcs-route-item>b{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    bottom:auto!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    transform:translateY(-50%)!important;
  }
  body.mcs-page .mcs .mcs-route-item>b:after{width:12px!important;height:12px!important}

  body.mcs-page .mcs .mcs-route-item:first-child,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    min-height:132px!important;
    padding:22px 18px 18px!important;
    border-radius:18px!important;
  }
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item:first-child:not(.is-current){
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:52px!important;
    padding:12px 14px!important;
  }
  body.mcs-page .mcs .mcs-route-item:first-child>span,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current>span{
    position:absolute!important;
    right:-4px!important;
    top:-8px!important;
    flex:none!important;
    width:auto!important;
    font:400 108px/.78 Georgia,"Times New Roman",serif!important;
    color:rgba(17,17,17,.1)!important;
  }
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item:first-child:not(.is-current)>span{
    position:static!important;
    top:auto!important;
    right:auto!important;
    width:28px!important;
    font:italic 400 20px/1 Georgia,"Times New Roman",serif!important;
    color:rgba(255,255,255,.38)!important;
  }
  body.mcs-page .mcs .mcs-route-item:not(.is-current):not(:first-child)>span{
    color:rgba(255,255,255,.38)!important;
  }
  body.mcs-page .mcs .mcs-route-item.is-complete:not(.is-current)>span{
    color:rgba(255,255,255,.5)!important;
  }
  body.mcs-page .mcs .mcs-route-item:first-child>strong,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current>strong{
    font-size:34px!important;
    padding:0 44px 4px 0!important;
  }
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item:first-child:not(.is-current)>strong{
    font-size:20px!important;
    padding:0 36px 0 0!important;
  }
  body.mcs-page .mcs .mcs-route-item:first-child .mcs-route-copy,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current .mcs-route-copy{
    display:block!important;
    max-width:22ch;
    margin-top:4px;
    font-size:13px;
    line-height:1.4;
    color:#555;
  }
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item:first-child:not(.is-current) .mcs-route-copy{
    display:none!important;
  }
  body.mcs-page .mcs .mcs-route-item:first-child>b,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current>b{
    top:auto!important;
    bottom:16px!important;
    right:16px!important;
    transform:none!important;
    width:36px!important;
    height:36px!important;
  }
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item:first-child:not(.is-current)>b{
    top:50%!important;
    bottom:auto!important;
    right:12px!important;
    transform:translateY(-50%)!important;
    width:30px!important;
    height:30px!important;
  }
  body.mcs-page .mcs .mcs-route-item:active{transform:scale(.99)!important}
}

@media (max-width:380px){
  body.mcs-page .mcs .mcs-route-item:first-child,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current{
    min-height:118px!important;
    padding:18px 14px 16px!important;
  }
  body.mcs-page .mcs .mcs-route-item:first-child>strong,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current>strong{
    font-size:28px!important;
  }
  body.mcs-page .mcs .mcs-route-item:first-child>span,
  body.mcs-page .mcs .mcs-route:has(.is-current) .mcs-route-item.is-current>span{
    font-size:88px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.mcs-page .mcs .mcs-route,
  body.mcs-page .mcs .mcs-route-item,
  body.mcs-page .mcs .mcs-route-item>b{
    transition:none!important;
    animation:none!important;
  }
}