:is(#vd-public,#qr-carta) .cf-detail{box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-width:680px;max-height:min(880px,94dvh);height:auto;padding:0;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);overflow:hidden;box-shadow:0 28px 100px #0005}:is(#vd-public,#qr-carta) .cf-detail[open]{display:flex;flex-direction:column;animation:cf-enter .2s ease-out}:is(#vd-public,#qr-carta) .cf-detail::backdrop{background:#080c14a8;backdrop-filter:blur(5px)}:is(#vd-public,#qr-carta) .cf-detail .cf-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);flex:none;background:var(--surface);gap:12px}:is(#vd-public,#qr-carta) .cf-top>span{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted)}:is(#vd-public,#qr-carta) .cf-detail .cf-top button{padding:0;width:40px;height:40px;min-height:40px;border-radius:50%;background:var(--surface2);border:1px solid var(--line);color:var(--ink);font-size:20px}:is(#vd-public,#qr-carta) .cf-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}:is(#vd-public,#qr-carta) .cf-detail .cf-photo{display:block;width:100%;height:230px;max-height:28dvh;object-fit:cover;margin:0;border-radius:0}:is(#vd-public,#qr-carta) .cf-detail [hidden]{display:none!important}:is(#vd-public,#qr-carta) .cf-copy{padding:22px 26px 26px}:is(#vd-public,#qr-carta) .cf-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700}:is(#vd-public,#qr-carta) .cf-copy h2{font-size:clamp(25px,4vw,34px);line-height:1.1;margin:8px 0 15px;letter-spacing:-.025em}:is(#vd-public,#qr-carta) .cf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}:is(#vd-public,#qr-carta) .cf-meta strong{font-size:23px}:is(#vd-public,#qr-carta) .cf-meta span{font-size:12px;padding:6px 10px;background:var(--surface2);border:1px solid var(--line);border-radius:20px}:is(#vd-public,#qr-carta) .cf-copy p{font-size:14px;line-height:1.6;color:var(--muted);margin:14px 0}:is(#vd-public,#qr-carta) .cf-facts{display:grid;gap:12px;margin:20px 0}:is(#vd-public,#qr-carta) .cf-facts section{padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}:is(#vd-public,#qr-carta) .cf-facts h3,:is(#vd-public,#qr-carta) .cf-related h3{font:700 14px system-ui;margin:0 0 8px}:is(#vd-public,#qr-carta) .cf-facts ul{margin:0;padding-left:18px;font-size:13px;line-height:1.8}:is(#vd-public,#qr-carta) .cf-facts p{margin:0;font-size:13px}:is(#vd-public,#qr-carta) .cf-facts .cf-tags{display:flex;flex-wrap:wrap;gap:6px}:is(#vd-public,#qr-carta) .cf-tags span{font-size:12px;padding:4px 8px;border-radius:9px;border:1px solid var(--line)}:is(#vd-public,#qr-carta) .cf-group{border:0;padding:0;margin:22px 0}:is(#vd-public,#qr-carta) .cf-group legend{font-size:15px;font-weight:700;margin-bottom:8px}:is(#vd-public,#qr-carta) .cf-group legend small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:4px}:is(#vd-public,#qr-carta) .cf-choice{display:flex!important;flex-direction:row!important;text-align:left;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px!important;margin:7px 0;font-size:14px;cursor:pointer;background:var(--surface)}:is(#vd-public,#qr-carta) .cf-choice:has(input:checked){border-color:var(--accent);background:var(--soft)}:is(#vd-public,#qr-carta) .cf-choice input{width:19px!important;height:19px!important;margin:0!important;accent-color:var(--accent);flex:none}:is(#vd-public,#qr-carta) .cf-choice span{flex:1}:is(#vd-public,#qr-carta) .cf-choice b{font-size:12px;font-weight:500}:is(#vd-public,#qr-carta) .cf-choice:has(input:disabled){opacity:.55;cursor:default}:is(#vd-public,#qr-carta) .cf-note{display:block!important;font-size:14px;font-weight:600}:is(#vd-public,#qr-carta) .cf-note small{font-weight:400;color:var(--muted);margin-left:6px}:is(#vd-public,#qr-carta) .cf-note textarea{display:block;box-sizing:border-box;width:100%;min-height:72px!important;max-height:150px;resize:vertical;margin:8px 0 10px;padding:12px;border-radius:12px;border:1px solid var(--line);color:var(--ink);background:var(--surface2);font:14px system-ui}:is(#vd-public,#qr-carta) .cf-safety{display:block;color:var(--muted);font-size:11px;line-height:1.5}:is(#vd-public,#qr-carta) .cf-detail .cf-footer{padding:12px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex:none;margin:0}:is(#vd-public,#qr-carta) .cf-footer p{font-size:12px;line-height:1.4;color:var(--muted);margin:0 0 9px}:is(#vd-public,#qr-carta) .cf-footer-row{display:flex;align-items:stretch;gap:12px}:is(#vd-public,#qr-carta) .cf-stepper{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:14px;flex:none}:is(#vd-public,#qr-carta) .cf-stepper button{border:0!important;background:transparent!important;color:var(--ink)!important;padding:0!important;width:38px;min-height:44px;font-size:21px}:is(#vd-public,#qr-carta) .cf-stepper output{min-width:22px;text-align:center;font-weight:700;font-size:15px}:is(#vd-public,#qr-carta) .cf-detail .cf-add{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1;border-radius:14px;min-height:53px;padding:12px 16px;color:var(--on-accent);background:var(--accent);border:0;font-size:14px;font-weight:700}:is(#vd-public,#qr-carta) .cf-add strong{white-space:nowrap;font-size:16px}:is(#vd-public,#qr-carta) .cf-detail button:disabled{opacity:.45;cursor:not-allowed}:is(#vd-public,#qr-carta) .cf-related{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}:is(#vd-public,#qr-carta) .cf-related>div{display:flex;gap:10px}:is(#vd-public,#qr-carta) .cf-related button{flex:1;text-align:left;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--ink);font-size:12px}:is(#vd-public,#qr-carta) .cf-related button img{width:48px;height:48px;object-fit:cover;border-radius:8px;float:left;margin:0 10px 6px 0}:is(#vd-public,#qr-carta) .cf-related button small{display:block;margin-top:5px;color:var(--muted)}:is(#vd-public,#qr-carta) .cf-detail :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@keyframes cf-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){:is(#vd-public,#qr-carta) .cf-detail{width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}:is(#vd-public,#qr-carta) .cf-copy{padding:18px}:is(#vd-public,#qr-carta) .cf-detail .cf-photo{height:210px;max-height:24dvh}:is(#vd-public,#qr-carta) .cf-detail .cf-top{padding:8px 14px}:is(#vd-public,#qr-carta) .cf-detail .cf-footer{padding-left:12px;padding-right:12px}:is(#vd-public,#qr-carta) .cf-footer-row{gap:8px}:is(#vd-public,#qr-carta) .cf-detail .cf-add{padding:10px 12px;font-size:12px}:is(#vd-public,#qr-carta) .cf-stepper button{width:32px}:is(#vd-public,#qr-carta) .cf-related>div{flex-direction:column}}
@media(prefers-reduced-motion:reduce){:is(#vd-public,#qr-carta) .cf-detail[open]{animation:none}}

body[data-motion=off] :is(#vd-public,#qr-carta) .cf-detail[open]{animation:none}

body.cf-modal-open{overflow:hidden}