.retailers{padding-bottom:64px}.retailHero{display:grid;grid-template-columns:1fr 1.1fr;min-height:480px;margin-top:30px;border:1px solid #484a37;background:#141a13}.retailCopy{padding:48px 38px}.retailCopy h1{font-size:clamp(40px,4.8vw,72px);line-height:1.05;margin:20px 0}.retailCopy>p:not(.retailHand){max-width:460px;line-height:1.75;color:#c9cbbc;margin-bottom:30px}.retailHand{font-family:Allura,cursive;font-size:38px;color:#b9b28b;margin:12px 0}.retailVisual{position:relative;overflow:hidden;min-height:350px}.retailVisual img{width:100%;height:100%;object-fit:cover;object-position:60% center;filter:saturate(.65)}.retailVisual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a100be8,transparent 55%)}.retailVisual>span{position:absolute;z-index:1;bottom:24px;left:28px;font-size:11px;letter-spacing:2px;line-height:1.8}.retailSection{padding:58px 0}.retailHeading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.retailHeading p{color:#afb5a7;font-size:14px}.retailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.retailCard{display:flex;flex-direction:column;min-height:215px;padding:25px;border:1px solid #454b3c;background:linear-gradient(135deg,#232b20,#111710);text-decoration:none;transition:transform .2s,border-color .2s}.retailCard:hover{transform:translateY(-4px);border-color:#c1b780}.retailCard:focus-visible,.retailJoin a:focus-visible{outline:3px solid #dacf97;outline-offset:4px}.retailCardTop{display:flex;justify-content:space-between;color:#aaa580;font-size:11px;letter-spacing:2px}.retailCard h3{font-size:29px;line-height:1.2;margin:32px 0}.retailVisit{font-size:12px;color:#d4cfa8;letter-spacing:1px;margin-top:auto}.retailCard small{font-size:10px;color:#a5aa9b;margin-top:6px}.retailJoin{border-top:1px solid #777657;border-bottom:1px solid #777657;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px;background:#1a2118}.retailJoin h2{font-size:30px}.retailJoin p{max-width:650px;line-height:1.7;color:#bdc3b5}.retailJoin .btn{white-space:nowrap}header .nav{flex-wrap:wrap}@media(max-width:800px){.retailHero{grid-template-columns:1fr}.retailVisual{height:260px;min-height:0}.retailCopy{padding:28px}.retailGrid{grid-template-columns:repeat(2,1fr)}.retailHeading,.retailJoin{display:block}.retailJoin .btn{display:inline-block;margin-top:15px}}@media(max-width:480px){.retailGrid{grid-template-columns:1fr}.retailJoin{padding:24px}.retailCopy h1{font-size:42px}}
/* Plaques assorties aux boutons sociaux. */
.retailGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.retailGrid .retailerPlate{width:180px;min-height:150px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px 16px;text-align:center;background:linear-gradient(145deg,#3b4430,#242b1e);border:1px solid #8e9070;border-radius:5px;box-shadow:inset 0 0 0 4px #262d20,0 6px 12px #1115;color:#ded8b9}.retailerPlate .retailerMark{font-size:25px;line-height:1}.retailerPlate h3.plateName{font:500 16px/1.3 Oswald,sans-serif;letter-spacing:.7px;margin:0;text-transform:uppercase}.retailerPlate .retailerCountry{font-size:13px;color:#ded8b9}.retailerPlate small{margin:0;font-size:10px;color:#b6b99e}.retailGrid .retailerPlate:hover{background:#414d33;border-color:#d4c392;color:#fff1be;transform:translateY(-3px)}@media(max-width:480px){.retailGrid{gap:12px}.retailGrid .retailerPlate{width:calc((100% - 12px)/2);min-height:150px}.retailerPlate h3.plateName{font-size:14px}}
/* Plaques revendeurs agrandies. */
.retailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.retailGrid .retailerPlate{width:100%;min-height:220px;padding:30px 20px 24px;gap:14px}.retailerPlate .retailerMark{font-size:34px}.retailerPlate h3.plateName{font-size:23px;letter-spacing:1px}.retailerPlate .retailerCountry{font-size:17px}.retailerPlate small{font-size:12px}@media(max-width:800px){.retailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:480px){.retailGrid{grid-template-columns:1fr;gap:18px}.retailGrid .retailerPlate{width:100%;min-height:205px}.retailerPlate h3.plateName{font-size:23px}}