.sides-selector{position:relative}.collection-sides.sides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:0 20px}.selected-sides-header{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:12px;z-index:2;background:#fff;padding:8px;border-radius:10px;border:1px solid #e0e0e0;width:fit-content;transition:top .3s ease-in-out;margin-bottom:12px}.selected-sides-header .header-button{cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;padding:8px;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;font-weight:500;gap:8px;height:40px}@media (hover: hover){.selected-sides-header .header-button:hover{transform:translate(5px);opacity:.9}}.selected-sides-header .header-button .icon{width:24px;height:24px;display:flex}.selected-sides-header .header-button .icon svg{width:100%;height:100%}.selected-sides-header .reset-button{background:#ff8c00}.selected-sides-header .basket-button,.selected-sides-header .next-button{background:#2ecc71}.remaining-sides-title-desktop{display:block}.remaining-sides-title-mobile{display:none}.side-preference-selector{padding:20px}.side-card{display:flex;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;flex-direction:column;border:1px solid transparent;cursor:pointer;transition:all .2s ease-in-out;z-index:1}.side-card.disabled{opacity:.5}.side-card.selected{opacity:1;box-shadow:0 4px 6px #0000001a;border:1px solid #2ecc71}.side-card__image{position:relative;width:100%;aspect-ratio:1/1;min-height:220px}.side-card__badge{position:absolute;top:12px;left:50%;transform:translate(-50%);width:100%;z-index:2;display:flex;justify-content:center}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease-in-out}.badge--popular{background:linear-gradient(45deg,#ff6b6b,#ffa502);color:#fff;box-shadow:0 2px 8px #ff6b6b4d}.badge--popular svg{width:14px;height:14px;margin-right:4px;fill:currentColor}.side-card:hover .badge--popular{transform:scale(1.05);box-shadow:0 4px 12px #ff6b6b66}.side-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.quantity-selector{display:none;align-items:center;justify-content:center;position:absolute;bottom:12px;right:12px;background:#fff;border-radius:32px;padding:4px;box-shadow:0 4px 6px #0000000d}.side-card.selected .quantity-selector{display:flex}.quantity-btn{cursor:pointer;background:#2ecc71;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;outline:none}.side-card.disabled .quantity-btn.plus,.side-card.disabled .quick-add__submit{pointer-events:none}.quantity-input{width:30px;height:24px;text-align:center;border:none;outline:none}.side-card__content{padding:12px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.side-card__title{font-size:1.8rem;margin-top:0;margin-bottom:12px}.side-card__price{flex:1;display:flex;align-items:flex-end;margin-bottom:8px}.cart-actions{width:100%;display:flex;justify-content:flex-end;margin-top:20px}.remaining-sides-container{display:inline-flex;align-items:center;background:#2ecc71;border-radius:50px;padding:8px 16px}.remaining-sides-container h3{color:#fff;margin:0 8px 0 0;font-size:1.4rem}.remaining-sides-count{background:#fff;color:#2ecc71;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:0;font-weight:700}.side-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.ModalClose{position:absolute;right:2rem;top:2rem;z-index:101}.side-modal[open]{opacity:1;visibility:visible;z-index:101}.side-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;height:90%;margin:0 auto;left:50%;transform:translate(-50%);margin-top:3rem;width:92%;position:absolute;top:0;padding:2rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.side-modal__toggle{position:absolute;right:2rem;top:2rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;z-index:101;padding:0}.side-modal__toggle svg{width:1.5rem;height:1.5rem}.side-modal__content-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:100%}.side-modal__media{position:relative}.side-modal__media img{width:100%;height:100%;object-fit:contain;object-position:top center;border-radius:var(--popup-corner-radius)}.side-modal__details{padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem}.side-modal__title{font-size:2.4rem;margin:0 0 1.5rem}.side-modal__description{margin-bottom:2rem;line-height:1.6}.side-modal__ingredients,.side-modal__nutrition{margin-top:2rem}.side-modal__ingredients h3,.side-modal__nutrition h3{font-size:1.8rem;margin:0 0 1rem}@media (hover: hover){.side-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001a}.side-card:hover .side-card__title{color:#2ecc71}}.view-details-btn{margin-top:8px;background:transparent;border:1px solid #2ecc71;color:#2ecc71}.view-details-btn:hover{background:#2ecc71;color:#fff}#sides-reset-process{display:inline-flex;height:40px;padding:8px;align-items:center;background:#ffa502;border-radius:4px;outline:none;border:none;cursor:pointer;color:#fff;margin:0;font-size:1.4rem}#sides-reset-process:hover{background:linear-gradient(45deg,#ff6b6b,#ffa502);box-shadow:0 4px 12px #ff6b6b66}.side-modal__cart-controls{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.side-modal .quantity-selector{position:static;display:flex;width:fit-content;margin-bottom:1rem;background:#fff;border-radius:32px;padding:4px;box-shadow:0 4px 6px #0000000d}.side-modal .quick-add__submit{width:100%;cursor:pointer;transition:all .2s ease-in-out}.side-modal .quick-add__submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2ecc7133}.side-modal .quantity-btn{cursor:pointer;background:#2ecc71;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;outline:none;transition:all .2s ease-in-out}.side-modal .quantity-btn:hover{background:#27ae60;transform:scale(1.1)}.side-modal .quantity-input{width:30px;height:24px;text-align:center;border:none;outline:none;font-weight:600}.side-modal .quantity-selector.disabled{opacity:.5;pointer-events:none}.side-modal .quick-add__submit.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media screen and (max-width: 768px){.side-card__badge .desktop-only{display:none}.selected-sides-header .spacer{flex:1;display:block}#sides-reset-process .text{display:none}.side-modal__content{width:100%;height:100%;margin-top:0;border-radius:0}.side-modal__content-info{grid-template-columns:1fr}.side-modal__media img{max-height:40svh;width:100%;object-fit:contain}.selected-sides-header{width:calc(100% - 40px);left:20px;gap:8px}.selected-sides-header .remaining-sides-container{flex:1}.remaining-sides-title-desktop{display:none}.remaining-sides-title-mobile{display:block}.selected-sides-header .header-button{width:40px}.selected-sides-header .header-button .text{display:none}.collection-sides.sides-grid{grid-template-columns:repeat(2,1fr)}.side-card .quick-add__submit:after{border-radius:6px}.side-card .quick-add__submit{min-height:36px;height:36px}.side-card .side-card__content{padding:10px;gap:0}.side-card .side-card__title{font-size:1.4rem}.side-card .side-card__price{font-size:1.2rem}.quick-add__submit{padding-right:0;padding-left:0}.side-card__image{min-height:120px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/order-process-select-sides.css.map */