*{box-sizing:border-box;margin:0;padding:0;}
:root{
    --or:#f97316;--or2:#e06010;--or-light:#fff3e8;
    --blk:#0d0d0d;--blk2:#1a1a1a;
    --wh:#ffffff;--off:#f8f6f2;--gray:#888;
    --gray2:#f2f0ec;--border:#e0ddd8;
}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:var(--wh);color:var(--blk);overflow-x:hidden;}

/* ===================== HEADER ===================== */
.ht{
    background:var(--blk);padding:0.45rem 1rem;
    display:flex;justify-content:space-between;align-items:center;
    position:sticky;top:0;z-index:300;
}
.ht-left{display:flex;align-items:center;gap:1.2rem;}
.ht-item{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,0.65);font-size:0.74rem;}
.ht-item svg{width:12px;height:12px;stroke:var(--or);fill:none;stroke-width:2;flex-shrink:0;}
.ht-item a{color:rgba(255,255,255,0.65);text-decoration:none;}
.ht-socials{display:flex;gap:6px;}
.ht-soc{width:24px;height:24px;background:rgba(255,255,255,0.07);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;}
.ht-soc:hover{background:var(--or);}
.ht-soc svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2;}

.hm{
    background:var(--wh);border-bottom:3px solid var(--or);
    padding:0.5rem 1rem;
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    position:sticky;top:37px;z-index:299;
    box-shadow:0 2px 12px rgba(0,0,0,0.07);
}
.logo-area{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-circ{
    width:52px;height:52px;border-radius:50%;background:var(--or);
    display:flex;align-items:center;justify-content:center;
    font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.45rem;
    color:var(--wh);border:2px solid var(--blk);flex-shrink:0;
}
.logo-text .ln{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--blk);line-height:1.1;}
.logo-text .ls{font-size:0.6rem;color:var(--gray);font-style:italic;}

/* NAV desktop */
.nav-desktop{display:none;align-items:center;gap:0;}
.nav-desktop a{
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.85rem;
    letter-spacing:1px;text-transform:uppercase;color:var(--blk);
    padding:0.5rem 0.9rem;text-decoration:none;position:relative;transition:color 0.2s;
}
.nav-desktop a::after{content:'';position:absolute;bottom:-3px;left:0.9rem;right:0.9rem;height:3px;background:var(--or);transform:scaleX(0);transition:transform 0.2s;}
.nav-desktop a:hover{color:var(--or);}
.nav-desktop a:hover::after,.nav-desktop a.active::after{transform:scaleX(1);}
.nav-desktop a.active{color:var(--or);}
.nav-cta{
    background:var(--or);color:var(--wh);border:none;
    padding:0.55rem 1.2rem;
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.82rem;
    letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background 0.2s;border-radius:2px;
    white-space:nowrap;flex-shrink:0;
}
.nav-cta:hover{background:var(--or2);}

