.compare-banner{--compare-banner-dark: #0B080C;background:var(--compare-banner-dark);position:relative;isolation:isolate;padding-block:clamp(36px,10.8981vw,108px) clamp(105px,31.7861vw,315px)}.compare-banner__head{text-align:center;padding-top:clamp(23px,7.22vw,72px);padding-inline:clamp(27px,8.33vw,83px);position:absolute;top:0;right:0;left:0;bottom:auto;z-index:2}.compare-banner__title{color:#fff}.compare-banner__subtitle{color:#fff;font-weight:600;line-height:1.05;font-size:clamp(10px,3.33vw,33px);margin-top:clamp(7px,2.22vw,22px);max-width:40ch;margin-inline:auto}.compare-banner__media{display:grid;grid-template-columns:1fr 1fr;position:relative}.compare-banner__media:before{content:"";position:absolute;inset:0 0 auto 0;height:20%;background:linear-gradient(180deg,var(--compare-banner-dark) 0%,rgba(0,0,0,0) 100%);z-index:1;pointer-events:none}.compare-banner__col{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--compare-banner-dark)}.compare-banner__photo{position:relative;width:100%;aspect-ratio:160 / 208;overflow:clip}.compare-banner__photo img{width:100%;height:100%;object-fit:cover;object-position:bottom;display:block;position:absolute;top:0;left:0}.compare-banner__photo:before{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,rgba(11,11,29,0) 0%,var(--compare-banner-dark) 100%);z-index:1;pointer-events:none}.compare-banner__meta{position:absolute;left:0;right:0;bottom:calc(-1*clamp(28px,8.4763vw,84px));z-index:2;text-align:center}.compare-banner__name{color:#fff;text-transform:uppercase;font-weight:400;line-height:1.05;font-size:clamp(15px,4.63vw,46px)}.compare-banner__price{color:var(--text-highlight-color);text-transform:uppercase;font-weight:400;line-height:.8;font-size:clamp(23px,7.366vw,73px);margin-top:0}.compare-banner__meta .btn,.compare-banner__foot .btn{text-transform:uppercase;padding-inline:clamp(10px,3.532vw,35px)}.compare-banner__meta .btn{min-width:clamp(127px,39.859vw,395px)}.compare-banner__actions{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.6vw,14px);margin-top:clamp(12px,3.5vw,34px)}.compare-banner__form{display:contents}.compare-banner__actions .btn{background-color:var(--button-bg-color);color:var(--button-text-color, var(--text-color, #0B080C));border:2px solid var(--button-bg-color);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.compare-banner__actions .btn:hover,.compare-banner__actions .btn:focus-visible{background-color:transparent;color:var(--button-bg-color);border-color:var(--button-bg-color);filter:none}.compare-banner__foot{background:var(--compare-banner-dark);display:flex;position:absolute;right:0;bottom:0;left:0;top:auto;z-index:3;justify-content:center;padding-bottom:clamp(26px,8.24vw,82px);padding-inline:clamp(16px,4vw,40px)}.compare-banner__specs{display:inline-flex;align-items:center;justify-content:center;gap:.4em;box-sizing:border-box;text-decoration:none;text-transform:uppercase;font-weight:700;line-height:1.05;border-radius:50px;background:linear-gradient(to top,#000,#121235);border:2px solid var(--text-highlight-color);color:var(--text-highlight-color);width:clamp(157px,49.07vw,486px);max-width:100%;min-height:clamp(30px,9.26vw,92px);padding-inline:1.2em;font-size:clamp(11px,3.52vw,35px)}@media(min-width:992px){.compare-banner{padding-block:0 clamp(120px,16vw,150px)}.compare-banner__head{padding-block:clamp(50px,5.2493vw,100px);padding-inline:clamp(94px,9.43vw,181px)}.compare-banner__subtitle{font-size:clamp(18px,1.89vw,36px);line-height:.83;margin-top:clamp(16px,1.627vw,31px);max-width:62ch}.compare-banner__photo{padding-bottom:clamp(65px,6.8241vw,130px);aspect-ratio:960 / 947}.compare-banner__photo:before{bottom:0;height:65%}.compare-banner__media:before{height:35%;background:linear-gradient(180deg,#121235,#0000)}.compare-banner__meta{bottom:clamp(65px,6.8241vw,130px)}.compare-banner__name{font-size:clamp(25px,2.6247vw,50px)}.compare-banner__price{font-size:clamp(35px,3.57vw,68px);line-height:.85}.compare-banner__meta .btn,.compare-banner__foot .btn{min-width:auto;padding-inline:clamp(15px,2vw,40px)}.compare-banner__actions{flex-direction:row;justify-content:center;flex-wrap:wrap;margin-top:clamp(8px,.8vw,16px);gap:clamp(6px,.6vw,12px)}.compare-banner__foot{padding-bottom:clamp(27px,2.8871vw,55px);padding-top:10px}.compare-banner__specs{width:clamp(222px,22.4vw,430px);min-height:clamp(41px,4.17vw,80px);font-size:clamp(17px,1.67vw,32px)}}@media(prefers-reduced-motion:reduce){.compare-banner__actions .btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-comparison-banner.css.map */