/* RESTAURANT | Pagina 1758 | Capitolo CSS 2. Regole specifiche della pagina. */
html body.page-id-1758 #dm-choose .ac-tools {
position:static!important;
top:auto!important;
}

body:has(#dm-choose) main,body:has(#dm-choose) main>.wp-block-group,body:has(#dm-choose) .entry-content {
margin:0!important;
padding:0!important;
max-width:none!important;
}

body:has(#dm-choose) .wp-block-post-title {
display:none;
}

#dm-choose {
--ac-red:#23372b;
--ac-yellow:#dfb443;
--ac-paper:#fff;
--ac-ink:#23372b;
isolation:isolate;
margin:0!important;
max-width:none!important;
background:#fff;
color:#23372b;
font:16px/1.45 Roboto,Arial,sans-serif;
overflow:clip;
}

#dm-choose * {
box-sizing:border-box;
}

#dm-choose [hidden] {
display:none!important;
}

#dm-choose button {
font:inherit;
cursor:pointer;
}

#dm-choose :is(button,a,summary) {
touch-action:manipulation;
}

#dm-choose :is(button,a,summary):focus-visible {
outline:3px solid #a87608;
outline-offset:4px;
}

#dm-choose button:disabled {
cursor:default;
}

#dm-choose :is(h1,h2,h3,p) {
margin:0;
}

#dm-choose .ac-wrap {
width:calc(100% - 48px);
max-width:1120px;
margin-inline:auto;
}

#dm-choose .ac-tools {
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
min-height:48px;
padding:6px 0;
border-bottom:1px solid #e5e8e2;
}

#dm-choose .ac-tools a,#dm-choose .ac-text-button {
color:#23372b;
font:700 12px/1.3 Roboto,Arial,sans-serif;
text-underline-offset:4px;
}

#dm-choose .ac-text-button {
border:0;
background:transparent;
padding:10px 0;
text-decoration:underline;
}

#dm-choose .ac-tools-right {
display:flex;
gap:12px;
}

#dm-choose .ac-layout {
display:grid;
grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
gap:44px;
align-items:center;
padding:24px 0 38px;
min-height:530px;
}

#dm-choose .ac-copy {
min-width:0;
}

#dm-choose .ac-kicker {
display:block;
margin-bottom:10px;
color:#536454;
font-size:10px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}

#dm-choose h1 {
font:900 clamp(30px,3.3vw,44px)/1.04 Roboto,Arial,sans-serif!important;
letter-spacing:-.035em;
color:#23372b!important;
margin-bottom:12px!important;
}

#dm-choose .ac-welcome h1,#dm-choose .ac-finish h1 {
font-size:clamp(34px,4vw,54px)!important;
}

#dm-choose h1:focus {
outline:none;
}

#dm-choose h1 em {
font-style:normal;
background:linear-gradient(transparent 76%,#dfb443 76%);
}

#dm-choose .ac-intro {
max-width:430px;
font-size:16px;
line-height:1.45;
color:#485448;
}

#dm-choose .ac-hint {
font-size:12px;
color:#5c685c;
margin-top:12px;
}

#dm-choose .ac-tags {
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:18px;
}

#dm-choose .ac-tags span {
padding:7px 10px;
border-radius:20px;
background:#faf2d9;
font-size:11px;
font-weight:700;
}

#dm-choose .ac-art {
position:relative;
display:flex;
align-items:center;
justify-content:center;
height:440px;
min-width:0;
isolation:isolate;
}

#dm-choose .ac-art:before {
content:"";
position:absolute;
inset:24px 8px 24px;
background:#f4df9e;
border-radius:45% 45% 24px 24px;
transform:rotate(-3deg);
z-index:-1;
}

#dm-choose .ac-art img {
display:block;
width:100%;
height:420px;
object-fit:contain;
}

#dm-choose .ac-art-label {
position:absolute;
bottom:4px;
max-width:94%;
background:#23372b;
color:#fff;
padding:8px 14px;
border-radius:24px;
text-align:center;
font-size:11px;
font-weight:700;
}



#dm-choose .ac-art-note {
display:none;
}

#dm-choose .ac-photo img {
height:360px;
object-fit:cover;
border-radius:24px;
}

#dm-choose .ac-photo .ac-art-label {
display:block;
}

#dm-choose .ac-progress {
margin-bottom:14px;
}

#dm-choose .ac-progress-label {
font-size:11px;
font-weight:700;
color:#536454;
}

#dm-choose .ac-progress-label span:last-child {
display:none;
}

#dm-choose .ac-progress ol {
display:flex;
list-style:none;
gap:6px;
margin:0;
padding:0;
}

#dm-choose .ac-progress li {
flex:1;
}

#dm-choose .ac-progress button {
display:block;
width:100%;
height:28px;
padding:11px 0;
border:0;
background:transparent;
}

#dm-choose .ac-progress button:before {
content:"";
display:block;
height:5px;
border-radius:6px;
background:#e4e7df;
}

#dm-choose .ac-progress button[aria-current=step]:before {
background:#dfb443;
}

#dm-choose .ac-progress button.ac-done:before {
background:#23372b;
}

#dm-choose .ac-step .ac-kicker {
display:none;
}

#dm-choose fieldset {
border:0;
padding:0;
margin:18px 0 0;
min-width:0;
}

#dm-choose .ac-sr {
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}

#dm-choose .ac-answers {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

#dm-choose .ac-answer {
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:9px;
min-height:152px;
padding:14px 10px;
border:1.5px solid #dce3d8;
border-radius:16px;
background:#fff;
color:#23372b;
text-align:center;
font-size:15px;
font-weight:700;
line-height:1.2;
}

