/* Customer support: a small, independent four-language service page. */
.support-page { --support-cream: #f8f6ef; }
.support-page .announcement { gap: 0; }
.support-page .announcement > span { padding-inline: 80px; }
.support-page .site-header { min-height: 90px; }
.support-page .main-nav a:last-child { display: inline-block; }
.support-page .button-dark { background: var(--ink); }
.support-page .button-dark:hover { background: #1143a6; }
.support-page .header-inquiry { background: #f8f6ef; border-color: #e9e6db; color: var(--ink); }
.support-hero { background: var(--support-cream); border-block: 1px solid #eeece5; padding: 30px 0 56px; }
.support-hero-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(260px,.65fr); gap: 80px; align-items: center; }
.support-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; color: var(--muted); margin-bottom: 35px; }
.support-breadcrumb a:hover { text-decoration: underline; }
.support-hero .eyebrow { color: #756647; }
.support-hero h1 { margin-top: 12px; font-size: clamp(38px,4.5vw,62px); color: var(--ink); max-width: 790px; }
.support-intro { max-width: 600px; margin-top: 22px; color: #606c79; font-size: 16px; line-height: 1.8; }
.support-hero .button { margin-top: 27px; gap: 22px; }
.support-contact-card { align-self: end; margin-bottom: 6px; background: #fff; border: 1px solid #eae5d8; border-radius: 23px; padding: 27px 28px 29px; box-shadow: 0 10px 28px #49422305; }
.support-rainbow { display: flex; gap: 7px; margin-bottom: 25px; }
.support-rainbow i { width: 12px; height: 12px; background: #bf4a3e; border-radius: 50%; }
.support-rainbow i:nth-child(2) { background: #e58342; }.support-rainbow i:nth-child(3) { background: #e8ba39; }.support-rainbow i:nth-child(4) { background: #7f9e66; }.support-rainbow i:nth-child(5) { background: #55a4bf; }.support-rainbow i:nth-child(6) { background: #9c83b7; }
.support-contact-card .eyebrow { letter-spacing: .045em; }
.support-response { font-size: 22px; font-weight: 700; line-height: 1.35; margin-top: 11px; }
.support-contact-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 23px; font-size: 16px; font-weight: 600; line-height: 1.6; color: var(--blue); text-underline-offset: 4px; }
.support-contact-link .icon { flex: 0 0 18px; width: 18px; height: 18px; }
.support-contact-link:hover { text-decoration: underline; }
.support-help { padding-block: 55px 62px; }
.support-help > h2 { font-size: 30px; margin-bottom: 24px; }
.support-help-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 24px; }
.support-help-card { border: 1px solid var(--line); border-radius: 20px; padding: 27px 30px; }
.support-amazon { background: #fffcf4; border-color: #ece7d8; }
.support-card-icon,.support-card-number { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; margin-bottom: 15px; }
.support-card-number { font-size: 32px; color: #748d69; line-height: 1; }
.support-help-card h3 { font-size: 22px; }
.support-help-card p { color: var(--muted); font-size: 13px; line-height: 1.85; margin-top: 13px; }
.support-orders { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 19px; }
.support-orders a { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; padding-block: 5px; color: var(--blue); }
.support-orders .icon { width: 13px; height: 13px; }
.support-orders a:hover { text-decoration: underline; text-underline-offset: 4px; }
.support-care .text-link { margin-top: 22px; font-size: 12px; }
.support-form-section { background: #f7f9fa; border-top: 1px solid #edf0f1; padding-block: 65px 76px; }
.support-form-layout { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 70px; align-items: start; }
.support-form-intro { padding-top: 8px; }
.support-form-intro h2 { font-size: clamp(30px,3.1vw,42px); line-height: 1.2; margin-top: 16px; }
.support-form-intro > p:not(.eyebrow) { margin-top: 23px; font-size: 14px; color: var(--muted); line-height: 1.85; }
.support-business { border-top: 1px solid var(--line); padding-top: 26px; margin-top: 35px; }
.support-business h3 { font-size: 17px; }
.support-business p { color: var(--muted); font-size: 12px; margin-top: 11px; line-height: 1.8; }
.support-business .text-link { margin-top: 16px; font-size: 12px; line-height: 1.6; }
.support-form-panel { padding: 30px 33px; border-color: #e4e8eb; box-shadow: none; }
.support-form-heading { display: flex; gap: 14px; justify-content: space-between; align-items: center; }
.support-form-heading h3 { font-size: 22px; }
.support-form-heading .preview-label { white-space: normal; text-align: center; }
.support-required { font-size: 11px; color: var(--muted); margin: 11px 0 23px; }
.support-form fieldset { border: 0; padding: 0; margin: 0 0 24px; min-width: 0; }
.support-form legend { display: block; width: 100%; padding: 0 0 12px; margin-bottom: 18px; border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 700; }
.support-form label { font-size: 12px; }
.support-form fieldset > label { margin-top: 18px; }
.support-form .form-row { margin-bottom: 0; }
.support-form input,.support-form select,.support-form textarea { background: #fff; }
.support-form textarea { min-height: 145px; }
.support-field-hint,.support-photo-privacy { color: var(--muted); font-size: 10px; line-height: 1.8; margin-top: 8px; }
.support-form .upload-section { margin-top: 0; }
.support-form .upload-zone { display: flex; flex-direction: column; align-items: center; position: relative; gap: 7px; text-align: center; background: #f7f9fc; border: 1px dashed #bdcbd9; border-radius: 12px; padding: 23px 16px; margin-top: 9px; cursor: pointer; }
.support-form .upload-zone:hover { background: #edf4fa; }
.support-form .upload-zone > span { color: var(--muted); font-size: 10px; }
.support-form .upload-zone > input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }
.support-form .upload-notice { color: #677180; }
.support-form .reference-previews { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.support-form .reference-preview > button { width: 30px; height: 30px; }
.support-form .form-note { color: #677180; font-size: 11px; }
.support-form .form-note a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.support-copy-area { position: fixed; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; }
.support-form .form-feedback { border: 1px solid #d7e2df; border-radius: 12px; padding: 18px; }
.support-form .form-feedback.submission-error > strong { color: #a23425; }
.support-footer .footer-main { padding-bottom: 30px; }
.support-footer-stores { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding-block: 23px; border-top: 1px solid var(--line); }
.support-footer-stores h3 { font-size: 14px; }
.support-footer-stores nav { gap: 16px 25px; }
.support-footer-stores nav a { gap: 8px; }
.support-footer-stores nav a > .icon { width: 13px; height: 13px; }
.support-footer-contact { display: flex; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); padding-block: 26px 33px; font-size: 11px; color: var(--muted); }
.support-footer-contact > div { max-width: 650px; }
.support-footer-contact span { display: block; font-weight: 600; margin-bottom: 8px; color: var(--ink); }
.support-footer-contact address { font-style: normal; line-height: 1.85; }
.support-footer-contact > div:last-child { display: grid; align-content: start; gap: 6px; }
.support-footer-contact a:hover { color: var(--blue); text-decoration: underline; }
@media(max-width:1100px) {
  .support-hero-grid { gap: 40px; grid-template-columns: minmax(0,1.25fr) minmax(250px,.75fr); }
  .support-form-layout { gap: 35px; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); }
  .support-form-panel { padding: 26px; }
}
@media(max-width:800px) {
  .support-page .main-nav { gap: 20px; }
  .support-hero-grid { grid-template-columns: 1fr; gap: 26px; }
  .support-contact-card { max-width: none; padding: 22px 25px; display: grid; grid-template-columns: 1fr auto; gap: 4px 22px; align-items: center; }
  .support-rainbow { grid-column: 1/-1; margin-bottom: 10px; }
  .support-response { font-size: 19px; margin-top: 0; grid-column: 1; }
  .support-contact-link { margin-top: 0; font-size: 16px; grid-column: 2; grid-row: 2/4; max-width: 280px; }
  .support-help-grid { gap: 18px; }
  .support-help-card { padding: 24px; }
  .support-form-layout { grid-template-columns: 1fr; gap: 30px; }
  .support-form-intro { max-width: 700px; }
  .support-business { margin-top: 24px; padding-top: 22px; }
  .support-form-intro h2 { max-width: 560px; }
}
@media(max-width:600px) {
  .support-page .announcement { justify-content: flex-start; min-height: 38px; }
  .support-page .announcement > span { padding: 0 70px 0 2px; font-size: 10px; }
  .support-page .site-header { min-height: 78px; }
  .support-page .header-inquiry { max-width: 160px; text-align: center; }
  .support-page .main-nav { display: none; }
  .support-hero { padding-block: 21px 32px; }
  .support-breadcrumb { margin-bottom: 25px; font-size: 10px; gap: 9px; }
  .support-hero h1 { margin-top: 11px; font-size: 39px; }
  .support-intro { font-size: 14px; margin-top: 18px; }
  .support-hero .button { margin-top: 23px; min-height: 48px; font-size: 12px; padding-inline: 20px; }
  .support-contact-card { display: block; border-radius: 18px; padding: 23px; }
  .support-rainbow { margin-bottom: 17px; }
  .support-contact-card .eyebrow { font-size: 10px; }
  .support-response { margin-top: 9px; font-size: 20px; }
  .support-contact-link { margin-top: 16px; font-size: 16px; }
  .support-help { padding-block: 35px 38px; }
  .support-help > h2 { font-size: 27px; margin-bottom: 21px; }
  .support-help-grid { grid-template-columns: 1fr; gap: 16px; }
  .support-help-card { border-radius: 17px; padding: 23px; }
  .support-help-card h3 { font-size: 21px; }
  .support-help-card p { font-size: 12px; }
  .support-orders { gap: 8px 19px; }
  .support-orders a { min-height: 33px; }
  .support-form-section { padding-block: 35px 40px; }
  .support-form-intro h2 { margin-top: 12px; font-size: 31px; }
  .support-form-intro > p:not(.eyebrow) { font-size: 13px; margin-top: 17px; }
  .support-form-panel { border-radius: 18px; padding: 24px 20px; }
  .support-form-heading { flex-wrap: wrap; gap: 10px; }
  .support-form-heading h3 { font-size: 21px; }
  .support-form .form-row { grid-template-columns: 1fr; gap: 18px; }
  .support-form input,.support-form select,.support-form textarea { font-size: 16px; }
  .support-form .reference-previews { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .support-footer-stores,.support-footer-contact { display: block; }
  .support-footer-stores nav { justify-content: flex-start; margin-top: 17px; gap: 17px 25px; }
  .support-footer-contact > div:last-child { margin-top: 21px; }
}