/*
Theme Name: BRB AUTOPRO V7.1
Version: 1.1
Description: Theme WordPress mobile-first pour BRB AUTOPRO.
*/
:root{--bg:#070709;--panel:#14151b;--text:#f7f7fb;--muted:#b8bcc7;--line:rgba(255,255,255,.08);--red:#e0113a;--red2:#ff2e5d;--radius:22px;--shadow:0 16px 42px rgba(0,0,0,.34);--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 88% 8%, rgba(224,17,58,.16), transparent 20%),radial-gradient(circle at 10% 18%, rgba(224,17,58,.08), transparent 16%),linear-gradient(180deg,#060608 0%,#0b0c11 100%);line-height:1.58}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 32px));margin:auto}.muted{color:var(--muted)}.small{font-size:.94rem}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#ff8aa2}.eyebrow:before{content:"";width:34px;height:1px;background:var(--red2)}
h1,h2,h3{line-height:1.08;margin:0 0 16px}h1{font-size:clamp(2.1rem,5vw,4.8rem)}h2{font-size:clamp(1.6rem,3vw,2.8rem)}h3{font-size:1.18rem}.section{padding:36px 0}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:14px;border:1px solid var(--red);font-weight:800;transition:.22s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,var(--red2),var(--red));color:#fff}.btn-secondary{background:transparent;color:#fff}.btn-secondary:hover{background:rgba(224,17,58,.08)}.btn-success{background:linear-gradient(180deg,#34d977,#16a34a);border-color:#1ea857;color:#051109}
.site-header{position:sticky;top:0;z-index:80;background:rgba(8,8,11,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{height:54px}.brand-title{font-weight:900;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-links,.nav-links ul,.mobile-menu ul,.footer-links ul{list-style:none;margin:0;padding:0}.nav-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.nav-links a{font-weight:700;color:#f2f4fa;opacity:.92}.nav-links a:hover,.current-menu-item>a{color:#ff8aa2}.desktop-cta{display:inline-flex}
.mobile-menu-btn{display:none;background:#11131a;border:1px solid var(--line);color:#fff;border-radius:12px;width:46px;height:46px;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer}.mobile-menu{display:none;border-top:1px solid var(--line);background:rgba(8,8,11,.96)}.mobile-menu.open{display:block}.mobile-menu .container{padding:12px 0 16px}.mobile-menu a{display:block;padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.05);font-weight:700}.mobile-menu .btn{width:100%;margin-top:12px}
.hero{padding:54px 0 28px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:26px;align-items:center}.lead{font-size:1.08rem;color:var(--muted);max-width:64ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-actions .btn{min-width:180px}
.hero-card{min-height:500px;position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(224,17,58,.28);background:linear-gradient(145deg,rgba(224,17,58,.16),transparent 24%),radial-gradient(circle at 80% 26%,rgba(224,17,58,.24),transparent 16%),linear-gradient(135deg,#181b23 0%,#0f1116 52%,#181b23 100%);box-shadow:var(--shadow)}.hero-logo{position:absolute;top:16px;left:16px;padding:10px 14px;border-radius:999px;background:rgba(8,8,10,.8);border:1px solid rgba(224,17,58,.3)}.hero-logo img{height:40px}.hero-art{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#ff8aa2}
.stats,.services,.stock,.reviews,.packs,.faq-grid,.contact-grid,.trust-grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr);margin-top:24px}.services{grid-template-columns:repeat(4,1fr)}.stock{grid-template-columns:repeat(3,1fr)}.reviews{grid-template-columns:repeat(3,1fr)}.packs{grid-template-columns:repeat(3,1fr)}.contact-grid,.faq-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:repeat(4,1fr)}
.service,.review,.pack,.stat,.contact-card,.form-box,.trust-item{padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:20px}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(224,17,58,.12);color:#ff8aa2;font-size:1.45rem;margin-bottom:16px}.stat strong{display:block;font-size:1.9rem;color:#ff8aa2}
.card{overflow:hidden;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#151720,#101116);box-shadow:var(--shadow)}.card-media{aspect-ratio:16/10;background:radial-gradient(circle at 18% 18%,rgba(224,17,58,.25),transparent 14%),linear-gradient(135deg,#2a2d37 0%,#161821 55%,#0f1116 100%)}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.price{font-size:1.42rem;font-weight:900;color:#ff8aa2}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag{padding:7px 11px;border-radius:999px;border:1px solid rgba(224,17,58,.3);color:#ff8aa2;font-size:.82rem;font-weight:800}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}label{font-weight:800}input,textarea,select{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:#0f1015;color:#fff;outline:none}textarea{min-height:120px;resize:vertical}
.notice{padding:14px 16px;border-radius:16px;border:1px dashed rgba(224,17,58,.35);background:rgba(224,17,58,.06);color:var(--muted)}.cta-strip{margin-top:24px;padding:22px;border-radius:20px;border:1px solid rgba(224,17,58,.28);background:linear-gradient(135deg,rgba(224,17,58,.12),rgba(255,255,255,.02));display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.stars{color:#ff8aa2;letter-spacing:.12em}
.faq-item{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);overflow:hidden;margin-bottom:12px}.faq-question{width:100%;text-align:left;background:none;border:none;color:#fff;padding:16px 18px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{display:none;padding:0 18px 18px;color:var(--muted)}.faq-item.open .faq-answer{display:block}
.page-hero{padding:44px 0 16px}.post-panel{padding:24px}
footer{margin-top:40px;padding:30px 0 38px;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:20px}.footer-links a{display:block;margin:8px 0}
.wa-float{position:fixed;right:16px;bottom:84px;z-index:70;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#34d977,#16a34a);color:#061109;font-size:1.55rem;font-weight:900;box-shadow:0 14px 32px rgba(22,163,74,.35)}
.mobile-bottom-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:75;background:rgba(8,8,11,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.mobile-bottom-bar .inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px 12px}.mobile-bottom-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border-radius:14px;background:#12131a;border:1px solid var(--line);font-weight:800;font-size:.85rem}.mobile-bottom-bar a.primary{background:linear-gradient(180deg,var(--red2),var(--red));border-color:var(--red)}
@media (max-width:1050px){.hero-grid,.contact-grid,.faq-grid,.footer-grid{grid-template-columns:1fr}.services,.stock,.reviews,.packs,.stats,.trust-grid{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.desktop-cta,.nav-links{display:none}.mobile-menu-btn{display:flex}.hero{padding-top:34px}.hero-card{min-height:340px}.hero-actions .btn{min-width:unset;flex:1}.mobile-bottom-bar{display:block}body{padding-bottom:84px}.wa-float{bottom:150px}}
@media (max-width:640px){.container{width:min(var(--container),calc(100% - 24px))}.brand img{height:46px}.brand-title{font-size:.95rem}.services,.stock,.reviews,.packs,.stats,.trust-grid{grid-template-columns:1fr}.hero-actions{display:grid;grid-template-columns:1fr}.hero-card{min-height:290px}.section{padding:28px 0}.service,.review,.pack,.stat,.contact-card,.form-box,.trust-item{padding:18px}}