/* Burger */
.burger{width:38px;height:38px;background:transparent;border:1px solid var(--border);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.burger span{display:block;width:18px;height:2px;background:var(--blk);border-radius:1px;transition:all 0.3s;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Drawer */
.drawer{
    position:fixed;inset:0;background:var(--blk);z-index:298;
    display:flex;flex-direction:column;justify-content:center;align-items:center;
    transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.77,0,0.175,1);
}
.drawer.open{transform:translateX(0);}
.drawer a{
    font-family:'Barlow Condensed',sans-serif;font-weight:900;
    font-size:clamp(2rem,10vw,3.5rem);text-transform:uppercase;letter-spacing:1px;
    color:rgba(255,255,255,0.15);text-decoration:none;
    padding:0.6rem 2rem;border-bottom:1px solid rgba(255,255,255,0.05);
    width:100%;text-align:center;transition:color 0.2s;display:block;
}
.drawer a:hover{color:var(--or);}
.drawer-devis{background:var(--or)!important;color:var(--wh)!important;border-bottom:none!important;margin-top:1.5rem;border-radius:2px;font-size:1.4rem!important;}

/* ===================== HERO ===================== */
.hero{
    position:relative;min-height:88svh;
    display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
}
.hero-img{position:absolute;inset:0;background:#111 url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?w=1400&q=80') center/cover no-repeat;z-index:0;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.96) 0%,rgba(0,0,0,0.55) 45%,rgba(0,0,0,0.1) 100%);z-index:1;}
.hero-content{position:relative;z-index:2;padding:2.5rem 1.2rem 0;}
.hero-tag{display:flex;align-items:center;gap:8px;margin-bottom:1rem;}
.hero-tag-line{width:28px;height:2px;background:var(--or);}
.hero-tag-txt{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--or);}
.hero h1{
    font-family:'Barlow Condensed',sans-serif;font-weight:900;
    font-size:clamp(3rem,13vw,6rem);line-height:0.9;
    color:var(--wh);text-transform:uppercase;letter-spacing:-1px;margin-bottom:1.2rem;
}
.hero h1 em{color:var(--or);font-style:normal;display:block;}
.hero-sub{color:rgba(255,255,255,0.55);font-size:0.9rem;line-height:1.75;max-width:520px;margin-bottom:2rem;font-weight:300;}

/* TRACKING BOX — inspiré DHL */
.track-box{
    background:rgba(255,255,255,0.97);
    padding:1.5rem 1.2rem;margin:0 0 0;
    position:relative;z-index:2;
}
.track-box-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--blk);margin-bottom:1rem;}
.track-input-row{display:flex;flex-direction:column;gap:0.8rem;}
.track-in{
    flex:1;padding:0.9rem 1rem;border:1px solid var(--border);
    font-size:0.9rem;font-family:'Barlow',sans-serif;color:var(--blk);
    outline:none;transition:border-color 0.2s;
}
.track-in:focus{border-color:var(--or);}
.track-btn{
    background:var(--or);color:var(--wh);border:none;
    padding:0.9rem 1.8rem;
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.95rem;
    letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background 0.2s;white-space:nowrap;
}
.track-btn:hover{background:var(--or2);}

/* 3 QUICK ACTIONS — sous le tracking */
.quick-actions{
    display:grid;grid-template-columns:1fr;gap:0;
    background:var(--blk2);border-top:3px solid var(--or);
}
.qa-item{
    display:flex;align-items:center;gap:1rem;padding:1.2rem 1.2rem;
    border-bottom:1px solid rgba(255,255,255,0.06);cursor:pointer;
    transition:background 0.2s;text-decoration:none;
}
.qa-item:last-child{border-bottom:none;}
.qa-item:hover{background:rgba(249,115,22,0.1);}
.qa-icon{width:42px;height:42px;border-radius:4px;background:rgba(249,115,22,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.qa-icon svg{width:20px;height:20px;stroke:var(--or);fill:none;stroke-width:1.8;}
.qa-body{flex:1;}
.qa-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--wh);line-height:1.1;}
.qa-sub{font-size:0.75rem;color:rgba(255,255,255,0.4);margin-top:2px;}
.qa-arrow{color:var(--or);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.2rem;flex-shrink:0;}

/* ===================== TICKER ===================== */
.ticker{background:var(--or);padding:0.55rem 0;overflow:hidden;}
.ticker-inner{display:flex;gap:2.5rem;white-space:nowrap;animation:tick 24s linear infinite;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;gap:0.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--wh);}
.ti-dot{width:4px;height:4px;background:rgba(255,255,255,0.5);border-radius:50%;flex-shrink:0;}

/* ===================== STATS ===================== */
.stats{display:grid;grid-template-columns:repeat(2,1fr);background:var(--blk);}
.stat{text-align:center;padding:1.8rem 0.5rem;border-right:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);}
.stat:nth-child(2n){border-right:none;}
.stat:nth-child(3),.stat:nth-child(4){border-bottom:none;}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2.8rem;color:var(--wh);letter-spacing:-2px;line-height:1;}
.stat-num span{color:var(--or);}
.stat-lbl{font-size:0.72rem;color:rgba(255,255,255,0.4);margin-top:3px;}

