/* The supplied photographic sequence, adapted to SIMARC's product section. */
.linerless-experience{--ll-ink:#102b50;--ll-blue:#195bd7;--ll-muted:#526781;--ll-line:#dce5ef;width:100%;max-width:760px;margin-inline:auto;color:var(--ll-ink);font-family:inherit;background:#fff}
.linerless-experience *{box-sizing:border-box}
.linerless-experience [hidden]{display:none!important}
.linerless-modes{display:flex;gap:6px;max-width:100%;width:100%;padding:5px;background:#edf2f8;border:1px solid #dfe7f1;border-radius:12px}
.linerless-modes button{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--ll-muted);font:inherit;font-size:.875rem;line-height:1.3;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.linerless-modes button[aria-pressed="true"]{background:#102b50;color:#fff;box-shadow:0 4px 10px #102b5018}
.linerless-modes button:hover:not([aria-pressed="true"]){background:#e0e9f5;color:#102b50}
.linerless-equipment{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;padding:18px 4px 0;color:var(--ll-muted);font-size:.75rem;line-height:1.5}
.linerless-equipment [data-linerless-model]{font-size:.875rem;color:var(--ll-ink);font-weight:600}
.linerless-viewport{position:relative;overflow:hidden;background:#fff;margin:4px 0 0}
.linerless-viewport canvas{display:block;width:100%;height:auto;aspect-ratio:1100/570}
.linerless-fallback{position:absolute;inset:0;display:grid;place-items:center;background:#fff}
.linerless-fallback img{display:block;width:78%;height:100%;object-fit:contain}
.linerless-viewport:has(canvas[hidden]){aspect-ratio:1100/570}
.linerless-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none!important;padding:0!important;margin:0!important}
.linerless-steps li{position:relative;display:flex;align-items:baseline;gap:8px;margin:0;padding:16px 0 0;color:#687b94;line-height:1.4;--step-progress:0}
.linerless-steps li::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--ll-line);border-radius:1px}
.linerless-steps li::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--ll-blue);transform:scaleX(var(--step-progress));transform-origin:left center;border-radius:1px}
.linerless-steps li>span{font-size:.75rem;font-variant-numeric:tabular-nums}
.linerless-steps strong{font-size:1rem;font-weight:600}
.linerless-steps li.is-active,.linerless-steps li.is-complete{color:var(--ll-ink)}
.linerless-status{min-height:2.8em;margin:10px 0 0;font-size:.875rem!important;line-height:1.4!important;color:var(--ll-muted)}
.linerless-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 0;border-top:1px solid var(--ll-line)}
.linerless-material{display:flex;align-items:center;gap:12px;min-width:0}
.linerless-material img{width:78px;height:54px;object-fit:contain}
.linerless-material p{margin:0;font-size:.875rem!important;line-height:1.45!important;font-weight:600;color:var(--ll-ink)}
.linerless-material p>span{display:block;margin-top:2px;color:var(--ll-muted);font-size:.75rem;font-weight:400}
.linerless-detail,.linerless-retry{appearance:none;min-height:44px;padding:10px 14px;border:1px solid #bfd0e4;border-radius:7px;background:#f4f8fd;color:#174875;font:inherit;font-size:.875rem;line-height:1.3;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.linerless-detail:hover,.linerless-retry:hover{background:#e8f0fc;border-color:#195bd7}
.linerless-detail:disabled{opacity:.5;cursor:default}
.linerless-experience button:focus-visible{outline:3px solid #195bd7;outline-offset:3px}
.linerless-experience noscript p{color:var(--ll-muted);font-size:.875rem;line-height:1.5}
@media(max-width:650px){.linerless-viewport canvas,.linerless-viewport:has(canvas[hidden]){aspect-ratio:820/650}}
@media(max-width:420px){.linerless-modes{gap:3px;padding:4px}.linerless-modes button{padding:10px 8px}.linerless-equipment{padding-top:13px;gap:3px}.linerless-steps{gap:12px}.linerless-material{gap:8px}.linerless-material img{width:64px;height:48px}.linerless-detail{padding-inline:11px}.linerless-status{min-height:2.8em}}
@media(prefers-reduced-motion:reduce){.linerless-experience button{transition:none}}

/* The roll itself opens the educational view; no extra action button. */
.linerless-experience .linerless-roll-trigger{position:relative;display:grid;place-items:center;flex:none;width:100px;height:66px;padding:0;border:0;border-radius:14px;background:transparent;cursor:zoom-in;transition:background .2s,transform .2s}
.linerless-experience .linerless-roll-trigger img{width:96px;height:64px;object-fit:contain}
.linerless-roll-trigger>span{position:absolute;right:0;bottom:4px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #bfd0e4;border-radius:50%;background:white;color:#285c8e;font-size:17px;line-height:1}
.linerless-roll-trigger:hover{background:#e9f2fc;transform:translateY(-2px)}
html.linerless-anatomy-open{overflow:hidden;scrollbar-gutter:stable}
#linerless-anatomy{box-sizing:border-box;width:min(1200px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:54px 16px 14px;border:1px solid #d5e2ee;border-radius:22px;background:#fff;color:#193453;box-shadow:0 25px 85px #102b5030;font-family:Inter,Arial,sans-serif}
#linerless-anatomy:not([open]){display:none}
#linerless-anatomy::backdrop{background:#10223b80;backdrop-filter:blur(5px)}
#linerless-anatomy .linerless-anatomy-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#edf3f9;color:#234669;font:26px/1 Arial;cursor:pointer}
#linerless-anatomy .linerless-anatomy-close:focus-visible{outline:2px solid #2864a1;outline-offset:3px}
#linerless-anatomy .linerless-anatomy-heading{display:block;padding:0 32px 0 0;margin:0;text-align:left}
#linerless-anatomy .linerless-anatomy-heading>span{display:block;font-size:10px;letter-spacing:.14em;font-weight:600;color:#52799d;margin-bottom:9px}
#linerless-anatomy h2{font-size:clamp(23px,3vw,29px);line-height:1.2;letter-spacing:-.035em;margin:0 0 10px;color:#193453}
#linerless-anatomy .linerless-anatomy-heading p{font-size:14px;line-height:1.5;color:#597087;margin:0}
#linerless-anatomy .linerless-anatomy-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 142px);object-fit:contain;margin:0;background:#fff;border:0;box-shadow:none;transform:none}
#linerless-anatomy .linerless-anatomy-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
#linerless-anatomy .linerless-anatomy-layers li{display:block;margin:0;padding:14px 0 0;border-top:2px solid #a9cde9}
#linerless-anatomy .linerless-anatomy-layers li:nth-child(2){border-color:#c2d1df}
#linerless-anatomy .linerless-anatomy-layers li:nth-child(3){border-color:#d8bd6c}
#linerless-anatomy .linerless-anatomy-layers li>span{display:block;color:#658099;font-size:11px;letter-spacing:.06em;margin-bottom:8px}
#linerless-anatomy h3{font-size:14px;line-height:1.4;margin:0 0 7px;color:#193453}
#linerless-anatomy .linerless-anatomy-layers p{font-size:12px;line-height:1.65;margin:0;color:#597087}
#linerless-anatomy .linerless-anatomy-note{display:flex;align-items:center;gap:16px;margin-top:22px;padding:14px 17px;border-radius:12px;background:#edf5fc;font-size:12px;line-height:1.5}
#linerless-anatomy .linerless-anatomy-note strong{white-space:nowrap;font-size:13px;color:#285c8e}
#linerless-anatomy .linerless-anatomy-caption{font-size:10px;line-height:1.5;color:#73879a;margin:12px 0 0}
#linerless-anatomy .linerless-anatomy-expand{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;min-height:44px;margin:4px auto 0;color:#285c8e;font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:560px){#linerless-anatomy{width:calc(100% - 16px);padding:54px 6px 8px;border-radius:16px}}