*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f4edeb;line-height:1.6;width:85%;margin:0 auto;display:block;min-height:100vh}button{font:inherit;cursor:pointer}.main-container{display:flex}.desserts{width:65%;flex-shrink:0}.cart-container{width:35%;flex-shrink:0}@media (max-width: 900px){.main-container{flex-direction:column}.desserts,.cart-container{width:100%}body{width:98%;font-size:1rem}}@media (max-width: 600px){body{width:100%;font-size:.95rem}.main-container{flex-direction:column;gap:20px}.desserts,.cart-container{width:100%;padding:0}}.container{display:flex;gap:2%;flex-wrap:wrap;margin-top:10px}.item{width:28%;height:32%;margin-bottom:20px}.image-container{position:relative;border-radius:10px}.item>.image-container>img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.desktop-image{display:block!important}.tablet-image,.mobile-image{display:none!important}@media (max-width: 900px){.desktop-image{display:none!important}.tablet-image{display:block!important}.mobile-image{display:none!important}}@media (max-width: 600px){.desktop-image,.tablet-image{display:none!important}.mobile-image{display:block!important}}.image-container button,.add-to-cart{position:absolute;left:50%;bottom:-19px;transform:translate(-50%);z-index:10;width:70%;height:30px;background-color:#fff;border:1px solid hsl(14,86%,42%);border-radius:25px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:23px 20px 20px}.image-container button img{margin-right:4px}.add-to-cart{background-color:#c73a0f;color:#fff;display:flex;justify-content:space-between}.add-to-cart img{width:20px;height:20px;border-radius:100%;border:1px solid #fff;padding:6px;cursor:pointer}.add-to-cart img:hover{background-color:#000;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(102%) contrast(102%)}.item-details{margin-top:27px}.item-details h5{color:#c9aea6}.item-details h4{font-weight:600;color:#260f08}.item-details p{color:#c73a0f;font-weight:600}@media (max-width: 900px){.item{width:45%}.container{justify-content:center}.desserts>h2{margin-left:25px}}@media (max-width: 600px){.container{gap:10px}.item{width:90%;margin-bottom:16px}.image-container button,.add-to-cart{width:40%;font-size:.95em;padding:18px 10px 14px}}.cart-container{background-color:#fff;height:fit-content;padding:15px;margin-top:15px;border-radius:10px}.cart-container h3{color:#c73a0f}.cart-container div{text-align:center}.cart-container div:first-of-type p{color:#ad8985}.selected-items{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.selected-items>div p{color:#c73a0f;display:inline;margin-right:10px;font-size:14px}.selected-items div span{font-size:14px;color:#c9aea6;margin-right:10px}.selected-items div span:nth-of-type(2){color:#ad8985;font-weight:600}.remove-button{background:none;height:20px;width:20px;border-radius:100%;display:flex;justify-content:center;padding:5px;border:1px solid hsl(7,20%,60%)}.remove-button:hover{border:1px solid hsl(14,65%,9%)}hr{margin-top:10px;border:1px solid hsl(13,31%,94%)}.order-total{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.order-total p{color:#ad8985}.carbon{background-color:#f4edeb;display:flex;justify-content:center;align-items:center;padding:13px;font-size:13px;border-radius:10px;margin-top:1rem}.carbon img{margin-right:5px}.carbon p span{font-weight:600}.confirm-order{width:100%;margin-top:1rem}.confirm-order button{width:100%;background-color:#c73a0f;color:#fff;border:none;padding:8px;border-radius:40px}.confirm-order button:hover{background-color:#6e1f07;transition:background-color .3s ease}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-header{display:flex;flex-direction:column;align-items:flex-start}.modal-header img{width:40px;height:40px;margin-bottom:12px}.modal-content{background:#fff;border-radius:12px;padding:32px 24px 24px;width:100%;max-width:500px;box-shadow:0 4px 24px #0000002e;position:relative;animation:modalIn .2s}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-items{list-style:none;margin:18px 0 12px;background-color:#fcf9f7;padding:10px;border-radius:10px;max-height:300px;overflow-y:auto}.modal-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:1em}.modal-total{display:flex;justify-content:space-between;align-items:center;font-size:1.1em;font-weight:600;margin-top:18px}.selected-items-modal{display:flex;align-items:flex-start;gap:10px;margin:10px}.selected-items-modal img{width:40px;border-radius:6px}.selected-items-modal-details{width:100%;display:flex;justify-content:space-between;align-items:center}.selected-items-modal-details>div{text-align:left}.selected-items-modal-details>div p{color:#c73a0f;display:inline;margin-right:10px;font-size:11px}.selected-items-modal-details div h4{font-size:12px;color:#260f08}.selected-items-modal-details>div span{font-size:12px;color:#c9aea6}.selected-items-modal-details>span{font-size:12px;color:#260f08;font-weight:600}@media (max-width: 900px){.cart-container{margin:20px;width:95%}}@media (max-width: 600px){.cart-container{width:90%}.modal-overlay{align-items:flex-end}.modal-content{border-radius:12px 12px 0 0;box-shadow:0 -4px 24px #0000002e;margin-bottom:0;animation:modalInMobile .2s}@keyframes modalInMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}