#dm-choose .ac-answer:not(:disabled):hover {
border-color:#8c9c88;
background:#fbfaf3;
}

#dm-choose .ac-answer svg {
display:block;
width:88px!important;
height:74px!important;
max-width:100%;
flex:none;
}

#dm-choose .ac-option-mark {
position:absolute;
top:8px;
right:8px;
display:grid;
place-items:center;
width:22px;
height:22px;
border-radius:50%;
background:#23372b;
color:#fff;
font-size:14px;
}

#dm-choose .ac-option-mark:empty {
display:none;
}

#dm-choose .ac-selected-correct {
border:2px solid #2f633e;
background:#eef7ed;
}

#dm-choose .ac-answer.ac-wrong {
border:2px solid #b42318!important;
background:#fff0f0!important;
color:#9f1b1b!important;
box-shadow:0 0 0 2px #b4231826;
}

#dm-choose .ac-wrong .ac-option-mark {
background:#b42318!important;
color:#fff!important;
}

#dm-choose .ac-actions {
display:flex;
align-items:center;
gap:16px;
margin-top:16px;
}

#dm-choose .ac-primary {
display:inline-flex;
align-items:center;
justify-content:space-between;
gap:24px;
min-height:50px;
padding:14px 20px;
border:0;
border-radius:12px;
background:#23372b;
color:#fff;
text-decoration:none;
font-size:14px;
font-weight:700;
}

#dm-choose .ac-primary:disabled {
background:#e5e7e2;
color:#657061;
}

#dm-choose .ac-back {
border:0;
background:transparent;
padding:12px 0;
color:#536454;
font-size:12px;
}

#dm-choose .ac-next-icon {
display:block;
width:20px!important;
height:20px!important;
flex:0 0 20px;
}

#dm-choose #ac-menu-form {
width:100%;
margin:0;
}

#dm-choose .ac-feedback {
margin-top:10px;
font-size:13px;
line-height:1.4;
}

#dm-choose .ac-feedback.ac-success {
color:#285b36;
}

#dm-choose .ac-feedback.ac-error {
display:flex;
align-items:flex-start;
gap:8px;
padding:10px 12px;
border:2px solid #b42318;
border-radius:12px;
background:#fff0f0;
color:#8f1d16;
}

#dm-choose .ac-error-icon {
display:block;
width:25px!important;
height:25px!important;
min-width:25px;
flex:0 0 25px;
color:#b42318;
}

#dm-choose .ac-error-copy strong {
display:block;
color:#8f1d16;
margin-bottom:3px;
}

#dm-choose details {
margin-top:14px;
}

#dm-choose summary {
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
min-height:44px;
padding:7px 0;
list-style:none;
font-size:12px;
color:#536454;
cursor:pointer;
}

#dm-choose summary::-webkit-details-marker {
display:none;
}

#dm-choose summary::marker {
content:"";
}

#dm-choose summary:after {
content:"+";
flex:none;
width:30px;
height:30px;
display:grid;
place-items:center;
border:1px solid rgba(141,112,49,.48);
border-radius:50%;
color:#8d7031;
font:400 19px/1 var(--sans,Roboto,Arial,sans-serif);
transition:transform .2s ease,background .2s ease,color .2s ease;
}

#dm-choose details[open]>summary:after {
content:"−";
transform:rotate(180deg);
background:#23372b;
color:#f4efe4;
}

#dm-choose details p {
font-size:13px;
line-height:1.5;
margin-top:10px;
}

#dm-choose details a {
font-size:12px;
color:#23372b;
}

#dm-choose .ac-useful {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 20px;
padding:14px 0;
border-top:1px solid #e5e8e2;
}

#dm-choose .ac-useful a,#dm-choose .ac-useful button {
font-size:11px;
color:#536454;
text-underline-offset:4px;
}

#dm-choose .ac-storage {
margin-top:0;
padding-bottom:18px;
}

#dm-choose .ac-storage summary {
font-size:11px;
}

#dm-choose .ac-storage p {
font-size:11px;
}

#dm-choose.ac-text-only .ac-art {
display:none;
}

#dm-choose.ac-text-only .ac-layout {
grid-template-columns:1fr;
max-width:760px;
min-height:0;
}

#dm-choose.ac-text-only .ac-answer svg {
display:none;
}

/* Sezione responsive e condizioni: @media (max-width:760px) */
@media (max-width:760px) {
#dm-choose .ac-wrap {
width:calc(100% - 32px);
}

#dm-choose .ac-tools {
min-height:42px;
}

#dm-choose .ac-layout {
display:flex;
flex-direction:column;
gap:14px;
padding:14px 0 24px;
min-height:0;
}

#dm-choose .ac-art {
height:230px;
width:100%;
max-width:400px;
}

#dm-choose .ac-art img {
height:220px;
width:96%;
}

#dm-choose .ac-art:before {
inset:8px 28px 10px;
}

#dm-choose .ac-art-label {
bottom:0;
font-size:10px;
padding:6px 12px;
}

#dm-choose .ac-photo img {
height:214px;
width:100%;
border-radius:18px;
}

#dm-choose .ac-copy {
width:100%;
}

#dm-choose h1 {
font-size:clamp(27px,7.5vw,36px)!important;
margin-bottom:8px!important;
}

#dm-choose .ac-welcome h1,#dm-choose .ac-finish h1 {
font-size:34px!important;
}

#dm-choose .ac-intro {
font-size:14px;
}

#dm-choose .ac-kicker {
font-size:9px;
}

#dm-choose .ac-progress {
margin-bottom:8px;
}

#dm-choose .ac-progress button {
height:24px;
padding:9px 0;
}

