/*
Theme Name: Mr Bold Pro Canada Official
Theme URI: https://mrboldpro.ca/
Author: Mr Bold Pro
Description: Canada-focused official-style Mr Bold Pro WordPress theme with editable SEO and affiliate settings.
Version: 1.0.0
Text Domain: mrboldpro-ca
*/

:root{--ink:#111;--muted:#5b5b5b;--cream:#f5eee5;--tan:#b58e69;--gold:#c49a6c;--purple:#5730ef;--green:#27a85a;--line:#e4ddd5;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:#111;color:#fff;text-align:center;padding:10px 15px;font-size:14px;font-weight:700}
.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee}
.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-size:27px;font-weight:900;letter-spacing:-1px;text-decoration:none}
.logo span{color:var(--tan)}
.menu{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}
.menu a{text-decoration:none}
.cta{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;text-decoration:none;font-weight:800;border-radius:7px;padding:15px 25px;transition:.2s}
.cta:hover{transform:translateY(-1px);opacity:.92}
.cta.gold{background:#c38f5e}
.hero{background:#f5f0ea;padding:72px 0 64px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.eyebrow{font-size:13px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#76583f}
h1{font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-3px;margin:12px 0 18px}
h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 16px}
h3{font-size:22px;margin:0 0 10px}
.lead{font-size:19px;color:#424242;max-width:570px}
.hero-img{border-radius:18px;width:100%;object-fit:contain;background:#eee}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.badge{background:#fff;border:1px solid #ddd;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}
.section{padding:78px 0}
.section.alt{background:var(--cream)}
.center{text-align:center}
.section-intro{max-width:700px;margin:0 auto 38px;color:var(--muted);font-size:17px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}
.visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.visual-card{overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line)}
.visual-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.visual-card .copy{padding:22px}
.comparison{background:#b99574;color:#fff}
.compare-table{width:min(850px,100%);margin:28px auto 0;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:14px;background:#fff;color:#111}
.compare-table th,.compare-table td{padding:15px 12px;border-bottom:1px solid #eee;text-align:center}
.compare-table th:first-child,.compare-table td:first-child{text-align:left}
.check{color:#27a85a;font-size:22px;font-weight:900}
.cross{color:#d68f8f;font-size:22px;font-weight:900}
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.review{background:#fff;border-radius:18px;padding:18px;border:1px solid var(--line)}
.review img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:#f4f4f4}
.stars{color:#f2b600;font-size:22px;letter-spacing:2px}
.package-section{background:#fff}
.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.package{position:relative;border:1px solid #ddd;border-radius:13px;padding:18px;background:#fff;display:flex;flex-direction:column}
.package.featured{border:2px solid #5730ef;background:#f4f7ff}
.best{position:absolute;top:-12px;right:15px;background:#5730ef;color:#fff;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:900}
.package-img{height:95px;object-fit:contain;margin:auto}
.package h3{text-align:center;margin:10px 0 2px}
.each{text-align:center;font-size:13px;font-weight:700}
.discount{margin:14px auto 7px;border:1px solid #ddd;border-radius:6px;padding:7px 10px;font-weight:800}
.old{text-decoration:line-through;color:#777;text-align:center}
.price{text-align:center;font-size:27px;font-weight:900}
.price small{font-size:12px}
.package .cta{margin-top:15px;width:100%;background:#111}
.guarantee{background:#111;color:#fff;text-align:center;padding:55px 20px}
.faq{max-width:850px;margin:auto}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:800;font-size:18px}
.footer{background:#171717;color:#fff;padding:45px 0}
.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer a{color:#ddd;text-decoration:none;margin-right:18px;font-size:13px}
.disclaimer{font-size:12px;color:#aaa;max-width:780px}
.mobile-menu{display:none}
@media(max-width:900px){
 .hero-grid,.review-grid{grid-template-columns:1fr}
 .feature-grid{grid-template-columns:1fr 1fr}
 .packages{grid-template-columns:1fr 1fr}
 .menu{display:none}.mobile-menu{display:inline-block}
}
@media(max-width:600px){
 .hero{padding:48px 0}.section{padding:58px 0}
 h1{letter-spacing:-2px}
 .feature-grid,.visual-grid,.packages{grid-template-columns:1fr}
 .nav-inner{min-height:62px}
 .cta{padding:13px 18px}
}

/* Final visual polish */
.hero-grid{grid-template-columns:0.95fr 1.05fr}
.hero-img{min-height:460px;object-fit:contain;padding:0;background:transparent}
.package-section{padding-top:58px;padding-bottom:65px}
.package-section .section-intro{margin-bottom:22px}
.packages{align-items:stretch}
.package{min-height:360px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.package.featured{box-shadow:0 12px 34px rgba(87,48,239,.14)}
.package-img{height:115px;width:100%;object-fit:contain}
.package .price{margin-top:2px}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr}
 .hero-img{min-height:300px;max-height:420px}
}

/* Professional review presentation */
.review-grid{align-items:start}
.review{overflow:hidden;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.07)}
.review img{aspect-ratio:16/10;object-fit:cover;border-radius:0;background:#f4f4f4}
.review .copy{padding:22px 24px 25px}
.review .copy h3{font-size:25px;margin:5px 0 8px}
.review .copy p{color:#444;margin:0 0 14px}
.review .copy strong{font-size:13px;color:#555}
.visual-grid{grid-template-columns:repeat(2,1fr);max-width:980px;margin:auto}
.visual-card img{aspect-ratio:1/1;object-fit:cover}
@media(max-width:600px){.visual-grid{grid-template-columns:1fr}.review .copy{padding:18px}}