.composer__inner{max-width:var(--page-width, 90rem);margin-inline:auto;padding-inline:var(--page-margin, 20px);padding-block:var(--space-6)}.composer__header{text-align:center;margin-block-end:var(--space-5)}.composer__heading{margin:0 0 var(--space-2)}.composer__description{max-width:60ch;margin-inline:auto;color:var(--color-foreground-muted)}.composer__how{margin-block-end:var(--space-5)}.composer__how-title{text-align:center;font-size:var(--text-h4);margin:0 0 var(--space-4)}.composer__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}@media(min-width:750px){.composer__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}.composer__step{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-container, 20px)}.composer__step-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-foreground);color:var(--color-background);font-weight:var(--font-weight-heading);line-height:1}.composer__step-body{display:flex;flex-direction:column;gap:var(--space-1, 4px);min-width:0}.composer__step-title{font-weight:var(--font-weight-heading)}.composer__step-text{color:var(--color-foreground-muted);font-size:var(--text-sm, .875rem)}.composer__ready-made{text-align:center;margin-block-start:var(--space-4);color:var(--color-foreground-muted)}.composer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(min-width:750px){.composer__grid{grid-template-columns:repeat(var(--composer-columns, 4),minmax(0,1fr))}}.composer-card{display:flex;flex-direction:column;overflow:hidden}.composer-card__media{position:relative;display:block;aspect-ratio:1 / 1}.composer-card__media img{width:100%;height:100%;object-fit:cover}.composer-card__badges{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.composer-card__info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.composer-card__title{margin:0;font-size:var(--text-base);min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.composer-card__title a{text-decoration:none;color:inherit}.composer-card__controls{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:auto}.composer-stepper{display:inline-flex;align-items:center;border:1px solid var(--color-border, rgba(34, 38, 43, .24));border-radius:var(--radius-input, 4px)}.composer-stepper__btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.composer-stepper__btn svg{width:1rem;height:1rem}.composer-stepper__input{width:3ch;min-height:var(--touch-target-min, 44px);border:0;border-inline:1px solid var(--color-border, rgba(34, 38, 43, .16));background:transparent;text-align:center;font:inherit;color:inherit;-moz-appearance:textfield}.composer-stepper__input::-webkit-outer-spin-button,.composer-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.composer-card__add{flex:1 1 auto}.composer-summary{position:sticky;inset-block-end:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-5);padding:var(--space-3) var(--page-margin, 20px);border-block-start:1px solid var(--color-border, rgba(34, 38, 43, .12));background:var(--color-background);box-shadow:0 -4px 16px #22262b14}.composer-summary[hidden]{display:none}.composer-summary__info{display:flex;flex-direction:column}.composer-summary__count strong{font-size:var(--text-h3)}.composer-summary__count-label{color:var(--color-foreground-muted)}.composer-summary__subtotal{font-weight:var(--font-weight-heading)}.composer-summary__add{flex:1 1 auto;max-width:24rem}@media(min-width:750px){.composer-summary__info{flex-direction:row;align-items:baseline;gap:var(--space-4)}.composer-summary__add{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-composer-assortiment.css.map */