.compose-box{display:flex;flex-direction:column;gap:1.5rem}.compose-box__formats,.compose-box__header,.compose-box__flavors,.compose-box__footer{width:100%}.compose-box__formats-title,.compose-box__title{margin:0 0 .75rem}.compose-box__title{font-size:clamp(1rem,1.6vw,1.5rem);line-height:1.1}.compose-box__format-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.compose-box__format{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:var(--style-border-radius-buttons-primary);background:transparent;color:var(--color-foreground);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.compose-box__format:hover{border-color:var(--color-foreground)}.compose-box__format.is-selected{border-color:var(--color-foreground);background:rgb(var(--color-foreground-rgb) / .06)}.compose-box__format-size{font-weight:700}.compose-box__format-price{font-size:var(--font-size--sm);opacity:.75}.compose-box__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.compose-box__header .compose-box__title{margin:0}.compose-box__count{flex-shrink:0;margin:0;font-weight:700}.compose-box__flavors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.compose-box__flavor{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--style-border-radius-buttons-primary)}.compose-box__flavor-image{aspect-ratio:1;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .03)}.compose-box__flavor-image img{display:block;width:100%;height:100%;object-fit:cover}.compose-box__flavor-content{display:flex;flex-direction:column;gap:.75rem;padding:.9rem}.compose-box__flavor-title{margin:0;font-weight:700}.compose-box__quantity{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.5rem}.compose-box__quantity button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background:transparent;color:var(--color-foreground);cursor:pointer;font-size:1.2rem;line-height:1;transition:opacity .2s ease,border-color .2s ease,background-color .2s ease}.compose-box__quantity button:hover:not(:disabled){border-color:var(--color-foreground);background:rgb(var(--color-foreground-rgb) / .06)}.compose-box__quantity button:disabled{cursor:not-allowed;opacity:.3}.compose-box__quantity [data-compose-quantity]{text-align:center;font-weight:700}.compose-box__sold-out{margin:0;opacity:.6}.compose-box__add{width:100%}.compose-box__add:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:749px){.compose-box{gap:1.25rem}.compose-box__header{align-items:flex-start;flex-direction:column;gap:.35rem}.compose-box__format-options,.compose-box__flavors{grid-template-columns:repeat(2,minmax(0,1fr))}.compose-box__flavor-content{padding:.75rem}}@media screen and (max-width:420px){.compose-box__format-options,.compose-box__flavors{grid-template-columns:1fr}}@media screen and (min-width:750px){.product-information:has(.compose-box) .product-information__grid.product-information--media-none .product-details{width:100%;max-width:1200px;margin:0 auto}.product-information:has(.compose-box) .product-details>.group-block{width:100%;max-width:none}.product-information:has(.compose-box) .compose-box__format-options{grid-template-columns:repeat(4,minmax(0,1fr))}.product-information:has(.compose-box) .compose-box__flavors{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/compose-box.css.map */