.spec-comparator{position:relative;min-height:85vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 60rem 40rem at 85% 0%,rgba(234,13,66,.16) 0%,transparent 60%),linear-gradient(180deg,#0a0a0b,#050505);border-top:3px solid #ea0d42;overflow:hidden;text-align:center}.spec-comparator__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.spec-comparator__glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}.spec-comparator__glow--1{width:40rem;height:40rem;top:-15rem;right:-10rem;background:#ea0d4252;animation:comparator-drift-1 20s ease-in-out infinite}.spec-comparator__glow--2{width:32rem;height:32rem;bottom:-14rem;left:-8rem;background:#2864ff33;animation:comparator-drift-2 24s ease-in-out infinite}@keyframes comparator-drift-1{0%,to{transform:translate(0)}50%{transform:translate(-3rem,3rem)}}@keyframes comparator-drift-2{0%,to{transform:translate(0)}50%{transform:translate(3rem,-3rem)}}.spec-comparator__gridlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%)}@media(prefers-reduced-motion:reduce){.spec-comparator__glow--1,.spec-comparator__glow--2{animation:none}}.spec-comparator__inner{position:relative;z-index:1;width:100%;max-width:124rem;margin:0 auto;padding:0 2rem}spec-comparator{display:block}.spec-comparator__header{position:relative;z-index:1;width:100%;text-align:center;margin-bottom:3rem}.spec-comparator__eyebrow{display:block;max-width:44rem;margin:0 auto 1rem;font-family:"Orbitron",var(--font-heading-family);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#ea0d42;font-weight:700}.spec-comparator__heading{color:#fff;max-width:50rem;margin:0 auto 1.1rem;font-size:clamp(2.5rem,5.5vw,4.25rem)}.spec-comparator__intro{color:#a8a8a8;max-width:44rem;margin:0 auto;font-size:1.25rem;line-height:1.6}.spec-comparator__pickers{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem;max-width:42rem;margin:0 auto 2rem}.spec-comparator__picker{display:flex;flex-direction:column;gap:.6rem}.spec-comparator__picker label{font-family:"Orbitron",var(--font-heading-family);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#ea0d42;font-weight:700}.spec-comparator__picker select{color-scheme:dark;width:100%;padding:1rem 2.75rem 1rem 1.25rem;background-color:#17171a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.95rem;font-family:Poppins,sans-serif;border-radius:.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea0d42' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-comparator__picker select:focus-visible{outline:none;border-color:#ea0d42;box-shadow:0 0 0 3px #ea0d422e}.spec-comparator__picker select option{background:#111;color:#fff}.spec-comparator__start-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 auto;padding:1.15rem 2.75rem;background:#ea0d42;color:#fff;border:none;border-radius:3rem;font-weight:700;font-size:1.05rem;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.spec-comparator__start-btn:hover{background:#ff1c53;transform:translateY(-2px)}.spec-comparator__hint{position:relative;margin:1rem 0 0;color:#9a9a9a;font-size:.9rem}.spec-comparator__hint[hidden]{display:none}.spec-comparator__table-wrap{position:relative;max-width:108rem;margin:3.5rem auto 0}.spec-comparator__table-wrap[hidden]{display:none}.spec-comparator__table-wrap:not([hidden]){animation:comparator-reveal .55s ease both}@keyframes comparator-reveal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.spec-comparator__table-wrap:not([hidden]){animation:none}}.spec-comparator__grid{position:relative;display:grid;grid-template-columns:repeat(var(--comparator-cols, 1),1fr);gap:3.5rem}.spec-comparator__grid:after{content:"VS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:#050505;border:2px solid #ea0d42;border-radius:50%;font-family:"Orbitron",var(--font-heading-family);font-weight:700;font-size:.9rem;color:#ea0d42;box-shadow:0 0 0 6px #050505,0 0 24px #ea0d4266}@media screen and (max-width:749px){.spec-comparator__grid:after{display:none}}.spec-comparator__card{overflow:hidden;text-align:left}.spec-comparator__card-image-wrap{position:relative;aspect-ratio:1 / 1;display:block;background:#ffffff0a}.spec-comparator__card-image-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.spec-comparator__card-body{padding:2rem}.spec-comparator__card-title{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 .5rem;text-decoration:none;display:block}.spec-comparator__card-price{color:#ea0d42;font-weight:700;font-size:1.3rem;margin:0 0 1.5rem}.spec-comparator__card-specs{display:flex;flex-direction:column;gap:1rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.1)}.spec-comparator__card-spec{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.spec-comparator__card-spec-label{font-size:.85rem;color:#999;text-transform:uppercase;letter-spacing:.04em}.spec-comparator__card-spec-value{font-family:"Orbitron",var(--font-heading-family);font-size:1.25rem;color:#fff;font-variant-numeric:tabular-nums;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:12rem}.spec-comparator__empty{position:relative;text-align:center;color:#9a9a9a}@media screen and (max-width:749px){.spec-comparator{min-height:auto}.spec-comparator__grid{grid-template-columns:1fr!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-spec-comparator.css.map */