:root{
  --red:#c61f1f;--red-dark:#720d0d;--gold:#f4b63f;--gold-soft:#fff0c9;--black:#141010;--ink:#221313;--muted:#756060;--line:#ead7d0;--card:#fffaf5;--white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#fffaf2 0%,#fff 35%,#f8e4d0 70%,#3a0b0b 140%);color:var(--ink);min-height:100vh}.app-shell{min-height:100vh}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;background:linear-gradient(90deg,var(--red-dark),var(--red));border-bottom:5px solid var(--gold);box-shadow:0 14px 35px rgba(90,0,0,.25)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#fff,var(--gold-soft));display:grid;place-items:center;color:var(--red);font-weight:1000;font-size:26px;box-shadow:inset 0 0 0 2px #fff}.brand b{display:block;color:white;font-size:24px;letter-spacing:1.5px}.brand span{display:block;color:#ffe5dc;font-size:13px}.top nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top a,.nav-link{color:#fff;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.38);padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.08)}.top a:hover,.top a.active{background:#fff;color:var(--red-dark)}.hero{margin:20px auto 14px;max-width:1180px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#fff,#fff7e4 60%,#ffd16d);border:1px solid #fff;box-shadow:0 22px 55px rgba(70,0,0,.12);display:flex;justify-content:space-between;gap:18px;align-items:center}.hero h1{margin:0;color:var(--red);font-size:clamp(28px,4vw,46px);line-height:1}.hero p{margin:8px 0 0;color:#543332;font-weight:600}.hero-badge{background:var(--red);color:#fff;border-radius:18px;padding:12px 16px;font-weight:900;box-shadow:0 10px 25px rgba(198,31,31,.25);white-space:nowrap}.quicklinks,.page{max-width:1180px;margin:0 auto 18px;padding:0 12px}.quicklinks{display:flex;gap:10px;flex-wrap:wrap}.btn,.pay,.clear,.login-card button,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none;border:0;border-radius:16px;padding:13px 16px;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 10px 25px rgba(80,0,0,.12)}.btn,.pay,.login-card button{background:linear-gradient(90deg,var(--red),#e24b2e);color:#fff}.btn.secondary{background:var(--black);color:#fff}.btn.gold{background:linear-gradient(90deg,var(--gold),#ffcf68);color:#321}.clear{background:#291313;color:white}.pos{max-width:1180px;margin:0 auto;padding:0 12px 30px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.products,.cart,.card,.login-card,.stat{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 55px rgba(69,0,0,.10);padding:18px}.products{min-height:440px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h2,.cart h2,.card h2{margin:0;color:var(--red);font-size:24px}.pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--gold-soft);color:#5c2d00;font-weight:900;padding:8px 11px}.toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:14px}input,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #dcc6bf;background:#fff;color:var(--ink);font-size:15px}input:focus,select:focus{outline:3px solid #ffd5c9;border-color:var(--red)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.product{position:relative;background:linear-gradient(160deg,#fff,#fff4e4);border:1px solid #ebc9bf;color:var(--ink);border-radius:20px;padding:16px;min-height:126px;text-align:left;cursor:pointer;box-shadow:0 9px 18px rgba(80,0,0,.08);transition:.18s}.product:before{content:attr(data-category);display:block;font-size:11px;color:#8a5550;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.product:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 15px 26px rgba(198,31,31,.16)}.product span{display:block;font-weight:950;line-height:1.15}.product b{color:var(--red);font-size:22px;display:block;margin-top:12px}.product small{color:var(--muted)}.cart{position:sticky;top:92px;height:calc(100vh - 112px);display:flex;flex-direction:column;border-top:8px solid var(--red)}#cartItems{overflow:auto;margin:10px 0}.item{display:grid;grid-template-columns:1fr 108px 36px;gap:8px;align-items:center;border-bottom:1px solid #f0ddd7;padding:10px 0}.qty{display:flex;gap:4px}.qty button{width:32px;border:0;background:var(--red);color:white;font-weight:900;border-radius:10px}.qty input{text-align:center;padding:8px}.remove{background:#321515;color:white;border:0;border-radius:10px;height:34px;font-size:18px}.totals{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.totals h3{display:flex;justify-content:space-between;font-size:28px;margin:12px 0;color:var(--red-dark)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{background:#fff2df;color:var(--red);text-align:left}.table th,.table td{padding:13px;border-bottom:1px solid #f0ddd7}.amount{font-weight:950;color:#0f8a42}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#fff6e1,#fff 35%,#6b0e0e 120%);padding:20px}.login-card{width:min(430px,94vw);text-align:center;border-top:9px solid var(--red)}.login-card .logo{width:86px;height:86px;margin:0 auto 10px;border-radius:26px;background:linear-gradient(135deg,var(--red),#e44b2e);color:white;display:grid;place-items:center;font-size:44px;font-weight:1000;box-shadow:0 16px 35px rgba(198,31,31,.25)}.login-card h1{font-size:44px;letter-spacing:4px;color:var(--red);margin:0}.login-card p{color:var(--muted);font-weight:700}.login-card input{margin-top:10px}.alert{background:#ffe1dc;color:#7d0f0f;padding:12px;border-radius:14px;margin:12px 0;font-weight:800}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stat small{color:var(--muted);font-weight:900}.stat strong{display:block;color:var(--red);font-size:30px;margin-top:8px}.receipt{max-width:390px;margin:20px auto;background:white;color:#111;padding:18px;border-radius:18px;box-shadow:0 12px 40px #0002;font-family:Arial,sans-serif}.receipt h1{text-align:center;color:var(--red);margin:0}.receipt .sub{text-align:center;color:#555}.receipt table{width:100%;border-collapse:collapse}.receipt td{padding:8px 0;border-bottom:1px dashed #aaa}.right{text-align:right}.print-actions{text-align:center;margin-top:12px}@media(max-width:900px){.top,.hero{align-items:flex-start;flex-direction:column}.top nav{justify-content:flex-start}.pos{grid-template-columns:1fr}.cart{position:static;height:auto}.toolbar{grid-template-columns:1fr}.hero{margin:12px}.brand b{font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}@media print{.top,.hero,.quicklinks,.print-actions{display:none}.receipt{box-shadow:none;margin:0;max-width:none}}

/* Uniformisation DELIKATE pour les anciennes pages */
body > .header{max-width:1180px;margin:18px auto;padding:18px 22px;border-radius:24px;background:linear-gradient(90deg,var(--red-dark),var(--red));border-bottom:5px solid var(--gold);box-shadow:0 18px 45px rgba(90,0,0,.22);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px}
body > .header h1{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);letter-spacing:.5px}
body > .header p{margin:6px 0 0;color:#ffe5dc;font-weight:700}.header .nav a,.header a,.btn-dark{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:900;border:1px solid rgba(255,255,255,.38);padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.10);margin:4px}.header .nav a:hover,.header a:hover,.btn-dark:hover{background:#fff;color:var(--red-dark)}
body > .layout, body > .grid, body > .card, body > .panel, body > .wrap, body > form{max-width:1180px;margin-left:auto;margin-right:auto}.layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;padding:0 12px 28px}.panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 55px rgba(69,0,0,.10);padding:18px;color:var(--ink)}.panel h2,.category h2{color:var(--red);margin-top:0}.order-number{background:var(--gold-soft);border:1px dashed var(--gold);color:#5c2d00;padding:14px;border-radius:14px;margin-bottom:15px;font-size:18px;font-weight:950;text-align:center}.category{margin-bottom:24px}.category .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;background:transparent;border:0;box-shadow:none;padding:0;min-height:0}.panel .product{background:linear-gradient(160deg,#fff,#fff4e4);border:1px solid #ebc9bf;color:var(--ink);border-radius:18px;padding:14px;cursor:pointer;text-align:left;min-height:92px}.panel .product:hover{border-color:var(--red);transform:translateY(-2px)}.panel .product strong{display:block}.panel .product span{color:var(--red);font-weight:950}.layout .cart{position:sticky;top:92px;height:max-content;border-top:8px solid var(--red)}label{color:var(--muted);font-weight:900;font-size:13px}.total{font-size:28px;color:var(--red-dark);font-weight:950;text-align:right;margin:15px 0}.info-box,.warning,.msg{background:#fff2df;border:1px solid var(--line);color:#5c2d00;padding:13px;border-radius:14px;margin:12px 0;font-weight:800}.msg{background:#e7fff0;color:#0b6b38}.badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--gold-soft);color:#5c2d00;font-weight:900;padding:6px 10px}.low{color:#b91c1c;font-weight:900}.ok{color:#0f8a42;font-weight:900}.wrap{overflow:auto}.filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.search{margin:10px 0}.card a:not(.btn):not(.btn-dark), .panel a:not(.btn):not(.btn-dark){color:var(--red);font-weight:900}.card form{display:grid;gap:8px}.grid .stat, body > .grid > .stat{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 55px rgba(69,0,0,.10);padding:18px;color:var(--ink)}body > .grid{padding:0 12px 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.stat span{color:var(--muted);font-weight:900}.stat strong{display:block;color:var(--red);font-size:30px;margin-top:8px}.btn[type=submit],button.btn{background:linear-gradient(90deg,var(--red),#e24b2e);color:#fff}.qty button{padding:6px 10px;border:0;border-radius:8px;background:var(--gold);font-weight:900;cursor:pointer}.remove{background:var(--red)!important;color:white!important}td small{color:var(--muted)}
@media(max-width:950px){body > .header{margin:12px;display:block}.layout{grid-template-columns:1fr}.layout .cart{position:static}.filter{display:block}}