/* Shared styling for the legal pages (terms, returns, privacy). Kept in its
   own file rather than inlined three times, since these pages are plain
   documents and share one narrow reading column. */
*{box-sizing:border-box}
body{margin:0;background:#F7F3EC;color:#211D18;font-family:'IBM Plex Sans',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}
a{color:#182541}
a:hover{color:#BD6B33}

header.site{background:rgba(247,243,236,0.94);border-bottom:1px solid rgba(33,29,24,0.1);position:sticky;top:0;z-index:10;backdrop-filter:blur(6px)}
header.site .in{max-width:820px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:38px;height:38px;border-radius:8px;object-fit:cover}
.brand span{font-family:'Lora',serif;font-weight:600;font-size:17px;letter-spacing:0.2px}
.back{font-size:14px;font-weight:500}

main{max-width:820px;margin:0 auto;padding:56px 24px 80px}
.eyebrow{color:#BD6B33;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
h1{font-family:'Lora',serif;font-size:32px;font-weight:600;margin:0 0 10px;line-height:1.2}
.updated{font-size:13.5px;color:rgba(33,29,24,0.5);margin:0 0 36px}
h2{font-family:'Lora',serif;font-size:20px;font-weight:600;margin:38px 0 12px}
h3{font-size:15.5px;font-weight:600;margin:22px 0 8px}
p,li{font-size:15px;color:rgba(33,29,24,0.78)}
ul,ol{padding-left:22px}
li{margin-bottom:8px}
.box{background:#fff;border:1px solid rgba(33,29,24,0.1);border-radius:6px;padding:22px 24px;margin:24px 0}
.box p:last-child,.box ul:last-child,.box dl:last-child{margin-bottom:0}
.box dt{font-size:13px;letter-spacing:0.8px;text-transform:uppercase;color:rgba(33,29,24,0.5);margin-top:14px}
.box dt:first-child{margin-top:0}
.box dd{margin:2px 0 0;font-size:15px;font-weight:500}
/* Parcels sent to the business address may not be received, so the warning
   sits with the address itself rather than only on the returns page. */
.box dd .addr-note{display:block;margin-top:10px;font-size:13.5px;font-weight:400;line-height:1.6;color:#BD6B33}
.box dd .addr-note a{color:#BD6B33;font-weight:600}
.note{background:rgba(189,107,51,0.08);border-left:2px solid #BD6B33;padding:14px 18px;font-size:14px;margin:24px 0}
.note strong{color:#211D18}

footer.site{background:#10192C;color:rgba(251,249,245,0.5);font-size:12.5px}
footer.site .in{max-width:820px;margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:center}
footer.site a{color:rgba(251,249,245,0.8)}
footer.site a:hover{color:#BD6B33}
.legal-nav{display:flex;gap:20px;flex-wrap:wrap}

@media(max-width:640px){
  main{padding:40px 20px 60px}
  h1{font-size:26px}
  header.site .in{padding:0 20px}
  footer.site .in{flex-direction:column;align-items:flex-start;text-align:left}
}
