@import "https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Space+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--black-0:#0a0b0a;--black-1:#101210;--char-1:#141614;--char-2:#1b1e1a;--char-3:#23261f;--line-1:#2a2e27;--line-2:#3a3f35;--grey-1:#90928b;--grey-2:#b5b7b0;--white-1:#f2f4f0;--green-flash:#acf181;--green-1:#85ee53;--green-2:#4ec747;--green-3:#2d802d;--green-4:#1a4a1e;--green-tint-08:#85ee5314;--green-tint-14:#85ee5324;--green-tint-24:#85ee533d;--lilac-1:#7c677f;--lilac-tint-20:#7c677f33;--chrome-gradient:linear-gradient(94deg,#7c677f 0%,#b9a8bc 38%,#85ee53 74%,#4ec747 100%);--glow-gradient:radial-gradient(60% 120% at 50% 0%,#85ee532e 0%,#85ee5300 70%);--success:#4ec747;--warning:#e8b54a;--danger:#e5583f;--info:#6fbfd6;--success-bg:#4ec7471f;--warning-bg:#e8b54a1f;--danger-bg:#e5583f1f;--info-bg:#6fbfd61f;--bg-page:var(--black-0);--bg-raised:var(--char-1);--surface-card:var(--char-1);--surface-card-hover:var(--char-2);--surface-sunken:var(--black-1);--surface-input:var(--char-2);--surface-badge:var(--green-4);--text-body:var(--white-1);--text-muted:var(--grey-1);--text-strong:var(--white-1);--text-accent:var(--green-1);--text-inverse:var(--black-0);--text-disabled:#5c5f58;--border-subtle:var(--line-1);--border-strong:var(--line-2);--border-accent:var(--green-2);--border-focus:var(--green-1);--divider-chrome:var(--lilac-1);--action-primary:var(--green-1);--action-primary-hover:var(--green-flash);--action-primary-press:var(--green-2);--action-primary-fg:var(--black-0);--action-quiet-fg:var(--green-1);--font-display:"Oswald","Arial Narrow",sans-serif;--font-sans:"Space Grotesk",-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--fs-display-1:56px;--lh-display-1:.96;--fs-display-2:40px;--lh-display-2:1;--fs-h1:32px;--lh-h1:1.06;--fs-h2:24px;--lh-h2:1.12;--fs-h3:19px;--lh-h3:1.2;--fs-body-lg:16px;--lh-body-lg:1.55;--fs-body:14px;--lh-body:1.55;--fs-sm:13px;--lh-sm:1.45;--fs-xs:11px;--lh-xs:1.35;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--ls-display:.01em;--ls-eyebrow:.16em;--ls-body:0em;--ls-mono:.02em;--type-hero:var(--fw-bold) var(--fs-display-1)/var(--lh-display-1) var(--font-display);--type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-h1) var(--font-display);--type-h2:var(--fw-semibold) var(--fs-h2)/var(--lh-h2) var(--font-display);--type-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-h3) var(--font-sans);--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);--type-label:var(--fw-medium) var(--fs-sm)/var(--lh-sm) var(--font-sans);--type-eyebrow:var(--fw-semibold) var(--fs-xs)/var(--lh-xs) var(--font-sans);--type-price:var(--fw-bold) 20px/1.1 var(--font-mono);--type-data:var(--fw-regular) var(--fs-sm)/1.5 var(--font-mono);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--gutter-card:var(--sp-5);--gutter-grid:var(--sp-4);--section-y:var(--sp-16);--page-max:1320px;--sidebar-w:248px;--topbar-h:64px;--control-h-sm:32px;--control-h:40px;--control-h-lg:48px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--bw-hair:1px;--bw-accent:1.5px;--sh-card:0 1px 0 #ffffff08 inset,0 8px 24px #00000073;--sh-raised:0 12px 40px #0000008c;--sh-overlay:0 24px 64px #000000a6;--glow-sm:0 0 0 1px #85ee5359,0 0 12px #85ee532e;--glow-md:0 0 0 1px #85ee5380,0 0 24px #85ee5342;--glow-text:0 0 18px #85ee5359;--ring-focus:0 0 0 2px #0a0b0a,0 0 0 4px #85ee53a6;--scrim-top:linear-gradient(180deg,#0a0b0ad9 0%,#0a0b0a00 100%);--scrim-bottom:linear-gradient(0deg,#0a0b0aeb 0%,#0a0b0a00 100%);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s;--ease-out:cubic-bezier(.2,.7,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--t-control:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-fast) var(--ease-out)}html{-webkit-font-smoothing:antialiased}body{background:var(--bg-page);color:var(--text-body);font:var(--type-body);text-wrap:pretty;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--text-strong);margin:0}a{color:var(--green-1);border-bottom:1px solid var(--green-tint-24);transition:var(--t-control);text-decoration:none}a:hover{color:var(--green-flash);border-bottom-color:var(--green-2)}::selection{background:var(--green-tint-24);color:var(--white-1)}:focus-visible{box-shadow:var(--ring-focus);outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--black-1)}::-webkit-scrollbar-thumb{background:var(--line-1);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--line-2)}html,body{min-height:100%}
*{box-sizing:border-box}.container{max-width:var(--page-max);padding:0 var(--sp-6);margin:0 auto}.topbar{height:var(--topbar-h);justify-content:space-between;align-items:center;gap:var(--sp-6);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;padding:0 var(--sp-6);background:#0a0b0ad9;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:var(--sp-3);color:var(--text-strong);border-bottom:none;display:flex}.topbar-brand:hover{color:var(--green-1);border-bottom:none}.topbar-brand .brand-name{font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;font-size:17px}.topbar-nav{align-items:center;gap:var(--sp-5);display:flex}.topbar-nav a:not(.btn){font:var(--type-label);color:var(--grey-2);padding:var(--sp-2) 0;border-bottom:none}.topbar-nav a:not(.btn):hover,.topbar-nav a:not(.btn).active{color:var(--green-1)}.topbar-nav a{white-space:nowrap;flex-shrink:0}.topbar-brand .brand-name{white-space:nowrap}@media (max-width:900px){.topbar{padding:0 var(--sp-4);gap:var(--sp-3)}.topbar-nav{gap:var(--sp-4)}.topbar-nav a.nav-ancre{display:none}.topbar-brand .brand-name{font-size:15px}}.footer{border-top:1px solid var(--border-subtle);margin-top:var(--sp-16);padding:var(--sp-8) 0;color:var(--text-muted);font-size:var(--fs-sm)}.eyebrow{font:var(--type-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-accent)}.page-title{font:var(--type-h1);text-transform:uppercase;margin:var(--sp-2) 0 var(--sp-6)}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);letter-spacing:var(--ls-mono)}.price{font:var(--type-price);color:var(--text-strong)}.price small{font:var(--type-data);color:var(--text-muted)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-5);border-radius:var(--r-sm);font:var(--type-label);cursor:pointer;transition:var(--t-control);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn-primary{background:var(--action-primary);color:var(--action-primary-fg);font-weight:var(--fw-semibold)}.btn-primary:hover{background:var(--action-primary-hover);box-shadow:var(--glow-sm);color:var(--action-primary-fg)}.btn-quiet{color:var(--action-quiet-fg);border-color:var(--green-tint-24);background:0 0}.btn-quiet:hover{border-color:var(--green-2);color:var(--green-flash)}.btn-danger{color:var(--danger);background:0 0;border-color:#e5583f66}.btn-danger:hover{background:var(--danger-bg);color:var(--danger)}.btn-sm{height:var(--control-h-sm);padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn{white-space:nowrap;flex-shrink:0}a.btn{border-bottom:1px solid #0000}a.btn-quiet{border:1px solid var(--green-tint-24)}a.btn-quiet:hover{border-color:var(--green-2)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--gutter-card);box-shadow:var(--sh-card)}.field{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.field label{font:var(--type-label);color:var(--grey-2)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted)}.input,.select,.textarea{height:var(--control-h);background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--r-sm);color:var(--text-body);font:var(--type-body);padding:0 var(--sp-3);transition:var(--t-control);width:100%}.textarea{height:auto;min-height:120px;padding:var(--sp-3);resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:var(--glow-sm);outline:none}.checkbox-row{align-items:center;gap:var(--sp-2);display:flex}.checkbox-row input{accent-color:var(--green-1);width:16px;height:16px}.alert{border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);margin-bottom:var(--sp-4);border:1px solid}.alert-error{background:var(--danger-bg);color:#f2a497;border-color:#e5583f59}.alert-success{background:var(--success-bg);color:var(--green-flash);border-color:#4ec74759}.alert-info{background:var(--info-bg);color:#a8d8e6;border-color:#6fbfd659}.badge{height:22px;padding:0 var(--sp-2);border-radius:var(--r-xs);font:var(--type-eyebrow);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:inline-flex}.badge-new{background:var(--green-tint-14);color:var(--green-1);border:1px solid var(--green-tint-24)}.badge-best{background:var(--lilac-tint-20);color:#c9b8cc;border:1px solid #7c677f73}.badge-status-EN_ATTENTE{background:var(--warning-bg);color:var(--warning)}.badge-status-VALIDEE{background:var(--success-bg);color:var(--success)}.badge-status-REFUSEE,.badge-status-SUSPENDUE{background:var(--danger-bg);color:var(--danger)}.badge-cat{background:var(--surface-sunken);color:var(--grey-2);border:1px solid var(--border-subtle)}.product-grid{gap:var(--gutter-grid);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.product-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:var(--t-control);border-bottom:1px solid var(--border-subtle);color:var(--text-body);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--border-accent);box-shadow:var(--glow-sm);color:var(--text-body)}.product-card .media{aspect-ratio:1;background:radial-gradient(80% 80% at 50% 40%, var(--char-3) 0%, var(--black-1) 100%);justify-content:center;align-items:center;display:flex;position:relative}.product-card .media img{object-fit:cover;width:100%;height:100%}.product-card .media .badges{top:var(--sp-3);left:var(--sp-3);gap:var(--sp-2);display:flex;position:absolute}.product-card .body{padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.product-card h3{font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:uppercase;font-size:var(--fs-h3);letter-spacing:.02em}.product-card .meta{gap:var(--sp-2);font:var(--type-data);color:var(--text-muted);align-items:center;display:flex}.product-card .bottom{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-top:auto;display:flex}.filters{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.filters a{border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4);font:var(--type-label);color:var(--grey-2)}.filters a:hover{border-color:var(--green-2);color:var(--green-1)}.filters a.active{border-color:var(--green-1);color:var(--green-1);background:var(--green-tint-08)}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;font:var(--type-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-strong)}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tr:hover td{background:var(--surface-card-hover)}.table .num{font-family:var(--font-mono);letter-spacing:var(--ls-mono)}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{width:var(--sidebar-w);border-right:1px solid var(--border-subtle);background:var(--black-1);padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar .brand{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);color:var(--text-strong);border-bottom:none;display:flex}.admin-sidebar nav{flex-direction:column;gap:2px;display:flex}.admin-sidebar nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font:var(--type-label);color:var(--grey-2);border-bottom:none}.admin-sidebar nav a:hover{background:var(--char-2);color:var(--white-1)}.admin-sidebar nav a.active{background:var(--green-tint-08);color:var(--green-1)}.admin-main{padding:var(--sp-8);flex:1;min-width:0}.product-detail{gap:var(--sp-10);grid-template-columns:minmax(280px,480px) 1fr;align-items:start;display:grid}@media (max-width:860px){.product-detail{grid-template-columns:1fr}}.product-detail .media{aspect-ratio:1;border-radius:var(--r-lg);background:radial-gradient(80% 80% at 50% 40%, var(--char-3) 0%, var(--black-1) 100%);border:1px solid var(--border-subtle);overflow:hidden}.product-detail .media img{object-fit:cover;width:100%;height:100%}.variant-table{border-collapse:collapse;width:100%;margin:var(--sp-4) 0}.variant-table th{text-align:left;font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-strong)}.variant-table td{padding:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.stock-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.stock-ok{background:var(--success)}.stock-low{background:var(--warning)}.stock-out{background:var(--danger)}.stat-row{gap:var(--gutter-grid);margin-bottom:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card .label{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stat-card .value{font:var(--type-price);margin-top:var(--sp-2);font-size:28px}.actions-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.auth-card{max-width:480px;margin:var(--sp-16) auto}.auth-card-wide{max-width:640px;margin:var(--sp-12) auto}.form-grid-2{gap:0 var(--sp-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.form-grid-2{grid-template-columns:1fr}}.compliance-note{font-size:var(--fs-xs);color:var(--text-muted);border-left:2px solid var(--green-3);padding-left:var(--sp-3)}.panier-layout{gap:var(--sp-6);grid-template-columns:1fr 340px;align-items:start;display:grid}@media (max-width:940px){.panier-layout{grid-template-columns:1fr}}.panier-recap{top:calc(var(--topbar-h) + var(--sp-4));position:sticky}.recap-liste{gap:var(--sp-2) var(--sp-4);grid-template-columns:1fr auto;margin:0;display:grid}.recap-liste dt{color:var(--text-muted);font-size:var(--fs-sm)}.recap-liste dd{text-align:right;font-family:var(--font-mono);font-size:var(--fs-sm);margin:0}.recap-liste .total{color:var(--text-strong);font-weight:var(--fw-bold);padding-top:var(--sp-2);border-top:1px solid var(--border-subtle);font-size:16px}.pastille{min-width:18px;height:18px;margin-left:var(--sp-2);border-radius:var(--r-pill);background:var(--green-1);color:var(--action-primary-fg);font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-bold);justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.statut{height:22px;padding:0 var(--sp-2);border-radius:var(--r-xs);font:var(--type-eyebrow);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:inline-flex}.statut-EN_ATTENTE_VIREMENT{background:var(--warning-bg);color:var(--warning)}.statut-PAYEE{background:var(--success-bg);color:var(--success)}.statut-EXPEDIEE{background:var(--info-bg);color:var(--info)}.statut-ANNULEE{background:var(--danger-bg);color:var(--danger)}.virement-box{background:var(--surface-sunken);border:1px solid var(--border-accent);border-radius:var(--r-md);padding:var(--gutter-card)}.virement-box dl{gap:var(--sp-2) var(--sp-5);grid-template-columns:auto 1fr;margin:0;display:grid}.virement-box dt{color:var(--text-muted);font-size:var(--fs-sm)}.virement-box dd{font-family:var(--font-mono);letter-spacing:var(--ls-mono);color:var(--text-strong);margin:0}html{scroll-behavior:smooth}.topbar.transparent{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--dur-slow), border-color var(--dur-slow);background:#0a0b0a1a;border-bottom-color:#0000;position:fixed;top:0;left:0;right:0}.topbar.transparent.scrolled{border-bottom-color:var(--border-subtle)}.footer-grid{max-width:var(--page-max);gap:var(--sp-8);padding:0 var(--sp-6);grid-template-columns:1.4fr 1fr 1fr 1fr;margin:0 auto;display:grid}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-grid .fh{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--white-1);margin-bottom:10px;font-size:13px}.footer-grid a{color:var(--grey-1);border-bottom:none;margin-bottom:7px;font-size:12.5px;display:block}.footer-grid a:hover{color:var(--green-1)}.footer-bas{max-width:var(--page-max);margin:var(--sp-6) auto 0;padding:var(--sp-4) var(--sp-6) 0;border-top:1px solid var(--border-subtle);color:var(--grey-1);font-size:10.5px;font-family:var(--font-mono)}