/* Maison Bacom V5.3 — Global design system */
:root{
  --navy:#06162d;
  --navy-2:#081a31;
  --navy-3:#0a213d;
  --gold:#d4a72c;
  --gold-light:#f0c94f;
  --white:#f7f5ef;
  --muted:#aebed0;
  --line:rgba(212,167,44,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
/* V5.3 FINAL — keep anchored sections clear of the sticky header */
section[id]{scroll-margin-top:100px}
body{
  margin:0;
  background:var(--navy);
  color:var(--white);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.nav{
  height:114px;
  padding:0 max(28px,calc((100vw - 1180px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  background:rgba(6,22,45,.97);
  border-bottom:1px solid rgba(212,167,44,.22);
  position:sticky;
  top:0;
  z-index:1000;
}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:82px;height:82px;object-fit:contain}
.navlinks,#navlinks{display:flex;align-items:center;gap:30px;font-size:16px}
.navlinks a,#navlinks a{color:#e9edf3;transition:.2s}
.navlinks a:hover,#navlinks a:hover{color:var(--gold-light)}
.navbuy,.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 25px;
  border-radius:28px;
  border:1px solid var(--gold);
  background:linear-gradient(135deg,#f0ca52,#d8aa2d);
  color:#07152a;
  font-weight:700;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s,background .2s;
}
.navbuy:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(212,167,44,.18)}
.btn.ghost,.navbuy.ghost{background:transparent;color:var(--white)}
.btn.ghost:hover{background:rgba(212,167,44,.08)}
.hamb{display:none;background:transparent;color:var(--white);border:1px solid var(--line);border-radius:8px;padding:7px 10px}
.hero{
  max-width:1180px;
  min-height:650px;
  margin:auto;
  padding:90px 28px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
  align-items:center;
}
.eyebrow,.kicker{
  color:var(--gold-light);
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero h1{
  margin:25px 0 18px;
  font-size:clamp(56px,7vw,92px);
  line-height:.98;
  letter-spacing:-.045em;
}
.hero h1 em,.section-head h2 em,.quote em{font-family:Georgia,serif;color:var(--gold-light);font-weight:500}
.hero p{max-width:650px;color:#c8d4e2;font-size:19px;line-height:1.75}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#91a8c0;font-size:13px}
.hero-visual{
  min-height:510px;
  border-radius:30px;
  background:radial-gradient(circle at 50% 35%,#173b64 0,#0b243f 48%,#07172c 100%);
  border:1px solid rgba(212,167,44,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
}
.hero-logo{width:82%;max-height:90%;object-fit:contain}
.section{max-width:1180px;margin:auto;padding:90px 28px}
.section-head{margin-bottom:45px}
.section-head h2{font-size:52px;line-height:1.05;margin:10px 0}
.section-head p{max-width:760px;color:var(--muted);font-size:18px}
.featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.product,.book-box{background:#0a1d35;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.cover{min-height:430px;padding:35px;display:flex;flex-direction:column;justify-content:space-between}
.cover.marriage,.book-cover-large.marriage{background:linear-gradient(160deg,#d5bd98,#6b4027)}
.cover.nutrition,.book-cover-large.nutrition{background:linear-gradient(160deg,#9ca86e,#15372a)}
.cover strong{font-family:Georgia,serif;font-size:46px;line-height:.98;max-width:390px;color:#101010}
.product-info{padding:30px}
.product-info h3{font-size:30px;margin:0 0 12px}
.product-info p{color:#c6d2df}
.product-info ul{color:#dce4ec;padding-left:20px}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pillar{padding:30px;background:#091b31;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:8px}.pillar b{color:var(--gold-light);font-size:13px;letter-spacing:.14em}.pillar strong{display:block;color:var(--gold-light);font-size:18px;margin:0}.pillar span{color:#dce4ec;line-height:1.6}
.about,.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.quote{text-align:center;padding:110px 28px;background:linear-gradient(135deg,#0c213c,#081426)}
.quote p{font-family:Georgia,serif;font-size:32px;max-width:850px;margin:auto}
.cta-section{max-width:1100px;margin:80px auto;padding:70px 35px;text-align:center;border:1px solid var(--line);border-radius:28px;background:#0a1d35}
.cta-section h2{font-size:44px;margin:0 0 15px}
footer{padding:50px 28px;border-top:1px solid var(--line);color:#91a8c0}
footer .footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.contact form{display:grid;gap:14px}
.contact input,.contact textarea{width:100%;padding:14px 16px;border-radius:10px;border:1px solid rgba(212,167,44,.25);background:#07182d;color:var(--white)}
.contact textarea{min-height:150px;resize:vertical}
@media(max-width:800px){
  .nav{height:84px;padding:0 18px}
  .brand img{width:72px;height:64px}
  .navlinks,#navlinks{display:none;position:absolute;left:0;right:0;top:84px;background:#06162d;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:flex-start}
  .navlinks.open,#navlinks.open{display:flex}
  .navbuy{display:none}
  .hamb{display:block}
  .hero{grid-template-columns:1fr;gap:40px;padding:70px 18px}
  .hero h1{font-size:clamp(46px,15vw,70px)}
  .hero-visual{min-height:380px}
  .featured,.pillars,.about,.contact{grid-template-columns:1fr}
  .section{padding:72px 18px}
  .section-head h2{font-size:42px}
}

/* V5.2 — individual book pages */
.book-page{max-width:1180px;margin:0 auto;padding:120px 28px 80px}.book-hero{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:70px;align-items:center}.book-cover-large{min-height:570px;border-radius:28px;display:flex;flex-direction:column;justify-content:space-between;padding:42px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.book-cover-large.marriage{background:linear-gradient(160deg,#d5bd98,#6b4027)}.book-cover-large.nutrition{background:linear-gradient(160deg,#9ca86e,#15372a)}.book-cover-large span{font-weight:700;letter-spacing:.16em}.book-cover-large strong{font-family:Georgia,serif;font-size:54px;line-height:.98;letter-spacing:-.03em}.book-cover-large small{letter-spacing:.12em}.book-content h1{font-size:58px;line-height:1.02;margin:10px 0 18px}.book-content .subtitle{font-size:21px;color:var(--white);font-weight:600}.book-content p{font-size:18px;line-height:1.75}.book-content ul{padding-left:22px;line-height:2;font-size:17px}.book-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.book-back{display:inline-block;margin-bottom:30px;color:#d7b43c}.book-note{font-size:13px!important;color:#89a0ba!important}.book-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px}.book-box{background:#0a1d35;border:1px solid rgba(212,167,44,.22);border-radius:20px;padding:28px}.book-box h2{font-size:22px;margin-top:0}.book-box p{line-height:1.7;color:#c6d2df}.book-footer-cta{text-align:center;margin-top:80px;padding:55px 25px;background:linear-gradient(135deg,#0c213c,#081426);border-radius:28px}.book-footer-cta h2{font-size:38px}
@media(max-width:800px){.book-hero{grid-template-columns:1fr;gap:40px}.book-cover-large{min-height:480px}.book-content h1{font-size:42px}.book-sections{grid-template-columns:1fr}.book-page{padding-top:100px}}

/* Maison Bacom V5.3 — mobile + SEO presentation polish */
.product-info .btn.full{margin-top:10px}
.product-info .btn.ghost.full{color:var(--white);background:transparent;border-color:#d4a72c77}
.product-info .btn.ghost.full:hover{background:#d4a72c12}
@media(max-width:700px){
  html{scroll-padding-top:84px}
  section[id]{scroll-margin-top:84px}
  .nav{height:72px;padding:0 16px}
  .brand img{width:112px;height:58px}
  .hero{min-height:auto;padding:55px 18px 70px;gap:35px}
  .hero h1{font-size:clamp(46px,15vw,70px)}
  .hero-visual{height:300px;border-radius:22px}
  .hero-logo{width:72%}
  .section{padding:72px 18px}
  .section-head{margin-bottom:30px}
  .section-head h2{font-size:42px}
  .featured{grid-template-columns:1fr}
  .cover{min-height:360px;padding:25px}
  .cover strong{font-size:32px}
  .product-info{padding:25px 20px}
  .product-info h3{font-size:25px}
  .product-info .btn.full{width:100%;min-height:48px}
  .quote{padding:75px 20px}
  .pillars{grid-template-columns:1fr;gap:14px}
  .pillar{padding:22px 20px;gap:6px}
  .pillar b{font-size:12px}
  .pillar strong{font-size:20px}
  .pillar span{font-size:16px;line-height:1.55}
  .about,.contact{gap:38px}
  .cta-section{padding:55px 20px}
  footer{padding:25px 18px}
}
@media(max-width:390px){
  .hero h1{font-size:43px}
  .section-head h2{font-size:36px}
  .cover{min-height:330px}
  .trust{display:block}
  .trust span{display:block;margin:7px 0}
}