@font-face{font-family:MyFont;src:url(/assets/RedHatText-Regular-hFJG0d5O.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MyFont;src:url(/assets/RedHatText-SemiBold-CQWT_vd1.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:MyFont;src:url(/assets/RedHatText-Bold-nSIkiIBj.ttf) format("truetype");font-weight:700;font-style:normal}*{padding:0;margin:0;box-sizing:border-box}html{font-size:18px}body{font-family:MyFont,sans-serif}.container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#fcf8f5;position:relative}.App{width:100%;max-width:100%;padding:4rem;display:flex;justify-content:space-between;align-items:start}.desert-image{width:100%;max-width:15rem;border-radius:1rem}.card-desert-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-right:2rem}.card-header{font-size:2rem;padding-bottom:1.5rem}.desert-image-container{display:flex;flex-direction:column;justify-content:center;align-items:start}.desert-image-container:hover{border:2px solid hsl(14,86%,42%);border-radius:1rem}.card-desert-title{font-size:.7rem;font-weight:600;color:#c9aea6}.card-desert-description{font-size:.8rem;font-weight:700;color:#260f08;line-height:1.5rem}.card-desert-price{font-size:.9rem;font-weight:700;color:#c73a0f}.desert-image-container{position:relative;margin-bottom:2rem}.cart-button{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);cursor:pointer;width:100%;max-width:8rem;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem;border-radius:1rem;border:none;outline:none;font-family:MyFont,sans-serif;font-size:.7rem;font-weight:700;color:#260f08;transition:transform .7s ease}.cart-button:hover{transform:translate(-50%,50%) scale(1.1);border:1px solid hsl(14,86%,42%);color:#c73a0f;transform-origin:center center}.cart-icon{width:100%;max-width:1rem;filter:drop-shadow(0 0 .5px hsl(14,86%,42%))}#increment-icon{background-color:#c73a0f;display:flex;justify-content:space-around;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:100%;max-width:8rem;padding:.4rem;border-radius:1rem;border:none;outline:none;font-family:MyFont,sans-serif;font-size:.7rem;font-weight:700;color:#fff}.circle-border{width:15px;height:15px;object-fit:cover;border:1.5px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.circle-border:hover{background-color:#fff;transition:background-color .3s ease,transform .3s ease}.decrement-icon,.increment-icon{width:50%;height:50%;object-fit:contain;transform:scale(1.1)}.circle-border:hover .increment-icon,.circle-border:hover .decrement-icon{filter:brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(2199%) hue-rotate(348deg) brightness(92%) contrast(86%);transform:scale(1.2)}.cart-container{display:flex;align-items:start;flex-direction:column;justify-content:center;background-color:#fff;padding:1rem;border-radius:.5rem;width:100%;max-width:20rem}.cart-header{font-size:1.3rem;color:#c73a0f;padding-bottom:1rem}.cart-body{width:100%;max-width:100%}.cart-item-container{width:100%;display:flex;justify-content:space-between;align-items:center}.cart-item p{font-size:.8rem}.cart-item-subtitle{font-weight:600;color:#260f08;padding-bottom:.2rem}hr{border:.2px solid hsl(13,31%,94%);opacity:.5;margin:.5rem 0}.cart-item-details p{font-size:.7rem}.cart-item-quantity{color:#c73a0f;font-weight:700;padding-right:1rem}.cart-item-price{color:#c9aea6;font-weight:600;padding-right:.5rem}.total-cart-item-price{color:#ad8985;font-weight:600}.remove-btn-container{border:1px solid hsl(7,20%,60%);width:15px;max-width:15px;height:15px;max-height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease}.remove-btn{width:50%;max-width:50%;height:50%;max-height:50%;filter:drop-shadow(0 0 .5px hsl(7,20%,60%))}.remove-btn-container:hover{transform:scale(1.3);border:1px solid hsl(14,65%,9%)}.remove-btn-container:hover .remove-btn{filter:brightness(0) saturate(100%) invert(4%) sepia(7%) saturate(6293%) hue-rotate(342deg) brightness(94%) contrast(98%)}.cart-amount{display:flex;justify-content:space-between;align-items:center;color:#260f08}.cart-amount p{font-size:.8rem;font-weight:600}.carbon-neutral{width:100%;max-width:100%;font-size:.7rem;display:flex;align-items:center;justify-content:center;column-gap:.3rem;background-color:#f4edeb;padding:.5rem 0;color:#260f08;border-radius:.5rem;margin:1rem 0}.carbon-neutral span{font-weight:700;color:#260f08}.empty-cart-container{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.confirm-order-btn{width:100%;max-width:100%;border:none;outline:none;padding:.5rem 0rem;border-radius:.8rem;cursor:pointer;font-family:MyFont,sans-serif;font-size:.7rem;font-weight:700;background-color:#c73a0f;color:#fff}.confirmation-container{position:absolute;background-color:#fff;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:30%;border-radius:1rem;padding:2rem}.confirmation-icon{width:100%;max-width:2rem}.confirmation-header{font-size:1.3rem;color:#260f08;padding:.5rem 0 .2rem}.confirmation-subtitle{font-size:.7rem;color:#c9aea6;font-weight:600}.confirmation-body{margin:1rem 0;background-color:#fcf9f7;padding:.5rem;border-radius:.2rem}.confirmation-item{display:flex;align-items:center;justify-content:center;gap:.5rem}.cart-img{width:100%;max-width:2.5rem}.cart-item-total{font-size:.8rem;font-weight:600;color:#260f08}.line-breaker{margin:1rem 0}@media screen and (max-width: 1280px){.App{padding:2rem}.card-desert-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-right:2rem;width:100%;max-width:80rem}.cart-container{width:100%;max-width:15rem}.cart-button{width:100%;max-width:6rem;font-size:.5rem;padding:.3rem}.cart-icon{width:100%;max-width:.8rem;filter:drop-shadow(0 0 .5px hsl(14,86%,42%))}#increment-icon{width:100%;max-width:6rem;font-size:.5rem;padding:.3rem}.card-desert-title{font-size:.5rem}.card-desert-description{font-size:.6rem;line-height:.8rem}.card-desert-price{font-size:.6rem}.cart-header{font-size:1.1rem;padding-bottom:1rem}.cart-item p{font-size:.6rem}.cart-amount p{font-size:.5rem}.cart-amout-price{font-size:.8rem}.carbon-neutral{font-size:.5rem}.carbon-neutral-icon{width:100%;max-width:1rem}.confirm-order-btn{font-size:.5rem}}@media screen and (max-width: 895px){.App{padding:1rem}.card-desert-container{display:grid;grid-template-columns:repeat(2,1fr);width:100%;max-width:80rem}.cart-container{width:100%;max-width:15rem}}@media screen and (max-width: 667px){.App{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}}@media screen and (max-width: 449px){.card-desert-container{display:grid;grid-template-columns:repeat(1,1fr);width:100%}}@media screen and (max-width: 1024px){.confirmation-container{width:100%;max-width:50%;top:30%;left:50%;transform:translate(-50%,-50%)}.cart-item-total{font-size:.7rem}}@media screen and (max-width: 891px){.confirmation-container{width:100%;max-width:50%;top:30%}.cart-item-total{font-size:.7rem}}@media screen and (max-width: 889px){.confirmation-container{width:100%;max-width:50%;top:20%}}@media screen and (max-width: 859px){.confirmation-container{width:100%;max-width:50%;top:20%}}@media screen and (max-width: 820px){.confirmation-container{width:100%;max-width:60%;top:25%}}@media screen and (max-width: 767px){.confirmation-container{width:100%;max-width:70%;top:30%}}@media screen and (max-width: 667px){.confirmation-container{width:100%;max-width:70%;top:17%}.cart-item-total{font-size:.6rem}}@media screen and (max-width: 571px){.confirmation-container{width:100%;max-width:70%;top:20%}}@media screen and (max-width: 503px){.confirmation-container{width:100%;max-width:90%;top:20%}}@media screen and (max-width: 450px){.confirmation-container{width:100%;max-width:90%;top:10%}}@media screen and (max-width: 385px){.confirmation-container{width:100%;max-width:100%;top:10%}}@media screen and (max-width: 375px){.confirmation-container{width:100%;max-width:100%;top:10%;padding:1rem}}