/* ===================== SECTIONS ===================== */
.sec{padding:3.5rem 1.2rem;}
.sec-alt{background:var(--off);}
.sec-blk{background:var(--blk);}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--or);margin-bottom:0.5rem;}
.eyebrow.light{color:var(--or);}
.sec-h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(1.8rem,7vw,2.8rem);text-transform:uppercase;line-height:0.95;letter-spacing:-0.5px;margin-bottom:1rem;}
.sec-h2.dark{color:var(--blk);}
.sec-h2.light{color:var(--wh);}
.sec-p{font-size:0.88rem;line-height:1.8;font-weight:300;margin-bottom:1rem;}
.sec-p.dark{color:#555;}
.sec-p.light{color:rgba(255,255,255,0.55);}
.sec-link{display:inline-flex;align-items:center;gap:6px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--or);padding-bottom:2px;margin-top:0.5rem;}
.sec-link.dark{color:var(--blk);}
.sec-link.light{color:var(--wh);}
.sec-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:1.5rem;}
.ul-features{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem 1rem;margin:1rem 0;}
.ul-features li{display:flex;align-items:center;gap:7px;font-size:0.83rem;font-weight:500;}
.ul-features li::before{content:'';width:6px;height:6px;background:var(--or);border-radius:50%;flex-shrink:0;}

/* ===================== SERVICES GRID ===================== */
.svc-list{display:flex;flex-direction:column;border:1px solid var(--border);}
.svc-item{
    display:flex;align-items:center;gap:1rem;padding:1.2rem 1rem;
    border-bottom:1px solid var(--border);cursor:pointer;
    transition:background 0.2s;background:var(--wh);text-decoration:none;
}
.svc-item:last-child{border-bottom:none;}
.svc-item:hover{background:var(--blk);}
.svc-item:hover .svc-n{color:rgba(255,255,255,0.08);}
.svc-item:hover .svc-name{color:var(--wh);}
.svc-item:hover .svc-desc{color:rgba(255,255,255,0.45);}
.svc-item:hover .svc-arr{background:var(--or);color:var(--wh);}
.svc-n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.5rem;color:var(--border);min-width:34px;transition:color 0.2s;line-height:1;}
.svc-bd{flex:1;}
.svc-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--blk);transition:color 0.2s;line-height:1.2;}
.svc-desc{font-size:0.76rem;color:var(--gray);margin-top:3px;line-height:1.5;transition:color 0.2s;}
.svc-arr{width:28px;height:28px;background:var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;transition:all 0.2s;}

/* ===================== PHOTO GRID ===================== */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.pg{overflow:hidden;position:relative;cursor:pointer;aspect-ratio:4/3;}
.pg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.7);transition:transform 0.5s,filter 0.3s;}
.pg:hover img{transform:scale(1.06);filter:brightness(0.9);}
.pg-lbl{position:absolute;bottom:0.7rem;left:0.7rem;background:var(--or);color:var(--wh);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.68rem;letter-spacing:1.5px;text-transform:uppercase;padding:0.2rem 0.6rem;}
.pg.big{grid-column:span 2;aspect-ratio:16/6;}

/* ===================== CARDS GRID (DHL-style 4 col) ===================== */
.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.card{background:var(--wh);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:box-shadow 0.2s;}
.card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);}
.card-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:brightness(0.9);}
.card-body{padding:1rem;}
.card-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;color:var(--blk);margin-bottom:0.4rem;line-height:1.2;}
.card-desc{font-size:0.78rem;color:var(--gray);line-height:1.55;}

