*{margin:0;padding:0;box-sizing:border-box;font-family:Red Hat Text,sans-serif}.app{height:max-content;width:100%;background-color:#fcf9f7;padding-left:95px;display:flex;justify-content:space-between}@media screen and (max-width:768px){.app{flex-direction:column;gap:25px}}@media screen and (max-width:480px){.app{padding-left:0}}.app-firstlayer{padding-top:75px;height:max-content;width:70%;display:flex;flex-direction:column;gap:26px;background-color:#fcf9f7}.app-firstlayer h2{font-size:31.5px;color:#260f08}@media screen and (max-width:768px){.app-firstlayer{width:80%;margin:0 auto}}@media screen and (max-width:480px){.app-firstlayer{width:90%}}.app-cardHolder{min-height:20vh;width:100%;display:flex;flex-wrap:wrap;gap:20px}.app-cardHolder .app-cardHolderMain{height:50vh;width:240px;display:flex;flex-direction:column;justify-content:space-between}.app-cardHolder .app-cardHolderMain nav{height:70%;width:100%;border-radius:10px;position:relative;border:2px solid transparent}.app-cardHolder .app-cardHolderMain nav aside{position:absolute;width:150px;height:40px;border:1px solid hsl(12,20%,44%);bottom:-20px;border-radius:30px;left:45px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#260f08;gap:10px;cursor:pointer}.app-cardHolder .app-cardHolderMain nav section{position:absolute;width:150px;height:40px;background-color:#c73a0f;bottom:-20px;border-radius:30px;left:45px;display:flex;align-items:center;justify-content:center}.app-cardHolder .app-cardHolderMain nav section .app-buttonHolder{width:87%;height:70%;display:flex;justify-content:space-between;align-items:center}.app-cardHolder .app-cardHolderMain nav section .app-buttonHolder p{color:#fff}.app-cardHolder .app-cardHolderMain nav section .app-buttonHolder div{cursor:pointer;width:20px;font-size:20px;display:flex;justify-content:center;align-items:center;color:#fff;height:20px;border-radius:100%;border:1px solid white}.app-cardHolder .app-cardHolderMain nav img{height:100%;width:100%;border-radius:10px;object-fit:cover}.app-cardHolder .app-cardHolderMain article{height:20%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.app-cardHolder .app-cardHolderMain article h6{color:#ad8985;font-weight:500;font-size:18px}.app-cardHolder .app-cardHolderMain article h5{font-size:18px;color:#260f08}.app-cardHolder .app-cardHolderMain article h4{font-size:20px;color:#c73a0f}@media screen and (max-width:480px){.app-cardHolder .app-cardHolderMain{width:100%;margin:0 auto}.app-cardHolder .app-cardHolderMain nav aside,.app-cardHolder .app-cardHolderMain nav section{left:65px}}.app-secondLayer{width:29%;min-height:50vh;margin-top:37px;position:fixed;right:0}@media screen and (max-width:768px){.app-secondLayer{position:relative;width:80%;margin:0 auto}}@media screen and (max-width:480px){.app-secondLayer{position:relative;width:100%;margin:0 auto 10px}}.app-emptyCart{min-height:40vh;width:90%;border-radius:10px;background-color:#fff;padding:25px;display:flex;flex-direction:column;align-items:center}.app-emptyCart h3{color:#c73a0f;font-size:22px;width:100%}.app-emptyCart nav{height:max-content;width:max-content;margin-top:40px}.app-emptyCart p{margin-top:15px;color:#87635a}@media screen and (max-width:480px){.app-emptyCart{margin:0 auto}.app-emptyCart p{font-size:14px}}.app-cartItems{min-height:20vh;width:90%;border-radius:10px;background-color:#fff;padding:25px;display:flex;flex-direction:column}.app-cartItems h3{color:#c73a0f;font-size:22px;width:100%;margin-top:20px}.app-cartItems main{min-height:7vh;width:100%;margin-top:25px}.app-cartItems main article{height:10vh;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid gainsboro}.app-cartItems main article section{height:75%;width:90%;display:flex;flex-direction:column;justify-content:space-between}.app-cartItems main article section h4{font-size:15px;font-weight:600}.app-cartItems main article section nav{display:flex;gap:12px;align-items:center}.app-cartItems main article section nav h5{color:#c73a0f;font-size:17px}.app-cartItems main article section nav p{font-size:15px;display:flex;align-items:center;color:#ad8985}.app-cartItems main article section nav p span{color:#87635a;margin-left:7px}.app-cartItems main article aside{height:20px;width:20px;border:1px solid hsl(7,20%,60%);border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:5px}.app-cartItems .app-orderTotal{height:10vh;width:100%;display:flex;align-items:center;justify-content:space-between}.app-cartItems .app-orderTotal h6{font-size:25px}.app-cartItems .app-orderTotal p{color:#87635a}.app-cartItems .app-carbonNeutral{height:6vh;width:100%;background-color:#f4edeb;display:flex;align-items:center;justify-content:center;gap:7px}.app-cartItems .app-carbonNeutral p{font-size:13px}.app-cartItems .app-carbonNeutral p span{font-weight:600}.app-cartItems button{border-radius:30px;height:6.5vh;width:100%;border:none;outline:none;display:flex;justify-content:center;align-items:center;color:#fff;margin-top:15px;cursor:pointer;font-size:16px;background-color:#c73a0f}@media screen and (max-width:480px){.app-cartItems{margin:0 auto}}.confirmationModal{height:100vh;width:100%;position:fixed;background-color:#27262690;top:0;justify-content:center;display:flex;align-items:center}.confirmationModal-holder{min-height:58vh;width:30%;background-color:#fff;border-radius:5px;padding:25px;display:flex;flex-direction:column}.confirmationModal-holder h4{font-size:25px}.confirmationModal-holder p{font-size:11px;font-weight:600;color:#ad8985;margin-bottom:20px}.confirmationModal-holder main{min-height:10vh;max-height:30vh;overflow-y:auto;width:100%;background-color:#fcf9f7;display:flex;flex-direction:column}.confirmationModal-holder main article{height:10vh;min-height:10vh;width:100%;padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(237,237,237)}.confirmationModal-holder main article div{height:100%;width:40px;background-color:green}.confirmationModal-holder main article div img{height:100%;width:100%;object-fit:cover}.confirmationModal-holder main article nav{height:90%;width:70%;display:flex;flex-direction:column;justify-content:space-between}.confirmationModal-holder main article nav h6{font-size:12px;font-weight:650}.confirmationModal-holder main article nav section{font-size:12px;display:flex;gap:12px;color:#c73a0f}.confirmationModal-holder main article nav section span{color:#ad8985}.confirmationModal-holder main article h5{font-weight:600;font-size:13px}.confirmationModal-holder .modal-orderTotal{height:10vh;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fcf9f7;padding-inline:15px}.confirmationModal-holder .modal-orderTotal h6{font-weight:400}.confirmationModal-holder .modal-orderTotal h5{font-size:20px}.confirmationModal-holder button{border-radius:30px;height:6.5vh;width:100%;border:none;outline:none;display:flex;justify-content:center;align-items:center;color:#fff;margin-top:15px;cursor:pointer;font-size:16px;background-color:#c73a0f}@media screen and (max-width:768px){.confirmationModal-holder{width:60%}}@media screen and (max-width: 480px){.confirmationModal-holder{width:95%}}