@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap";:root{--primary: #0A3D2E;--primary-dark: #051F1A;--secondary: #14532D;--accent: #D4A017;--accent-light: #E8B928;--ink: #0f172a;--ink-2: #475569;--ink-3: #64748b;--line: #e5e7eb;--bg: #f6f7f5;--surface: #ffffff;--valide: #10B981;--valide-bg: #ecfdf5;--bientot-expire: #F59E0B;--bientot-expire-bg: #fffbeb;--expire: #EF4444;--expire-bg: #fef2f2;--radius: 14px;--radius-sm: 9px;--shadow: 0 4px 16px rgba(15,23,42,.08);--shadow-lg: 0 20px 50px rgba(15,23,42,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--ink)}h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif;color:var(--primary);margin:0}a{color:inherit}button{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;border:none;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn-primary{background:var(--accent);color:var(--primary-dark)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-outline{background:#fff;color:var(--primary);border:1.5px solid var(--line)}.btn-outline:hover{border-color:var(--primary)}.badge-peremption{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge-peremption .dot{width:8px;height:8px;border-radius:50%}.badge-valide{background:var(--valide-bg);color:#047857}.badge-valide .dot{background:var(--valide)}.badge-bientot_expire{background:var(--bientot-expire-bg);color:#b45309}.badge-bientot_expire .dot{background:var(--bientot-expire)}.badge-expire{background:var(--expire-bg);color:#b91c1c}.badge-expire .dot{background:var(--expire)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,var(--primary-dark),var(--primary) 65%);color:#fff;padding:12px 24px;position:sticky;top:0;z-index:30;box-shadow:0 2px 12px #0f172a2e}.top-bar-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.top-bar-brand img{height:40px;width:auto;background:#fff;border-radius:8px;padding:3px 6px}.top-bar-brand-text{line-height:1.15}.top-bar-brand-text strong{display:block;font-size:15px;font-weight:800}.top-bar-brand-text span{display:block;font-size:11.5px;opacity:.82}.tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.tuile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:18px 12px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.tuile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.tuile-icone{font-size:28px}.tuile-label{font-weight:700;font-size:.92rem;color:var(--ink)}.tuile-count{font-size:.78rem;color:var(--ink-3)}.produit-ligne{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.produit-ligne:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.produit-nom{font-weight:800;color:var(--primary);font-size:1.02rem}.produit-meta{font-size:.84rem;color:var(--ink-3);margin-top:2px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-3);margin-bottom:18px}.breadcrumb a{color:var(--primary);font-weight:600;text-decoration:none}@media (max-width: 480px){.top-bar-brand-text{display:none}}