:root{--optico-navy:#0F294A;--optico-gold:#C9A84C;--optico-slate:#64748B;--optico-border:#E2E8F0;--optico-bg-light:#F8FAFC}.optico-filter-root{font-family:'DM Sans',-apple-system,sans-serif;position:relative;margin-bottom:35px}.optico-filter-loader{display:none;position:absolute;inset:-10px;background:rgb(255 255 255 / .82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;border-radius:16px;align-items:center;justify-content:center}.optico-filter-root.is-loading .optico-filter-loader{display:flex}.optico-spinner-ring{width:44px;height:44px;border:3.5px solid rgb(15 41 74 / .1);border-top-color:var(--optico-gold);border-right-color:var(--optico-navy);border-radius:50%;animation:opticoSpin 0.75s cubic-bezier(.68,-.55,.27,1.55) infinite}@keyframes opticoSpin{to{transform:rotate(360deg)}}.optico-filter-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--optico-navy)}.optico-filter-badge{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--optico-navy)}.optico-clear-btn{background:transparent!important;color:var(--optico-navy)!important;border:1.5px solid var(--optico-navy)!important;padding:4px 14px!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;cursor:pointer;transition:all 0.25s ease}.optico-clear-btn:hover{background:var(--optico-navy)!important;color:#FFFFFF!important}.optico-smart-match-box{background:var(--optico-bg-light);border:1.5px solid var(--optico-gold);border-radius:14px;padding:16px;margin-bottom:22px;box-shadow:0 6px 18px rgb(201 168 76 / .12)}.optico-ai-tabs-nav{display:flex;background:#EEF4FA;border-radius:8px;padding:3px;margin-bottom:12px;gap:4px}.optico-ai-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent!important;border:none!important;padding:7px 10px!important;border-radius:6px!important;font-size:11px!important;font-weight:700!important;color:var(--optico-slate)!important;cursor:pointer;transition:all 0.2s ease}.optico-ai-tab-btn.is-active{background:#FFFFFF!important;color:var(--optico-navy)!important;box-shadow:0 2px 6px rgb(15 41 74 / .08)!important}.optico-sm-head{margin-bottom:6px}.optico-sm-title{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--optico-navy)}.optico-sm-desc{font-size:11.5px;line-height:1.45;color:var(--optico-slate);margin:0 0 12px 0}.optico-sm-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--optico-navy)!important;color:#FFFFFF!important;border:none!important;padding:10px 14px!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;cursor:pointer;transition:all 0.25s ease}.optico-sm-btn svg{width:15px;height:15px;stroke:var(--optico-gold)!important;fill:none!important}.optico-sm-btn:hover{background:var(--optico-gold)!important;color:#0F294A!important}.optico-sm-btn:hover svg{stroke:#0F294A!important}.optico-sm-scanning-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.optico-scan-window{position:relative;width:110px;height:110px;border-radius:50%;overflow:hidden;border:2px solid var(--optico-gold);box-shadow:0 0 15px rgb(201 168 76 / .4)}.optico-scan-window img{width:100%;height:100%;object-fit:cover}.optico-laser-beam{position:absolute;left:0;right:0;height:3px;background:#10B981;box-shadow:0 0 12px #10B981,0 0 4px #FFF;animation:opticoLaserScan 1.6s ease-in-out infinite alternate}@keyframes opticoLaserScan{0%{top:0%}100%{top:96%}}.optico-scan-msg{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--optico-navy);font-weight:700}.optico-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10B981;animation:opticoPulse 1.2s infinite}@keyframes opticoPulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.2);opacity:0}}.optico-res-profile-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #EEF2F6}.optico-user-photo-wrap{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid var(--optico-gold);overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.optico-user-photo-wrap img{width:100%;height:100%;object-fit:cover}.optico-verified-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#10B981;color:#fff;font-size:8px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #fff}.optico-res-profile-text{display:flex;flex-direction:column;gap:2px;flex-grow:1;overflow:hidden}.optico-res-shape-title{font-size:13.5px;font-weight:800;color:#0F294A;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.optico-res-status-sub{font-size:10.5px;color:#10B981;font-weight:700}.optico-profile-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.optico-filter-root button.optico-icon-action-btn,.optico-filter-root .optico-icon-action-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all 0.2s ease!important;box-shadow:none!important}.optico-filter-root .optico-icon-action-btn svg{width:16px!important;height:16px!important;display:block!important;fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.optico-filter-root .optico-reuse-action-btn{background:#EEF4FA!important;border:1.5px solid #CBD5E1!important;color:#0F294A!important}.optico-filter-root .optico-reuse-action-btn svg{stroke:#0F294A!important}.optico-filter-root .optico-reuse-action-btn:hover{background:#0F294A!important}.optico-filter-root .optico-reuse-action-btn:hover svg{stroke:#FFFFFF!important}.optico-filter-root .optico-trash-action-btn{background:#FEF2F2!important;border:1.5px solid #FEE2E2!important;color:#EF4444!important}.optico-filter-root .optico-trash-action-btn svg{stroke:#EF4444!important}.optico-filter-root .optico-trash-action-btn:hover{background:#EF4444!important}.optico-filter-root .optico-trash-action-btn:hover svg{stroke:#FFFFFF!important}.optico-sm-advice{font-size:12px;line-height:1.5;color:#334155;background:#FFF;padding:10px;border-radius:8px;border:1px solid #E2E8F0;margin:0 0 10px 0}.optico-upload-new-btn{width:100%!important;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--optico-navy)!important;color:#FFFFFF!important;border:none!important;font-size:12px!important;font-weight:700!important;padding:10px 16px!important;border-radius:999px!important;cursor:pointer;transition:all 0.2s ease}.optico-upload-new-btn svg{stroke:currentColor!important;fill:none!important}.optico-upload-new-btn:hover{background:var(--optico-gold)!important;color:var(--optico-navy)!important}.optico-frame-dropzone{border:2px dashed #CBD5E1;background:#FFF;border-radius:10px;padding:18px 12px;text-align:center;cursor:pointer;transition:all 0.2s ease}.optico-frame-dropzone:hover{border-color:var(--optico-navy);background:#FAFBFD}.optico-drop-prompt{display:flex;flex-direction:column;align-items:center;gap:6px}.optico-drop-prompt span{font-size:11.5px;font-weight:700;color:var(--optico-navy)}.optico-frame-searching{text-align:center;padding:20px 0;font-size:11.5px;font-weight:700;color:var(--optico-navy)}.optico-chip-item{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#0F294A!important;color:#FFFFFF!important;font-size:11px!important;font-weight:800!important;padding:5px 12px!important;border-radius:999px!important;border:1px solid #C9A84C!important;box-shadow:0 2px 8px rgb(15 41 74 / .18)!important;white-space:nowrap!important;flex-shrink:0!important;line-height:1!important}.optico-chip-remove{cursor:pointer!important;font-size:12px!important;color:#C9A84C!important;font-weight:800!important;line-height:1!important;margin-left:2px!important;transition:color 0.2s ease!important}.optico-chip-remove:hover{color:#FFFFFF!important}.optico-active-chips-bar{background:#FFF;border:1.5px solid var(--optico-navy);border-radius:10px;padding:10px 12px;margin-bottom:20px}.optico-chips-title{font-size:11px;font-weight:800;color:var(--optico-navy);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.optico-chips-list{display:flex;flex-wrap:wrap;gap:6px}.optico-mobile-catalog-chips{display:none}@media (max-width:1024px){.optico-mobile-catalog-chips{margin:0 0 16px 0;padding:8px 10px;background:#FFF;border:1.5px solid #0F294A;border-radius:12px;box-shadow:0 4px 14px rgb(15 41 74 / .08);display:flex;align-items:center;gap:8px;overflow:hidden;box-sizing:border-box}.optico-mobile-chips-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-grow:1;padding:2px 0}.optico-mobile-chips-scroll::-webkit-scrollbar{display:none}.optico-mobile-clear-btn{flex-shrink:0!important;background:#FEF2F2!important;border:1.5px solid #FCA5A5!important;color:#DC2626!important;font-size:10.5px!important;font-weight:800!important;padding:5px 12px!important;border-radius:999px!important;cursor:pointer!important;white-space:nowrap!important;text-transform:uppercase!important;letter-spacing:0.04em!important}.optico-filter-root #opticoActiveChipsBar{display:none!important}}@media (min-width:1025px){.optico-mobile-catalog-chips{display:none!important}}.optico-filter-section{margin-bottom:24px}.optico-section-title{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;font-weight:700;color:var(--optico-navy);margin:0 0 12px 0;position:relative;padding-left:12px}.optico-section-title::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:3.5px;background:var(--optico-gold);border-radius:2px}.optico-items-scrollable{max-height:230px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--optico-navy) #fff0}.optico-items-scrollable::-webkit-scrollbar{width:4px}.optico-items-scrollable::-webkit-scrollbar-thumb{background:var(--optico-border);border-radius:10px}@media (max-width:1024px){.optico-items-scrollable{max-height:none!important;overflow-y:visible!important;padding-right:0!important}}.optico-shape-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.optico-shape-card{position:relative;background:#FFF;border:1.5px solid var(--optico-border);border-radius:12px;padding:10px 6px 8px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s cubic-bezier(.23,1,.32,1);gap:5px}.optico-shape-card:hover{border-color:var(--optico-gold);transform:translateY(-2px);box-shadow:0 6px 16px rgb(201 168 76 / .16)}.optico-active-check{display:none;position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#C9A84C;color:#FFF;font-size:9px;font-weight:800;line-height:14px;text-align:center}.optico-shape-card.is-active{border-color:#0F294A!important;background:#F0F6FF!important;box-shadow:0 0 0 2px #0F294A!important}.optico-shape-card.is-active .optico-active-check{display:block}.optico-shape-card.is-active .optico-shape-label{color:#0F294A!important;font-weight:800!important}.optico-shape-icon-wrap{width:100%;height:28px;display:flex;align-items:center;justify-content:center}.optico-shape-icon-wrap img{max-width:100%;max-height:28px;object-fit:contain}.optico-shape-placeholder{width:10px;height:10px;border-radius:50%;background:var(--optico-border)}.optico-shape-label{font-size:10px;font-weight:700;color:var(--optico-slate);text-align:center;line-height:1.1}.optico-color-wrap{display:flex;flex-wrap:wrap;gap:10px;padding:3px}.optico-color-circle{width:32px;height:32px;border-radius:50%;border:2px solid #CBD5E1;cursor:pointer;position:relative;transition:all 0.25s ease;box-shadow:0 2px 6px rgb(15 41 74 / .08)}.optico-color-circle:hover{transform:scale(1.15);border-color:var(--optico-navy)}.optico-color-circle.is-active{border-color:var(--optico-navy)!important;transform:scale(1.15);box-shadow:0 0 0 2.5px var(--optico-gold),0 4px 14px rgb(15 41 74 / .2)!important}.optico-color-check{display:none;width:8px;height:8px;background:#FFF;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px rgb(0 0 0 / .85)}.optico-color-circle.is-active .optico-color-check{display:block}.optico-pills-wrap{display:flex;flex-wrap:wrap;gap:8px}.optico-pill-btn{background:#FFF;border:1.5px solid var(--optico-border);padding:7px 15px;border-radius:999px;font-size:12px;font-weight:700;color:#334155;cursor:pointer;transition:all 0.2s ease}.optico-pill-btn:hover{border-color:var(--optico-navy);color:var(--optico-navy)}.optico-pill-btn.is-active{background:var(--optico-navy)!important;color:#FFFFFF!important;border-color:var(--optico-navy)!important;box-shadow:0 4px 10px rgb(15 41 74 / .2)}.optico-checkbox-wrap{display:flex;flex-direction:column;gap:10px}.optico-checkbox-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#334155;cursor:pointer}.optico-checkbox-row input{cursor:pointer;width:17px;height:17px;accent-color:var(--optico-navy)}.optico-checkbox-row.is-active{font-weight:700;color:var(--optico-navy)}.optico-products-loading{opacity:.45;pointer-events:none;transition:opacity 0.25s ease}