/* Ajouts propres au site réel (formulaires, messages, images, visionneuse). */
.saut{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#1A2330;padding:10px 16px;border-radius:10px;font-weight:600}
.saut:focus{left:16px}
.pot{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
[hidden]{display:none!important}

/* Images réelles dans les gabarits de la maquette */
.ph img,.arche .ph img,.av-ph img,.fa-ph img,.an-rond img,.g-av img,.rp-logo img,.part-logo img,.pay-ph img,.pub-logo img,.galerie img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.arche .ph{overflow:hidden}
.an-rond{overflow:hidden}
.an-rond .patte{color:#8A6A3C}
.av-ph,.fa-ph{--c:#E2D4BE}
.av-ph.av-rond .patte,.fa-ph.rond .patte{color:#9C7A4A}
.av-l svg{vertical-align:-2px;margin-right:4px}
.g-av{overflow:hidden}
.rp-logo,.part-logo,.pay-ph,.pub-logo{overflow:hidden}
.part-logo img,.rp-logo img,.pub-logo img{object-fit:contain;background:#fff}

/* Messages d’état */
.enm-alerte,.enm-ok{margin:0;padding:12px 16px;border-radius:12px;font-size:15px;line-height:1.5}
.enm-alerte{background:#FBEDE6;color:#7A2E14;border:1px solid #F0CDBE}
.enm-ok{background:#EAF3EC;color:#24553A;border:1px solid #C9E1D0}
.enm-centre{min-height:68vh;display:grid;place-items:center;padding:56px 16px}
.enm-vide{padding:64px 16px;display:grid;place-items:center;min-height:50vh}
.enm-vide .card{max-width:520px}
.contenu-wp{padding-block:48px 80px;max-width:820px;display:grid;gap:16px}
.contenu-wp h2{font-size:30px;margin-top:12px}

/* Barre des gestionnaires sur la page publique */
.g-barre{background:#1A2330;color:#F2ECE2;font-size:14px;border-bottom:1px solid rgba(242,236,226,.12)}
.g-barre .wrap{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-block:10px;flex-wrap:wrap}
.g-barre a{color:#E4C08A;font-weight:600;text-decoration:none}

/* Page : boutons et formulaires */
.btn.allume{box-shadow:0 0 0 4px rgba(227,174,98,.25),0 0 40px rgba(227,174,98,.45)}
.coeur.on{color:#C0583F}
.ecrire-opt{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:15px;font-weight:600}
.ecrire-opt .g-sw{font-weight:500}
.lien-fichier{cursor:pointer;color:var(--accent);font-weight:600;font-size:15px}
.f-retour:empty{display:none}
.f-retour{font-size:15px;color:#24553A!important}
.msg-ph{max-width:100%;max-height:320px;border-radius:12px;object-fit:cover}
.histoire{font-family:var(--display);font-size:22px;line-height:1.6;display:grid;gap:14px}
.histoire p{margin:0}
.rappel-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.rappel-f input{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px;min-width:200px}
.rappel-r{flex-basis:100%;margin:0;font-size:14px}
.rappel-r:empty{display:none}
.anniv-act{display:flex;flex-direction:column;align-items:flex-start}
.galerie>button{border:0;padding:0;cursor:zoom-in;overflow:hidden;font:inherit}
.galerie .ph-plus{background:var(--soft);color:var(--accent);font-size:16px;font-weight:600;cursor:pointer}
.galerie .ph{min-height:0!important;height:100%!important}
.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.video{margin:0;display:grid;gap:8px}
.video video{width:100%;border-radius:14px;background:#000}
.video-r{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.video-r iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video figcaption{font-size:14px;color:var(--muted)}
.vx-vrai{display:grid;gap:12px}
.vx-r{align-items:flex-start}
.vx-r audio,.vx-r video{width:100%;max-width:100%;border-radius:10px}
.vx-txt{margin:0;font-family:var(--display);font-size:19px;line-height:1.55}
.env-dlg{display:grid;gap:12px;max-width:520px}
.jour .ph img{position:absolute;inset:0}
.jour .ph .tag{z-index:1}

/* Visionneuse et diaporama */
.visionneuse{position:fixed;inset:0;z-index:80;background:rgba(10,14,20,.94);display:grid;grid-template-columns:64px 1fr 64px;align-items:center}
.visionneuse figure{margin:0;display:grid;gap:10px;justify-items:center;max-height:100vh;padding:24px 0}
.visionneuse img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:8px}
.visionneuse figcaption{color:#D8DCE2;font-size:14px}
.vi-n,.vi-x{background:none;border:0;color:#fff;font-size:44px;cursor:pointer;line-height:1}
.vi-x{position:absolute;top:12px;right:18px;font-size:38px}
@media (max-width:600px){.visionneuse{grid-template-columns:40px 1fr 40px}.vi-n{font-size:34px}}

/* Assistant (créer, commencer) */
.w-carte{display:grid;gap:16px;background:#FFFFFF;color:#1E2632}
.w-et{display:grid;gap:16px}
.w-photo{display:grid;place-items:center;gap:6px;min-height:140px;border:2px dashed var(--line);border-radius:18px;cursor:pointer;text-align:center;padding:16px}
.w-photo img{max-height:160px;border-radius:12px}
.gros{font-size:19px!important;min-height:56px}
.f label small{font-weight:400;font-size:13px}
.cf-per button span{pointer-events:none}
.est-animal [data-seul=personne]{display:none!important}
.cd-recu{max-width:520px;margin:0 auto}

/* Gestion */
.g-form{padding:0;gap:14px}
.g-det{border:1px solid var(--line);border-radius:14px;padding:14px 18px;display:grid;gap:12px}
.g-det>summary{cursor:pointer;font-weight:600}
.g-det[open]>summary{margin-bottom:6px}
.g-det[data-verrou]>summary{color:var(--muted)}
.g-type{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9C6E33;background:#F6EEE1;border-radius:999px;padding:2px 8px;margin-right:4px}
.g-mini{width:72px;height:72px;object-fit:cover;border-radius:10px}
.g-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.g-photos figure{margin:0;display:grid;gap:4px;font-size:13px}
.g-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:3px solid transparent}
.g-photos .principale img{border-color:var(--accent)}
.g-photos form{margin:0}
.lien-btn{background:none;border:0;padding:0;color:var(--accent);font-weight:600;cursor:pointer;font-size:14px}
.lien-btn.rouge{color:#B4442A}
.g-res{display:grid;gap:4px}
.g-res button{text-align:left;background:#F7F3EC;border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;font-size:15px}
.g-copie{width:100%;margin-top:8px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:14px;background:#FAF7F2}
.g-dem form input{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:14px}
.g-it form{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.g-sw-f{margin:0}
.dom{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dom input,.dom select{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px}
.g-vis-f{display:grid;gap:14px}
.g-mdp input{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px;margin-top:8px;width:100%;max-width:320px}
.adr-champ{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;font-size:15px}
.adr-champ>span{padding:0 4px 0 12px;color:var(--muted);white-space:nowrap}
.adr-champ input{border:0!important;min-height:48px;flex:1;min-width:0;font:inherit;padding:0 10px 0 0;outline:0}
.adr-etat{margin:0;font-size:14px}.adr-etat.ok{color:#2F7A4C}.adr-etat.non{color:#B4442A}.adr-etat:empty{display:none}
.cx-alt{font-size:14px;color:var(--muted);text-align:center}

/* Importer */
.imp-pg label{display:flex;gap:10px;align-items:center;font-weight:600}
.imp-pg select{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit}
.imp-choix{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.imp-choix label{position:relative;display:block;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#eee}
.imp-choix img{width:100%;height:100%;object-fit:cover;opacity:.45;transition:opacity .15s}
.imp-choix input{position:absolute;top:8px;left:8px;width:20px;height:20px;z-index:1}
.imp-choix input:checked+img{opacity:1}
.imp-choix input:disabled+img{opacity:.2}
.imp-choix small{position:absolute;bottom:6px;left:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:2px 6px;border-radius:6px}
.imp-sc{cursor:default}

/* Formulaire des témoins : au-dessus de tout */
.temoins{z-index:90}
.av-vide{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:22px 24px;border:1px dashed var(--line);border-radius:18px;background:#fff}.av-vide p{margin:0;font-family:var(--display);font-size:20px}
main>.clair,.vue>.clair{display:flow-root}
:root[data-marque="vivant"] nav.main .cta-m{display:none!important}
.arche .ph{display:flex;align-items:flex-end;justify-content:center}.arche .ph>svg{width:78%;fill:rgba(242,236,226,.14)}
.w-et>.f{gap:20px!important}.w-et .f2{gap:16px 18px}
.plan-p{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0}.plan-p .per{opacity:.75;font-size:14px}.plan-n{font-family:var(--body)!important;font-weight:600!important;font-size:23px;letter-spacing:-.01em}
.vv-inc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;max-width:920px;margin:0 auto}.vv-inc .card{display:grid;gap:12px;align-content:start;background:#fff}.vv-inc h3{font-size:26px}.vv-inc .vedette{border:2px solid var(--accent)}

/* Chandelle « vivante » de l’accueil (réversible : retirer la classe .vive pour revenir à la classique) */
.ha-bougie.vive{width:84px;height:104px}
.ha-bougie.vive .halo{inset:-58px;background:radial-gradient(circle,rgba(255,206,140,.55) 0%,rgba(236,160,72,.32) 26%,rgba(214,128,52,.12) 48%,transparent 68%);animation:halo-vif 4.2s ease-in-out infinite}
.ha-bougie.vive::before{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-14px 0 0 -23px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,205,.75),rgba(255,196,120,.25) 55%,transparent 72%);filter:blur(5px);animation:coeur-vif 2.6s ease-in-out infinite}
.ha-bougie.vive svg{width:48px;height:70px;animation:flamme-vive 2.4s ease-in-out infinite;transform-origin:50% 94%;filter:drop-shadow(0 0 7px rgba(255,186,96,.75)) drop-shadow(0 0 18px rgba(240,150,60,.35))}
.ha-bougie.vive svg path:first-child{fill:#EDB15F}
.ha-bougie.vive svg path:last-child{animation:lueur-vive 1.7s ease-in-out infinite alternate;transform-origin:50% 90%}
@keyframes flamme-vive{0%,100%{transform:scale(1,1) skewX(0deg) rotate(-1deg)}18%{transform:scale(.97,1.05) skewX(-2.5deg) rotate(.5deg)}37%{transform:scale(1.03,.97) skewX(1.5deg) rotate(1.2deg)}55%{transform:scale(.98,1.08) skewX(-1deg) rotate(-.4deg)}74%{transform:scale(1.02,.99) skewX(2deg) rotate(.8deg)}88%{transform:scale(.99,1.04) skewX(-.8deg) rotate(-.6deg)}}
@keyframes lueur-vive{0%{opacity:.82;transform:scale(.94)}60%{opacity:1;transform:scale(1.04)}100%{opacity:.9;transform:scale(1)}}
@keyframes halo-vif{0%,100%{opacity:.7;transform:scale(.96)}30%{opacity:.95;transform:scale(1.05)}55%{opacity:.78;transform:scale(1)}80%{opacity:1;transform:scale(1.08)}}
@keyframes coeur-vif{0%,100%{opacity:.75;transform:scale(1)}40%{opacity:1;transform:scale(1.12)}70%{opacity:.85;transform:scale(.95)}}
@media (prefers-reduced-motion:reduce){.ha-bougie.vive svg,.ha-bougie.vive svg path,.ha-bougie.vive .halo,.ha-bougie.vive::before{animation:none}}

/* Arbre de famille */
.arbre{display:grid;gap:22px;justify-items:center;position:relative}
.ar-rang{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;position:relative}
.ar-rang+.ar-rang::before{content:"";position:absolute;top:-22px;left:50%;width:1px;height:22px;background:var(--line)}
.arbre .fa-c{width:150px}
.fa-moi{outline:2px solid var(--accent);outline-offset:4px;border-radius:18px;background:#FFF8EC}
.ar-ani{padding-top:6px;border-top:1px dashed var(--line)}
@media (max-width:600px){.arbre .fa-c{width:calc(50% - 8px)}}
/* Suivre sa page */
.suivre{display:grid;gap:10px;justify-items:center;max-width:520px;text-align:center;font-size:15px}
.suivre span{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}
.suivre input{flex:1;min-width:200px;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;background:#fff}
.suivre .rappel-r{margin:0}
/* Fleurs */
.fl-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fl-liste a{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:#fff}
.fl-liste small{color:var(--muted)}
.capsule .eyebrow{font-size:11px}

.ti-pan{gap:16px}
.ti-h .ti-acc{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:#1E2632;text-decoration:none}
.ti-cpt{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #E7E0D4;border-radius:16px;background:#fff}
.ti-cpt>div{flex:1;display:grid;min-width:0}.ti-cpt b{font-size:16px}.ti-cpt small{color:#5D6572;font-size:13px}
.ti-cpt-ic{width:42px;height:42px;border-radius:50%;background:#F3EADB;color:#9C6E33;display:grid;place-items:center;flex:none}
.ti-cpt .btn{min-height:40px;padding:0 14px;font-size:14px}
.ti-cpt-l{display:flex;flex-wrap:wrap;gap:8px;margin-top:-6px}
.ti-cpt-l a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 10px;border:1px solid #E7E0D4;border-radius:10px;background:#fff;color:#1E2632;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.ti-sec{margin:14px 0 2px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9C6E33}
.ti-sec:first-child{margin-top:0}
.ti-nav a{display:flex;align-items:center;gap:14px;padding:12px 2px;font-size:17px}
.ti-ic{width:36px;height:36px;border-radius:10px;background:#F3EADB;color:#9C6E33;display:grid;place-items:center;flex:none}
.ti-ic .patte{color:#9C6E33}
.ti-pied{margin:0;text-align:center;font-size:13px;color:#5D6572}.ti-pied a{color:#5D6572}
nav.main .nav-cx{display:inline-flex;align-items:center;gap:7px}
nav.main .nav-cx svg{opacity:.85}
.cx-m{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);color:var(--ink);align-items:center;justify-content:center;flex:none;text-decoration:none}
@media (max-width:760px){.cx-m{display:inline-flex}}

/* Menu mobile : version soignée */
.ti-pan{width:min(380px,92vw);gap:18px;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#F6F0E6 0,#FAF7F2 220px)}
.tiroir:not([hidden]) .ti-pan{animation:ti-in .28s cubic-bezier(.2,.8,.2,1)}
.tiroir:not([hidden]) .ti-fond{animation:ti-f .28s ease}
@keyframes ti-in{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
@keyframes ti-f{from{opacity:0}to{opacity:1}}
.ti-fond{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ti-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#1A2330}
.ti-logo span{display:grid;line-height:1}
.ti-logo b{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.01em}
.ti-logo b i{color:#C08A45;font-style:normal}
.ti-logo small{font-size:9.5px;letter-spacing:.32em;color:#9C6E33;margin-top:4px;font-weight:600}
.ti-logo rect{fill:#1A2330}
.ti-x{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #E7E0D4;background:#fff;color:#1A2330;box-shadow:0 2px 8px -4px rgba(26,35,48,.25)}
.ti-cpt{display:grid;gap:12px;padding:16px;border-radius:20px;background:#1A2330;color:#F2ECE2;box-shadow:0 14px 30px -18px rgba(26,35,48,.7);border:0}
.ti-cpt-t{display:flex;align-items:center;gap:12px}
.ti-cpt-t>div{display:grid;gap:2px;min-width:0}
.ti-cpt b{font-size:17px;color:#fff}
.ti-cpt small{color:rgba(242,236,226,.7);font-size:13.5px}
.ti-cpt-ic{width:44px;height:44px;border-radius:50%;background:rgba(216,174,110,.16);color:#E4C08A;display:grid;place-items:center;flex:none;border:1px solid rgba(216,174,110,.35)}
.ti-cpt-b{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px}
.ti-cpt-n{margin:0;font-size:12.5px;color:rgba(242,236,226,.6);text-align:center}
.ti-cpt-l{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.ti-cpt-l a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;background:#D8AE6E;color:#121925;font-weight:600;font-size:15px;text-decoration:none;border:0}
.ti-cpt-l a+a{background:rgba(255,255,255,.08);color:#F2ECE2;border:1px solid rgba(255,255,255,.14)}
.ti-sortie{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;color:rgba(242,236,226,.75);text-decoration:none}
.ti-nav{display:grid;gap:14px}
.ti-grp{display:grid;background:#fff;border:1px solid #EDE5D8;border-radius:18px;padding:6px 6px;box-shadow:0 6px 18px -14px rgba(26,35,48,.35)}
.ti-sec{margin:6px 10px 2px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9C6E33}
.ti-nav a{display:flex;align-items:center;gap:13px;padding:9px 10px;border:0;border-radius:12px;font-size:16.5px;font-weight:600;color:#1E2632;text-decoration:none}
.ti-nav a+a{border-top:1px solid #F1EBE1;border-radius:0 0 12px 12px}
.ti-nav a:active,.ti-nav a:hover{background:#FAF5EC}
.ti-l{flex:1}
.ti-chev{color:#C9B89C;flex:none}
.ti-ic{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#F7EEDF,#EFE2CC);color:#9C6E33;display:grid;place-items:center;flex:none}
.ti-lang{gap:8px}
.ti-lang div{background:#EFE8DC;border-radius:12px;padding:4px;gap:4px;flex-wrap:nowrap}
.ti-lang button{border:0;background:transparent;min-height:40px;font-size:14.5px}
.ti-lang button[aria-pressed="true"]{background:#fff;color:#1A2330;box-shadow:0 2px 6px -2px rgba(26,35,48,.25)}
.ti-cta{width:100%;min-height:52px;font-size:16px}
.ti-pied{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0;font-size:13px;color:#8A8F98}
.ti-pied a{color:#5D6572;text-decoration:none}
/* Connexion dans le menu du haut */
@media (min-width:761px){nav.main .nav-cx{border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 11px;color:var(--ink)}nav.main .nav-cx:hover{border-color:var(--accent)}}
@media (max-width:760px){nav.main .nav-cx{display:none!important}}
.cx-m,.burger{width:44px;height:44px;border-radius:50%}
@media (max-width:420px){nav.main{gap:8px}.cx-m,.burger{width:42px;height:42px}nav.main .btn{padding:0 12px;font-size:13.5px}header.top .logo .wm b{font-size:22px}}
@media (max-width:374px){nav.main .btn{display:none}}

.ti-h .ti-logo b{text-transform:none;letter-spacing:-.01em;color:#1A2330;font-size:22px}
.ti-cpt>.ti-cpt-t{display:flex;align-items:center;gap:12px}
@media (max-width:440px){nav.main .btn{display:none}}
.search,.search *{box-sizing:border-box}.search{width:100%}@media (max-width:560px){.search .q-nom{min-width:0}}
@media (max-width:400px){.g-pages{grid-template-columns:1fr!important}.pay-per{grid-template-columns:1fr!important}.pay-g,.pay-g>*{min-width:0}.pay-part>div{flex-basis:100%}.pay h1{overflow-wrap:anywhere}}
.g-grid>*{min-width:0}.g-nav{max-width:100%}
@media (max-width:860px){.g-grid{grid-template-columns:minmax(0,1fr)!important}}
.g-main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}.g-s{box-sizing:border-box;max-width:100%;min-width:0}.g-s *{min-width:0}@media (max-width:400px){.g-s{padding:18px 16px!important}}

/* Code QR */
.lien-qr{display:inline-flex;align-items:center;gap:7px;margin-top:14px;background:none;border:0;color:inherit;opacity:.8;font:600 14px var(--body);cursor:pointer;padding:6px 10px;border-radius:999px}
.lien-qr:hover{opacity:1;background:rgba(216,174,110,.12)}
.fin-page .lien-qr{margin-top:0}
.qr-dlg{position:fixed;inset:0;z-index:85;background:rgba(10,14,22,.62);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}
.qr-box{position:relative;background:#FAF7F2;color:#1E2632;border-radius:24px;max-width:760px;width:100%;max-height:calc(100vh - 32px);overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;padding:26px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.qr-ap svg{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 12px 28px -16px rgba(26,35,48,.45)}
.qr-txt{display:grid;gap:12px;align-content:center}
.qr-txt b{font-family:var(--display);font-size:28px;font-weight:500}
.qr-txt p{margin:0;font-size:15px}
.qr-btns{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.qr-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid #E7E0D4;background:#fff;font-size:24px;line-height:1;cursor:pointer;color:#1E2632}
@media (max-width:640px){.qr-box{grid-template-columns:1fr;padding:20px}.qr-ap{max-width:300px;margin:0 auto}}
.qr-x{z-index:2}
.devise{margin:0;font-family:var(--display);font-style:italic;font-size:clamp(20px,2.6vw,26px);line-height:1.35;color:var(--ink)}.devise em{color:var(--accent);font-style:italic}.hero-a .devise,.ha .devise{max-width:640px;margin-inline:auto}