/* Revorso — colori e forme presi dalle carte e dall'astuccio; testi e pulsanti in famiglia con calendariocreativo.it */
@font-face{font-family:"Londrina Solid";src:url("../fonts/LondrinaSolid-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Londrina Solid";src:url("../fonts/LondrinaSolid-Black.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Pangolin";src:url("../fonts/Pangolin-Regular.woff2") format("woff2");font-weight:400;font-display:swap}

:root{
  --ink:#1d1d1b;--bianco:#fff;
  /* palette delle carte */
  --blu:#3389c9;--blu-2:#3296ce;--giallo:#fbd808;--sole:#fec82b;--rosa:#ed6ba5;--rosa-ch:#f3a1af;--fucsia:#e0508b;
  --rosso:#e94447;--arancio:#e7722d;--lime:#9abe1d;--bosco:#16532c;--menta:#4ab693;--crema:#f4e8ca;--panna:#fff7e4;--miele:#cb9307;
  --titoli:"Londrina Solid","Arial Narrow",Impact,sans-serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mano:"Pangolin",cursive;
  --bordo:3px solid var(--ink);--r:22px;--max:1180px;
  --logo:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22634.3 333.75 156 41.48%22%3E%3Cpath d=%22M653.79 345.58C653.75 345.43 652.86 345.61 651.13 346.16C648.77 346.92 646.93 347.77 645.6 348.67C645.38 348.82 645.15 348.99 644.93 349.19C644.71 349.39 644.51 349.53 644.35 349.62C644.34 349.6 644.34 349.59 644.33 349.58C644.16 349.16 644.07 348.95 643.9 348.53C643.86 348.44 643.55 348.5 642.96 348.72C642.16 349.02 641.35 349.37 640.55 349.77C639.72 350.19 638.85 350.58 637.95 350.94C637.33 351.18 636.45 351.47 635.3 351.81C636.31 354.46 637.11 356.5 637.7 357.92C638.51 359.87 639.73 362.73 641.36 366.48C642.09 368.15 643.18 370.74 644.62 374.23C645.26 373.9 645.95 373.58 646.69 373.29C647.35 373.03 647.86 372.86 648.17 372.76C648.96 372.51 649.63 372.22 650.13 371.98C650.64 371.75 651.87 371.2 651.98 370.88C652.47 369.34 648.91 362.63 647.47 359.04C647.04 357.96 647.01 357.1 647.39 356.46C647.76 355.83 648.48 355.32 649.52 354.96C650.16 354.74 650.9 354.54 651.74 354.36C653 354.22 653.63 354.16 654.88 354.04C655.48 354.04 655.78 354.03 656.37 354.03C655.61 351.59 655.23 350.38 654.46 347.94C654.19 347 654.06 346.52 653.79 345.58%22 fill=%22currentColor%22/%3E%3Cpath d=%22M664.95 350.45C664.74 350.47 664.61 350.39 664.56 350.21C664.52 350.06 664.5 349.92 664.51 349.79C664.38 348.88 664.52 348.11 664.92 347.49C665.32 346.87 666.13 346.41 667.36 346.12C667.78 346.02 668.29 346.04 668.88 346.2C668.96 346.2 669.01 346.2 669.1 346.2C669.6 346.31 670.04 346.58 670.41 347.02C670.78 347.45 671.04 347.99 671.18 348.64C671.19 348.71 671.2 348.75 671.22 348.82C671.24 348.91 671.23 348.98 671.21 349.02C671.18 349.06 671.11 349.07 671 349.06C670.73 349.12 670.6 349.15 670.33 349.21C669.7 349.33 669.39 349.4 668.77 349.52C667.86 349.73 667.4 349.84 666.5 350.07C665.68 350.3 665.17 350.43 664.95 350.45M674.74 354.83C673.65 355.13 672.61 355.32 671.62 355.41C671.99 356.75 672.03 357.81 671.76 358.6C671.5 359.39 671.02 359.86 670.34 360.03C669.88 360.13 669.42 360.12 668.93 359.98C668.45 359.84 668.02 359.54 667.64 359.18C667.19 358.75 666.8 358.31 666.6 357.86C666.4 357.41 666.15 356.68 665.86 355.68C665.76 355.3 665.71 355.11 665.61 354.72C666.7 354.44 667.24 354.31 668.33 354.04C670.31 353.57 672.44 353.01 674.71 352.4C676.99 351.79 678.92 351.35 679.06 351.11C679.25 350.78 678.86 349.4 678.78 349C678.34 346.52 677.34 344.49 675.74 342.95C674.14 341.42 671.84 340.74 669.01 340.84C667.76 340.89 666.45 341.04 665.15 341.35C662.78 341.92 660.73 342.87 659.02 344.16C657.32 345.45 656.23 346.96 656.04 348.46C655.74 350.74 656.18 353.38 656.97 355.97C657.72 358.44 658.8 360.61 660.17 362.5C661.55 364.4 663.15 365.7 664.98 366.43C666.1 366.71 667.24 366.83 668.17 366.65C669.09 366.47 669.89 366.23 670.4 366.14C671.48 365.94 672.32 365.77 672.92 365.63C674.5 365.27 675.84 364.81 676.97 364.24C678.09 363.67 678.88 362.88 679.37 361.91C679.79 361.06 680 359.9 679.95 358.44C679.9 356.97 679.76 355.54 679.5 354.15C677.6 354.4 676.64 354.53 674.74 354.83%22 fill=%22currentColor%22/%3E%3Cpath d=%22M697.68 336.96C696.91 337.01 695.84 337.13 694.46 337.32C693.35 337.44 692.79 337.51 691.68 337.64C691.1 339.45 690.59 342.43 690.29 346.5C690.13 348.59 690 350.42 689.85 351.93C689.13 350.05 688.26 347.38 687.19 343.93C686.45 341.7 686.07 340.59 685.3 338.37C684.34 338.41 683.48 338.48 682.72 338.6C681.98 338.73 681.61 338.79 680.88 338.93C680.48 339.03 679.91 339.14 679.15 339.26C677.99 339.46 676.93 339.57 675.96 339.59C679.41 346.12 682.62 353.83 685.56 362.68C688.05 362.33 689.31 362.18 691.81 361.92C693.44 361.73 695.21 361.58 696.32 361.29C696.65 359.36 696.72 356.15 697.31 352.07C697.84 348.49 698.08 345.64 698.55 343.36C699.03 341.09 699.35 338.73 700.07 336.67C699.37 336.65 698.92 336.86 697.68 336.96%22 fill=%22currentColor%22/%3E%3Cpath d=%22M716.6 344.75C716.51 344.83 716.4 344.9 716.3 344.97C716.4 345.18 716.48 345.42 716.53 345.69C716.64 346.37 716.66 347.16 716.62 348.05C716.61 348.33 716.6 348.46 716.59 348.73C716.48 349.9 716.36 350.88 716.22 351.67C716.08 352.47 715.87 352.99 715.63 353.26C715.33 353.6 714.92 353.89 714.39 354.02C713.85 354.16 713.24 354.23 712.53 354.23C712.27 354.23 711.89 354.21 711.42 354.19C710.97 354.17 710.62 354.16 710.38 354.17C709.63 354.05 708.94 353.77 708.37 353.32C707.91 352.95 707.57 352.43 707.36 351.81C707.15 351.2 707.01 350.5 706.96 349.72C706.89 348.78 706.85 348.31 706.78 347.37C706.71 347 706.72 346.46 706.83 345.75C706.88 345.39 706.94 345.11 707 344.91C706.92 344.86 706.84 344.81 706.77 344.75C706.17 344.26 705.76 343.57 705.9 342.8C705.91 342.74 705.93 342.68 705.95 342.63C706.15 341.92 706.77 341.51 707.53 341.58C707.9 341.62 708.22 341.75 708.49 341.94C708.95 342.27 709.28 342.77 709.59 343.3C710.06 343.21 710.56 343.15 711.04 343.19C711.11 343.19 711.44 343.23 711.9 343.2C711.99 343.19 712.2 343.18 712.51 343.18C712.7 343.18 712.83 343.18 712.91 343.2C713.21 343.21 713.5 343.25 713.78 343.31C714.09 342.78 714.43 342.27 714.88 341.94C715.16 341.75 715.47 341.62 715.85 341.58C716.61 341.51 717.22 341.92 717.43 342.63C717.44 342.68 717.46 342.74 717.47 342.8C717.61 343.57 717.21 344.26 716.6 344.75M721.44 337.2C720.74 336.63 719.76 336.03 718.55 335.62C717.33 335.23 716.03 334.98 714.67 334.91C714.47 334.88 714.15 334.87 713.67 334.87C712.94 334.87 712.43 334.9 712.21 334.91C711.09 334.99 710.29 334.9 710.1 334.89C708.03 334.75 705.8 335.23 704.02 335.79C702.23 336.35 701.16 337.12 700.79 338.05C700.42 338.29 700.1 339.26 699.85 340.94C699.6 342.61 699.57 343.88 699.74 344.75C699.92 346.97 700 348.08 700.17 350.29C700.3 352.14 700.63 353.79 701.15 355.24C701.66 356.7 702.5 357.93 703.61 358.8C705 359.87 706.68 360.53 708.51 360.81C709.09 360.8 709.93 360.81 711.03 360.86C712.19 360.91 713.1 360.94 713.75 360.94C715.46 360.95 716.96 360.79 718.25 360.46C719.55 360.13 720.55 359.47 721.3 358.66C721.85 358.03 722.39 356.79 722.73 354.91C723.06 353.04 723.37 350.72 723.61 347.97C723.64 347.33 723.66 347.01 723.69 346.37C723.81 344.25 723.73 342.41 723.47 340.79C723.2 339.19 722.42 337.99 721.44 337.2%22 fill=%22currentColor%22/%3E%3Cpath d=%22M742.88 347.8C743.24 345.28 743.43 344.02 743.79 341.49C743.96 340.52 744.05 340.04 744.22 339.07C744.24 338.92 743.37 338.7 741.59 338.45C739.16 338.1 737.15 338.07 735.58 338.31C735.32 338.35 735.05 338.4 734.77 338.48C734.48 338.56 734.25 338.61 734.06 338.62C734.07 338.61 734.07 338.6 734.07 338.58C734.09 338.12 734.11 337.9 734.13 337.44C734.14 337.35 733.83 337.27 733.22 337.21C732.38 337.13 731.51 337.1 730.63 337.11C729.71 337.13 728.78 337.11 727.83 337.04C727.17 336.99 726.27 336.86 725.11 336.67C724.87 339.49 724.71 341.68 724.62 343.22C724.5 345.33 724.35 348.43 724.18 352.52C724.11 354.34 723.96 357.14 723.74 360.92C724.45 360.89 725.2 360.91 725.97 360.96C726.68 361.02 727.2 361.08 727.51 361.13C728.31 361.25 729.03 361.28 729.59 361.28C730.14 361.28 731.47 361.33 731.7 361.08C732.81 359.91 732.52 352.32 732.79 348.47C732.87 347.31 733.21 346.51 733.82 346.1C734.43 345.69 735.28 345.55 736.36 345.67C737.03 345.75 737.77 345.89 738.6 346.1C739.78 346.52 740.36 346.73 741.54 347.17C742.07 347.42 742.34 347.55 742.88 347.8%22 fill=%22currentColor%22/%3E%3Cpath d=%22M760.27 352.56C758.82 351.71 756.86 350.82 754.36 349.92C754.38 349.93 754.39 349.93 754.41 349.93C753.87 349.59 753.49 349.17 753.27 348.68C753.05 348.18 752.99 347.69 753.09 347.19C753.18 346.76 753.43 346.4 753.83 346.12C754.24 345.83 754.78 345.61 755.28 345.63C756.08 345.66 756.8 346.09 757.16 346.62C757.51 347.16 757.62 347.74 757.47 348.39C757.4 348.67 757.34 348.86 757.28 348.98C759.1 349.75 760.8 350.35 762.42 350.77C763.48 351.04 764.45 351.24 765.34 351.35C765.69 351.35 765.87 351.35 766.22 351.36C766.73 349.54 766.79 347.84 766.37 346.27C765.95 344.71 764.92 343.21 763.4 342.34C761.61 341.32 759.07 340.6 756.44 340.03C753.94 339.49 752.01 339.28 750.65 339.35C748.65 339.45 746.98 340.06 745.67 341.12C744.35 342.18 743.6 343.44 743.38 344.87C743.17 346.21 743.51 347.57 744.36 348.97C745.21 350.37 746.51 351.55 748.25 352.55C748.9 352.96 749.9 353.44 751.22 354C751.51 354.11 751.65 354.17 751.94 354.29C753.16 354.8 754.05 355.3 754.61 355.76C755.17 356.22 755.22 356.89 755.03 357.62C754.87 358.21 754.62 358.75 754.14 359.04C753.66 359.34 753.16 359.43 752.64 359.31C751.92 359.16 751.32 358.78 750.83 358.18C750.33 357.58 750.14 356.91 750.26 356.16C748.35 355.74 747.4 355.54 745.49 355.17C744.09 354.93 742.7 354.78 741.35 354.74C740.93 357.51 741.69 359.8 743.54 361.64C745.39 363.49 748.12 364.6 751.48 365.3C753.55 365.73 755.53 365.9 757.33 365.61C759.13 365.32 760.73 364.54 761.74 363.3C762.64 362.19 763.21 360.96 763.49 359.96C763.87 358.63 763.85 357.05 763.26 355.59C762.8 354.46 761.72 353.41 760.27 352.56%22 fill=%22currentColor%22/%3E%3Cpath d=%22M779.81 357.71C779.73 358.32 779.57 358.98 779.31 359.69C779.06 360.37 778.57 361.42 777.83 362.83C777.78 362.91 777.76 362.95 777.71 363.03C777.09 363.81 776.68 364.21 776.45 364.23C775.72 364.27 775.03 364.18 774.39 363.96C773.75 363.74 773.24 363.33 772.87 362.74C772.49 362.15 772.36 361.47 772.58 360.85C772.87 360.01 773.24 359.16 773.49 358.41C773.63 358.06 773.7 357.89 773.84 357.54C773.93 357.27 774.07 356.88 774.28 356.36C774.49 355.85 774.66 355.45 774.79 355.16C774.97 354.9 775.06 354.77 775.23 354.51C775.51 354.14 776.11 353.98 777.04 354.03C777.46 354.11 777.74 354.17 777.88 354.22C778.62 354.48 779.16 354.92 779.49 355.54C779.82 356.16 779.91 356.89 779.81 357.71M788.35 352.22C787.9 351.48 787.22 350.62 786.26 349.86C785.29 349.1 784.21 348.47 783 347.97C782.84 347.87 782.55 347.75 782.13 347.6C781.46 347.36 781 347.23 780.79 347.18C779.76 346.9 779.07 346.55 778.91 346.48C777.1 345.69 774.95 345.42 773.16 345.37C771.38 345.32 770.18 345.67 769.54 346.41C769.13 346.52 768.54 347.3 767.77 348.75C767 350.2 766.56 351.35 766.43 352.2C765.86 354.28 765.58 355.32 765.01 357.39C764.52 359.12 764.28 360.73 764.27 362.22C764.27 363.71 764.61 365.1 765.33 366.25C766.21 367.67 767.51 368.8 769.05 369.64C769.58 369.81 770.33 370.09 771.3 370.49C772.32 370.91 773.13 371.23 773.71 371.43C775.25 371.98 776.65 372.32 777.92 372.44C779.19 372.56 780.31 372.28 781.24 371.77C781.95 371.38 782.84 370.41 783.75 368.81C784.66 367.21 785.68 365.2 786.81 362.77C787.04 362.19 787.16 361.9 787.4 361.33C788.19 359.43 788.73 357.71 789.01 356.16C789.29 354.61 788.98 353.27 788.35 352.22%22 fill=%22currentColor%22/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--panna);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--titoli);font-weight:900;line-height:.95;margin:0 0 .35em;text-wrap:balance;letter-spacing:.005em}
