.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;justify-content:center;align-items:center}.popup-overlay.active{display:flex}.popup-content{background:#ddf3ff;padding:30px;border-radius:10px;max-width:1200px;width:90%;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.1);height:90%;overflow:scroll}.popup-content .popup-close{position:absolute;top:10px;right:15px;font-size:28px;font-weight:bold;color:#666;cursor:pointer;border:none;background:none;padding:0;line-height:1}.popup-content .popup-close:hover{color:#000}.popup-content .popup-title{margin:0 0 20px}.popup-content .popup-title h2{font-size:2rem;color:#5271ff}.popup-content .popup-title .popup-subtitle{font-size:1.8rem;color:#5271ff}.popup-content .popup-title .popup-text{font-size:1.15rem;color:#1f1c2a}.popup-content .green{color:#666}.popup-content .green h3,.popup-content .green p{text-align:center;color:#00694c;text-transform:uppercase}.popup-content .green .size_info{margin-top:0}.popup-content .green .size_info small{font-size:.7rem}.popup-content .blue{color:#666}.popup-content .blue h3,.popup-content .blue p{text-align:center;color:#202f42;text-transform:uppercase}.popup-content .blue .size_info{margin-top:0}.popup-content .blue .size_info small{font-size:.7rem}.popup-row{display:flex;gap:15px;margin-bottom:15px}.popup-row .popup-col{flex:1;padding:15px;background-color:#bcdfff;border-radius:5px}.popup-row .popup-col .size_img_style{text-align:center}.table_green{border-collapse:collapse;width:100%;text-align:center;font-size:clamp(.8rem,1.5vw,1rem);color:#00694c}.table_green td,.table_green th{border:2px solid #00694c;padding:8px;text-align:center;text-transform:uppercase}.table_green th{background-color:#b6ff6f;font-weight:bold}.table_green td:first-child{background-color:#b6ff6f;font-weight:bold;text-transform:uppercase}.table_green td{background-color:#e5ffbd}.table_blue{border-collapse:collapse;width:100%;text-align:center;font-size:clamp(.8rem,1.5vw,1rem);color:#202f42}.table_blue td,.table_blue th{border:2px solid #202f42;padding:8px;text-align:center;text-transform:uppercase}.table_blue th{background-color:#486ffe;font-weight:bold}.table_blue td:first-child{background-color:#486ffe;font-weight:bold;text-transform:uppercase}.table_blue td{background-color:#bcdfff}@media(max-width: 768px){.popup-row{flex-direction:column}table td,table th{padding:4px !important}}
