/* Shared styles for Lohar Legacy info pages (terms, privacy, delivery, contact, success, 404). */
:root{
  --iron:#1F1D1B; --linen:#F5EFE6; --linen-2:#EDE4D6; --paper:#FBF8F3;
  --clay:#B5562F; --clay-dark:#94431F; --text:#2A2623; --muted:#6E655C; --line:#DDD2C2;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--text);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--clay)}
.bar{background:var(--iron);color:var(--linen);padding:0 16px}
.bar-in{max-width:880px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:var(--serif);font-size:1.5rem;font-weight:700;letter-spacing:.04em;color:var(--linen);text-decoration:none;display:flex;align-items:center;gap:10px}
.logo svg{width:30px;height:30px}
.bar a.back{color:var(--linen);font-size:.88rem;text-decoration:none;opacity:.85;white-space:nowrap}
.logo{white-space:nowrap}
.bar-in{gap:12px}
@media(max-width:480px){
  .logo{font-size:1.1rem;gap:8px}.logo svg{width:26px;height:26px}
  .bar a.back{font-size:0}                      /* hide the long label… */
  .bar a.back::after{content:"← Shop";font-size:.82rem}  /* …and show a short one */
}
main{max-width:880px;margin:0 auto;padding:56px 16px 80px}
.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);font-weight:600}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;margin:10px 0 8px}
h2{font-family:var(--serif);font-weight:600;font-size:1.6rem;margin:36px 0 8px}
p,li{color:#4A433D;margin-bottom:12px}
ul{padding-left:22px}
.updated{color:var(--muted);font-size:.85rem;margin-bottom:28px}
.todo{background:#FFF1B8;color:#6B4E00;padding:0 4px;border-radius:3px;font-weight:600}
.card{background:var(--linen);border-radius:8px;padding:24px;margin:20px 0}
.btn{display:inline-block;background:var(--clay);color:#fff;text-decoration:none;padding:14px 26px;border-radius:4px;font-weight:500;margin-top:12px}
.btn:hover{background:var(--clay-dark)}
footer{border-top:1px solid var(--line);padding:24px 16px;text-align:center;font-size:.82rem;color:var(--muted)}
footer a{color:var(--muted);margin:0 8px}
