.how-page{background:#fff}.how-hero{position:relative;color:#fff;background:#1d282d url('assets/process-forklift.jpg') center 50%/cover;isolation:isolate}.how-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#131e24f5 0%,#131e24e6 31%,#131e2499 48%,#131e2400 78%);z-index:-1}.how-hero .container{padding-top:27px;padding-bottom:29px}.how-hero .breadcrumb{height:auto;display:flex;justify-content:flex-start;align-items:center;gap:11px;font-size:12px;margin:0 0 18px}.breadcrumb a{font-size:12px;font-weight:650;color:#fff3bd;text-decoration:underline;text-underline-offset:3px;display:inline-block}.breadcrumb a:after{display:none}.breadcrumb>span:first-of-type{font-size:21px;line-height:1;color:#fff}.breadcrumb>span:last-child{font-weight:550}.how-hero h1{font-size:57px;letter-spacing:-1.9px;margin:0 0 15px;line-height:1.08}.how-hero>div>p{font-size:19px;line-height:1.42;max-width:680px}.how-process{padding-top:28px;padding-bottom:33px}.how-process>h2{font-size:16px;text-transform:uppercase;letter-spacing:-.3px;display:flex;gap:15px;align-items:center;margin:0 0 24px;line-height:1.3}.how-process>h2>span{height:5px;width:58px;background:var(--yellow);border-radius:2px;flex-shrink:0}.how-step-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:29px}.how-step{position:relative;background:linear-gradient(140deg,#f8f7f4,#f5f4f1);border-radius:17px;padding:11px 8px 8px;text-align:center;min-width:0;display:flex;flex-direction:column}.how-step-copy{padding:0 12px;display:flex;flex-direction:column;align-items:center;flex:1}.how-step-copy>svg{width:66px;height:66px;stroke-width:1.25;margin-bottom:16px}.how-step-badge{display:inline-block;padding:5px 20px;background:var(--yellow);border-radius:20px;font-size:12px;font-weight:800;line-height:1.15;text-transform:uppercase;margin-bottom:13px}.how-step h3{font-size:26px;line-height:1.1;letter-spacing:-.85px;min-height:59px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-weight:800}.how-step p{font-size:15px;line-height:1.35;max-width:270px;min-height:63px;margin:0 0 20px}.how-step-photo{width:100%;height:200px;object-fit:cover;border-radius:13px;display:block}.how-step-photo-2{object-position:78% 28%}.how-step-photo-3{object-position:50% 50%}.how-step-photo-4{object-position:66% 50%}.step-connector{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:2px solid #ffda2e;background:var(--yellow);color:var(--ink);position:absolute;z-index:2;right:-35px;top:159px;transform:translateX(-50%);box-shadow:0 1px 3px #00000009}.step-connector svg{height:23px;width:23px;stroke-width:2.5}.how-benefits{background:linear-gradient(#152127e6,#152127e6),url('assets/entrepot-original.jpg') center 48%/cover;color:white;padding:27px 0}.how-benefits>ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.how-benefits li{display:flex;gap:18px;padding:0 28px;border-right:1px solid #ffffffaa;align-items:flex-start}.how-benefits li:first-child{padding-left:0}.how-benefits li:last-child{border-right:0;padding-right:0}.how-benefits li>svg{width:43px;height:43px;color:var(--yellow);stroke-width:1.8;flex-shrink:0}.how-benefits h3{font-size:21px;line-height:1.2;letter-spacing:-.55px;margin:0 0 7px}.how-benefits p{font-size:14px;line-height:1.45}.how-situations{padding-top:36px;padding-bottom:37px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:31px;align-items:stretch}.situation-intro .yellow-rule{margin:0 0 19px;height:5px;width:58px}.situation-intro h2{font-size:33px;line-height:1.05;letter-spacing:-1.1px}.situation-intro p{font-size:15px;line-height:1.4;margin-top:15px;max-width:260px}.situation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.situation-card{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-width:0;width:100%;padding:0;border:0;background:#142024;color:#fff;text-align:left;min-height:229px}.situation-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 18%,#15202719 35%,#10191df7);z-index:-1}.situation-card>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .4s}.situation-card:hover>img{transform:scale(1.06)}.situation-card>span{display:flex;flex-direction:column;position:absolute;bottom:23px;left:19px;right:12px}.situation-card svg{width:37px;height:37px;stroke-width:1.65;color:var(--yellow);margin-bottom:12px}.situation-card strong{font-size:20px;line-height:1.1;letter-spacing:-.6px;font-weight:800}.situation-series img{object-position:20% 35%}.situation-invendus img{object-position:0% 45%}.situation-litiges img{object-position:70% 40%}.situation-liquidation img{object-position:75% 50%}.how-cta{display:grid;grid-template-columns:31% minmax(0,1fr);background:linear-gradient(110deg,#ffdc25,#ffc400 62%,#f0b200);min-height:165px}.how-cta-image{background:url('assets/process-pallets.jpg') left 50%/cover;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);margin-right:-30px}.how-cta-content{padding:32px 36px 30px 22px;display:flex;align-items:center;gap:28px;justify-content:space-between;max-width:1100px}.how-cta-content h2{font-size:31px;letter-spacing:-.95px;line-height:1.1;margin-bottom:10px}.how-cta-content p{font-size:13px;line-height:1.5}.how-cta .button{min-height:56px;padding:15px 22px;gap:13px;font-size:14px;flex-shrink:0}.how-cta .button>svg:first-child{color:var(--yellow);width:26px;height:26px}.how-cta .button>svg:last-child{color:var(--yellow);width:23px;height:23px;margin-left:7px}.how-page footer{padding-top:26px;padding-bottom:26px}
@media(max-width:1250px){.how-hero h1{font-size:53px}.how-hero>div>p{font-size:18px}.how-step-grid{gap:26px}.how-step-copy{padding:0 7px}.how-step-copy>svg{width:61px;height:61px}.how-step h3{font-size:23px;min-height:53px}.how-step p{font-size:14px;min-height:60px}.how-step-photo{height:185px}.step-connector{width:37px;height:37px;right:-33px;top:155px}.how-benefits li{gap:14px;padding:0 23px}.how-benefits li>svg{width:39px;height:39px}.how-benefits h3{font-size:19px}.how-benefits p{font-size:13px}.how-situations{grid-template-columns:245px minmax(0,1fr);gap:25px}.situation-intro h2{font-size:31px}.situation-intro p{font-size:14px}.situation-card{min-height:213px}.situation-card>span{bottom:20px;left:16px}.situation-card strong{font-size:18px}.situation-card svg{width:34px;height:34px}.how-cta-content{gap:21px;padding-right:28px}.how-cta-content h2{font-size:27px}.how-cta-content p{font-size:12px}.how-cta .button{padding:14px 19px;font-size:12px;gap:10px}}
@media(max-width:1050px){.how-hero h1{font-size:48px}.how-hero>div>p{font-size:17px}.how-step-grid{gap:22px}.how-step-copy{padding:0 6px}.how-step h3{font-size:20px;min-height:47px}.how-step p{font-size:12px;min-height:65px}.how-step-copy>svg{width:55px;height:55px}.how-step-badge{font-size:11px;padding:5px 18px}.how-step-photo{height:162px}.step-connector{right:-30px;top:144px;width:34px;height:34px}.how-benefits li{padding:0 19px;gap:11px}.how-benefits li>svg{width:35px;height:35px}.how-benefits h3{font-size:16px}.how-benefits p{font-size:12px}.how-situations{grid-template-columns:210px minmax(0,1fr);gap:22px}.situation-intro h2{font-size:27px}.situation-intro p{font-size:13px}.situation-grid{gap:12px}.situation-card{min-height:204px}.situation-card>span{bottom:18px;left:13px;right:8px}.situation-card strong{font-size:16px}.situation-card svg{width:32px;height:32px}.how-cta{grid-template-columns:27% minmax(0,1fr)}.how-cta-content{gap:20px;padding:30px 25px 30px 20px}.how-cta-content h2{font-size:25px}.how-cta-content p{font-size:11px}.how-cta .button{min-height:51px;padding:13px 16px;font-size:11px;gap:9px}.how-cta .button svg:first-child{width:22px;height:22px}.how-cta .button svg:last-child{margin-left:0;width:20px;height:20px}}
@media(max-width:800px){.how-hero{background-position:60% 50%}.how-hero:before{background:linear-gradient(90deg,#142027ed,#142027c4 50%,#14202733)}.how-hero h1{font-size:45px}.how-hero>div>p{font-size:16px}.how-hero .container{padding-top:25px;padding-bottom:28px}.how-process{padding-top:25px;padding-bottom:27px}.how-process>h2{font-size:14px;gap:13px}.how-process>h2>span{width:44px;height:4px}.how-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}.how-step{padding:14px 9px 9px}.how-step-copy{padding:0 10px}.how-step-copy>svg{width:55px;height:55px;margin-bottom:12px}.how-step-badge{margin-bottom:12px}.how-step h3{font-size:24px;min-height:53px}.how-step p{font-size:14px;min-height:59px;margin-bottom:19px}.how-step-photo{height:192px}.step-connector{top:143px;right:-32px;width:38px;height:38px}.how-step:nth-child(2) .step-connector{display:none}.how-benefits{padding:24px 0}.how-benefits>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0}.how-benefits li{padding:0 20px;gap:14px}.how-benefits li:nth-child(2){border-right:0;padding-right:0}.how-benefits li:nth-child(3){padding-left:0}.how-benefits h3{font-size:20px;margin-bottom:6px}.how-benefits p{font-size:13px}.how-benefits li>svg{width:39px;height:39px}.how-situations{grid-template-columns:1fr;gap:24px;padding-top:29px;padding-bottom:29px}.situation-intro .yellow-rule{margin-bottom:15px;width:47px}.situation-intro h2{font-size:31px}.situation-intro h2 br{display:none}.situation-intro p{font-size:14px;max-width:540px;margin-top:11px}.situation-card{min-height:217px}.situation-card strong{font-size:17px}.how-cta{grid-template-columns:27% minmax(0,1fr);min-height:180px}.how-cta-content{display:block;padding:26px 25px 25px 12px}.how-cta-content h2{font-size:27px}.how-cta-content p{font-size:12px;max-width:390px}.how-cta .button{margin-top:17px;font-size:12px;padding:12px 20px;min-height:47px}}
@media(max-width:500px){.how-hero .container{padding:23px 0 25px}.how-hero .breadcrumb{font-size:10px;gap:9px;margin-bottom:17px}.how-hero .breadcrumb a{font-size:10px}.breadcrumb>span:first-of-type{font-size:18px}.how-hero h1{font-size:38px;line-height:1.08;letter-spacing:-1.3px;margin-bottom:14px;max-width:330px}.how-hero>div>p{font-size:14px;line-height:1.5;max-width:340px}.how-hero>div>p br{display:none}.how-hero{background-position:66% 50%}.how-hero:before{background:linear-gradient(90deg,#142027ed,#142027ba 70%,#1420276b)}.how-process{padding-top:24px;padding-bottom:26px}.how-process>h2{font-size:12px;line-height:1.35;gap:11px;letter-spacing:-.2px;margin-bottom:21px}.how-process>h2>span{width:31px;height:4px}.how-step-grid{grid-template-columns:1fr;gap:26px}.how-step{padding:19px 9px 9px;border-radius:15px}.how-step-copy{padding:0 14px}.how-step-copy>svg{width:57px;height:57px;margin-bottom:13px}.how-step-badge{font-size:11px;padding:5px 20px;margin-bottom:13px}.how-step h3{font-size:26px;min-height:auto;line-height:1.1;margin-bottom:13px}.how-step p{font-size:14px;min-height:auto;max-width:280px;margin-bottom:20px}.how-step-photo{height:203px;border-radius:11px}.step-connector{display:none!important}.how-benefits{padding:25px 0}.how-benefits>ul{grid-template-columns:1fr;gap:0}.how-benefits li,.how-benefits li:first-child,.how-benefits li:nth-child(2),.how-benefits li:nth-child(3),.how-benefits li:last-child{padding:17px 0;border-right:0;border-bottom:1px solid #ffffff4a;gap:18px;align-items:center}.how-benefits li:first-child{padding-top:0}.how-benefits li:last-child{padding-bottom:0;border-bottom:0}.how-benefits li>svg{width:38px;height:38px}.how-benefits h3{font-size:21px;margin-bottom:4px}.how-benefits p{font-size:13px}.how-benefits p br{display:none}.how-situations{padding-top:26px;padding-bottom:27px;gap:21px}.situation-intro .yellow-rule{width:44px;height:4px;margin-bottom:15px}.situation-intro h2{font-size:29px;line-height:1.1;max-width:340px}.situation-intro p{font-size:13px;margin-top:12px;max-width:340px}.situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.situation-card{min-height:185px;border-radius:10px}.situation-card>span{left:13px;bottom:18px;right:7px}.situation-card svg{width:30px;height:30px;margin-bottom:10px}.situation-card strong{font-size:16px;letter-spacing:-.4px}.how-cta{grid-template-columns:1fr}.how-cta-image{height:126px;clip-path:none;margin-right:0;background-position:left 45%}.how-cta-content{padding:25px 20px 27px}.how-cta-content h2{font-size:29px;line-height:1.1;max-width:330px}.how-cta-content p{font-size:12px;max-width:335px}.how-cta .button{margin-top:20px;width:100%;font-size:13px;min-height:50px}.how-cta .button>svg:first-child{width:24px;height:24px}.how-cta .button>svg:last-child{margin-left:auto}.how-page footer{padding-top:24px;padding-bottom:24px}}
.how-step h3{display:block}
.how-hero .breadcrumb{position:static;padding:0;background:transparent;box-shadow:none;flex:initial;flex-direction:row;width:auto}
.how-hero .breadcrumb a{border:0;padding:0}
.situation-series img{object-position:100% 55%}
.how-hero{background-image:url('assets/process-forklift.jpg'),url('assets/process-forklift.jpg');background-repeat:no-repeat;background-size:auto 290px,cover;background-position:right center,center}
.step-connector{transform:none}
.situation-intro h2{font-size:28px}
@media(max-width:1050px){.how-hero{background-size:auto 280px,cover}.situation-intro h2{font-size:25px}}
@media(max-width:800px){.how-hero{background-size:auto 270px,cover}.situation-intro h2{font-size:30px}}
@media(max-width:500px){.how-hero{background-size:auto 265px,cover}.situation-intro h2{font-size:28px}}

/* Chaque situation dispose de sa propre photo, cadrée sur le sujet. */
.situation-card>img{object-position:center 42%}
.situation-liquidation>img{object-position:68% 42%}
/* Le visuel reste dans sa colonne : aucun chevauchement avec le texte. */
.how-cta .how-cta-image{margin-right:0}
.how-cta .how-cta-content{min-width:0;padding-left:32px}
.how-cta .how-cta-content>div{min-width:0}
@media(max-width:700px){.how-cta .how-cta-content{padding-left:24px}}
@media(max-width:500px){.how-cta .how-cta-content{padding-left:20px}}
