.cc{padding:56px 0}.cc__header{text-align:center;max-width:860px;margin:0 auto 22px}.cc__heading{margin:0;font-size:34px;line-height:1.15}.cc__subheading{margin-top:10px;color:rgba(var(--color-foreground),.75)}.cc__wrap{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;max-width:1100px;margin:0 auto;--cc-cardTop-h: 320px;--cc-rows-pt: 14px;--cc-row-h: 44px;--cc-mid-offset: 0px}.cc__card--left{background:linear-gradient(180deg,#ea7630f2,#ea763059 42%,#fff)}.cc__card{border-radius:18px;overflow:hidden;border:1px solid rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.02)}.cc__card.cc__card--left{background:linear-gradient(180deg,#ea7630f2,#ea763059 42%,#fff);border-color:#ea763059}.cc__card--left{border-color:#ea763059}.cc__cardTop{padding:16px 16px 0 18px;text-align:center;min-height:var(--cc-cardTop-h);box-sizing:border-box}.cc__cardTitle{margin:0 0 10px;font-size:18px;line-height:1.2}.cc__logo{display:flex;justify-content:center;align-items:center;margin:0 0 10px}.cc__logo img{max-width:160px;width:auto;height:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.15))}.cc__card--left .cc__cardTitle{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.18)}.cc__image{border-radius:14px;overflow:hidden;background:#fff}.cc__image img{width:100%;height:260px;display:block;object-fit:contain;padding:10px}.cc__rows{padding:var(--cc-rows-pt) 18px 18px 18px;display:flex;flex-direction:column;gap:10px}.cc__card--left .cc__rows{padding-right:78px}.cc__card--right .cc__rows{padding-left:78px}.cc__row{background:#ffffffbf;border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;padding:10px 12px;min-height:var(--cc-row-h);box-sizing:border-box}.cc__value{display:flex;align-items:center;gap:10px}.cc__value--right{justify-content:space-between;gap:10px;text-align:right}.cc__text{font-size:14px;color:rgba(var(--color-foreground),.85)}.cc__value--right .cc__text{display:block;text-align:right;flex:1 1 auto;min-width:0;padding-right:10px}.cc__icon{width:22px;height:22px;border-radius:999px;display:inline-flex;flex:0 0 auto;position:relative}.cc__icon--good{background:#22c55e29;border:1px solid rgba(34,197,94,.35)}.cc__icon--good:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#22c55ef2,#22c55ebf);clip-path:polygon(38% 66%,28% 56%,23% 61%,38% 76%,79% 35%,74% 30%)}.cc__icon--bad{background:#ef444424;border:1px solid rgba(239,68,68,.35)}.cc__icon--bad:before,.cc__icon--bad:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#ef4444f2;transform-origin:center}.cc__icon--bad:before{transform:translate(-50%,-50%) rotate(45deg)}.cc__icon--bad:after{transform:translate(-50%,-50%) rotate(-45deg)}.cc__icon--none{display:none}.cc__mid{display:flex;align-items:center;justify-content:center;z-index:3}.cc__midBox{position:absolute;left:50%;top:calc(var(--cc-cardTop-h) + var(--cc-rows-pt) + var(--cc-mid-offset));transform:translate(-50%);border-radius:18px;background:#fff;border:1px solid rgba(var(--color-foreground),.12);padding:16px;box-shadow:0 18px 60px #0000001f;min-width:250px;max-width:290px}.cc__midRow{height:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;margin-bottom:10px;border-bottom:0;text-align:center;font-weight:650;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.cc__midRow:last-child{margin-bottom:0}.cc__cta{display:flex;justify-content:center;margin-top:18px}.cc__button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;font-weight:600;background:#ea7630;color:#fff;text-decoration:none}.cc__button:hover{opacity:.92}.cc__fineprint{margin:14px auto 0;max-width:780px;text-align:center;font-size:12px;color:rgba(var(--color-foreground),.6)}@media(max-width:989px){.cc__wrap{grid-template-columns:1fr;gap:12px}.cc__mid{display:none}.cc__image img{max-height:220px}.cc__card--left{background:linear-gradient(180deg,#ea7630eb,#ea763040 40%,#fff)}}@media(max-width:749px){.cc{padding:40px 0}.cc__heading{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-comparison-cards.css.map */
