.lens-purchase-page{--purchase-ink: #173454;--purchase-muted: #60778e;--purchase-border: #d5e7f3;--purchase-success: #1f8a63;max-width:1320px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem) 3rem}.lens-purchase-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:840px;margin:0 auto 1.75rem}.lens-purchase-progress-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--purchase-muted);font-size:.8rem;font-weight:600}.lens-purchase-progress-step:not(:last-child):after{content:"";position:absolute;z-index:0;top:1rem;left:calc(50% + 1.15rem);right:calc(-50% + 1.15rem);height:2px;background-color:#b8daee}.lens-purchase-progress-number{position:relative;z-index:1;display:grid;width:2rem;height:2rem;flex:0 0 2rem;place-items:center;border:2px solid #b8daee;border-radius:50%;background-color:#fff}.lens-purchase-progress-label{position:relative;z-index:1;line-height:1.2;text-align:center}.lens-purchase-progress-check{display:block;width:1.15rem;height:1.15rem}.lens-purchase-progress-step.is-complete .lens-purchase-progress-number{border-color:var(--primary);background-color:var(--primary);color:#fff}.lens-purchase-progress-step.is-active{color:var(--primary-dark)}.lens-purchase-progress-step.is-active .lens-purchase-progress-number{border-color:var(--primary);background-color:var(--secondary-light);color:var(--primary)}.lens-purchase-surface{min-height:25rem}.lens-purchase-fade-out{animation:lens-purchase-fade-out .16s ease forwards}.lens-purchase-fade-in{animation:lens-purchase-fade-in .18s ease forwards}@keyframes lens-purchase-fade-out{to{opacity:0;transform:translateY(.25rem)}}@keyframes lens-purchase-fade-in{0%{opacity:0;transform:translateY(.25rem)}}.lens-config-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(19rem,.72fr);gap:2rem;align-items:start}.lens-config-workspace,.lens-config-summary{border:1px solid var(--purchase-border);border-radius:1.35rem;background-color:#fff}.lens-config-workspace{padding:clamp(1.35rem,3vw,2.25rem);box-shadow:0 .65rem 2rem #254c7912}.lens-config-eyebrow{margin-bottom:.4rem;color:var(--aqua-blue);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lens-config-title{margin:0;color:var(--purchase-ink);font-size:clamp(1.65rem,3vw,2rem);font-weight:800;letter-spacing:-.035em}.lens-config-lead{max-width:39rem;margin:.65rem 0 1.5rem;color:var(--purchase-muted);line-height:1.55}.lens-config-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.75rem}.lens-option{position:relative;display:flex;min-height:10.5rem;flex-direction:column;padding:1.2rem;border:1.5px solid var(--purchase-border);border-radius:1rem;background-color:#fff;color:var(--purchase-ink);text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .15s ease}.lens-option:hover{border-color:#94c5e4;transform:translateY(-1px)}.lens-option:focus-visible,.lens-more-button:focus-visible,.lens-material-option:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.lens-option.is-selected{border:2px solid var(--primary);background:linear-gradient(145deg,#fff 20%,#eef8fd);box-shadow:0 .5rem 1.5rem #3a72b721}.lens-option-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.lens-option-name{font-size:1.05rem;font-weight:750}.lens-option-radio{display:grid;width:1.3rem;height:1.3rem;flex:0 0 1.3rem;place-items:center;border:2px solid #a4c2d8;border-radius:50%}.lens-option.is-selected .lens-option-radio{border-color:var(--primary)}.lens-option.is-selected .lens-option-radio:after{content:"";width:.68rem;height:.68rem;border-radius:50%;background-color:var(--primary)}.lens-option-badge{align-self:flex-start;margin:.55rem 0 .7rem;padding:.3rem .55rem;border-radius:999px;background-color:var(--secondary-light);color:var(--primary-dark);font-size:.68rem;font-weight:750}.lens-option-badge.is-included{background-color:#e8f6f0;color:#176948}.lens-option-description{margin:0 0 .85rem;color:var(--purchase-muted);font-size:.8rem;line-height:1.45}.lens-option-price{margin-top:auto;color:var(--primary-dark);font-size:.84rem;font-weight:800}.lens-more-button{display:flex;width:100%;align-items:center;justify-content:center;gap:.55rem;margin:1.15rem 0 .25rem;padding:.75rem;border:0;background:transparent;color:var(--primary);font-weight:750}.lens-more-triangle .disclosure-triangle-shape{border-right-width:4px;border-left-width:4px;border-top-width:6px}.lens-collapse{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .36s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear .36s}.lens-collapse.is-expanded{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}.lens-collapse-inner{min-height:0;overflow:hidden}.lens-other-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.85rem;padding-top:1rem;border-top:1px solid #e5eff5}.lens-option.is-compact{min-height:6.6rem;padding:.9rem}.lens-option.is-compact .lens-option-name{font-size:.86rem}.lens-option.is-compact .lens-option-description{margin:.35rem 0 .6rem;font-size:.72rem}.lens-material-panel{margin-top:1.1rem;padding:1rem 1.1rem;border:1px solid var(--purchase-border);border-radius:.9rem;background-color:#fbfdfe}.lens-material-title{margin:0;color:var(--purchase-ink);font-size:1.05rem;font-weight:800;letter-spacing:-.015em}.lens-material-label{display:block;margin-bottom:.2rem;color:var(--purchase-muted);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.lens-material-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.9rem}.lens-material-option{display:flex;min-height:7.5rem;flex-direction:column;gap:.45rem;padding:.8rem .85rem;border:1.5px solid var(--purchase-border);border-radius:.75rem;background-color:#fff;color:var(--purchase-ink);text-align:left;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}.lens-material-option:hover{border-color:#94c5e4;transform:translateY(-1px)}.lens-material-option.is-selected{border:2px solid var(--primary);background:linear-gradient(145deg,#fff 20%,#eef8fd);box-shadow:0 .4rem 1.2rem #3a72b71c}.lens-material-option-header{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:.55rem}.lens-material-option-header strong{font-size:.82rem;line-height:1.3}.lens-material-option-radio{display:grid;width:1.1rem;height:1.1rem;flex:0 0 1.1rem;place-items:center;border:2px solid #a4c2d8;border-radius:50%}.lens-material-option.is-selected .lens-material-option-radio{border-color:var(--primary)}.lens-material-option.is-selected .lens-material-option-radio:after{content:"";width:.52rem;height:.52rem;border-radius:50%;background-color:var(--primary)}.lens-material-option-description{color:var(--purchase-muted);font-size:.72rem;line-height:1.4}.lens-material-option-price{margin-top:auto;color:var(--primary);font-size:.76rem;font-weight:750}.lens-config-summary{position:sticky;top:1rem;overflow:hidden;box-shadow:0 1.1rem 3rem #1f4b7c21}.lens-config-summary-image{display:flex;height:10rem;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(155deg,#f4fbfe,#e8f6fc)}.lens-config-summary-image img{max-width:82%;max-height:8rem;object-fit:contain;mix-blend-mode:multiply}.lens-config-summary-body{padding:1.3rem}.lens-config-product{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid #e5eff5}.lens-config-product strong{color:var(--purchase-ink)}.lens-config-summary-row{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;color:var(--purchase-muted);font-size:.78rem}.lens-config-summary-row strong{color:var(--purchase-ink);text-align:right}.lens-config-total{display:flex;align-items:flex-end;justify-content:space-between;margin:1rem 0 .85rem;padding-top:1rem;border-top:1px solid #e5eff5}.lens-config-total span{color:var(--purchase-muted);font-size:.8rem}.lens-config-total strong{color:var(--primary-dark);font-size:1.6rem}.lens-config-complete{display:flex;align-items:center;gap:.3rem;margin-bottom:.85rem;color:var(--purchase-success);font-size:.75rem;font-weight:750}.lens-config-complete-check{width:.9rem;height:.9rem;flex:0 0 .9rem}.lens-config-actions{display:grid;gap:.55rem}.lens-config-actions .btn{width:100%;min-height:3rem;font-weight:800}.lens-mobile-action{display:none}.lens-purchase-error{max-width:42rem;margin:3rem auto;padding:2rem;border:1px solid #f0c8c6;border-radius:1rem;background-color:#fff8f7;color:#963b37;text-align:center}.lens-config-save-error{max-width:42rem;margin:1rem auto 0;color:#963b37;font-size:.8rem;font-weight:650;text-align:center}.usage-step{width:100%}.usage-step-title{margin:0 0 clamp(1.5rem,3vw,2.25rem);color:var(--purchase-ink);font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;letter-spacing:-.035em;text-align:center}.usage-step-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.usage-step-product{min-width:0}.usage-type-fieldset{min-width:0;margin:0;padding:0;border:0}.usage-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.usage-type-option{position:relative;display:block;margin:0;cursor:pointer}.usage-type-option input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.usage-type-card{display:flex;min-height:5.5rem;height:100%;flex-direction:column;justify-content:center;padding:.8rem .95rem;border:1.5px solid var(--purchase-border);border-radius:1rem;background-color:#fff;color:var(--purchase-ink);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}.usage-type-option:hover .usage-type-card{border-color:#94c5e4;transform:translateY(-1px)}.usage-type-option input:focus-visible+.usage-type-card{outline:3px solid var(--ring);outline-offset:3px}.usage-type-option input:checked+.usage-type-card{border:2px solid var(--primary);background:linear-gradient(145deg,#fff 20%,#eef8fd);box-shadow:0 .5rem 1.5rem #3a72b721}.usage-type-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.usage-type-card strong{font-size:.9rem;line-height:1.3}.usage-type-card small{margin-top:.35rem;color:var(--purchase-muted);font-size:.75rem;line-height:1.45}.usage-type-radio{display:grid;width:1.3rem;height:1.3rem;flex:0 0 1.3rem;place-items:center;border:2px solid #a4c2d8;border-radius:50%}.usage-type-option input:checked+.usage-type-card .usage-type-radio{border-color:var(--primary)}.usage-type-option input:checked+.usage-type-card .usage-type-radio:after{content:"";width:.68rem;height:.68rem;border-radius:50%;background-color:var(--primary)}.usage-type-error{display:block;margin:.75rem 0 0}.usage-step-action{display:flex;justify-content:center;margin-top:clamp(1.5rem,3vw,2.25rem)}.prescription-step{max-width:960px;margin:0 auto}.prescription-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:720px;margin:1rem auto 0}.prescription-mode-option{display:flex;min-height:4.6rem;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1.5px solid var(--purchase-border);border-radius:.9rem;background-color:#fff;color:var(--purchase-ink);text-align:left;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.prescription-mode-option:hover{border-color:#94c5e4}.prescription-mode-option.is-selected{border-color:var(--primary);background-color:#f1f9fd;box-shadow:0 .35rem 1.1rem #3a72b71a}.prescription-mode-option:focus-visible,.prescription-upload-action:focus-within,.prescription-warning button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.prescription-mode-option strong,.prescription-mode-option small{display:block}.prescription-mode-option strong{font-size:.9rem}.prescription-mode-option small{margin-top:.15rem;color:var(--purchase-muted);font-size:.72rem}.prescription-mode-icon{display:grid;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;place-items:center;border-radius:50%;background-color:var(--secondary-light);color:var(--primary);font-size:1.15rem;font-weight:800}.prescription-upload{max-width:720px;margin:.85rem auto 0;padding:1rem;border:1px solid var(--purchase-border);border-radius:.9rem;background-color:#fbfdfe}.prescription-consent{margin-bottom:.8rem;color:var(--purchase-muted);font-size:.74rem}.prescription-consent a{color:var(--primary);font-weight:700}.prescription-upload-action{display:grid;min-height:3rem;cursor:pointer;place-items:center;border:1.5px dashed #8ebedc;border-radius:.75rem;background-color:#eef8fd;color:var(--primary-dark);font-size:.76rem;font-weight:800;letter-spacing:.02em}.prescription-upload-action input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.prescription-upload-action.is-disabled{cursor:not-allowed;opacity:.5}.prescription-file-error{margin:.6rem 0 0;color:#963b37;font-size:.74rem;font-weight:650}.prescription-read-summary,.prescription-warning,.prescription-unavailable{max-width:720px;margin:.85rem auto 0;border-radius:.75rem;font-size:.76rem;font-weight:700}.prescription-read-summary{display:flex;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;background-color:#eaf7f1;color:#176948}.prescription-read-summary .has-review{color:#966715}.prescription-warning{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border:1px solid #ead9ad;background-color:#fffaf0;color:#765312}.prescription-warning button{flex:0 0 auto;border:0;background:transparent;color:var(--primary);font-size:.73rem;font-weight:800}.prescription-unavailable{padding:.75rem .85rem;border:1px solid #f0c8c6;background-color:#fff8f7;color:#963b37;text-align:center}.prescription-form-surface{padding:1rem 1.15rem;border:1px solid var(--purchase-border);border-radius:.9rem;background-color:#f5fbfe}.prescription-step-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.prescription-value{position:relative}.prescription-value.is-read .form-control,.prescription-value.is-review .form-control{padding-right:2rem}.prescription-value.is-read .form-control{border-color:#72b99d}.prescription-value.is-review .form-control{border-color:#d7a53f;background-color:#fffaf0}.prescription-value-status{position:absolute;top:50%;right:.6rem;display:grid;width:1rem;height:1rem;transform:translateY(-50%);place-items:center;border-radius:50%;color:#fff;font-size:.62rem;font-weight:900;pointer-events:none}.prescription-value.is-read .prescription-value-status{background-color:var(--purchase-success)}.prescription-value.is-review .prescription-value-status{background-color:#b87d13}@media(max-width:991px){.usage-step-content{gap:1rem}.usage-type-options{grid-template-columns:1fr}.usage-type-card{min-height:5.25rem}.lens-config-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,.65fr);gap:1rem}}@media(max-width:767px){.lens-purchase-page{padding:1rem .9rem 9rem}.lens-purchase-progress{margin-bottom:1.3rem}.lens-purchase-progress-step{gap:.3rem;font-size:0}.lens-purchase-progress-step.is-active{font-size:.68rem}.lens-purchase-progress-number{width:1.8rem;height:1.8rem;flex-basis:1.8rem;font-size:.7rem}.lens-purchase-progress-step:not(:last-child):after{top:.9rem;left:calc(50% + 1.05rem);right:calc(-50% + 1.05rem)}.lens-config-layout{display:block}.lens-config-workspace{padding:1.4rem 1.05rem;border-radius:1.1rem}.usage-step-title{margin-bottom:1.15rem;font-size:clamp(1.75rem,9vw,2.25rem)}.usage-step-content{grid-template-columns:1fr;gap:.75rem}.usage-step-product .carousel{padding:.5rem!important}.usage-type-options{gap:.65rem}.usage-type-card{min-height:0;padding:.8rem .95rem}.usage-type-card small{margin-top:.3rem}.usage-step-action{margin-top:1.25rem}.lens-config-featured{margin-top:1.35rem}.lens-config-lead{font-size:.82rem}.lens-config-featured,.lens-other-options,.lens-material-options{grid-template-columns:1fr}.lens-option{min-height:0;padding:1rem}.lens-option-description{margin-bottom:.7rem}.lens-config-summary{display:none}.lens-mobile-action{position:fixed;z-index:1030;right:0;bottom:0;left:0;display:flex;align-items:stretch;flex-direction:column;gap:.55rem;padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom));border-top:1px solid var(--purchase-border);background-color:#fffffff5;box-shadow:0 -.65rem 1.8rem #1f4b7c21;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lens-mobile-total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.lens-mobile-total span{color:var(--purchase-muted);font-size:.65rem}.lens-mobile-total strong{color:var(--primary-dark);font-size:1.25rem}.lens-mobile-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:.55rem}.lens-mobile-action .btn{min-height:2.85rem;min-width:0;padding-inline:.7rem;font-size:.75rem;font-weight:800;white-space:nowrap}.prescription-mode-options{grid-template-columns:1fr}.prescription-mode-option{min-height:4.25rem}.prescription-warning,.prescription-read-summary{align-items:flex-start;flex-direction:column}.prescription-form-surface{padding:.85rem}}@media(prefers-reduced-motion:reduce){.lens-purchase-fade-in,.lens-purchase-fade-out,.lens-option,.lens-collapse{animation:none;transition:none}}