/* Homepage consultation popup */
.hc-popup{
  position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-end;justify-content:center;
  padding:0;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s var(--ease,cubic-bezier(.22,1,.36,1)),visibility .35s;
}
.hc-popup[hidden]{display:none!important}
.hc-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}
.hc-backdrop{
  position:absolute;inset:0;border:0;padding:0;margin:0;cursor:pointer;
  background:rgba(34,9,15,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.hc-sheet{
  position:relative;z-index:1;width:100%;max-width:560px;max-height:min(94vh,920px);
  overflow:auto;overscroll-behavior:contain;
  margin:0;padding:28px 24px calc(28px + env(safe-area-inset-bottom,0px));
  border-radius:28px 28px 0 0;
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(255,138,110,.18),transparent 55%),
    radial-gradient(90% 60% at 0% 100%,rgba(233,200,143,.22),transparent 50%),
    linear-gradient(165deg,#FFFCF6 0%,#FAF8EE 48%,#F3EEDD 100%);
  color:var(--ink,#22090F);
  box-shadow:0 -20px 60px -20px rgba(42,9,15,.35);
  transform:translateY(24px);opacity:0;
  transition:transform .4s var(--ease,cubic-bezier(.22,1,.36,1)),opacity .35s ease;
}
.hc-popup.is-open .hc-sheet{transform:translateY(0);opacity:1}

.hc-close{
  position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:999px;
  background:rgba(79,7,22,.06);color:var(--maroon,#4F0716);font-size:28px;line-height:1;
  display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s;
}
.hc-close:hover{background:rgba(79,7,22,.12);transform:rotate(90deg)}

.hc-head{text-align:center;padding:8px 28px 20px;max-width:28rem;margin:0 auto}
.hc-mark{height:22px;width:auto;color:var(--maroon,#4F0716);margin-bottom:14px}
.hc-head h2{
  margin:0 0 8px;font-family:var(--serif,Besley,Georgia,serif);font-weight:600;
  font-size:clamp(1.55rem,4.2vw,1.9rem);letter-spacing:-.02em;color:var(--maroon,#4F0716);line-height:1.15;
}
.hc-head p{margin:0;font-size:15px;line-height:1.45;color:var(--ink2,#5B4E48)}

.hc-form{display:flex;flex-direction:column;gap:14px}
.hc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hc-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:560;color:var(--ink2,#5B4E48)}
.hc-field span small{font-weight:450;opacity:.7}
.hc-field sup{color:var(--orange,#FF4739);font-size:.85em}
.hc-field input,
.hc-field select{
  width:100%;height:50px;padding:0 14px;border-radius:14px;
  border:1px solid rgba(79,7,22,.12);background:#fff;color:var(--ink,#22090F);
  font:500 15px/1.2 var(--sans,'Zalando Sans',system-ui,sans-serif);
  outline:none;transition:border-color .2s,box-shadow .2s;
  appearance:none;-webkit-appearance:none;
}
.hc-field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235B4E48' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;
}
.hc-field input::placeholder{color:var(--ink3,#8C8178)}
.hc-field input:focus,
.hc-field select:focus{
  border-color:rgba(255,71,57,.55);
  box-shadow:0 0 0 3px rgba(255,71,57,.14);
}
.hc-field.is-invalid input,
.hc-field.is-invalid select{border-color:#C62828;box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.hc-err{font-size:12px;font-weight:500;color:#C62828;font-style:normal}

.hc-phone-wrap{
  display:flex;align-items:stretch;height:50px;border-radius:14px;overflow:hidden;
  border:1px solid rgba(79,7,22,.12);background:#fff;transition:border-color .2s,box-shadow .2s;
}
.hc-field.is-invalid .hc-phone-wrap{border-color:#C62828;box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.hc-phone-wrap:focus-within{
  border-color:rgba(255,71,57,.55);
  box-shadow:0 0 0 3px rgba(255,71,57,.14);
}
.hc-code{
  display:grid;place-items:center;min-width:58px;padding:0 10px;
  background:rgba(79,7,22,.05);color:var(--maroon,#4F0716);
  font:600 14px/1 var(--sans,'Zalando Sans',system-ui,sans-serif);border-right:1px solid rgba(79,7,22,.1);
}
.hc-phone-wrap input{
  border:0!important;box-shadow:none!important;border-radius:0!important;height:100%;flex:1;min-width:0;
}

.hc-legal{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink3,#8C8178);text-align:center}
.hc-legal a{color:var(--maroon,#4F0716);text-decoration:underline;text-underline-offset:2px}

.hc-submit{width:100%;height:54px;font-size:16px;margin-top:4px}
.hc-submit[disabled]{opacity:.72;cursor:wait}
.hc-submit.is-loading .hc-submit-label{display:none}
.hc-submit.is-loading .hc-submit-wait{display:inline!important}

/* Guarantee qlink as button */
button.qlink{
  display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;
  padding:8px 2px;border:0;border-bottom:1.5px solid currentColor;line-height:1.1;
  background:none;cursor:pointer;color:inherit;font-family:inherit;
}

@media(min-width:720px){
  .hc-popup{align-items:center;padding:24px}
  .hc-sheet{
    border-radius:28px;padding:32px 36px 36px;
    box-shadow:var(--shadowL,0 2px 4px rgba(42,9,15,.04),0 30px 70px -20px rgba(79,7,22,.22));
    transform:translateY(16px) scale(.98);
  }
  .hc-popup.is-open .hc-sheet{transform:translateY(0) scale(1)}
}
@media(max-width:560px){
  .hc-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .hc-popup,.hc-sheet,.hc-close{transition:none}
}