/* LULYGraphics v3.28.1 — order workflow, brief actions and full-order interaction polish */

/* Order hero now mirrors the real six-stage client workflow. */
body.order-page .order-system-flow{
  max-width:1220px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.order-page .order-system-flow > div{
  min-width:0;
}
body.order-page .order-system-flow .flow-step{
  min-height:150px!important;
  padding:1rem .72rem!important;
  justify-content:center!important;
  opacity:0;
  transform:translateY(16px) scale(.985);
  animation:lulyOrderStageIn .56s cubic-bezier(.2,.72,.2,1) forwards;
  will-change:transform,opacity;
}
body.order-page .order-system-flow > div:nth-child(1) .flow-step{animation-delay:.08s;}
body.order-page .order-system-flow > div:nth-child(2) .flow-step{animation-delay:.15s;}
body.order-page .order-system-flow > div:nth-child(3) .flow-step{animation-delay:.22s;}
body.order-page .order-system-flow > div:nth-child(4) .flow-step{animation-delay:.29s;}
body.order-page .order-system-flow > div:nth-child(5) .flow-step{animation-delay:.36s;}
body.order-page .order-system-flow > div:nth-child(6) .flow-step{animation-delay:.43s;}
body.order-page .order-system-flow .flow-step strong{
  margin-bottom:.62rem!important;
}
body.order-page .order-system-flow .flow-step span{
  font-size:.9rem!important;
  line-height:1.12!important;
  margin-bottom:.24rem!important;
}
body.order-page .order-system-flow .flow-step p{
  margin:0!important;
  font-size:.72rem!important;
  line-height:1.35!important;
}
@keyframes lulyOrderStageIn{
  to{opacity:1;transform:translateY(0) scale(1);}
}

/* Contact details are prefilled automatically; Clear is an intentional secondary action. */
body.order-page .order-clear-contact{
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;
}
body.order-page .order-clear-contact:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,139,44,.62)!important;
  background:rgba(255,106,0,.105)!important;
  color:#ffd0a2!important;
  box-shadow:0 10px 28px rgba(255,82,0,.1)!important;
  text-decoration:none!important;
}
body.order-page .order-clear-contact:active{
  transform:translateY(0) scale(.985)!important;
}

/* Payment note: no icon, two clean lines. */
body.order-page .order-submit-note{
  display:block!important;
  justify-content:initial!important;
}
body.order-page .order-submit-note>span{display:none!important;}
body.order-page .order-submit-note p{
  display:grid!important;
  gap:.18rem!important;
  max-width:430px!important;
  margin:0 0 0 auto!important;
  text-align:right!important;
}
body.order-page .order-submit-note p>span{
  display:block;
  color:rgba(255,238,220,.58)!important;
}
body.order-page .order-submit-note strong{
  display:block;
  color:#fff0df!important;
}

/* Full order page — Add comment is a real interactive control. */
body.order-detail-page .luly-comment-form .admin-mvp-button{
  cursor:pointer!important;
  text-decoration:none!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
  box-shadow:0 10px 28px rgba(255,76,0,.12)!important;
}
body.order-detail-page .luly-comment-form .admin-mvp-button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 16px 34px rgba(255,76,0,.22)!important;
}
body.order-detail-page .luly-comment-form .admin-mvp-button:active{
  transform:translateY(0) scale(.985)!important;
}

@media(max-width:991.98px){
  body.order-page .order-submit-note p{margin:0!important;text-align:left!important;}
}
@media(max-width:575.98px){
  body.order-page .order-system-flow .flow-step{min-height:138px!important;}
}
@media(prefers-reduced-motion:reduce){
  body.order-page .order-system-flow .flow-step{animation:none!important;opacity:1!important;transform:none!important;}
  body.order-page .order-clear-contact,
  body.order-detail-page .luly-comment-form .admin-mvp-button{transition:none!important;}
}