:root{--xp-ink:#24342d;--xp-muted:#68756f;--xp-cream:#f6f3ed;--xp-card:#fff;--xp-copper:#c96f3c;--xp-copper-dark:#a95429;--xp-sage:#416d58;--xp-dark:#1f3029;--xp-line:#e2ddd3;--xp-soft:#eef2ee;--xp-shadow:0 12px 35px rgba(35,52,45,.09)}
body{background:var(--xp-cream)!important;color:var(--xp-ink)!important;font-size:14px!important}
header.top{min-height:74px!important;background:var(--xp-dark)!important;border-radius:0!important;padding:14px max(24px,calc((100vw - 1320px)/2))!important;gap:18px!important;box-shadow:none!important;position:sticky;top:0;z-index:80}
header.top .brand{font-size:23px!important;font-weight:900!important}header.top .brandmark{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(145deg,#e6b893,var(--xp-copper))!important;color:#fff!important;font-size:23px!important}header.top .tag{color:#cdd8d2!important;font-size:12px!important}header.top .warranty{margin-left:auto!important;border:1px solid #52635b!important;background:transparent!important;color:#dce5e0!important;border-radius:11px!important;padding:9px 13px!important}header.top .badge{background:#f0d3bd!important;color:#57331f!important;border:0!important;border-radius:99px!important;padding:9px 13px!important}
.usertool{max-width:1320px!important;margin:14px auto 0!important;padding:0 24px!important;gap:9px!important;justify-content:flex-end!important}.usertool button{background:#fff!important;border:1px solid var(--xp-line)!important;color:var(--xp-ink)!important;border-radius:11px!important;padding:10px 14px!important;box-shadow:0 3px 10px rgba(35,52,45,.035)!important;font-weight:780!important}.usertool button:hover{border-color:var(--xp-copper)!important;background:#fffaf7!important}.usertool #quotesBtn,.usertool #clientsBtn{order:-2}.usertool #logoutBtn{color:#8a5140!important}
.wrap{max-width:1320px!important;padding:20px 24px 100px!important}.home{padding-top:0!important}.express-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:9px 0 22px}.express-kicker{color:var(--xp-copper-dark);font-size:11px;letter-spacing:1.4px;font-weight:900}.express-title{font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-.8px;margin:6px 0}.express-sub{color:var(--xp-muted);font-size:14px}.express-new{border:0;background:var(--xp-copper);color:#fff;border-radius:12px;padding:13px 18px;font-weight:850;box-shadow:0 8px 20px rgba(201,111,60,.18);cursor:pointer;white-space:nowrap}
.cataloghero{background:linear-gradient(130deg,#31463c,var(--xp-dark))!important;border:0!important;border-radius:18px!important;padding:26px 28px!important;box-shadow:var(--xp-shadow)!important;margin-bottom:16px!important}.cataloghero .eyebrow{color:#e4ae8d!important}.cataloghero .hometitle{color:#fff!important;font-size:27px!important}.cataloghero .homesub{color:#cbd8d1!important}.herobadge{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:10px!important}
.catalogtools{padding:8px 0 14px!important}.catalogsearch{max-width:100%!important;border:1px solid var(--xp-line)!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}.cataloggrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.catalogcard{min-height:255px!important;border:1px solid var(--xp-line)!important;border-radius:16px!important;box-shadow:0 5px 18px rgba(35,52,45,.045)!important;background:#fff!important}.catalogcard:hover{border-color:var(--xp-copper)!important;transform:translateY(-3px)!important;box-shadow:var(--xp-shadow)!important}.gcvisual{height:145px!important;background:#f0f1ed!important}.gccopy{padding:16px 18px 19px!important}.gcname{font-size:19px!important;color:var(--xp-ink)!important}.gcarrow{background:var(--xp-copper)!important;color:#fff!important}
.workflowrail{background:#fff!important;border:1px solid var(--xp-line)!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(35,52,45,.055)!important}.workflowrail h3{color:var(--xp-ink)!important}.wkstep{border-radius:11px!important}.wkstep.active{background:#fff0e6!important;color:#9e4c25!important}.wkstep.active i{background:var(--xp-copper)!important}.wkstep.done{color:var(--xp-sage)!important}.wkstep.done i{background:#dceee4!important;color:var(--xp-sage)!important}
.grid{gap:18px!important}.card{background:#fff!important;border:1px solid var(--xp-line)!important;border-radius:17px!important;box-shadow:0 5px 18px rgba(35,52,45,.045)!important;padding:22px!important}.catalog-stage{border-top:0!important;overflow:hidden!important}.catalog-stage:before{content:'CONFIGURATION GUIDÉE';display:block;margin:-22px -22px 20px;padding:11px 22px;background:var(--xp-dark);color:#d8e1dc;font-size:10px;letter-spacing:1.2px;font-weight:900}.card h2{color:var(--xp-ink)!important}.card .step{width:30px!important;height:30px!important;border-radius:9px!important;background:var(--xp-copper)!important;color:#fff!important;font-weight:900!important}.crumb{padding:10px 12px!important;background:var(--xp-soft)!important;border-radius:10px!important;margin-bottom:18px!important}.linkbtn,.backstage{color:var(--xp-sage)!important}.step-intro{color:var(--xp-muted)!important;margin-bottom:14px!important}
.pill{background:#fff!important;border:1px solid var(--xp-line)!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(35,52,45,.035)!important}.pill:hover{border-color:var(--xp-copper)!important}.pill.on{background:#fff8f3!important;color:var(--xp-ink)!important;border:2px solid var(--xp-copper)!important}.typepills .pill.on{background:var(--xp-dark)!important;color:#fff!important;border-color:var(--xp-dark)!important}
.modellist{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.modelitem{min-height:190px!important;border:1px solid var(--xp-line)!important;border-radius:14px!important;background:#fff!important;padding:10px!important;box-shadow:none!important}.modelitem:hover{border-color:#b9c5be!important;transform:translateY(-2px)!important}.modelitem.on{border:2px solid var(--xp-copper)!important;background:#fffaf7!important;padding:9px!important}.modelthumb{height:118px!important;flex-basis:118px!important;background:#f0f1ed!important;border:0!important;border-radius:10px!important}.modelitem.on:after{content:'✓';position:absolute;right:13px;top:13px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--xp-copper);color:white;font-weight:900}.modelitem .code{background:var(--xp-soft)!important;color:var(--xp-muted)!important;border-radius:6px!important;padding:3px 6px!important}.modelcopy b{font-size:15px!important}
.aside{top:92px!important}.pricebox{background:var(--xp-dark)!important;border-radius:15px!important;box-shadow:0 12px 28px rgba(31,48,41,.2)!important}.pricebox:before{color:#b7c8bf!important}.pricebox .big{color:#fff!important;font-size:29px!important}button.add,.btnrow .prim{background:var(--xp-copper)!important;border-color:var(--xp-copper)!important;color:#fff!important}.offer{border-radius:17px!important}.offeritem{background:#fbfcfb!important;border-color:var(--xp-line)!important;border-radius:12px!important}.tot{border-color:var(--xp-dark)!important}.tot .l.grand b{color:var(--xp-copper-dark)!important}
input,select,textarea{border-color:var(--xp-line)!important;border-radius:10px!important}input:focus,select:focus,textarea:focus{outline:2px solid rgba(201,111,60,.2)!important;border-color:var(--xp-copper)!important}.note{background:#fff5eb!important;border-color:#eed2bc!important}.selinfo{background:var(--xp-soft)!important}.offerfab{background:var(--xp-dark)!important;border-radius:15px!important;box-shadow:0 12px 30px rgba(31,48,41,.28)!important}.offerfab .fabn{background:var(--xp-copper)!important;color:#fff!important}
@media(max-width:1100px){.cataloggrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:850px){header.top{position:static!important}.workflowrail{display:none!important}.grid:not(.hidden){grid-template-columns:1fr!important}.aside{position:static!important}.cataloggrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modellist,.fence-models{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){header.top{padding:13px 16px!important;gap:7px 11px!important}header.top .brand{font-size:20px!important}header.top .brandmark{width:35px!important;height:35px!important}header.top .tag{width:100%;order:5!important}header.top .warranty{display:none!important}header.top .badge{margin-left:auto!important;padding:7px 10px!important;font-size:10px!important}.usertool{padding:0 12px!important;margin-top:10px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.usertool button{font-size:11px!important;padding:9px 7px!important;min-width:0!important}.usertool #quotesBtn,.usertool #clientsBtn{order:-3}.usertool #logoutBtn{grid-column:1/-1}.wrap{padding:15px 12px 105px!important}.express-welcome{display:block;padding:5px 0 16px}.express-title{font-size:25px}.express-sub{font-size:13px}.express-new{width:100%;margin-top:13px}.cataloghero{display:block!important;padding:19px!important}.cataloghero .hometitle{font-size:22px!important}.herobadge{display:inline-block!important;margin-top:12px!important}.cataloggrid{grid-template-columns:1fr!important}.catalogcard{min-height:235px!important}.card{padding:17px!important}.catalog-stage:before{margin:-17px -17px 17px!important;padding:10px 17px!important}.modellist,.fence-models{grid-template-columns:1fr!important}.modelitem{min-height:0!important;display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;align-items:center!important}.modelthumb{height:76px!important;flex-basis:76px!important}.modelcopy{width:auto!important}.modelitem .code{position:static!important;justify-self:start!important;margin-top:5px!important}.offerfab{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;justify-content:center!important;border-radius:15px!important}.row2,.row3{grid-template-columns:1fr!important}}


/* v52 — Accueil Impact : cartes compactes et dessins prioritaires */
#homeSection .express-welcome{padding:2px 0 16px;align-items:center}
#homeSection .express-title{font-size:38px;letter-spacing:-1.2px}
#homeSection .express-new{padding:14px 22px;border-radius:14px;box-shadow:0 10px 24px rgba(201,111,60,.28);transition:transform .16s,box-shadow .16s}
#homeSection .express-new:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(201,111,60,.34)}
#homeSection .cataloghero{position:relative;overflow:hidden;padding:20px 24px!important;margin-bottom:12px!important;background:radial-gradient(circle at 86% 30%,rgba(215,135,86,.36),transparent 23%),linear-gradient(120deg,#1d3028 0%,#314b3e 62%,#273a32 100%)!important}
#homeSection .cataloghero:after{content:'→';position:absolute;right:25px;bottom:-42px;font-size:145px;line-height:1;color:rgba(255,255,255,.045);font-weight:900}
#homeSection .cataloghero .hometitle{font-size:25px!important}
#homeSection .cataloghero .homesub{margin-bottom:0!important}
#homeSection .catalogtools{padding:5px 0 11px!important}
#homeSection .catalogsearch{height:44px!important}
#homeSection .cataloggrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#homeSection .catalogcard{min-height:218px!important;border-radius:14px!important;box-shadow:0 5px 14px rgba(35,52,45,.05)!important;overflow:hidden!important;isolation:isolate}
#homeSection .catalogcard:hover{transform:translateY(-4px) scale(1.012)!important;box-shadow:0 15px 28px rgba(35,52,45,.13)!important}
#homeSection .catalogcard .gcvisual{height:142px!important;position:relative;overflow:hidden!important}
#homeSection .catalogcard .gcvisual:after{content:'';position:absolute;inset:auto 0 0;height:24px;background:linear-gradient(transparent,rgba(255,255,255,.72));pointer-events:none}
#homeSection .catalogcard .gcvisual img{padding:2px 8px 0!important;transform:scale(1.12);filter:drop-shadow(0 8px 7px rgba(28,42,35,.16));transition:transform .2s ease!important}
#homeSection .catalogcard:hover .gcvisual img{transform:scale(1.2)!important}
#homeSection .catalogcard .gccopy{padding:10px 13px 12px!important;position:relative}
#homeSection .catalogcard .gcstatus{position:absolute;left:10px;top:-132px;z-index:2;margin:0!important;background:rgba(255,255,255,.9)!important;color:var(--xp-sage)!important;backdrop-filter:blur(5px);box-shadow:0 2px 7px rgba(0,0,0,.07)}
#homeSection .catalogcard .gcname{font-size:17px!important;line-height:1.15!important;margin-right:34px}
#homeSection .catalogcard .gcdesc{display:none!important}
#homeSection .catalogcard .gcmeta{font-size:10.5px!important;margin-top:5px!important;color:var(--xp-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:28px}
#homeSection .catalogcard .gcarrow{right:11px!important;bottom:11px!important;width:29px!important;height:29px!important;box-shadow:0 5px 12px rgba(31,48,41,.15)}
#homeSection .catalogcard[class*="theme-"]{border-top-width:4px!important}
#homeSection .catalogcard.theme-trend{min-height:218px!important;background:#fff!important}
#homeSection .catalogcard.theme-trend .gcvisual{height:142px!important}
#homeSection .catalogcard.theme-trend .gcplaceholder span{font-size:70px!important;opacity:.5}
@media(max-width:1100px){#homeSection .cataloggrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){#homeSection .cataloggrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#homeSection .express-title{font-size:30px}}
@media(max-width:620px){#homeSection .express-welcome{padding-top:0}#homeSection .express-title{font-size:26px}#homeSection .cataloghero{padding:17px!important}#homeSection .cataloghero:after{font-size:95px;right:8px}#homeSection .cataloggrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#homeSection .catalogcard{min-height:176px!important;border-radius:12px!important}#homeSection .catalogcard .gcvisual,#homeSection .catalogcard.theme-trend .gcvisual{height:108px!important}#homeSection .catalogcard .gcvisual img{padding:0 3px!important;transform:scale(1.13)}#homeSection .catalogcard .gccopy{padding:9px 10px 10px!important}#homeSection .catalogcard .gcstatus{top:-100px;left:7px;font-size:7.5px!important;padding:3px 5px!important}#homeSection .catalogcard .gcname{font-size:14px!important;margin-right:25px}#homeSection .catalogcard .gcmeta{font-size:8.5px!important;margin-top:3px!important;padding-right:16px}#homeSection .catalogcard .gcarrow{width:24px!important;height:24px!important;right:8px!important;bottom:9px!important;font-size:12px}#homeSection .catalogcard.theme-trend{min-height:176px!important}}