/* WoodMart-like styling for modal (light, rounded) */
#wcugcModal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgb(255 255 255);z-index:999999;align-items:center;justify-content:center}
.wcugc-panel{background:#fff;border-radius:8px;max-width:720px;width:100%;padding:0;box-shadow:0 12px 40px rgba(0,0,0,0.2);position:relative;display:flex;flex-direction:column}
.wcugc-tabs{display:flex;border-bottom:1px solid #eee}
.wcugc-tab{flex:1;padding:18px 20px;border:none;background:transparent;cursor:pointer;font-weight:600;text-align:center}
.wcugc-tab.active{background:#f7f7f7;border-bottom:3px solid #77a630;color:#000}
.wcugc-body{padding:22px 32px}
.wcugc-label{display:block;margin-bottom:8px;font-weight:600;color:#222}
.wcugc-input{display:block;width:100%;padding:12px;border:1px solid #e6e6e6;border-radius:6px;margin-bottom:12px;font-size:15px}
.wcugc-actions{text-align:right}
.wcugc-btn{background:#77A630 !important;color:#fff !important;border:none;padding:12px 18px;border-radius:8px !important;cursor:pointer;font-weight:600}
.wcugc-close{position:absolute;right:12px;top:10px;background:transparent;border:none;font-size:22px;cursor:pointer}
.wcugc-msg{color:#d33;margin-top:6px;min-height:18px}
@media (min-width: 700px){
  .wcugc-panel{max-width:720px; left: 25%;
        top: 25%;}
}
button#close2
{   margin-left: 3%;
    font-size: 20px;
    max-height: 50px;
    font-size: 25px;
    max-width: 50px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    outline: none;
    border: 0px solid transparent;
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
    text-align: left;
    align-content: center;
    flex-direction: row;
}