#dm-choose fieldset {
margin-top:14px;
}

#dm-choose .ac-answer {
min-height:132px;
font-size:13px;
padding:12px 8px;
gap:8px;
}

#dm-choose .ac-answer svg {
width:76px!important;
height:64px!important;
}

#dm-choose .ac-answers {
gap:10px;
}

#dm-choose .ac-actions {
margin-top:14px;
}

#dm-choose .ac-step .ac-primary {
flex:1;
}

#dm-choose .ac-welcome .ac-primary,#dm-choose .ac-finish .ac-primary {
width:100%;
}

#dm-choose .ac-useful {
gap:4px 16px;
}

#dm-choose .ac-hint {
font-size:11px;
}
}

/* Sezione responsive e condizioni: @media (max-width:360px) */
@media (max-width:360px) {
#dm-choose .ac-art {
height:200px;
}

#dm-choose .ac-art img {
height:192px;
}

#dm-choose .ac-photo img {
height:188px;
}

#dm-choose .ac-answer {
min-height:128px;
}

#dm-choose .ac-answer svg {
width:68px!important;
height:58px!important;
}
}

#dm-choose .ac-step .ac-kicker {
display:block;
font-size:14px;
font-weight:800;
color:#536348;
margin-bottom:10px;
}

#dm-choose .ac-step h1 {
font-size:40px!important;
line-height:1.12!important;
color:#23372b!important;
}

#dm-choose .ac-intro {
font-size:20px!important;
line-height:1.5!important;
color:#23372b!important;
font-weight:500;
}

#dm-choose .ac-answer {
font-size:16px;
line-height:1.35;
}

#dm-choose .ac-step .ac-art:before {
display:none;
}

#dm-choose .ac-step .ac-art img {
object-fit:contain;
width:100%;
height:100%;
}

#dm-choose .ac-step .ac-art-label {
display:none;
}

/* Sezione responsive e condizioni: @media (max-width:760px) */
@media (max-width:760px) {
#dm-choose .ac-step .ac-copy {
display:contents;
}

#dm-choose .ac-step {
gap:10px;
align-items:stretch;
}

#dm-choose .ac-step .ac-progress {
order:0;
margin:0;
}

#dm-choose .ac-step .ac-kicker {
order:1;
margin:0;
font-size:13px;
}

#dm-choose .ac-step h1 {
order:2;
font-size:30px!important;
margin:0!important;
}

#dm-choose .ac-step .ac-intro {
order:3;
font-size:18px!important;
line-height:1.45!important;
}

#dm-choose .ac-step .ac-art {
order:4;
height:230px;
align-self:center;
margin:0;
}

#dm-choose .ac-step fieldset {
order:5;
margin:0;
min-width:0;
}

#dm-choose .ac-step .ac-feedback {
order:6;
}

#dm-choose .ac-step .ac-actions {
order:7;
margin-top:4px;
}

#dm-choose .ac-step details {
order:8;
}

#dm-choose .ac-answer {
font-size:15px;
min-height:126px;
}

#dm-choose .ac-answer svg {
height:54px!important;
width:64px!important;
}
}

/* ANTES DE ELEGIR | Capitolo 1. Apertura visiva a schermo intero. */
html body.page-id-1758 main,
html body.page-id-1758 main .wp-block-post-content {
margin:0!important;
padding:0!important;
max-width:none!important;
}
html body.page-id-1758 #dm-choose {
margin:0!important;
padding:0!important;
width:100%!important;
max-width:none!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) {
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:minmax(0,1fr) auto!important;
align-items:stretch!important;
gap:0!important;
width:100%!important;
max-width:none!important;
height:calc(100vh - var(--ac-header-height,76px))!important;
height:calc(100svh - var(--ac-header-height,76px))!important;
min-height:0!important;
margin:0!important;
padding:0 16px max(20px,env(safe-area-inset-bottom,0px))!important;
overflow:hidden!important;
isolation:isolate;
background:radial-gradient(ellipse at 50% 48%,#526544 0,#213e2e 42%,#102b20 78%)!important;
}
/* Sezione 1.1. Tony intero: nessun ritaglio di testa, cappello o mani. */
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-art {
display:flex!important;
align-items:flex-end!important;
justify-content:center!important;
grid-row:1!important;
width:100%!important;
max-width:none!important;
height:100%!important;
min-height:0!important;
margin:0!important;
padding:0!important;
position:relative!important;
align-self:stretch!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-art::before,
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-art::after,
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-art-label {
display:none!important;
content:none!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) img.ac-chef {
display:block!important;
position:static!important;
width:min(100%,1080px)!important;
height:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center bottom!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
}
/* Capitolo 2. Unico comando iniziale, senza freccia o testi aggiuntivi. */
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-copy {
display:flex!important;
align-items:center!important;
justify-content:center!important;
grid-row:2!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-actions,
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) #ac-menu-form {
display:flex!important;
justify-content:center!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) button:is(#ac-start,#ac-menu) {
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
width:min(320px,90vw)!important;
max-width:none!important;
height:56px!important;
min-height:56px!important;
margin:0!important;
padding:14px 28px!important;
border:1px solid #e8c76d!important;
border-radius:10px!important;
background:#dfb443!important;
color:#172f23!important;
font:700 16px/1.2 Arial,sans-serif!important;
text-align:center!important;
box-shadow:0 5px 20px #07170d40!important;
transform:none!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) button:is(#ac-start,#ac-menu) :is(svg,.dms-cta-icon),
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) button:is(#ac-start,#ac-menu)::before,
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) button:is(#ac-start,#ac-menu)::after {
display:none!important;
content:none!important;
}
#dm-choose:is([data-screen="0"],[data-screen="5"])>.ac-tools,
#dm-choose:is([data-screen="0"],[data-screen="5"])>.ac-useful,
#dm-choose:is([data-screen="0"],[data-screen="5"])>.ac-storage {
display:none!important;
}
#dm-choose #ac-app { scroll-margin-top:calc(var(--ac-header-height,76px) + 8px); }