/* ===================== ABOUT ===================== */
.about-img-wrap{width:100%;height:260px;overflow:hidden;position:relative;}
.about-img-wrap img{width:100%;height:100%;object-fit:cover;}
.about-img-wrap::after{content:'';position:absolute;inset:0;background:rgba(249,115,22,0.18);}
.about-vals{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin:1.2rem 0;}
.av{display:flex;align-items:center;gap:7px;}
.av-sq{width:6px;height:6px;background:var(--or);flex-shrink:0;}
.av-txt{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.88rem;letter-spacing:0.5px;text-transform:uppercase;color:rgba(255,255,255,0.65);}

/* ===================== ALERT BAND ===================== */
.alert-band{background:var(--or-light);border-left:4px solid var(--or);padding:1rem 1.2rem;display:flex;align-items:flex-start;gap:0.8rem;}
.alert-band svg{width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:2;flex-shrink:0;margin-top:2px;}
.alert-txt{font-size:0.83rem;color:var(--blk);line-height:1.5;}
.alert-txt strong{font-weight:600;}

/* ===================== CTA BAND ===================== */
.cta-band{background:var(--or);padding:3rem 1.2rem;text-align:center;}
.cta-band h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(1.8rem,7vw,2.8rem);text-transform:uppercase;color:var(--wh);line-height:1;margin-bottom:0.6rem;}
.cta-band p{color:rgba(255,255,255,0.8);font-size:0.88rem;margin-bottom:1.8rem;}
.btn-blk{background:var(--blk);color:var(--wh);border:none;padding:1rem 2.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background 0.2s;}
.btn-blk:hover{background:#222;}

/* ===================== CONTACT ===================== */
.ci-list{display:flex;flex-direction:column;gap:0.9rem;margin-bottom:2.5rem;}
.ci-row{display:flex;align-items:flex-start;gap:0.8rem;padding:1rem;background:rgba(255,255,255,0.05);border-left:3px solid var(--or);}
.ci-ic{width:36px;height:36px;background:var(--or);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ci-ic svg{width:15px;height:15px;stroke:var(--wh);fill:none;stroke-width:2;}
.ci-lbl{font-size:0.68rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;}
.ci-val{font-size:0.9rem;font-weight:600;color:var(--wh);}
.form{display:flex;flex-direction:column;gap:0.9rem;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}
.f-in{padding:0.85rem 1rem;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.06);font-size:0.88rem;font-family:'Barlow',sans-serif;color:var(--wh);outline:none;transition:border-color 0.2s;width:100%;}
.f-in::placeholder{color:rgba(255,255,255,0.35);}
.f-in:focus{border-color:var(--or);}
textarea.f-in{resize:vertical;min-height:110px;}
.f-btn{background:var(--or);color:var(--wh);border:none;padding:1rem;width:100%;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background 0.2s;}
.f-btn:hover{background:var(--or2);}

/* ===================== FOOTER ===================== */
footer{background:#080808;padding:2.5rem 1.2rem 1.5rem;}
.f-top{padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.07);margin-bottom:2rem;}
.f-logo{display:flex;align-items:center;gap:10px;margin-bottom:1rem;}
.f-lc{width:44px;height:44px;border-radius:50%;background:var(--or);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.2rem;color:var(--wh);}
.f-ln{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1rem;letter-spacing:2px;text-transform:uppercase;color:var(--wh);}
.f-desc{color:rgba(255,255,255,0.35);font-size:0.8rem;line-height:1.7;max-width:300px;}
.f-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;}
.f-col h4{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:0.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--wh);margin-bottom:0.8rem;}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:0.45rem;}
.f-col ul li a{color:rgba(255,255,255,0.35);text-decoration:none;font-size:0.8rem;transition:color 0.2s;}
.f-col ul li a:hover{color:var(--or);}
.f-bottom{display:flex;flex-direction:column;gap:0.5rem;text-align:center;}
.f-copy{color:rgba(255,255,255,0.2);font-size:0.72rem;}
.f-links{display:flex;justify-content:center;gap:1rem;}
.f-links a{color:rgba(255,255,255,0.2);font-size:0.72rem;text-decoration:none;}