h2{font-size:clamp(42px,6.4vw,84px)}
h3{font-size:clamp(26px,2.8vw,34px)}
p{margin:0 0 1em}
.wrap{width:min(var(--max),100% - 40px);margin-inline:auto}
.mano{font-family:var(--mano);font-size:clamp(19px,2vw,24px);line-height:1.25}
.intro{font-size:clamp(18px,1.7vw,21px);max-width:58ch}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sr:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip-path:none;background:var(--bianco);padding:10px 14px;z-index:200;border:var(--bordo);border-radius:8px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}
[hidden]{display:none!important}

.entra{opacity:0;transform:translateY(28px);transition:opacity .6s,transform .6s cubic-bezier(.2,.9,.3,1.2)}
.entra.vista{opacity:1;transform:none}

/* pulsanti */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;font-family:var(--titoli);font-weight:900;font-size:24px;line-height:1;letter-spacing:.02em;text-transform:uppercase;padding:14px 28px 15px;border-radius:999px;border:var(--bordo);background:var(--bianco);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}
.btn.giallo{background:var(--giallo)}
.btn.rosa{background:var(--rosa)}
.btn.lime{background:var(--lime)}
.btn.sm{font-size:19px;padding:9px 18px 10px;box-shadow:3px 3px 0 var(--ink)}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:5px 5px 0 var(--ink)}