/* ANTES DE ELEGIR | Capitolo 3. Tony al centro dello schermo, quattro moniti intorno. */
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) {
height:calc(100vh - var(--ac-header-height,76px))!important;
height:calc(100svh - var(--ac-header-height,76px))!important;
min-height:0!important;
padding:0 0 max(20px,env(safe-area-inset-bottom,0px))!important;
gap:0!important;
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:minmax(0,1fr) auto!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-art {
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:minmax(0,1fr)!important;
position:relative!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
gap:0!important;
overflow:hidden;
}
/* Sezione 3.1. Figura centrale intera, con spazio libero intorno al viso. */
#dm-choose .ac-chef-stage {
display:flex;
align-items:center;
justify-content:center;
position:relative;
width:100%;
height:100%;
min-width:0;
min-height:0;
margin:0;
padding:0;
overflow:hidden;
line-height:0;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) img.ac-chef {
display:block!important;
width:100%!important;
height:100%!important;
max-width:none!important;
max-height:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
object-position:center center!important;
flex:0 1 auto;
transform:translateX(-2.7%)!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-copy {
position:relative;
z-index:5;
margin:0!important;
padding:0 16px!important;
}
/* Sezione 3.2. Due moniti superiori e due inferiori ai lati della figura. */
#dm-choose .ac-manifesto {
display:flex;
justify-content:space-between;
align-items:flex-start;
position:absolute;
z-index:4;
top:24px;
bottom:auto;
left:0;
width:100%;
max-width:none;
margin:0;
padding:12px 38px 22px;
gap:24px;
box-sizing:border-box;
transform:none;
pointer-events:none;
}
#dm-choose .ac-manifesto.ac-claims {
top:auto;
bottom:20px;
}
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
position:relative;
margin:0!important;
padding:12px 16px 16px!important;
max-width:29%!important;
border:2px solid #e9bb48;
border-radius:5px;
background:#183b2e;
box-shadow:6px 7px 0 #071d16;
font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;
font-size:clamp(26px,3.3vw,48px)!important;
font-weight:800!important;
font-style:italic!important;
line-height:.98!important;
letter-spacing:-.025em!important;
text-transform:uppercase!important;
color:#fff8e8!important;
text-shadow:2px 3px 0 #071d16;
text-wrap:balance;
overflow:visible;
transform:rotate(-4deg);
}
#dm-choose .ac-manifesto-left {text-align:left!important;}
#dm-choose .ac-manifesto-right {text-align:right!important;transform:rotate(4deg)!important;}
#dm-choose .ac-manifesto strong {
display:inline-block;
margin-top:5px;
font:inherit;
text-transform:uppercase!important;
color:#ffd05b!important;
}
#dm-choose .ac-manifesto h2::before {
content:"";
position:absolute;
top:-16px;
left:-10px;
width:28px;
height:20px;
margin:0!important;
background:linear-gradient(58deg,transparent 42%,#e9bb48 43% 51%,transparent 52%) 0 0/9px 20px repeat-x;
transform:rotate(-12deg);
}
#dm-choose .ac-manifesto-right::before {left:auto;right:-10px;transform:rotate(12deg);}
#dm-choose .ac-manifesto h2::after {
content:"";
position:absolute;
bottom:-20px;
right:22px;
width:34px;
height:20px;
background:#e9bb48;
clip-path:polygon(0 0,100% 0,90% 100%);
}
#dm-choose .ac-manifesto-right::after {right:auto;left:22px;transform:scaleX(-1);}
#dm-choose .ac-claims h2::after {top:-20px;bottom:auto;transform:rotate(180deg);}
#dm-choose .ac-claims .ac-manifesto-right::after {transform:rotate(180deg) scaleX(-1);}
/* Sezione 3.3. Mobile: figura al centro e quattro richiami negli angoli. */
@media(max-width:760px) {
#dm-choose .ac-manifesto {top:12px;padding:12px 19px 18px;gap:22px;}
#dm-choose .ac-manifesto.ac-claims {top:auto;bottom:16px;}
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
max-width:44%!important;
padding:9px 7px 12px!important;
font-size:clamp(17px,5.4vw,28px)!important;
line-height:1!important;
box-shadow:4px 5px 0 #071d16;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) img.ac-chef {
width:122%!important;
flex:0 0 122%;
}
#dm-choose .ac-manifesto h2::after {width:26px;height:16px;bottom:-16px;}
#dm-choose .ac-claims h2::after {top:-16px;bottom:auto;}
}
@media(max-height:520px) and (orientation:landscape) {


html body.page-id-1758 #dm-choose .ac-manifesto h2 {font-size:18px!important;padding:6px!important;}
}


