/* RITE CLOTHING — Contact / Shipping / Returns
   layout: Arte-style help pages on the photo grey. A centred sub-navigation
   (Shipping · Returns · Contact) under the header, then one reading column:
   title, intro, and blocks separated by hairlines (label left, details right). */

body.help-page{background:#E5E5E5}

.help{
  --hair:rgba(13,28,56,.12);
  padding-bottom:clamp(64px, 12vh, 120px);
}
.help-nav{
  display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;
  padding:clamp(36px, 8vh, 72px) var(--gutter) 22px;
  border-bottom:1px solid var(--hair);
}
.help-nav a{text-decoration:none;text-underline-offset:5px}
.help-nav a:hover,
.help-nav a[aria-current="page"]{text-decoration:underline}

.help-body{width:min(100% - 2 * var(--gutter), 760px);margin:0 auto}
.help-title{margin:clamp(40px, 8vh, 80px) 0 22px;font-size:16px;font-weight:500;letter-spacing:.08em}
.help-intro{display:flex;flex-direction:column;gap:1em;padding-bottom:clamp(28px, 5vh, 44px)}
.help-intro p{margin:0;line-height:1.9}

.help-block{
  scroll-margin-top:calc(var(--hdr-h) + 20px);
  display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:8px 32px;
  padding:26px 0;border-top:1px solid var(--hair);
}
.help-label{margin:0;font-size:var(--fs-s);font-weight:500;color:var(--muted)}
.help-items{display:flex;flex-direction:column;gap:8px}
.help-items p{margin:0;line-height:1.8}
.help-k{display:inline-block;min-width:96px;color:var(--muted)}
.help-items a{text-underline-offset:4px}

/* returns: numbered steps and one clear button (no colour change on hover) */
.help-steps{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:8px}
.help-steps li{counter-increment:step;position:relative;padding-left:24px;line-height:1.8}
.help-steps li::before{content:counter(step) ".";position:absolute;left:0;top:0;color:var(--muted)}
.help-btn{
  align-self:flex-start;margin-top:12px;padding:10px 20px;
  background:var(--ink);color:var(--white);text-decoration:none;line-height:20px;
}
.help-items .help-email{font-size:12px}
.help-btn{border:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}
.help-btn:disabled{opacity:.6;cursor:default}

/* withdrawal form (EU "withdraw from contract" function) */
.wd-form{display:flex;flex-direction:column;gap:14px;margin-top:6px;max-width:440px}
.wd-field{display:flex;flex-direction:column;gap:6px}
.wd-field label{font-size:var(--fs-s);color:var(--muted)}
.wd-field input,.wd-field textarea{
  font-family:var(--font);font-size:16px;padding:10px 12px;width:100%;
  border:1px solid var(--line);border-radius:0;background:var(--white);color:var(--ink);resize:vertical;
}
.wd-field input:focus,.wd-field textarea:focus{outline:0;border-color:var(--ink)}
.wd-form .help-btn{align-self:stretch;margin-top:0}
.error-text{margin:0;min-height:18px;color:#8A2F2F}
.error-text:empty{min-height:0}
.wd-done{display:flex;flex-direction:column;gap:8px;background:var(--white);padding:16px 18px;max-width:440px}
.wd-done p{margin:0;line-height:1.8}

/* terms: long legal text in normal case so it reads easily; headings stay in caps */
.terms-page .help-items p{text-transform:none;letter-spacing:.01em;font-size:13px;line-height:1.75}
.terms-page .help-items a{text-underline-offset:3px}
.terms-page .help-label{line-height:1.6}

/* contact: details side by side in columns (label above, lines below) */
.help-cols{
  display:grid;grid-template-columns:max-content max-content;gap:32px clamp(56px, 12vw, 160px);
  padding:28px 0;border-top:1px solid var(--hair);
}
@media (min-width:700px){ .help-col p{white-space:nowrap} }
.help-col{display:flex;flex-direction:column;gap:4px}
.help-col p{margin:0;line-height:1.8}
.help-col .help-label{margin-bottom:8px}
.help-muted{color:var(--muted)}
.help-email{text-transform:none;letter-spacing:.02em;font-size:13px;text-underline-offset:4px}

@media (max-width:699px){
  .help-block{grid-template-columns:minmax(0,1fr)}
  .help-cols{grid-template-columns:minmax(0,1fr)}
}