.compare-hero{padding:160px 0 80px;text-align:center;background:var(--bg-panel);position:relative;overflow:hidden}.compare-hero .kicker{justify-content:center}.compare-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.05;max-width:700px;margin:0 auto}.compare-hero .hero-desc{margin-top:20px;color:var(--ink-soft);font-size:17px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.65}.vs-svg-strip{position:relative;width:100%;height:80px;margin-top:40px;overflow:hidden}.vs-svg-strip svg{width:100%;height:100%}.vs-line{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:8 6}.vs-dot{fill:var(--line);transition:fill .4s var(--ease),r .4s var(--ease)}.vs-dot.active{fill:var(--accent)}.vs-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;fill:var(--ink-soft);text-anchor:middle;text-transform:uppercase;letter-spacing:.06em;opacity:0;transition:opacity .4s var(--ease)}.vs-label.active{opacity:1;fill:var(--accent)}.vs-arrow{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .6s var(--ease)}.vs-arrow.active{stroke-dashoffset:0}.compare-section{padding:100px 0 60px;position:relative}.compare-section:first-of-type{padding-top:60px}.compare-section .section-head{margin-bottom:40px}.pin-wrapper{position:relative}.pin-wrapper .compare-table{background:var(--paper);border:1px solid var(--line);border-radius:6px}.compare-table .tbl-head{display:grid;grid-template-columns:200px repeat(3,1fr);background:var(--ink);color:#fff;position:sticky;top:70px;z-index:10}.compare-table .tbl-head .th-label{padding:24px 28px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;opacity:.6;text-transform:uppercase;letter-spacing:.04em}.compare-table .tbl-head .th-model{padding:24px 28px;text-align:center}.compare-table .tbl-head .th-model h4{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;color:#fff;margin-bottom:6px}.compare-table .tbl-head .th-model .th-price{font-size:14px;color:var(--accent);font-weight:600}.compare-table .tbl-head .th-model .th-tag{display:inline-block;margin-top:8px;padding:4px 10px;background:#ffffff1f;border-radius:3px;font-size:11px;font-weight:500;color:#ffffffb3}.compare-table .tbl-row{display:grid;grid-template-columns:200px repeat(3,1fr);border-bottom:1px solid var(--line);transition:background .2s var(--ease)}.compare-table .tbl-row:last-child{border-bottom:none}.compare-table .tbl-row:hover{background:var(--bg-panel)}.compare-table .tbl-row .td-label{padding:18px 28px;font-size:13.5px;font-weight:500;color:var(--ink);display:flex;align-items:center;background:var(--bg-panel);border-right:1px solid var(--line)}.compare-table .tbl-row .td-val{padding:18px 28px;font-size:14px;color:var(--ink-soft);text-align:center;display:flex;align-items:center;justify-content:center}.compare-table .tbl-row .td-val:not(:last-child){border-right:1px solid var(--line)}.compare-table .tbl-row .td-val .highlight{color:var(--accent);font-weight:600}.compare-table .tbl-cta{display:grid;grid-template-columns:200px repeat(3,1fr);background:var(--bg-panel)}.compare-table .tbl-cta .td-label{padding:24px 28px}.compare-table .tbl-cta .td-btn{padding:24px 28px;display:flex;justify-content:center;align-items:center}.compare-table .tbl-cta .td-btn:not(:last-child){border-right:1px solid var(--line)}.compare-table .tbl-cta .td-btn .btn{width:100%;justify-content:center;font-size:13px;padding:13px 20px}.scroll-progress{position:fixed;top:106px;left:0;right:0;height:3px;background:var(--line);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.scroll-progress.visible{opacity:1}.scroll-progress .bar{height:100%;background:var(--accent);width:0%;transition:width .15s linear}.compare-dots{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;gap:16px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.compare-dots.visible{opacity:1;pointer-events:auto}.compare-dots .cdot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--line);border:2px solid transparent;cursor:pointer;transition:all .3s var(--ease)}.compare-dots .cdot:after{content:attr(data-label);position:absolute;right:24px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;font-weight:500;color:var(--ink-soft);opacity:0;transition:opacity .2s var(--ease);pointer-events:none}.compare-dots .cdot:hover:after,.compare-dots .cdot.active:after{opacity:1}.compare-dots .cdot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.35)}.compare-dots .cdot:hover{background:var(--accent);opacity:.7}.cat-pills{display:flex;justify-content:center;gap:12px;margin-top:32px}.cat-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--line);border-radius:40px;font-size:14px;font-weight:500;color:var(--ink-soft);background:var(--paper);transition:all .3s var(--ease);cursor:pointer}.cat-pill:hover,.cat-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.cat-pill svg{opacity:.6}.cat-pill:hover svg,.cat-pill.active svg{opacity:1}@media(max-width:1080px){.compare-table .tbl-head,.compare-table .tbl-row,.compare-table .tbl-cta{grid-template-columns:160px repeat(3,1fr)}.compare-table .tbl-head .th-label,.compare-table .tbl-row .td-label{padding:16px 20px;font-size:12.5px}.compare-table .tbl-head .th-model,.compare-table .tbl-row .td-val{padding:16px 20px}.compare-table .tbl-head .th-model h4{font-size:16px}}@media(max-width:768px){.compare-hero{padding:130px 0 60px}.compare-hero h1{font-size:clamp(28px,6vw,42px)}.compare-hero .hero-desc{font-size:15px;padding:0 16px}.cat-pills{flex-wrap:wrap;gap:8px}.cat-pill{padding:10px 18px;font-size:13px}.compare-section{padding:60px 0 40px}.compare-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table .tbl-head,.compare-table .tbl-row,.compare-table .tbl-cta{min-width:1110px}.compare-dots{right:12px}.compare-dots .cdot:after{display:none}.scroll-progress{top:60px}.vs-svg-strip{height:60px}}@media(max-width:480px){.compare-hero{padding:120px 0 40px}.compare-hero h1{font-size:clamp(24px,7vw,36px)}.compare-table .tbl-head .th-model h4{font-size:14px}.compare-table .tbl-head .th-model .th-price{font-size:12px}.compare-table .tbl-row .td-val{font-size:12.5px;padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/singari-compare.css.map */