/* ANTES DE ELEGIR | Capitolo 4. Rifinitura grafica: gerarchia e quattro riquadri coordinati. */
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) {
background:radial-gradient(ellipse at 49% 46%,#61704c45 0,#2f50352b 32%,transparent 66%),linear-gradient(145deg,#163b2b,#0e281f)!important;
}
#dm-choose .ac-manifesto {
top:20px;
padding:12px 36px 22px;
gap:28px;
}
#dm-choose .ac-manifesto.ac-claims {top:auto;bottom:18px;}
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
display:flex;
align-items:center;
justify-content:center;
width:28%!important;
max-width:340px!important;
height:128px;
padding:14px 18px!important;
box-sizing:border-box;
border:1.5px solid #dbb44e;
border-radius:5px;
background:linear-gradient(150deg,#244c39,#16392b);
box-shadow:5px 6px 0 #071d16b3,inset 0 1px 0 #f9df8633;
font-size:clamp(26px,3vw,42px)!important;
line-height:.96!important;
letter-spacing:-.018em!important;
text-shadow:1px 2px 0 #071d16;
transform:rotate(-3deg);
}
#dm-choose .ac-manifesto .ac-shout-text {
font:inherit!important;
text-transform:uppercase!important;
display:block;
width:100%;
line-height:inherit;
}
#dm-choose .ac-manifesto-right {transform:rotate(3deg)!important;}
#dm-choose .ac-manifesto strong {
display:inline;
margin:0;
color:#f3c850!important;
}
#dm-choose .ac-manifesto h2::before {
top:-13px;
left:-8px;
width:24px;
height:17px;
background-size:8px 17px;
opacity:.9;
}
#dm-choose .ac-manifesto-right::before {left:auto;right:-8px;}
#dm-choose .ac-manifesto h2::after {
bottom:-16px;
width:28px;
height:16px;
background:#dbb44e;
}
#dm-choose .ac-claims h2::after {top:-16px;bottom:auto;}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) button:is(#ac-start,#ac-menu) {
border-radius:12px!important;
background:linear-gradient(180deg,#e9c14f,#dcae37)!important;
border-color:#f0d070!important;
box-shadow:0 5px 18px #07170d45,inset 0 1px 0 #ffecad66!important;
font-family:"DM Sans",Arial,sans-serif!important;
font-weight:700!important;
}
/* Sezione 4.1. Mobile: misure uniformi e Tony leggermente piu alto tra i richiami. */
@media(max-width:760px) {
#dm-choose .ac-manifesto {top:14px;padding:10px 22px 18px;gap:24px;}
#dm-choose .ac-manifesto.ac-claims {top:auto;bottom:12px;}
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
width:calc(50% - 12px)!important;
max-width:none!important;
height:clamp(78px,22vw,96px);
padding:9px 8px!important;
font-size:clamp(17px,5.2vw,24px)!important;
line-height:.98!important;
border-radius:4px;
box-shadow:4px 5px 0 #071d1699,inset 0 1px 0 #f9df8626;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) img.ac-chef {
object-position:center 45%!important;
}
#dm-choose .ac-manifesto h2::after {width:23px;height:14px;bottom:-14px;}
#dm-choose .ac-claims h2::after {top:-14px;bottom:auto;}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) button:is(#ac-start,#ac-menu) {
width:min(320px,calc(100vw - 64px))!important;
}
}
/* Sezione 4.2. Schermi bassi: messaggi compatti, nessuna interferenza col cappello. */
@media(max-height:520px) and (orientation:landscape) {
html body.page-id-1758 #dm-choose .ac-manifesto h2 {height:70px;font-size:18px!important;padding:8px!important;}
#dm-choose .ac-manifesto {top:4px;padding:8px 24px;}
#dm-choose .ac-manifesto.ac-claims {top:auto;bottom:4px;}
}


/* ANTES DE ELEGIR | Capitolo 5. Il busto termina dietro il pulsante, senza sospensione. */
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) img.ac-chef {
object-position:center bottom!important;
transform:translateY(1.6%)!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-copy {
z-index:6;
margin-top:-1px!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) button:is(#ac-start,#ac-menu) {
width:min(420px,calc(100vw - 56px))!important;
}


/* ANTES DE ELEGIR | Capitolo 6. Tony sempre libero dai cartelli. */
/* Sezione 6.1. Desktop: figura centrale separata dalle quattro aree dei messaggi. */
@media(min-width:761px) {
#dm-choose .ac-manifesto.ac-claims {bottom:40%;}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) img.ac-chef {
width:78%!important;
max-width:78%!important;
flex:0 0 78%;
}
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
width:22%!important;
max-width:280px!important;
height:114px;
font-size:clamp(23px,2.6vw,38px)!important;
}
}
/* Sezione 6.2. Mobile: due file di cartelli sopra Tony, nessuna sovrapposizione. */
@media(max-width:760px) {
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) {
height:auto!important;
min-height:0!important;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) .ac-art {
height:auto!important;
grid-template-rows:auto auto auto!important;
overflow:visible;
}
#dm-choose .ac-manifesto,
#dm-choose .ac-manifesto.ac-claims {
position:relative;
top:auto;
bottom:auto;
left:auto;
padding:18px 22px 14px;
gap:24px;
}
#dm-choose .ac-manifesto.ac-claims {padding-top:12px;padding-bottom:16px;}
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
height:clamp(76px,21vw,92px);
font-size:clamp(17px,5.1vw,24px)!important;
}
#dm-choose .ac-chef-stage {
height:auto;
min-height:0;
overflow:hidden;
}
html body.page-id-1758 #dm-choose .ac-layout:is(.ac-welcome,.ac-finish) img.ac-chef {
width:122%!important;
height:auto!important;
max-width:none!important;
max-height:none!important;
flex:0 0 122%;
transform:translateY(1.1%)!important;
}
}


