/* Illustration du modèle E-commerce, isolée des autres expertises. */
.web-page--ecommerce { --expertise-glow:215,130,80; }
.expertise-shop { --shop-surface:#191919; --shop-ink:#fff; --shop-muted:#bbb; --shop-line:#ffffff26; padding:25px; color:var(--shop-ink); }
html[data-theme="light"] .expertise-shop { --shop-surface:#f2ede6; --shop-ink:#111; --shop-muted:#555; --shop-line:#11111126; }
.expertise-shop__nav { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:20px; border-bottom:1px solid var(--shop-line); font-size:9px; letter-spacing:.05em; }
.expertise-shop__intro { padding:28px 0; }
.expertise-shop__intro small { color:#ff4b1b; }
.expertise-shop__intro strong { margin:12px 0; }
.expertise-shop__intro > span { font-size:10px; color:var(--shop-muted); }
.expertise-shop__product { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:20px; background:var(--shop-surface); padding:16px; border:1px solid var(--shop-line); border-radius:8px; }
.expertise-shop__image svg { display:block; width:100%; height:auto; }
.web-page .expertise-shop__details h3 { font-size:22px; line-height:1.1; margin:12px 0; }
.expertise-shop__details p { color:var(--shop-muted); font-size:10px; }
.expertise-shop__details > b { font-size:10px; }
.expertise-shop__add { display:block; background:#ff4b1b; color:#111; border-radius:20px; padding:12px 10px; margin-top:18px; font-size:9px; font-weight:800; }
.expertise-shop__footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; font-size:9px; color:var(--shop-muted); margin-top:22px; }
@media(max-width:480px) { .expertise-shop { padding:18px; } .expertise-shop__product { gap:10px; padding:12px; } .web-page .expertise-shop__details h3 { font-size:19px; } }