.LogoHeader{gap: 5px;display: flex;flex-direction: row;justify-content: start;align-items: start;position: absolute;inset-inline-start: 30px;top:20px}
.LogoHeader img{transition: 0.2s ease-in-out;width: 40px;height: 40px;object-fit: contain;background-color: black;border-radius: 200px;padding: 5px;}
.LogoHeader:hover img{scale: 110%;}

body{height: 100%;width: 100%;}
.nav{display: none;}
.contact-footer{display: none;}
.overflowfooter{display: none;}
 .login{height: 100vh;display: flex;justify-content: center;align-items: center;}
.login .lilform{box-shadow: -0.2px 0.2px 0 0.5px rgba(255, 255, 255, 0.268),inset 5px 4px 10px 0.5px rgba(255, 255, 255, 0.008);
    padding: 50px;padding-bottom: 30px;height: fit-content !important;
    max-width: 500px;height: 50%;background-color: var(--border);border-radius: 20px;backdrop-filter: blur(10px); }
    .tdobj{position: absolute;left: 10vw;bottom: 2vw;width: 30vw;pointer-events: none;}
    .login .lilform h1{color: white;margin: 0;font-size: 28px;}
    .login .lilform h2{color: white;margin-top: 0;font-size: 15px;font-weight: 400;opacity: 0.6;margin-bottom: 40px;}
.donthave{
border-top: solid 1px var(--border-bolder);padding-top: 25px;font-size: 14px;
width: 100%;text-align: center;color: white;font-weight: 400;
}
.donthave span{color: var(--primary);text-decoration: underline;font-weight: 700;}
.login .lilform .submit{height: 50px;width: 100% !important;padding: 0;}


.checkoutmod{display: flex;justify-content: center;align-items: center;height: 100vh;}
.checkoutmod .lilform{box-shadow: -0.2px 0.2px 0 0.5px rgba(255, 255, 255, 0.268),inset 5px 4px 10px 0.5px rgba(255, 255, 255, 0.008);
    padding: 50px;padding-bottom: 30px;height:70% !important;overflow-y: scroll;z-index: 1000;justify-content: start;
    max-width: 500px;background-color: var(--border);border-radius: 20px;backdrop-filter: blur(10px); }
    .tdobj{position: absolute;left: 10vw;bottom: 2vw;width: 30vw;pointer-events: none;}
    .checkoutmod .lilform h1{color: black;margin: 0;font-size: 28px;width: 100%;}
    .checkoutmod .lilform h2{color: black;margin-top: 0;font-size: 15px;font-weight: 400;opacity: 0.6;margin-bottom: 40px;}
    .checkoutmod .lilform input{color: black;background-color: rgba(255, 255, 255, 0.248);font-size: 16px;}
    .checkoutmod .lilform input:hover{background-color: rgb(255, 255, 255);}
    .checkoutmod .lilform input:focus{background-color: rgb(255, 255, 255);}

    .donthave{
border-top: solid 1px var(--border-bolder);padding-top: 25px;font-size: 14px;
width: 100%;text-align: center;color: black;font-weight: 400;
}
.donthave span{color: var(--primary);text-decoration: underline;font-weight: 700;}
.checkoutmod .lilform .submit{height: 50px;width: 100% !important;padding: 0;margin: 20px 0;}
.duo{gap: 30px;z-index: 10;
    width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;
}
.checkoutmod h3{width: 100%;position: relative;font-size: 16px;opacity: .6;font-weight: 500;}
.checkoutmod h3::after{width: 70%;background-color: rgba(0, 0, 0, 0.319);height: 1px;content: '';position: absolute;inset-inline-end: 0;top: 12px;}


.checkoutprod{box-shadow: -0.2px 0.2px 0 0.5px rgba(255, 255, 255, 0.268),inset 5px 4px 10px 0.5px rgba(255, 255, 255, 0.008);
    padding: 50px;padding-bottom: 30px;height:70vh !important;overflow-y: scroll;z-index: 1000;justify-content: start;width: 30%;
    max-width: 500px;background-color: var(--border);border-radius: 20px;backdrop-filter: blur(10px); }
    .checkoutprod h1{margin-bottom: 30px !important;color: black;margin: 0;font-size: 28px;width: 100%;}
    .checkoutprod h2{color: black;margin-top: 0;font-size: 15px;font-weight: 400;opacity: 0.6;margin-bottom: 40px;}
    .checkoutprod h3{width: 100%;position: relative;font-size: 16px;opacity: .6;font-weight: 500;}
    .checkoutprod h3::after{width: 70%;background-color: rgba(0, 0, 0, 0.319);height: 1px;content: '';position: absolute;inset-inline-end: 0;top: 12px;}
    .pricerow{padding-top: 20px;width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
    .pricerow h4{font-size: 14px;opacity: .8;margin: 0;}
    .pricerow h5{font-size: 16px;margin: 0;}
    .checkoutprod .items{display: flex;flex-direction: column;justify-content: start;align-items: center;width: 100%;margin: 20px 0;}
    .checkoutprod .item{margin-bottom:10px ;width: 100%;height: 100px;display: flex;flex-direction: row;justify-content: start;align-items: start;border-radius: 12px;padding: 10px;background-color: rgba(255, 255, 255, 0.323);gap: 30px;}
    .checkoutprod .item p{margin: 10PX 0;font-weight: 700;font-size: 16px;font-weight: 10px;width: 100%;; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .checkoutprod .item .side{height: 100%;width: calc(100% - 170px);display: flex;flex-direction: column;justify-content: space-between;align-items: start;}
.checkoutprod .item img{width: 100px !important;height: 100% !important;object-fit: cover;border-radius: 10px;}
@media screen and (max-width: 1000px){
    .checkoutmod .lilform{flex-direction: row;}
    .checkoutmod .lilform input{height: 35px;margin: 2px 0;}
    .checkoutmod{height: fit-content;margin: 0px 10px;margin-top: 20px !important;}
    .duo{flex-direction: column;margin-top: 70px;}
    .checkoutprod{width: 76%;margin: 0 10px;}
}