.sgk{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#111} .sgk *{box-sizing:border-box} /* BOTÃO */ .sgk .size-btn{ display:inline-block; padding:8px 14px; border:1px solid #111; border-radius:6px; background:#fff; font-weight:600; cursor:pointer; transition:all .2s ease; } .sgk .size-btn:hover{ background:#111; color:#fff; } /* MODAL */ .sgk .overlay{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:9999; } .sgk .modal{ background:#fff; width:95%; max-width:600px; border-radius:10px; padding:20px; position:relative; animation:fadeIn .2s ease; } @keyframes fadeIn{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } .sgk .close{ position:absolute; top:10px; right:14px; font-size:20px; cursor:pointer; font-weight:700; } .sgk h3{ margin:0 0 10px 0; font-size:18px; } .sgk table{width:100%;border-collapse:collapse;margin-top:10px} .sgk th,.sgk td{border:1px solid #e5e7eb;padding:8px;text-align:center} .sgk th{background:#f5f7fa;font-weight:800} .sgk td{font-size:13px} @media(max-width:600px){ .sgk th,.sgk td{padding:6px;font-size:12px} } Size × Puffer Size Chart Size Chest (in) Shoulder (in) Sleeve (in) S 43.3 18.5 23.2 M 44.9 18.9 23.6 L 46.5 19.3 24.0 XL 48.0 19.7 24.4 2XL 49.6 20.1 24.8 3XL 51.2 20.5 25.2 function openSizeGuide(){ document.getElementById('sizeOverlay').style.display = 'flex'; } function closeSizeGuide(){ document.getElementById('sizeOverlay').style.display = 'none'; } document.getElementById('sizeOverlay').addEventListener('click', function(e){ if(e.target === this){ closeSizeGuide(); } });