*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f6f7fb;color:#15151f}.top{display:flex;justify-content:space-between;align-items:center;padding:16px 6%;background:#fff;box-shadow:0 2px 12px #0001;position:sticky;top:0;z-index:2}.brand{font-weight:800;font-size:24px;color:#5b35d5;text-decoration:none}nav a{margin-left:14px;text-decoration:none;color:#222}.container{max-width:1100px;margin:auto;padding:30px 18px}.hero{background:linear-gradient(130deg,#5b35d5,#19b394);color:#fff;border-radius:24px;padding:50px}.hero h1{font-size:42px;margin:0 0 10px}.btn{display:inline-block;background:#5b35d5;color:#fff!important;border:0;border-radius:12px;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:700}.ghost{background:#19b394}.card{background:#fff;padding:20px;border-radius:18px;box-shadow:0 8px 28px #00000012;margin:16px 0}label{display:block;margin-bottom:13px;font-weight:700}input,select{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;margin-top:6px}.alert{background:#ffe9e9;color:#9d1d1d;padding:12px;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}.thumb{width:100%;height:130px;object-fit:contain;background:#f2f2f2;border-radius:12px}.shop-head{display:flex;gap:16px;align-items:center;background:#fff;border-radius:18px;padding:20px}.logo{width:70px;height:70px;object-fit:contain;border-radius:12px}.foot{text-align:center;padding:30px;color:#777}.try-wrap{position:relative;max-width:760px;margin:20px auto;background:#111;border-radius:20px;overflow:hidden}#video,#output{width:100%;display:block}#video{transform:scaleX(-1)}#output{position:absolute;left:0;top:0;height:100%;transform:scaleX(-1)}.actions{text-align:center;margin:18px}.snapshot{display:block;max-width:500px;width:100%;margin:20px auto;border-radius:18px}@media(max-width:700px){.top{display:block}.top nav{margin-top:12px}.hero h1{font-size:30px}.hero{padding:30px}}

/* Correctif essayage : le canvas affiche maintenant la caméra + la monture. */
.try-wrap{position:relative;max-width:760px;margin:20px auto;background:transparent;border-radius:20px;overflow:hidden}
#video{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;transform:none}
#output{width:100%;height:auto;display:block;position:relative;left:auto;top:auto;transform:none;background:transparent;border-radius:20px}
.snapshot:empty{display:none}