.cb{background:#eef1f4;height:calc(100dvh - 150px);min-height:560px;position:relative;overflow:hidden}.cb .cv{position:absolute;inset:0}.cb-haut{z-index:4;pointer-events:none;gap:10px;max-width:720px;margin-inline:auto;display:grid;position:absolute;top:14px;left:14px;right:14px}.cb-haut>*{pointer-events:auto}.cb-barre{background:#fff;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 18px;display:flex;box-shadow:0 8px 28px #12233c2e}.cb-barre:focus-within{border-color:var(--gold-500,#c59a3f)}.cb-loupe{color:var(--marine-500);font-size:22px}.cb-barre input{min-width:0;font:inherit;min-height:44px;color:var(--marine-900);background:0 0;border:0;outline:0;flex:1;font-size:17px}.cb-effacer{background:var(--marine-100);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px;font-size:20px}.cb-univers{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.cb-univers::-webkit-scrollbar{display:none}.cb-univers button{min-height:40px;color:var(--marine-900);font:inherit;cursor:pointer;background:#fff;border:1px solid #12233c1f;border-radius:999px;flex:none;padding:0 16px;font-size:14.5px;font-weight:700;box-shadow:0 3px 10px #12233c1a}.cb-univers .cb-on{background:var(--marine-900,#12233c);color:#fff;border-color:var(--marine-900,#12233c)}.cb-compteur{color:var(--marine-900);text-align:center;background:#fffffff5;border-radius:999px;justify-self:center;margin:0;padding:9px 18px;font-size:15px;box-shadow:0 4px 14px #12233c24}.cb-dispo{color:#1e6b34;font-weight:800}.cb-lien{color:var(--marine-700);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.cb-cadran{z-index:4;background:#fffffff7;border-radius:18px;gap:8px;width:230px;padding:12px;display:grid;position:absolute;top:190px;right:14px;box-shadow:0 8px 28px #12233c2e}.cb-moi{background:var(--gold-500,#c59a3f);color:#12233c;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;font-weight:800}.cb-commune{gap:6px;display:flex}.cb-commune input{border:2px solid var(--marine-100);min-width:0;min-height:42px;font:inherit;border-radius:10px;flex:1;padding:0 10px;font-size:16px}.cb-commune button{background:var(--marine-900);color:#fff;cursor:pointer;border:0;border-radius:10px;width:44px;font-size:18px}.cb-message{color:#b42318;margin:0;font-size:13.5px}.cb-rayon-l{color:var(--marine-700);font-size:14.5px}.cb-cadran input[type=range]{width:100%;accent-color:var(--gold-500,#c59a3f);min-height:32px}.cb-graduations{color:var(--marine-500);justify-content:space-between;margin-top:-6px;font-size:11.5px;display:flex}.cb-fiche{z-index:5;background:#fff;border-radius:20px;max-width:560px;margin-inline:auto;padding:18px 18px 16px;animation:.22s ease-out cb-monte;position:absolute;bottom:16px;left:14px;right:14px;box-shadow:0 14px 40px #12233c47}@keyframes cb-monte{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cb-fiche{animation:none}}.cb-fermer{background:var(--marine-100);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.cb-tete{align-items:center;gap:14px;padding-right:36px;display:flex}.cb-tete img,.cb-init{object-fit:cover;border:3px solid var(--gold-300,#d9b96c);border-radius:50%;flex:none;width:64px;height:64px}.cb-init{background:var(--marine-700);color:#fff;place-items:center;font-size:20px;font-weight:800;display:grid}.cb-sur{letter-spacing:.04em;text-transform:uppercase;color:var(--gold-600,#7f5f1f);margin:0;font-size:13px;font-weight:800}.cb-nom{font-family:var(--f-titre),serif;color:var(--marine-900);margin:0;padding-right:36px;font-size:21px;font-weight:700;line-height:1.2}.cb-detail{color:var(--marine-700);margin:4px 0 0;font-size:15px}.cb-etiquettes{flex-wrap:wrap;gap:6px;margin:12px 0 0;display:flex}.cb-et{background:var(--marine-100);color:var(--marine-900);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:800}.cb-et:first-child{color:#1e6b34;background:#e6f4ea}.cb-prochain{color:var(--marine-900);background:#fdf5e6;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:15px}.cb-jauge{background:var(--marine-100);border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.cb-jauge span{background:var(--gold-500,#c59a3f);height:100%;display:block}.cb-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cb-actions .btn{flex:auto;justify-content:center;width:auto;min-height:46px;padding:0 18px}.cb-liste-btn{z-index:4;background:var(--marine-900,#12233c);color:#fff;min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 22px;font-weight:800;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #12233c4d}.cb-liste-btn:disabled{opacity:.5}.cb-liste{z-index:6;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;max-height:72%;animation:.22s ease-out cb-monte;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 -10px 40px #12233c40}.cb-liste-tete{border-bottom:1px solid var(--marine-100);padding:16px 18px;font-size:17px;position:relative}.cb-liste ul{margin:0;padding:6px 10px 18px;list-style:none;overflow:auto}.cb-liste li button{text-align:left;border:0;border-bottom:1px solid var(--marine-100);width:100%;font:inherit;cursor:pointer;background:0 0;gap:2px;min-height:56px;padding:12px;display:grid}.cb-liste li button:hover{background:var(--marine-100)}.cb-l-nom{color:var(--marine-900);font-weight:800}.cb-l-det{color:var(--marine-700);font-size:14.5px}.cb-l-dispo{color:#1e6b34;font-size:13.5px;font-weight:800}.cb-cadran *,.cb-haut *{box-sizing:border-box}.cb-cadran{box-sizing:border-box;grid-template-columns:minmax(0,1fr)}.cb-cadran input{min-width:0;max-width:100%}.cb-commune input{flex:auto;width:0}.cb-commune button{flex:none}.cb-cadran input[type=range]{border:0;width:100%;min-height:28px;margin:0;padding:0}.cb-voir-liste{display:none}@media (max-width:719px){.cb{min-height:480px}.cb-haut{gap:8px;top:10px;left:10px;right:10px}.cb-barre input{font-size:16px}.cb-compteur{border-radius:14px;padding:8px 14px;font-size:14px}.cb-voir-liste{display:inline}.cb-liste-btn{display:none}.cb-cadran{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;width:auto;padding:8px;inset:auto 10px 16px}.cb-moi{white-space:nowrap;padding:0 12px;font-size:14.5px}.cb-rayon-l,.cb-cadran input[type=range],.cb-cadran>.cb-lien,.cb-message{grid-column:1/-1}.cb-graduations{display:none}.cb-fiche{max-height:calc(100% - 170px);bottom:12px;left:10px;right:10px;overflow:auto}.cb:has(.cb-fiche) .cb-cadran{display:none}}.cb-cadran input[type=range]{appearance:none;background:linear-gradient(90deg, var(--gold-300,#d9b96c), var(--gold-500,#c59a3f));cursor:pointer;border-radius:999px;height:6px;min-height:6px;margin:12px 0 10px}.cb-cadran input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#12233c;border:4px solid #fff;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 8px #12233c59}.cb-cadran input[type=range]::-moz-range-thumb{background:#12233c;border:4px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #12233c59}