/* MASTORE lookbook plate v2 — no corner marks */
body.mcs-page .mcs.mcs-wizard .mcs-main > .mcs-card.mcs-panel-active{
  --mcs-ink:#111;
  --mcs-paper:#fff;
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  border:2px solid var(--mcs-ink)!important;
  border-radius:22px!important;
  background:var(--mcs-paper)!important;
  padding:40px 28px 36px!important;
  box-shadow:none!important;
  outline:none!important;
  background-image:none!important;
}

body.mcs-page .mcs.mcs-wizard .mcs-main > .mcs-card.mcs-panel-active::before{
  display:block!important;
  content:"MASTORE"!important;
  position:absolute!important;
  top:-1px!important;
  left:50%!important;
  transform:translateX(-50%);
  right:auto!important;
  bottom:auto!important;
  z-index:3;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:7px 11px 6px!important;
  border:0!important;
  border-radius:0 0 9px 9px!important;
  background:var(--mcs-ink)!important;
  color:#f4f4f4!important;
  font:600 8px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.28em!important;
  text-indent:0.28em;
  pointer-events:none;
  background-image:none!important;
}

body.mcs-page .mcs.mcs-wizard .mcs-main > .mcs-card.mcs-panel-active::after,
body.mcs-page #customer_details.mcs-panel-active::after,
body.mcs-page #mcs-delivery.mcs-panel-active::after,
body.mcs-page #mcs-pay.mcs-panel-active::after,
body.mcs-page .mcs.mcs-wizard .mcs-main > .mcs-card.mcs-panel-active:after,
body.mcs-page #customer_details.mcs-panel-active:after,
body.mcs-page #mcs-delivery.mcs-panel-active:after,
body.mcs-page #mcs-pay.mcs-panel-active:after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  width:0!important;
  height:0!important;
  box-shadow:none!important;
}

body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active > .mcs-card-head{
  border-bottom:1px solid #111!important;
  padding:8px 0 18px!important;
  margin:0 0 22px!important;
}
body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head > span{
  font:italic 400 42px/.85 Georgia,"Times New Roman",serif!important;
  color:#111!important;
  letter-spacing:-.06em!important;
  background:transparent!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  display:block!important;
  flex:0 0 auto!important;
}
body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head h2{
  font:italic 400 26px/1.12 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.03em!important;
  font-weight:400!important;
}
body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head p{
  color:#555!important;
  font:400 12px/1.45 Arial,Helvetica,sans-serif!important;
}
body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head > b{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border:1px solid #111!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  font:400 16px/1 Georgia,serif!important;
  transform:none!important;
}

@media (max-width:960px){
  body.mcs-page .mcs.mcs-wizard .mcs-main > .mcs-card.mcs-panel-active{
    padding:36px 18px 112px!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  body.mcs-page .mcs.mcs-wizard .mcs-main > .mcs-card.mcs-panel-active::before{
    left:50%!important;
    padding:6px 9px 5px!important;
    font-size:7px!important;
  }
  body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head > span{font-size:32px!important}
  body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head h2{font-size:22px!important}
  body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head > b{display:none!important}
}

@media (max-width:480px){
  body.mcs-page .mcs.mcs-wizard .mcs-main > .mcs-card.mcs-panel-active{
    padding:22px 14px 112px!important;
    border-radius:16px!important;
  }
  body.mcs-page .mcs.mcs-wizard .mcs-card.mcs-panel-active .mcs-card-head h2{font-size:20px!important}
}

/* Pickup overlays appended to body (CDEK popup, Woo backbone). Do NOT
   target [class*=cdek-widget] — that matches in-page chrome and covers the form. */
body.mcs-wizard-on > .wc-backbone-modal,
body.mcs-wizard-on > .wc-backbone-modal-backdrop{
  position:fixed !important;
  z-index:2147483000 !important;
  inset:0 !important;
  flex:none !important;
  pointer-events:auto !important;
}
body.mcs-page #mcs-delivery .ms-co-ship__extra{
  display:grid !important;
}
body.mcs-page .wc-yandex-pickup-points,
body.mcs-page tr.wc-yandex-pickup-points,
body.mcs-page .cart-delivery-points{
  display:block !important;
}
body.mcs-page #mcs-delivery .ms-co-ship__item:not(:has(input:checked)):not(:has(input[type=hidden].shipping_method)) .ms-co-ship__extra{
  display:none !important;
}
body.mcs-page #mcs-delivery .open-pvz-btn,
body.mcs-page #mcs-delivery .open-pvz-btn a,
body.mcs-page #mcs-delivery .wc-yandex-choose-pickup-point,
body.mcs-page #mcs-delivery .wc-russian-post-choose-delivery-point{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:2 !important;
  pointer-events:auto !important;
  min-height:44px !important;
  width:100% !important;
  max-width:100% !important;
}
body.mcs-wizard .mcs-main > #mcs-pay:not(.mcs-panel-active){
  z-index:-1 !important;
  pointer-events:none !important;
}