.addon-rows{display:flex;flex-direction:column;gap:12px}.addon-row{display:block}.addon-row__form{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-container, 8px)}.addon-row__media{display:block;width:84px;height:84px;overflow:hidden;border-radius:var(--radius-media, 6px);background:#f4f4f4}.addon-row__image{display:block;width:100%;height:100%;object-fit:cover}.addon-row__details{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.addon-row__title{font-weight:600;line-height:1.3;color:inherit;text-decoration:none}.addon-row__title:hover{text-decoration:underline}.addon-row__price{font-size:.95em}.addon-row__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.addon-row__select{display:block;width:100%;max-width:260px;padding:8px 36px 8px 12px;border:1px solid rgba(0,0,0,.25);border-radius:var(--radius-form, 6px);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23212121' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:12px 8px;appearance:none;-webkit-appearance:none;font:inherit;font-size:.9em;color:inherit;cursor:pointer}.addon-row__add{min-width:96px;white-space:nowrap;border-color:transparent;color:#fff;background-color:#0b0b0b;background-image:none}.addon-row__add:hover:not([disabled]),.addon-row__add:focus:not([disabled]){color:#fff;background-color:#333;background-image:none}.addon-row__add .staged-action__spinner,.addon-row__add .staged-action__tick{color:#fff}@media(max-width:599px){.addon-row__form{grid-template-columns:72px minmax(0,1fr);gap:12px}.addon-row__media{width:72px;height:72px}.addon-row__add{grid-column:2;justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-product-addon-rows.css.map */