:root{
  --navy:#06152b;
  --blue:#073f83;
  --blue-2:#0a68d8;
  --cyan:#1bb6ff;
  --orange:#ff8a1d;
  --gold:#ffd23c;
  --ink:#0f172a;
  --muted:#667085;
  --line:#dbe7f5;
  --panel:#ffffff;
  --soft:#f4f8fc;
  --shadow:0 18px 48px rgba(6,21,43,.13);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.55;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 85% 8%,rgba(27,182,255,.14),transparent 30%),radial-gradient(circle at 5% 45%,rgba(255,138,29,.08),transparent 28%),#fff}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1200px,calc(100% - 34px));margin-inline:auto}.section{padding:76px 0}.section-soft{background:linear-gradient(180deg,#f5f9fd,#fff)}.section-dark{background:linear-gradient(135deg,#06152b,#073f83);color:#fff}.eyebrow{margin:0 0 10px;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.lead{font-size:18px;color:var(--muted)}.site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,231,245,.92)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:190px}.brand img{width:190px;max-height:58px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:5px}.main-nav a{padding:10px 13px;border-radius:999px;color:#25344e;font-weight:800;font-size:14px}.main-nav a:hover,.main-nav a.is-active{background:#eef6ff;color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 11px;color:var(--blue);font-weight:900}.btn,.header-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;min-height:46px;cursor:pointer;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:hover,.header-action:hover{transform:translateY(-2px)}.btn-primary,.header-action{background:linear-gradient(135deg,var(--orange),#ffae34);color:#fff;box-shadow:0 16px 34px rgba(255,138,29,.28)}.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 16px 34px rgba(10,104,216,.25)}.btn-soft{background:#eef6ff;color:var(--blue);border:1px solid #d5eaff}.btn-light{background:#fff;color:var(--blue);box-shadow:0 12px 32px rgba(0,0,0,.12)}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.32)}.btn-ghost-dark{background:#fff;color:var(--blue);border:1px solid var(--line)}.hero{position:relative;overflow:hidden;padding:92px 0 82px;background:radial-gradient(circle at 80% 12%,rgba(27,182,255,.38),transparent 22%),radial-gradient(circle at 15% 8%,rgba(255,138,29,.18),transparent 20%),linear-gradient(135deg,#06152b 0%,#073f83 58%,#0a68d8 100%);color:#fff}.hero::after{content:"";position:absolute;inset:auto -15% -45% -15%;height:350px;background:radial-gradient(ellipse at center,rgba(255,255,255,.18),transparent 70%);filter:blur(20px)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(360px,.92fr);align-items:center;gap:52px}.hero h1{margin:0;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.055em;max-width:760px}.hero p{color:rgba(255,255,255,.82)}.hero-copy .lead{color:rgba(255,255,255,.84);font-size:20px;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-badges span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.hero-showcase{position:relative;min-height:510px;display:grid;place-items:center}.device-stage{position:relative;width:min(100%,520px);height:390px;display:grid;place-items:center;filter:drop-shadow(0 34px 40px rgba(0,0,0,.34))}.device-card{position:absolute;inset:20px;border-radius:28px;background:rgba(255,255,255,.9);padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.28);opacity:0;transform:translateX(26px) scale(.96) rotate(-1deg);animation:slideDevice 12s infinite}.device-card:nth-child(2){animation-delay:4s}.device-card:nth-child(3){animation-delay:8s}.device-card img{width:100%;height:100%;object-fit:contain}.device-glow{position:absolute;inset:50px;border-radius:50%;background:radial-gradient(circle,rgba(27,182,255,.35),transparent 68%);filter:blur(12px);animation:pulseGlow 3s ease-in-out infinite}.floating-stat{position:absolute;z-index:3;background:rgba(255,255,255,.94);color:var(--navy);border:1px solid rgba(255,255,255,.4);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow);animation:floatY 4.5s ease-in-out infinite}.floating-stat strong{display:block;font-size:28px;color:var(--blue)}.floating-stat span{font-weight:800;font-size:12px;color:#56657d}.floating-stat.one{left:0;top:70px}.floating-stat.two{right:0;bottom:75px;animation-delay:1.4s}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:30px}.section-heading h2,.page-hero h1{margin:0;color:var(--navy);font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.04em}.section-heading p{margin:10px 0 0;max-width:720px;color:var(--muted)}.text-link{color:var(--blue);font-weight:900}.trust-grid,.category-grid,.product-grid,.store-grid,.partner-grid,.contact-grid,.admin-kpi-grid{display:grid;gap:22px}.trust-grid{grid-template-columns:1.1fr repeat(3,1fr)}.trust-card,.category-tile,.product-card,.store-card,.partner-card,.contact-card,.contact-form,.spec-box,.shipping-panel,.notice-card,.cart-drawer,.empty-state{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 34px rgba(6,21,43,.07)}.trust-card{padding:28px}.trust-card.feature{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.trust-card strong{display:block;font-size:25px;margin-bottom:8px;color:var(--blue)}.trust-card.feature strong{color:#fff}.trust-card p{color:var(--muted);margin:0}.trust-card.feature p{color:rgba(255,255,255,.8)}.category-grid{grid-template-columns:repeat(4,1fr)}.category-tile{position:relative;overflow:hidden;min-height:165px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:.22s ease}.category-tile::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(10,104,216,.08)}.category-tile:hover{transform:translateY(-4px);border-color:rgba(10,104,216,.35);box-shadow:0 18px 46px rgba(6,21,43,.12)}.category-tile.muted{border-style:dashed}.cat-icon{font-size:30px}.category-tile strong{font-size:18px;color:var(--navy)}.category-tile small{color:var(--muted);font-weight:700}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card{overflow:hidden;display:flex;flex-direction:column;transition:.22s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(6,21,43,.13);border-color:rgba(10,104,216,.28)}.product-media{position:relative;display:block;background:linear-gradient(135deg,#eef6ff,#fff);aspect-ratio:4/3;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-media img{transform:scale(1.04)}.corner-badge{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--orange),#ffb12e);color:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;box-shadow:0 10px 24px rgba(255,138,29,.26)}.product-body{padding:18px;display:flex;flex:1;flex-direction:column}.product-meta,.detail-tags,.badge-row{display:flex;flex-wrap:wrap;gap:7px}.product-meta span,.detail-tags span,.badge-row span{background:#edf6ff;color:#0b4c91;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.badge-row span{background:#fff5e9;color:#a8550f}.product-card h3{margin:14px 0 8px;font-size:20px;line-height:1.17;color:var(--navy)}.mini-specs{margin:0 0 14px;padding-left:18px;color:#53637c;font-size:14px;min-height:66px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;border-top:1px solid #edf2f7;padding-top:13px}.product-bottom strong,.detail-price{color:var(--blue);font-size:21px;font-weight:1000}.stock{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.stock.ok{background:#e9fbef;color:#167446}.stock.warn{background:#fff4df;color:#9b5514}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.product-actions .btn-primary{grid-column:1/-1}.product-actions .btn{padding:10px 12px;min-height:40px;font-size:13px}.page-hero{position:relative;padding:62px 0;background:linear-gradient(135deg,#06152b,#073f83 58%,#0a68d8);color:#fff;overflow:hidden}.page-hero::after{content:"";position:absolute;right:-80px;top:-130px;width:330px;height:330px;border-radius:50%;background:rgba(27,182,255,.23)}.page-hero h1{color:#fff}.page-hero p{color:rgba(255,255,255,.78);max-width:760px}.catalog-section{padding:44px 0 80px}.catalog-layout{display:grid;grid-template-columns:310px 1fr;gap:28px}.filters-panel{position:sticky;top:92px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px rgba(6,21,43,.07);padding:20px}.filters-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.filters-head h2{margin:0;color:var(--navy)}.filters-panel label{display:grid;gap:7px;margin:13px 0;font-weight:900;color:#344054;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px 14px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(27,182,255,.13)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 26px rgba(6,21,43,.06)}.toolbar-actions{display:flex;gap:10px;align-items:center}.empty-state{padding:34px;text-align:center}.detail-section{padding:62px 0 80px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:34px;align-items:start}.detail-media{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.detail-main-image{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f7fbff;border-radius:18px}.thumb-row{display:flex;gap:10px;margin-top:12px;overflow:auto}.thumb{border:2px solid transparent;background:#f8fafc;border-radius:14px;padding:6px;cursor:pointer;min-width:92px}.thumb.is-active{border-color:var(--blue)}.thumb img{width:82px;height:62px;object-fit:cover;border-radius:10px}.detail-info{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 38px rgba(6,21,43,.08);padding:28px}.detail-info h1{margin:0;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.04em;color:var(--navy)}.detail-price{font-size:34px;margin:18px 0}.spec-box{padding:20px;margin:20px 0}.spec-box h2{margin:0 0 12px;color:var(--navy);font-size:20px}.spec-box ul{margin:0;padding-left:20px;color:#475569;font-weight:750}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.small-note{margin-top:16px;color:#64748b;font-weight:800;font-size:14px}.store-card,.partner-card,.contact-card,.contact-form,.notice-card{padding:26px}.store-card h2,.partner-card h2,.contact-card h2,.contact-form h2{margin:0 0 12px;color:var(--navy)}.store-card ul,.partner-card ul{padding-left:20px;color:#4b5d75;font-weight:750}.store-tag{display:inline-flex;margin-bottom:10px;background:#eef6ff;color:var(--blue);font-weight:900;border-radius:999px;padding:7px 11px}.shipping-panel{display:none;margin-top:18px;padding:22px;border-left:6px solid var(--orange)}.shipping-panel.is-open{display:block;animation:fadeUp .25s ease}.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:34px;padding:38px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;box-shadow:var(--shadow)}.cta-band p{color:rgba(255,255,255,.82)}.cta-band h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1}.site-footer{background:#06111f;color:#fff;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:28px}.footer-logo{width:190px;background:#fff;border-radius:16px;padding:8px;margin-bottom:14px}.footer-grid h3{margin:0 0 12px}.footer-grid a,.footer-grid p{color:rgba(255,255,255,.76)}.footer-grid a{display:block;margin:7px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:16px;color:rgba(255,255,255,.6);font-size:13px}.quick-contact{position:fixed;left:18px;bottom:92px;z-index:80;display:flex;flex-direction:column;gap:12px}.quick-contact a,.quick-contact button{width:58px;height:58px;border-radius:50%;border:0;display:grid;place-items:center;font-size:24px;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.18);cursor:pointer;transition:.2s ease}.quick-contact a:hover,.quick-contact button:hover{transform:translateY(-3px) scale(1.03)}.quick-contact .call{background:#0ea5e9}.quick-contact .wa{background:#25d366}.quick-contact .sms{background:#ff4aa1}.quick-contact .mail{background:#ff475f}.quick-contact .close{background:#5366c9}.quick-contact.is-minimized a{display:none}.cart-fab{position:fixed;right:18px;bottom:24px;z-index:81;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;padding:14px 18px;box-shadow:0 18px 38px rgba(10,104,216,.3);font-weight:1000;cursor:pointer}.cart-fab span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--orange);margin-left:6px;font-size:12px}.cart-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.42);z-index:90;display:none}.cart-backdrop.is-open{display:block}.cart-drawer{position:fixed;right:0;top:0;bottom:0;z-index:91;width:min(440px,100%);border-radius:26px 0 0 26px;transform:translateX(105%);transition:.28s ease;padding:22px;display:flex;flex-direction:column}.cart-drawer.is-open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cart-head h2{margin:0;color:var(--navy)}.cart-close{border:0;border-radius:50%;width:40px;height:40px;background:#eef6ff;color:var(--blue);font-weight:1000;cursor:pointer}.cart-items{overflow:auto;display:grid;gap:12px;flex:1}.cart-line{display:grid;grid-template-columns:74px 1fr;gap:12px;border:1px solid var(--line);border-radius:18px;padding:10px}.cart-line img{width:74px;height:66px;object-fit:cover;border-radius:14px;background:#f8fafc}.cart-line strong{display:block;color:var(--navy)}.cart-line span{color:var(--blue);font-weight:900}.qty-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.qty-row button,.qty-row input{height:30px;border:1px solid var(--line);border-radius:10px;background:#fff;width:auto;padding:2px 9px}.qty-row input{width:56px;text-align:center}.link-danger{color:#b42318!important}.cart-total{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.cart-total div{display:flex;justify-content:space-between;font-size:20px;font-weight:1000;margin-bottom:12px}.empty-cart{color:var(--muted);font-weight:750}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes slideDevice{0%,7%{opacity:0;transform:translateX(30px) scale(.96) rotate(-1deg)}10%,31%{opacity:1;transform:translateX(0) scale(1) rotate(0)}34%,100%{opacity:0;transform:translateX(-34px) scale(.96) rotate(1deg)}}@keyframes pulseGlow{50%{transform:scale(1.07);opacity:.75}}@keyframes floatY{50%{transform:translateY(-10px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1040px){.hero-grid,.detail-grid,.catalog-layout,.trust-grid,.footer-grid{grid-template-columns:1fr}.hero-showcase{min-height:430px}.device-stage{height:340px}.filters-panel{position:relative;top:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.cta-band{grid-template-columns:1fr}.main-nav{position:fixed;left:0;right:0;top:76px;display:none;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:14px 18px;box-shadow:0 18px 40px rgba(6,21,43,.12)}.main-nav.is-open{display:flex}.main-nav a{border-radius:14px}.nav-toggle{display:inline-flex}.header-actions .btn-blue{display:none}.brand img{width:170px}.header-action{padding:10px 14px;min-height:42px}}
@media(max-width:700px){.container{width:min(100% - 24px,1200px)}.hero{padding:58px 0 52px}.hero h1{font-size:clamp(38px,12vw,54px)}.hero-grid{gap:30px}.hero-actions .btn{width:100%}.hero-badges span{font-size:12px}.hero-showcase{min-height:320px}.device-stage{height:280px}.device-card{inset:12px;border-radius:22px}.floating-stat{display:none}.section{padding:54px 0}.section-heading{display:block}.product-grid,.category-grid,.store-grid,.partner-grid,.contact-grid{grid-template-columns:1fr}.product-actions{grid-template-columns:1fr}.product-actions .btn-primary{grid-column:auto}.catalog-toolbar{display:block}.toolbar-actions{margin-top:12px;display:grid}.detail-actions .btn{width:100%}.cta-band{padding:26px;border-radius:24px}.footer-grid{grid-template-columns:1fr}.quick-contact{left:12px;bottom:84px}.quick-contact a,.quick-contact button{width:50px;height:50px}.cart-fab{right:12px;bottom:16px}.site-header .header-inner{height:70px}.main-nav{top:70px}.header-action{font-size:13px}.brand img{width:155px}.page-hero{padding:46px 0}.filters-panel{padding:16px}.product-media{aspect-ratio:1.08}}

