:root{font-family:Inter,Arial,sans-serif;color:#202b27;background:#f8f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #d4d9d2;background:white;border-radius:7px;min-height:46px;padding:12px 20px;color:inherit}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-bottom:1px solid #dedfd6;background:#fff;gap:20px}.brand{font-size:30px;font-weight:900;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:4px;margin-top:4px}nav{display:flex;gap:30px;font-size:13px}.dark,.primary{background:#183c32;color:#fff;border:0}.dark span{background:#e3b970;color:#183c32;border-radius:50%;padding:3px 7px;margin-left:8px}main{max-width:1380px;margin:auto;padding:30px 5%}.corner{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:22px}.dot{width:8px;height:8px;background:#557b55;border-radius:100%}.corner select{border:0;background:transparent;max-width:280px}.hero{background:#e9ece3;display:grid;grid-template-columns:1.4fr 1fr;border-radius:12px;overflow:hidden;min-height:350px}.hero-copy{padding:46px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#5a6e61}h1{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.06;margin:20px 0}h1 em{font-style:normal;color:#55755e}.hero p{max-width:360px;line-height:1.7;color:#677267;font-size:14px}.hero-art{background:#dbe1d4;display:grid;place-items:center;position:relative}.hero-art svg{width:78%;height:290px;filter:drop-shadow(6px 16px 12px #66715c40)}.stamp{position:absolute;bottom:25px;right:25px;background:#f8f7f3;padding:13px;font-size:10px;letter-spacing:1px;transform:rotate(-5deg)}.benefits{display:flex;justify-content:space-between;border-bottom:1px solid #dedfd6;padding:24px 0;font-size:12px;color:#576258;gap:12px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:35px 0 20px}h2{font-size:26px;letter-spacing:-.7px;margin:0 0 8px}p.muted,.muted{color:#72786f;font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filters button{border-radius:25px;padding:10px 20px;min-height:40px;font-size:13px}.filters .active{background:#183c32;color:#fff}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:0;background:transparent;padding:0;text-align:left}.product-art{background:#eeeee8;border-radius:10px;position:relative;aspect-ratio:1/1.1;display:grid;place-items:center;overflow:hidden}.product:nth-child(2) .product-art{background:#e7e9e6}.product:nth-child(3) .product-art{background:#e5e9df}.product-art svg{width:85%;height:85%;filter:drop-shadow(4px 10px 7px #0002);transition:transform .2s}.product:hover svg{transform:scale(1.04)}.tag{position:absolute;top:14px;left:14px;background:#fff9;padding:7px 9px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.product h3{font-size:15px;margin:17px 0 7px}.product p{font-size:12px;color:#788075;margin:0 0 12px}.price{display:flex;justify-content:space-between;align-items:center;font-size:14px}.price span{font-size:11px;color:#788075}.arrow{background:white;border-radius:100%;padding:7px 10px}.notice{margin:28px 0;padding:18px;background:#eeeee7;font-size:12px;line-height:1.6;border-radius:8px}footer{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:30px 5%;border-top:1px solid #dedfd6;font-size:12px;color:#72786f}footer strong{font-size:23px;color:#183c32}footer small{margin-left:auto}dialog{border:0;border-radius:14px;padding:34px;width:min(580px,95vw);max-height:90vh;color:#202b27}dialog::backdrop{background:#10281c80;backdrop-filter:blur(3px)}.close{float:right;font-size:25px;padding:0 12px;border:0}.form{display:grid;gap:16px;clear:both}label{display:grid;gap:7px;font-size:13px}input,select,textarea{width:100%;padding:13px;border:1px solid #ccd1c9;border-radius:6px;background:white;color:#202b27}textarea{min-height:90px}.row{display:flex;gap:14px}.row>*{flex:1}.wide{width:100%}.line{padding:16px 0;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:16px}.line small{display:block;color:#72786f;margin-top:6px}.line button{padding:5px 10px}.total{font-size:21px;padding:20px 0;display:flex;justify-content:space-between}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183c32;color:white;border-radius:8px;z-index:10;padding:15px 24px;display:none;max-width:90vw}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stat,.panel{background:white;border:1px solid #e0e3dc;border-radius:10px;padding:24px}.stat strong{display:block;font-size:28px;margin-top:10px}.order{padding:22px 0;border-top:1px solid #ddd}.order h3{font-size:16px}.order select{max-width:200px}.empty{padding:50px;text-align:center}.login{max-width:440px;margin:50px auto}button:focus-visible,a:focus-visible{outline:3px solid #b78c45;outline-offset:4px}@media(max-width:850px){nav{display:none}.products{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:30px}.hero-art svg{height:230px}.benefits{font-size:11px}.stats{grid-template-columns:1fr}.row{flex-wrap:wrap}.row>*{min-width:180px}}@media(max-width:520px){header{padding:18px 5%}.brand{font-size:24px}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{padding:28px}.benefits{flex-direction:column;gap:12px}.products{gap:14px}.section-head{align-items:start;gap:15px}h2{font-size:23px}.section-head p{max-width:120px}.tag{font-size:8px;top:9px;left:9px}.price{font-size:13px}.corner{flex-wrap:wrap}footer small{margin-left:0}}

/* Accueil tactile inspiré de Workwear Pro Hub. */
:root{color:#102033;background:#f7f9fc}header{border-color:#e2e8ef}.dark,.primary,.filters .active{background:#102033}.dark span{background:#f3dfb7;color:#102033}.corner{background:#fff;border:1px solid #e1e7ee;border-radius:12px;padding:12px 16px;flex-wrap:wrap}.corner select{flex:1;max-width:360px;min-height:44px;color:#102033}.welcome{padding:34px 0 0}.welcome-badge{display:inline-block;background:#f6e8cc;color:#564329;border-radius:24px;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:1px}.welcome h1{max-width:990px;font-size:clamp(34px,4.8vw,60px);line-height:1.2;font-weight:750;letter-spacing:-1.8px;margin:22px 0}.welcome h1 em{color:#5a6472}.welcome>p{color:#5c6878;line-height:1.6;font-size:17px;max-width:760px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.action-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:186px;text-align:left;border:1px solid #d8e0ea;border-radius:18px;padding:24px;background:#fff;color:#102033;box-shadow:0 3px 6px #10203308;transition:transform .15s,box-shadow .15s}.action-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #10203312}.action-icon{display:block;font-size:28px;line-height:1;margin-bottom:32px}.action-card strong{font-size:23px;line-height:1.3;margin-bottom:6px}.action-card>span:last-child{font-size:13px;line-height:1.5;color:#5c6878}.action-main{background:#102033;color:#fff;border-color:#102033}.action-main>span:last-child{color:#d1d9e2}.welcome .welcome-help{font-size:12px;margin:26px 0 12px}.benefits{border-color:#dfe5ec;color:#526174}.eyebrow{color:#526174}.notice{background:#edf1f6}.product-art{background:#eef1f5}.filters button{min-height:44px}#collection{scroll-margin-top:24px}#message{background:#102033}.muted,p.muted{color:#617083}footer strong{color:#102033}dialog{color:#102033}.action-card:focus-visible{outline:3px solid #b58a43;outline-offset:4px}@media(max-width:850px){.action-grid{gap:12px}.action-card{padding:20px}.action-card strong{font-size:20px}}@media(max-width:620px){.welcome{padding-top:16px}.welcome h1{font-size:36px;letter-spacing:-1px}.welcome>p{font-size:15px}.action-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.action-card{min-height:126px;padding:20px}.action-icon{margin-bottom:12px;font-size:24px}.action-card strong{font-size:21px}.corner select{max-width:100%}.benefits{flex-direction:column}.welcome-help{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.action-card,.product-art svg{transition:none}html{scroll-behavior:auto}}