:root{
  --bg:#0b0b0d;           /* fond global */
  --bg2:#0e0e11;
  --card:rgba(255,255,255,.06);
  --card-border:rgba(255,255,255,.12);
  --btn:rgba(255,255,255,.06);
  --btn-hover:rgba(255,255,255,.1);
  --text:#eaeaea;
  --muted:#a7a7ab
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);color:var(--text);
     font:16px/1.55 system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,Helvetica Neue,sans-serif;
     -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.container{max-width:720px;margin:0 auto;padding:0 22px}
.hero{position:relative;padding-top:168px;padding-bottom:64px}
/* halo discret derrière les bouteilles pour un look raffiné */
.hero::before{content:"";position:absolute;left:50%;top:56px;transform:translateX(-50%);width:520px;height:520px;border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(255,255,255,.12), rgba(255,255,255,0) 60%);filter:blur(16px);opacity:.7;pointer-events:none}
.bottles{position:absolute;left:50%;top:0;transform:translate(-50%,-44%);width:86%;max-width:560px;opacity:.96;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.45));pointer-events:none;user-select:none}
.card{position:relative;background:var(--card);border:1px solid var(--card-border);border-radius:26px;padding:32px 26px 26px;
  box-shadow:0 16px 40px rgba(0,0,0,.42);backdrop-filter:saturate(1.1) blur(10px)}
.header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:18px}
.logo{width:84px;height:auto;display:block}
.header h1{margin:0;font-weight:800;font-size:30px;letter-spacing:.2px}
.header p{margin:0;color:var(--muted)}
.list{display:grid;gap:12px;margin-top:8px}
.btn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:var(--btn);border:1px solid var(--card-border);
  color:var(--text);text-decoration:none;transition:background .16s ease, transform .08s ease, border-color .16s}
.btn:hover{background:var(--btn-hover);border-color:rgba(255,255,255,.18)}
.btn:active{transform:translateY(1px)}
.ico{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--card-border)}
.meta{flex:1;min-width:0}
.meta .title{font-weight:700;letter-spacing:.1px}
.meta .sub{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{opacity:.7}
.footer{margin-top:18px;text-align:center;color:var(--muted);font-size:12.5px}
@media (min-width:768px){.header h1{font-size:34px}}