:root{--paper:#f7f4f1;--bg:#fff;--text:#0f1115;--muted:#6b7280;--line:rgba(17,18,21,.08);--brand:#9c1f2b;--brand-ink:#7b1823;--green:#0f3d2e;--cream:#f6efea;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1160px;margin:auto;padding:0 20px}.topbar{background:var(--cream);border-bottom:1px solid var(--line);font-weight:600}.topbar .wrap{display:flex;gap:14px;align-items:center;justify-content:center;padding:8px 16px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fff}header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.nav{justify-content:space-between;padding:14px 0}.brand,.nav{display:flex;align-items:center}.brand{gap:12px}.brand img{height:44px;width:auto;border-radius:10px}.brand .name{font-weight:800;letter-spacing:.2px}.menu{display:flex;align-items:center;gap:18px}.menu a{color:#3b3b3b;font-weight:600}.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700;transition:box-shadow .2s ease,transform .08s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.btn.primary{background:var(--text);color:#fff;border-color:var(--text)}.btn.brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn.small{padding:6px 10px;border-radius:10px;font-weight:700}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hero{position:relative;padding:80px 0 60px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fcf2ee,#f7f4f1 60%,transparent 0)}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:36px;gap:36px;align-items:center}.h1{font-size:44px;line-height:1.12;margin:0 0 10px;font-weight:800}.lead{font-size:18px;color:#2b2b2b;margin:0 0 18px}.rating{display:flex;align-items:center;gap:10px;color:#444}.stars{color:#ffd166}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;background:#fff}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background-size:120px 120px;background-repeat:repeat;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><g fill='none' stroke='%230F3D2E' stroke-width='1'><path d='M60 10 72 48 110 60 72 72 60 110 48 72 10 60 48 48Z'/></g></svg>")}.dz-bar{height:8px;width:min(460px,90%);margin:0 auto 12px;border-radius:999px;box-shadow:var(--shadow);background:linear-gradient(90deg,var(--green) 0 58%,var(--cream) 58% 100%)}.section{padding:60px 0}.section h2{font-size:32px;margin:0 0 6px;font-weight:800}.section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 18px}.filters .pill[aria-selected=true]{background:var(--text);color:#fff;border-color:var(--text)}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}@media (max-width:1024px){.hero .wrap{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid{grid-template-columns:1fr}}.list{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:780px){.list{grid-template-columns:1fr}}.list-item{display:grid;grid-template-columns:1fr 160px;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:var(--shadow);padding:12px}@media (max-width:780px){.list-item{grid-template-columns:1fr 120px}}.list-item .title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.list-item h3{margin:0 0 4px;font-size:18px}.list-item .price{font-weight:800;white-space:nowrap}.list-item .desc{color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-item .meta{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap}.list-item .media{position:relative}.list-item .media img{width:100%;height:120px;object-fit:cover;border-radius:12px;background:#f7f7f7;border:1px solid var(--line)}@media (max-width:780px){.list-item .media img{height:96px}}.list-item .media .ph{display:grid;place-items:center;width:100%;height:120px;border-radius:12px;border:1px solid var(--line);background:#fafafa;font-size:32px}@media (max-width:780px){.list-item .media .ph{height:96px}}.add-circle{position:absolute;right:8px;bottom:8px;width:40px;height:40px;border-radius:999px;background:var(--brand);color:#fff;border:none;display:grid;place-items:center;font-weight:900;box-shadow:var(--shadow);cursor:pointer}.add-circle:hover{filter:brightness(.95)}.add-circle:active{transform:scale(.98)}.add-circle:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;box-shadow:var(--shadow)}.card .img{aspect-ratio:4/3;background:#fafafa;display:grid;place-items:center;font-size:40px}.card .content{padding:14px 14px 12px}.card h3{margin:0 0 6px;font-size:18px}.price{font-weight:800}.muted{color:var(--muted)}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(420px,95vw);background:#fff;border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translateX(110%);transition:transform .28s ease;z-index:60;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer header{position:-webkit-sticky;position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line)}.cart-items{padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.cart-item{display:grid;grid-template-columns:1fr auto;grid-gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px}.cart-item,.qty{gap:8px;align-items:center}.qty{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 8px}.totals{margin-top:auto;border-top:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:8px}.row{display:flex;justify-content:space-between}.row.total{font-weight:900}.floating-cart{position:fixed;right:18px;bottom:18px;z-index:40}.info{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:900px){.info{grid-template-columns:1fr}}footer{padding:44px 0;background:#0b0b0c;color:#d6d6d6}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}.gallery img{border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);background:#f0efee}.gallery.modern{grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:900px){.gallery.modern{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.gallery.modern{grid-template-columns:1fr}}.gallery.modern img{width:100%;height:200px;object-fit:cover;background:#f6f6f6;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}@media (max-width:560px){.gallery.modern img{height:180px}}.gallery.modern img:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.08)}@media (prefers-reduced-motion:reduce){.gallery.modern img:hover{transform:none}}.lightbox{border:none;padding:0;background:transparent}.lightbox[open]{display:grid;place-items:center}.lightbox::-webkit-backdrop{background:rgba(0,0,0,.6)}.lightbox::backdrop{background:rgba(0,0,0,.6)}.lightbox img{max-width:min(96vw,1100px);max-height:90vh;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.heritage{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:22px;gap:22px;align-items:center}@media (max-width:1024px){.heritage{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dialog{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,8,20,.35);z-index:70}.dialog.open{display:flex}.dialog .modal{width:min(720px,95vw);max-height:90dvh;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.dialog .modal header{padding:14px 18px;font-weight:800;border-bottom:1px solid var(--line);background:#fff}.dialog .modal .body{padding:14px 18px;overflow:auto}.dialog .actions{background:#fff}.field label{display:block;font-weight:600;margin:0 0 6px}.field input,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:inherit;font:inherit}.field input::placeholder,.field textarea::placeholder{color:#9aa0a6}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)}.vstack{display:flex;flex-direction:column;gap:12px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:rgba(156,31,43,.2)}.btn,.field input,.field textarea,.pill{min-height:44px}.btn.small{min-height:36px}.qty .btn.small{min-width:32px;min-height:32px;padding:4px 8px}.floating-cart{bottom:calc(18px + env(safe-area-inset-bottom))}.dialog .actions{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.drawer{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:1024px){.hero{padding:64px 0 48px}.h1{font-size:38px}}@media (max-width:780px){.nav{padding:10px 0}.brand img{height:36px}.brand .name{display:none}.menu{overflow-x:auto;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu::-webkit-scrollbar{display:none}.section{padding:48px 0}.grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:560px){.hero{padding:48px 0 36px}.h1{font-size:30px}.lead{font-size:16px}.grid{grid-template-columns:1fr;gap:12px}.panel{padding:12px}.section{padding:40px 0}footer .container{row-gap:12px}.gallery,footer .container{grid-template-columns:1fr}iframe[title^=Carte]{height:320px!important}}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{-webkit-text-size-adjust:100%}