/* ANTES DE ELEGIR | Capitolo 7. Moniti avorio approvati: contrasto verde e accenti oro. */
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
background:linear-gradient(145deg,#fcf6e7,#f2e8ce)!important;
border-color:#d9ad3f!important;
color:#173c2b!important;
-webkit-text-fill-color:#173c2b!important;
text-shadow:none!important;
box-shadow:5px 6px 0 #071d1699,inset 0 1px 0 #fffdf4!important;
}
html body.page-id-1758 #dm-choose .ac-manifesto :is(.ac-shout-text,strong) {
color:#173c2b!important;
-webkit-text-fill-color:#173c2b!important;
text-shadow:none!important;
}
html body.page-id-1758 #dm-choose .ac-manifesto strong {
text-decoration-line:underline;
text-decoration-color:#dcb23f;
text-decoration-thickness:3px;
text-underline-offset:5px;
text-decoration-skip-ink:none;
}
html body.page-id-1758 #dm-choose .ac-manifesto h2::after {
background:#d9ad3f!important;
}
@media(max-width:760px) {
html body.page-id-1758 #dm-choose .ac-manifesto h2 {
box-shadow:4px 5px 0 #071d1680,inset 0 1px 0 #fffdf4!important;
}
html body.page-id-1758 #dm-choose .ac-manifesto strong {
text-decoration-thickness:2px;
text-underline-offset:3px;
}
}

