.comparison-showcase{position:relative;background:var(--section-bg);overflow:hidden;isolation:isolate}.comparison-showcase:before{content:"";position:absolute;width:650px;height:650px;left:58%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(136,214,63,.28) 0%,rgba(136,214,63,.12) 28%,rgba(136,214,63,.05) 45%,transparent 72%);pointer-events:none;z-index:-1}.comparison-showcase .page-width{max-width:var(--content-width);margin:auto}.comparison-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.comparison-content{max-width:100%;text-align:center}.comparison-subtitle{display:inline-flex;align-items:center;gap:12px;color:var(--subtitle-color);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.comparison-subtitle:before{content:"";width:42px;height:2px;background:currentColor}.comparison-heading{margin:0;color:var(--heading-color);font-size:var(--heading-size);line-height:1.1;font-weight:700}.comparison-description{margin-top:12px;color:var(--text-color);font-size:var(--body-size);line-height:1.8}.comparison-card--left .comparison-card__title{color:#fff}.comparison-area{position:relative}.comparison-cards{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:20px;position:relative;width:fit-content;margin:auto}.comparison-card{position:relative;display:flex;flex-direction:column;border-radius:20px;padding:20px;min-height:auto;transition:.35s ease;width:350px}.comparison-card__icon{width:64px;height:64px;margin:0 auto 20px}.comparison-card__icon img{width:100%;display:block}.comparison-card__title{margin:0;text-align:center;font-size:20px;font-weight:700;padding-bottom:10px}.comparison-card__subtitle{margin-top:10px;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:1.4px;font-size:12px}.comparison-card--left{background:var(--left-card-bg);color:#fff;border:1px solid var(--left-border);box-shadow:0 0 0 1px #88d63f1f,0 8px 20px #88d63f2e}.comparison-card--left .comparison-card__subtitle{color:#b8e577}.comparison-card--right{background:var(--right-card-bg);color:#111;border:1px solid var(--right-border);box-shadow:0 18px 40px #00000014}.comparison-card--right .comparison-card__subtitle{color:#777}.comparison-list{margin:0;padding:0;list-style:none;flex:1}.comparison-item{display:flex;align-items:center;gap:16px;padding:10px 0}.comparison-card--left .comparison-item{border-top:1px solid rgba(255,255,255,.08)}.comparison-card--right .comparison-item{border-top:1px solid #ececec}.comparison-item:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.comparison-card--right .comparison-item:last-child{border-bottom:1px solid #ececec}.comparison-icon{flex:0 0 auto}.icon-check,.icon-cross{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-check{color:var(--check-color);fill:var(--check-color)}.icon-cross span{content:"";display:block;height:.3rem;width:2.3rem;background:var(--cross-color);border-radius:1rem;transform:rotate(45deg);flex-shrink:0;flex-grow:0}.comparison-table__x span:nth-child(2){position:absolute;transform:rotate(-45deg)}.comparison-text{font-size:14px;line-height:1.5}.comparison-vs{position:relative;display:flex;justify-content:center;align-items:center;z-index:5}.comparison-vs__circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--vs-bg);color:var(--vs-color);font-size:16px;font-weight:700;border:2px solid rgba(255,255,255,.14);box-shadow:0 0 0 8px #ffffff08,0 6px 25px #00000047}.comparison-card:hover{transform:translateY(-8px)}.comparison-card--left:hover{box-shadow:0 0 0 1px #88d63f33,0 8px 12px #88d63f47}.comparison-card--right:hover{box-shadow:0 8px 12px #00000024}@media screen and (max-width:1199px){.comparison-showcase .page-width{padding-left:30px;padding-right:30px}.comparison-grid{grid-template-columns:1fr;gap:30px}.comparison-content{max-width:750px;margin:0 auto;text-align:center}.comparison-subtitle{justify-content:center}.comparison-cards{grid-template-columns:1fr auto 1fr;gap:30px;width:100%;margin:auto}.comparison-card{min-height:auto;width:100%}.comparison-vs{order:2}.comparison-card--left{order:1}.comparison-card--right{order:3}}@media screen and (max-width:767px){.comparison-showcase{overflow:hidden}.comparison-showcase:before{width:380px;height:380px;top:45%;left:50%}.comparison-showcase .page-width{padding-left:18px;padding-right:18px}.comparison-grid{gap:45px}.comparison-content{text-align:center;max-width:100%}.comparison-subtitle{justify-content:center;font-size:14px;letter-spacing:1.6px}.comparison-subtitle:before{width:32px}.comparison-heading{font-size:28px;line-height:1.15}.comparison-description{font-size:15px;line-height:1.7;margin-top:18px}.comparison-cards{gap:22px;grid-template-columns:1fr}.comparison-card{border-radius:22px;padding:24px;min-height:auto}.comparison-card__icon{width:50px;height:50px;margin-bottom:16px}.comparison-card__subtitle{font-size:11px;letter-spacing:1px;margin-bottom:25px}.comparison-item{gap:12px;padding:16px 0}.comparison-text{font-size:14px;line-height:1.5}.icon-check,.icon-cross{width:28px;height:28px}.icon-check svg,.icon-cross svg{width:15px;height:15px}.comparison-vs{margin:0 auto}}@media screen and (max-width:480px){.comparison-heading{font-size:24px}.comparison-description{font-size:14px}.comparison-card{padding:20px}.comparison-card__title{font-size:18px}.comparison-card__subtitle{font-size:10px}.comparison-text{font-size:13px}.comparison-vs__circle{width:64px;height:64px;font-size:20px}}.comparison-hidden{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.comparison-visible{opacity:1;transform:none}.comparison-card.active-card{transform:translateY(-10px)}.comparison-card--left.active-card{box-shadow:0 0 0 1px #88d63f33,0 8px 12px #88d63f47}.comparison-card--right.active-card{box-shadow:0 8px 12px #00000029}.comparison-card,.comparison-vs__circle{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}
/*# sourceMappingURL=/cdn/shop/t/16/assets/comparison-showcase.css.map */