#cards,.main-section .confronti{width:100%}#cards,.compare-img{box-sizing:border-box}.compare-img,.suggeriti{min-width:calc(100dvh - 270px);display:flex}.suggeriti,.title-block{position:relative;z-index:3}#video-bg,#video-bg .overlay{position:absolute;height:100dvh}.main-section{margin:0 50px;width:calc(100% - 100px);max-width:calc(100% - 100px);display:flex}#cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;height:fit-content;padding:0 30px 30px}#cards .card-shoe{margin:0;width:auto}#cards .card-shoe .card-shoe-text{margin:20px 0 15px 15px}#cards .card-shoe .card-shoe-text .versus{margin:0 10px;display:inline-block}.compare-card{display:flex;margin:0 0 50px}.compare-img{width:calc(100dvh - 270px);background-color:#f2f2f2;border-radius:24px;padding:0 100px}.compare-img img{width:100%;mix-blend-mode:multiply;margin:auto 0;user-select:none}.compare-info{width:100%;margin:0 0 0 50px;border-right:1px solid #e2e2e2;padding:0 50px 0 0}.compare-info:last-child{border:0}.action-group button#compare,.suggeriti{box-sizing:border-box;border-radius:24px}.compare-info .compare-el{padding:15px 0}.compare-info .compare-el span{display:block;font-size:16px;color:#6a6a6a}.compare-info .compare-el p{font-size:18px;color:#000;margin:7px 0 0}.compare-info .compare-el .buyit{color:#0ac}.action-group button#compare i,.compare-info .compare-el .buyit i{margin:0 0 0 10px}main{position:relative}#video-bg{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}#video-bg video{width:100%;height:100dvh;object-fit:cover}#video-bg .overlay{width:100%;background-color:rgba(0,0,0,.4);z-index:1}.title-block{margin:0 0 0 auto}.title-block h1{text-align:right;font-size:6.5dvw;color:#fff;margin:0 0 0 auto}.suggeriti{flex-direction:column;width:calc(100dvh - 270px);height:calc(100dvh - 270px);background-color:#fff;padding:50px 20px 20px}.suggeriti h2{font-size:22px;margin:0 0 10px 30px}.suggeriti p{font-size:16px;color:#6a6a6a;font-weight:400;margin:0 0 20px 30px}.suggeriti .suggeriti-content{height:100%;overflow-y:auto;padding:0 25px 0 0}.suggeriti .suggeriti-content::-webkit-scrollbar{width:7px}.suggeriti .suggeriti-content::-webkit-scrollbar-thumb{background-color:#a2a2a2;border-radius:10px}.action-group{margin:20px 0 0 30px;width:calc(100% - 67px);display:flex;gap:20px}.action-group button#compare{background:#000;color:#fff;padding:15px 10px;transition:.3s;font-size:18px;width:100%}.action-group button#info{height:100%;aspect-ratio:1;border-radius:100%}.info-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2147483647;backdrop-filter:blur(5px);background-color:rgba(0,0,0,.8)}.info-container .info{display:flex;height:100%;width:100%}.info-container .info .close-info{position:absolute;top:30px;right:30px;display:flex;width:60px;min-width:60px;height:60px;border-radius:60px;background:0 0;color:#fff;outline:0;border:none;font-size:28px;cursor:pointer}.info-container .info .content{display:flex;flex-direction:column;margin:auto;padding:0 50px;max-width:790px}.info-container .info .content .message{font-size:18px;color:#fff;margin:0}@media only screen and (max-width:991px) and (min-width:768px){main #cards.suggeriti-content{grid-template-columns:repeat(2,1fr)!important}main .compare-img{width:200px;min-width:200px;padding:0 20px}}@media only screen and (max-width:1199px) and (min-width:992px){main .main-section{flex-direction:column-reverse}main .main-section .title-block{margin:0 0 100px}main .main-section .title-block h1{text-align:left;font-size:7dvw}main .main-section .suggeriti{height:50dvh;width:auto}main #cards.suggeriti-content{grid-template-columns:repeat(2,1fr)!important}main .compare-img{width:500px;min-width:500px;padding:0 50px}}@media only screen and (max-width:1399px) and (min-width:1200px){main .main-section{flex-direction:column-reverse}main .main-section .title-block{margin:0 0 100px}main .main-section .title-block h1{text-align:left;font-size:8dvw}main .main-section .suggeriti{height:50dvh;width:auto}main #cards.suggeriti-content{grid-template-columns:repeat(2,1fr)!important}main .compare-img{width:500px;min-width:500px;padding:0 50px}}