#gkgosSubmit:disabled{

opacity:.5;

cursor:not-allowed;

transform:none;

}


#gkgosSubmit:not(:disabled){

opacity:1;

cursor:pointer;

}
/* ==========================
GKGOS GIFTS FRONT DESIGN
========================== */


.gkgos-wrapper{

min-height:100vh;

background:
linear-gradient(
135deg,
#0f172a,
#1e293b
);

padding:40px 15px;

display:flex;

justify-content:center;

align-items:center;

}



.gkgos-card{

background:#ffffff;

width:100%;

max-width:550px;

padding:35px;

border-radius:28px;

box-shadow:
0 20px 50px rgba(0,0,0,.25);

animation:gkgosFade .5s ease;

}



@keyframes gkgosFade{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:none;

}

}





.gkgos-card h1{

text-align:center;

font-size:32px;

font-weight:800;

color:#111827;

margin-bottom:10px;

}



.gkgos-card p{

text-align:center;

color:#64748b;

}




.gkgos-card label{

font-weight:600;

display:block;

margin-top:18px;

color:#1e293b;

}





.gkgos-card input[type="text"],
.gkgos-card input[type="date"],
.gkgos-card input[type="email"]{


width:100%;

padding:14px 16px;

margin-top:8px;

border-radius:14px;

border:1px solid #ddd;

font-size:15px;

transition:.3s;

}




.gkgos-card input:focus{

outline:none;

border-color:#d4af37;

box-shadow:
0 0 0 3px #d4af3725;

}





.gkgos-review{


display:grid;

grid-template-columns:1fr 1fr;

gap:12px;

margin-top:15px;

}



.gkgos-review label{

margin:0;

}



.gkgos-review input{

display:none;

}



.gkgos-review label{


background:#f8fafc;

border:2px solid #e2e8f0;

padding:18px 10px;

border-radius:18px;

text-align:center;

cursor:pointer;

transition:.3s;

font-weight:600;

}



.gkgos-review label:hover{

transform:translateY(-3px);

}



.gkgos-review input:checked + span{

color:white;

}



.gkgos-review input:checked ~ *{


}



.gkgos-review label:has(input:checked){

background:
linear-gradient(
135deg,
#d4af37,
#f59e0b
);

color:white;

border-color:#d4af37;

}





#gkgosUploadBox{


margin-top:25px;

padding:25px;

border-radius:22px;

background:#f8fafc;

border:2px dashed #cbd5e1;

text-align:center;

}





.gkgos-progress{


height:14px;

background:#e5e7eb;

border-radius:20px;

overflow:hidden;

margin-top:20px;

}



#gkgosBar{


height:100%;

width:0%;

background:

linear-gradient(
90deg,
#d4af37,
#f59e0b
);

transition:.3s;

}





.gkgos-card button{


width:100%;

margin-top:30px;

padding:16px;

border:none;

border-radius:18px;

background:

linear-gradient(
135deg,
#d4af37,
#f59e0b
);

color:white;

font-size:18px;

font-weight:800;

cursor:pointer;

box-shadow:
0 10px 25px #d4af3755;

transition:.3s;

}



.gkgos-card button:hover{

transform:translateY(-3px);

box-shadow:
0 15px 30px #d4af3777;

}




.gkgos-history-box{

max-height:400px;

overflow-y:auto;

}



.gkgos-history-item{

background:#fff;

border-radius:15px;

padding:15px;

margin-bottom:12px;

border-left:5px solid #d4af37;

box-shadow:
0 5px 15px #0001;

}




@media(max-width:600px){


.gkgos-card{

padding:25px 18px;

border-radius:22px;

}


.gkgos-card h1{

font-size:25px;

}



.gkgos-review{

grid-template-columns:1fr;

}



}

.gkgos-success-overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:#0008;

display:flex;

align-items:center;

justify-content:center;

z-index:99999;

}



.gkgos-success-box{


background:white;

width:90%;

max-width:420px;

padding:35px 25px;

border-radius:28px;

text-align:center;

box-shadow:
0 20px 60px #0005;

animation:gkgosPop .4s ease;


}



@keyframes gkgosPop{

from{

transform:scale(.7);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}



.success-icon{

font-size:55px;

}



.gkgos-success-box h2{

color:#111827;

}



.claim-id{


background:#fef3c7;

padding:15px;

border-radius:15px;

margin:20px 0;

font-size:18px;

color:#92400e;

}



.gkgos-success-box button{


background:#d4af37;

color:white;

border:none;

padding:14px 35px;

border-radius:15px;

font-size:16px;

font-weight:700;

cursor:pointer;

}

.gkgos-success-overlay{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    background:rgba(0,0,0,0.65) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:999999 !important;
}


.gkgos-success-box{

    background:#ffffff !important;
    width:90% !important;
    max-width:420px !important;
    padding:35px 25px !important;
    border-radius:25px !important;
    text-align:center !important;
    box-shadow:0 20px 60px rgba(0,0,0,.4) !important;

}


.gkgos-success-box h2{

    font-size:26px !important;
    margin-bottom:15px !important;

}


.success-icon{

    font-size:60px !important;

}


.gkgos-success-box button{

    margin-top:20px !important;
    background:#d4af37 !important;
    color:#fff !important;
    border:none !important;
    padding:12px 35px !important;
    border-radius:12px !important;

}

#gkgosForm input[type="date"]{
    all: unset;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    background: #fff !important;
    color: #222 !important;
    border: 2px solid #ddd !important;
    border-radius: 12px;
    font-size: 15px;
    min-height: 52px;
}