.sg-modal{--sg-navy: #1a365d;--sg-navy-light: #2d4a6f;--sg-silver: #64748b;--sg-gold: #d4a853;--sg-success: #059669;--sg-bg: #ffffff;--sg-border: #e2e8f0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.sg-modal--open{opacity:1;visibility:visible}.sg-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.sg-modal__container{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--sg-bg);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;transform:translateY(10px);transition:transform .2s ease}.sg-modal--open .sg-modal__container{transform:translateY(0)}.sg-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.sg-modal__title{font-size:18px;font-weight:700;color:var(--sg-navy);margin:0}.sg-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:50%;color:var(--sg-silver);cursor:pointer;transition:all .15s ease}.sg-modal__close:hover{background:#e2e8f0;color:var(--sg-navy)}.sg-modal__tabs{display:flex;gap:8px;padding:16px 20px}.sg-modal__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#f8fafc;border:2px solid var(--sg-border);border-radius:12px;font-size:14px;font-weight:600;color:var(--sg-silver);cursor:pointer;transition:all .15s ease}.sg-modal__tab small{font-size:11px;font-weight:400}.sg-modal__tab:hover{border-color:var(--sg-navy-light);color:var(--sg-navy)}.sg-modal__tab--active{background:var(--sg-navy);border-color:var(--sg-navy);color:#fff}.sg-modal__tab--active small{color:#ffffffb3}.sg-modal__tab--active svg{stroke:#fff}.sg-modal__panel{padding:0 20px 16px}.sg-modal__panel[hidden]{display:none}.sg-modal__sizes{display:flex;flex-direction:column;gap:10px}.sg-modal__size{display:block;width:100%;padding:14px 16px;background:#f8fafc;border:2px solid var(--sg-border);border-radius:12px;text-align:left;cursor:pointer;position:relative;transition:all .15s ease}.sg-modal__size:hover{border-color:var(--sg-navy);background:#fff}.sg-modal__size--popular{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--sg-gold)}.sg-modal__size--popular:hover{border-color:#b8923a}.sg-modal__size-badge{position:absolute;top:-8px;right:14px;padding:3px 8px;background:var(--sg-gold);color:#1a1a1a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:4px}.sg-modal__size-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.sg-modal__size-name{font-size:15px;font-weight:700;color:var(--sg-navy)}.sg-modal__size-code{font-size:11px;font-weight:600;color:var(--sg-silver);background:#64748b1a;padding:2px 6px;border-radius:4px}.sg-modal__size-range{font-size:13px;font-weight:600;color:var(--sg-success);margin-bottom:2px}.sg-modal__size-examples{font-size:12px;color:var(--sg-silver)}.sg-modal__tip{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;margin:0 20px 20px;background:#f1f5f9;border-radius:10px;font-size:12px;color:var(--sg-silver)}.sg-modal__tip svg{flex-shrink:0}.sg-modal__footer{padding:16px 20px 20px;text-align:center}.sg-modal__cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--sg-navy);text-decoration:none}.sg-modal__cta:hover{text-decoration:underline}@media (max-width: 480px){.sg-modal{padding:0;align-items:flex-end}.sg-modal__container{max-width:100%;max-height:85vh;border-radius:24px 24px 0 0;transform:translateY(100%)}.sg-modal--open .sg-modal__container{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/snippet-size-guide-modal.css.map */