body.j5studio-page,body.j5studio-frame,body.j5studio-page *,body.j5studio-frame *{scrollbar-width:thin;scrollbar-color:#c5c5c8 transparent}body.j5studio-page ::-webkit-scrollbar,body.j5studio-frame ::-webkit-scrollbar{width:5px;height:5px}body.j5studio-page ::-webkit-scrollbar-thumb,body.j5studio-frame ::-webkit-scrollbar-thumb{background:#c5c5c8;border-radius:8px}
#j5studio-app .j5studio-product-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}
#j5studio-details-open{display:flex;gap:7px;align-items:center;font-size:12px}
#j5studio-details-open svg,#j5studio-details-close svg{width:19px;height:19px;flex-shrink:0}
#j5studio-details-close[hidden]{display:none!important}
#j5studio-app.j5studio-details-open #j5studio-frames,#j5studio-app.j5studio-details-open #j5studio-guide,#j5studio-app.j5studio-details-open #j5studio-frame-status,#j5studio-app.j5studio-details-open #j5studio-footer{display:none!important}
#j5studio-details-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;background:#fff}
#j5studio-details-panel[hidden]{display:none}
#j5studio-details-panel .j5details{padding:0;margin:0;max-width:none;width:100%}
#j5studio-details-panel .j5studio-detail-content>section{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #eee}
#j5studio-details-panel h2{font-size:20px;font-weight:400;margin:0 0 18px}
#j5studio-details-panel .j5details-guide{display:flex;flex-direction:column}
#j5studio-details-panel .j5details-instructions{grid-template-columns:repeat(2,minmax(0,1fr))}
#j5studio-details-panel .j5details-group dl>div{grid-template-columns:minmax(100px,.7fr) 1fr}
#j5studio-image{cursor:zoom-in}
.j5studio-image-view{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:#f5f5f7!important;overflow:hidden!important}
.j5studio-image-view::backdrop{background:#f5f5f7}
.j5studio-image-copy{position:fixed!important;top:0;left:0;margin:0!important;transform-origin:0 0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.j5studio-image-copy>img:not(.j5studio-image-layer){width:100%;height:100%;object-fit:contain}
.j5studio-image-copy>.j5studio-image-layer{position:absolute!important;object-fit:contain}
.j5studio-image-copy .j5studio-shimmer{display:none}
.j5studio-image-view-close{position:absolute;z-index:2;top:16px;right:16px;width:40px;height:40px;border:0!important;border-radius:50%!important;background:#fff!important;color:#262626!important;display:grid;place-items:center;cursor:pointer}
.j5studio-image-view-close svg{width:24px;height:24px}
@media(max-width:700px){#j5studio-details-open{font-size:11px;padding:8px}#j5studio-details-open svg{width:16px;height:16px}#j5studio-details-panel{padding:16px}#j5studio-details-panel h2{font-size:18px}}


/* Equal controls and bounded labels on every viewport. */
#j5studio-app .j5studio-product-switch{height:44px;box-sizing:border-box;flex:0 1 auto;min-width:0}
#j5studio-app .j5studio-product-switch>button,#j5studio-app .j5studio-product-switch #j5studio-products{font-size:14px;min-height:36px;height:36px;gap:6px;padding:6px 10px}
#j5studio-app #j5studio-details-open{height:44px;min-height:44px;box-sizing:border-box;min-width:0;max-width:210px;flex:0 1 210px;font-size:14px;padding:8px 12px;overflow:hidden}
#j5studio-app .j5studio-product-bar [data-studio-icon],#j5studio-app .j5studio-product-bar svg{width:20px;height:20px;flex-shrink:0}
.j5studio-running-label{display:block;min-width:0;overflow:hidden;white-space:nowrap}.j5studio-running-label>span{display:inline-block;white-space:nowrap}
.j5studio-running-label.is-running>span{animation:j5studio-label-run 5s ease-in-out infinite alternate}
@keyframes j5studio-label-run{0%,20%{transform:translateX(0)}80%,100%{transform:translateX(var(--run-distance,0px))}}
#j5studio-details-panel .j5studio-detail-content>section,#j5studio-details-panel .j5details-specifications,#j5studio-details-panel .j5details-group{border:0;box-shadow:none}
#j5studio-details-panel .j5details-group h3{font-size:14px;font-weight:300}
#j5studio-details-panel .j5details-description{overflow:hidden;position:relative}
#j5studio-details-panel .j5details-description.is-collapsed{mask-image:linear-gradient(#000 45%,transparent 100%)}
#j5studio-details-panel .j5studio-description-toggle{display:block;margin:10px auto 0;padding:8px 16px;border:0;background:transparent;box-shadow:none;color:var(--e-global-color-primary,#ff5600);font-size:13px;font-weight:400;cursor:pointer}
#j5studio-details-panel .j5studio-description-toggle[hidden]{display:none}
#j5studio-app .j5studio-detail-nav{position:relative;display:flex;flex:none;gap:18px;padding:0 20px;background:#fff;border-bottom:1px solid #e5e5e5;min-height:44px;z-index:2}
#j5studio-app .j5studio-detail-nav[hidden]{display:none}
#j5studio-app .j5studio-detail-nav button{font-size:13px;font-weight:400;border:0;box-shadow:none;background:transparent;padding:12px 0;color:#777;white-space:nowrap;min-width:0}
#j5studio-app .j5studio-detail-nav button[aria-current=location]{color:#111}
.j5studio-detail-indicator{position:absolute;left:0;bottom:0;height:2px;background:#111;pointer-events:none}
@media(max-width:700px){
 #j5studio-app .j5studio-product-bar{padding:8px 12px;gap:8px}
 #j5studio-app .j5studio-product-switch{height:40px;flex:0 0 auto}
 #j5studio-app .j5studio-product-switch>button,#j5studio-app .j5studio-product-switch #j5studio-products,#j5studio-app .j5studio-product-switch #j5studio-add{font-size:12px;min-height:32px;height:32px;gap:4px;padding:4px 6px}
 #j5studio-app #j5studio-details-open{height:40px;min-height:40px;font-size:12px;padding:6px 8px;gap:5px;flex:1 1 0}
 #j5studio-app .j5studio-product-bar [data-studio-icon],#j5studio-app .j5studio-product-bar svg{width:16px;height:16px}
 #j5studio-app .j5studio-detail-nav{gap:16px;padding:0 16px}#j5studio-app .j5studio-detail-nav button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.j5studio-running-label.is-running>span{animation:none}.j5studio-running-label{overflow:auto;scrollbar-width:none}}
#j5studio-details-panel:focus{outline:none!important;box-shadow:none!important}
.j5studio-feedback{position:fixed;z-index:1000001;top:max(18px,env(safe-area-inset-top));left:50%;translate:-50% 0;width:min(430px,calc(100vw - 28px));box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;color:#262626;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 6px 24px #00000014;font:400 14px/1.5 inherit}
.j5studio-feedback[hidden]{display:none!important}.j5studio-feedback>span{display:flex;flex:none;color:#d92d20}.j5studio-feedback[data-kind=success]>span{color:#079455}.j5studio-feedback>span svg{width:22px;height:22px}.j5studio-feedback>div{flex:1;min-width:0}.j5studio-feedback strong{display:block;font-size:14px;font-weight:400;line-height:1.5}.j5studio-feedback p{margin:3px 0 0;font-size:13px;line-height:1.5;color:#666;font-weight:300}.j5studio-feedback>button{display:grid;place-items:center;flex:none;width:24px;height:24px;min-height:0;padding:3px;border:0;background:transparent;box-shadow:none;color:#777;cursor:pointer}.j5studio-feedback>button svg{width:18px;height:18px}

/* Centering belongs to a stationary tray; GSAP only animates the card vertically. */
.j5studio-feedback-tray{position:fixed!important;z-index:1000001;inset:0 0 auto!important;display:flex!important;justify-content:center!important;pointer-events:none;padding:max(18px,env(safe-area-inset-top)) 14px 0;box-sizing:border-box;width:100%!important}
.j5studio-feedback-tray .j5studio-feedback{position:relative!important;inset:auto!important;translate:none!important;margin:0!important;width:430px!important;max-width:100%!important;pointer-events:auto}
.j5studio-feedback p[hidden]{display:none!important}.j5studio-feedback>button{background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%;line-height:1!important}
.j5studio-image-view .j5studio-image-view-close{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;min-width:40px!important;min-height:40px!important;box-sizing:border-box;inset:16px 16px auto auto!important}
.j5studio-image-view-close svg{display:block!important;position:static!important;margin:0!important;padding:0!important;transform:none!important;flex:0 0 22px;width:22px!important;height:22px!important}
.j5studio-zoom-views{position:fixed;top:16px;left:16px;right:68px;display:flex;justify-content:center;gap:3px;overflow-x:auto;scrollbar-width:none;z-index:2;padding:4px;max-height:48px}
.j5studio-zoom-views button{flex:none;border:0!important;box-shadow:none!important;border-radius:8px!important;padding:8px 10px!important;background:#ececef!important;color:#777!important;font:400 12px/1.3 inherit;white-space:nowrap;min-height:32px!important}
.j5studio-zoom-views button[aria-pressed=true]{background:#fff!important;color:#262626!important}
#j5studio-app #j5studio-review{border:1px solid var(--j5-accent);background:linear-gradient(180deg,#ff803b,#ff5600);background-clip:padding-box;box-shadow:inset 0 1px 0 #ffffff38;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px}
#j5studio-app .j5studio-brand img{border-radius:0!important}
@media(max-width:700px){#j5studio-app .j5studio-brand img{max-width:90px!important;width:90px!important;height:auto!important;max-height:40px;object-fit:contain}#j5studio-app #j5studio-review{font-size:12px;padding:10px 8px;min-height:42px}.j5studio-zoom-views{gap:2px;padding:3px}.j5studio-zoom-views button{font-size:10px;padding:7px 8px!important}}
.j5studio-image-copy>.j5studio-image-layer{inset:0!important;width:100%!important;height:100%!important;margin:0!important;max-width:none!important;max-height:none!important}

#j5studio-app #j5studio-details-open{flex:0 1 auto;width:auto;max-width:210px}
.j5studio-feedback[data-kind=preset]>span{color:#7f56d9}.j5studio-feedback>button:hover{color:#262626!important}
.j5studio-zoom-tabs-slot{position:fixed;top:16px;left:12px;right:64px;display:flex;justify-content:center;z-index:2;pointer-events:none}
.j5studio-zoom-tabs-slot .j5studio-zoom-views{position:relative!important;inset:auto!important;display:flex;justify-content:flex-start;flex:0 1 auto;width:max-content;max-width:100%;max-height:none;pointer-events:auto}
@media(max-width:700px){
 .j5studio-sheet-closed #j5studio-app.j5studio-details-open #j5studio-details-panel,.j5studio-sheet-closed #j5studio-app.j5studio-details-open .j5studio-detail-nav{display:none!important}
 .j5studio-sheet-closed #j5studio-app.j5studio-details-open .j5studio-panel-heading{flex:1 0 62px;min-height:62px;height:62px}
}
#j5studio-app.j5studio-details-open #j5studio-location-badge{display:none!important}
