.mcard{display:flex;flex-direction:column;height:100%}.mcard__wrapper{width:calc((100% - (var(--collection-column) - 1) * var(--collection-column-gap)) / var(--collection-column));height:auto;z-index:0}.mcard .mcard__image{position:relative;border-radius:15px;padding-top:78%;overflow:hidden}.mcard .mcard__image img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.mcard .mcard__quantity{z-index:1;position:absolute;opacity:0;top:0;bottom:0;left:0;right:0;width:100%;overflow:auto;pointer-events:none;transition:0.2s ease-in-out}.mcard .mcard__quantity::-webkit-scrollbar{width:0;height:0}.mcard .mcard__quantity-bg{z-index:1;position:absolute;opacity:0;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.3);pointer-events:none;transition:0.2s ease-in-out}.mcard .mcard__quantity--show{opacity:1}.mcard .mcard__quantity-num{width:100%;height:100%;display:flex;font-size:64px;color:#FFF;align-items:center;justify-content:center}.mcard .mcard__quantity-num-start{animation:0.2s opacity linear forwards}.mcard .mcard__quantity-num-end{animation:0.2s opacity linear reverse forwards}.mcard .mcard__badges{position:absolute;bottom:10px;left:10px;pointer-events:none}.mcard .mcard__badge{background-color:var(--white);color:var(--grey-blue);padding:5px 7px;border-radius:7px}.mcard .mcard__content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:10px;gap:10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 10px 0 rgba(73, 78, 86, 0.06)}.mcard .mcard__header{display:flex;flex-direction:column;gap:4px}.mcard .mcard__name{font-family:var(--font-inter);font-weight:600;font-size:16px;line-height:1.25}.mcard .mcard__description{max-height:100px;overflow:hidden}.mcard .mcard__weight{opacity:0.6}.mcard .mcard__price{font-family:var(--font-montserrat);font-weight:700;font-size:16px;line-height:1.2;font-size:22px;color:var(--blue);width:100%;text-align:center}.mcard .mcard__footer{display:flex;justify-content:flex-end;flex-direction:row;align-items:flex-start;gap:5px;width:100%}.mcard .mcard__button{--primary-color-icon: var(--orange);color:var(--navy-blue);--padding-btn: 6px 6px;--background-btn: #F5F5F5;font-family:var(--font-inter);font-weight:500;font-size:var(--tab-size, 16px);line-height:1.25;justify-content:center;width:100%;max-width:100%}.mcard .mcard__quantity-btn{--width-icon: 24px;--height-icon: 24px;--padding-btn: 0;--background-btn: none;--primary-color-icon: var(--orange);display:flex;gap:2px;align-items:center;color:var(--orange);font-family:var(--font-inter);font-weight:500;font-size:var(--tab-size, 16px);line-height:1.25;font-size:18px;background-color:var(--gray-lite);border-radius:10px;padding:7px 6px;transition:all 0.3s ease-in-out}.mcard .mcard__quantity-btn:not([data-quantity="0"]){background-color:var(--orange);--primary-color-icon: var(--white);color:var(--white)}.mcard .mcard__quantity-btn:not([data-quantity="0"]) .mcard__quantity-btn-minus{max-width:24px}.mcard .mcard__quantity-btn[data-quantity="0"]{cursor:pointer}.mcard .mcard__quantity-btn-minus,.mcard .mcard__quantity-btn-plus{transition:all 0.3s ease-in-out}.mcard .mcard__quantity-btn-minus{max-width:0}.mcard button[disabled],.mcard div[disabled]{opacity:0.5;pointer-events:none}.mcard button[disabled]:after,.mcard div[disabled]:after{content:"";position:absolute;width:20px;height:20px;background-color:inherit;border-radius:50%;animation:rotate 2s linear infinite;border-top:2px solid var(--navy-blue);border-right:2px solid var(--navy-blue);background:none}@media (min-width:768px){.mcard .mcard__price{max-width:max-content;font-size:16px}.mcard .mcard__button{justify-content:space-between;max-width:max-content}}@keyframes opacity{from{opacity:1}to{opacity:0}}