/* ANTES DE ELEGIR | Capitolo 8. Lezione a schermo intero, quattro scelte e titolo integrato. */
html body.page-id-1758:has(#dm-choose:is([data-screen="1"],[data-screen="2"],[data-screen="3"],[data-screen="4"])) {
height:100dvh!important;
overflow:hidden!important;
}
html body.page-id-1758:has(#dm-choose:is([data-screen="1"],[data-screen="2"],[data-screen="3"],[data-screen="4"])) :is(#dm-restaurant-shell-header,#dm-restaurant-shell-footer,a.dmp-reopen,a.dmwa-launch,.wp-block-post-title,.wp-block-post-featured-image) {display:none!important;}
html body.page-id-1758 #dm-choose .ac-storage {display:none!important;}
html body.page-id-1758 #dm-choose:is([data-screen="1"],[data-screen="2"],[data-screen="3"],[data-screen="4"]) {
display:flex!important;flex-direction:column!important;
height:calc(100vh - var(--ac-header-height,0px))!important;
height:calc(100dvh - var(--ac-header-height,0px))!important;
min-height:0!important;overflow:hidden!important;position:relative;
}
html body.page-id-1758 #dm-choose .ac-tools {
width:calc(100% - 40px)!important;max-width:1280px!important;height:52px!important;min-height:52px!important;
margin:0 auto!important;padding:10px 0!important;box-sizing:border-box!important;border-bottom:1px solid #173c2b15!important;flex:0 0 52px;
}
#dm-choose #ac-home {font:700 11px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.06em;color:#173c2b;}
#dm-choose .ac-tools-right {display:flex;align-items:center;gap:18px;}
#dm-choose :is(#ac-text,#ac-reset) {font:500 11px/1.3 'DM Sans',Arial,sans-serif;color:#526454;}
html body.page-id-1758 #dm-choose .ac-tools #ac-useful {
position:static!important;width:auto!important;max-width:none!important;display:flex!important;margin:0!important;padding:0!important;border:0!important;gap:0!important;
}
html body.page-id-1758 #dm-choose:is([data-screen="1"],[data-screen="2"],[data-screen="3"],[data-screen="4"]) #ac-app {flex:1 1 auto;min-height:0;scroll-margin-top:60px;}
html body.page-id-1758 #dm-choose .ac-layout.ac-step {
display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;
align-items:center!important;gap:clamp(20px,3vw,44px)!important;width:calc(100% - 40px)!important;max-width:1280px!important;
height:100%!important;min-height:0!important;margin:0 auto!important;padding:18px 0!important;box-sizing:border-box!important;
background:none!important;border:0!important;box-shadow:none!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-art {
display:grid!important;place-items:center!important;position:relative!important;align-self:stretch!important;width:100%!important;height:100%!important;min-height:0!important;
margin:0!important;padding:0!important;border:0!important;border-radius:24px!important;background:radial-gradient(ellipse at 50% 60%,#f0e4c555,transparent 72%)!important;box-shadow:none!important;overflow:hidden!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-art::before,html body.page-id-1758 #dm-choose .ac-step .ac-art::after,html body.page-id-1758 #dm-choose .ac-step .ac-art-label {display:none!important;content:none!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-art img {display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-copy {
display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:12px!important;align-self:center!important;
width:100%!important;height:100%!important;max-height:650px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;text-align:left!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-progress {grid-row:1!important;margin:0!important;}
#dm-choose .ac-step .ac-progress-label {font:600 11px/1.3 'DM Sans',Arial,sans-serif!important;color:#526454!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-title-card {
grid-row:2;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:15px 18px;
border-left:5px solid #dfb443;border-radius:14px;background:#f6efdc;box-shadow:0 3px 12px #173c2b08;
}
#dm-choose .ac-step-number {display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#173c2b;color:#f0ca62;font:800 22px/1 'Barlow Condensed',sans-serif;}
html body.page-id-1758 #dm-choose .ac-step h1 {margin:0!important;padding:0!important;max-width:none!important;font:800 clamp(30px,4.7dvh,50px)/1.04 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:-.018em!important;color:#173c2b!important;text-transform:none!important;}
html body.page-id-1758 #dm-choose .ac-step h1::before {display:none!important;content:none!important;}
html body.page-id-1758 #dm-choose .ac-step fieldset {grid-row:3;margin:0!important;padding:0!important;border:0!important;min-height:0!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-answers {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:10px!important;height:100%!important;min-height:0!important;margin:0!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-answer {
display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
min-width:0!important;min-height:0!important;height:100%!important;padding:12px 9px!important;box-sizing:border-box!important;
border:1.5px solid #d9dfd4!important;border-radius:14px!important;background:#fff!important;color:#173c2b!important;
font:700 clamp(13px,1.8dvh,16px)/1.22 'DM Sans',Arial,sans-serif!important;text-align:center!important;box-shadow:none!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-choice-icon {width:clamp(28px,4.2dvh,44px)!important;height:clamp(28px,4.2dvh,44px)!important;flex:0 0 auto!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-option-label {font:inherit!important;line-height:1.22!important;max-width:22ch;}
html body.page-id-1758 #dm-choose .ac-step .ac-answer.ac-selected-correct {border-color:#46754a!important;background:#edf5e9!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-answer.ac-wrong {border-color:#ba5948!important;background:#fff2ee!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-actions {grid-row:4;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;margin:0!important;}
html body.page-id-1758 #dm-choose .ac-step :is(#ac-back,#ac-next) {
display:grid!important;grid-template-columns:24px minmax(0,1fr) 24px!important;align-items:center!important;gap:4px!important;
width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;margin:0!important;padding:10px 12px!important;
border:1.5px solid #d5b55b!important;border-radius:13px!important;font:700 14px/1.2 'DM Sans',Arial,sans-serif!important;text-align:center!important;
text-decoration:none!important;box-shadow:0 3px 0 #173c2b12!important;transform:none!important;color:#173c2b!important;
}
html body.page-id-1758 #dm-choose .ac-step #ac-back {background:#f8f4e8!important;}
html body.page-id-1758 #dm-choose .ac-step #ac-next {background:#dfb443!important;}
html body.page-id-1758 #dm-choose .ac-step #ac-next:disabled {opacity:.4!important;cursor:not-allowed!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-nav-label {grid-column:2!important;grid-row:1!important;font:inherit!important;text-align:center!important;}
html body.page-id-1758 #dm-choose .ac-step svg.ac-nav-icon {display:block!important;width:22px!important;height:22px!important;grid-row:1!important;margin:0!important;padding:0!important;transform:none!important;}
html body.page-id-1758 #dm-choose .ac-step #ac-back .ac-nav-icon {grid-column:1!important;}
html body.page-id-1758 #dm-choose .ac-step #ac-next .ac-nav-icon {grid-column:3!important;}
html body.page-id-1758 #dm-choose .ac-step :is(#ac-back,#ac-next)::before,html body.page-id-1758 #dm-choose .ac-step :is(#ac-back,#ac-next)::after {display:none!important;content:none!important;}
html body.page-id-1758 #dm-choose .ac-step :is(#ac-back,#ac-next):focus-visible {outline:3px solid #577153!important;outline-offset:3px!important;}
/* Sezione 8.2. Faccine vettoriali leggere che sbucano dal bordo inferiore. */
#dm-choose .ac-reaction {position:fixed;z-index:1100;left:50%;bottom:calc(-10px + env(safe-area-inset-bottom,0px));width:112px;height:112px;margin-left:-56px;pointer-events:none;filter:drop-shadow(0 4px 10px #173c2b30);animation:ac-reaction-pop 2.8s cubic-bezier(.22,.8,.35,1) both;}
#dm-choose .ac-reaction svg {display:block;width:100%;height:100%;}
@keyframes ac-reaction-pop {0%{transform:translateY(120%);opacity:0}16%{transform:translateY(-5px);opacity:1}24%,76%{transform:translateY(0);opacity:1}100%{transform:translateY(120%);opacity:0}}
@media(prefers-reduced-motion:reduce) {#dm-choose .ac-reaction {animation:ac-reaction-fade 2.8s linear both;}@keyframes ac-reaction-fade {0%,90%{opacity:1}100%{opacity:0}}}
/* Sezione 8.3. Telefoni: immagine e domanda ripartiscono l’altezza disponibile. */
@media(max-width:760px) {
html body.page-id-1758 #dm-choose .ac-tools {width:calc(100% - 30px)!important;height:46px!important;min-height:46px!important;flex-basis:46px;padding:8px 0!important;}
#dm-choose #ac-home {font-size:10px;letter-spacing:.035em;}
#dm-choose .ac-tools-right {gap:12px;}
#dm-choose :is(#ac-text,#ac-reset) {font-size:10px;}
html body.page-id-1758 #dm-choose .ac-layout.ac-step {width:calc(100% - 30px)!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,.37fr) minmax(0,.63fr)!important;gap:10px!important;padding:10px 0 14px!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-copy {max-height:none!important;gap:8px!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-title-card {grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 12px;border-left-width:4px;border-radius:12px;}
#dm-choose .ac-step-number {width:32px;height:32px;font-size:18px;}
html body.page-id-1758 #dm-choose .ac-step h1 {font-size:clamp(23px,3.9dvh,34px)!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-answer {padding:8px 6px!important;gap:5px!important;font-size:clamp(12px,1.65dvh,14px)!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-choice-icon {width:30px!important;height:30px!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-answers {gap:8px!important;}
html body.page-id-1758 #dm-choose .ac-step :is(#ac-back,#ac-next) {height:50px!important;min-height:50px!important;padding:9px 8px!important;font-size:13px!important;grid-template-columns:20px minmax(0,1fr) 20px!important;}
#dm-choose .ac-reaction {width:88px;height:88px;margin-left:-44px;}
}
@media(max-height:520px) and (orientation:landscape) {
html body.page-id-1758 #dm-choose .ac-tools {height:40px!important;min-height:40px!important;flex-basis:40px;padding:6px 0!important;}
html body.page-id-1758 #dm-choose .ac-layout.ac-step {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;grid-template-rows:minmax(0,1fr)!important;padding:8px 0!important;gap:18px!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-copy {gap:6px!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-title-card {padding:7px 10px;grid-template-columns:28px minmax(0,1fr);gap:8px;}
#dm-choose .ac-step-number {width:28px;height:28px;font-size:16px;}
html body.page-id-1758 #dm-choose .ac-step h1 {font-size:27px!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-answer {font-size:12px!important;padding:5px!important;gap:3px!important;}
html body.page-id-1758 #dm-choose .ac-step .ac-choice-icon {width:24px!important;height:24px!important;}
html body.page-id-1758 #dm-choose .ac-step :is(#ac-back,#ac-next) {height:44px!important;min-height:44px!important;}
}
html body.page-id-1758 #dm-choose.ac-text-only .ac-layout.ac-step {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;max-width:640px!important;}
html body.page-id-1758 #dm-choose.ac-text-only .ac-step .ac-art {display:none!important;}
/* A zoom elevato o su viewport estremamente bassi resta lo scorrimento di sicurezza. */
@media(max-height:440px) and (max-width:480px) {
html body.page-id-1758:has(#dm-choose:is([data-screen="1"],[data-screen="2"],[data-screen="3"],[data-screen="4"])) {height:auto!important;overflow:auto!important;}
html body.page-id-1758 #dm-choose:is([data-screen="1"],[data-screen="2"],[data-screen="3"],[data-screen="4"]) {height:620px!important;overflow:visible!important;}
}

/* ANTES DE ELEGIR | Capitolo 9. Quattro risposte sotto l’immagine, nelle dimensioni originali. */
html body.page-id-1758 #dm-choose .ac-layout.ac-step {
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:auto auto minmax(0,1fr) 140px 54px!important;
gap:12px!important;
max-width:1160px!important;
padding:12px 0 18px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-copy {
display:contents!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-progress {
grid-column:1!important;
grid-row:1!important;
width:100%!important;
max-width:420px!important;
justify-self:center!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-title-card {
grid-column:1!important;
grid-row:2!important;
width:100%!important;
max-width:760px!important;
justify-self:center!important;
box-sizing:border-box!important;
padding:10px 18px!important;
}
html body.page-id-1758 #dm-choose .ac-step h1 {
font-size:clamp(30px,4.5dvh,42px)!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-art {
grid-column:1!important;
grid-row:3!important;
max-width:800px!important;
justify-self:center!important;
aspect-ratio:auto!important;
}
html body.page-id-1758 #dm-choose .ac-step fieldset {
grid-column:1!important;
grid-row:4!important;
width:100%!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-answers {
grid-template-columns:repeat(4,minmax(0,1fr))!important;
grid-template-rows:140px!important;
gap:12px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-answer {
height:140px!important;
min-height:140px!important;
padding:18px 12px!important;
gap:12px!important;
border-radius:16px!important;
font-size:16px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-choice-icon {
width:52px!important;
height:52px!important;
flex-basis:52px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-actions {
grid-column:1!important;
grid-row:5!important;
width:100%!important;
max-width:560px!important;
justify-self:center!important;
}
/* Sezione 9.1. Telefoni: due righe di risposte, sempre sotto Tony. */
@media(max-width:760px) {
html body.page-id-1758 #dm-choose .ac-layout.ac-step {
grid-template-rows:auto auto minmax(0,1fr) 244px 50px!important;
gap:8px!important;
padding:8px 0 12px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-title-card {
padding:8px 12px!important;
}
html body.page-id-1758 #dm-choose .ac-step h1 {
font-size:clamp(23px,3.9dvh,34px)!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-answers {
grid-template-columns:repeat(2,minmax(0,1fr))!important;
grid-template-rows:repeat(2,118px)!important;
gap:8px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-answer {
height:118px!important;
min-height:118px!important;
padding:13px 8px!important;
gap:9px!important;
font-size:14px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-choice-icon {
width:42px!important;
height:42px!important;
flex-basis:42px!important;
}
}
/* Sezione 9.2. Schermi orizzontali bassi: quattro risposte su una riga. */
@media(max-height:520px) and (orientation:landscape) {
html body.page-id-1758 #dm-choose .ac-layout.ac-step {
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:auto auto minmax(0,1fr) 90px 44px!important;
gap:5px!important;
padding:6px 0!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-title-card {
padding:5px 10px!important;
}
html body.page-id-1758 #dm-choose .ac-step h1 {
font-size:24px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-answers {
grid-template-columns:repeat(4,minmax(0,1fr))!important;
grid-template-rows:90px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-answer {
height:90px!important;
min-height:90px!important;
padding:6px!important;
gap:5px!important;
font-size:12px!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-choice-icon {
width:30px!important;
height:30px!important;
flex-basis:30px!important;
}
}
html body.page-id-1758 #dm-choose.ac-text-only .ac-layout.ac-step {
grid-template-rows:auto auto minmax(0,1fr) 140px 54px!important;
max-width:1160px!important;
}
@media(max-width:760px) {
html body.page-id-1758 #dm-choose.ac-text-only .ac-layout.ac-step {
grid-template-rows:auto auto minmax(0,1fr) 244px 50px!important;
}
}


/* Sezione 9.3. Immagine completa nello spazio disponibile, senza tagli. */
html body.page-id-1758 #dm-choose .ac-step .ac-art img {
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
object-fit:contain!important;
}

/* Sezione 9.4. Feedback locale senza animazioni dei quattro riquadri. */
html body.page-id-1758 #dm-choose .ac-step .ac-answer {
animation:none!important;
transition:background-color .14s ease,border-color .14s ease!important;
}
html body.page-id-1758 #dm-choose .ac-step .ac-answer.ac-wrong {
background:#ffe0dc!important;
border-color:#c8352b!important;
color:#8e211b!important;
box-shadow:inset 0 0 0 1px #c8352b!important;
}