.jbe{--paper:#fdfaf6;--surf:#fff;--ink:#382b2c;--muted:#857670;--rose:#ae486a;--rose-soft:#f6e7e9;--halo:#f4ebe4;--line:#ebdfd8;--body:Assistant,Arial,sans-serif;--head:Rubik,Arial,sans-serif;--hand:"Playpen Sans Hebrew",Assistant,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}.jbe *{box-sizing:border-box}.jbe{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}.jbe button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:none;border:0;padding:0}.jbe button:focus-visible{outline:2px solid var(--rose);outline-offset:4px}.jbe .jbe-title,.jbe .jbe-item-title,.jbe p{margin:0}.jbe svg{display:block}.jbe .jbe-defs{position:absolute;width:0;height:0;overflow:hidden}.jbe .jbe-wrap{max-width:1180px;margin:auto;padding:clamp(40px,6vw,88px) 20px clamp(40px,5vw,72px)}.jbe .jbe-head{text-align:center;margin-bottom:clamp(24px,4vw,48px)}.jbe .jbe-eyebrow{font-family:var(--hand);font-size:14px;color:#d8557f;margin-bottom:10px}.jbe .jbe-title{font-family:var(--head);font-weight:600;font-size:clamp(36px,4.2vw,50px);line-height:1.15;letter-spacing:-1px}.jbe .jbe-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"info stage" "rail rail";gap:clamp(24px,4vw,56px);align-items:center}.jbe .jbe-stage{grid-area:stage;position:relative;aspect-ratio:1/.86;touch-action:pan-y;isolation:isolate}.jbe .jbe-halo{position:absolute;top:4%;bottom:12%;left:50%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0,var(--halo) 70%);z-index:-1}.jbe .jbe-floor{position:absolute;left:28%;right:28%;bottom:9%;height:5%;border-radius:50%;background:radial-gradient(closest-side,#7a584826,transparent);z-index:-1}.jbe .jbe-ghost{position:absolute;top:2%;left:2%;font-family:var(--head);font-weight:600;font-size:clamp(90px,12vw,160px);line-height:1;color:transparent;-webkit-text-stroke:1.5px #e6d6cd;direction:ltr;pointer-events:none;z-index:-1}.jbe .jbe-shot{position:absolute;top:4%;right:14%;bottom:12%;left:14%;opacity:0;transform:translate(var(--from,0)) scale(.94);transition:opacity .45s,transform .7s var(--ease);filter:drop-shadow(0 18px 18px #6b4a3a22);pointer-events:none}.jbe .jbe-shot.jbe-on{opacity:1;transform:none}.jbe .jbe-shot svg{width:100%;height:100%}.jbe .jbe-tag{position:absolute;bottom:3%;right:50%;transform:translate(50%);display:flex;align-items:center;gap:7px;background:var(--surf);border:1px solid var(--line);border-radius:99px;padding:7px 14px 7px 16px;font-size:14px;color:var(--rose);white-space:nowrap;box-shadow:0 6px 18px #6b4a3a12;transition:opacity .3s}.jbe .jbe-tag svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.jbe .jbe-tag[hidden]{display:flex;opacity:0}.jbe .jbe-info{grid-area:info;max-width:430px;justify-self:end;width:100%}.jbe .jbe-kicker{display:flex;align-items:center;gap:10px;font-family:var(--hand);font-size:14px;color:#d8557f;margin-bottom:12px}.jbe .jbe-kicker:before{content:"";width:28px;height:1px;background:currentColor}.jbe .jbe-item-title{font-family:var(--head);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.2;letter-spacing:-.5px;margin-bottom:14px}.jbe .jbe-desc{font-size:18px;line-height:1.65;color:var(--muted);min-height:3.3em}.jbe .jbe-nav{display:flex;align-items:center;gap:10px;padding-top:20px}.jbe .jbe-count{font-family:var(--head);font-variant-numeric:tabular-nums;direction:ltr;margin-left:auto;color:#a8948c;font-size:14px}.jbe .jbe-count b{font-size:24px;font-weight:600;color:var(--ink)}.jbe .jbe-arrow{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--surf);display:grid;place-items:center;transition:border-color .2s,background .2s,transform .2s}.jbe .jbe-arrow:hover{border-color:var(--rose);background:var(--rose-soft)}.jbe .jbe-arrow:active{transform:scale(.94)}.jbe .jbe-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.jbe .jbe-bar{display:flex;height:2px;background:var(--line);border-radius:2px;margin-top:14px;overflow:hidden}.jbe .jbe-bar i{height:100%;background:var(--rose);width:12.5%;transition:width .5s var(--ease)}.jbe .jbe-rail{grid-area:rail;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}.jbe .jbe-thumb{position:relative;aspect-ratio:1;background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:12%;transition:border-color .25s,transform .25s,box-shadow .25s}.jbe .jbe-thumb svg{width:100%;height:100%}.jbe .jbe-thumb:hover{transform:translateY(-3px);box-shadow:0 10px 20px #6b4a3a14}.jbe .jbe-thumb[aria-selected=true]{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-soft)}.jbe .jbe-thumb .jbe-n{position:absolute;top:7px;right:9px;font-family:var(--head);font-size:11px;color:#b9a69d;direction:ltr}.jbe .jbe-thumb[aria-selected=true] .jbe-n{color:var(--rose)}.jbe .jbe-box{border-style:dashed;background:transparent;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10%}.jbe .jbe-box:hover{transform:none;box-shadow:none}.jbe .jbe-box svg{width:62%;height:auto;flex:none}.jbe .jbe-box span{font-size:12px;line-height:1.3;color:var(--muted);text-align:center}@media(min-width:861px){.jbe .jbe-wrap{height:100svh;min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;padding-block:24px}.jbe .jbe-head{margin-bottom:0}.jbe .jbe-layout{min-height:0;grid-template-rows:minmax(0,1fr) clamp(78px,12vh,108px);gap:24px 48px}.jbe .jbe-stage{height:100%;max-height:540px;min-height:0;aspect-ratio:auto}.jbe .jbe-rail{height:100%;min-height:0}.jbe .jbe-thumb{aspect-ratio:auto;min-height:0}.jbe .jbe-box{padding:6px;gap:3px}.jbe .jbe-box svg{height:45%;width:auto;max-width:62%}}@media(max-width:860px){.jbe .jbe-wrap{padding-block:24px}.jbe .jbe-head{margin-bottom:14px}.jbe .jbe-eyebrow{font-size:12px;margin-bottom:8px}.jbe .jbe-layout{grid-template-columns:1fr;grid-template-areas:"stage" "info" "rail";gap:16px}.jbe .jbe-stage{aspect-ratio:1/.9;max-width:460px;width:100%;justify-self:center}.jbe .jbe-info{justify-self:center;text-align:center}.jbe .jbe-kicker{justify-content:center}.jbe .jbe-kicker:before{display:none}.jbe .jbe-kicker{font-size:12px;margin-bottom:10px}.jbe .jbe-item-title{font-size:26px;margin-bottom:10px}.jbe .jbe-desc{font-size:16px;min-height:0}.jbe .jbe-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:4px 20px 8px;scrollbar-width:none}.jbe .jbe-rail::-webkit-scrollbar{display:none}.jbe .jbe-thumb{flex:0 0 78px;width:78px;min-width:0;height:78px;aspect-ratio:auto;padding:10px;display:grid;place-items:center;scroll-snap-align:center;border-radius:16px}.jbe .jbe-thumb svg{width:56px;height:56px;margin:auto}.jbe .jbe-box svg{width:48px;height:48px}.jbe .jbe-box{flex-basis:108px;width:108px;display:flex}.jbe .jbe-nav{margin-top:18px;padding-top:12px}.jbe .jbe-bar{margin-top:10px}}@media(prefers-reduced-motion:reduce){.jbe *,.jbe *:before,.jbe *:after{transition:none!important;animation:none!important}}.jbe{display:block;direction:rtl;text-align:right;font-size:16px;line-height:1.5;letter-spacing:normal;scroll-margin-top:var(--jbe-header-offset,76px)}.jbe .jbe-title,.jbe .jbe-item-title{color:var(--ink)}.jbe .jbe-halo,.jbe .jbe-floor{display:block}@media(min-width:861px){.jbe .jbe-wrap{height:calc(100svh - var(--jbe-header-offset,76px));min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jula-box-explorer.css.map */