#optilens-pro{--ol:#238ed0;margin:18px 0;font-family:inherit}
.ol-open{width:100%;border:0;border-radius:18px;background:var(--ol);color:#fff;padding:18px 20px;text-align:left;display:grid;grid-template-columns:42px 1fr 30px;align-items:center;font-size:18px;cursor:pointer;box-shadow:0 7px 18px rgba(35,142,208,.22)}
.ol-open small{grid-column:2;color:#dcefff;font-size:13px}.ol-open b{grid-column:3;grid-row:1/3}.ol-summary{margin-top:10px;background:#f3fff7;padding:16px;border-radius:14px;line-height:2;color:#1e3527}
.ol-modal{display:none;position:fixed;inset:0;z-index:999999}.ol-modal.open{display:block}.ol-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ol-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);max-height:92vh;background:#fff;border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column}
.ol-head{padding:18px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-size:20px}.ol-close{border:0;background:#f1f3f5;border-radius:50%;width:38px;height:38px;font-size:25px}
.ol-body{overflow:auto;padding:18px 20px}.ol-progress{display:flex;align-items:center;margin-bottom:22px}.ol-progress span{width:34px;height:34px;border-radius:50%;background:#e9edf2;color:#657080;display:grid;place-items:center;font-weight:700}.ol-progress span.active{background:var(--ol);color:#fff}.ol-progress i{height:4px;background:#e5e9ee;flex:1;margin:0 5px}
.ol-step{display:none}.ol-step.active{display:block}.ol-step h3{margin:6px 0 18px}.ol-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ol-choice-grid button,.ol-presc-grid button{border:1px solid #dfe5eb;background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:center;font-size:15px}.ol-choice-grid button:hover,.ol-presc-grid button.selected,.ol-choice-grid button:hover{border-color:var(--ol)}
.ol-cards{display:grid;gap:12px}.ol-card{width:100%;display:grid;grid-template-columns:90px 1fr;text-align:left;gap:14px;padding:14px;border:2px solid #e5e9ef;border-radius:18px;background:#fff;cursor:pointer}.ol-card.selected{border-color:var(--ol);background:#f7fbff}.ol-card strong{font-size:17px}.ol-card em{font-style:normal;color:var(--ol);font-weight:700;margin-left:6px}.ol-card small{display:block;color:#697381;margin-top:8px;line-height:1.4}.ol-thumb{width:90px;height:76px;border-radius:14px;background:#f3f7fa;display:grid;place-items:center;font-size:32px}
.ol-presc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ol-presc-grid small{color:#727b86}.ol-manual{display:none;margin-top:15px}.ol-manual>div{padding:12px;border:1px solid #e5e9ef;border-radius:14px;margin-bottom:10px}.ol-manual input{width:22%;margin:8px 1% 0 0;padding:10px;border:1px solid #d7dce2;border-radius:8px}.ol-file{display:none;margin-top:15px}.ol-notes{width:100%;min-height:90px;margin-top:15px;border:1px solid #d7dce2;border-radius:10px;padding:12px}
.ol-footer{border-top:1px solid #eee;padding:14px 20px;display:flex;align-items:center;gap:10px;background:#fff}.ol-price{font-size:22px;font-weight:700;margin-right:auto}.ol-next,.ol-back{border:0;border-radius:14px;padding:13px 20px;font-weight:700;cursor:pointer}.ol-next{background:var(--ol);color:#fff}.ol-back{background:#f0f2f5}
.ol-review-box{background:#f6f9fc;border-radius:16px;padding:18px;line-height:2}
@media(max-width:600px){.ol-sheet{max-height:96vh}.ol-presc-grid{grid-template-columns:1fr}.ol-card{grid-template-columns:72px 1fr}.ol-thumb{width:72px;height:68px}.ol-manual input{width:46%}.ol-footer{flex-wrap:wrap}.ol-price{width:100%}.ol-back,.ol-next{flex:1}}
.ol-upload-status{display:block;margin-top:8px;color:#2271b1;font-size:13px;min-height:18px}
.ol-loading,.ol-empty{padding:18px;border:2px dashed #e5e9ef;border-radius:18px;color:#697381;text-align:center;background:#fff}
