body.rimasko-product .order-journey{--journey-step:0;background:#f7f6f2;color:#1c2938;padding:64px 0;margin:0 0 40px;overflow:hidden;border-radius:0}
.order-journey .journey-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.order-journey .journey-kicker{font-size:14px;line-height:1.8;color:#6b706f;margin:0 0 8px}.order-journey h2{font-size:clamp(28px,3vw,42px);line-height:1.5;color:#1c2938;margin:0;font-weight:600}.journey-count{direction:ltr;color:#6b706f;font-size:14px;white-space:nowrap}.journey-count b{font-size:36px;font-weight:400;color:#1c2938;font-variant-numeric:tabular-nums}
.journey-experience{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;direction:ltr}.journey-experience>*{direction:rtl}html[dir=ltr] .journey-experience>*{direction:ltr}
.journey-stage{height:480px;position:relative;isolation:isolate;perspective:1000px;direction:ltr!important}.journey-stage-number{position:absolute;top:-20px;left:12px;font:400 180px/1.2 Arial,sans-serif;letter-spacing:-12px;color:#1c293809;z-index:-1}.journey-orbit{position:absolute;inset:0;width:100%;height:100%;color:#1c293827;transform:rotate(-8deg)}.journey-route{stroke-dasharray:650;stroke-dashoffset:650;transition:stroke-dashoffset 1.6s ease;color:#1c29385c}.journey-halo{position:absolute;width:310px;height:310px;top:90px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#e8e5dd 0%,#e8e5dd70 45%,#f7f6f200 72%)}
.journey-parcel{width:230px;height:230px;position:absolute;left:50%;top:145px;transform:translateX(-50%) rotate(-6deg);transition:transform 1s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.parcel-body{position:absolute;inset:0;transform:rotateY(-18deg) rotateX(7deg);transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,1,.36,1)}.parcel-front{position:absolute;inset:30px 0 0;background:#1c2938;border-radius:4px 4px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff20;z-index:3}.parcel-wordmark{font:700 38px/1 Cairo,sans-serif;letter-spacing:-3px;color:#f7f6f2;margin-bottom:24px}.parcel-label{display:flex;gap:3px;background:#f7f6f2;padding:7px 9px;transform:rotate(-3deg);align-self:flex-start;margin-left:24px}.parcel-label i{display:block;height:22px;width:2px;background:#1c2938}.parcel-label i:nth-child(3n){width:5px}.parcel-fragile{font:7px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#f7f6f288;position:absolute;bottom:16px;right:18px}.parcel-side{position:absolute;top:30px;right:-24px;width:28px;height:200px;background:#101d2c;transform:skewY(-30deg);transform-origin:left;border-radius:0 4px 5px 0;z-index:2}.parcel-lid{position:absolute;top:0;left:0;width:230px;height:55px;background:#344455;transform:skewX(-27deg) translateX(13px);transform-origin:center bottom;border-radius:5px 6px 0 0;z-index:4;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .7s}.parcel-lid span{display:block;position:absolute;left:47%;width:26px;height:100%;background:#e8e5ddaa}.parcel-shadow{position:absolute;width:260px;height:40px;background:#1c293823;filter:blur(13px);bottom:-24px;left:-4px;border-radius:50%;transform:rotate(6deg);transition:transform 1s}.parcel-outfit{position:absolute;width:170px;height:170px;left:30px;top:25px;z-index:2;opacity:0;transform:translateY(40px) rotate(5deg);transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .5s}.parcel-outfit svg{width:100%;height:100%;filter:drop-shadow(0 10px 10px #1c29381a)}
.journey-float{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;color:#1c2938;border:1px solid #dcded8;border-radius:10px;box-shadow:0 14px 35px #1c293812;font:600 14px/1.7 Cairo,sans-serif;z-index:5;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s}.float-icon{width:26px;height:26px;display:grid;place-items:center;background:#1c2938;color:#fff;border-radius:50%;flex-shrink:0}.journey-ticket{left:0;top:90px;transform:rotate(-5deg)}.ticket-lines{display:flex;flex-direction:column;gap:5px}.ticket-lines i{width:27px;height:3px;background:#dcded8}.ticket-lines i:last-child{width:18px}.journey-call{right:0;top:160px;opacity:0;transform:translateY(22px) rotate(6deg)}.journey-call>svg{width:25px;height:25px}.call-wave{display:flex;align-items:center;gap:3px;height:25px}.call-wave i{width:3px;height:8px;background:#1c2938;border-radius:3px}.journey-arrived{left:50%;top:70px;white-space:nowrap;opacity:0;transform:translate(-50%,20px)}.journey-stage-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:14px;color:#6b706f;line-height:1.8}
.order-journey[data-stage="1"] .journey-parcel{transform:translateX(-50%) rotate(3deg) translateY(8px)}.order-journey[data-stage="1"] .journey-ticket{opacity:0;transform:translate(-20px,-20px) rotate(-10deg)}.order-journey[data-stage="1"] .journey-call{opacity:1;transform:translateY(0) rotate(3deg)}.order-journey[data-stage="1"] .call-wave i{animation:journey-wave .8s ease-in-out infinite alternate}.call-wave i:nth-child(2){animation-delay:.15s!important}.call-wave i:nth-child(3){animation-delay:.3s!important}.call-wave i:nth-child(4){animation-delay:.1s!important}.call-wave i:nth-child(5){animation-delay:.4s!important}
.order-journey[data-stage="2"] .journey-parcel{transform:translateX(-50%) rotate(0deg) translateY(20px)}.order-journey[data-stage="2"] .parcel-lid{transform:translateY(-85px) translateX(20px) rotate(-18deg) skewX(-27deg);opacity:0}.order-journey[data-stage="2"] .parcel-outfit{opacity:1;transform:translateY(-105px) rotate(-5deg)}.order-journey[data-stage="2"] .journey-ticket{opacity:0;transform:translate(-30px,-20px) rotate(-12deg)}.order-journey[data-stage="2"] .journey-arrived{opacity:1;transform:translate(-50%,-25px)}.order-journey[data-stage="2"] .journey-route{stroke-dashoffset:0}
.order-journey .journey-steps{display:flex;flex-direction:column;gap:0}.order-journey .journey-steps:before,.order-journey .journey-steps:after{display:none}body.rimasko-product .order-journey .journey-step{position:relative;display:grid;grid-template-columns:44px 1fr;text-align:start;gap:0 18px;padding:24px 20px;margin:0;border:0;border-bottom:1px solid #dcded8;border-radius:0;background:transparent;color:#1c2938;box-shadow:none;cursor:pointer;transition:background .3s}.journey-step-top{grid-row:1/3;display:block;padding-top:3px}.journey-number{font-size:14px;font-weight:400;color:#6b706f}.journey-icon{display:none}.order-journey .journey-step-title{font-size:22px;line-height:1.6;font-weight:600}.order-journey .journey-step-copy{grid-column:2;font-size:16px;line-height:1.85;font-weight:400;color:#6b706f;margin-top:8px}.order-journey .journey-step:before{content:"";position:absolute;inset-inline-start:0;top:24px;bottom:24px;width:3px;border-radius:2px;background:#1c2938;transform:scaleY(0);transition:transform .5s}.order-journey .journey-step.is-active:before{transform:scaleY(1)}body.rimasko-product .order-journey .journey-step.is-active{background:#e8e5dd66}.order-journey .journey-step.is-active .journey-number{color:#1c2938;font-weight:700}
.order-journey .journey-bottom{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-top:28px;margin-top:28px;border-top:1px solid #dcded8}.journey-bottom p{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.8;margin:0}.journey-check{font-size:18px}.order-journey .journey-play{display:flex;align-items:center;gap:8px;font:400 14px/1.7 Cairo,sans-serif;color:#6b706f;background:none;border:0;padding:10px 0;cursor:pointer;box-shadow:none}.journey-play span{font-size:24px}.order-journey .journey-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:12px 24px;background:#1c2938;color:#f7f6f2;border-radius:4px;font-size:16px;font-weight:600;text-decoration:none}.journey-cta svg{width:22px;height:22px}.order-journey .journey-cta:hover{background:#344455}.order-journey button:focus-visible,.order-journey a:focus-visible{outline:2px solid #1c2938;outline-offset:4px}body.rimasko-product .checkout-panel.journey-highlight{outline:3px solid #a99b81;outline-offset:5px}
@keyframes journey-wave{to{height:23px}}
@media(max-width:760px){body.rimasko-product .order-journey{padding:40px 0;margin-bottom:28px}.order-journey .journey-heading{margin-bottom:16px;align-items:center;gap:16px}.journey-count b{font-size:28px}.journey-experience{grid-template-columns:1fr;gap:20px}.journey-stage{height:350px;max-width:480px;width:100%;margin:auto}.journey-stage-number{font-size:130px;top:0}.journey-parcel{top:105px;scale:.78;transform-origin:center top}.journey-halo{top:40px;width:260px;height:260px}.journey-ticket{top:62px;padding:12px;font-size:12px;gap:8px}.journey-call{top:85px;padding:12px;font-size:12px;gap:8px}.journey-arrived{top:44px;padding:10px 12px;font-size:12px}.journey-stage-caption{bottom:0}.journey-step{padding:18px 16px!important;gap:0 10px!important;grid-template-columns:32px 1fr!important}.order-journey .journey-step-title{font-size:20px}.order-journey .journey-bottom{flex-wrap:wrap;gap:16px}.journey-bottom p{font-size:14px}.order-journey .journey-cta{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.order-journey *,.order-journey *:before{animation:none!important;transition:none!important}.journey-stage{transform:none!important}}

/* A low, rigid shipping carton with a consistent isometric perspective. */
.journey-parcel{width:260px;height:210px;top:160px;transform:translateX(-50%) rotate(-3deg)}
.parcel-body{transform:none;inset:0;transform-style:flat}
.parcel-front{inset:55px 30px 10px 0;border-radius:0 0 3px 5px;background:#1c2938;box-shadow:inset 0 1px #ffffff20;clip-path:polygon(0 0,100% 0,100% 100%,0 88%)}
.parcel-side{top:23px;right:0;width:30px;height:177px;transform:none;border-radius:0;background:#122031;clip-path:polygon(0 18%,100% 0,100% 82%,0 100%);z-index:3}
.parcel-lid{top:0;left:0;width:260px;height:56px;transform:none;transform-origin:50% 0;background:#3b4b5c;clip-path:polygon(12% 0,100% 0,88.5% 100%,0 100%);border-radius:2px;z-index:4;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .7s}
.parcel-lid span{left:44%;width:23px;background:#e8e5dd;transform:skewX(-29deg)}
.parcel-wordmark{font-size:34px;margin-bottom:12px;transform:skewY(4deg)}
.parcel-label{margin-left:20px;padding:5px 7px;transform:rotate(0deg) skewY(4deg)}
.parcel-label i{height:17px}
.parcel-fragile{bottom:25px;right:14px;font-size:6px;letter-spacing:1px;transform:skewY(4deg)}
.parcel-shadow{width:260px;height:35px;left:0;bottom:-5px;transform:rotate(0deg);background:#1c293825}
.parcel-outfit{left:30px;top:35px;width:165px;height:165px;z-index:2;transform:translateY(30px);transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .5s}
.order-journey[data-stage="1"] .journey-parcel{transform:translateX(-50%) rotate(2deg) translateY(5px)}
.order-journey[data-stage="2"] .journey-parcel{transform:translateX(-50%) rotate(0deg) translateY(15px)}
.order-journey[data-stage="2"] .parcel-lid{transform:translateY(-45px) rotate(-12deg);opacity:0}
.order-journey[data-stage="2"] .parcel-outfit{transform:translateY(-105px) rotate(-4deg);opacity:1}
@media(max-width:760px){.journey-parcel{top:120px;scale:.78}}

/* One SVG coordinate system keeps every carton edge joined. */
.journey-parcel .parcel-body{inset:0;transform:none;z-index:3}
.parcel-carton-svg{display:block;width:280px;height:230px;overflow:visible;max-width:none}
.parcel-box-lid{transform-origin:130px 0;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .6s}
.order-journey[data-stage="2"] .parcel-box-lid{transform:translate(0,-65px) rotate(-12deg);opacity:0}
.journey-parcel .parcel-outfit{z-index:2}

/* Keep the carton grounded; depth comes from the top and side. */
.journey-stage .journey-parcel,.order-journey[data-stage="1"] .journey-parcel{transform:translateX(-50%) rotate(0deg)}
.order-journey[data-stage="2"] .journey-parcel{transform:translateX(-50%) translateY(15px)}

/* Leave room for the outfit to lift out and settle beside the carton. */
.journey-stage .journey-parcel{scale:.76;transform-origin:center center}
.order-journey[data-stage="2"] .journey-parcel{transform:translateX(-22%) translateY(24px)}
.order-journey[data-stage="2"] .parcel-outfit{z-index:5;opacity:1;transform:translate(-175px,48px) rotate(0deg) scale(1.15);animation:parcel-unbox-beside 2.3s cubic-bezier(.4,0,.2,1) both;transition:none;transform-origin:center}
@keyframes parcel-unbox-beside{
 0%{transform:translate(0,28px) rotate(0deg) scale(.75);opacity:0}
 12%{transform:translate(0,-35px) rotate(-4deg) scale(.85);opacity:1}
 38%{transform:translate(0,-165px) rotate(9deg) scale(1)}
 65%{transform:translate(-130px,-150px) rotate(-12deg) scale(1.1)}
 88%{transform:translate(-175px,55px) rotate(-3deg) scale(1.15)}
 100%{transform:translate(-175px,48px) rotate(0deg) scale(1.15);opacity:1}
}
@media(max-width:760px){.journey-stage .journey-parcel{scale:.6;top:115px}.order-journey[data-stage="2"] .journey-parcel{transform:translateX(-22%) translateY(24px)}}
@media(prefers-reduced-motion:reduce){.order-journey[data-stage="2"] .parcel-outfit{animation:none!important;transform:translate(-175px,48px) rotate(0deg) scale(1.15);opacity:1}}

/* Full-sleeve sweater balanced with the carton, with a clean gap. */
.journey-parcel .parcel-outfit{width:260px;height:230px;left:10px;top:10px}
.order-journey[data-stage="2"] .parcel-outfit{transform:translate(-260px,0) rotate(0deg) scale(1);animation-name:parcel-sweater-unbox}
@keyframes parcel-sweater-unbox{
 0%{transform:translate(0,35px) scale(.55);opacity:0}
 15%{transform:translate(0,-45px) scale(.65);opacity:1}
 40%{transform:translate(0,-205px) rotate(6deg) scale(.85)}
 68%{transform:translate(-215px,-160px) rotate(-8deg) scale(1)}
 90%{transform:translate(-260px,5px) rotate(2deg) scale(1)}
 100%{transform:translate(-260px,0) rotate(0deg) scale(1);opacity:1}
}
@media(prefers-reduced-motion:reduce){.order-journey[data-stage="2"] .parcel-outfit{animation:none!important;transform:translate(-260px,0) scale(1)}}

/* The carton front masks the garment until it clears the opening. */
.order-journey[data-stage="2"] .parcel-outfit{animation-name:parcel-sweater-unbox,parcel-sweater-depth;animation-duration:2.3s,2.3s;animation-timing-function:cubic-bezier(.4,0,.2,1),steps(1,end);animation-fill-mode:both,both}
@keyframes parcel-sweater-depth{0%,39%{z-index:2}40%,100%{z-index:5}}
@media(prefers-reduced-motion:reduce){.order-journey[data-stage="2"] .parcel-outfit{animation:none!important;z-index:5}}

.order-journey .journey-bottom{border-top:0;padding-top:0;justify-content:flex-start}