:root{--navy:#0B1220;--blue:#2563EB;--blue2:#1D4ED8;--soft:#F6F8FC;--line:#E4E9F1;--text:#101828;--muted:#667085;--white:#fff;--success:#078C5A;--danger:#B42318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1460px,94vw);margin:auto}.topbar{min-height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 3vw;font-size:12px}.topbar .right{margin-left:auto;display:flex;gap:20px}.header{display:grid;grid-template-columns:270px 1fr 210px;gap:28px;align-items:center;padding:20px 0}.brand-word{display:flex;align-items:center;font-size:42px;font-weight:800;letter-spacing:-2px;color:var(--navy);line-height:1}.brand-tagline{margin:8px 0 0 42px;font-size:15px;font-weight:600}.brand-tagline b{color:var(--blue)}.brand-e{width:60px;height:47px;display:flex;flex-direction:column;justify-content:space-between;position:relative;margin:0 4px}.brand-e i{height:10px;background:var(--blue);border-radius:4px;display:block}.brand-e i:nth-child(2){width:76%;position:relative}.brand-e i:nth-child(2):after{content:"";position:absolute;right:-9px;top:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid var(--blue)}.brand-e b{position:absolute;right:-4px;bottom:-12px;font-size:23px;font-weight:400;transform:rotate(-10deg)}.search{height:54px;border:1px solid #D5DCE7;border-radius:12px;display:grid;grid-template-columns:1fr 62px;overflow:hidden;background:#fff}.search input{border:0;outline:0;padding:0 18px}.search button{border:0;background:var(--blue);color:#fff;font-size:24px;cursor:pointer}.actions{display:flex;justify-content:flex-end;gap:16px}.action{display:flex;align-items:center;gap:8px;font-size:12px}.action .icon{font-size:22px;position:relative}.count{position:absolute;right:-11px;top:-9px;background:var(--blue);color:#fff;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center;font-size:10px}.nav-wrap{border-block:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:50}.nav{display:flex;align-items:center;gap:28px;min-height:54px;overflow:auto;white-space:nowrap;font-size:13px}.nav>a:first-child{background:var(--blue);color:#fff;padding:18px 22px}.nav .promo{color:var(--blue);font-weight:700}.hero{display:grid;grid-template-columns:1.02fr .98fr;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;min-height:380px;overflow:hidden;background:linear-gradient(135deg,#fff 0,#fbfdff 58%,#f3f7ff 100%)}.hero-copy{padding:62px 40px 55px 70px}.eyebrow{font-size:12px;color:var(--blue);font-weight:700;letter-spacing:.8px}.hero h1{font-size:48px;line-height:1.12;letter-spacing:-1.8px;margin:12px 0}.hero h1 span{color:var(--blue)}.hero p{color:var(--muted);font-size:16px;line-height:1.8;max-width:640px}.hero-actions{display:flex;gap:12px;margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:9px;border:1px solid var(--blue);font-weight:600;font-size:13px;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;color:var(--navy);border-color:#BAC4D3}.full{width:100%}.hero-visual{position:relative;min-height:380px}.hero-card{position:absolute;right:40px;top:42px;width:180px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(11,18,32,.06)}.hero-card b{font-size:48px;color:var(--blue);display:block}.hero-devices{position:absolute;left:3%;right:27%;bottom:42px;height:260px}.laptop{position:absolute;left:2%;bottom:0;width:300px;height:175px;background:#1f2937;border-radius:13px;transform:skewY(-3deg);box-shadow:0 22px 35px #0b122025}.laptop:before{content:"";position:absolute;inset:10px;background:linear-gradient(135deg,#12306b,#2563eb,#5db3ff);border-radius:7px}.laptop:after{content:"";position:absolute;left:-30px;right:-30px;bottom:-15px;height:16px;background:#9aa4b1;border-radius:4px}.tower{position:absolute;right:0;bottom:0;width:175px;height:260px;background:#141a22;border-radius:9px;box-shadow:0 22px 35px #0b122025;padding:22px}.tower span{display:block;width:72px;height:72px;border-radius:50%;border:5px solid var(--blue);margin:auto auto 12px;box-shadow:0 0 20px #2563eb66}.benefits{margin-top:18px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(5,1fr)}.benefits div{padding:18px 20px;display:flex;gap:12px;align-items:center;border-right:1px solid var(--line)}.benefits div:last-child{border:0}.benefits i{font-style:normal;font-size:25px}.benefits b,.benefits span{display:block}.benefits b{font-size:12px}.benefits span{font-size:10px;color:var(--muted);margin-top:3px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}.section-head h2{margin:0;font-size:20px}.section-head a{color:var(--blue);font-size:12px}.home-layout{display:grid;grid-template-columns:220px 1fr 260px;gap:18px}.panel{border:1px solid var(--line);border-radius:14px;background:#fff}.category-panel{padding:18px}.category-panel h3{font-size:15px;margin:0 0 12px}.category-list{display:flex;flex-direction:column}.category-list a{font-size:12px;padding:10px 0;border-bottom:1px solid #EFF2F6;display:flex;justify-content:space-between}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-width:0}.product-visual{height:155px;display:grid;place-items:center;background:linear-gradient(160deg,#fff,#f5f7fb);position:relative}.product-emoji{font-size:68px}.discount,.stock{position:absolute;top:10px;font-size:9px;border-radius:6px;padding:4px 7px}.discount{left:10px;background:var(--blue);color:#fff}.stock{right:10px;background:#E9F9F1;color:var(--success)}.stock.low{background:#FFF3E8;color:#B54708}.product-body{padding:12px}.meta{font-size:10px;color:var(--blue);font-weight:600}.product-name{display:block;font-size:12px;font-weight:700;line-height:1.45;margin:5px 0}.product-body p{font-size:10px;color:var(--muted);height:43px;overflow:hidden;line-height:1.45}.product-price{display:flex;justify-content:space-between;align-items:flex-end}.product-price strong{display:block;font-size:14px}.product-price s{display:block;font-size:10px;color:#98A2B3}.cart-square{border:0;background:var(--blue);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer}.business{padding:20px}.business h3{font-size:18px}.business p,.business li{font-size:12px;color:#475467;line-height:1.7}.business ul{padding-left:20px}.brands{margin:22px auto;border:1px solid var(--line);border-radius:14px;min-height:72px;padding:0 20px;display:flex;align-items:center;gap:34px;overflow:auto}.brands b{font-size:12px}.brands span{font-size:20px;font-weight:800;color:#667085;white-space:nowrap}footer{margin-top:36px;background:var(--navy);color:#fff;padding:38px 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid a{font-size:12px;color:#C9D3E2}.footer-logo{font-size:28px;font-weight:800}.page-hero{padding:38px 0 24px}.page-hero h1{margin:0 0 8px;font-size:34px}.page-hero p{margin:0;color:var(--muted)}.catalogue-layout{display:grid;grid-template-columns:250px 1fr;gap:22px}.filters{border:1px solid var(--line);border-radius:14px;padding:18px;align-self:start;position:sticky;top:72px}.filter-group{margin-bottom:20px}.filter-group label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.filter-group input[type=search],.filter-group select{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.filter-group input[type=range]{width:100%}.catalogue-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.catalogue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.empty-state{border:1px dashed #C7D0DE;border-radius:14px;padding:40px;text-align:center;color:var(--muted);grid-column:1/-1}.breadcrumbs{font-size:11px;color:var(--muted);margin:20px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.detail-visual{min-height:470px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;background:linear-gradient(160deg,#fff,#F6F8FC);position:relative}.detail-emoji{font-size:170px}.mini-badges{position:absolute;left:18px;bottom:18px;display:flex;gap:8px}.mini-badges span{background:#fff;border:1px solid var(--line);padding:7px 9px;border-radius:8px;font-size:10px}.detail-info h1{font-size:38px;margin:8px 0 12px}.lead{font-size:15px;color:var(--muted);line-height:1.8}.availability{margin:18px 0;color:var(--success);font-size:13px}.availability.low{color:#B54708}.detail-pricing{display:flex;align-items:baseline;gap:14px;margin:16px 0 24px}.detail-pricing strong{font-size:34px}.detail-pricing span{color:var(--muted)}.detail-pricing s{color:#98A2B3}.buy-row{display:flex;gap:10px;align-items:center}.buy-row input{width:70px;height:44px;border:1px solid var(--line);border-radius:8px;text-align:center}.service-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.service-points span{background:var(--soft);padding:12px;border-radius:9px;font-size:10px}.spec-block{margin:36px 0;border-top:1px solid var(--line);padding-top:26px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.spec-grid div{background:var(--soft);padding:12px;border-radius:8px;font-size:12px}.ref-table{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.ref-table div{display:grid;grid-template-columns:220px 1fr;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}.ref-table div:last-child{border:0}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:22px}.cart-lines,.cart-summary{border:1px solid var(--line);border-radius:14px;background:#fff}.cart-line{display:grid;grid-template-columns:70px 1fr 150px 130px 30px;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.cart-line:last-child{border:0}.cart-icon{font-size:42px}.cart-main a{font-weight:700;font-size:13px}.cart-main span{display:block;font-size:10px;color:var(--muted)}.qty-control{display:flex}.qty-control button,.qty-control input{width:38px;height:36px;border:1px solid var(--line);background:#fff;text-align:center}.qty-control input{width:48px}.remove{border:0;background:none;font-size:22px;cursor:pointer}.cart-summary{padding:20px;height:max-content;position:sticky;top:72px}.cart-summary>div{display:flex;justify-content:space-between;padding:10px 0;font-size:13px}.cart-summary .total{font-size:17px;border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.cart-summary .btn{margin-top:10px}.quote-wrap{display:grid;grid-template-columns:1fr 360px;gap:24px}.quote-form,.quote-side{border:1px solid var(--line);border-radius:14px;padding:22px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px}.field textarea{min-height:150px;resize:vertical}.field.full{grid-column:1/-1}.success{background:#ECFDF3;border:1px solid #ABEFC6;color:#067647;padding:14px;border-radius:10px;margin-bottom:16px}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:9px;opacity:0;transform:translateY(20px);transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}@media(max-width:1100px){.header{grid-template-columns:1fr}.actions{position:absolute;right:3vw;top:58px}.hero,.detail-grid{grid-template-columns:1fr}.hero-visual{min-height:320px}.home-layout{grid-template-columns:1fr}.product-grid,.catalogue-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.catalogue-layout,.cart-layout,.quote-wrap{grid-template-columns:1fr}.filters,.cart-summary{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar span:nth-child(2),.topbar span:nth-child(3),.topbar .right{display:none}.brand-word{font-size:34px}.brand-e{width:50px;height:40px}.brand-tagline{margin-left:34px}.actions{top:50px}.nav a:not(:first-child){display:none}.nav>a:first-child{width:100%;text-align:center}.hero-copy{padding:34px 24px}.hero h1{font-size:34px}.hero-card{right:18px;width:150px}.hero-devices{right:20%;transform:scale(.8);transform-origin:left bottom}.product-grid,.catalogue-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr}.detail-info h1{font-size:30px}.buy-row{flex-wrap:wrap}.service-points,.spec-grid,.field-grid{grid-template-columns:1fr}.cart-line{grid-template-columns:55px 1fr}.cart-line .qty-control,.cart-line>strong,.cart-line .remove{grid-column:2}.footer-grid{grid-template-columns:1fr}.ref-table div{grid-template-columns:1fr}.quote-wrap{grid-template-columns:1fr}}

/* V4 — sourcing multi-fournisseurs */
.admin-title{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;color:#0b1933}.admin-title span{font-size:12px;color:#6b7280}.admin-page{padding-bottom:60px}.admin-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:42px 0 24px}.admin-hero h1{margin:8px 0 10px;font-size:34px}.admin-hero p{margin:0;color:#5f6b7c;max-width:720px}.sync-card{min-width:190px;background:#f5f9ff;border:1px solid #dbeafe;border-radius:14px;padding:16px;display:flex;flex-direction:column}.sync-card b,.sync-card span{font-size:12px;color:#64748b}.sync-card strong{font-size:20px;color:#2563eb;margin:3px 0}.supplier-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.supplier-stat{border:1px solid #e5eaf2;border-radius:14px;padding:16px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:center}.supplier-stat div:nth-child(2){display:flex;flex-direction:column}.supplier-stat span,.supplier-stat small{font-size:11px;color:#758195}.supplier-stat strong{font-size:22px;color:#0b1933}.supplier-stat>small{grid-column:3}.supplier-dot{width:9px;height:9px;border-radius:50%;background:#f59e0b}.supplier-dot.ready{background:#16a34a}.admin-panel{padding:0;overflow:hidden}.section-head.compact{margin:0;padding:18px 20px;border-bottom:1px solid #edf0f5}.admin-search{border:1px solid #d8dee9;border-radius:9px;padding:10px 13px;min-width:300px}.table-wrap{overflow:auto}.supplier-table{width:100%;border-collapse:collapse;font-size:13px}.supplier-table th{background:#f7f9fc;text-align:left;color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px}.supplier-table td{padding:14px 16px;border-top:1px solid #edf0f5;vertical-align:middle}.supplier-table td small{display:block;color:#8490a2;margin-top:3px}.best-source{background:#eaf2ff;color:#2563eb;border-radius:999px;padding:4px 8px;font-weight:700;font-size:11px}.margin-positive{color:#15803d}.mini-link{color:#2563eb;font-weight:700}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.admin-grid .panel{padding:22px}.rule-list{margin:14px 0 0;padding-left:20px;color:#475569}.rule-list li{margin:9px 0}.muted{color:#64748b}.integration-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.integration-chips span{background:#eef4ff;color:#2563eb;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700}.supplier-box{margin-top:24px;border:1px solid #dce6f5;border-radius:14px;padding:20px;background:linear-gradient(180deg,#fbfdff,#f7faff)}.supplier-box-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.supplier-box-head h3{margin:5px 0 0}.demo-pill{font-size:11px;background:#fff4d6;color:#9a6700;border:1px solid #f6df9d;padding:5px 8px;border-radius:999px}.supplier-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.supplier-kpis>div{background:white;border:1px solid #e7ecf4;border-radius:10px;padding:12px}.supplier-kpis small{display:block;color:#7a8799;font-size:10px;margin-bottom:4px}.supplier-kpis b{font-size:13px;color:#13213b}.supplier-box summary{cursor:pointer;font-weight:700;color:#2563eb}.offer-list{margin-top:10px}.offer-row{display:grid;grid-template-columns:1.5fr .7fr 1fr auto;gap:12px;align-items:center;padding:10px;border-top:1px solid #e9edf4;font-size:12px}.offer-row span:first-child{display:flex;flex-direction:column}.offer-row small{color:#8792a3}.offer-row.best{background:#f1f7ff}.offer-row em{font-style:normal;color:#15803d;font-weight:700}
@media(max-width:900px){.supplier-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.supplier-kpis{grid-template-columns:1fr 1fr}.admin-hero{align-items:flex-start;flex-direction:column}.sync-card{width:100%}.admin-search{min-width:0;width:100%}.section-head.compact{align-items:stretch;flex-direction:column}.offer-row{grid-template-columns:1fr 1fr}.offer-row em{display:none}}
@media(max-width:560px){.supplier-stats{grid-template-columns:1fr}.supplier-kpis{grid-template-columns:1fr}.admin-title{display:none}}


/* V5 — comptes B2B, connecteurs et back-office */
.header:has([data-account-slot]){grid-template-columns:270px 1fr minmax(330px,430px)}[data-account-slot]{display:contents}[data-account-slot] .action b{color:var(--blue);font-size:10px}.account-page{padding:46px 0 80px}.login-card{max-width:520px;margin:30px auto;padding:32px}.login-card h1{margin:8px 0}.login-card form{display:grid;gap:14px;margin-top:20px}.login-card label{font-size:11px;font-weight:700}.login-card input{width:100%;height:44px;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:0 12px}.login-card small{color:var(--muted);text-align:center}.form-error{color:var(--danger);font-size:12px}.account-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.account-head h1{margin:6px 0}.account-head p{color:var(--muted)}.tier-badge{background:#eef4ff;color:#1d4ed8;border:1px solid #dbeafe;border-radius:14px;padding:14px 18px;display:flex;gap:14px;align-items:center;font-weight:700}.tier-badge b{font-size:22px}.account-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;margin-bottom:18px}.account-grid .panel{padding:22px}.account-kpi{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.order-mini{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.order-mini span{color:var(--muted)}.connector-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}.connector-card{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:10px}.connector-card div{display:flex;flex-direction:column}.connector-card span,.connector-card small{color:var(--muted);font-size:11px}.connector-card em{font-style:normal;font-size:11px;font-weight:700;padding:5px 8px;border-radius:999px;width:max-content}.connector-card em.ok{background:#ecfdf3;color:#067647}.connector-card em.wait{background:#fff7ed;color:#b54708}code{background:#f2f4f7;padding:2px 5px;border-radius:5px;font-size:.9em}
@media(max-width:1100px){.header:has([data-account-slot]){grid-template-columns:1fr}.connector-cards{grid-template-columns:1fr 1fr}.account-grid{grid-template-columns:1fr}}@media(max-width:700px){.connector-cards{grid-template-columns:1fr}.account-head{align-items:flex-start;flex-direction:column}.order-mini{grid-template-columns:1fr}.header:has([data-account-slot]) .actions{position:static;display:flex;flex-wrap:wrap}}

/* V6 — premium B2B, lumineux avec profondeur bleu nuit */
:root{--navy:#07152e;--blue:#1672ff;--blue2:#075bd8;--soft:#edf3fb;--line:#d4deeb;--text:#0d1b32;--muted:#5b6b82;--surface:#f3f7fc;--card:#f9fbfe;--tint:#eaf2ff}
body{background:linear-gradient(180deg,#eef4fb 0,#f7f9fc 420px,#eef3f9 100%);min-height:100vh}
.topbar{background:var(--navy);color:#dbe8fa;border:0}.topbar a{color:#fff}
.header{margin-top:14px;margin-bottom:14px;padding:18px 24px;background:rgba(249,251,254,.94);border:1px solid #d8e2ef;border-radius:18px;box-shadow:0 16px 42px rgba(7,21,46,.08)}
.brand-word{letter-spacing:-2px}.brand-e{width:38px;height:35px;margin:0 5px;filter:none;justify-content:space-between;overflow:visible}.brand-e i{width:100%;height:7px;background:#075cff;border-radius:3px}.brand-e i:nth-child(2){width:76%}.brand-e i:nth-child(2):after{display:none}.brand-e b{right:-9px;bottom:-12px;width:25px;height:30px;font-size:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30'%3E%3Cpath d='M2 2v23l6.2-6.1 4.3 9 4.1-2-4.2-8.7H21z' fill='%23040b18' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;clip-path:none;transform:rotate(-7deg);filter:none}.brand-tagline{color:#33445e}
.search{background:#edf3fb;border-color:#c7d5e7;box-shadow:inset 0 1px 0 #fff}.search input{background:transparent}.search button,.primary,.cart-square,.nav>a:first-child{background:linear-gradient(135deg,var(--blue),#0057d7)}
.btn,.cart-square,.search button{box-shadow:0 8px 18px rgba(22,114,255,.17)}.secondary{background:#f7fafe;border-color:#afbed1}.action{color:#23354f}
.nav-wrap{background:rgba(7,21,46,.97);border:0;box-shadow:0 10px 24px rgba(7,21,46,.12)}.nav{color:#dce8f8}.nav>a:first-child{margin-block:7px;padding:11px 22px;border-radius:9px}.nav .promo{color:#69a6ff}
.hero{margin-top:22px;border:1px solid #19365f;border-radius:22px;background:radial-gradient(circle at 84% 20%,rgba(44,126,255,.32),transparent 27%),linear-gradient(130deg,#07152e 0,#0c2449 58%,#123b72 100%);box-shadow:0 28px 60px rgba(7,21,46,.2)}
.hero h1,.hero p{color:#fff}.hero p{color:#c8d6e8}.hero .eyebrow{color:#72adff}.hero-card{background:rgba(249,252,255,.96);border-color:#aac8ee;box-shadow:0 22px 55px rgba(0,0,0,.22)}
.benefits{background:#0b2345;border-color:#234b7c;color:#fff;box-shadow:0 16px 38px rgba(7,21,46,.14)}.benefits div{border-color:#24486f}.benefits span{color:#b8cae1}
.section-head h2,.page-hero h1{color:#0a1c36}.page-hero{margin-top:18px;padding:34px 30px 26px;border-radius:18px;background:linear-gradient(115deg,#dce9f9,#f7faff);border:1px solid #ccdaea}
.panel,.product-card,.filters,.cart-lines,.cart-summary,.quote-form,.quote-side,.detail-visual,.ref-table,.supplier-stat,.connector-card{background:var(--card);border-color:#ced9e7;box-shadow:0 12px 30px rgba(14,38,72,.07)}
.product-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-4px);border-color:#a8c6ef;box-shadow:0 18px 36px rgba(14,38,72,.13)}
.product-visual,.detail-visual{background:radial-gradient(circle at 50% 40%,#fff 0,#edf4fc 70%,#e1ebf7 100%)}.product-body{border-top:1px solid #e2e9f2}.category-panel,.business{background:linear-gradient(180deg,#f9fbfe,#edf4fc)}.category-list a{border-color:#dbe4ef}
.business{border-top:4px solid var(--blue)}.brands{background:#e8eff8;border-color:#ccd8e7;box-shadow:inset 0 1px 0 #fff}.brands span{color:#40536d}
.filters{background:linear-gradient(180deg,#f8fbff,#eaf1fa)}.filter-group input[type=search],.filter-group select,.field input,.field textarea,.buy-row input,.qty-control button,.qty-control input,.admin-search{background:#f5f8fc;border-color:#c8d4e3}
.service-points span,.spec-grid div{background:#e6effa;border:1px solid #d2dfef}.quote-side{background:linear-gradient(145deg,#0a1c38,#103e76);color:#fff}.quote-side p,.quote-side li{color:#cbd9eb}
.supplier-box,.sync-card{background:linear-gradient(180deg,#eef5ff,#e4edf9);border-color:#c5d8ef}.supplier-kpis>div,.offer-row.best{background:#f3f8ff}.admin-panel .section-head.compact,.supplier-table th{background:#eaf1fa}
.account-head{padding:24px;background:linear-gradient(120deg,#0a1c38,#123e75);border-radius:18px;color:#fff}.account-head p{color:#c6d5e8}.tier-badge{background:#e7f0ff}
footer{background:linear-gradient(135deg,#061329,#0c2850);border-top:4px solid var(--blue);box-shadow:0 -18px 50px rgba(7,21,46,.12)}
@media(max-width:1100px){.header{margin-top:10px}.hero{margin-top:14px}.hero-copy{padding:48px 38px}.actions{right:6vw}}
@media(max-width:700px){body{background:#eef3f9}.header{padding:14px;border-radius:14px}.brand-word{font-size:34px;letter-spacing:-2px}.brand-e{width:32px;height:30px;margin-inline:4px}.brand-e i{height:6px}.brand-e b{width:21px;height:25px;right:-8px;bottom:-10px}.brand-tagline{font-size:13px;margin-left:34px}.hero{border-radius:17px}.hero-copy{padding:34px 22px}.page-hero{padding:25px 20px}.product-card{box-shadow:0 8px 20px rgba(14,38,72,.07)}}

/* V19 — identité MADOTEK validée, harmonisée avec la palette MADOLINK */
:root{--blue:#153689;--blue2:#0b70c8;--brand-blue:#153689;--brand-cyan:#149cd9;--brand-deep:#0c2d7d}
.brand-word{color:var(--brand-blue)}
.brand-e i{background:linear-gradient(90deg,var(--brand-cyan) 0%,#238fd5 48%,var(--brand-deep) 100%)}
.brand-tagline{color:var(--brand-blue)}
.brand-tagline b{color:var(--brand-blue)}
.footer-logo{color:#fff}

/* Harmonisation colorimétrique exacte avec le logo MADOTEK validé */
.search button,.primary,.cart-square,.nav>a:first-child{background:linear-gradient(135deg,var(--blue),var(--blue2))}
.nav .promo,.eyebrow,.section-head a,.meta,.catalog-kpis b,.mini-link{color:var(--blue2)}

/* V7 — parcours Particulier / Professionnel */
.audience-switch{display:flex;align-items:center;gap:3px;padding:3px;background:#132847;border:1px solid #2b466b;border-radius:999px}.audience-switch button{border:0;border-radius:999px;background:transparent;color:#b9c9de;padding:5px 12px;font-size:10px;font-weight:700;cursor:pointer}.audience-switch button.active{background:#fff;color:#0a1c36;box-shadow:0 3px 10px #0003}.audience-consumer .mode-pro-link{display:none}.audience-consumer .business{border-top-color:#075cff}.audience-consumer .meta:after{content:" · Prix TTC";color:#536982}.audience-pro .meta:after{content:" · Tarif HT";color:#536982}
@media(max-width:700px){.topbar{gap:10px}.audience-switch{margin:4px 0}.audience-switch button{padding:5px 9px}.topbar>span{display:none}}

/* V8 — comptes et tunnel de commande */
.auth-layout{display:grid;grid-template-columns:minmax(340px,.8fr) 1.2fr;gap:22px;align-items:start}.auth-layout .login-card{margin:0;max-width:none}.register-card{padding:32px}.register-card h2{margin:8px 0 22px}.checkout-page{padding-bottom:70px}.checkout-layout{display:grid;grid-template-columns:1fr 390px;gap:24px;align-items:start;margin-top:24px}.checkout-form{padding:28px}.checkout-step{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:8px 0 28px;margin-bottom:24px;border-bottom:1px solid var(--line)}.checkout-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800}.checkout-step h2{margin:3px 0 18px;font-size:19px}.checkout-step>div{min-width:0}.choice{display:grid;grid-template-columns:22px 1fr;gap:2px 8px;padding:14px;margin:9px 0;border:1px solid var(--line);border-radius:11px;background:#f2f6fb;cursor:pointer}.choice input{grid-row:1/3;align-self:center}.choice small{color:var(--muted)}.terms{display:flex;gap:9px;margin-top:18px;font-size:12px}.checkout-summary{padding:22px;position:sticky;top:76px}.checkout-line{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.checkout-line>span{font-size:28px}.checkout-line div{display:flex;flex-direction:column}.checkout-line b{font-size:11px}.checkout-line small{color:var(--muted)}.checkout-line strong{font-size:12px}.checkout-totals{padding-top:14px}.checkout-totals>div{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.checkout-totals .total{font-size:17px;border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.order-success{text-align:center;padding:70px 25px;background:linear-gradient(145deg,#f8fbff,#e6effa);border:1px solid #cbd9e9;border-radius:20px;box-shadow:0 22px 50px rgba(14,38,72,.1)}.success-mark{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#078c5a;color:#fff;font-size:38px;font-weight:800}.order-success h1{font-size:36px;margin:9px 0}.success-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}
@media(max-width:900px){.auth-layout,.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}}
@media(max-width:600px){.register-card,.checkout-form{padding:20px}.checkout-step{grid-template-columns:1fr}.checkout-step>span{width:30px;height:30px}.success-actions{flex-direction:column}.order-success h1{font-size:28px}}

/* V9 — catalogue administrable */
.product-image{width:100%;height:100%;object-fit:contain;padding:20px}.detail-image{padding:45px}.catalog-kpis{display:flex;gap:10px}.catalog-kpis>div{min-width:105px;padding:14px 17px;background:#f4f8fd;border:1px solid #ccd9e8;border-radius:13px;display:flex;flex-direction:column}.catalog-kpis b{font-size:24px;color:var(--blue)}.catalog-kpis span{font-size:10px;color:var(--muted)}.catalog-admin-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(390px,.7fr);gap:20px;align-items:start}.catalog-list-panel{overflow:hidden}.admin-actions,.catalog-toolbar,.editor-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.catalog-toolbar{padding:12px 20px;background:#edf3fa;border-bottom:1px solid var(--line)}.import-button{position:relative;cursor:pointer}.import-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.catalog-table td{white-space:nowrap}.admin-product{display:flex;align-items:center;gap:11px;min-width:240px}.admin-product>span{width:48px;height:42px;display:grid;place-items:center;background:#e9f0f8;border-radius:8px;font-size:24px;overflow:hidden}.admin-product img{width:100%;height:100%;object-fit:contain}.admin-product div{display:flex;flex-direction:column}.status-pill{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}.status-pill.active{background:#e7f8ef;color:#087647}.status-pill.inactive{background:#edf0f4;color:#667085}.edit-product{border:0;background:none;cursor:pointer}.product-editor{padding:24px;position:sticky;top:72px}.product-editor h2{margin:7px 0 20px}.product-editor textarea{min-height:90px}.active-check{display:flex!important;align-items:center;gap:8px}.active-check input{width:auto}.danger-button{border-color:#f0b5b0;background:#fff5f4;color:#b42318}.form-message{font-size:12px;margin-top:10px}
@media(max-width:1150px){.catalog-admin-layout{grid-template-columns:1fr}.product-editor{position:static}.catalog-kpis{width:100%}}
@media(max-width:700px){.catalog-kpis{display:grid;grid-template-columns:repeat(3,1fr)}.catalog-kpis>div{min-width:0}.admin-actions{width:100%}.admin-actions .admin-search{width:100%}.detail-image{padding:20px}}

/* V10 — règlement Pennylane */
.pennylane-choice{border-color:#6d57e8;background:linear-gradient(135deg,#f4f1ff,#edf3ff)}.pennylane-choice b{color:#392d92}.payment-note{display:flex;flex-direction:column;gap:4px;margin:15px 0;padding:13px 15px;border-radius:10px;background:#edf7f3;border:1px solid #bee2d3;font-size:11px;color:#235b46}.checkout-form button:disabled{opacity:.65;cursor:wait}
.legal-page,.tracking-page{padding:36px 0 80px}.legal-shell{display:grid;grid-template-columns:250px minmax(0,820px);gap:28px;align-items:start}.legal-nav{position:sticky;top:80px;padding:20px}.legal-nav a{display:block;padding:9px 0;color:var(--muted);font-size:12px}.legal-content{padding:34px}.legal-content h1{margin-top:0}.legal-content h2{margin-top:30px;font-size:19px}.legal-content p,.legal-content li{color:#44546b;line-height:1.75;font-size:13px}.legal-warning{padding:14px 16px;border:1px solid #f2cf85;border-radius:10px;background:#fff8e7;color:#795600!important}.legal-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legal-facts div,.tracking-status dl div{padding:13px;background:#eaf2fb;border-radius:9px}.legal-facts span,dt{display:block;color:var(--muted);font-size:10px}.tracking-card{max-width:720px;margin:24px auto;padding:30px}.tracking-card form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}.tracking-card input{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#f5f8fc}.tracking-result{margin-top:22px}.tracking-status>span{display:inline-block;padding:6px 10px;border-radius:999px;background:#e4efff;color:var(--blue2);font-size:11px;font-weight:700}.tracking-status dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.tracking-status dd{margin:3px 0 0;font-weight:700}.cookie-banner{position:fixed;z-index:300;left:24px;right:24px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1100px;margin:auto;padding:20px 22px;border:1px solid #31527d;border-radius:16px;background:#07152e;color:#fff;box-shadow:0 24px 65px #07152e66}.cookie-banner p{margin:5px 0;color:#c8d6e8;font-size:12px}.cookie-banner a{color:#72adff;font-size:11px}.cookie-actions{display:flex;gap:9px;flex-shrink:0}.cookie-actions .secondary{color:#fff;background:#17345e;border-color:#496a96}@media(max-width:800px){.legal-shell{grid-template-columns:1fr}.legal-nav{position:static}.tracking-card form{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column}.cookie-actions{flex-direction:column}.legal-facts,.tracking-status dl{grid-template-columns:1fr}}
.admin-order-gate{max-width:720px;margin:20px auto;padding:26px}.admin-login{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.admin-login input,.shipment-form input,.shipment-form select{height:43px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#f5f8fc}.admin-orders{display:grid;gap:15px}.order-admin-card{padding:22px}.order-admin-card>header{display:flex;justify-content:space-between;gap:20px;align-items:start}.order-admin-card h2{margin:8px 0 2px;font-size:19px}.order-admin-card p{margin:0;color:var(--muted);font-size:12px}.order-admin-card>header>strong{font-size:20px}.shipment-form{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr auto;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.shipment-feedback{grid-column:1/-1;color:var(--muted)}.success-text{color:var(--success)}@media(max-width:1000px){.shipment-form{grid-template-columns:1fr 1fr}.shipment-form button{grid-column:1/-1}}@media(max-width:650px){.admin-login,.shipment-form{grid-template-columns:1fr}.order-admin-card>header{flex-direction:column}.shipment-form button{grid-column:auto}}
.deferred-payment{border-color:#b8c8dc;background:linear-gradient(135deg,#f7f9fc,#eaf1f9)}.deferred-payment:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(22,114,255,.12)}
.quote-admin-card{padding:22px}.quote-admin-card>header{display:flex;justify-content:space-between;gap:20px}.quote-admin-card h2{margin:8px 0 2px;font-size:18px}.quote-admin-card header p{margin:0;color:var(--muted);font-size:11px}.quote-need{padding:14px;background:#edf3fa;border-radius:10px;color:#40536d}.quote-actions{display:grid;grid-template-columns:.8fr .7fr 1.5fr auto auto;gap:10px}.quote-actions input,.quote-actions select,.quote-actions textarea{min-height:43px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#f5f8fc}.quote-actions small{grid-column:1/-1}@media(max-width:1000px){.quote-actions{grid-template-columns:1fr 1fr}.quote-actions textarea{grid-column:1/-1}}@media(max-width:650px){.quote-admin-card>header,.quote-actions{display:flex;flex-direction:column}.quote-actions>*{width:100%}}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.dashboard-kpis article{padding:22px;border:1px solid #cad8e8;border-radius:15px;background:linear-gradient(145deg,#f9fbfe,#e8f1fb);box-shadow:0 12px 30px rgba(14,38,72,.07)}.dashboard-kpis span,.dashboard-kpis small{display:block;color:var(--muted);font-size:11px}.dashboard-kpis b{display:block;margin:8px 0 3px;font-size:30px;color:var(--navy)}.management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.management-card{min-height:180px;padding:22px;border:1px solid #cbd8e8;border-radius:15px;background:var(--card);box-shadow:0 12px 30px rgba(14,38,72,.07);display:flex;flex-direction:column;transition:.2s}.management-card:hover{transform:translateY(-3px);border-color:#8db8ef}.management-card i{font-style:normal;font-size:28px}.management-card h2{margin:13px 0 5px;font-size:18px}.management-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.management-card>span{margin-top:auto;padding-top:14px;color:var(--blue);font-weight:700;font-size:12px}.dashboard-help{margin-top:20px;padding:24px}.dashboard-help>div{display:grid;grid-template-columns:170px 1fr;gap:12px;font-size:12px}.dashboard-help span{color:var(--muted)}@media(max-width:1000px){.dashboard-kpis{grid-template-columns:1fr 1fr}.management-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.dashboard-kpis,.management-grid{grid-template-columns:1fr}.dashboard-help>div{grid-template-columns:1fr;gap:5px}.dashboard-help span{margin-bottom:10px}}
.legal-identity{padding:18px;border-left:4px solid var(--blue);border-radius:8px;background:#eaf2fb!important;color:#183153!important}
.ecosystem-section{margin:34px 0 22px;padding:58px 0;background:linear-gradient(135deg,#07152e,#153689);color:#fff}.ecosystem-heading{max-width:760px;margin-bottom:28px}.ecosystem-heading>span{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#71d0ef}.ecosystem-heading h2{margin:8px 0 10px;font-size:32px}.ecosystem-heading p{margin:0;color:#c8d7eb;line-height:1.7;font-size:14px}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ecosystem-card{min-height:220px;padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08);display:flex;flex-direction:column}.ecosystem-card.current{background:linear-gradient(145deg,rgba(20,156,217,.23),rgba(255,255,255,.09));border-color:rgba(113,208,239,.5)}.ecosystem-card small{color:#71d0ef;font-size:10px;font-weight:800;letter-spacing:1px}.ecosystem-card h3{margin:10px 0 7px;font-size:24px}.ecosystem-card p{margin:0;color:#c8d7eb;font-size:12px;line-height:1.7}.ecosystem-card a,.ecosystem-card>span{margin-top:auto;padding-top:18px;color:#71d0ef;font-size:12px;font-weight:800}.ecosystem-card.current>span{color:#fff}@media(max-width:800px){.ecosystem-grid{grid-template-columns:1fr}.ecosystem-section{padding:44px 0}.ecosystem-heading h2{font-size:26px}.ecosystem-card{min-height:0}}