/* Liste regalo · tema Beyond Us. Sopra css/style.css e css/pagine.css del sito: colori, caratteri, pulsanti, testata, percorso,
   sezioni ad arco, biglietto navy e oro (bigl__*), timbri (bollo), lenti, bigliettini degli itinerari (vg__*), recapiti, moduli.
   Qui solo ciò che è delle liste: il biglietto d'oro del regalo (oro), i cartellini da valigia della vetrina (cartello), il timbro
   a inchiostro (inchiostro), le porte d'ingresso dell'elenco, i regali e il kit dell'area festeggiati.
   Movimento: solo transform, opacity e clip-path, come nel resto del sito; gli stati iniziali valgono solo sotto html.mo. */

/* lo sfondo della sezione in cui sta un oggetto: serve al foro dei cartellini, che lascia vedere ciò che c'è dietro */
.pg--liste .sez{--fondo:var(--bianco)}
.pg--liste .sez--velo{--fondo:var(--velo)}
.lr-mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:500;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.nb{white-space:nowrap}
.pg--liste .prosa a,.pg--liste .invio__nota a,.lr-porte__nota a,.testata__p a{color:var(--navy);font-weight:500;text-decoration:underline;text-decoration-color:var(--oro);text-decoration-thickness:2px;text-underline-offset:4px}

