.cinoton-compare{display:block;padding:clamp(64px,7vw,112px) 0;overflow:hidden;background:var(--compare-bg, #090b0f);color:var(--compare-text, #f4f7fb)}.cinoton-compare *,.cinoton-compare *:before,.cinoton-compare *:after{box-sizing:border-box}.cinoton-compare__wrap{width:min(calc(100% - clamp(32px,7vw,112px)),var(--page-box-width, 1600px));margin-inline:auto}.cinoton-compare__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(28px,4vw,52px)}.cinoton-compare__heading p{margin:0 0 12px;color:var(--compare-accent, #54c9ff);font-size:12px;font-weight:750;letter-spacing:.18em;line-height:1.25}.cinoton-compare__heading h2{max-width:860px;margin:0;color:var(--compare-text, #f4f7fb);font-size:clamp(38px,4.8vw,72px);font-weight:650;letter-spacing:-.045em;line-height:.98}.cinoton-compare__heading h2 span{color:var(--compare-muted, #aeb9c5)}.cinoton-compare__heading div>div{max-width:680px;margin-top:20px;color:var(--compare-muted, #aeb9c5);font-size:clamp(15px,1.3vw,18px);line-height:1.55}.cinoton-compare__heading>a{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;min-height:44px;padding:4px 0;color:var(--compare-accent, #54c9ff);font-size:15px;font-weight:650;text-decoration:none}.cinoton-compare__heading>a span{transition:transform .2s ease}.cinoton-compare__heading>a:hover span{transform:translate(4px)}.cinoton-compare__mobile-nav{display:none}.cinoton-compare__mobile-nav button{display:inline-grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--compare-border, #2b323c);border-radius:50%;background:var(--compare-panel, #14181f);color:var(--compare-text, #f4f7fb);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}.cinoton-compare__mobile-nav button:hover,.cinoton-compare__mobile-nav button:focus-visible{border-color:var(--compare-accent, #54c9ff);color:var(--compare-accent, #54c9ff)}.cinoton-compare__mobile-nav button:focus-visible{outline:2px solid var(--compare-accent, #54c9ff);outline-offset:2px}.cinoton-compare__mobile-nav button:disabled{opacity:.32;cursor:default}.cinoton-compare__mobile-nav button:disabled:hover{border-color:var(--compare-border, #2b323c);color:var(--compare-text, #f4f7fb)}.cinoton-compare__mobile-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cinoton-compare__rail{display:grid;grid-template-columns:repeat(var(--compare-columns, 3),minmax(0,1fr));align-items:start;gap:clamp(12px,1.5vw,24px)}.cinoton-compare__slot{min-width:0}.cinoton-compare__select-wrap{position:relative;display:block;margin-bottom:18px}.cinoton-compare__select-wrap select{width:100%;max-width:100%;min-width:0;min-height:50px;padding:0 48px 0 16px;overflow:hidden;border:1px solid var(--compare-border, #2b323c);border-radius:6px;outline:none;background:var(--compare-panel, #14181f);color:var(--compare-text, #f4f7fb);font:inherit;font-size:14px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.cinoton-compare__select-wrap select:hover{border-color:var(--compare-muted, #aeb9c5)}.cinoton-compare__select-wrap select:focus-visible{border-color:var(--compare-accent, #54c9ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--compare-accent, #54c9ff) 25%,transparent)}.cinoton-compare__select-wrap>svg{position:absolute;top:50%;bottom:auto;right:16px;display:block;width:18px;height:18px;margin:0;color:var(--compare-muted, #aeb9c5);pointer-events:none;transform:translateY(-50%)}.cinoton-compare__product{overflow:hidden;border:1px solid var(--compare-border, #2b323c);border-radius:12px;background:var(--compare-panel, #14181f)}.cinoton-compare__product[hidden]{display:none!important}.cinoton-compare__summary{padding:0 clamp(18px,2vw,28px) clamp(24px,2.5vw,34px)}.cinoton-compare__media{display:grid;width:calc(100% + clamp(36px,4vw,56px));aspect-ratio:1.22 / 1;margin:0 calc(clamp(18px,2vw,28px)*-1) 26px;place-items:center;overflow:hidden;background:#f4f5f6}.cinoton-compare__media img,.cinoton-compare__placeholder{width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.cinoton-compare__media:hover img{transform:scale(1.035)}.cinoton-compare__summary h3{height:2.3em;margin:0 0 14px;font-size:clamp(20px,1.65vw,27px);font-weight:650;letter-spacing:-.025em;line-height:1.15}.cinoton-compare__summary h3 a{display:-webkit-box;height:100%;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:inherit;text-decoration:none}.cinoton-compare__summary h3 a:hover{color:var(--compare-accent, #54c9ff)}.cinoton-compare__price{display:flex;min-height:34px;align-items:baseline;gap:10px;margin-bottom:18px;color:var(--compare-text, #f4f7fb)}.cinoton-compare__price small{color:var(--compare-muted, #aeb9c5);font-size:13px}.cinoton-compare__price strong{font-size:19px;font-weight:650}.cinoton-compare__price s{color:var(--compare-muted, #aeb9c5);font-size:13px}.cinoton-compare__buy,.cinoton-compare__learn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:5px;font-size:13px;font-weight:750;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background-color .2s ease,color .2s ease}.cinoton-compare__buy{min-width:116px;padding:0 22px;background:var(--compare-text, #f4f7fb);color:var(--compare-bg, #090b0f)}.cinoton-compare__buy:hover{transform:translateY(-2px)}.cinoton-compare__buy.is-disabled{opacity:.5;pointer-events:none}.cinoton-compare__feature{min-height:174px;padding:24px clamp(18px,2vw,28px);border-top:1px solid var(--compare-border, #2b323c)}.cinoton-compare__feature-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.cinoton-compare__feature-title span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:var(--compare-accent, #54c9ff)}.cinoton-compare__feature-title svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cinoton-compare__feature-title h4{margin:0;color:var(--compare-text, #f4f7fb);font-size:17px;font-weight:650;line-height:1.25}.cinoton-compare__feature>strong{display:block;margin-bottom:8px;color:var(--compare-text, #f4f7fb);font-size:16px;font-weight:550;line-height:1.4}.cinoton-compare__feature>p{margin:0;color:var(--compare-muted, #aeb9c5);font-size:14px;line-height:1.5}.cinoton-compare__learn{gap:10px;margin:24px clamp(18px,2vw,28px) 28px;padding:0 18px;border:1px solid var(--compare-border, #2b323c);color:var(--compare-text, #f4f7fb)}.cinoton-compare__learn:hover{border-color:var(--compare-accent, #54c9ff);color:var(--compare-accent, #54c9ff)}.cinoton-compare__learn span{font-size:17px;transition:transform .2s ease}.cinoton-compare__learn:hover span{transform:translate(3px)}.cinoton-compare__empty{padding:30px;border:1px dashed #777;background:#eee;color:#222;text-align:center}@media(max-width:989px){.cinoton-compare__heading{align-items:flex-start}.cinoton-compare__heading h2{font-size:clamp(36px,7vw,58px)}.cinoton-compare__rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(76vw,410px);gap:16px;width:calc(100% + (100vw - 100%)/2);padding-right:max(20px,calc((100vw - var(--page-box-width, 1600px)) / 2));padding-bottom:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;scrollbar-color:var(--compare-accent, #54c9ff) var(--compare-border, #2b323c)}.cinoton-compare__slot{scroll-snap-align:start}}@media(max-width:749px){.cinoton-compare{padding:58px 0 64px}.cinoton-compare__wrap{width:calc(100% - 32px);max-width:calc(100vw - 32px)}.cinoton-compare__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px;margin-bottom:26px}.cinoton-compare__heading>div:first-child{grid-column:1 / -1}.cinoton-compare__heading h2{font-size:clamp(34px,11vw,48px)}.cinoton-compare__heading div>div{margin-top:16px;font-size:15px}.cinoton-compare__heading>a{grid-column:1;margin-top:10px}.cinoton-compare__mobile-nav{display:flex;grid-column:2;gap:8px;margin-top:10px}.cinoton-compare__rail{width:100%;max-width:100%;grid-auto-columns:100%;padding-right:0}.cinoton-compare__slot,.cinoton-compare__select-wrap,.cinoton-compare__panels,.cinoton-compare__product{min-width:0;max-width:100%}.cinoton-compare__select-wrap>svg{top:45%}.cinoton-compare__media{aspect-ratio:1.12 / 1}.cinoton-compare__feature{min-height:158px}}@media(prefers-reduced-motion:reduce){.cinoton-compare__media img,.cinoton-compare__heading>a span,.cinoton-compare__learn span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-collection-compare.css.map */