/* GRIFARTAIX v7 - COMPLET */
:root{--black:#0a0a0a;--gold:#C9A86A;--paper:#faf8f5;--bg:#faf8f5;--card:#fff;--text:#111;--muted:#8b8b8b;--border:#ececec;--radius:24px;--radius-pill:999px;--shadow:0 10px 40px rgba(0,0,0,.07)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--text);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{max-width:1280px}

/* NAVBAR */
.navbar{background:var(--black)!important;padding:12px 0;position:sticky;top:0;z-index:50}
.brand{font-weight:700;letter-spacing:.08em;font-size:22px}.brand span{color:var(--gold)}
.btn-icon{background:transparent;border:none;color:#fff;padding:6px 10px;border-radius:999px}.btn-icon:hover{background:rgba(255,255,255,.1)}

/* CATEGORIES DRAWER */
.cat-link{display:block;padding:11px 0;font-weight:600;border-bottom:1px solid var(--border);font-size:15px}
.cat-link:hover{color:var(--gold)}

/* GRID PRODUITS */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:20px}
.product-card{background:var(--card);border-radius:18px;border:1px solid var(--border);overflow:hidden;transition:.2s}
.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.product-card .img-wrap{aspect-ratio:4/5;background:#f0f0f0;overflow:hidden}
.product-card .img-wrap img{width:100%;height:100%;object-fit:cover}
.product-card .infos{padding:14px 16px}.product-card .title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card .price{font-weight:800;margin-top:4px}

/* BOUTONS */
.btn{border-radius:var(--radius-pill)!important;padding:12px 22px!important;font-weight:700!important;transition:.15s!important;border:none!important}
.btn-dark,.btn-black,.btn-primary{background:var(--black)!important;color:#fff!important}
.btn-gold{background:var(--gold)!important;color:#000!important}
.btn-light,.btn-outline-light{background:#fff!important;color:var(--black)!important;border:1px solid var(--border)!important}
.btn:hover{transform:translateY(-1px);opacity:.9}

/* FORMS */
.auth-page{min-height:75vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}
.form-wrap{background:#fff;border:1px solid var(--border);border-radius:24px;padding:36px;max-width:480px;width:100%;margin:0 auto;box-shadow:var(--shadow)}
.form-wrap h1{font-size:28px;font-weight:800;letter-spacing:-.8px;margin-bottom:20px;text-align:center}
.form-control{border-radius:12px!important;padding:13px 14px!important;border:1px solid var(--border)!important;font-size:15px!important}
.form-control:focus{border-color:var(--black)!important;box-shadow:0 0 0 4px rgba(0,0,0,.06)!important}