*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Red Hat;src:url(/Product-list-with-cart/assets/RedHatText-Regular-hFJG0d5O.ttf);font-weight:400}@font-face{font-family:"Red Hat" sans-serif;src:url(/src/assets/fonts/static/RedHatText-Medium.ttf);font-weight:600}@font-face{font-family:Red Hat;src:url(/Product-list-with-cart/assets/RedHatText-Bold-nSIkiIBj.ttf);font-weight:700}body{font-family:Red Hat,sans-serif;color:#260f08;background-color:#fcf8f6}.txt-1{font-size:40px;font-weight:700;line-height:120%;letter-spacing:0}.txt-2{font-size:24px;font-weight:700;line-height:125%;letter-spacing:0}.txt-3{font-size:16px;font-weight:600;line-height:150%;letter-spacing:0}.txt-4{font-size:14px;font-weight:400;line-height:150%;letter-spacing:0}.txt-4-sbold{font-size:14px;font-weight:600;line-height:150%;letter-spacing:0}.txt-red{color:#c73b0f}.txt-rose{color:#87635a}.app{display:flex;justify-content:center;width:100vw;padding:88px 0}.container{display:grid;grid-template-columns:repeat(12,1fr);gap:32px;width:100%;max-width:1216px;margin:0 32px}.desserts{grid-column:8 span}.cart{grid-column:4 span;border-radius:12px;height:fit-content;background-color:#fff;padding:24px;display:flex;flex-direction:column;align-items:stretch;gap:24px}@media (max-width: 991px){.container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.app{padding:40px 0}}@media (max-width: 575px){.container{margin:0 24px}.app{padding:24px 0}}.card{display:flex;flex-direction:column;width:100%;border-radius:8px}.card-img{position:relative;border-radius:8px;aspect-ratio:1/1;border:2px solid transparent;transition:.3s}.card-img.active{border-color:#c73b0f}.card-img img{border-radius:8px;width:100%;height:100%}.card-body{margin-top:39.5px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;justify-content:flex-start}.add-to-cart-btn{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#f8f8f8;border:none;outline:none;background-color:#fff;border:1px solid #AD8A85;border-radius:64px;width:160px;transition:.3s;cursor:pointer}.add-to-cart-btn:hover{border-color:#c73b0f}.add-to-cart-btn span{transition:.3s}.add-to-cart-btn:hover span{color:#c73b0f}.add-to-cart-btn img{width:20px;height:20px}.cart-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.total{display:flex;align-items:center;justify-content:space-between}.tag{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background-color:#fcf8f6;border-radius:8px}.tag img{width:20px;height:20px}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #F5EEEC;padding-bottom:16px}.cart-item:last-child{padding-bottom:24px}.cart-item .details{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}.cart-item .datails p{display:flex;align-items:center;justify-content:flex-start;gap:8px}.cart-item .icon{width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #AD8A85;transition:.3s}.cart-item .icon svg{fill:#ad8a85;transition:.3s}.cart-item .icon:hover{border-color:#260f08}.cart-item .icon:hover svg{fill:#260f08}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px}.empty-list img{width:128px;height:128px}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal{display:flex;flex-direction:column;align-items:stretch;gap:32px;background-color:#fff;padding:40px;border-radius:12px;width:592px}.modal-head{display:flex;flex-direction:column;align-items:start;gap:24px}.modal-head img{width:42px;height:42px}.modal-head .title{display:flex;flex-direction:column;align-items:start;gap:8px}.modal-head .title p{font-size:16px;font-weight:400}.modal-list{display:flex;flex-direction:column;align-items:stretch;gap:24px;background-color:#fcf8f6;padding:24px;border-radius:8px}.modal-list ul{display:flex;flex-direction:column;align-items:stretch;gap:16px;list-style-type:none;padding-bottom:24px;border-bottom:1px solid #F5EEEC}@media (max-width: 991px){.modal-container{align-items:stretch;padding:0 24px}.modal{width:unset}}@media (max-width: 575px){.modal-container{justify-content:flex-end;padding:0;bottom:0;height:auto;overflow:auto}.modal{border-bottom-right-radius:0;border-bottom-left-radius:0;padding:40px 24px 24px;bottom:0;height:auto;overflow:auto}}.btn{padding:16px 24px;background-color:#c73b0f;color:#fff;border:none;outline:none;border-radius:124px;cursor:pointer;transition:.3s}.btn:hover{background-color:#952c0b}.modal-item{display:flex;align-items:center;justify-content:space-between}.modal-item:not(:last-child){border-bottom:1px solid #F5EEEC;padding-bottom:16px}.modal-item .item{display:flex;justify-content:flex-start;align-items:stretch;gap:16px}.modal-item .item img{width:48px;height:48px;border-radius:4px}.modal-item .item .details{display:flex;flex-direction:column;justify-content:space-between}.modal-item .item .details p{display:flex;justify-content:flex-start;align-items:center;gap:16px}.counter{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:none;outline:none;background-color:#c73b0f;color:#fff;border-radius:64px;width:160px}.counter .icon{width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff;background-color:transparent;transition:.3s}.counter .icon svg{fill:#fff;transition:.3s}.counter .icon:hover{background-color:#fff}.counter .icon:hover svg{fill:#c73b0f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width: 991px){.cards{gap:24px}}@media (max-width: 575px){.cards{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}