/* basic.hair | Global design layer (shared by every page for sync-by-design) */
:root{
  --bh-cream:#F5F2EB; --bh-charcoal:#1A1A1A; --bh-stone:#8C8A86;
  --bh-accent:#D4C7B3; --bh-link:#6b5d44; --bh-line:#e7e2d8;
}
.bh-header{
  position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:14px 22px; background:rgba(245,242,235,.96); backdrop-filter:saturate(140%) blur(6px);
  border-bottom:1px solid var(--bh-line); font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
.bh-brand{font-family:'Playfair Display',Georgia,serif; font-size:20px; letter-spacing:.3px; color:var(--bh-charcoal); text-decoration:none; font-weight:600;}
.bh-brand span{color:var(--bh-stone);}
.bh-nav{display:flex; flex-wrap:wrap; gap:18px; align-items:center;}
.bh-nav a{color:var(--bh-charcoal); text-decoration:none; font-size:14px; font-weight:500; opacity:.85;}
.bh-nav a:hover{opacity:1; color:var(--bh-link);}
.bh-nav .bh-cta{background:var(--bh-charcoal); color:#fff; padding:8px 14px; border-radius:999px; font-weight:600;}
.bh-nav .bh-cta:hover{background:#000; color:#fff;}
@media(max-width:640px){ .bh-nav{gap:10px; font-size:13px;} .bh-header{padding:12px 14px;} }

.bh-footer{
  margin-top:48px; padding:34px 20px; background:var(--bh-cream); color:var(--bh-charcoal);
  font-family:Inter,Arial,sans-serif; border-top:1px solid var(--bh-line);
}
.bh-footer .bh-links{max-width:960px; margin:0 auto 18px; display:flex; flex-wrap:wrap; gap:14px; font-size:14px;}
.bh-footer .bh-links a{color:var(--bh-link); text-decoration:none;}
.bh-footer .bh-shop{max-width:960px; margin:0 auto; font-size:14px;}
.bh-footer .bh-shop strong{display:block; margin-bottom:8px; color:var(--bh-charcoal);}
.bh-footer .bh-shop a{color:var(--bh-link); text-decoration:none;}
.bh-footer .bh-fine{margin-top:12px; color:var(--bh-stone); font-size:12px; max-width:960px; margin-left:auto; margin-right:auto;}

/* seo_pages plain pages: light brand framing so they match the site */
body.bh-plain{background:#fffdf9; color:#2c3e50; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; line-height:1.8;}
body.bh-plain .bh-wrap{max-width:820px; margin:0 auto; padding:28px 20px 10px;}
body.bh-plain h1{font-family:'Playfair Display',Georgia,serif; font-size:2.1em; color:#1A1A1A; margin:18px 0 .4em;}
body.bh-plain h2{font-size:1.5em; margin-top:1.1em; color:#333;}
body.bh-plain a{color:#6b5d44;}
body.bh-plain .bh-cta-box{background:#f0f7ff; padding:18px 20px; border-radius:8px; margin:22px 0;}
body.bh-plain .bh-cta-box a{font-weight:600;}

/* Amazon product cards (used on home + pages) */
.bh-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:16px; max-width:960px; margin:24px auto;}
.bh-card{display:block; border:1px solid var(--bh-line); border-radius:12px; padding:16px; background:#fff; text-decoration:none; color:inherit; transition:.15s;}
.bh-card:hover{transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.08);}
.bh-card .t{font-weight:600; font-size:15px; color:var(--bh-charcoal);}
.bh-card .s{font-size:12px; color:var(--bh-stone); margin-top:4px;}
.bh-card .buy{display:inline-block; margin-top:10px; color:var(--bh-link); font-weight:600; font-size:13px;}