jawa-compare{display:block}.jcsx{background:var(--jcsx-panel, var(--jawa-s-bg, transparent))}.jcsx__grid{display:grid;grid-template-columns:minmax(0,var(--jcsx-media-w, 50%)) minmax(0,1fr);gap:40px 80px;align-items:center}.jcsx--media-right .jcsx__media{order:2}.jcsx__compare{position:relative;overflow:hidden;aspect-ratio:var(--jcsx-ratio, 4 / 5);background:var(--jawa-media);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}.jcsx__compare--empty{cursor:default}.jcsx__img,.jcsx__compare .jawa-placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.jcsx__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0);will-change:clip-path}.jcsx__tag{position:absolute;top:16px;z-index:2;padding:7px 12px;background:#ffffffeb;color:var(--jawa-text);font-family:var(--jawa-font-brand);font-weight:var(--jawa-brand-weight);font-size:10px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;transition:opacity .3s ease}.jcsx__tag--before{left:16px}.jcsx__tag--after{right:16px}.jcsx__divider{position:absolute;top:0;bottom:0;left:var(--pos, 50%);z-index:3;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #00000014;pointer-events:none}.jcsx__grip{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:#14141459;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%,-50%);transition:transform .25s ease,background-color .25s ease}.jcsx__compare:hover .jcsx__grip,.jcsx__compare.is-dragging .jcsx__grip{background:var(--jcsx-accent, var(--jawa-gold));transform:translate(-50%,-50%) scale(1.08)}.jcsx__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.jcsx__compare:has(.jcsx__range:focus-visible) .jcsx__grip{outline:2px solid #ffffff;outline-offset:3px;box-shadow:0 0 0 5px var(--jawa-text)}.jcsx__hint{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:var(--jawa-text-4)}.jcsx__hint:before{content:"";width:24px;height:1px;background:currentColor}.jcsx__content>*{margin:0}.jcsx__eyebrow{margin-bottom:16px;color:var(--jcsx-accent, var(--jawa-gold))}.jcsx .jcsx__heading{position:relative;padding-bottom:20px;font-size:var(--jawa-h-size, 32px);line-height:1.12}.jcsx .jcsx__heading:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:2px;background:var(--jcsx-accent, var(--jawa-gold))}.jcsx__text{max-width:560px;margin-top:20px;color:var(--jawa-text-2)}.jcsx__text p{margin:0 0 10px}.jcsx__steps{margin:32px 0 0;padding:0;list-style:none;counter-reset:none}.jcsx__step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;padding:0 0 20px}.jcsx__step:not(:last-child):after{content:"";position:absolute;left:21px;top:44px;bottom:0;width:1px;background:var(--jawa-line)}.jcsx__num{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--jcsx-accent, var(--jawa-gold));border-radius:50%;background:var(--jawa-bg);color:var(--jcsx-accent, var(--jawa-gold));font-family:var(--jawa-font-brand);font-weight:var(--jawa-brand-weight);font-size:11px;letter-spacing:.08em;transition:background-color .25s ease,color .25s ease}.jcsx__step:hover .jcsx__num{background:var(--jcsx-accent, var(--jawa-gold));color:#fff}.jcsx__step-body{display:grid;gap:4px}.jcsx__step-title{font-size:12px}.jcsx__step-text{color:var(--jawa-text-2)}.jcsx__buttons{margin-top:28px}.jcsx__note{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--jawa-text-2)}.jcsx__note .jawa-icon{flex:none;color:var(--jcsx-accent, var(--jawa-gold))}@media screen and (max-width:989px){.jcsx__grid{grid-template-columns:minmax(0,1fr)}.jcsx--media-right .jcsx__media{order:0}}@media screen and (max-width:749px){.jcsx .jcsx__heading{font-size:var(--jawa-h-size-m, 24px)}.jcsx__grip{width:44px;height:44px}.jcsx__tag{top:12px;padding:6px 10px}.jcsx__tag--before{left:12px}.jcsx__tag--after{right:12px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/jawa-custom-showcase.css.map */