.nucco-size-modal{
position:fixed;
inset:0;
background:rgba(15,23,42,.75);
display:none;
align-items:center;
justify-content:center;
z-index:999999;
padding:30px;
}

.nucco-size-modal.active{
display:flex;
}

.nucco-size-box{
width:min(900px,100%);
max-height:90vh;
overflow:auto;
background:#fff;
border-radius:24px;
padding:40px;
position:relative;
}

.nucco-size-close{
position:absolute;
top:20px;
right:20px;
width:44px;
height:44px;
border:none;
border-radius:50%;
background:#F8FAFC;
cursor:pointer;
}

.nucco-size-header{
text-align:center;
margin-bottom:30px;
}

.nucco-size-tabs{
display:flex;
gap:15px;
margin-bottom:30px;
}

.nucco-size-tabs button{
flex:1;
height:52px;
border:none;
border-radius:14px;
background:#F4F4F4;
font-weight:700;
cursor:pointer;
}

.nucco-size-tabs button.active{
background:#5B3DF5;
color:#fff;
}

.nucco-size-content{
display:none;
}

.nucco-size-content.active{
display:block;
}

.nucco-size-content table{
width:100%;
border-collapse:collapse;
}

.nucco-size-content th{
background:#F8FAFC;
padding:18px;
text-align:left;
}

.nucco-size-content td{
padding:18px;
border-top:1px solid #EEF2F7;
}

.nucco-measure{
margin-top:40px;
padding-top:30px;
border-top:1px solid #EEF2F7;
}

.nucco-tip{
margin-top:20px;
padding:16px 20px;
background:#EEF4FF;
border-left:4px solid #5B3DF5;
border-radius:10px;
font-weight:600;
}

@media(max-width:768px){

.nucco-size-tabs{
flex-direction:column;
}

.nucco-size-box{
padding:25px;
}

.nucco-size-content{
overflow:auto;
}

.nucco-size-content table{
min-width:550px;
}

}