.shivam-rail{--shivam-bg: #fafaf8;--shivam-text: #181818;--shivam-accent: #bbff38;--shivam-stage-height: 460px;position:relative;isolation:isolate;overflow:clip;width:100%;background:var(--shivam-bg);color:var(--shivam-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.shivam-rail *,.shivam-rail *:before,.shivam-rail *:after,.shivam-rail__overlay *,.shivam-rail__overlay *:before,.shivam-rail__overlay *:after{box-sizing:border-box}.shivam-rail [hidden],.shivam-rail__overlay [hidden],.shivam-rail__overlay[hidden]{display:none!important}.shivam-rail button,.shivam-rail__overlay button{cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}.shivam-rail button:focus-visible,.shivam-rail__overlay button:focus-visible,.shivam-rail__overlay a:focus-visible{outline:3px solid #6e8b0c;outline-offset:3px}.shivam-rail__shell{width:min(100%,1460px);margin-inline:auto;padding:36px 20px 20px}.shivam-rail__heading{text-align:center;margin:0 auto 14px;max-width:1000px}.shivam-rail__eyebrow{font-size:11px;font-weight:750;letter-spacing:.22em;margin:0 0 10px}.shivam-rail__heading h2{font:inherit;font-size:clamp(29px,5vw,64px);font-weight:850;letter-spacing:-.056em;line-height:1.08;margin:0}.shivam-rail__subtitle{margin:13px 0 0;font-size:clamp(12px,1.2vw,15px);color:#777}.shivam-rail__stage{position:relative;overflow:hidden;touch-action:pan-y;width:100%;height:var(--shivam-stage-height)}.shivam-rail__rod{position:absolute;z-index:1;top:41px;left:3%;right:3%;height:4px;border-radius:6px;pointer-events:none;background:linear-gradient(180deg,#737373,#e0e0e0 40%,#777);box-shadow:0 3px 4px #0002}.shivam-rail__items{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;margin:0;padding:0;list-style:none}.shivam-rail__item{position:absolute;left:50%;top:37px;width:clamp(185px,19.5vw,290px);height:min(395px,calc(var(--shivam-stage-height) - 49px));z-index:var(--sh-z, 20);transform:translate3d(calc(-50% + var(--sh-x, 0px)),var(--sh-lift, 0px),0) scale(var(--sh-scale, .84));transform-origin:50% 5px;will-change:transform}.shivam-rail__garment{border:0;padding:0;margin:0;display:block;width:100%;height:100%;position:relative;background:transparent;color:inherit}.shivam-rail__fabric{position:relative;display:block;margin:0 auto;width:100%;height:100%;perspective:900px;pointer-events:none;transform:translate3d(0,var(--shivam-hook-adjust, 0px),0)}.shivam-rail__fabric img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center top;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}.shivam-rail__side{opacity:var(--sh-side-opacity, 1);transform:scaleX(.94)}.shivam-rail__front{opacity:var(--sh-front-opacity, 0);transform:perspective(900px) rotateY(var(--sh-front-angle, 76deg))}.shivam-rail__item:not(.has-side-image) .shivam-rail__side{transform:perspective(900px) rotateY(-45deg) scaleX(var(--sh-fallback-scale, .3))}.shivam-rail__item.is-selected .shivam-rail__garment{filter:drop-shadow(0 13px 14px #00000015)}.shivam-rail__arrow{position:absolute;z-index:90;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #dededc;border-radius:50%;background:#fffefaf0;font-size:22px!important;line-height:1;color:#222}.shivam-rail__arrow:hover:not(:disabled){background:var(--shivam-accent)}.shivam-rail__arrow:disabled{opacity:.24;cursor:default}.shivam-rail__arrow--prev{left:0}.shivam-rail__arrow--next{right:0}.shivam-rail__empty{position:absolute;z-index:4;top:43%;width:100%;margin:0;padding:0 16px;text-align:center}.shivam-rail__foot{min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.shivam-rail__foot [data-shivam-counter]{font-size:11px;letter-spacing:.2em;font-weight:750;font-variant-numeric:tabular-nums}.shivam-rail__hint{font-size:10px;color:#858585;letter-spacing:.14em;text-align:center}.shivam-rail__ticker{padding:11px 14px;overflow:hidden;white-space:nowrap;text-align:center;background:var(--shivam-accent)}.shivam-rail__ticker span{font-size:11px;font-weight:800;letter-spacing:.17em}.shivam-rail__overlay{--shivam-bg: #fafaf8;--shivam-text: #181818;--shivam-accent: #bbff38;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;padding:12px;color:var(--shivam-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.shivam-rail__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#fafaf8f0;background:color-mix(in srgb,var(--shivam-bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shivam-rail__ghosts{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;filter:blur(6px);overflow:hidden}.shivam-rail__ghost{position:absolute;top:25%;width:200px;height:355px;transform:translate(-50%) scale(.8);opacity:.62}.shivam-rail__ghost .shivam-rail__garment{pointer-events:none}.shivam-rail__ghost .shivam-rail__fabric{transform:scaleX(.35);transform-origin:center top}.shivam-rail__ghost .shivam-rail__front{opacity:0}.shivam-rail__ghost .shivam-rail__side{opacity:1}.shivam-rail__focus{z-index:2;position:relative;width:min(100%,1100px);max-height:min(97dvh,850px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;outline:none;text-align:center;animation:shivam-focus-arrive .42s cubic-bezier(.18,.78,.26,1) both}@keyframes shivam-focus-arrive{0%{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}.shivam-rail__close{position:sticky;top:5px;margin-left:auto;margin-right:10px;width:43px;height:43px;display:grid;place-items:center;border:1px solid #bdbdb6;border-radius:50%;z-index:20;background:#fff;color:#151515;font-size:17px}.shivam-rail__focus-upper{position:relative;width:100%;min-height:420px;margin-top:-38px}.shivam-rail__spot{position:relative;width:min(100%,470px);height:440px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.shivam-rail__spot-images{position:relative;width:100%;min-height:0;height:100%;perspective:1000px}.shivam-rail__spot-images img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center top;backface-visibility:hidden;-webkit-backface-visibility:hidden}.shivam-rail__spot-images [data-shivam-base]{clip-path:inset(0 0 0 0)}.shivam-rail__spot-images [data-shivam-transition]{opacity:0;clip-path:inset(100% 0 0 0);pointer-events:none}.shivam-rail__color-panel{position:absolute;z-index:4;left:calc(50% + 214px);top:145px;width:min(215px,22vw);text-align:left}.shivam-rail__small-heading{font-size:11px;font-weight:800;letter-spacing:.11em;margin:0 0 13px}.shivam-rail__colors{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.shivam-rail__color{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;color:inherit;padding:19px 2px 2px;min-width:55px;max-width:73px;font-size:10px}.shivam-rail__color:before{content:"";position:absolute;top:0;left:50%;height:18px;border-left:1px solid #999}.shivam-rail__color img,.shivam-rail__color-initial{width:54px;height:65px;display:grid;place-items:center;background:#efefeb;object-fit:contain;border:1px solid #d3d3ce;padding:2px}.shivam-rail__color[aria-pressed=true] img,.shivam-rail__color[aria-pressed=true] .shivam-rail__color-initial{outline:2px solid #161616;outline-offset:3px}.shivam-rail__focus-bottom{margin-top:1px;padding:0 18px 20px;text-align:center}.shivam-rail__kicker{margin:0 0 7px;font-size:10px;letter-spacing:.18em;color:#737373}.shivam-rail__focus-bottom h3{font:inherit;margin:0 auto 8px;max-width:780px;text-transform:uppercase;overflow-wrap:anywhere;font-weight:850;font-size:clamp(23px,3vw,35px);line-height:1.12;letter-spacing:-.045em}.shivam-rail__price{font-size:18px;font-weight:750;margin:0 0 15px}.shivam-rail__view-options{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 13px}.shivam-rail__view-options button{padding:6px 4px;background:transparent;color:inherit;border:0;font-size:11px;font-weight:750;letter-spacing:.12em}.shivam-rail__view-options button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.shivam-rail__view-options button:disabled{opacity:.28;cursor:default}.shivam-rail__variant-options{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto 14px}.shivam-rail__option-field{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:17px;row-gap:7px}.shivam-rail__option-field .shivam-rail__small-heading{margin:0}.shivam-rail__option-choices{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.shivam-rail__option-choices button{background:#ffffffae;color:inherit;min-width:44px;padding:7px 10px;border:1px solid #bdbdb5;font-size:12px}.shivam-rail__option-choices button[aria-pressed=true]{background:#181818;color:#fff;border-color:#181818}.shivam-rail__option-choices button:disabled{opacity:.3;text-decoration:line-through;cursor:default}.shivam-rail__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.shivam-rail__add{background:#181818;color:#fff;min-width:180px;min-height:44px;border:1px solid #181818;padding:9px 15px;font-size:11px;font-weight:800;letter-spacing:.11em}.shivam-rail__add:hover:not(:disabled){background:var(--shivam-accent);color:#151515}.shivam-rail__add:disabled{opacity:.34;cursor:default}.shivam-rail__view-product{color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:11px;font-weight:750;letter-spacing:.08em}.shivam-rail__status{min-height:20px;font-size:12px;margin:13px 0 0;color:#555}.shivam-rail__status a{color:inherit;text-decoration:underline}@media(max-width:749px){.shivam-rail__shell{padding:26px 12px 15px}.shivam-rail__heading h2{font-size:clamp(28px,7vw,46px)}.shivam-rail__heading{margin-bottom:8px}.shivam-rail__stage{height:343px}.shivam-rail__rod{top:35px}.shivam-rail__item{top:31px;width:clamp(145px,45vw,215px);height:288px}.shivam-rail__fabric{height:100%}.shivam-rail__arrow{width:35px;height:35px;font-size:18px!important}.shivam-rail__hint{letter-spacing:.08em}.shivam-rail__overlay{padding:7px}.shivam-rail__focus{width:100%;max-height:97dvh}.shivam-rail__close{top:2px;right:0;margin-right:6px;width:38px;height:38px}.shivam-rail__focus-upper{display:flex;flex-direction:column;align-items:center;min-height:0;margin-top:-31px}.shivam-rail__spot{width:100%;max-width:410px;height:min(43dvh,365px);min-height:245px}.shivam-rail__spot-images{height:100%}.shivam-rail__color-panel{position:relative;left:auto;top:auto;width:min(100%,420px);margin:7px auto 5px;text-align:center}.shivam-rail__color-panel .shivam-rail__small-heading{margin-bottom:5px}.shivam-rail__colors{justify-content:center;gap:11px}.shivam-rail__color{padding-top:15px;min-width:50px}.shivam-rail__color:before{height:13px}.shivam-rail__color img,.shivam-rail__color-initial{height:53px;width:45px}.shivam-rail__focus-bottom{padding:4px 12px 22px}.shivam-rail__focus-bottom h3{font-size:clamp(20px,5.3vw,27px)}.shivam-rail__price{font-size:16px;margin-bottom:9px}.shivam-rail__view-options{margin-bottom:9px}.shivam-rail__ghost{top:19%}}@media(max-width:370px){.shivam-rail__spot{height:245px}.shivam-rail__actions{flex-direction:column;gap:11px}}@media(prefers-reduced-motion:reduce){.shivam-rail__focus{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shivam-hanging-rail.css.map */