/* ============================================================
   NORIANA — Legal pages
   Shared by page-contact-us.php, page-privacy-policy.php and
   page-returns-repairs.php. Everything already provided by
   style.css (tokens, reset, .eyebrow/.serif/.reveal, .wrap/.sec-head,
   .btn*, nav, mini-cart/toast, shared breakpoints) is not
   redeclared here — only what's specific to these three pages.
   ============================================================ */

/* ------------------------------------------------------------
   Contact form + info panel (Contact Us)
   ------------------------------------------------------------ */
.contact{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.contact__form{background:var(--paper);border-radius:28px;padding:clamp(1.8rem,4vw,3rem)}
.field{margin-bottom:1.2rem}
.field label{display:block;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:.5rem}
.field input,.field textarea{width:100%;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-family:var(--sans);font-size:1rem;color:var(--primary);resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact__info{background:var(--paper);border-radius:28px;padding:clamp(1.8rem,4vw,2.6rem)}
.contact__info h3{font-family:var(--serif);font-weight:500;font-size:1.4rem;margin-bottom:1.4rem}
.contact__info .item{margin-bottom:1.4rem}
.contact__info .item:last-child{margin-bottom:0}
.contact__info .item span{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem}
.contact__info .item p{color:rgba(26,26,26,.7);line-height:1.7}

/* ------------------------------------------------------------
   Confirmation panel (Contact Us — swapped in on submit)
   ------------------------------------------------------------ */
.contact__confirm{display:none;text-align:center;max-width:36rem;margin:0 auto;padding:2.5rem 0}
.contact__confirm.show{display:block}
.contact__confirm .e-serif{font-family:var(--serif);font-style:italic;font-size:2.4rem;color:var(--primary);display:block;margin-bottom:1rem}

/* ------------------------------------------------------------
   Legal body copy (Privacy Policy, Returns & Repairs)
   ------------------------------------------------------------ */
.legal{max-width:44rem;margin:0 auto}
.legal .meta{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,26,26,.5);text-align:center;margin-bottom:3rem}
.legal h3{font-family:var(--serif);font-weight:500;font-size:1.6rem;margin:2.4rem 0 .9rem}
.legal h3:first-of-type{margin-top:0}
.legal p{color:rgba(26,26,26,.68);line-height:1.9;margin-bottom:1rem}
.legal p:last-child{margin-bottom:0}
.legal a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}

/* ------------------------------------------------------------
   Responsive — page-specific only (shared chrome breakpoints
   already live in style.css)
   ------------------------------------------------------------ */
@media(max-width:960px){
  .contact{grid-template-columns:1fr}
}
@media(max-width:560px){
  .field-row{grid-template-columns:1fr}
}