.optico-size-section .optico-size-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.optico-size-section .optico-size-head .optico-section-title{margin-bottom:0;flex:1 1 auto;min-width:0}.optico-size-section .optico-size-guide-btn{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:5px 10px!important;min-height:0!important;height:auto!important;line-height:1!important;font-size:11px!important;font-weight:700!important;letter-spacing:.02em;text-transform:none!important;color:#0F294A!important;background:#FFFFFF!important;border:1.5px solid #CBD5E1!important;border-radius:999px!important;box-shadow:none!important;cursor:pointer;transition:all 0.2s ease}.optico-size-section .optico-size-guide-btn:hover,.optico-size-section .optico-size-guide-btn:focus-visible{color:#C9A84C!important;border-color:#C9A84C!important;background:#FFFDF5!important}.optico-size-section .optico-size-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.optico-size-section .optico-size-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 10px 10px;background:#F8FAFC;border:1.5px solid #E2E8F0;border-radius:12px;cursor:pointer;text-align:left;box-sizing:border-box;min-width:0;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;-webkit-tap-highlight-color:#fff0}.optico-size-section .optico-size-card:hover,.optico-size-section .optico-size-card:focus-visible{background:#FFF;border-color:#0F294A;box-shadow:0 4px 12px rgb(15 41 74 / .08);transform:translateY(-1px);outline:none}.optico-size-section .optico-size-card.is-active{background:#EEF4FA;border-color:#0F294A;box-shadow:0 0 0 1px #0F294A inset}.optico-size-section .optico-size-name{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#0F294A;line-height:1.2}.optico-size-section .optico-size-spec{font-size:11px;font-weight:700;color:#1E293B;line-height:1.3}.optico-size-section .optico-size-spec em{font-style:normal;font-weight:600;color:#94A3B8;margin-right:2px}.optico-size-section .optico-size-hint{margin-top:2px;font-size:10.5px;line-height:1.35;color:#64748B}.optico-size-section .optico-size-count{margin-top:4px;padding:1px 7px;font-size:10px;font-weight:700;color:#0F294A;background:#E2E8F0;border-radius:999px;line-height:1.5}.optico-size-section .optico-size-card.is-active .optico-size-count{background:#0F294A;color:#FFF}.optico-size-section .optico-size-check{position:absolute;top:7px;right:7px;width:17px;height:17px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;line-height:1;color:#FFF;background:#0F294A;border-radius:50%;opacity:0;transform:scale(.6);transition:all 0.2s ease}.optico-size-section .optico-size-card.is-active .optico-size-check{opacity:1;transform:scale(1)}.optico-size-section .optico-size-card.is-empty:not(.is-active){opacity:.45;cursor:not-allowed;pointer-events:none}.optico-size-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;visibility:hidden;opacity:0;transition:opacity 0.22s ease,visibility 0s linear 0.22s}.optico-size-modal.is-open{visibility:visible;opacity:1;transition:opacity 0.22s ease}.optico-size-modal-backdrop{position:absolute;inset:0;background:rgb(15 41 74 / .68)}.optico-size-modal-box{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:30px 24px 24px;background:#FFF;border:1.5px solid #E2E8F0;border-radius:16px;box-shadow:0 20px 45px rgb(15 41 74 / .25);box-sizing:border-box;transform:scale(.97);transition:transform 0.22s cubic-bezier(.22,1,.36,1);scrollbar-width:thin;scrollbar-color:#CBD5E1 #fff0}.optico-size-modal.is-open .optico-size-modal-box{transform:scale(1)}.optico-size-modal .optico-size-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:14px!important;font-weight:700;line-height:1;color:#0F294A!important;background:#F8FAFC!important;border:1.5px solid #CBD5E1!important;border-radius:50%!important;box-shadow:none!important;min-height:0!important;cursor:pointer;transition:all 0.2s ease}.optico-size-modal .optico-size-modal-close:hover,.optico-size-modal .optico-size-modal-close:focus-visible{color:#FFFFFF!important;background:#0F294A!important;border-color:#0F294A!important}.optico-size-modal-head{text-align:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1.5px solid #F1F5F9}.optico-size-modal-head h3{margin:0 0 4px;font-size:20px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#0F294A}.optico-size-modal-head p{margin:0;font-size:13px;color:#64748B}.optico-size-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.optico-size-measure{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#F8FAFC;border:1.5px solid #E2E8F0;border-radius:12px}.optico-size-measure-icon{flex:0 0 44px;height:36px;display:flex;align-items:center;justify-content:center}.optico-size-measure-icon img{max-width:44px;max-height:36px;width:auto;height:auto;object-fit:contain}.optico-size-measure strong{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0F294A;margin-bottom:2px}.optico-size-measure p{margin:0;font-size:11.5px;line-height:1.45;color:#475569}.optico-size-note{margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.5;color:#92400E;background:#FEF3C7;border-radius:10px}.optico-size-note code{padding:1px 6px;font-size:11.5px;font-weight:700;color:#0F294A;background:#FFF;border-radius:4px}.optico-size-table{width:100%;margin:0;border-collapse:collapse;font-size:12px}.optico-size-table th{padding:8px 10px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-align:left;color:#FFF;background:#0F294A}.optico-size-table td{padding:9px 10px;vertical-align:middle;color:#1E293B;border-bottom:1px solid #EEF2F6;line-height:1.4}.optico-size-table tr:last-child td{border-bottom:none}.optico-size-tip{margin:12px 0 0;font-size:12px;color:#64748B;text-align:center}body.optico-size-modal-open{overflow:hidden}@media (max-width:480px){.optico-size-modal-box{padding:26px 16px 18px}.optico-size-measures{grid-template-columns:1fr}.optico-size-modal-head h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.optico-size-section .optico-size-card,.optico-size-section .optico-size-check,.optico-size-modal,.optico-size-modal-box{transition:none!important}}