/* HookBoss — shared styles for policy / legal pages. Matches the store theme in index.html. */
:root{
  --ink:#0B0C0E; --s1:#141519; --s2:#1D1F25; --line:#2C2F37; --tx:#F1EFEA; --mut:#9A9EA7;
  --or:#F4661E; --or2:#FF8038; --cream:#F5F1E8; --creamink:#1A1712;
  --serif:"Playfair Display",Georgia,serif; --disp:"Archivo",system-ui,sans-serif; --b:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:120px}
body{margin:0;background:var(--ink);color:var(--tx);font-family:var(--b);line-height:1.7}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.eyebrow{font-family:var(--b);text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;font-weight:600;color:var(--or)}
.disp{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}

/* top bar + nav */
.topbar{background:#000;color:#c9c3b6;border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:center;gap:26px;align-items:center;min-height:36px;font-size:.76rem;letter-spacing:.06em;font-family:var(--disp);text-transform:uppercase;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.nav{position:sticky;top:0;z-index:40;background:rgba(11,12,14,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.nav .logo img{height:76px;display:block}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-family:var(--disp);text-transform:uppercase;font-size:.82rem;letter-spacing:.04em}
.nav ul a{color:var(--mut);text-decoration:none;transition:.15s}
.nav ul a:hover{color:var(--tx)}

/* page head */
.phead{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#141519,#0B0C0E)}
.phead .wrap{padding:70px 28px 54px;max-width:900px}
.phead h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:3.4rem;line-height:.95;letter-spacing:-.02em;margin:14px 0 0}
.phead h1 em{font-style:normal;color:var(--or)}
.phead .meta{color:var(--mut);font-size:.85rem;margin-top:18px;letter-spacing:.04em}
.crumb{font-size:.8rem;color:var(--mut);text-transform:uppercase;letter-spacing:.14em;font-family:var(--disp)}
.crumb a{color:var(--mut);text-decoration:none}.crumb a:hover{color:var(--or)}

/* body */
main .wrap{max-width:900px;padding-top:56px;padding-bottom:70px}
main h2{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:1.35rem;margin:52px 0 14px;padding-top:8px}
main h2:first-of-type{margin-top:0}
main h3{font-family:var(--b);font-weight:600;font-size:1.02rem;margin:26px 0 8px;color:var(--tx)}
main p,main li{color:#cfcbc4;font-size:1rem}
main p{margin:0 0 1rem}
main ul,main ol{padding-left:22px;margin:0 0 1.1rem}
main li{margin-bottom:.5rem}
main strong{color:var(--tx)}
main a{color:var(--or);text-decoration:none;border-bottom:1px solid rgba(244,102,30,.35)}
main a:hover{color:var(--or2)}
.lead{font-size:1.12rem;color:#dcd8cf}

/* callout card */
.card{background:var(--s1);border:1px solid var(--line);border-left:3px solid var(--or);border-radius:8px;padding:24px 26px;margin:0 0 34px}
.card h3{margin-top:0}
.card p:last-child,.card ul:last-child,.card li:last-child{margin-bottom:0}
.card.plain{border-left-color:var(--line)}

/* key-value rows */
.kv{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:0 0 30px}
.kv div{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line)}
.kv div:last-child{border-bottom:0}
.kv div:nth-child(odd){background:var(--s1)}
.kv b{font-family:var(--disp);text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;color:var(--tx);font-weight:800}
.kv span{color:#cfcbc4;font-size:.96rem}

/* steps */
.steps{list-style:none;padding:0;margin:0 0 30px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:0 0 0 52px;margin-bottom:20px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:50%;
  background:var(--or);color:#0B0C0E;font-family:var(--disp);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.steps b{display:block;color:var(--tx);font-family:var(--disp);text-transform:uppercase;font-size:.86rem;letter-spacing:.05em;margin-bottom:3px}

/* other-policies strip */
.also{border-top:1px solid var(--line);background:var(--s1)}
.also .wrap{padding:44px 28px;max-width:900px}
.also h4{font-family:var(--disp);text-transform:uppercase;font-size:.82rem;letter-spacing:.08em;color:var(--mut);margin:0 0 18px}
.also .row{display:flex;gap:14px;flex-wrap:wrap}
.also a{font-family:var(--disp);text-transform:uppercase;font-size:.84rem;letter-spacing:.04em;color:var(--tx);text-decoration:none;
  border:1px solid var(--line);border-radius:999px;padding:10px 20px;transition:.2s}
.also a:hover{border-color:var(--or);color:var(--or)}

/* cta */
.cta{background:var(--cream);color:var(--creamink);text-align:center;border-top:1px solid var(--line)}
.cta .wrap{padding:60px 28px}
.cta h2{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:2rem;line-height:1;margin:0 0 20px}
.btn{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:.9rem;text-decoration:none;
  padding:15px 28px;border-radius:6px;border:2px solid transparent;display:inline-flex;gap:9px;align-items:center;transition:transform .15s ease,box-shadow .2s ease}
.btn-dk{background:#0B0C0E;color:#fff;border-color:#0B0C0E}
.btn-dk:hover{transform:translateY(-2px)}

/* footer */
footer{background:#000;border-top:1px solid var(--line);color:var(--mut)}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:60px 28px 30px}
footer .fimg{height:96px;margin-bottom:16px}
footer h5{font-family:var(--disp);text-transform:uppercase;color:var(--tx);font-size:.8rem;letter-spacing:.06em;margin:0 0 15px}
footer a{display:block;color:var(--mut);text-decoration:none;margin-bottom:10px;font-size:.92rem}
footer a:hover{color:var(--or)}
footer p{font-size:.92rem;margin:0 0 12px}
.fbar{border-top:1px solid var(--line)}
.fbar .wrap{display:flex;justify-content:space-between;gap:16px;padding:20px 28px;font-size:.8rem;color:#6f7480;flex-wrap:wrap}
.fbar b{color:var(--mut);font-weight:600}

@media (max-width:900px){
  .phead h1{font-size:2.4rem}
  .nav ul{gap:18px;font-size:.76rem}
  .nav .logo img{height:60px}
  .kv div{grid-template-columns:1fr;gap:4px}
  footer .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .wrap{padding:0 20px}
  .phead h1{font-size:2rem}
  footer .wrap{grid-template-columns:1fr}
}