.quick-drawer-title-mobile,
.quick-consent-title-mobile {
  display: none;
}

@media (min-width: 0) {
  html body #quickConsultDrawer.quick-drawer {
    padding: 0 !important;
  }

  html body #quickConsultDrawer .quick-drawer-panel {
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  html body #quickConsultDrawer .quick-drawer-form-screen {
    display: block !important;
    padding: 10px 14px 28px !important;
    background: #fff !important;
  }

  html body #quickConsultDrawer .quick-drawer-close {
    top: 14px !important;
    right: 14px !important;
    width: 28px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #091f40 !important;
    box-shadow: none !important;
  }

  html body #quickConsultDrawer .quick-drawer-close .rq-material-icon {
    font-size: 28px !important;
    font-weight: 400 !important;
  }

  html body #quickConsultDrawer .quick-drawer-head {
    display: block !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }

  html body #quickConsultDrawer .quick-drawer-head > span,
  html body #quickConsultDrawer .quick-drawer-title-desktop {
    display: none !important;
  }

  html body #quickConsultDrawer .quick-drawer-title-mobile {
    display: block !important;
  }

  html body #quickConsultDrawer #quickDrawerTitle {
    min-height: 66px !important;
    margin: 0 !important;
    padding: 10px 42px 24px 10px !important;
    border-bottom: 1px solid #c4c4c4 !important;
    color: #091f40 !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
  }

  html body #quickConsultDrawer .quick-drawer-head p {
    margin: 20px 0 0 !important;
    color: #091f40 !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
  }

  html body #quickConsultDrawer .quick-drawer-form {
    display: grid !important;
    gap: 20px !important;
  }

  html body #quickConsultDrawer .quick-consult-field {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #quickConsultDrawer .quick-field-title {
    color: #091f40 !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  html body #quickConsultDrawer .quick-field-title em {
    font: inherit !important;
  }

  html body #quickConsultDrawer .quick-field-control {
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #quickConsultDrawer .quick-field-icon {
    display: none !important;
  }

  html body #quickConsultDrawer .quick-drawer-form input[type="text"],
  html body #quickConsultDrawer .quick-drawer-form input[type="tel"],
  html body #quickConsultDrawer .quick-drawer-form textarea {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid #999 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #091f40 !important;
    box-shadow: none !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
  }

  html body #quickConsultDrawer .quick-drawer-form input[type="text"],
  html body #quickConsultDrawer .quick-drawer-form input[type="tel"] {
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 18px !important;
  }

  html body #quickConsultDrawer .quick-drawer-form textarea {
    height: 178px !important;
    min-height: 178px !important;
    padding: 18px 18px 38px !important;
    resize: none !important;
  }

  html body #quickConsultDrawer .quick-drawer-form input::placeholder,
  html body #quickConsultDrawer .quick-drawer-form textarea::placeholder {
    color: #999 !important;
    opacity: 1 !important;
  }

  html body #quickConsultDrawer .quick-drawer-form input:focus,
  html body #quickConsultDrawer .quick-drawer-form textarea:focus {
    border-color: #999 !important;
    outline: 2px solid rgba(9, 31, 64, 0.08) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
  }

  html body #quickConsultDrawer .quick-memo-count {
    right: 18px !important;
    bottom: 16px !important;
    color: #999 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  html body #quickConsultDrawer .quick-drawer-check {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 282px !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #999 !important;
    border-radius: 10px !important;
    background: rgba(153, 153, 153, 0.1) !important;
    color: #091f40 !important;
  }

  html body #quickConsultDrawer .quick-consent-head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #091f40 !important;
  }

  html body #quickConsultDrawer .quick-consent-head input {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #5c7596 !important;
    border-radius: 3px !important;
    accent-color: #091f40 !important;
  }

  html body #quickConsultDrawer .quick-consent-title-desktop,
  html body #quickConsultDrawer .quick-consent-head b {
    display: none !important;
  }

  html body #quickConsultDrawer .quick-consent-title-mobile {
    display: block !important;
    color: #091f40 !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
  }

  html body #quickConsultDrawer .privacy-consent-box {
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #c4c4c4 !important;
    background: transparent !important;
    color: #091f40 !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
  }

  html body #quickConsultDrawer .privacy-consent-box > div,
  html body #quickConsultDrawer .privacy-consent-box strong,
  html body #quickConsultDrawer .privacy-consent-box ul,
  html body #quickConsultDrawer .privacy-consent-box li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body #quickConsultDrawer .privacy-consent-box strong {
    font-weight: 700 !important;
  }

  html body #quickConsultDrawer .privacy-consent-box ul {
    padding-left: 18px !important;
  }

  html body #quickConsultDrawer .privacy-consent-box li {
    font-weight: 400 !important;
  }

  html body #quickConsultDrawer .privacy-consent-agree {
    margin: 0 !important;
    color: #091f40 !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  html body #quickConsultDrawer .quick-drawer-submit {
    min-height: 56px !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  /* v2: title, consent row, and submit button visual cleanup. */
  html body #quickConsultDrawer #quickDrawerTitle,
  html body #quickConsultDrawer .quick-drawer-title-mobile {
    background: transparent !important;
    background-image: none !important;
    color: #000 !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  html body #quickConsultDrawer #quickDrawerTitle {
    font-size: 16px !important;
    min-height: 0 !important;
    padding: 0 42px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body #quickConsultDrawer .quick-consent-head {
    align-items: center !important;
  }

  html body #quickConsultDrawer .quick-consent-head input,
  html body #quickConsultDrawer .quick-consent-title-mobile {
    align-self: center !important;
  }

  html body #quickConsultDrawer .quick-drawer-submit,
  html body #quickConsultDrawer .quick-drawer-submit:hover,
  html body #quickConsultDrawer .quick-drawer-submit:focus,
  html body #quickConsultDrawer .quick-drawer-submit:focus-visible,
  html body #quickConsultDrawer .quick-drawer-submit:active {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
  }

  html body #quickConsultDrawer .quick-drawer-submit::before,
  html body #quickConsultDrawer .quick-drawer-submit::after {
    display: none !important;
    box-shadow: none !important;
  }

  /* v4: mobile consultation form matched to the supplied reference. */
  html body #quickConsultDrawer .quick-drawer-form-screen {
    padding: 34px 24px 28px !important;
  }

  html body #quickConsultDrawer .quick-drawer-close {
    top: 28px !important;
    right: 18px !important;
    height: 34px !important;
    color: #111827 !important;
  }

  html body #quickConsultDrawer .quick-drawer-head {
    margin: 0 0 34px !important;
  }

  html body #quickConsultDrawer #quickDrawerTitle {
    padding: 0 42px 0 0 !important;
    color: #111827 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -1.2px !important;
  }

  html body #quickConsultDrawer .quick-drawer-head p {
    margin: 26px 0 0 !important;
    color: #222b38 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    letter-spacing: -0.25px !important;
  }

  html body #quickConsultDrawer .quick-drawer-head p br {
    display: none !important;
  }

  html body #quickConsultDrawer .quick-drawer-form {
    gap: 30px !important;
  }

  html body #quickConsultDrawer .quick-consult-field {
    gap: 12px !important;
  }

  html body #quickConsultDrawer .quick-field-title {
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  html body #quickConsultDrawer .quick-field-title em {
    color: #4b5563 !important;
    font-weight: 400 !important;
  }

  html body #quickConsultDrawer .quick-drawer-form input[type="text"],
  html body #quickConsultDrawer .quick-drawer-form input[type="tel"] {
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-bottom: 1px solid #aeb5bf !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
  }

  html body #quickConsultDrawer .quick-drawer-form textarea {
    height: 198px !important;
    min-height: 198px !important;
    padding: 18px 2px 38px !important;
    border: 0 !important;
    border-bottom: 1px solid #aeb5bf !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
  }

  html body #quickConsultDrawer .quick-drawer-form input:focus,
  html body #quickConsultDrawer .quick-drawer-form textarea:focus {
    border-color: #111827 !important;
    outline: 0 !important;
  }

  html body #quickConsultDrawer .quick-memo-count {
    right: 2px !important;
    bottom: 14px !important;
    color: #111827 !important;
    font-size: 13px !important;
  }

  html body #quickConsultDrawer .quick-drawer-check {
    gap: 16px !important;
    min-height: 0 !important;
    padding: 18px 14px !important;
    border: 1px solid #d5dae1 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111827 !important;
  }

  html body #quickConsultDrawer .quick-consent-head {
    gap: 12px !important;
    min-height: 28px !important;
    color: #111827 !important;
  }

  html body #quickConsultDrawer .quick-consent-head input {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
    border-color: #aeb5bf !important;
    background: #fff !important;
  }

  html body #quickConsultDrawer .quick-consent-head b {
    display: block !important;
    margin-left: auto !important;
    color: #111827 !important;
  }

  html body #quickConsultDrawer .quick-consent-title-mobile {
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  html body #quickConsultDrawer .quick-consent-title-mobile em {
    color: #6b7280 !important;
    font-style: normal !important;
    font-weight: 400 !important;
  }

  html body #quickConsultDrawer .privacy-consent-box {
    gap: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid #dde2e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #273244 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  html body #quickConsultDrawer .privacy-consent-box > div {
    padding: 10px 0 !important;
    border-bottom: 1px solid #e3e7ec !important;
  }

  html body #quickConsultDrawer .privacy-consent-box > div:last-child {
    border-bottom: 0 !important;
  }

  html body #quickConsultDrawer .privacy-consent-agree {
    color: #4b5563 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  html body #quickConsultDrawer .quick-drawer-submit,
  html body #quickConsultDrawer .quick-drawer-submit:hover,
  html body #quickConsultDrawer .quick-drawer-submit:focus,
  html body #quickConsultDrawer .quick-drawer-submit:active {
    min-height: 58px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #10233d !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  html body #quickConsultDrawer .quick-drawer-submit .rq-material-icon {
    display: none !important;
  }

  /* v5: flattened title and collapsible consent details. */
  html body #quickConsultDrawer .quick-drawer-title-mobile {
    display: contents !important;
  }

  html body #quickConsultDrawer .quick-field-textarea {
    display: grid !important;
    gap: 6px !important;
  }

  html body #quickConsultDrawer .quick-drawer-form textarea {
    height: auto !important;
    min-height: 76px !important;
    overflow: hidden !important;
    padding-bottom: 8px !important;
  }

  html body #quickConsultDrawer .quick-memo-count {
    position: static !important;
    justify-self: end !important;
    margin: 0 2px !important;
  }

  html body #quickConsultDrawer .quick-drawer-check {
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body #quickConsultDrawer .quick-consent-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 23px !important;
    min-height: 23px !important;
  }

  html body #quickConsultDrawer .quick-consent-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    height: 23px !important;
  }

  html body #quickConsultDrawer .quick-consent-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    height: 23px !important;
  }

  html body #quickConsultDrawer .quick-consent-head input {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 0 0 23px !important;
    width: 23px !important;
    height: 23px !important;
    margin: 0 !important;
    border: 1.5px solid #9ca3af !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body #quickConsultDrawer .quick-consent-head input:checked {
    border-color: #111827 !important;
    background: radial-gradient(circle, #111827 0 4px, #fff 4.5px) !important;
  }

  html body #quickConsultDrawer .quick-consent-head input:focus-visible {
    outline: 2px solid rgba(17, 24, 39, .2) !important;
    outline-offset: 2px !important;
  }

  html body #quickConsultDrawer .quick-consent-title-mobile {
    display: inline !important;
  }

  html body #quickConsultDrawer .quick-consent-toggle {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 23px !important;
    width: 23px !important;
    height: 23px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font: inherit !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }

  html body #quickConsultDrawer .quick-consent-toggle .rq-material-icon {
    font-size: 20px !important;
    line-height: 1 !important;
    transition: transform 220ms ease !important;
  }

  html body #quickConsultDrawer .quick-consent-toggle.is-open .rq-material-icon {
    transform: rotate(180deg) !important;
  }

  /* v9: isolate the consent control from broad form-input sizing rules. */
  html body #quickConsultDrawer .quick-consent-head {
    height: 23px !important;
    min-height: 23px !important;
    align-items: center !important;
  }

  html body #quickConsultDrawer #quickConsentRequired {
    display: block !important;
    box-sizing: border-box !important;
    flex: 0 0 23px !important;
    width: 23px !important;
    min-width: 23px !important;
    max-width: 23px !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    padding: 0 !important;
    line-height: 1 !important;
    aspect-ratio: 1 / 1 !important;
    vertical-align: middle !important;
  }

  /* Draw the chevron in CSS so button font inheritance cannot expose icon text. */
  html body #quickConsultDrawer .quick-consent-toggle .quick-consent-chevron {
    display: block !important;
    box-sizing: border-box !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg) !important;
    transform-origin: center !important;
    transition: transform 220ms ease !important;
  }

  html body #quickConsultDrawer .quick-consent-toggle.is-open .quick-consent-chevron {
    transform: rotate(225deg) !important;
  }

  html body #quickConsultDrawer .quick-consent-details {
    display: grid !important;
    gap: 12px !important;
    max-height: 0 !important;
    margin-top: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transform: translateY(-6px) !important;
    transition: max-height 220ms ease, margin-top 220ms ease, opacity 180ms ease, transform 220ms ease !important;
  }

  html body #quickConsultDrawer .quick-consent-details.is-open {
    max-height: 520px !important;
    margin-top: 16px !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  /* v8: keep the mobile drawer title and close action in one flow row. */
  html body #quickConsultDrawer .quick-drawer-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 32px !important;
  }

  html body #quickConsultDrawer #quickDrawerTitle {
    flex: 1 1 auto !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  html body #quickConsultDrawer .quick-drawer-close {
    position: static !important;
    inset: auto !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 0 0 12px !important;
    align-self: center !important;
  }

  /* v10: prevent nested mobile-title rules from shrinking the visible text. */
  html body #quickConsultDrawer #quickDrawerTitle,
  html body #quickConsultDrawer #quickDrawerTitle .quick-drawer-title-mobile {
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.2px !important;
  }

  html body #quickConsultDrawer #quickDrawerTitle .quick-drawer-title-mobile {
    display: inline-block !important;
  }

  html body #quickConsultDrawer .quick-drawer-close,
  html body #quickConsultDrawer .quick-drawer-close:hover,
  html body #quickConsultDrawer .quick-drawer-close:focus,
  html body #quickConsultDrawer .quick-drawer-close:focus-visible,
  html body #quickConsultDrawer .quick-drawer-close:active {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  html body #quickConsultDrawer .quick-drawer-close::before,
  html body #quickConsultDrawer .quick-drawer-close::after {
    display: none !important;
    content: none !important;
  }

  /* v11: isolate the drawer heading, close mark, and consent control from
     legacy component and material-icon styles. */
  html body #quickConsultDrawer .quick-drawer-title-row {
    box-sizing: border-box !important;
    min-height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body #quickConsultDrawer #quickDrawerTitle {
    all: unset !important;
    display: block !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #111827 !important;
    font-family: "Noto Sans KR", Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.2px !important;
    text-align: left !important;
  }

  html body #quickConsultDrawer #quickDrawerTitle .quick-drawer-title-mobile {
    all: unset !important;
    display: inline !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
  }

  html body #quickConsultDrawer .quick-drawer-close,
  html body #quickConsultDrawer .quick-drawer-close:hover,
  html body #quickConsultDrawer .quick-drawer-close:focus,
  html body #quickConsultDrawer .quick-drawer-close:focus-visible,
  html body #quickConsultDrawer .quick-drawer-close:active {
    all: unset !important;
    position: static !important;
    box-sizing: border-box !important;
    display: grid !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 0 0 12px !important;
    place-items: center !important;
    color: #111827 !important;
    cursor: pointer !important;
  }

  html body #quickConsultDrawer .quick-drawer-close-mark {
    position: relative !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background: transparent !important;
  }

  html body #quickConsultDrawer .quick-drawer-close-mark::before,
  html body #quickConsultDrawer .quick-drawer-close-mark::after {
    position: absolute !important;
    top: 10px !important;
    left: 1px !important;
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #111827 !important;
    box-shadow: none !important;
    content: "" !important;
  }

  html body #quickConsultDrawer .quick-drawer-close-mark::before {
    transform: rotate(45deg) !important;
  }

  html body #quickConsultDrawer .quick-drawer-close-mark::after {
    transform: rotate(-45deg) !important;
  }

  html body #quickConsultDrawer #quickConsentRequired {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    box-sizing: border-box !important;
    flex: 0 0 23px !important;
    width: 23px !important;
    min-width: 23px !important;
    max-width: 23px !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #aeb8c5 !important;
    border-radius: 50% !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body #quickConsultDrawer #quickConsentRequired:checked {
    border-color: #0d2340 !important;
    background-color: #0d2340 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18.5 8' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;
    box-shadow: none !important;
  }

  /* v12: mobile consultation heading typography. */
  html body #quickConsultDrawer #quickDrawerTitle,
  html body #quickConsultDrawer #quickDrawerTitle .quick-drawer-title-mobile {
    font-size: 18px !important;
  }

  html body #quickConsultDrawer .quick-drawer-head > p {
    font-size: 14px !important;
  }

  /* v13: raise the mobile consultation title row. */
  html body #quickConsultDrawer .quick-drawer-title-row {
    transform: translateY(-15px) !important;
  }

  /* v14: compact the mobile drawer header and add its top divider. */
  html body #quickConsultDrawer .quick-drawer-head {
    position: relative !important;
    margin-bottom: 4px !important;
  }

  html body #quickConsultDrawer .quick-drawer-head::before {
    content: none !important;
    display: none !important;
  }

  /* v15: place the divider below the title and tighten the description. */
  html body #quickConsultDrawer .quick-drawer-title-row {
    padding-bottom: 8px !important;
    border-bottom: 1px solid #d9e0ea !important;
  }

  html body #quickConsultDrawer .quick-drawer-head > p {
    position: relative !important;
    top: -10px !important;
    margin-bottom: 10px !important;
  }

  /* v16: open the consultation drawer upward from the bottom quick bar. */
  html body #quickConsultDrawer .quick-drawer-panel {
    transform: translate3d(0, 100%, 0) !important;
    transform-origin: center bottom !important;
    opacity: 1 !important;
    transition: transform 320ms cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform !important;
  }

  html body #quickConsultDrawer.is-open .quick-drawer-panel {
    transform: translate3d(0, 0, 0) !important;
  }

  html body #quickConsultDrawer.is-closing .quick-drawer-panel {
    transform: translate3d(0, 100%, 0) !important;
    opacity: 1 !important;
  }

  /* v17: keep the consultation drawer close button visually static. */
  html body #quickConsultDrawer .quick-drawer-close,
  html body #quickConsultDrawer .quick-drawer-close:hover,
  html body #quickConsultDrawer .quick-drawer-close:focus,
  html body #quickConsultDrawer .quick-drawer-close:focus-visible,
  html body #quickConsultDrawer .quick-drawer-close:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    outline: 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  /* v18: simplify the consultation submit label. */
  html body #quickConsultDrawer .quick-drawer-submit {
    font-weight: 600 !important;
  }

  html body #quickConsultDrawer .quick-drawer-submit .rq-material-icon {
    display: none !important;
  }
}

@media (min-width: 561px) {
  html body #quickConsultDrawer .quick-drawer-panel {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
  }
}