/* messaggi: errore (rosso mattone, come i campi sbagliati del sito) e conferma (oro chiaro) */
.lr-errore,.lr-ok{display:flex;align-items:flex-start;gap:10px;max-width:40rem;margin:0 0 18px;padding:14px 18px;border-radius:18px;font-weight:500;font-size:1.0625rem;line-height:1.45}
.lr-errore{background:#FBECEC;color:#7F2323;box-shadow:inset 0 0 0 1.5px rgba(155,44,44,.35)}
.lr-ok{background:var(--oro-luce);color:var(--navy-fondo)}
.lr-errore .ico,.lr-ok .ico{width:22px;height:22px;margin-top:1px}
.lr-ok .ico{stroke-width:5;stroke-dasharray:none}
.testata .lr-errore{margin-top:18px}

/* lo stato della partecipazione: un punto d'oro, poi lo stato e la data */
.lr-stato{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:clamp(14px,1.6vw,22px);font-size:1.0625rem;line-height:1.3;color:var(--testo-2)}
.lr-stato b{font-weight:500;color:var(--navy)}
.lr-stato__luce{flex:none;width:12px;height:12px;border-radius:50%;background:var(--oro);box-shadow:0 0 0 4px rgba(163,138,105,.24)}
.lr-stato--presto .lr-stato__luce{background:var(--bianco);box-shadow:inset 0 0 0 2.5px var(--oro)}
.lr-stato--chiusa .lr-stato__luce{background:var(--testo-2);box-shadow:0 0 0 4px rgba(90,99,133,.16)}
.pillola--bordo{gap:8px;background:var(--bianco);box-shadow:inset 0 0 0 1.5px var(--navy);color:var(--navy);font-weight:500}
.pillola--bordo .ico{width:16px;height:16px;color:var(--oro)}

/* =====================================================================================================
   TESTATA: accanto al titolo, il biglietto navy e oro con il timbro, oppure la foto della lista nella grande lente
   ===================================================================================================== */
.lr-vista__bigl{position:relative;width:min(100%,560px);margin-left:auto;padding-top:14px}
.lr-vista__bigl .bigl--viaggio{width:100%}
/* il timbro impresso sul bordo alto del biglietto, tra il logo e la matrice */
.lr-vista__bollo{left:37%;right:auto;top:-9%;width:clamp(92px,18%,112px);z-index:4;transform:rotate(-10deg)}
.lr-vista__bollo::before{display:none}
.lr-lente{position:relative}
.lr-lente .lente--nozze img{object-position:50% 50%}
.lr-lente__bollo{left:-2%;right:auto;top:-1%;width:clamp(96px,22%,132px);z-index:4;transform:rotate(-8deg)}
.lr-lente__bollo::before{display:none}
.lr-orbita{left:-6%;top:-6%;width:112%;height:112%}
.lr-orbita .anello{stroke-dasharray:.004 .012;stroke-width:2;stroke-linecap:round;animation-duration:120s}
.lr-orbita .anello circle{stroke-dasharray:.004 .012}
.mo [data-seq].is-armed:not(.is-in) .lr-orbita .anello circle{stroke-dashoffset:0}
/* il biglietto delle liste: la tratta scritta per intero, i campi su una riga, il titolo sotto la tratta */
.bigl--lista .bigl__campi{display:flex;flex-wrap:wrap;gap:14px 32px}
.bigl--lista .bigl__campi dd{white-space:normal;overflow-wrap:anywhere}
.bigl--lista .bigl__titolo{margin-top:12px}
.bigl--lista .bigl__titolo--solo{margin-top:20px;font-size:clamp(1.3rem,1.9vw,1.7rem);letter-spacing:.04em;text-transform:uppercase}
.bigl--lista .bigl__lente img:not(.bigl__lente-l){border-radius:50%}
/* l'area festeggiati: la rotta si riempie con i regali arrivati */
.bigl--viaggio.bigl--rotta .bigl__fatto{transform:scaleX(var(--p,1));transition:transform .9s var(--ease)}
.bigl--viaggio.bigl--rotta .bigl__aereo{left:calc((100% - 22px) * var(--p,1));transition:left .9s var(--ease)}
.mo [data-seq].is-armed:not(.is-in) .bigl--rotta .bigl__fatto{transform:scaleX(0)}
.mo [data-seq].is-armed:not(.is-in) .bigl--rotta .bigl__aereo{left:0}
.lr-totali .bigl__campi dd{font-size:1.25rem}

/* =====================================================================================================
   ELENCO: la ricerca, le occasioni, le liste come bigliettini; le porte (codice privato, area festeggiati)
   ===================================================================================================== */
.lr-filtri__barra{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.lr-cerca__campo{flex:1 1 320px;max-width:520px}
html:not(.js) .lr-cerca .cerca{display:block}
html.js .lr-filtri__vai{display:none}
.lr-occasioni{margin-top:16px}
html:not(.js) .lr-occasioni{display:flex}
a.filtro{text-decoration:none}
.lr-conta{margin:clamp(22px,2.6vw,32px) 0 clamp(12px,1.4vw,18px);font-size:1.0625rem;color:var(--testo-2)}
.lr-conta b{font-weight:600;color:var(--navy)}
.lr-gruppi{display:grid;gap:clamp(30px,3.6vw,46px)}
.lr-gruppo[hidden]{display:none}
.lr-gruppo__t small{transition:none}
.lr-vg .vg__carta{--m:120px}
.lr-vg .vg__r{text-wrap:balance}
.lr-vg__d{font:500 italic 1.2rem/1.2 var(--voce);color:var(--navy)}
.lr-vg__m--presto{background:var(--oro-luce)}
.lr-vg__m--chiusa{background:#E9E5DE;color:var(--testo-2)}
.lr-vg__m--chiusa::before{border-left-color:rgba(90,99,133,.45)}
.lr-vuoto{margin-top:4px}
.lr-porte{padding-bottom:calc(var(--sez) * .8 + var(--arco))}
.lr-porte__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.lr-porta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;padding:clamp(22px,2.6vw,36px);border-radius:28px;background:var(--bianco);box-shadow:var(--ombra)}
.lr-porta__i{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;background:var(--lamina-ferma);color:var(--navy-fondo)}
.lr-porta__i .ico{width:27px;height:27px;stroke-width:1.9}
.lr-porta__c{display:grid;gap:10px;min-width:0}
.lr-porta__t{font:500 clamp(1.3rem,1.8vw,1.6rem)/1.2 var(--titoli);letter-spacing:.01em;color:var(--navy);text-wrap:balance}
.lr-porta__c>p{font-size:1.0625rem;line-height:1.55;color:var(--testo)}
.lr-porta__c>.btn{justify-self:start;margin-top:6px}
.lr-codice{margin-top:6px}
.lr-codice__riga{display:flex;gap:10px}
.lr-codice__riga input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.12em;font-weight:500}
.lr-codice__riga .btn{flex:none}
.lr-porte__nota{margin-top:clamp(26px,3vw,38px);text-align:center;font-size:1.0625rem;line-height:1.6;color:var(--testo)}

/* =====================================================================================================
   LA LISTA: il viaggio, la vetrina dei cartellini, il contributo libero, l'avviso per l'agenzia
   ===================================================================================================== */
.lr-viaggio__g{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(30px,5vw,90px)}
.lr-viaggio__g--solo{grid-template-columns:minmax(0,1fr)}
.lr-viaggio .testa{margin-bottom:clamp(18px,2.2vw,30px)}
.lr-viaggio .tratta-km{margin-top:clamp(12px,1.4vw,18px)}
.lr-viaggio__bigl{width:min(100%,540px);margin-left:auto}
.lr-prosa{max-width:38em}
.lr-intro{max-width:46em}
.lr-chiusa .vuoto{max-width:none}

/* ---- un regalo della vetrina: un cartellino da valigia. Appeso al suo filo d'oro, con gli angoli in alto tagliati,
   il foro con l'occhiello d'oro, la foto, il prezzo sul cartellino d'oro, le quote ---- */
.cartelli{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,3vw,44px) clamp(18px,2.2vw,30px);padding-top:30px}
.cartello{position:relative;display:flex;flex-direction:column;--taglio:34px;filter:drop-shadow(0 18px 18px rgba(34,46,82,.16)) drop-shadow(0 3px 5px rgba(34,46,82,.08))}
/* il filo: un'asola che esce dal foro e sale */
.cartello__filo{position:absolute;z-index:2;left:calc(50% - 13px);top:-30px;width:26px;height:47px;border:2.5px solid var(--oro);border-bottom:0;border-radius:13px 13px 0 0;pointer-events:none}
.cartello__in{position:relative;display:flex;flex-direction:column;flex:1;padding:12px 12px 20px;border-radius:0 0 22px 22px;background:var(--bianco);transform-origin:50% 0;transition:transform .45s var(--scatto);
  -webkit-mask:linear-gradient(135deg,#0000 var(--taglio),#000 calc(var(--taglio) + .5px)) 0 0/51% 100% no-repeat,linear-gradient(225deg,#0000 var(--taglio),#000 calc(var(--taglio) + .5px)) 100% 0/51% 100% no-repeat;
  mask:linear-gradient(135deg,#0000 var(--taglio),#000 calc(var(--taglio) + .5px)) 0 0/51% 100% no-repeat,linear-gradient(225deg,#0000 var(--taglio),#000 calc(var(--taglio) + .5px)) 100% 0/51% 100% no-repeat}
.cartello:nth-child(3n+1) .cartello__in{transform:rotate(-1.1deg)}
.cartello:nth-child(3n+2) .cartello__in{transform:rotate(.8deg)}
.cartello:nth-child(3n) .cartello__in{transform:rotate(-.4deg)}
/* il foro: lascia vedere lo sfondo della sezione, con l'occhiello d'oro intorno */
.cartello__occhiello{position:absolute;z-index:2;left:calc(50% - 10px);top:8px;width:20px;height:20px;border-radius:50%;background:var(--fondo,var(--bianco));box-shadow:0 0 0 3.5px var(--oro),inset 0 2px 3px rgba(34,46,82,.25)}
.cartello__foto{position:relative;margin-top:30px;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#FFFFFF 0%,#FBF6EC 44%,#F1E8D6 100%)}
.cartello__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.cartello__lente{position:absolute;inset:0;display:grid;place-items:center}
.cartello__lente svg{width:74px;height:74px;fill:var(--oro)}
.cartello--senza .cartello__foto{aspect-ratio:auto;height:112px}
.cartello__corpo{display:flex;flex-direction:column;flex:1;gap:9px;padding:16px 8px 0}
.cartello__cat{align-self:flex-start;padding:6px 13px;border-radius:999px;background:var(--lamina-ferma);font-weight:600;font-size:.875rem;line-height:1.2;color:var(--navy-fondo)}
.cartello__t{font:500 clamp(1.2rem,1.5vw,1.4rem)/1.2 var(--titoli);color:var(--navy);text-wrap:balance}
.cartello__d{font-size:1rem;line-height:1.5;color:var(--testo)}
.cartello__piede{display:grid;gap:12px;margin-top:auto;padding-top:8px}
/* il prezzo: il cartellino d'oro delle offerte, con la punta e il foro */
.cartello__prezzo{justify-self:start;display:inline-grid;gap:1px;padding:8px 18px 8px 34px;border-radius:0 12px 12px 0;background:var(--lamina-ferma);line-height:1.1;color:var(--navy-fondo);clip-path:polygon(17px 0,100% 0,100% 100%,17px 100%,0 50%);-webkit-mask:radial-gradient(circle 4.5px at 19px 50%,#0000 96%,#000);mask:radial-gradient(circle 4.5px at 19px 50%,#0000 96%,#000)}
.cartello__prezzo span{font-weight:500;font-size:.875rem}
.cartello__prezzo b{font:600 1.375rem/1.1 var(--titoli);font-variant-numeric:tabular-nums;white-space:nowrap}
/* le quote: quante restano, e la doppia linea d'oro che si riempie con quelle già prese */
.cartello__quote{display:grid;gap:8px;font-size:1rem;line-height:1.35;color:var(--testo)}
.cartello__quote>span:first-child{display:block}
.cartello__quote b{font-weight:600;color:var(--navy)}
.cartello__barra{display:grid;gap:3px}
.cartello__barra i{display:block;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--oro) calc(var(--p,0) * 100%),#E8DDC9 0)}
.cartello__preso{font:500 italic 1.3rem/1.25 var(--voce);color:var(--navy)}
/* già regalato: la foto si spegne un poco e riceve il timbro */
.cartello.is-regalato .cartello__foto img{filter:grayscale(.55) brightness(1.04);opacity:.82}
.cartello.is-regalato .cartello__t{color:var(--testo-2)}
.cartello.is-regalato .cartello__prezzo{background:#E6E1D8;color:#474F6F}
.cartello__timbro{position:absolute;right:12px;bottom:10px;width:min(40%,124px);transform:rotate(-12deg)}
/* scelto: un filo d'oro tutto intorno e il pulsante pieno */
.cartello.is-scelto .cartello__in{background:linear-gradient(var(--bianco),var(--bianco)) padding-box,var(--lamina) border-box;border:3px solid transparent}
.cartello.is-scelto .cartello__occhiello{box-shadow:0 0 0 3.5px var(--navy),inset 0 2px 3px rgba(34,46,82,.25)}
@media (hover:hover){
  .cartello:hover .cartello__in{transform:rotate(0) translateY(-4px)}
  .cartello:not(.is-regalato):hover .cartello__foto img{transform:scale(1.05)}
}
/* "Lo regalo io": una pillola col bordo navy che si riempie, con la spunta d'oro che si disegna */
.lr-scegli{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;margin-top:4px;padding:0 20px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--navy);background:var(--bianco);font-weight:500;font-size:1.0625rem;color:var(--navy);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}
.lr-scegli input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.lr-scegli__box{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--navy);transition:background-color .2s,box-shadow .2s}
.lr-scegli__box svg{width:16px;height:16px;fill:none;stroke:var(--navy-fondo);stroke-width:7;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .3s var(--ease) .08s}
.lr-scegli__si{display:none}
.lr-scegli:has(input:checked),.lr-scegli.is-on{background:var(--navy);color:#fff}
.lr-scegli:has(input:checked) .lr-scegli__box,.lr-scegli.is-on .lr-scegli__box{background:var(--lamina-ferma);box-shadow:none}
.lr-scegli:has(input:checked) .lr-scegli__box svg,.lr-scegli.is-on .lr-scegli__box svg{stroke-dashoffset:0}
.lr-scegli:has(input:checked) .lr-scegli__t,.lr-scegli.is-on .lr-scegli__t{display:none}
.lr-scegli:has(input:checked) .lr-scegli__si,.lr-scegli.is-on .lr-scegli__si{display:inline}
.lr-scegli:has(input:focus-visible){outline:3px solid var(--oro-scuro);outline-offset:3px}
@media (hover:hover){.lr-scegli:hover{box-shadow:inset 0 0 0 2.5px var(--navy)}}
/* le quote: meno, il numero, più (come i viaggiatori del compositore) */
.lr-quote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:4px;padding-top:14px;border-top:2.5px solid var(--oro-luce)}
.lr-quote label{font-weight:500;font-size:1rem;color:var(--navy)}
.lr-quote input{width:84px;height:50px;padding:0 10px;border:1.5px solid var(--navy);border-radius:14px;background:var(--bianco);text-align:center;font:500 1.4rem/1 var(--titoli);font-variant-numeric:tabular-nums;color:var(--navy)}
.lr-quote input:focus{outline:none;box-shadow:0 0 0 3px var(--oro)}
.lr-passi{display:flex;align-items:center;gap:6px}
.lr-passi input{width:56px;border:0;padding:0;-moz-appearance:textfield;appearance:textfield}
.lr-passi input::-webkit-outer-spin-button,.lr-passi input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lr-passo{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1.5px solid var(--navy);border-radius:50%;background:var(--bianco);color:var(--navy);transition:background-color .2s,color .2s,transform .2s var(--ease)}
.lr-passo .ico{width:20px;height:20px;stroke-width:2.2}
.lr-passo:active{transform:scale(.9)}
.lr-passo:disabled{opacity:.3;cursor:default}
@media (hover:hover){.lr-passo:not(:disabled):hover{background:var(--navy);color:#fff}}

/* il timbro a inchiostro, come sul passaporto: doppio cerchio, la scritta sul bordo, la spunta del logo */
.inchiostro{position:absolute;z-index:3;display:block;aspect-ratio:1;pointer-events:none}
.inchiostro svg{display:block;width:100%;height:100%;overflow:visible}
.inchiostro__f{fill:rgba(255,255,255,.88)}
.inchiostro__a,.inchiostro__b{fill:none;stroke:var(--navy-fondo)}
.inchiostro__a{stroke-width:3.2}
.inchiostro__b{stroke-width:1.6}
.inchiostro text{font:600 11.2px var(--titoli);letter-spacing:.06em;fill:var(--navy-fondo)}
.inchiostro__v{fill:none;stroke:var(--navy-fondo);stroke-width:6.5;stroke-linecap:butt;stroke-linejoin:miter}
.inchiostro__onda{position:absolute;inset:0;border-radius:50%;border:3px solid var(--navy);opacity:0}

/* ---- il contributo libero: l'importo si scrive su un biglietto d'oro ---- */
.lr-libero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:18px clamp(22px,4vw,64px);margin-top:clamp(44px,5vw,74px);padding:clamp(22px,3vw,40px);border-radius:28px;background:var(--bianco);box-shadow:var(--ombra)}
.lr-libero__txt{display:grid;gap:10px}
.lr-libero__t{font:500 clamp(1.4rem,2vw,1.9rem)/1.15 var(--titoli);letter-spacing:.05em;text-transform:uppercase;color:var(--navy);text-wrap:balance}
.lr-libero__txt p{font-size:1.0625rem;line-height:1.6;color:var(--testo)}
.lr-libero__oro{--m:76px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--m);border-radius:22px;overflow:hidden;filter:drop-shadow(0 16px 16px rgba(34,46,82,.2));
  -webkit-mask:radial-gradient(circle 11px at calc(100% - var(--m)) 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at calc(100% - var(--m)) 100%,#0000 96%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle 11px at calc(100% - var(--m)) 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at calc(100% - var(--m)) 100%,#0000 96%,#000) bottom/100% 51% no-repeat}
.lr-libero__carta{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:18px 18px 20px 22px;background:linear-gradient(130deg,#EADBB8 0%,#D5BF95 34%,#C4AA7F 62%,#B39A73 100%);color:var(--navy-fondo)}
.lr-libero__lab{font:600 .875rem/1.2 var(--titoli);letter-spacing:.12em;text-transform:uppercase}
.lr-libero__campo{display:flex;align-items:baseline;gap:8px;border-bottom:2px dashed rgba(24,32,66,.55)}
.lr-libero__campo input{flex:1;width:0;min-width:0;height:56px;padding:0;border:0;background:none;font:600 clamp(1.8rem,3vw,2.3rem)/1 var(--titoli);font-variant-numeric:tabular-nums;color:var(--navy-fondo)}
.lr-libero__campo input::placeholder{color:rgba(24,32,66,.38)}
.lr-libero__campo input:focus{outline:none}
.lr-libero__campo span{font:600 1.6rem/1 var(--titoli)}
.lr-libero__carta:focus-within{box-shadow:inset 0 0 0 3px var(--navy)}
.lr-libero__m{position:relative;display:grid;place-items:center;background:var(--navy-oggetto);color:var(--oro-luce)}
.lr-libero__m::before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;border-left:2px dashed rgba(240,227,198,.55)}
.lr-libero__m .ico{width:30px;height:30px;transition:transform .45s var(--scatto)}
.lr-libero.is-scelto .lr-libero__m .ico{transform:scale(1.18) rotate(-8deg)}
.lr-libero .campo__err{grid-column:1 / -1;margin-top:0}
.lr-libero.is-err .lr-libero__campo{border-bottom-color:#9B2C2C}
.lr-libero.is-err .lr-libero__carta{box-shadow:inset 0 0 0 3px #9B2C2C}

/* ---- per pagare in agenzia: una carta bianca con il bordo d'oro e il segnaposto ---- */
.lr-importante{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;max-width:52rem;margin-top:clamp(26px,3vw,40px);padding:clamp(18px,2.2vw,26px) clamp(18px,2.6vw,30px);border-radius:24px;background:var(--bianco);box-shadow:inset 0 0 0 1.5px var(--oro-chiaro)}
.lr-importante__i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--lamina-ferma);color:var(--navy-fondo)}
.lr-importante__i .ico{width:24px;height:24px}
.lr-importante__t{font:600 .9375rem/1.2 var(--titoli);letter-spacing:.12em;text-transform:uppercase;color:var(--oro-scuro)}
.lr-importante p+p{margin-top:6px;font-size:1.0625rem;line-height:1.6;color:var(--testo)}

/* =====================================================================================================
   IL MODULO DEL REGALO: a sinistra il titolo e il biglietto d'oro (fermo mentre si compila), a destra la carta con i campi
   ===================================================================================================== */
.lr-dati__g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(26px,4vw,70px)}
.lr-dati__sx{position:sticky;top:calc(var(--hd) + 28px)}
.lr-dati__sx .voce{margin-top:clamp(10px,1.2vw,18px)}
.lr-dati__oro{margin-top:clamp(26px,3vw,40px)}
.lr-modulo .campi+.lr-metodi{margin-top:22px}
.lr-metodi legend{display:block;margin-bottom:10px;font-weight:500;font-size:1rem;color:var(--navy)}
.lr-metodi__g{display:grid;grid-template-columns:1fr;gap:10px}
.scelta.lr-metodo{flex-direction:row;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:20px;text-align:left}
.lr-metodo__i{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--lamina-ferma);color:var(--navy-fondo);pointer-events:none}
.lr-metodo__i .ico{width:22px;height:22px}
.lr-metodo__t{display:grid;gap:2px;min-width:0;pointer-events:none;color:var(--navy);transition:color .15s}
.lr-metodo__t b{font-weight:500;font-size:1.0625rem}
.lr-metodo__t small{font-size:.9375rem;line-height:1.35;color:var(--testo-2);transition:color .15s}
.scelta.lr-metodo input:checked~.lr-metodo__t{color:#fff}
.scelta.lr-metodo input:checked~.lr-metodo__t small{color:var(--oro-luce)}
.scelta.lr-metodo .scelta__ok{top:50%;right:14px;margin-top:-15px}
.scelta.lr-metodo input:checked~.lr-metodo__t{padding-right:34px}
.lr-metodi.is-err .lr-metodo{box-shadow:inset 0 0 0 2px #9B2C2C}
.lr-modulo .campo--consenso{margin-top:18px}
/* la casella della privacy: il dito la prende anche un poco fuori dal quadratino */
.lr-modulo .consenso{position:relative;isolation:isolate}
.lr-modulo .consenso::before{content:"";position:absolute;z-index:-1;left:-10px;top:-6px;bottom:-6px;width:58px}
.lr-invio{margin-top:18px}
.lr-conferma{width:100%;min-height:60px;font-size:1.125rem}
.lr-conferma.is-invio{opacity:.7;pointer-events:none}
.lr-modulo .invio__nota{margin-top:12px;font-size:.9375rem}
.lr-modulo .lr-nota-link{margin-top:0}.lr-modulo .lr-nota-link a{display:inline-block;padding:12px 0}

/* ---- il biglietto d'oro del regalo: carta di lamina, inchiostro navy, la matrice navy con la lente, il timbro ---- */
.oro{position:relative;width:min(100%,520px);--m:100px;--tacca:12px}
.oro__alone{position:absolute;inset:-26% -12% -24%;border-radius:50%;background:radial-gradient(closest-side,rgba(238,222,186,.9) 0%,rgba(238,222,186,.75) 55%,rgba(240,227,198,0) 100%);pointer-events:none}
.sez--velo .oro__alone{opacity:.7}
.oro__piano{position:relative;filter:drop-shadow(0 24px 22px rgba(34,46,82,.26)) drop-shadow(0 4px 6px rgba(34,46,82,.1))}
.oro__in{position:relative;border-radius:24px;overflow:hidden;
  -webkit-mask:radial-gradient(circle var(--tacca) at calc(100% - var(--m)) 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--tacca) at calc(100% - var(--m)) 100%,#0000 96%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle var(--tacca) at calc(100% - var(--m)) 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--tacca) at calc(100% - var(--m)) 100%,#0000 96%,#000) bottom/100% 51% no-repeat}
.oro__carta{display:grid;grid-template-columns:minmax(0,1fr) var(--m);min-height:230px}
.oro__corpo{min-width:0;padding:24px 24px 24px 28px;background:linear-gradient(128deg,#EFE2C3 0%,#DCC79F 26%,#CDB58A 50%,#BEA47A 74%,#CCB58C 100%);color:var(--navy-fondo)}
.oro__sopra{padding-right:70px;font:500 .875rem/1.3 var(--titoli);letter-spacing:.1em;text-transform:uppercase;color:rgba(24,32,66,.78);overflow-wrap:anywhere}
.oro__t{margin-top:8px;font:500 clamp(1.5rem,2.1vw,1.95rem)/1.05 var(--titoli);letter-spacing:.05em;text-transform:uppercase}
.oro__voci{display:grid;gap:9px;margin-top:16px;padding-top:14px;border-top:2px dashed rgba(24,32,66,.4)}
.oro__voci li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:1.0625rem;line-height:1.35}
.oro__voci li span{min-width:0;overflow-wrap:anywhere}
.oro__voci b{flex:none;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.oro__voci li.is-sotto{opacity:.6}
.oro__voci li.oro__vuoto{display:block;font:500 italic 1.3rem/1.3 var(--voce);color:rgba(24,32,66,.82)}
.oro__tot{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:14px;padding-top:12px;border-top:2.5px solid var(--navy-fondo)}
.oro__tot span{font:600 .875rem/1 var(--titoli);letter-spacing:.12em;text-transform:uppercase}
.oro__tot b{font:600 clamp(1.7rem,2.5vw,2.2rem)/1 var(--titoli);font-variant-numeric:tabular-nums;white-space:nowrap}
.oro__righe{display:grid;gap:10px;margin-top:16px}
.oro__righe div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 14px}
.oro__righe dt{font:600 .875rem/1.3 var(--titoli);letter-spacing:.1em;text-transform:uppercase;color:rgba(24,32,66,.75)}
.oro__righe dd{font-weight:500;font-size:1.0625rem;line-height:1.35;text-align:right;overflow-wrap:anywhere}
.oro__matrice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 8px;background:var(--navy-oggetto);color:var(--oro-luce);text-align:center}
.oro__matrice::before{content:"";position:absolute;left:-1px;top:calc(var(--tacca) + 8px);bottom:calc(var(--tacca) + 8px);border-left:2px dashed rgba(240,227,198,.55)}
.oro__lente{width:62px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--navy-fondo);box-shadow:0 0 0 2.5px var(--oro)}
.oro__lente img{width:100%;height:100%;padding:5px}
.oro__m{font:600 .875rem/1.15 var(--titoli);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}
.oro__timbro{right:calc(var(--m) - 22px);top:-26px;width:104px;transform:rotate(-12deg);opacity:0;transition:opacity .2s}
.oro__timbro .inchiostro__f{fill:none}
.oro.is-pronto .oro__timbro,.oro--timbrato .oro__timbro{opacity:.92}
.oro__lampo{position:absolute;z-index:4;top:-10%;bottom:-10%;left:0;width:40%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,250,236,.75),rgba(255,255,255,0));transform:translateX(-140%) skewX(-16deg);opacity:0;pointer-events:none;border-radius:24px}
/* nella testata (esito, riepilogo): più grande, e il timbro dello stato */
.oro--grande{width:min(100%,540px);margin-left:auto}
.oro--annullato .oro__corpo{background:linear-gradient(128deg,#EEEDEA 0%,#DAD8D2 50%,#C9C6BF 100%)}
.mo [data-seq].is-armed:not(.is-in) [data-a="timbro"]{opacity:0}
html:not(.js) .oro__lampo{display:none}

/* =====================================================================================================
   DOPO IL REGALO: i dati del bonifico da copiare, l'agenzia, le scelte dopo una carta non riuscita
   ===================================================================================================== */
.lr-istruzioni__g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(22px,4vw,70px)}
.lr-copie{display:grid}
.lr-copie__r{display:grid;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);align-items:center;gap:4px 18px;padding:12px 0;border-top:1.5px solid #ECE5D8}
.lr-copie__r:first-child{border-top:0;padding-top:0}
.lr-copie dt{font:600 .875rem/1.3 var(--titoli);letter-spacing:.1em;text-transform:uppercase;color:var(--oro-scuro)}
.lr-copie dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;font-weight:500;font-size:1.125rem;line-height:1.35;color:var(--navy)}
.lr-copie dd>span{min-width:0;overflow-wrap:anywhere}
.lr-copie__r--forte dd{font-size:1.25rem}
.lr-copia{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1.5px solid var(--navy);border-radius:999px;background:var(--bianco);font-weight:500;font-size:.9375rem;color:var(--navy);transition:background-color .2s,color .2s}
.lr-copia .ico{width:17px;height:17px}
.lr-copia .lr-copia__ok{display:none;stroke-width:5;stroke-dasharray:none}
.lr-copia.is-fatto{background:var(--navy);color:#fff}
.lr-copia.is-fatto .lr-copia__i{display:none}
.lr-copia.is-fatto .lr-copia__ok{display:block;color:var(--oro-luce)}
@media (hover:hover){.lr-copia:hover{background:var(--navy);color:#fff}}
.lr-recapiti{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.lr-recapito{cursor:default}
.lr-esito__link{margin-top:clamp(22px,2.6vw,34px)}
.lr-scelte{display:grid;gap:12px;margin-top:clamp(20px,2.4vw,30px)}
.lr-scelte__t{font-weight:500;color:var(--navy)}
.lr-scelte__g{display:flex;flex-wrap:wrap;gap:10px}
.lr-scelte__annulla{justify-self:start;min-height:44px;padding:0 4px;border:0;background:none;font-weight:500;font-size:1rem;color:var(--testo-2);text-decoration:underline;text-underline-offset:4px}
.lr-testata--esito .testata__p{max-width:34em}

/* =====================================================================================================
   ENTRARE (lista privata, area festeggiati): il modulo su una carta bianca, accanto al titolo
   ===================================================================================================== */
.lr-modulo--uno{display:grid;gap:16px;width:min(100%,470px);margin-left:auto}
.lr-modulo__i{margin-bottom:2px}
.lr-modulo__t{font:500 clamp(1.4rem,1.9vw,1.7rem)/1.2 var(--titoli);color:var(--navy)}
.lr-modulo__p{font-size:1.0625rem;line-height:1.55;color:var(--testo)}
.lr-modulo__vai{width:100%}
.lr-modulo--uno .campo__err{margin-top:7px}

/* =====================================================================================================
   AREA FESTEGGIATI: i regali (bigliettini con la matrice d'oro), il kit per condividere, le quote, la password
   ===================================================================================================== */
.lr-tue{margin-top:clamp(18px,2.2vw,28px)}
html:not(.js) .lr-tue{display:flex}
.lr-regali .testa--fila{align-items:flex-end}
.lr-regali__n{font-size:1.0625rem;color:var(--testo-2)}
.lr-regali__n b{font:600 1.5rem/1 var(--titoli);color:var(--navy)}
.lr-doni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.lr-dono-carta{filter:drop-shadow(0 14px 14px rgba(34,46,82,.14))}
.lr-dono-carta__in{--m:118px;display:grid;grid-template-columns:minmax(0,1fr) var(--m);height:100%;min-height:140px;border-radius:22px;overflow:hidden;background:var(--bianco);
  -webkit-mask:radial-gradient(circle 11px at calc(100% - var(--m)) 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at calc(100% - var(--m)) 100%,#0000 96%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle 11px at calc(100% - var(--m)) 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at calc(100% - var(--m)) 100%,#0000 96%,#000) bottom/100% 51% no-repeat}
.lr-dono-carta__c{display:grid;align-content:start;gap:10px;min-width:0;padding:18px 18px 20px 22px}
.lr-dono-carta__chi{display:grid;gap:3px}
.lr-dono-carta__chi b{font:500 1.2rem/1.2 var(--titoli);color:var(--navy);overflow-wrap:anywhere}
.lr-dono-carta__chi small{font-size:.9375rem;color:var(--testo-2)}
.lr-dono-carta__voci{display:grid;gap:4px;font-size:1rem;line-height:1.4;color:var(--testo)}
.lr-dono-carta__voci li{overflow-wrap:anywhere}
.lr-dono-carta__voci b{font-weight:500;white-space:nowrap;color:var(--navy)}
.lr-dono-carta__msg{margin:2px 0 0;padding:2px 0 2px 14px;border-left:3px solid var(--oro);font:500 italic 1.3rem/1.32 var(--voce);color:var(--navy);overflow-wrap:anywhere}
.lr-dono-carta__m{position:relative;display:grid;align-content:center;justify-items:center;gap:10px;padding:14px 8px;background:var(--lamina-ferma);color:var(--navy-fondo);text-align:center}
.lr-dono-carta__m::before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;border-left:2px dashed rgba(24,32,66,.6)}
.lr-dono-carta__m b{font:600 1.25rem/1.1 var(--titoli);font-variant-numeric:tabular-nums;white-space:nowrap}
.lr-dono-carta--attesa .lr-dono-carta__m{background:var(--oro-luce)}
.lr-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-weight:600;font-size:.875rem;line-height:1}
.lr-pill--confermato{background:var(--navy);color:var(--oro-luce)}
.lr-pill--attesa{background:var(--bianco);box-shadow:inset 0 0 0 1.5px var(--navy);color:var(--navy)}
.lr-pill--annullato{background:#E9E5DE;color:var(--testo-2)}
.lr-condividi__g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(26px,5vw,90px)}
.lr-condividi__txt .voce{margin-top:clamp(10px,1.2vw,18px)}
.lr-link{margin-top:clamp(22px,2.6vw,32px)}
.lr-link__riga{display:flex;gap:10px}
.lr-link__riga input{flex:1;min-width:0;text-overflow:ellipsis}
.lr-copia--grande{min-height:52px;padding:0 20px}
.lr-condividi__az{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.lr-qr{display:grid;justify-items:center;gap:14px}
.lr-qr__carta{display:grid;justify-items:center;gap:10px;padding:18px 18px 14px;border-radius:26px;background:var(--bianco);box-shadow:inset 0 0 0 2.5px var(--oro),var(--ombra-su);transform:rotate(-2deg)}
.lr-qr__carta img{width:184px;height:184px;image-rendering:pixelated}
.lr-qr__t{font:600 .875rem/1.2 var(--titoli);letter-spacing:.14em;text-transform:uppercase;color:var(--oro-scuro)}
.lr-qr__az{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
.lr-quote-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(26px,4vw,60px)}
.lr-quote-l li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:16px 0;border-top:1.5px solid #E3DACA}
.lr-quote-l__t{display:grid;gap:2px;min-width:0}
.lr-quote-l__t b{font:500 1.125rem/1.25 var(--titoli);color:var(--navy);overflow-wrap:anywhere}
.lr-quote-l__t small{font-size:.9375rem;color:var(--testo-2)}
.lr-quote-l__n{font-size:1rem;color:var(--testo);white-space:nowrap}
.lr-quote-l__n b{color:var(--navy)}
.lr-quote-l__barra{grid-column:1 / -1;display:grid;gap:3px}
.lr-quote-l__barra i{display:block;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--oro) calc(var(--c,0) * 100%),var(--oro-chiaro) 0 calc(var(--p,0) * 100%),#E8DDC9 0)}
.lr-profilo{padding-top:calc(var(--sez) * .55 + var(--arco) * .35);padding-bottom:calc(var(--sez) * .7 + var(--arco))}
.lr-profilo__g{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 26px}
.lr-tendina{flex:1 1 520px;max-width:680px;padding:0}
.lr-tendina summary{display:flex;align-items:center;gap:16px;min-height:76px;padding:12px 22px 12px 14px;cursor:pointer;list-style:none;font:500 1.25rem/1.2 var(--titoli);color:var(--navy)}
.lr-tendina summary::-webkit-details-marker{display:none}
.lr-tendina summary .lr-porta__i{width:50px;height:50px}
.lr-tendina summary .lr-porta__i .ico{width:23px;height:23px}
.lr-tendina__f{margin-left:auto;width:22px;height:22px;transition:transform .35s var(--ease)}
.lr-tendina[open] .lr-tendina__f{transform:rotate(180deg)}
.lr-tendina__f2{display:grid;gap:16px;padding:4px 22px 24px}
.lr-tendina__f2 .btn{justify-self:start}
.lr-esci .btn{min-height:56px}

/* =====================================================================================================
   LA BARRA DEL TELEFONO E IL BIGLIETTINO DEL COMPUTER nelle liste aperte: portano al regalo, con il totale
   ===================================================================================================== */
/* telefono e WhatsApp diventano due tondi (il nome resta per chi legge con lo screen reader): il regalo ha tutto lo spazio */
.dock__f:has(.dock__regalo){grid-template-columns:50px 50px minmax(0,1fr)}
.dock__f:has(.dock__regalo) .dock__a:not(.dock__regalo){width:50px;padding:0;gap:0;font-size:0}
.dock__f:has(.dock__regalo) .dock__a:not(.dock__regalo) .ico{width:21px;height:21px}
.dock__regalo{justify-content:flex-start;gap:9px;padding:0 14px}
.dock__regalo .ico{flex:none;color:var(--oro-chiaro)}
.dock__regalo-c{display:grid;min-width:0;line-height:1.12;text-align:left}
.dock__regalo-t{overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:.98rem;white-space:nowrap}
.dock__regalo-n{overflow:hidden;text-overflow:ellipsis;font-size:.875rem;white-space:nowrap;color:var(--oro-luce)}
.mini--regalo .mini__c{gap:12px}
.mini--regalo .mini__regalo-n{font-weight:400;font-size:.9375rem;color:var(--oro-chiaro)}
.mini--regalo.is-pronto .mini__t{display:inline}

/* =====================================================================================================
   COMPUTER STRETTI, TABLET, TELEFONO
   ===================================================================================================== */
@media (max-width:1099px){
  .cartelli{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cartello:nth-child(n) .cartello__in{transform:rotate(0)}
  .cartello:nth-child(2n+1) .cartello__in{transform:rotate(-.8deg)}
  .cartello:nth-child(2n) .cartello__in{transform:rotate(.6deg)}
  .lr-doni{grid-template-columns:1fr}
}
@media (max-width:1023px){
  .lr-vista__bigl,.lr-viaggio__bigl,.oro--grande,.lr-modulo--uno{margin-inline:auto}
  .lr-viaggio__g,.lr-dati__g,.lr-istruzioni__g,.lr-condividi__g,.lr-libero{grid-template-columns:minmax(0,1fr)}
  .lr-dati__sx{position:static}
  .lr-dati__oro .oro{margin-inline:auto}
  .lr-porte__g{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
  .lr-libero__oro{width:min(100%,460px)}
  .lr-quote-l{grid-template-columns:1fr}
}
@media (max-width:700px){
  .lr-vista__bigl{padding-top:22px}
  .lr-vista__bollo{left:auto;right:-6px;top:0;width:84px;transform:rotate(9deg)}
  .testata .lr-lente{width:min(80%,360px);margin:6px auto 4px}
  .lr-lente__bollo{left:-10px;top:-8px;width:84px}
  .lr-stato{font-size:1rem}
  .lr-filtri__barra{display:grid;grid-template-columns:minmax(0,1fr)}
  .lr-cerca__campo{flex:none;max-width:none}
  .lr-filtri__vai{width:100%}
  .lr-vg .vg__carta{--m:104px}
  .lr-porta{grid-template-columns:1fr;gap:14px;padding:22px 20px;border-radius:24px}
  .lr-porta__c>.btn{justify-self:stretch}
  .lr-codice__riga{display:grid}
  .lr-codice__riga .btn{width:100%}
  /* i cartellini: uno sotto l'altro, composti per il telefono. La foto in una lente accanto al titolo, sotto prezzo e scelta */
  .cartelli{grid-template-columns:1fr;gap:42px;padding-top:26px}
  .cartello{--taglio:24px}
  .cartello:nth-child(n) .cartello__in{transform:rotate(0)}
  .cartello__in{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:start;gap:0 16px;padding:40px 16px 18px}
  .cartello__occhiello{top:9px}
  .cartello__foto,.cartello--senza .cartello__foto{grid-row:1 / span 3;grid-column:1;align-self:start;width:86px;height:86px;margin:0;aspect-ratio:1;border-radius:50%;overflow:visible;box-shadow:0 0 0 3px var(--bianco),0 0 0 5.5px var(--oro)}
  .cartello__foto img{border-radius:50%}
  .cartello__lente svg{width:52px;height:52px}
  .cartello__corpo{display:contents}
  .cartello__cat,.cartello__t,.cartello__d{grid-column:2;align-self:start}
  .cartello__cat{justify-self:start;margin-bottom:8px}
  .cartello__t{font-size:1.25rem}
  .cartello__d{margin-top:6px}
  .cartello__piede,.cartello__preso,.lr-scegli,.lr-quote{grid-column:1 / -1}
  .cartello__piede{margin-top:14px;padding-top:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px}
  .cartello__quote{font-size:.9375rem}
  .cartello__preso{margin-top:10px;font-size:1.25rem}
  .lr-scegli{margin-top:14px}
  .lr-quote{margin-top:14px}
  .cartello__timbro{right:auto;left:-14px;bottom:-16px;width:78px}
  .lr-libero{padding:22px 18px;border-radius:24px}
  .lr-libero__oro{width:100%;--m:64px}
  .lr-importante{grid-template-columns:1fr;gap:12px}
  .lr-dati__sx header{margin-bottom:0}
  .oro{--m:78px}
  .oro__carta{grid-template-columns:1fr;grid-template-rows:auto var(--m);min-height:0}
  .oro__in{-webkit-mask:radial-gradient(circle var(--tacca) at 0 calc(100% - var(--m)),#0000 96%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--tacca) at 100% calc(100% - var(--m)),#0000 96%,#000) right/51% 100% no-repeat;
    mask:radial-gradient(circle var(--tacca) at 0 calc(100% - var(--m)),#0000 96%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--tacca) at 100% calc(100% - var(--m)),#0000 96%,#000) right/51% 100% no-repeat}
  .oro__corpo{padding:20px 20px 20px 22px}
  .oro__matrice{flex-direction:row;justify-content:flex-start;gap:14px;padding:0 22px}
  .oro__matrice::before{left:calc(var(--tacca) + 8px);right:calc(var(--tacca) + 8px);top:-1px;bottom:auto;border-left:0;border-top:2px dashed rgba(240,227,198,.55)}
  .oro__lente{width:50px}
  .oro__m{margin-left:auto;text-align:right}
  .oro__timbro{right:10px;top:-18px;width:84px}
  .oro__sopra{padding-right:66px}
  .oro__t{padding-right:40px}
  .lr-copie__r{grid-template-columns:1fr}
  .lr-copie dd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .lr-link__riga{display:grid}
  .lr-condividi__az{display:grid}
  .lr-condividi__az .btn,.lr-scelte__g .btn{width:100%}
  .lr-scelte__g{display:grid}
  .lr-qr__carta img{width:184px;height:184px}
  .lr-dono-carta__in{--m:96px}
  .lr-dono-carta__c{padding:16px 14px 18px 16px}
  .lr-dono-carta__m b{font-size:1.125rem}
  .lr-tendina summary{padding-right:16px}
  .lr-tendina__f2{padding:4px 16px 20px}
  .lr-tendina__f2 .btn,.lr-esci,.lr-esci .btn{width:100%}
  .lr-modulo--uno{width:100%}
}
@media (max-width:380px){
  .dock__regalo{padding:0 10px;gap:7px}
  .dock__regalo-t{font-size:.9rem}
  .cartello__in{grid-template-columns:74px minmax(0,1fr);gap:0 13px}
  .cartello__foto,.cartello--senza .cartello__foto{width:74px;height:74px}
}

/* =====================================================================================================
   RITOCCHI DI USABILITÀ (seconda versione)
   ===================================================================================================== */
/* una sfumatura sul bordo di ciò che scorre di lato: dice che c'è altro (la mette tema.js) */
[data-sfuma]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fx-s,0px),#000 calc(100% - var(--fx-d,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fx-s,0px),#000 calc(100% - var(--fx-d,0px)),transparent 100%)}

/* l'anteprima per lo staff */
.lr-anteprima-w{padding-top:18px}
.lr-anteprima{margin:0;padding:14px 18px;border-radius:12px;background:var(--bianco);box-shadow:inset 0 0 0 1.5px var(--oro);color:var(--navy);line-height:1.5}
.lr-anteprima b{font-weight:600;color:var(--oro-scuro)}

/* il bonifico: i dati subito sotto il titolo, e un solo tocco per copiarli tutti */
.lr-dati-alto{display:grid;gap:14px;width:min(100%,560px);margin-top:clamp(18px,2vw,26px);padding:clamp(18px,2vw,26px)}
.lr-dati-alto__t{font:500 clamp(1.25rem,1.6vw,1.45rem)/1.2 var(--titoli);color:var(--navy)}
.lr-copiatutto{margin:0}
.lr-copia--tutto{min-height:48px;padding:0 22px;border-color:var(--navy);background:var(--navy);color:#fff}
.lr-copia--tutto .lr-copia__i{color:var(--oro-luce)}
@media (hover:hover){.lr-copia--tutto:hover{background:var(--navy-fondo)}}
.lr-istruzioni--dopo{padding-block:clamp(28px,4vw,56px)}
.lr-dopo{display:grid;gap:14px;max-width:44rem}

/* area festeggiati: due modi per entrare */
.lr-altro{width:min(100%,470px);margin:18px 0 0 auto;border-radius:12px;box-shadow:inset 0 0 0 1.5px #E1D6C2;background:var(--bianco)}
.lr-altro>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 20px;cursor:pointer;list-style:none;font:500 1.0625rem/1.25 var(--titoli);color:var(--navy)}
.lr-altro>summary::-webkit-details-marker{display:none}
.lr-altro__f{margin-left:auto;flex:none;width:20px;height:20px;transition:transform .3s var(--ease)}
.lr-altro[open] .lr-altro__f{transform:rotate(180deg)}
.lr-altro>summary:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
.lr-altro .carta-modulo{box-shadow:none;background:none;padding-top:4px}
.lr-altro .lr-modulo--uno{width:100%;margin:0}
.lr-pw{position:relative;display:block}
.lr-pw input{padding-right:104px}
.lr-pw__occhio{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-width:92px;min-height:44px;padding:6px 14px;border:0;border-radius:999px;background:var(--velo);color:var(--navy);font-family:inherit;font-weight:500;font-size:.9375rem;line-height:1.2;cursor:pointer}
.lr-pw__occhio:focus-visible{outline:2px solid var(--oro);outline-offset:2px}
.lr-modulo .campo__err,.lr-tendina__f2 .campo__err{display:flex;align-items:flex-start;gap:8px;margin-top:7px}

/* «Tre cose da fare» al primo ingresso */
.lr-tre-s{padding-block:clamp(20px,3vw,40px) 0}
.lr-tre{padding:clamp(20px,2.4vw,32px);border-radius:12px;background:var(--bianco);box-shadow:inset 0 0 0 1.5px var(--oro),var(--ombra-su)}
.lr-tre__testa{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lr-tre__t{font:500 clamp(1.4rem,1.9vw,1.75rem)/1.2 var(--titoli);color:var(--navy)}
.lr-tre__chiudi{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--velo);color:var(--navy);font-family:inherit;font-weight:500;font-size:.9375rem;line-height:1.2;cursor:pointer}
.lr-tre__chiudi:focus-visible{outline:2px solid var(--oro);outline-offset:2px}
.lr-tre__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-top:16px}
.lr-tre__l li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.lr-tre__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--oro);color:var(--navy);font:500 1.0625rem/1 var(--titoli)}
.lr-tre__l b{display:block;font:500 1.125rem/1.25 var(--titoli);color:var(--navy)}
.lr-tre__l div>span{display:block;margin-top:4px;font-size:1rem;line-height:1.5;color:var(--testo-2)}
.lr-tre__l a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--navy);font-weight:500;text-decoration:underline;text-decoration-color:var(--oro);text-decoration-thickness:2px;text-underline-offset:4px}
.lr-tre__l a .ico{width:1em;height:1em}
.lr-tre-s[hidden]{display:none}
.lr-benvenuto{margin-bottom:18px}
.lr-cambio-s{padding-block:clamp(20px,3vw,40px) 0}

@media (max-width:700px){
  .lr-tre__l{grid-template-columns:1fr;gap:6px}
  .lr-copia--tutto,.lr-cambio .btn{width:100%;justify-content:center}
  .lr-altro{width:100%}
  .lr-altro>summary{padding-inline:16px}
  .lr-porte__nota a,.lr-anteprima a{display:inline-block;padding-block:12px}
}
.lr-benv-s{padding-block:clamp(22px,3vw,40px) 0}.lr-benv-s+.lr-tre-s{padding-top:clamp(14px,2vw,22px)}
/* nelle pagine delle liste il contatore «Componi il tuo viaggio 0/3» in alto è fuori contesto: si nasconde (nel menu il pulsante resta) */
.pg--liste .top__cta{display:none}
/* il collegamento all'informativa dentro la frase del consenso: area di tocco di almeno 44 px senza spostare il testo */
.consenso a{display:inline-block;padding-block:11px;margin-block:-11px}