/* LULYGraphics V16 — Contact alignment pass.
   Goal: same visual language as the Order brief, without a giant outer card. */

body.contact-page .contact-v14-grid{
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr) !important;
  gap:72px !important;
}

/* Remove the last large form rectangle/rail. The fields themselves carry the form structure. */
body.contact-page .contact-v14-form-card{
  padding:8px 0 0 !important;
  border:0 !important;
  border-left:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Order-form-like heading rhythm. */
body.contact-page .contact-v14-form-head{
  margin-bottom:24px !important;
  padding:0 !important;
  position:relative;
}
body.contact-page .contact-v14-form-head::after{
  content:"";
  display:block;
  width:min(220px,48%);
  height:2px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#ff7a18 22%,#ffb15d 50%,#ff7a18 78%,transparent);
  background-size:220% 100%;
  box-shadow:0 0 18px rgba(255,112,18,.16);
  animation:lulyContactSignal 4.8s ease-in-out infinite;
  opacity:.72;
}
@keyframes lulyContactSignal{
  0%,100%{background-position:0% 50%;opacity:.42}
  50%{background-position:100% 50%;opacity:.92}
}

/* Restore the field frames, matching the Order page instead of underline-only inputs. */
body.contact-page .contact-v14 .wrap-input100{
  margin-bottom:14px !important;
  background:transparent !important;
  border-radius:0 !important;
  position:relative;
}
body.contact-page .contact-v14 .luly-field-label{
  display:block !important;
  margin:0 0 7px !important;
  color:rgba(255,247,238,.78) !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}
body.contact-page .contact-v14 .input100,
body.contact-page .contact-v14 input.input100,
body.contact-page .contact-v14 textarea.input100,
body.contact-page .contact-v14 select.input100{
  width:100% !important;
  height:52px !important;
  padding:0 15px !important;
  border:1px solid rgba(255,154,56,.22) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff7ee !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
body.contact-page .contact-v14 textarea.input100{
  min-height:150px !important;
  height:auto !important;
  padding:14px 15px !important;
  resize:vertical;
}
body.contact-page .contact-v14 .input100:hover{
  border-color:rgba(255,154,56,.34) !important;
  background:rgba(255,255,255,.055) !important;
}
body.contact-page .contact-v14 .input100:focus{
  outline:none !important;
  border-color:rgba(255,128,34,.72) !important;
  background:rgba(255,122,24,.055) !important;
  box-shadow:0 0 0 3px rgba(255,122,24,.075),inset 0 1px 0 rgba(255,255,255,.035) !important;
  transform:translateY(-1px);
}
body.contact-page .contact-v14 .luly-select-input{
  color-scheme:dark;
}
body.contact-page .contact-v14 .luly-select-input option{
  color:#140900;
  background:#fff6ec;
}

/* The Order ID only appears for an existing-order question. */
body.contact-page .luly-order-id-field[hidden]{display:none !important}
body.contact-page .luly-order-id-field.is-visible{
  display:block !important;
  animation:lulyContactFieldIn .26s ease both;
}
@keyframes lulyContactFieldIn{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:none}
}

/* Keep the brief link, but remove the boxed rectangle treatment. */
body.contact-page .contact-v14 .contact-order-hint-inline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:4px 0 16px !important;
  padding:4px 2px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.contact-page .contact-v14 .contact-order-hint-inline span{
  color:rgba(255,247,238,.5) !important;
  font-size:.8rem;
  font-weight:600 !important;
}
body.contact-page .contact-v14 .contact-order-hint-inline a{
  color:#ff8c32 !important;
  font-size:.8rem;
  font-weight:850 !important;
  text-decoration:none;
  white-space:nowrap;
}
body.contact-page .contact-v14 .contact-order-hint-inline a:hover{color:#ffad68 !important}

/* Button and support tips now follow Order page spacing. */
body.contact-page .contact-v14 .container-contact100-form-btn{
  justify-content:flex-start !important;
  margin-top:4px !important;
}
body.contact-page .contact-v14 .contact100-form-btn{
  min-width:170px;
  min-height:48px;
  border-radius:999px !important;
}
body.contact-page .contact-v14-help{
  margin-top:24px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(255,126,30,.14) !important;
}

/* Clean load-in: subtle, not a separate visual system. */
body.contact-page .contact-v14-form-head,
body.contact-page .luly-contact-form .wrap-input100,
body.contact-page .contact-order-hint-inline,
body.contact-page .container-contact100-form-btn,
body.contact-page .contact-v14-help{
  opacity:0;
  transform:translateY(10px);
}
body.contact-page.contact-v16-ready .contact-v14-form-head,
body.contact-page.contact-v16-ready .luly-contact-form .wrap-input100,
body.contact-page.contact-v16-ready .contact-order-hint-inline,
body.contact-page.contact-v16-ready .container-contact100-form-btn,
body.contact-page.contact-v16-ready .contact-v14-help{
  opacity:1;
  transform:none;
  transition:opacity .48s ease,transform .48s ease;
}
body.contact-page.contact-v16-ready .luly-contact-form .wrap-input100:nth-of-type(1){transition-delay:.05s}
body.contact-page.contact-v16-ready .luly-contact-form .wrap-input100:nth-of-type(2){transition-delay:.09s}
body.contact-page.contact-v16-ready .luly-contact-form .wrap-input100:nth-of-type(3){transition-delay:.13s}
body.contact-page.contact-v16-ready .luly-contact-form .wrap-input100:nth-of-type(4){transition-delay:.17s}
body.contact-page.contact-v16-ready .contact-order-hint-inline{transition-delay:.20s}
body.contact-page.contact-v16-ready .container-contact100-form-btn{transition-delay:.23s}
body.contact-page.contact-v16-ready .contact-v14-help{transition-delay:.27s}

@media(max-width:991.98px){
  body.contact-page .contact-v14-grid{grid-template-columns:1fr !important;gap:38px !important}
  body.contact-page .contact-v14-form-card{padding-top:20px !important}
}
@media(max-width:767.98px){
  body.contact-page .contact-v14 .luly-contact-row{grid-template-columns:1fr !important}
  body.contact-page .contact-v14 .contact-order-hint-inline{align-items:flex-start !important;flex-direction:column !important;gap:5px !important}
}
@media(prefers-reduced-motion:reduce){
  body.contact-page .contact-v14-form-head::after{animation:none}
  body.contact-page .contact-v14-form-head,
  body.contact-page .luly-contact-form .wrap-input100,
  body.contact-page .contact-order-hint-inline,
  body.contact-page .container-contact100-form-btn,
  body.contact-page .contact-v14-help{opacity:1 !important;transform:none !important;transition:none !important}
  body.contact-page .luly-order-id-field.is-visible{animation:none}
}