/* R Series shares the approved SakoMed collection and assembly controls. */
.zoll-page{background:#fff}
.zoll-page h1,.zoll-page h2,.zoll-page h3,.zoll-page summary,.zoll-page .secondary,.zoll-page .primary{font-family:Outfit,Montserrat,Arial,sans-serif;font-weight:600}
.zoll-page .page-heading>div{max-width:650px}.zoll-page .page-heading{align-items:center}
.zoll-page .model-stamp{min-width:126px}.zoll-page .model-stamp strong{font-family:Outfit,Arial,sans-serif;font-size:22px}
.zoll-page .explorer,.zoll-page .sidebar{border-radius:17px;box-shadow:0 4px 24px #25433e05}
.zoll-page .viewer-top{padding:18px 20px}.zoll-page .viewer-top h2{font-size:17px}
.zoll-page .model-stage{height:clamp(470px,58svh,680px);margin:0;position:relative;background:radial-gradient(ellipse at 48% 34%,#eef2f3 0%,#dde5e8 52%,#cbd6da 100%);box-shadow:inset 0 1px 0 #c2cfd480,inset 0 -1px 0 #a7b8bf50}
.zoll-page .model-stage canvas{width:100%;height:100%;display:block;touch-action:none}
.zoll-page .viewer-viewport{background:#fafcfc}
.zoll-page .view-label{align-items:center;min-height:52px;gap:12px;padding:9px 16px;background:#fafcfc}
.zoll-page .secondary,.zoll-page .viewer-fullscreen{border-radius:999px;min-height:40px;background:#fff}
.zoll-page .secondary:hover{background:#edf5f4;border-color:#a0c4bf}
.zoll-page .primary{border-radius:999px}
.zoll-page .viewer-controls{background:#f3f7f6;padding:15px 18px}
.zoll-page .view-options{display:flex;gap:22px;flex-wrap:wrap}.zoll-page .scroll-check{font-size:11px}
.zoll-page .model-tools{margin:11px 16px 12px;border-bottom:0;padding-bottom:0;display:flex;justify-content:space-between;align-items:center}
.zoll-page .model-tools>span{font-size:11px;max-width:280px}.zoll-page .model-tools>div{display:flex;gap:5px}
.zoll-page .model-tools button{min-height:36px;padding:8px 11px;font-size:11px}
.zoll-page .model-tools #zoom-in,.zoll-page .model-tools #zoom-out{width:36px}
.zoll-page .model-label{width:30px;height:30px;border-radius:50%;font-family:Outfit,Arial,sans-serif;font-size:12px;border-color:#aebfbb;background:#fff;color:#4d6460;box-shadow:0 1px 6px #123c3010}
.zoll-page .model-label-name{font-family:Outfit,Arial,sans-serif;font-size:12px}
.zoll-page .reference-note{font-size:11px;margin:18px 20px 12px;border-color:#9fc3bd}
.zoll-page .model-notes{margin:0 20px 20px;padding:0;color:var(--muted);font-size:11px;line-height:1.7}
.zoll-page .model-notes summary{cursor:pointer;color:#4a615b;font-size:12px;min-height:32px;align-content:center}
.zoll-page .model-notes p{margin:8px 0 0}
.zoll-page .part-list{max-height:400px}.zoll-page .part-row{min-height:104px}
.zoll-page .part-row .part-name{font-family:Outfit,Arial,sans-serif;font-weight:600;font-size:14px;line-height:1.35}
.zoll-page .part-row .part-number{font-size:10px;letter-spacing:0;line-height:1.5}
.zoll-page .row-badge{display:inline-block;border:1px solid #d2dfdb;background:#f4f8f6;padding:2px 6px;border-radius:99px;font-size:9px;color:#537168;margin-top:4px}
.zoll-page .detail{border-top:1px solid var(--line)}
.zoll-page .detail h2{font-size:23px}.zoll-page .detail p{font-size:12px}
.zoll-page .detail dl>div{padding:9px 0}
.zoll-page .detail-pn{font-size:12px;line-height:1.5;display:inline-flex;border-radius:8px}
.zoll-page .detail-photo{height:230px}
.zoll-page .part-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.zoll-page .part-gallery button{border-radius:9px;padding:6px}
.zoll-page .detail .part-gallery img{height:76px}
.zoll-page .detail-kicker{color:#477e75;letter-spacing:.1em}
.zoll-page .detail .part-note{border-radius:0 8px 8px 0;background:#f3f7f5;font-size:11px;line-height:1.7}
.zoll-page .detail-tip{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}
.zoll-page .detail-tip span{display:grid;place-items:center;min-width:30px;height:30px;background:#edf5f3;color:#377f81;border-radius:50%;font-family:Outfit,Arial,sans-serif;font-size:12px}
.zoll-page .detail-tip p{margin:0;color:var(--muted);font-size:11px}
.zoll-page .unit-photo-gallery .part-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px;overflow:auto;padding-right:4px}
.zoll-page .unit-photo-gallery .part-gallery img{height:83px}
.zoll-page .zoll-photo-stage{height:530px;background:#fff;padding:10px 30px}
.zoll-page .zoll-photo-stage>button{width:100%;height:100%;border:0;background:#fff;color:#66716d}
.zoll-page .zoll-photo-stage img{display:block;width:100%;height:calc(100% - 34px);object-fit:contain}
.zoll-page #photo-caption{font-size:12px;display:block;padding:8px}
.zoll-page .literature{border-radius:14px}.zoll-page .literature a{border-radius:999px}
.zoll-page .equipment-picker select{border-radius:999px;padding-left:16px;min-width:220px}
.zoll-page .photo-dialog{border-radius:14px}
.zoll-page .noscript-note{padding:25px;text-align:center}
.zoll-page .graphics-notice{padding:10px 16px;margin:0;background:#f1f6f4;color:#4c645e;font-size:12px;line-height:1.6}
.zoll-page .viewer-fullscreen{font-size:11px}
.zoll-page .is-expanded .model-stage{height:100%;min-height:0}
@media(max-width:1100px){.zoll-page .model-stage{height:540px}.zoll-page .model-tools{display:block}.zoll-page .model-tools>span{display:block;margin-bottom:9px;max-width:none}.zoll-page .model-tools>div{flex-wrap:wrap}}
@media(max-width:960px){.zoll-page .model-stage{height:560px}.zoll-page .page-heading{align-items:end}.zoll-page .model-stamp{display:none}.zoll-page .model-tools{display:flex;gap:12px}.zoll-page .unit-photo-gallery .part-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.zoll-page .page-heading{display:block;margin-bottom:18px}.zoll-page .equipment-picker{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.zoll-page .equipment-picker select{flex:1}.zoll-page .viewer-top{padding:15px}.zoll-page .viewer-top h2{font-size:15px}.zoll-page .viewer-top>span{display:none}.zoll-page .model-stage{height:420px}.zoll-page .model-tools{display:block}.zoll-page .view-label{font-size:11px;padding:8px 12px}.zoll-page .viewer-controls{padding:12px}.zoll-page .view-options{gap:15px}.zoll-page .model-tools>div{gap:4px}.zoll-page .model-tools button{padding:7px 10px}.zoll-page .model-tools>span{font-size:10px}.zoll-page .part-list{max-height:360px}.zoll-page .unit-photo-gallery .part-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.zoll-page .zoll-photo-stage{height:420px;padding:10px}.zoll-page .viewer-corner{gap:8px}.zoll-page #view-state{font-size:10px}.zoll-page .detail h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.zoll-page *{scroll-behavior:auto!important}}