/* ===================== MODAL DEVIS ===================== */
.modal-overlay{
    position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:500;
    display:flex;align-items:flex-end;justify-content:center;
    opacity:0;pointer-events:none;transition:opacity 0.3s;
}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal{
    background:var(--wh);width:100%;max-width:560px;max-height:92svh;
    overflow-y:auto;border-radius:16px 16px 0 0;
    transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.77,0,0.175,1);
    display:flex;flex-direction:column;
}
.modal-overlay.open .modal{transform:translateY(0);}
@media(min-width:640px){
    .modal-overlay{align-items:center;}
    .modal{border-radius:12px;max-height:88vh;}
}
.modal-handle{width:40px;height:4px;background:#ddd;border-radius:2px;margin:12px auto 0;flex-shrink:0;}
.modal-header{
    display:flex;align-items:center;justify-content:space-between;
    padding:1.2rem 1.4rem 0.8rem;border-bottom:1px solid var(--border);flex-shrink:0;
}
.modal-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.3rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--blk);}
.modal-title span{color:var(--or);}
.modal-close{width:32px;height:32px;border:1px solid var(--border);background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gray);transition:all 0.2s;flex-shrink:0;}
.modal-close:hover{background:var(--blk);color:var(--wh);border-color:var(--blk);}
.modal-body{padding:1.4rem;flex:1;overflow-y:auto;}

/* FORM FIELDS */
.mf-group{margin-bottom:1.1rem;}
.mf-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.78rem;letter-spacing:1px;text-transform:uppercase;color:var(--blk);margin-bottom:0.4rem;display:block;}
.mf-select,.mf-input{
    width:100%;padding:0.8rem 1rem;border:1px solid var(--border);
    font-size:0.88rem;font-family:'Barlow',sans-serif;color:var(--blk);
    background:var(--wh);outline:none;transition:border-color 0.2s;appearance:none;
}
.mf-select:focus,.mf-input:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(249,115,22,0.1);}
.mf-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}
.mf-chips{display:flex;flex-wrap:wrap;gap:0.5rem;}
.mf-chip{
    padding:0.45rem 0.9rem;border:1px solid var(--border);
    font-size:0.78rem;font-weight:600;color:var(--gray);font-family:'Barlow',sans-serif;
    cursor:pointer;transition:all 0.15s;background:var(--wh);border-radius:2px;
    user-select:none;
}
.mf-chip.on{background:var(--or);border-color:var(--or);color:var(--wh);}
.slider-wrap{display:flex;align-items:center;gap:0.8rem;}
.slider-wrap input[type=range]{flex:1;accent-color:var(--or);}
.slider-val{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1rem;color:var(--blk);min-width:70px;text-align:right;}
.mf-divider{height:1px;background:var(--border);margin:1.2rem 0;}

/* RÉSULTAT */
.result-section{display:none;}
.result-section.visible{display:block;}
.result-total-box{
    background:var(--blk);padding:1.4rem;margin-bottom:1rem;
    display:flex;align-items:center;justify-content:space-between;
}
.result-total-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.5);}
.result-total-price{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2rem;color:var(--wh);letter-spacing:-1px;line-height:1;}
.result-total-price small{font-size:0.9rem;font-weight:400;color:rgba(255,255,255,0.5);margin-left:4px;}
.result-badge{background:rgba(249,115,22,0.15);border:1px solid rgba(249,115,22,0.3);color:var(--or);font-size:0.7rem;font-weight:700;padding:0.25rem 0.7rem;border-radius:2rem;margin-top:4px;display:inline-block;}
.result-rows{border:1px solid var(--border);margin-bottom:1rem;}
.rrow{display:flex;justify-content:space-between;align-items:center;padding:0.7rem 1rem;border-bottom:1px solid var(--border);font-size:0.83rem;}
.rrow:last-child{border-bottom:none;}
.rrow-name{color:var(--gray);}
.rrow-val{font-weight:600;color:var(--blk);}
.result-info{background:var(--or-light);border-left:3px solid var(--or);padding:0.8rem 1rem;font-size:0.8rem;color:var(--blk);line-height:1.5;margin-bottom:1rem;}