/* sezioni colorate con bordo a smerli o a zigzag, come le cornici delle carte */
.sez{position:relative;padding:clamp(70px,9vw,130px) 0;background:var(--bg)}
.sez.smerli::before,.sez.zigzag::before{content:"";position:absolute;left:0;right:0;bottom:100%;margin-bottom:-1px;background:var(--bg);pointer-events:none}
.sez.smerli::before{height:26px;-webkit-mask:radial-gradient(circle at 50% 100%,#000 25px,#0000 26px) 50% 0/52px 26px repeat-x;mask:radial-gradient(circle at 50% 100%,#000 25px,#0000 26px) 50% 0/52px 26px repeat-x}
.sez.zigzag::before{height:22px;-webkit-mask:conic-gradient(from 135deg at top,#000 90deg,#0000 0) 50% 0/44px 100% repeat-x;mask:conic-gradient(from 135deg at top,#000 90deg,#0000 0) 50% 0/44px 100% repeat-x}
.onde{background:var(--blu) url("../img/onde.svg") center/100% 100% no-repeat}

/* francobollo: bordo dentellato come la carta cuscino */
.francobollo{--d:9px;-webkit-mask:linear-gradient(#000 0 0) center/calc(100% - 2*var(--d)) calc(100% - 2*var(--d)) no-repeat,radial-gradient(circle at center,#0000 calc(var(--d)*.6),#000 calc(var(--d)*.62)) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round;mask:linear-gradient(#000 0 0) center/calc(100% - 2*var(--d)) calc(100% - 2*var(--d)) no-repeat,radial-gradient(circle at center,#0000 calc(var(--d)*.6),#000 calc(var(--d)*.62)) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round}

/* header */
.header{position:fixed;top:14px;left:0;right:0;z-index:50;pointer-events:none}
.header .barra{pointer-events:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--bianco);border:var(--bordo);border-radius:999px;padding:8px 10px 8px 12px;box-shadow:5px 5px 0 var(--ink)}
.marchio{display:block;justify-self:center;padding:2px 10px}
.marchio .logo{width:170px}
.destra{justify-self:end;display:flex;align-items:center;gap:8px}
.nav-sx{justify-self:start}
.logo{display:block;width:132px;aspect-ratio:156/41.48;background:var(--blu);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.nav{display:flex;gap:2px}
.nav a{font-family:var(--titoli);font-weight:400;font-size:20px;white-space:nowrap;text-decoration:none;padding:6px 14px;border-radius:999px;transition:background .15s}
.nav a:hover{background:var(--crema)}
.menu-btn{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-btn span{display:block;width:26px;height:3px;background:var(--ink);border-radius:2px;margin:5px 0;transition:transform .2s,opacity .2s}

/* hero */
.hero{position:relative;padding:140px 0 0;color:var(--panna);overflow:hidden;display:flex}
.hero .wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:end}
.hero h1{font-size:clamp(52px,7vw,112px);line-height:.84;text-transform:uppercase;color:var(--giallo);margin:0 0 .22em;transform:rotate(-3deg);transform-origin:left center;text-shadow:5px 5px 0 rgba(22,60,110,.35)}
.hero h1 span{display:block;transition:transform .9s cubic-bezier(.3,1.5,.5,1)}
.hero h1.rovescio span:nth-child(1){transform:translateY(1.68em)}
.hero h1.rovescio span:nth-child(3){transform:translateY(-1.68em)}
.hero h1 b{display:inline-block;font-weight:900;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.hero h1 b:hover{transform:scaleX(-1)}
.hero .sotto{font-size:clamp(18px,1.75vw,22px);font-weight:500;max-width:34em;margin-bottom:1.5em}
.hero .azioni{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:34px}
.lancio{display:inline-block;background:var(--panna);color:var(--ink);border:var(--bordo);border-radius:16px;padding:10px 16px;font-size:17px;line-height:1.35;margin:0 0 26px;box-shadow:4px 4px 0 var(--ink);max-width:34em}
.hero .azioni{margin-bottom:22px}
.bolli{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:60px}
.bollo{background:var(--rosa);color:var(--panna);font-family:var(--titoli);font-weight:400;font-size:21px;letter-spacing:.03em;text-transform:uppercase;padding:13px 22px 14px;line-height:1}
.hero .orso{position:relative;align-self:end;justify-self:end;width:min(100%,700px);margin:30px 0 0;animation:respira 6s ease-in-out infinite;transform-origin:50% 100%}
@keyframes respira{50%{transform:scaleY(1.015)}}
.hero .wrap > div:first-child{align-self:center;padding-bottom:40px}

/* nastro */
.nastro{background:var(--ink);color:var(--giallo);border-block:var(--bordo);overflow:hidden;padding:14px 0;position:relative;z-index:2}
.nastro .giro{display:flex;width:max-content;animation:scorri 36s linear infinite reverse}
.nastro ul{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0 17px;font-family:var(--titoli);font-weight:900;font-size:36px;line-height:1;text-transform:uppercase;white-space:nowrap}
.nastro img{height:44px;width:auto}
@keyframes scorri{to{transform:translateX(-50%)}}

/* come si gioca */
.passi{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px;counter-reset:passo}
.passo{position:relative;border:var(--bordo);border-radius:var(--r);padding:30px 26px 26px;box-shadow:7px 7px 0 var(--ink);background:var(--c)}
.passo:nth-child(1){--c:var(--sole);transform:rotate(-1.6deg)}
.passo:nth-child(2){--c:var(--rosa-ch);transform:rotate(1.2deg);margin-top:26px}
.passo:nth-child(3){--c:var(--lime);transform:rotate(-.8deg)}
.passo::before{counter-increment:passo;content:counter(passo);display:block;font-family:var(--titoli);font-weight:900;font-size:110px;line-height:.8;margin-bottom:14px}
.passo img{position:absolute;top:-34px;right:14px;width:92px;transform:rotate(9deg);border-radius:9px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.passo p{margin:0}
.esiti{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:54px}
.esito{font-family:var(--titoli);font-weight:400;font-size:clamp(24px,2.6vw,32px);line-height:1;padding:20px 32px 22px;color:var(--panna);--d:10px}
.esito.ok{background:var(--menta)}
.esito.ko{background:var(--rosso)}

/* prova di memoria */
.gioco{display:grid;grid-template-columns:230px 1fr;gap:34px;margin-top:40px;background:var(--panna);border:var(--bordo);border-radius:calc(var(--r) + 8px);padding:clamp(20px,3vw,38px);box-shadow:9px 9px 0 var(--ink)}
.tavolo-sx{display:flex;flex-direction:column;align-items:center;gap:16px}
.pescata{position:relative;width:200px;aspect-ratio:162/252;perspective:900px}
.pescata::before{content:"";position:absolute;inset:0;border:3px dashed rgba(29,29,27,.35);border-radius:14px}
.carta{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,1.3,.5,1)}
.carta img{position:absolute;inset:0;width:100%;height:100%;border-radius:8% / 5.2%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 2px var(--ink),4px 5px 0 2px var(--ink)}
.carta .fronte{transform:rotateY(180deg)}
.carta.su{transform:rotateY(180deg)}
.pescata .carta.entra-mazzo{animation:arriva .35s ease-out}
@keyframes arriva{from{transform:translateY(-30px) scale(.9);opacity:0}}
.conta{font-family:var(--mano);font-size:19px;text-align:center;margin:0}
.tavolo-dx{display:flex;flex-direction:column;gap:18px;min-width:0}
.stato{font-family:var(--titoli);font-weight:900;font-size:clamp(28px,3.2vw,40px);line-height:1;margin:0;min-height:2em}
.stato small{display:block;font-family:var(--sans);font-weight:500;font-size:17px;line-height:1.4;margin-top:8px}
.sequenza{display:flex;flex-wrap:wrap;gap:10px;min-height:130px;padding:14px;border-radius:16px;background:var(--crema);align-content:flex-start}
.sequenza:empty::before{content:"La tua sequenza comparirà qui, coperta.";font-family:var(--mano);font-size:19px;opacity:.7;align-self:center;margin:auto}
.mini{position:relative;width:66px;aspect-ratio:162/252;perspective:600px;animation:posa .4s cubic-bezier(.3,1.5,.5,1)}
.mini .carta img{box-shadow:0 0 0 1.5px var(--ink),2px 3px 0 1.5px var(--ink)}
.mini.ora{transform:translateY(-8px)}
.mini.ora::after{content:"";position:absolute;left:50%;bottom:-13px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--fucsia)}
.mini.sbagliata{animation:trema .5s}
@keyframes posa{from{transform:translateY(-40px) rotate(-12deg);opacity:0}}
@keyframes trema{20%,60%{transform:translateX(-7px) rotate(-4deg)}40%,80%{transform:translateX(7px) rotate(4deg)}}
.comandi{display:flex;flex-wrap:wrap;gap:14px}
.scelte{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.scelta{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bianco);border:var(--bordo);border-radius:16px;padding:12px 6px 10px;cursor:pointer;font-family:var(--titoli);font-weight:900;font-size:21px;line-height:1;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .12s}
.scelta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background:var(--sole)}
.scelta img{height:54px;width:auto}
.record{font-family:var(--mano);font-size:19px;margin:0}

/* carte */
.sez.carte{color:var(--panna)}
.sez.carte h2{color:var(--lime)}
.ventaglio{display:flex;justify-content:center;margin:56px 0 18px;padding:0 20px}
.ventaglio figure{margin:0 -14px;width:min(19vw,210px);transition:transform .3s cubic-bezier(.3,1.5,.5,1);transform:rotate(calc(var(--i)*7deg)) translateY(calc(var(--i)*var(--i)*9px));position:relative}
.ventaglio figure:hover{transform:rotate(0) translateY(-26px) scale(1.07);z-index:3}
.ventaglio img,.speciale img{border-radius:8% / 5.2%;box-shadow:0 0 0 2px var(--ink),6px 7px 0 2px rgba(0,0,0,.45)}
.punti{text-align:center;margin:44px auto 0}
.speciali{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:60px}
.speciale img{width:100%}
.speciale .tipo{font-family:var(--titoli);font-weight:400;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:var(--lime);margin:18px 0 0}
.speciale h3{margin:2px 0 6px;color:var(--giallo)}
.speciale p{font-size:16.5px;margin:0}
.nota{margin-top:44px;text-align:center}

/* scatola */
.scatola-g{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.scena{perspective:1300px;height:480px;display:grid;place-items:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.scena:active{cursor:grabbing}
.scatola{will-change:transform;--w:230px;--p:160px;--h:338px;position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(var(--giro,-28deg))}
.scatola i{position:absolute;top:0;left:50%;height:var(--h);background-size:100% 100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.scatola .f1,.scatola .f3{width:var(--w);margin-left:calc(var(--w)/-2)}
.scatola .f2,.scatola .f4{width:var(--p);margin-left:calc(var(--p)/-2)}
.scatola .f1{background-image:url("../img/scatola-fronte.jpg");transform:translateZ(calc(var(--p)/2))}
.scatola .f2{background-image:url("../img/scatola-lato-rosa.jpg");transform:rotateY(90deg) translateZ(calc(var(--w)/2))}
.scatola .f3{background-image:url("../img/scatola-retro.jpg");transform:rotateY(180deg) translateZ(calc(var(--p)/2))}
.scatola .f4{background-image:url("../img/scatola-lato-verde.jpg");transform:rotateY(270deg) translateZ(calc(var(--w)/2))}
.scatola .su,.scatola .giu{width:var(--w);height:var(--p);margin-left:calc(var(--w)/-2);top:50%;margin-top:calc(var(--p)/-2);background:var(--blu)}
.scatola .su{background:var(--giallo) url("../img/scatola-sopra.jpg") center/100% 100%;transform:rotateX(90deg) translateZ(calc(var(--h)/2))}
.scatola .giu{transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:#22609a}
.scena .mano{position:absolute;bottom:0;margin:0;pointer-events:none}
.scena{position:relative}
.dati{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px}
.dati li{display:flex;align-items:baseline;gap:14px;font-size:19px}
.dati b{font-family:var(--titoli);font-weight:900;font-size:34px;line-height:1;min-width:3.6em}

/* compra */
.sez.compra{color:var(--panna)}
.sez.compra h2{color:var(--giallo)}
.offerte{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px}
.offerta{position:relative;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;background:var(--panna);color:var(--ink);border:var(--bordo);border-radius:var(--r);padding:26px;box-shadow:8px 8px 0 var(--ink)}
.offerta .pila{position:relative;width:112px;aspect-ratio:162/252;margin:14px auto}
.offerta .pila img{position:absolute;inset:0;border-radius:8% / 5.2%;box-shadow:0 0 0 2px var(--ink),4px 4px 0 2px var(--ink)}
.offerta .pila img.astuccio{border-radius:5px;height:100%;object-fit:cover}
.offerta .pila img:nth-child(1){transform:rotate(-9deg) translateX(-12px)}
.offerta .pila img:nth-child(2){transform:rotate(7deg) translateX(12px)}
.offerta h3{margin-bottom:.2em}
.offerta p{font-size:17px}
.offerta .prezzo{font-family:var(--titoli);font-weight:900;font-size:44px;line-height:1;margin:0 0 .35em}
.offerta .prezzo small{font-family:var(--sans);font-weight:500;font-size:15px;margin-left:6px}
.offerta .prezzo s{font-family:var(--sans);font-weight:500;font-size:20px;margin-left:8px;opacity:.7}
.offerta .scade{font-family:var(--mano);font-size:17px;margin:-4px 0 12px}
.offerta .btn{margin-top:4px;font-size:21px}
.garanzie{margin:36px 0 0;max-width:60ch}
.garanzie a{font-weight:700}

/* faq */
.faq-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.faq-g .zzz{width:min(100%,260px);margin:34px 0 0 20px}
details{border:var(--bordo);border-radius:18px;background:var(--bianco);margin-bottom:14px;box-shadow:5px 5px 0 var(--ink)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;font-family:var(--titoli);font-weight:400;font-size:24px;line-height:1.1}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--titoli);font-weight:900;font-size:34px;line-height:.6;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 22px 20px;margin:0}

/* footer */
.footer{background:var(--ink);color:var(--panna);padding:70px 0 34px;position:relative}
.footer .logo{background:var(--giallo);width:210px;margin-bottom:14px}
.footer-g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.footer h3{font-weight:400;font-size:24px;color:var(--rosa-ch)}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:16.5px}
.footer a{text-decoration:none}
.footer a:hover{text-decoration:underline}
.famiglia{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font-size:15px;line-height:1.3}
.famiglia img{width:72px}
.contrario{background:none;border:2px solid var(--panna);color:var(--panna);border-radius:999px;font-family:var(--mano);font-size:17px;padding:7px 16px;cursor:pointer;margin-top:22px}
.contrario:hover{background:var(--panna);color:var(--ink)}
.fine{border-top:1px solid rgba(255,247,228,.25);margin-top:44px;padding-top:20px;font-size:14px;opacity:.8}
body.al-contrario main{transform:scaleX(-1)}
main{transition:transform .7s cubic-bezier(.6,-.3,.3,1.3)}

/* pagina regole */
.testa{padding:170px 0 80px;color:var(--panna)}
.testa h1{font-size:clamp(60px,9vw,130px);text-transform:uppercase;color:var(--giallo);margin:0 0 .15em}
.regole{max-width:820px}
.regole h2{font-size:clamp(34px,4.4vw,52px);margin-top:1.3em}
.regole h3{margin-top:1.2em}
.regole li{margin-bottom:.4em}
.regole .es{background:var(--crema);border-radius:16px;padding:18px 22px;font-family:var(--mano);font-size:20px;line-height:1.35}
.regole .riga-carte{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.regole .riga-carte img{width:92px;border-radius:8% / 5.2%;box-shadow:0 0 0 2px var(--ink),3px 3px 0 2px var(--ink)}

/* forme dell'identità (disegnate da main.js alla misura di ogni elemento) */
.forma{position:relative;isolation:isolate;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.forma-sfondo{position:absolute;left:0;top:0;z-index:-1;overflow:visible;pointer-events:none}
.forma-sfondo .ombra{fill:var(--ink)}
.forma-sfondo .corpo{fill:var(--fondo,var(--bianco));stroke:var(--ink);stroke-width:3;stroke-linejoin:round}
[data-ombra="0"] > .forma-sfondo .corpo{stroke:none}
.passo{--fondo:var(--c)}
.passo[data-forma="punte"]{padding:38px 34px 34px}
.esito.ok{--fondo:var(--menta)}
.esito.ko{--fondo:var(--rosso)}
.esito{padding:22px 36px 24px}
.lancio{--fondo:var(--panna)}
.gioco{--fondo:var(--panna);padding:clamp(30px,3.4vw,44px)!important}
.regole h2{display:flex;align-items:center;gap:18px}
.numero{flex-shrink:0;display:inline-grid;place-items:center;width:66px;height:66px;--fondo:var(--giallo);font-family:var(--titoli);font-weight:900;font-size:38px;line-height:1;padding-top:2px}
.ricorda{color:var(--bianco);font-size:18px;line-height:1.45;padding:20px 26px;margin:18px 0}
.ricorda b{font-weight:700}
.regole .es{--fondo:var(--crema);background:none;padding:24px 30px}

/* acquisto: titolo e testi centrati, card come le carte del mazzo (cornice colorata, interno panna) */
.compra .wrap > h2,.compra .wrap > .intro{text-align:center;margin-left:auto;margin-right:auto}
.compra .wrap > .intro{max-width:46em}
.offerta.uno,.offerta.due{background:var(--panna);border:var(--bordo);border-radius:26px;box-shadow:8px 8px 0 var(--ink);outline:12px solid var(--cornice);outline-offset:-15px;padding:40px}
.offerta.uno{--cornice:var(--sole)}
.offerta.due{--cornice:var(--rosa-ch)}
.compra .garanzie{text-align:center;margin:34px auto 0}
.in-breve{max-width:760px;margin:40px auto 0;text-align:center;border-top:2px dashed rgba(255,247,228,.45);padding-top:26px;font-size:15.5px;line-height:1.55;opacity:.92}
.in-breve h3{color:var(--giallo);font-size:24px;margin-bottom:.35em}
.in-breve p{margin:0}

/* apertura: orso con il carrello e le carte simbolo a ventaglio dietro la testa */
.palco{position:relative;align-self:end;justify-self:end;width:min(100%,540px);margin-top:170px}
.hero .palco .orso{position:relative;z-index:1;width:100%;margin:0;justify-self:auto;animation:respira 6s ease-in-out infinite;transform-origin:50% 100%}
.fan{position:absolute;left:50%;top:21%;width:0;height:0;z-index:0}
.cv{position:absolute;bottom:0;left:calc(var(--lc) / -2);--lc:min(29vw,158px);width:var(--lc);aspect-ratio:162/252;transform-origin:50% 135%;transform:rotate(var(--a));transition:transform .9s cubic-bezier(.3,1.4,.5,1),opacity .4s;transition-delay:calc(var(--k) * 70ms);animation:ondeggia 5s ease-in-out calc(1.4s + var(--k) * .3s) infinite;perspective:700px}
.fan.chiuso .cv{transform:rotate(0) translateY(40%) scale(.6);opacity:0;animation:none}
@keyframes ondeggia{0%,100%{transform:rotate(var(--a))}50%{transform:rotate(calc(var(--a) + var(--o))) translateY(-6px)}}
.cv .giro{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.3,.5,1)}
.cv.girata .giro{transform:rotateY(180deg)}
.cv img{position:absolute;inset:0;width:100%;height:100%;border-radius:8%/5.2%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 2px var(--ink),5px 6px 0 2px rgba(22,60,110,.35)}
.cv img.dorso{transform:rotateY(180deg)}
.cta-pre{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.nota-pre{margin:0 0 0 14px;font-family:var(--mano);font-size:18px;color:var(--panna)}
.hero .azioni{align-items:flex-start}

/* l'orso dell'astuccio con il carrello attraversa lo schermo mentre si scorre la pagina */
.passeggiata{position:fixed;left:0;bottom:-22px;z-index:40;width:min(13vw,160px);pointer-events:none;opacity:0;transition:opacity .4s;will-change:transform}
.passeggiata.vista{opacity:1}
.passeggiata img{display:block;width:100%;height:auto;transform-origin:50% 100%}
.passeggiata.cammina img{animation:dondola-passo .32s ease-in-out infinite alternate}
@keyframes dondola-passo{from{transform:rotate(-4deg)}to{transform:rotate(4deg) translateY(-4px)}}

/* carrello */
.carrello-btn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:var(--bordo);background:var(--panna);cursor:pointer;flex-shrink:0;transition:background .15s}
.carrello-btn:hover{background:var(--sole)}
.carrello-btn b{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--fucsia);color:var(--bianco);border:2px solid var(--ink);font-family:var(--sans);font-size:12px;font-weight:700;line-height:18px;text-align:center}
.velo{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;opacity:0;pointer-events:none;transition:opacity .25s}
.velo.su{opacity:1;pointer-events:auto}
.cassetto{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--panna);border-left:var(--bordo);z-index:100;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .28s;visibility:hidden}
.cassetto.su{transform:none;visibility:visible}
.cassetto header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:var(--bordo);background:var(--giallo)}
.cassetto header h2{font-size:32px;margin:0}
.cassetto .chiudi{width:42px;height:42px;border-radius:50%;border:var(--bordo);background:var(--bianco);font-size:26px;line-height:1;cursor:pointer}
.righe{flex:1;overflow:auto;padding:8px 20px}
.righe .vuoto{font-family:var(--mano);font-size:20px;text-align:center;margin:40px 0}
.riga{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:2px dashed rgba(29,29,27,.3);align-items:center}
.riga img{width:72px;height:auto;border-radius:5px;box-shadow:0 0 0 2px var(--ink),3px 3px 0 2px var(--ink)}
.riga b{display:block;font-family:var(--titoli);font-weight:900;font-size:26px;line-height:1}
.riga small{display:block;font-size:14px;margin:3px 0 9px}
.riga .dx{text-align:right;font-family:var(--titoli);font-weight:900;font-size:26px;line-height:1}
.riga .dx s{display:block;font-family:var(--sans);font-weight:500;font-size:14px;opacity:.7;margin-top:4px}
.riga .togli{display:block;margin:8px 0 0 auto;border:0;background:none;text-decoration:underline;font-family:var(--sans);font-size:13px;font-weight:400;cursor:pointer;padding:0}
.qta{display:inline-flex;align-items:center;border:var(--bordo);border-radius:999px;background:var(--bianco);overflow:hidden}
.qta button{width:36px;height:36px;border:0;background:none;font-size:20px;line-height:1;cursor:pointer}
.qta button:hover{background:var(--sole)}
.qta output{min-width:28px;text-align:center;font-weight:700}
.spinta{font-family:var(--mano);font-size:18px;margin:16px 0}
.aggiungi-combo{border:0;background:none;padding:0;font:inherit;text-decoration:underline;color:var(--ink)}
.cassetto footer{padding:18px 20px 22px;border-top:var(--bordo);background:var(--rosa-ch)}
.cassetto .totale{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--titoli);font-weight:900;font-size:30px;margin-bottom:14px}
.cassetto footer .btn{width:100%}
.cassetto footer p{font-size:13px;margin:12px 0 0;text-align:center}

/* banner cookie */
.cookie{position:fixed;left:16px;bottom:16px;z-index:130;width:min(440px,calc(100% - 32px));background:var(--giallo);border:var(--bordo);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);padding:20px;font-size:15px}
.cookie h2{font-size:28px;margin:0 0 8px}
.cookie p{margin:0 0 14px}
.cookie-scelte{display:grid;gap:8px;margin:0 0 14px}
.cookie-scelte label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;background:var(--bianco);border:2px solid var(--ink);border-radius:12px;padding:8px 10px}
.cookie-scelte input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink)}
.cookie-scelte small{display:block;font-size:13px}
.cookie-tasti{display:flex;flex-wrap:wrap;gap:8px}
.cookie-tasti .btn{flex:1;white-space:nowrap;font-size:17px;padding:10px 10px 11px}
.pref-cookie:not(.btn){border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.pref-cookie:not(.btn):hover{text-decoration:underline}

/* pagine legali e pagina non trovata */
.legale{max-width:820px}
.legale h2{font-size:clamp(28px,3.4vw,40px);margin-top:1.3em}
.legale h3{margin-top:1.1em}
.legale a{font-weight:600}
.legale li{margin-bottom:.5em}
.persa{min-height:100svh;display:grid;place-items:center;text-align:center;color:var(--panna);padding:140px 0 80px}
.persa h1{font-size:clamp(64px,10vw,150px);text-transform:uppercase;color:var(--giallo);margin:0 0 .1em}
.persa img{width:min(60vw,260px);margin:0 auto 10px}
.persa .azioni{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:26px}

@media (max-width:1120px){
  .header .barra{display:flex;position:relative;padding:8px 10px 8px 20px}
  .nav,.destra .btn{display:none}
  .marchio{padding:0}
  .marchio .logo{width:132px}
  .destra{margin-left:auto}
  .menu-btn{display:block}
  .menu-mobile{position:absolute;top:calc(100% + 10px);left:0;right:0;display:flex;flex-direction:column;background:var(--bianco);border:var(--bordo);border-radius:24px;padding:12px;box-shadow:5px 5px 0 var(--ink)}
  .menu-mobile a{font-family:var(--titoli);font-size:22px;text-decoration:none;padding:10px 14px;border-radius:14px}
  .menu-mobile a:hover{background:var(--crema)}
}
@media (max-width:980px){
  .hero{padding-top:120px}
  .hero .wrap{grid-template-columns:1fr}
  .hero .orso{width:min(100%,520px);margin:10px auto 0;justify-self:center}
  .hero .wrap > div:first-child{padding-bottom:0}
  .hero h1{font-size:clamp(60px,17vw,112px)}
  .palco{justify-self:center;width:min(92%,420px);margin-top:150px}
  .cv{--lc:min(26vw,128px)}
  .passeggiata{width:96px;bottom:-14px}
  .bolli{padding-bottom:24px}
  .passi{grid-template-columns:1fr;gap:44px}
  .passo:nth-child(2){margin-top:0}
  .gioco{grid-template-columns:1fr}
  .pescata{width:150px}
  .speciali{grid-template-columns:repeat(2,1fr)}
  .ventaglio figure{width:24vw;margin:0 -3.2vw}
  .scatola-g,.faq-g,.offerte,.footer-g{grid-template-columns:1fr}
  .scena{height:400px}
  .scatola{--w:190px;--p:132px;--h:279px}
  .faq-g .zzz{width:150px;margin:10px auto 0}
}
@media (max-width:560px){
  body{font-size:17px}
  .btn{font-size:21px;padding:12px 22px 13px}
  .scelte{grid-template-columns:repeat(3,1fr)}
  .offerta{grid-template-columns:1fr;text-align:center}
  .mini{width:52px}
  .nastro ul{font-size:28px;gap:24px}
  .nastro img{height:34px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .entra{opacity:1;transform:none}
}

/* cursore: la zampa dell'orso (carta +3); sui link e sui pulsanti la zampa si inclina */
html{cursor:url("../img/cursore-zampa.png") 0 15, auto}
a,button,summary,label,select,.btn,.scelta,.scena,.carrello-btn,.menu-btn,.qta button,.pref-cookie{cursor:url("../img/cursore-zampa-clic.png") 8 7, pointer!important}
