.pubdemo{margin-top:var(--space-section)}.pd-head{margin-bottom:24px}.pd-head h2{font-size:var(--text-h2);margin-bottom:8px;font-weight:700}.pd-head p{max-width:var(--measure);color:var(--color-text-muted)}.pd-tabs{background:var(--color-secondary);border-radius:999px;gap:4px;max-width:100%;margin-bottom:20px;padding:4px;display:inline-flex}.pd-tab{font-family:inherit;font-size:var(--text-base);color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;min-height:44px;padding:0 20px;font-weight:500;transition:color .12s,background .12s}.pd-tab:hover{color:var(--color-text);background:var(--color-bg)}.pd-tab[aria-selected=true]:hover{background:var(--color-surface)}.pd-tab[aria-selected=true]{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow);font-weight:600}.pd-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pd-stage{gap:var(--gap);align-items:start;display:grid}@media (min-width:1024px){.pd-stage-notif .pd-aside{width:100%;max-width:calc(58.3333% - clamp(40px,5vw,80px)/1.71429);margin-inline:auto}}.pd-browser{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);overflow:hidden}.pd-browser-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:12px;padding:10px 14px;display:flex}.pd-dots{gap:6px;display:inline-flex}.pd-dots i{background:var(--color-border);border-radius:50%;width:10px;height:10px}.pd-url{min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;padding:6px 14px;overflow:hidden}.pd-fictive{font-size:var(--text-sm);color:var(--color-text);background:var(--color-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px;font-weight:500}.pd-viewport{background:var(--color-surface);height:clamp(440px,52vh,500px);position:relative;overflow:hidden}@media (min-width:641px) and (max-width:1099px){.pd-site{padding-bottom:60px}}@media (min-width:900px){.pd-viewport-chat .pd-site{margin-right:424px}.pd-viewport-carte .pd-site{margin-right:412px}}.pd-site{height:100%;font-size:var(--text-sm);color:var(--color-text);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.pd-site-top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.pd-site-nom{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600;font-size:var(--text-base)}.pd-site-nav{color:var(--color-text-muted);gap:18px;display:flex}.pd-site-nav span:first-child{color:var(--color-text);font-weight:600}.pd-site-hero{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 24px 16px;display:flex}.pd-site-eyebrow{font-family:var(--font-mono);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.pd-site-h1{font-family:var(--font-heading);font-size:var(--text-h4);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.1}.pd-site-btn{border-radius:var(--r);color:var(--color-surface);background:var(--color-text);margin-top:6px;padding:8px 14px;font-weight:600;display:inline-block}.pd-site-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(52px,auto);align-content:start;gap:10px;padding:16px 24px 0;display:grid}.pd-site-card{border-radius:var(--r);align-items:flex-end;padding:10px 12px;font-weight:600;line-height:1.25;display:flex}.pd-site-detail{display:none}.pd-site-foot{color:var(--color-text-muted);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:16px;margin-top:auto;padding:12px 24px;display:grid}.pd-site-foot b{color:var(--color-text);margin-bottom:2px;font-weight:600;display:block}.pd-site-foot span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.pd-site[data-verticale=garage] .pd-site-hero,.pd-site[data-verticale=garage] .pd-site-card{background:var(--background-100)}.pd-site[data-verticale=habitat] .pd-site-hero,.pd-site[data-verticale=habitat] .pd-site-card{background:var(--color-secondary)}.pd-site[data-verticale=habitat] .pd-site-btn{background:var(--color-primary)}.pd-site[data-verticale=restaurant] .pd-site-hero,.pd-site[data-verticale=restaurant] .pd-site-card{background:var(--accent-100)}.pd-site[data-verticale=restaurant] .pd-site-btn{background:var(--color-accent)}.pd-widget{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex;position:absolute;inset:16px}.pd-widget>*{pointer-events:auto}.pd-bulle{cursor:pointer;background:var(--color-primary);width:56px;height:56px;color:var(--color-on-primary);box-shadow:var(--shadow-lift);border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .12s;display:flex}.pd-bulle:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.pd-bulle:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}.pd-bulle-bondit{animation:.6s cubic-bezier(.22,1,.36,1) pd-pulser}@keyframes pd-pulser{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.pd-carte{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);width:380px;max-width:100%;box-shadow:var(--shadow-lift);padding:16px 16px 14px;animation:.28s ease-out pd-monter;position:relative}@keyframes pd-monter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pd-carte-ecrit{width:auto;padding:14px 18px}.pd-carte-close{cursor:pointer;width:44px;height:44px;font-size:var(--text-h4);color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;line-height:1;position:absolute;top:4px;right:4px}.pd-carte-close:hover{background:var(--color-bg);color:var(--color-text)}.pd-carte-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.pd-carte-msg{text-align:left;width:100%;font:inherit;font-size:var(--text-demo);color:var(--color-text);cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;padding:0 32px 12px 0;line-height:1.45;display:block}.pd-carte-msg:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.pd-carte-rapides{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:640px){.pd-carte-rapides{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 4px;overflow-x:auto}.pd-carte-rapides::-webkit-scrollbar{display:none}.pd-carte-rapides .chip{white-space:nowrap;flex:none}}@media (max-width:560px){.pd-carte-rapides{flex-flow:column;margin:0;padding:0;overflow-x:visible}.pd-carte-rapides .chip{white-space:normal;text-align:left;width:100%}}.pd-chat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);width:400px;max-width:calc(100% - 24px);height:min(560px,100% - 24px);box-shadow:var(--shadow-lift);flex-direction:column;animation:.22s ease-out pd-monter;display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden}.pd-chat-head{border-bottom:1px solid var(--color-border);flex:none;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.pd-chat-head>div{flex:1;min-width:0}.pd-chat-head b{font-family:var(--font-heading);font-size:var(--text-base);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.pd-chat-head>div>span{font-size:var(--text-sm);color:var(--color-text-muted);display:block}.pd-avatar{background:var(--color-secondary);width:36px;height:36px;color:var(--color-primary);font-family:var(--font-heading);font-size:var(--text-base);border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.pd-chat-close{cursor:pointer;width:44px;height:44px;font-size:var(--text-h4);color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;flex:none;line-height:1}.pd-chat-close:hover{background:var(--color-bg);color:var(--color-text)}.pd-chat-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.pubdemo .log{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;font-size:var(--text-demo);flex-direction:column;flex:1 1 0;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.pubdemo .log>:first-child{margin-top:0}.pubdemo .log-fil{flex-direction:column;gap:8px;display:flex}.pubdemo .msg,.resa-bulle{white-space:pre-wrap;-webkit-hyphens:none;hyphens:none;max-width:88%;line-height:1.5}.pubdemo .msg a{color:inherit;text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.pubdemo .msg .lien-fictif{text-underline-offset:2px;overflow-wrap:anywhere;cursor:default;text-decoration:underline}.pubdemo .msg .lien-fictif-suite,.resa-bulle .lien-fictif-suite{white-space:nowrap}.pubdemo .msg .lien-fictif-marque,.resa-bulle .lien-fictif-marque{background:var(--color-surface);color:var(--color-text);font-size:var(--text-label);white-space:nowrap;vertical-align:1px;cursor:default;border-radius:999px;padding:0 8px;font-weight:500;line-height:1.7;display:inline-block}.pubdemo .msg.bot,.resa-bulle.bot{background:var(--color-secondary);border-radius:4px 12px 12px;align-self:flex-start;padding:10px 12px}.pubdemo .msg.me,.resa-bulle.me{background:var(--accent-50);color:var(--color-text);border-radius:12px 4px 12px 12px;align-self:flex-end;padding:10px 12px}.pubdemo .typing{background:var(--color-secondary);border-radius:4px 12px 12px;align-self:flex-start;gap:5px;padding:12px 14px;display:inline-flex}.pubdemo .typing i{background:var(--text-500);border-radius:50%;width:6px;height:6px;animation:1s infinite pd-pts}.pubdemo .typing i:nth-child(2){animation-delay:.15s}.pubdemo .typing i:nth-child(3){animation-delay:.3s}@keyframes pd-pts{0%,60%,to{opacity:.3}30%{opacity:1}}.pd-transmis{font-size:var(--text-sm);color:var(--color-success);padding:4px 0;font-weight:500}.pd-transmis a{color:inherit;text-underline-offset:3px;margin-block:-14px;padding-block:14px;text-decoration:underline}.pd-transmis a:hover{color:var(--color-text)}.pd-transmis a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.pubdemo .chips,.pubdemo .actions{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.pubdemo .action{font-family:inherit;font-size:var(--text-demo);color:#fff;background:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;border-radius:999px;min-height:44px;padding:8px 16px;font-weight:600;line-height:1.35}.pubdemo .action:hover{background:var(--color-primary-hover,var(--color-primary))}.pubdemo .action.secondaire{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);font-weight:500}.pubdemo .action:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.pubdemo .contact-direct{font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;line-height:1.45}.pubdemo .chip{font-family:inherit;font-size:var(--text-demo);text-align:left;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;min-height:44px;padding:8px 14px;font-weight:500;line-height:1.35;transition:border-color .12s,background .12s}.pubdemo .chip:hover{border-color:var(--text-400);background:var(--color-bg)}.pubdemo .chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pubdemo .chip:disabled{cursor:default;opacity:.6}.pubdemo .chip-plus{color:var(--color-text-muted);border-style:dashed}.pubdemo .bar{border-top:1px solid var(--color-border);background:var(--color-bg);flex:none;gap:8px;padding:8px 12px;display:flex}.pubdemo .bar input{min-width:0;font-family:inherit;font-size:var(--text-base);border:1px solid var(--color-field-border);border-radius:var(--r);background:var(--color-surface);min-height:44px;color:var(--color-text);flex:1;padding:11px 14px}.pubdemo .bar input::placeholder{color:var(--text-600)}.pubdemo .bar input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-text)}.pubdemo .bar input:disabled{background:var(--background-100);color:var(--text-500)}.pubdemo .send{font-family:inherit;font-size:var(--text-base);color:var(--color-surface);background:var(--color-text);border-radius:var(--r);cursor:pointer;border:0;min-height:44px;padding:0 16px;font-weight:600;transition:background .12s}.pubdemo .send:hover{background:var(--text-800)}.pubdemo .send:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pubdemo .send:disabled{background:var(--text-400);cursor:default}.pd-hint{font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;margin-top:8px}.pd-hint[data-masque]{visibility:hidden}.pd-aside{scroll-margin-top:24px;animation:.4s cubic-bezier(.16,1,.3,1) pd-entrer}@keyframes pd-entrer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pd-aside-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:12px}.pd-aside-label .label{color:var(--color-text)}.pubdemo .panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r)}.pubdemo .notif{box-shadow:var(--shadow);border-left:3px solid var(--color-success);border-radius:var(--r);margin:0;padding:0}.pubdemo .notif-top{background:var(--color-success-soft);font-size:var(--text-sm);color:var(--color-success);border-radius:0 var(--r) 0 0;padding:10px 16px;font-weight:600}.pubdemo .notif-b{font-size:var(--text-sm);padding:15px 16px}.pubdemo .notif-b h4{font-family:var(--font-heading);font-size:var(--text-base);letter-spacing:-.02em;margin-bottom:8px;font-weight:600}.pubdemo .kv{grid-template-columns:88px 1fr;gap:3px 12px;margin-bottom:10px;display:grid}.pubdemo .kv dt{color:var(--color-text-muted)}@media (max-width:560px){.pubdemo .kv{grid-template-columns:max-content minmax(0,1fr);column-gap:10px}.pubdemo .kv dt{white-space:nowrap}.pubdemo .kv dd{overflow-wrap:anywhere;min-width:0}}.pubdemo .q{color:var(--color-text-muted);margin-bottom:10px}.pubdemo .late{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:12px;font-weight:500}.pubdemo .acts{flex-wrap:wrap;gap:7px;display:flex}.pubdemo .fake{min-height:36px;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--r);color:var(--color-text-muted);background:var(--color-surface);align-items:center;padding:0 12px;display:inline-flex}.pubdemo .fake.prim{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text);font-weight:600}.pd-joint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:12px}.pd-joint summary{cursor:pointer;min-height:44px;color:var(--color-text);border-radius:var(--r);justify-content:space-between;align-items:center;gap:16px;margin-inline:-12px;padding-inline:12px;font-weight:500;list-style:none;transition:background .15s;display:flex}.pd-joint summary::-webkit-details-marker{display:none}.pd-joint summary:after{content:"";border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);flex:none;width:10px;height:10px;margin-right:6px;transition:transform .15s;transform:rotate(45deg)}.pd-joint[open] summary:after{border-color:var(--color-primary);transform:rotate(-135deg)}.pd-joint summary:hover{background:var(--color-secondary)}.pd-joint summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.pd-joint ul{flex-direction:column;gap:6px;padding:4px 0 8px;list-style:none;display:flex}.pd-joint li{border-radius:var(--r);background:var(--color-secondary);color:var(--color-text);padding:8px 12px}.pd-joint li.me{background:var(--accent-50)}.pd-lu{background:var(--accent-50);border-radius:var(--r-lg);flex-direction:column;gap:16px;margin-top:20px;padding:24px;display:flex}.pd-lu h3{font-family:var(--font-heading);font-size:var(--text-h4);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.15}.pd-lu-pastilles{flex-wrap:wrap;gap:8px;display:flex}.pd-more{text-align:center;color:var(--color-text-muted);margin-top:24px}.pd-more a{color:var(--color-text);text-underline-offset:3px;margin-block:-10px;padding-block:10px;font-weight:500;text-decoration:underline;display:inline-block}.pd-more a:hover{color:var(--color-primary)}.pd-more a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.pd-pastille{font-family:inherit;font-size:var(--text-demo);text-align:left;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-surface);cursor:pointer;border-radius:999px;min-height:44px;padding:8px 14px;font-weight:500;line-height:1.35;transition:border-color .12s,background .12s}button.pd-pastille:hover{border-color:var(--color-primary)}button.pd-pastille:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button.pd-pastille:disabled{cursor:default;opacity:.6}@media (max-width:640px){.pd-tabs{display:flex}.pd-tab{flex:1;padding:0 8px}.pd-browser-bar{gap:8px;padding:10px 12px}.pd-dots,.pd-scheme{display:none}.pd-url{font-family:var(--font-body);background:0 0;border:0;border-radius:0;padding:0}.pd-fictive{padding:6px 10px}.pd-viewport{height:clamp(440px,64vh,540px)}.pd-site-top{padding:12px 16px}.pd-site-nav{display:none}.pd-site-hero{padding:14px 16px 12px}.pd-site-btn{display:none}.pd-site-grid{grid-template-columns:1fr;grid-auto-rows:44px;gap:8px;padding:12px 16px 0}.pd-site-card{align-items:center;padding:8px 12px}.pd-site-card:nth-child(n+4),.pd-site-foot{display:none}.pd-lu{padding:20px}.pd-more a{margin-block:0;padding-block:10px;display:block}.pd-widget{inset:12px}.pd-carte{width:100%}.pd-chat{width:auto;max-width:none;height:auto;box-shadow:none;border:0;border-radius:0;inset:0}.pd-chat-head b{white-space:normal;line-height:1.2}}@media (prefers-reduced-motion:reduce){.pd-bulle-bondit,.pd-carte,.pd-chat,.pd-aside,.pubdemo .typing i{animation:none}.pd-lu{transition:none}}.pubdemo .notif .mail-suivi{margin:4px 0 16px}@media (max-width:560px){.pd-viewport{height:610px}.pd-carte{padding:14px 14px 12px}.pd-carte-msg{padding:0 30px 10px 0}.pubdemo .pd-carte-rapides .chip{padding:6px 12px}}.pd-carte-court{display:none}@media (max-width:560px){.pd-carte{border-radius:16px;width:max-content;max-width:100%;padding:12px 14px}.pd-carte-msg{font-size:var(--text-sm);min-height:44px;padding:0 36px 0 0}.pd-carte-long,.pd-carte-rapides{display:none}.pd-carte-court{display:inline}}.pd-site{container-type:inline-size}@media (min-width:900px){@container (max-width:520px){.pd-site-nav span:nth-child(n+3){display:none}.pd-site-grid{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr))}}}.pubdemo .pd-chat-head:has(.pd-acces){flex-wrap:wrap;row-gap:0}.pubdemo .pd-acces{text-align:left;font-family:inherit;font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;flex:0 0 calc(100% - 44px);order:4;min-height:44px;margin:-8px 0 0 44px;padding:0 4px;font-weight:500;line-height:1.2;text-decoration:underline}.pubdemo .pd-acces:disabled{opacity:.6;cursor:default}.pubdemo .pd-acces:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pubdemo .fiche-widget{align-self:stretch}.pd-marque{color:#57534e;text-align:center;background:#fafaf9;margin:0;padding:6px 12px 8px;font-size:12px;line-height:1.4}.pd-marque a{color:inherit;text-underline-offset:2px;padding:5px 0;text-decoration:underline}
