:root{--ink:#35251f;--brown:#4c3028;--gold:#b78b54;--cream:#f7f2e9;--white:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px max(5%,calc((100vw - 1180px)/2));background:var(--white);border-bottom:1px solid #e6d9c8}a{color:inherit}.brand{text-decoration:none;font:700 23px Georgia,serif;letter-spacing:2px}.brand small{display:block;font:11px system-ui;letter-spacing:5px;text-align:center}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.hero{min-height:450px;padding:95px max(6%,calc((100vw - 1180px)/2));background:radial-gradient(circle at 80% 40%,#9d795a 0%,transparent 35%),linear-gradient(120deg,#33221d,#694333);color:#fff9ed}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.hero h1{font:clamp(36px,5.2vw,70px)/1.1 Georgia,serif;margin:18px 0}.hero h1 em{color:#edc994}.hero p:not(.eyebrow){max-width:560px}main{max-width:1200px;margin:auto;padding:65px 25px}h2{font:clamp(28px,3vw,43px) Georgia,serif;margin:10px 0 22px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filter{border:1px solid #d8c4aa;background:transparent;border-radius:25px;padding:9px 18px;cursor:pointer}.filter.active{background:var(--brown);color:white}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:24px}.card{background:var(--white);border:1px solid #e9dfd2;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #432c1610}.product-visual{height:245px;background:linear-gradient(145deg,#e8d7c2,#c6a682);display:grid;place-items:center}.product-visual img{width:100%;height:100%;object-fit:cover}.placeholder{font:20px Georgia,serif;letter-spacing:3px;color:#583a2b}.card-body{padding:23px}.card-body h3{font:24px Georgia,serif;margin:4px 0}.muted{color:#806e61;font-size:13px}.desc{min-height:45px;font-size:14px}.price{font-size:21px;font-weight:700}.button{display:inline-block;background:var(--gold);color:#221811;padding:12px 20px;border:0;border-radius:5px;text-decoration:none;font:600 14px system-ui;cursor:pointer}.button.secondary{background:#efe4d5;color:var(--ink)}.button.danger{background:#9d3e38;color:white}.button.disabled{opacity:.5;pointer-events:none}.story{background:#e9dccb;margin-top:80px;padding:60px;max-width:900px}.story p{max-width:680px}footer{background:#2f201c;color:#f3e7d8;text-align:center;padding:30px;font-size:13px}.admin{max-width:1050px}.panel{background:white;border:1px solid #e5d9ca;border-radius:10px;padding:25px;margin:24px 0}.panel h3{margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:8px 0}input,select,textarea{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #c9b9a7;border-radius:5px;font:inherit;background:white}input[type=checkbox]{width:auto;display:inline-block}.check{display:flex;align-items:center;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.admin-row div{flex:1}.admin-row img{width:55px;height:55px;object-fit:cover}.note{color:#705d50;font-size:14px}#status{padding:12px 0;color:#704c30}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.hero{padding:65px 25px;min-height:350px}.form-grid{grid-template-columns:1fr}.story{padding:30px}.admin-row{flex-wrap:wrap}}

.google-login{width:100%;margin:14px 0;background:#fff;color:#32251f;border:1px solid #bca58a;cursor:pointer}.auth-divider{text-align:center;opacity:.7;margin:12px 0 20px}

[hidden]{display:none!important}.home-account{max-width:720px;margin:80px auto 0;scroll-margin-top:30px}.account-panel{padding:36px}.account-panel form{margin-top:16px}.account-panel .actions{margin-bottom:16px}#authStatus{color:#7a4b29;font-weight:600;white-space:pre-wrap}#compte:target .account-panel{box-shadow:0 0 0 2px #b78b54}button:disabled{opacity:.6;cursor:wait}

/* V9 : connexion modale depuis l'accueil */
.auth-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.auth-backdrop{position:absolute;inset:0;background:rgba(30,19,14,.67);backdrop-filter:blur(3px)}.auth-dialog{position:relative;z-index:1;width:min(100%,520px);max-height:calc(100vh - 40px);overflow:auto;margin:0;padding:32px;box-shadow:0 20px 80px #1d100c55}.auth-close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#493025}.auth-open{overflow:hidden}.auth-dialog h2{font-size:clamp(26px,4vw,37px);margin:10px 0}.auth-dialog .actions{margin-bottom:12px}.auth-dialog form{margin-top:14px}.auth-dialog #authStatus{font-size:13px}

/* V10 : affichage facultatif du mot de passe */
.password-field{display:flex;align-items:stretch;position:relative;width:100%;margin-top:6px}.password-field input{width:100%;padding-right:105px!important}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);padding:8px 10px;background:#f3e8d9;color:#3c291f;border:1px solid #ddc9b1;border-radius:5px;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.password-toggle:hover,.password-toggle:focus-visible{background:#e9d7bf;outline-offset:2px}

/* V13 : coordonnées et transparence des commandes */
.contact-box{background:#fffdf9;border:1px solid #e9dfd2;border-radius:12px;padding:40px;margin-top:55px;box-shadow:0 8px 25px #432c1610}.contact-box p{max-width:750px}.contact-box a:not(.button){color:#68422f;text-decoration:underline}footer a{color:#f3e7d8}@media(max-width:650px){.contact-box{padding:24px}}

/* V15 : accès au compte et déconnexion dans l'en-tête */
nav .nav-logout{font:inherit;cursor:pointer;border:1px solid #c7a77f;border-radius:7px;background:#f5ebdc;color:#49301f;padding:9px 12px}nav .nav-logout:hover{background:#ead7bc}nav [hidden]{display:none!important}

/* Identité MAISON MBAMI — logo officiel */
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}
.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #c49a62;flex-shrink:0}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,0.8fr);align-items:center;gap:55px}
.hero-content{min-width:0}
.hero-logo-wrap{display:flex;align-items:center;justify-content:center}
.hero-logo{width:min(100%,390px);aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 14px 48px #130b0860}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:65px}.hero-logo{width:min(100%,300px)}.brand{font-size:18px}.brand-logo{width:38px;height:38px}}

/* Identité officielle : noir, or, rose fuchsia et ivoire — octobre 2026 */
:root{--ink:#1d1017;--brown:#260d19;--gold:#d5a33c;--cream:#fff8f6;--white:#fffdfb;--pink:#bd075c;--magenta:#e31d7b}
body{background:var(--cream);color:var(--ink)}
header{background:#fffaf9;border-bottom:3px solid var(--gold);box-shadow:0 5px 18px #300a1714}
.brand{color:#280a19}.brand-logo{object-fit:contain;background:#050505;border:2px solid var(--gold)}
nav a:hover,nav a:focus-visible{color:var(--pink)}
.hero{background:radial-gradient(circle at 86% 28%,#9c195c55,transparent 38%),linear-gradient(120deg,#0b0609 0%,#280c1b 60%,#5b1034 100%);border-bottom:4px solid var(--gold)}
.hero .eyebrow{color:#f7d486}.hero h1 em{color:#ff5da3}.hero-logo{border:2px solid #c89b46;box-shadow:0 16px 52px #0008;object-fit:contain;background:#000}
.eyebrow{color:#a40b55}.button{background:linear-gradient(120deg,#e6b654,#f7d991);color:#220b15;border-radius:24px;box-shadow:0 3px 12px #7e3b4a22}.button:hover{filter:brightness(1.06)}
.button.secondary{background:#fce7f0;color:#7b0b42}.filter.active{background:var(--pink);border-color:var(--pink)}.filter:hover{border-color:var(--pink)}
.card,.panel,.contact-box{border-color:#f0d7df}.product-visual{background:linear-gradient(145deg,#fff1f5,#e9c2d4)}.placeholder{color:#7a2350}.story{background:linear-gradient(115deg,#fff2f7,#f6e4e4);border-left:4px solid var(--gold)}
footer{background:#0c080b;color:#fbe7ee;border-top:3px solid var(--gold)}footer a{color:#fbe7ee}.contact-box a:not(.button){color:#a20952}
nav .nav-logout{border-color:#d5a33c;background:#fff0f5;color:#801047}.password-toggle{background:#fce7f0;color:#650b37;border-color:#f1c8dc}.auth-backdrop{background:#10050bc7}.auth-close{color:#880c49}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
@media(max-width:650px){.hero{padding:55px 25px}.hero-logo{max-width:260px}}

/* Contact MAISON MBAMI */
.mbami-contact-services{list-style:none;padding:0;margin:1.2rem auto 1.5rem;max-width:620px;text-align:left}.mbami-contact-services li{padding:.35rem 0;line-height:1.6}.mbami-contact-signature{margin:1.3rem 0;font-style:italic}

/* Boutique compacte : photos homogènes, descriptions courtes et détails en fenêtre */
#products.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;align-items:stretch}
#products .mbami-compact-card{display:flex;flex-direction:column;min-width:0}
#products .product-visual{height:195px;overflow:hidden}
#products .product-visual img{width:100%;height:100%;object-fit:contain;background:#fff8f6}
#products .mbami-compact-card .card-body{padding:17px;display:flex;flex-direction:column;flex:1}
#products .mbami-compact-card h3{font-size:19px;line-height:1.25;min-height:2.5em;margin:7px 0}
#products .mbami-compact-card .desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:0;max-height:3.2em;line-height:1.6;margin:7px 0}
#products .mbami-compact-card .price{margin:8px 0 2px;font-size:21px}
#products .mbami-compact-card .muted{margin:4px 0}
#products .mbami-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}
#products .mbami-card-actions .button{font-size:12px;padding:10px 12px;text-align:center;flex:1 1 100px}
#products .mbami-detail-content{display:none}
.mbami-product-dialog{width:min(92vw,760px);max-height:85vh;border:1px solid #d5a33c;border-radius:15px;padding:0;background:#fffdfb;color:#1d1017;box-shadow:0 20px 80px #18050b80}
.mbami-product-dialog::backdrop{background:#10050bcc;backdrop-filter:blur(3px)}
.mbami-dialog-top{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff7f9;padding:18px 24px;border-bottom:1px solid #eed2df}
.mbami-dialog-top h2{font-size:clamp(20px,3vw,30px);margin:0}
.mbami-dialog-close{background:transparent;border:0;font-size:32px;cursor:pointer;color:#8d174c}
.mbami-dialog-content{padding:22px 26px;overflow-wrap:anywhere}
.mbami-dialog-content .mbami-detail-content{display:block}
.mbami-dialog-content .mbami-gallery{display:flex;flex-wrap:wrap;gap:10px}
.mbami-dialog-content .mbami-gallery img{max-width:130px;height:130px;object-fit:contain}
.mbami-dialog-content .mbami-reviews{margin-top:24px;border-top:1px solid #e9d3dc;padding-top:12px}
@media(max-width:650px){#products.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#products .product-visual{height:155px}#products .mbami-compact-card .card-body{padding:11px}#products .mbami-compact-card h3{font-size:15px}#products .mbami-card-actions .button{font-size:11px;padding:9px 7px}.mbami-dialog-content{padding:15px}}
@media(max-width:390px){#products.grid{grid-template-columns:1fr}#products .product-visual{height:205px}}