/* BOUTONS MODAL */
.modal-actions{display:flex;flex-direction:column;gap:0.7rem;padding:0 1.4rem 1.4rem;flex-shrink:0;}
.btn-calc{background:var(--or);color:var(--wh);border:none;padding:1rem;width:100%;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background 0.2s;}
.btn-calc:hover{background:var(--or2);}
.btn-wa{
    background:#25D366;color:var(--wh);border:none;padding:1rem;width:100%;
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;
    letter-spacing:1px;text-transform:uppercase;cursor:pointer;
    display:flex;align-items:center;justify-content:center;gap:0.6rem;
    transition:background 0.2s;
}
.btn-wa:hover{background:#1ebe5d;}
.btn-wa svg{width:20px;height:20px;fill:var(--wh);}
.btn-reset{background:transparent;color:var(--gray);border:1px solid var(--border);padding:0.75rem;width:100%;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all 0.2s;}
.btn-reset:hover{border-color:var(--blk);color:var(--blk);}

@media(min-width:768px){
    .ht{padding:0.45rem 2.5rem;}
    .hm{padding:0.5rem 2.5rem;top:36px;}
    .burger{display:none;}
    .nav-desktop{display:flex;}
    .logo-circ{width:58px;height:58px;}

    .hero{min-height:92vh;}
    .hero-content{padding:0 3rem 0;max-width:640px;}
    .hero-sub{font-size:1rem;}

    .track-box{padding:2rem 3rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:end;}
    .track-box-title{grid-column:1/-1;margin-bottom:0;}
    .track-input-row{flex-direction:row;grid-column:1;}
    .track-in{min-width:280px;}
    .track-box > .track-btn{align-self:flex-end;}

    .quick-actions{grid-template-columns:repeat(3,1fr);}
    .qa-item{border-bottom:none;border-right:1px solid rgba(255,255,255,0.06);}
    .qa-item:last-child{border-right:none;}

    .stats{grid-template-columns:repeat(4,1fr);}
    .stat{border-bottom:none!important;}
    .stat:nth-child(2n){border-right:1px solid rgba(255,255,255,0.07);}
    .stat:nth-child(4n){border-right:none;}

    .sec{padding:5rem 3rem;}

    /* Section alternée image + texte (DHL style) */
    .sec-split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;}
    .sec-split .sec-img{margin-bottom:0;height:100%;aspect-ratio:auto;}
    .sec-split .sec-content{padding:3.5rem;}
    .sec-split.reverse .sec-img{order:2;}
    .sec-split.reverse .sec-content{order:1;}

    .svc-list{display:grid;grid-template-columns:repeat(2,1fr);}
    .svc-item:nth-child(2n){border-right:none;}
    .svc-item{border-right:1px solid var(--border);}

    .pgrid{grid-template-columns:repeat(4,1fr);}
    .pg{aspect-ratio:3/4;}
    .pg.big{grid-column:span 2;aspect-ratio:auto;}

    .cards-grid{grid-template-columns:repeat(4,1fr);}

    .about-split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;}
    .about-img-wrap{height:100%;min-height:400px;}
    .about-content{padding:4rem 3rem;}

    .cta-band{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:4rem 3rem;}
    .btn-blk{width:auto;white-space:nowrap;}

    .contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}

    .f-cols{grid-template-columns:repeat(4,1fr);}
    .f-top{display:grid;grid-template-columns:1fr auto;gap:2rem;}
    .f-bottom{flex-direction:row;justify-content:space-between;}
}
@media(min-width:1024px){
    .svc-list{grid-template-columns:repeat(4,1fr);}
    .svc-item:nth-child(2n){border-right:1px solid var(--border);}
    .svc-item:nth-child(4n){border-right:none;}
}