.catalog-note{margin-bottom:18px;color:#475569;font-weight:800}.load-more-wrap{grid-column:1/-1;text-align:center;margin-top:12px}


/* === Corrections premium ToReS - V2 reprise propre === */
.hero-showcase{min-height:560px;overflow:visible}.device-stage{width:min(100%,640px);height:470px;filter:none;overflow:visible}.device-card{inset:0;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:grid;place-items:center;overflow:visible}.device-card img{width:112%;height:112%;object-fit:contain;filter:drop-shadow(0 36px 42px rgba(0,0,0,.34));transform-origin:center}.device-glow{inset:34px;background:radial-gradient(circle,rgba(27,182,255,.38),rgba(10,104,216,.18) 34%,transparent 70%);filter:blur(22px)}.hero-shipping-panel{display:none;margin-top:18px;max-width:650px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);box-shadow:0 20px 55px rgba(0,0,0,.17);color:#fff;backdrop-filter:blur(14px)}.hero-shipping-panel.is-open{display:block;animation:panelDrop .25s ease}.hero-shipping-panel p{color:rgba(255,255,255,.84);margin-bottom:0}.hero-shipping-panel strong{color:#fff}.shipping-panel:not(.hero-shipping-panel){scroll-margin-top:100px}@keyframes panelDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.trust-grid .trust-card{background:linear-gradient(135deg,#06152b,#073f83 68%,#0a68d8)!important;color:#fff;border-color:rgba(255,255,255,.14);box-shadow:0 22px 54px rgba(6,21,43,.18)}.trust-grid .trust-card strong{color:#fff}.trust-grid .trust-card p{color:rgba(255,255,255,.82)}.trust-grid .trust-card .eyebrow{color:#ffb84d}.btn-catalog-cta{box-shadow:0 18px 42px rgba(255,138,29,.34)!important;padding-inline:24px!important}.section-heading .btn-catalog-cta{white-space:nowrap}
.category-tile .cat-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#eef7ff,#ffffff);border:1px solid #d8eaff;display:grid;place-items:center;color:#06152b;box-shadow:0 12px 30px rgba(6,21,43,.08)}.category-tile .cat-icon svg{width:34px;height:34px;display:block;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.category-tile .cat-icon.cat-apple svg{fill:#111827;stroke:none}.category-tile .cat-icon.cat-ecrans{background:linear-gradient(135deg,#073f83,#1bb6ff);color:#fff}.category-tile .cat-icon.cat-accessoires{background:linear-gradient(135deg,#fff7ed,#ffffff);color:#d95d00;border-color:#ffd4a8}.category-tile .cat-icon.cat-tablettes{background:linear-gradient(135deg,#edf6ff,#fff);color:#073f83}
.quick-contact{position:fixed;right:22px;bottom:96px;z-index:95;display:flex;flex-direction:column;align-items:flex-end;gap:12px;touch-action:none;user-select:none}.quick-contact.is-dragging{transition:none}.quick-contact-menu{display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.96);pointer-events:none;transition:.22s ease}.quick-contact.is-open .quick-contact-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.quick-contact-toggle{height:62px;min-width:62px;border:0;border-radius:999px;background:linear-gradient(135deg,#ff8a1d,#ffb22e);color:#fff;box-shadow:0 20px 46px rgba(255,138,29,.35);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;cursor:grab;font-weight:1000}.quick-contact-toggle:active{cursor:grabbing}.quick-contact-toggle svg{width:30px;height:30px;fill:currentColor}.toggle-label{font-size:14px;letter-spacing:.01em}.qc-action{height:52px;min-width:154px;display:flex;align-items:center;justify-content:flex-start;gap:11px;border-radius:999px;background:#fff;color:#0f172a;border:1px solid rgba(219,231,245,.95);box-shadow:0 16px 38px rgba(6,21,43,.16);padding:7px 14px 7px 8px;font-weight:950}.qc-action:hover{transform:translateX(-4px)}.qc-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 38px}.qc-icon svg{width:22px;height:22px;fill:currentColor}.qc-call .qc-icon{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.qc-wa .qc-icon{background:linear-gradient(135deg,#25D366,#128C7E)}.qc-sms .qc-icon{background:linear-gradient(135deg,#8b5cf6,#2563eb)}.qc-mail .qc-icon{background:linear-gradient(135deg,#ff4b78,#ff8a1d)}.cart-fab{right:22px;bottom:22px;z-index:94}.detail-media{position:relative}.detail-close{position:absolute;top:16px;right:16px;z-index:5;width:46px;height:46px;border:0;border-radius:50%;background:rgba(6,21,43,.88);color:#fff;display:grid;place-items:center;font-size:28px;line-height:1;box-shadow:0 14px 34px rgba(6,21,43,.24);cursor:pointer}.detail-close:hover{transform:scale(1.05);background:#ff8a1d}.detail-actions [data-back-catalogue]{background:#fff;color:#073f83;border:1px solid #dbe7f5}.back-hint{font-size:12px;color:#667085;margin-top:8px}.product-media::before{content:"Cliquer pour voir";position:absolute;right:12px;bottom:12px;z-index:2;background:rgba(6,21,43,.86);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;opacity:0;transform:translateY(6px);transition:.2s ease}.product-card:hover .product-media::before{opacity:1;transform:translateY(0)}
@media(max-width:760px){.quick-contact{right:14px;bottom:86px}.quick-contact-toggle{height:58px;min-width:58px;padding:0 15px}.toggle-label{display:none}.qc-action{min-width:138px;height:50px}.device-stage{height:360px}.hero-showcase{min-height:410px}.device-card img{width:122%;height:122%}.section-heading{align-items:flex-start}.section-heading .btn-catalog-cta{width:100%;margin-top:4px}.hero-shipping-panel{font-size:14px}.floating-stat.two{display:none}}

.quick-contact-toggle{width:auto!important}.qc-action{width:auto!important;font-size:14px!important}.qc-action span:last-child{font-size:14px!important}


/* === V3 finesse premium : slider dynamique + bouton contact + catégories === */
.device-card{animation:slideDevice7 35s infinite!important;}
.device-card:nth-child(1){animation-delay:0s!important;}
.device-card:nth-child(2){animation-delay:5s!important;}
.device-card:nth-child(3){animation-delay:10s!important;}
.device-card:nth-child(4){animation-delay:15s!important;}
.device-card:nth-child(5){animation-delay:20s!important;}
.device-card:nth-child(6){animation-delay:25s!important;}
.device-card:nth-child(7){animation-delay:30s!important;}
@keyframes slideDevice7{0%,4%{opacity:0;transform:translateX(38px) scale(.95) rotate(-1.2deg)}6%,13%{opacity:1;transform:translateX(0) scale(1) rotate(0)}15%,100%{opacity:0;transform:translateX(-40px) scale(.95) rotate(1.2deg)}}
.device-card img{max-width:118%;max-height:118%;}
.quick-contact{filter:drop-shadow(0 20px 30px rgba(6,21,43,.18));}
.quick-contact-toggle{height:66px!important;min-width:66px!important;padding:0 18px!important;background:radial-gradient(circle at 32% 22%,#ffffff 0,#fff4dc 12%,transparent 28%),linear-gradient(135deg,#06152b 0%,#073f83 54%,#ff8a1d 130%)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 22px 52px rgba(6,21,43,.28),0 0 0 7px rgba(255,138,29,.12)!important;}
.quick-contact-toggle .toggle-icon{width:38px;height:38px;display:grid;place-items:center;}
.quick-contact-toggle svg{width:38px!important;height:38px!important;fill:none!important;stroke:#fff!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.quick-contact-toggle .bubble-dot{fill:#ffb22e!important;stroke:#fff!important;stroke-width:1.6!important;}
.quick-contact-toggle .bubble-main{fill:rgba(255,255,255,.08)!important;}
.quick-contact-toggle .bubble-back,.quick-contact-toggle .bubble-line{fill:none!important;}
.quick-contact-toggle::after{content:"";position:absolute;width:12px;height:12px;right:8px;top:7px;border-radius:999px;background:#25d366;border:2px solid #fff;box-shadow:0 0 0 4px rgba(37,211,102,.18)}
.toggle-label{font-weight:1000;letter-spacing:.02em;text-transform:uppercase;font-size:12px!important;}
.quick-contact-menu{gap:12px!important;}
.qc-action{min-width:164px!important;height:56px!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);border:1px solid rgba(218,231,246,.9)!important;box-shadow:0 20px 45px rgba(6,21,43,.18)!important;}
.qc-action span:last-child{font-weight:1000;color:#0f172a;}
.qc-icon{width:42px!important;height:42px!important;flex-basis:42px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px rgba(6,21,43,.17)}
.qc-icon svg{width:24px!important;height:24px!important;}
.category-grid{gap:24px!important;}
.category-tile{min-height:185px!important;padding:24px!important;border-radius:28px!important;background:linear-gradient(145deg,#ffffff 0%,#f7fbff 62%,#eef6ff 100%)!important;border:1px solid rgba(198,222,249,.95)!important;box-shadow:0 18px 45px rgba(6,21,43,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;isolation:isolate;}
.category-tile::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 82% 16%,rgba(27,182,255,.18),transparent 34%),linear-gradient(135deg,rgba(255,138,29,.06),transparent 38%);z-index:-1;opacity:.95}
.category-tile::after{width:138px!important;height:138px!important;right:-46px!important;top:-46px!important;background:linear-gradient(135deg,rgba(10,104,216,.12),rgba(27,182,255,.08))!important;}
.category-tile:hover{transform:translateY(-7px)!important;box-shadow:0 28px 65px rgba(6,21,43,.15),0 0 0 1px rgba(10,104,216,.16)!important;}
.category-tile .cat-icon{width:66px!important;height:66px!important;border-radius:22px!important;background:linear-gradient(135deg,#06152b,#073f83 62%,#0a68d8)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 18px 35px rgba(6,21,43,.22),inset 0 1px 0 rgba(255,255,255,.25)!important;}
.category-tile .cat-icon svg{width:39px!important;height:39px!important;stroke-width:2.35!important;}
.category-tile .cat-icon.cat-apple{background:linear-gradient(135deg,#ffffff,#f5f7fb)!important;color:#0b1220!important;border-color:#d9e3f0!important;}
.category-tile .cat-icon.cat-apple svg{fill:#0b1220!important;stroke:none!important;width:38px!important;height:38px!important;}
.category-tile .cat-icon.cat-ecrans{background:linear-gradient(135deg,#073f83,#0a68d8 50%,#1bb6ff)!important;color:#fff!important;}
.category-tile .cat-icon.cat-accessoires{background:linear-gradient(135deg,#ff8a1d,#ffb22e)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important;}
.category-tile strong{font-size:19px!important;letter-spacing:-.02em;}
.category-tile small{font-size:13px!important;line-height:1.45!important;color:#53637c!important;}
@media(max-width:760px){.quick-contact-toggle{min-width:62px!important;height:62px!important}.quick-contact-toggle .toggle-icon{width:34px;height:34px}.quick-contact-toggle svg{width:34px!important;height:34px!important}.device-card img{max-width:124%;max-height:124%;}.category-tile{min-height:164px!important}.category-tile .cat-icon{width:60px!important;height:60px!important}}


/* Corrections finales ToReS - slider, contact, CTA */
.device-card{animation:slideDevice6 30s infinite!important;}
.device-card:nth-child(1){animation-delay:0s!important;}
.device-card:nth-child(2){animation-delay:5s!important;}
.device-card:nth-child(3){animation-delay:10s!important;}
.device-card:nth-child(4){animation-delay:15s!important;}
.device-card:nth-child(5){animation-delay:20s!important;}
.device-card:nth-child(6){animation-delay:25s!important;}
@keyframes slideDevice6{0%,100%{opacity:0;transform:translateX(46px) scale(.9) rotate(-1deg)}3%,13%{opacity:1;transform:translateX(0) scale(1) rotate(0)}17%,100%{opacity:0;transform:translateX(-42px) scale(.94) rotate(1deg)}}
.device-card img[src*="hero-dynamic-bureau-hp"]{max-width:132%!important;max-height:132%!important;filter:drop-shadow(0 40px 48px rgba(0,0,0,.38)) saturate(1.05) contrast(1.03)!important;}
.floating-stat.two strong{font-size:22px;color:#ff8a1d!important;}
.floating-stat.two span{text-transform:uppercase;letter-spacing:.04em;}
.section-heading > .btn-catalog-cta{background:linear-gradient(135deg,var(--orange),#ffb12e)!important;color:#fff!important;box-shadow:0 18px 42px rgba(255,138,29,.34)!important;border-radius:999px!important;padding:13px 24px!important;min-height:48px!important;}
.section-heading > .btn-catalog-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 22px 52px rgba(255,138,29,.42)!important;}
.quick-contact-toggle{height:58px!important;min-width:auto!important;padding:0 18px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--orange),#ffb12e)!important;color:#fff!important;border:0!important;box-shadow:0 18px 42px rgba(255,138,29,.34)!important;gap:9px!important;cursor:grab!important;}
.quick-contact-toggle::after{display:none!important;}
.quick-contact-toggle .toggle-label{display:inline!important;font-size:14px!important;font-weight:1000!important;letter-spacing:.01em!important;}
.quick-contact-toggle .toggle-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;}
.quick-contact-toggle svg{width:28px!important;height:28px!important;fill:none!important;stroke:#fff!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.quick-contact-toggle .bubble-main{fill:rgba(255,255,255,.12)!important;stroke:#fff!important;}
.quick-contact-toggle .bubble-back,.quick-contact-toggle .bubble-line{fill:none!important;stroke:#fff!important;}
.quick-contact-toggle .bubble-dot{fill:#fff!important;stroke:#fff!important;}
.quick-contact-toggle:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(255,138,29,.42)!important;}
@media(max-width:760px){.quick-contact-toggle{height:56px!important;min-width:56px!important;padding:0 14px!important}.quick-contact-toggle .toggle-label{display:none!important}.section-heading > .btn-catalog-cta{width:100%;margin-top:14px}.device-card img[src*="hero-dynamic-bureau-hp"]{max-width:145%!important;max-height:145%!important;}}


/* === V90 ToReS: bouton contact et catégories premium précises === */
.quick-contact-toggle{
  width:66px!important;height:66px!important;min-width:66px!important;padding:0!important;border-radius:50%!important;
  background:linear-gradient(145deg,#08b7ff 0%,#356dff 48%,#8d39ff 100%)!important;
  color:#fff!important;border:0!important;box-shadow:0 18px 34px rgba(45,91,255,.27),0 7px 16px rgba(8,183,255,.18),inset 0 3px 7px rgba(255,255,255,.42),inset 0 -10px 20px rgba(58,32,172,.18)!important;
  display:grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;cursor:grab!important;
}
.quick-contact-toggle::before{content:"";position:absolute;inset:7px 8px auto 11px;height:22px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,0));filter:blur(.2px);transform:rotate(-8deg)}
.quick-contact-toggle::after{content:""!important;display:block!important;position:absolute;inset:auto 9px 7px auto;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),rgba(255,255,255,0) 70%);box-shadow:none!important;border:0!important}
.quick-contact-toggle .toggle-label{display:none!important}
.quick-contact-toggle .toggle-icon{width:34px!important;height:34px!important;z-index:2;display:grid!important;place-items:center!important}
.quick-contact-toggle svg{width:34px!important;height:34px!important;fill:none!important;stroke:#fff!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.18))}
.quick-contact-toggle .share-node{fill:#fff!important;stroke:#fff!important;stroke-width:2!important}.quick-contact-toggle .share-link{stroke:#fff!important;stroke-width:4!important;fill:none!important}
.quick-contact.is-dragging .quick-contact-toggle{cursor:grabbing!important;transform:scale(1.03)!important}.quick-contact-toggle:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 22px 44px rgba(45,91,255,.35),inset 0 3px 7px rgba(255,255,255,.46)!important}
@media(max-width:760px){.quick-contact-toggle{width:60px!important;height:60px!important;min-width:60px!important}.quick-contact-toggle .toggle-icon,.quick-contact-toggle svg{width:31px!important;height:31px!important}}

.category-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(178px,1fr))!important;gap:26px!important;align-items:stretch!important}
.category-tile{min-height:198px!important;padding:22px 18px 20px!important;border-radius:27px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid rgba(221,232,246,.95)!important;box-shadow:0 18px 36px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.95)!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important;position:relative!important;overflow:hidden!important;isolation:isolate!important;}
.category-tile::before{content:""!important;position:absolute!important;width:122px!important;height:122px!important;left:50%!important;top:16px!important;transform:translateX(-50%)!important;border-radius:50%!important;background:linear-gradient(135deg,#dff5ff,#58c8ff)!important;opacity:.98!important;z-index:-1!important;filter:saturate(1.08)!important}
.category-tile::after{content:""!important;position:absolute!important;inset:12px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.65)!important;background:linear-gradient(160deg,rgba(255,255,255,.36),rgba(255,255,255,0) 45%)!important;pointer-events:none!important;z-index:-1!important}
.category-tile:hover{transform:translateY(-8px)!important;box-shadow:0 28px 62px rgba(6,21,43,.13),0 0 0 1px rgba(10,104,216,.13)!important}.category-tile .cat-icon{width:90px!important;height:86px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important;color:#052b5f!important;display:grid!important;place-items:center!important;margin-top:4px!important}.category-tile .cat-icon svg{width:78px!important;height:78px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.9!important;filter:drop-shadow(0 12px 14px rgba(7,63,131,.16))}.category-tile strong{font-size:19px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.035em!important;color:#0b1630!important}.category-tile small{font-size:12.5px!important;line-height:1.35!important;color:#5c6b83!important;max-width:155px!important}.category-tile .cat-icon.cat-apple svg{fill:#0b1220!important;stroke:none!important;width:74px!important;height:74px!important}.category-tile:has(.cat-apple)::before{background:radial-gradient(circle at 50% 50%,#ffffff 0 38%,#f5eaff 49%,#9eeaff 68%,#ffe0ef 100%)!important}.category-tile:has(.cat-premium)::before{background:linear-gradient(135deg,#ddffe4 0%,#48d16a 58%,#0da744 100%)!important}.category-tile:has(.cat-ordinateurs-de-bureau)::before{background:linear-gradient(135deg,#f7d5ff 0%,#b24bff 58%,#172c7a 100%)!important}.category-tile:has(.cat-pc-gamer)::before{background:linear-gradient(135deg,#fff1c3 0%,#ff7a1a 58%,#ee3a1c 100%)!important}.category-tile:has(.cat-tablettes)::before{background:linear-gradient(135deg,#e5fbff 0%,#4cc9ff 60%,#087bdc 100%)!important}.category-tile:has(.cat-imprimantes)::before{background:linear-gradient(135deg,#e8ffca 0%,#cdf52e 55%,#59c42f 100%)!important}.category-tile:has(.cat-ecrans)::before{background:linear-gradient(135deg,#c9f8ff 0%,#25b9ff 55%,#0870d9 100%)!important}.category-tile:has(.cat-serveurs-stockage)::before{background:linear-gradient(135deg,#dce8ff 0%,#8a4eff 58%,#0874d7 100%)!important}.category-tile:has(.cat-accessoires)::before{background:linear-gradient(135deg,#fff2b9 0%,#ffc928 55%,#f7a900 100%)!important}.category-tile:has(.cat-pc-gamer) .cat-icon,.category-tile:has(.cat-ordinateurs-de-bureau) .cat-icon,.category-tile:has(.cat-serveurs-stockage) .cat-icon{color:#06152b!important}.category-tile:has(.cat-accessoires) .cat-icon{color:#0b1630!important}
@media(max-width:760px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.category-tile{min-height:172px!important;padding:18px 12px!important;border-radius:22px!important}.category-tile::before{width:104px!important;height:104px!important;top:13px!important}.category-tile .cat-icon{width:78px!important;height:72px!important}.category-tile .cat-icon svg{width:68px!important;height:68px!important}.category-tile strong{font-size:16px!important}.category-tile small{display:none!important}}

/* === Update logo premium accueil + animation mot par mot === */
.hero-logo-premium{
  width:min(560px,100%);
  margin:0 0 22px;
  padding:20px 24px;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.78));
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 28px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
  position:relative;
  overflow:hidden;
}
.hero-logo-premium::before{
  content:"";
  position:absolute;
  inset:-45% auto auto -12%;
  width:230px;
  height:230px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,29,.24),transparent 68%);
  pointer-events:none;
}
.hero-logo-premium::after{
  content:"";
  position:absolute;
  inset:auto -14% -46% auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(27,182,255,.22),transparent 68%);
  pointer-events:none;
}
.hero-logo-word-reveal{
  position:relative;
  z-index:2;
  width:100%;
  max-height:160px;
  object-fit:contain;
  filter:drop-shadow(0 16px 22px rgba(6,21,43,.13));
  clip-path:inset(0 100% 0 0);
  animation:logoWordReveal 1.9s cubic-bezier(.22,.9,.25,1) .2s forwards, logoSoftFloat 4.8s ease-in-out 2.2s infinite;
}
@keyframes logoWordReveal{
  0%{clip-path:inset(0 100% 0 0);opacity:.35;transform:translateY(8px) scale(.985)}
  32%{clip-path:inset(0 62% 0 0);opacity:1;transform:translateY(0) scale(1)}
  64%{clip-path:inset(0 28% 0 0);opacity:1;transform:translateY(0) scale(1)}
  100%{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0) scale(1)}
}
@keyframes logoSoftFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
.hero-copy .hero-logo-premium + .eyebrow{margin-top:4px}
.hero h1{max-width:680px;}
@media(max-width:760px){
  .hero-logo-premium{width:100%;padding:16px 16px;border-radius:24px;margin-bottom:18px}
  .hero-logo-word-reveal{max-height:118px}
}

.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center}
.btn-facebook{background:#1877f2;color:#fff;box-shadow:0 16px 34px rgba(24,119,242,.28)}
.btn-facebook:hover{box-shadow:0 20px 44px rgba(24,119,242,.36)}
@media(max-width:1040px){.cta-actions{justify-content:flex-start}}
@media(max-width:700px){.cta-actions .btn{width:100%}}

.quick-contact{position:fixed!important;width:max-content!important;height:auto!important;overflow:visible!important}
.quick-contact-menu{
  position:absolute!important;
  bottom:calc(100% + 12px)!important;
  right:auto!important;
  left:50%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translate(-50%,10px) scale(.96)!important;
  pointer-events:none!important;
  z-index:2!important;
}
.quick-contact.menu-left .quick-contact-menu{left:0!important;transform:translate(0,10px) scale(.96)!important;align-items:flex-start!important}
.quick-contact.menu-right .quick-contact-menu{left:auto!important;right:0!important;transform:translate(0,10px) scale(.96)!important;align-items:flex-end!important}
.quick-contact.is-open .quick-contact-menu{opacity:1!important;visibility:visible!important;transform:translate(-50%,0) scale(1)!important;pointer-events:auto!important}
.quick-contact.is-open.menu-left .quick-contact-menu,.quick-contact.is-open.menu-right .quick-contact-menu{transform:translate(0,0) scale(1)!important}
.quick-contact-toggle{position:relative!important;z-index:3!important}

/* Style categories avec visuels premium */
.category-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:28px!important;align-items:stretch!important}
.category-tile{min-height:220px!important;padding:18px 14px 17px!important;border-radius:24px!important;background:#f8fbff!important;border:1px solid rgba(226,235,247,.95)!important;box-shadow:0 18px 42px rgba(15,23,42,.08)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;gap:8px!important;overflow:hidden!important;position:relative!important}
.category-tile::before,.category-tile::after{display:none!important}
.category-tile:hover{transform:translateY(-6px)!important;border-color:rgba(10,104,216,.2)!important;box-shadow:0 26px 56px rgba(15,23,42,.12)!important}
.category-tile .cat-icon{width:100%!important;height:148px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;display:grid!important;place-items:center!important;color:inherit!important}
.category-tile .cat-icon img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 14px 18px rgba(15,23,42,.12))!important}
.category-tile strong{font-size:20px!important;line-height:1.08!important;font-weight:1000!important;color:#0b1630!important;letter-spacing:-.03em!important;max-width:185px!important}
.category-tile small{display:none!important}
@media(max-width:760px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.category-tile{min-height:178px!important;padding:13px 9px 14px!important;border-radius:20px!important}.category-tile .cat-icon{height:115px!important}.category-tile strong{font-size:16px!important;max-width:145px!important}}

/* Bouton flottant: colonne ronde alignee */
.quick-contact{width:70px!important;display:flex!important;align-items:center!important;filter:drop-shadow(0 22px 30px rgba(6,21,43,.22))!important}
.quick-contact-menu{width:70px!important;left:50%!important;right:auto!important;bottom:calc(100% + 14px)!important;align-items:center!important;gap:14px!important;transform:translate(-50%,16px) scale(.92)!important}
.quick-contact.menu-left .quick-contact-menu,.quick-contact.menu-right .quick-contact-menu,.quick-contact.menu-center .quick-contact-menu{left:50%!important;right:auto!important;align-items:center!important;transform:translate(-50%,16px) scale(.92)!important}
.quick-contact.is-open .quick-contact-menu,.quick-contact.is-open.menu-left .quick-contact-menu,.quick-contact.is-open.menu-right .quick-contact-menu,.quick-contact.is-open.menu-center .quick-contact-menu{transform:translate(-50%,0) scale(1)!important}
.qc-action{width:64px!important;height:64px!important;min-width:64px!important;padding:0!important;border-radius:50%!important;border:0!important;display:grid!important;place-items:center!important;justify-content:center!important;background:#0bd77a!important;box-shadow:0 18px 30px rgba(15,23,42,.18),inset 0 4px 9px rgba(255,255,255,.32),inset 0 -10px 18px rgba(0,0,0,.08)!important;opacity:0!important;transform:translateY(14px) scale(.78)!important;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease!important}
.quick-contact.is-open .qc-action{opacity:1!important;transform:translateY(0) scale(1)!important}
.quick-contact.is-open .qc-action:nth-child(1){transition-delay:.02s!important}
.quick-contact.is-open .qc-action:nth-child(2){transition-delay:.05s!important}
.quick-contact.is-open .qc-action:nth-child(3){transition-delay:.08s!important}
.quick-contact.is-open .qc-action:nth-child(4){transition-delay:.11s!important}
.qc-action:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 22px 36px rgba(15,23,42,.24),inset 0 4px 9px rgba(255,255,255,.35)!important}
.qc-action span:last-child{display:none!important}
.qc-icon{width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:50%!important;background:transparent!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.qc-icon svg{width:35px!important;height:35px!important;fill:#fff!important;stroke:#fff!important;stroke-width:0!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))!important}
.qc-call{background:linear-gradient(145deg,#11e184 0%,#05c971 58%,#04a860 100%)!important}
.qc-wa{background:linear-gradient(145deg,#48ea72 0%,#25d366 55%,#15a94f 100%)!important}
.qc-sms{background:linear-gradient(145deg,#ff4bb0 0%,#f73595 55%,#e2227c 100%)!important}
.qc-mail{background:linear-gradient(145deg,#ff4f71 0%,#ff3d5f 55%,#e92a4d 100%)!important}
.quick-contact-toggle{width:68px!important;height:68px!important;min-width:68px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#08b7ff 0%,#356dff 48%,#8d39ff 100%)!important;box-shadow:0 20px 36px rgba(45,91,255,.32),inset 0 4px 9px rgba(255,255,255,.38),inset 0 -12px 20px rgba(58,32,172,.2)!important}
.quick-contact-toggle .toggle-icon{position:relative!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important}
.quick-contact-toggle svg{width:36px!important;height:36px!important}
.quick-contact.is-open .quick-contact-toggle{background:linear-gradient(145deg,#5b73dc 0%,#5266c9 60%,#4355b9 100%)!important;box-shadow:0 20px 38px rgba(67,85,185,.35),inset 0 4px 9px rgba(255,255,255,.34),inset 0 -12px 20px rgba(35,45,132,.2)!important}
.quick-contact.is-open .quick-contact-toggle svg{opacity:0!important}
.quick-contact-toggle .toggle-icon::before,.quick-contact-toggle .toggle-icon::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:6px;border-radius:999px;background:#fff;opacity:0;box-shadow:0 3px 5px rgba(0,0,0,.16);transform:translate(-50%,-50%) rotate(0deg);transition:opacity .16s ease,transform .2s ease}
.quick-contact.is-open .quick-contact-toggle .toggle-icon::before{opacity:1;transform:translate(-50%,-50%) rotate(45deg)}
.quick-contact.is-open .quick-contact-toggle .toggle-icon::after{opacity:1;transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:760px){.quick-contact{width:66px!important}.quick-contact-menu{width:66px!important;gap:13px!important}.qc-action,.qc-icon{width:60px!important;height:60px!important;min-width:60px!important;flex-basis:60px!important}.qc-icon svg{width:32px!important;height:32px!important}.quick-contact-toggle{width:64px!important;height:64px!important;min-width:64px!important}.quick-contact-toggle .toggle-icon{width:36px!important;height:36px!important}.quick-contact-toggle .toggle-icon::before,.quick-contact-toggle .toggle-icon::after{width:32px;height:6px}}

/* Categories mobile: noms toujours visibles */
@media(max-width:760px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
  .category-tile{min-height:210px!important;height:auto!important;padding:12px 8px 14px!important;border-radius:20px!important;gap:7px!important;overflow:hidden!important;justify-content:flex-start!important}
  .category-tile .cat-icon{height:122px!important;min-height:122px!important;width:100%!important;flex:0 0 122px!important;margin:0!important}
  .category-tile .cat-icon img{width:100%!important;height:100%!important;object-fit:contain!important}
  .category-tile strong{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;margin:2px auto 0!important;max-width:128px!important;min-height:52px!important;color:#081326!important;font-size:15.5px!important;line-height:1.12!important;font-weight:1000!important;text-align:center!important;letter-spacing:0!important;overflow:visible!important;word-break:normal!important;overflow-wrap:break-word!important}
  .category-tile small{display:none!important}
}
@media(max-width:360px){
  .category-grid{gap:12px!important}
  .category-tile{min-height:205px!important;padding-inline:7px!important}
  .category-tile .cat-icon{height:112px!important;min-height:112px!important;flex-basis:112px!important}
  .category-tile strong{font-size:14.5px!important;max-width:118px!important;min-height:58px!important}
}

/* Categories nettes: icone separee du nom */
.category-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:26px!important}
.category-tile{min-height:238px!important;padding:18px 14px 18px!important;border-radius:24px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;display:grid!important;grid-template-rows:160px auto!important;align-items:start!important;justify-items:center!important;gap:12px!important;overflow:visible!important}
.category-tile .cat-icon{grid-row:1!important;width:100%!important;height:160px!important;min-height:160px!important;display:grid!important;place-items:center!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.category-svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important;shape-rendering:geometricPrecision!important;text-rendering:geometricPrecision!important}
.category-svg .halo-back{fill:var(--c2);opacity:.92}
.category-svg .halo-front{fill:var(--c1);opacity:.84}
.category-svg .orbit{fill:none;stroke:var(--c1);stroke-width:4;stroke-linecap:round;opacity:.9}
.category-svg .orbit-b{stroke:var(--c2);opacity:.65}
.category-svg .device{fill:var(--c3);stroke:#0b1630;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 14px 14px rgba(15,23,42,.18))}
.category-svg .screen-glow,.category-svg .paper{fill:#eff8ff;stroke:#0b1630}
.category-svg .shine{fill:none;stroke:#ffffff;stroke-width:6;stroke-linecap:round;opacity:.86}
.category-svg .check{fill:none;stroke:#ffffff;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.category-svg .apple{fill:#101828;stroke:none}
.category-svg .db{fill:#ffffff;stroke:#0b1630;stroke-width:5}
.category-tile strong{grid-row:2!important;display:block!important;position:static!important;margin:0 auto!important;max-width:190px!important;min-height:auto!important;color:#071426!important;font-size:20px!important;line-height:1.08!important;font-weight:1000!important;text-align:center!important;letter-spacing:0!important;z-index:2!important;overflow:visible!important;overflow-wrap:break-word!important}
.category-tile small{display:none!important}
@media(max-width:760px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .category-tile{min-height:208px!important;padding:12px 8px 14px!important;border-radius:20px!important;grid-template-rows:132px auto!important;gap:10px!important;overflow:visible!important}
  .category-tile .cat-icon{height:132px!important;min-height:132px!important;flex:initial!important}
  .category-svg{height:132px!important}
  .category-tile strong{font-size:15.5px!important;line-height:1.12!important;max-width:136px!important;min-height:auto!important;margin-top:0!important}
}
@media(max-width:360px){
  .category-tile{min-height:202px!important;grid-template-rows:124px auto!important;padding:11px 7px 13px!important}
  .category-tile .cat-icon,.category-svg{height:124px!important;min-height:124px!important}
  .category-tile strong{font-size:14.5px!important;max-width:122px!important}
}

/* Retour aux images de categories originales, en propre */
.category-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:26px!important;align-items:stretch!important}
.category-tile{min-height:238px!important;padding:16px 14px 18px!important;border-radius:24px!important;background:#f8fbff!important;border:1px solid rgba(226,235,247,.95)!important;box-shadow:0 18px 42px rgba(15,23,42,.08)!important;display:grid!important;grid-template-rows:158px auto!important;align-items:start!important;justify-items:center!important;gap:12px!important;overflow:hidden!important;text-align:center!important}
.category-tile::before,.category-tile::after{display:none!important}
.category-tile .cat-icon{grid-row:1!important;width:100%!important;height:158px!important;min-height:158px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.category-tile .cat-icon img{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:auto!important;filter:drop-shadow(0 13px 16px rgba(15,23,42,.12)) saturate(1.06) contrast(1.04)!important}
.category-tile strong{grid-row:2!important;display:block!important;position:static!important;margin:0 auto!important;max-width:190px!important;min-height:auto!important;color:#071426!important;font-size:20px!important;line-height:1.08!important;font-weight:1000!important;letter-spacing:0!important;text-align:center!important;overflow:visible!important;overflow-wrap:break-word!important}
.category-tile small{display:none!important}
@media(max-width:760px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .category-tile{min-height:210px!important;padding:11px 8px 14px!important;border-radius:20px!important;grid-template-rows:132px auto!important;gap:10px!important}
  .category-tile .cat-icon{height:132px!important;min-height:132px!important}
  .category-tile strong{font-size:15.5px!important;line-height:1.12!important;max-width:136px!important;min-height:auto!important;margin:0 auto!important}
}
@media(max-width:360px){
  .category-tile{min-height:204px!important;grid-template-rows:124px auto!important;padding:10px 7px 13px!important}
  .category-tile .cat-icon{height:124px!important;min-height:124px!important}
  .category-tile strong{font-size:14.5px!important;max-width:122px!important}
}

/* Accueil mobile: images dynamiques adaptees */
@media(max-width:760px){
  .hero{padding:50px 0 42px!important}
  .hero-grid{gap:18px!important}
  .hero-copy .lead,.hero-shipping-panel,.hero-badges span,.cart-total .small-note{overflow-wrap:break-word!important;word-break:normal!important}
  .hero-actions{gap:10px!important;margin-top:24px!important}
  .hero-actions .btn{width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.18!important}
  .hero-badges{gap:8px!important;margin-top:20px!important}
  .hero-badges span{border-radius:18px!important;line-height:1.2!important}
  .hero-showcase{min-height:300px!important;overflow:hidden!important}
  .device-stage{width:min(100%,330px)!important;height:250px!important;overflow:visible!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.22))!important}
  .device-card{inset:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:visible!important}
  .device-card img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.24))!important}
  .device-card img[src*="hero-dynamic-bureau-hp"],
  .device-card img[src*="hero-dynamic-all-in-one-hp"],
  .device-card img[src*="hero-dynamic-hub-accessoires"]{width:104%!important;height:104%!important;max-width:104%!important;max-height:104%!important}
  .device-glow{inset:38px!important;filter:blur(16px)!important}
  .cart-fab{right:12px!important;bottom:14px!important;max-width:calc(100vw - 24px)!important;padding:12px 14px!important;font-size:14px!important;line-height:1!important;white-space:nowrap!important}
  .cart-drawer{width:100%!important;border-radius:22px 22px 0 0!important;padding:18px!important}
  .cart-total .btn{white-space:normal!important;text-align:center!important;line-height:1.18!important}
}
@media(max-width:380px){
  .hero-showcase{min-height:270px!important}
  .device-stage{width:min(100%,300px)!important;height:225px!important}
  .hero-copy .lead{font-size:17px!important}
}

/* Slider dynamique: 7 images avec detourage propre */
.device-card{animation:slideDevice7Clean 35s infinite!important}
.device-card:nth-child(1){animation-delay:0s!important}
.device-card:nth-child(2){animation-delay:5s!important}
.device-card:nth-child(3){animation-delay:10s!important}
.device-card:nth-child(4){animation-delay:15s!important}
.device-card:nth-child(5){animation-delay:20s!important}
.device-card:nth-child(6){animation-delay:25s!important}
.device-card:nth-child(7){animation-delay:30s!important}
@keyframes slideDevice7Clean{
  0%,100%{opacity:0;transform:translateX(42px) scale(.92) rotate(-1deg)}
  3%,11.5%{opacity:1;transform:translateX(0) scale(1) rotate(0)}
  15%,100%{opacity:0;transform:translateX(-42px) scale(.94) rotate(1deg)}
}
.device-card img[src*="hero-dynamic-bureau-hp"]{width:116%!important;height:116%!important;max-width:116%!important;max-height:116%!important;filter:drop-shadow(0 34px 42px rgba(0,0,0,.34)) saturate(1.04) contrast(1.02)!important}
.device-card img[src*="hero-dynamic-all-in-one-hp"]{width:112%!important;height:112%!important;max-width:112%!important;max-height:112%!important;filter:drop-shadow(0 32px 40px rgba(0,0,0,.32)) saturate(1.03) contrast(1.02)!important}
.device-card img[src*="hero-dynamic-hub-accessoires"]{width:108%!important;height:108%!important;max-width:108%!important;max-height:108%!important;filter:drop-shadow(0 30px 38px rgba(0,0,0,.3)) saturate(1.04) contrast(1.02)!important}
.device-card img[src*="hero-dynamic-souris-rechargeable"]{width:82%!important;height:82%!important;max-width:82%!important;max-height:82%!important;filter:drop-shadow(0 30px 34px rgba(0,0,0,.3)) saturate(1.05) contrast(1.03)!important}
@media(max-width:760px){
  .device-card img[src*="hero-dynamic-bureau-hp"],
  .device-card img[src*="hero-dynamic-all-in-one-hp"],
  .device-card img[src*="hero-dynamic-hub-accessoires"]{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
  .device-card img[src*="hero-dynamic-souris-rechargeable"]{width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important}
}

/* Catalogue: recherche premium et filtres repliables */
.catalog-section{padding-top:30px!important}
.catalog-shell{display:grid!important;gap:16px!important}
.catalog-search-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  padding:14px!important;
  background:linear-gradient(135deg,#06152b 0%,#073f83 62%,#0a68d8 100%)!important;
  border:1px solid rgba(27,182,255,.28)!important;
  box-shadow:0 20px 48px rgba(6,21,43,.18),0 0 0 1px rgba(255,255,255,.08) inset!important;
}
.catalog-search-card::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,rgba(27,182,255,.08),rgba(255,138,29,.34),rgba(27,182,255,.16))!important;
  opacity:.72!important;
  animation:catalogGlowSweep 5.8s linear infinite!important;
  pointer-events:none!important;
}
.catalog-search-label{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:0 0 8px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}
.catalog-search-wrap{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  min-height:60px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(219,231,245,.92)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16),0 0 0 0 rgba(27,182,255,0)!important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.catalog-search-card:focus-within .catalog-search-wrap{
  border-color:rgba(27,182,255,.95)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.18),0 0 0 5px rgba(27,182,255,.16),0 0 32px rgba(27,182,255,.18)!important;
  transform:translateY(-1px)!important;
}
.catalog-search-icon{
  width:52px!important;
  display:grid!important;
  place-items:center!important;
  color:#073f83!important;
  font-size:25px!important;
  font-weight:1000!important;
}
.catalog-search-wrap input{
  min-height:58px!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  padding:0 18px 0 0!important;
  color:#071426!important;
  font-size:18px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.catalog-search-wrap input::placeholder{color:#7a8799!important;font-weight:800!important}
.catalog-search-wrap input:focus{box-shadow:none!important;border:0!important}
.filter-toggle{
  width:100%!important;
  min-height:58px!important;
  border:1px solid rgba(219,231,245,.95)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  box-shadow:0 12px 30px rgba(6,21,43,.07)!important;
  color:#071426!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  cursor:pointer!important;
  text-align:left!important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.filter-toggle:hover,.filter-toggle.is-open{
  border-color:rgba(10,104,216,.38)!important;
  box-shadow:0 16px 36px rgba(10,104,216,.11)!important;
  transform:translateY(-1px)!important;
}
.filter-toggle span{display:block!important;font-size:17px!important;font-weight:1000!important;color:#073f83!important}
.filter-toggle small{display:block!important;margin-top:2px!important;color:#64748b!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important}
.filter-toggle b{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#073f83,#1bb6ff)!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1!important;
  box-shadow:0 12px 22px rgba(10,104,216,.22)!important;
}
.catalog-layout{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
.catalog-results{min-width:0!important}
.filters-panel{
  position:relative!important;
  top:auto!important;
  display:none!important;
  padding:14px!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(6,21,43,.07)!important;
  animation:filtersDrop .22s ease both!important;
}
.filters-panel.is-open{display:block!important}
.filters-head{margin-bottom:10px!important}
.filters-head h2{font-size:20px!important}
.filters-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.filters-panel label{margin:0!important;gap:5px!important;font-size:12.5px!important;color:#334155!important}
.filters-panel select{min-height:42px!important;padding:9px 11px!important;border-radius:12px!important;font-size:13px!important;font-weight:800!important}
.filters-panel .btn{margin-top:10px!important;min-height:40px!important;padding:9px 13px!important;font-size:13px!important}
.catalog-toolbar{margin-top:2px!important}
@keyframes filtersDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes catalogGlowSweep{0%{transform:translateX(-22%)}50%{transform:translateX(18%)}100%{transform:translateX(-22%)}}
@media(max-width:900px){
  .filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .catalog-section{padding:22px 0 56px!important}
  .catalog-shell{gap:12px!important}
  .catalog-search-card{border-radius:20px!important;padding:10px!important}
  .catalog-search-label{font-size:11px!important;margin-bottom:7px!important}
  .catalog-search-wrap{min-height:52px!important;border-radius:16px!important}
  .catalog-search-icon{width:44px!important;font-size:22px!important}
  .catalog-search-wrap input{min-height:50px!important;font-size:15.5px!important;padding-right:12px!important}
  .filter-toggle{min-height:52px!important;border-radius:16px!important;padding:9px 12px!important}
  .filter-toggle span{font-size:16px!important}
  .filter-toggle small{font-size:11.5px!important}
  .filter-toggle b{width:31px!important;height:31px!important}
  .filters-panel{padding:12px!important;border-radius:16px!important}
  .filters-grid{grid-template-columns:1fr!important;gap:8px!important}
  .filters-panel select{min-height:40px!important}
  .catalog-toolbar{padding:13px!important;border-radius:16px!important;margin-bottom:14px!important}
  .catalog-toolbar strong{font-size:15px!important}
  .catalog-toolbar span{font-size:12.5px!important;line-height:1.25!important}
}
/* Scan page */
.scan-page{min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(27,182,255,.22),transparent 28%),radial-gradient(circle at 86% 82%,rgba(255,138,29,.18),transparent 26%),linear-gradient(135deg,#06152b,#073f83);color:#0f172a}
.scan-shell{min-height:100vh;display:grid;place-items:center;padding:22px}
.scan-card{width:min(480px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:26px;box-shadow:0 34px 110px rgba(0,0,0,.28)}
.scan-logo{display:inline-flex;background:#fff;border:1px solid #edf2f7;border-radius:20px;padding:9px;margin-bottom:20px;box-shadow:0 14px 34px rgba(6,21,43,.08)}
.scan-logo img{width:210px;height:auto}
.scan-card h1{margin:0;color:#071426;font-size:clamp(30px,7vw,46px);line-height:1.02;letter-spacing:0}
.scan-lead{margin:14px 0 22px;color:#64748b;font-weight:800;line-height:1.55}
.scan-actions{display:grid;gap:12px}
.scan-action{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;min-height:74px;border-radius:20px;padding:12px 14px;color:#fff;text-decoration:none;box-shadow:0 18px 42px rgba(6,21,43,.16);transition:.18s ease}
.scan-action:hover{transform:translateY(-2px)}
.scan-action strong{display:block;font-size:18px;line-height:1}
.scan-action small{display:block;margin-top:6px;color:rgba(255,255,255,.82);font-weight:800}
.scan-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.scan-icon svg{width:28px;height:28px;fill:#fff}
.scan-whatsapp{background:linear-gradient(135deg,#12b76a,#21d375)}
.scan-facebook{background:linear-gradient(135deg,#1877f2,#0b4cbb)}
.scan-site{background:linear-gradient(135deg,#06152b,#0a68d8)}
.scan-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.scan-meta span{border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px;background:#f8fafc;color:#334155;font-size:12px;font-weight:900}
@media(max-width:520px){
  .scan-shell{padding:14px;align-items:start}
  .scan-card{border-radius:24px;padding:20px;margin-top:10px}
  .scan-logo img{width:180px}
  .scan-action{grid-template-columns:48px 1fr;min-height:68px;border-radius:18px}
  .scan-icon{width:48px;height:48px;border-radius:16px}
}