.complementary{width:100%;min-width:0;container-type:inline-size}.complementary__heading{font-family:var(--font-sans);font-size:16px;font-weight:600;line-height:1.4;letter-spacing:normal;margin:0 0 12px}.complementary__list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.complementary__card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md, 12px);background:var(--surface, #fff);color:var(--ink)}.complementary__image{align-self:start;width:64px;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--mist, #f4f5f6)}.complementary__image img,.complementary__image svg{display:block;width:100%;height:100%;object-fit:contain}.complementary__details{min-width:0;display:grid;gap:4px}.complementary__title{font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.complementary__title:hover{text-decoration:underline}.complementary__price{font-size:13px;line-height:1.4}.complementary__select{width:100%;min-width:0;min-height:36px;padding:6px 24px 6px 8px;font:inherit;font-size:13px;color:inherit;background-color:transparent;border:1px solid var(--line);border-radius:6px}.complementary__add{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;max-width:130px;padding:8px 12px;font:inherit;font-size:12px;line-height:1.3;font-weight:600;background:var(--btn-bg, var(--accent));color:var(--btn-fg, #fff);border:0;border-radius:var(--radius-pill, 999px);cursor:pointer}.complementary__add:hover{filter:brightness(.93)}.complementary__add:disabled{opacity:.55;cursor:not-allowed}.complementary__add:focus-visible,.complementary__select:focus-visible,.complementary__title:focus-visible{outline:2px solid currentColor;outline-offset:3px}.complementary__status{grid-column:2 / -1;margin:0;font-size:12px;line-height:1.4}.complementary__status:empty{display:none}.complementary__empty{padding:16px;border:1px dashed var(--line);border-radius:8px;font-size:13px}@container (max-width: 370px){.complementary__card{grid-template-columns:56px minmax(0,1fr)}.complementary__image{width:56px;grid-row:span 2}.complementary__add{grid-column:2;justify-self:start;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */