.complementary-products{container-type:inline-size;position:relative}.complementary-products>h2{padding-right:96px}.complement-toolbar>.flex{position:absolute;right:0;top:10px}.complement-price [data-complement-discount]{min-height:22px;padding:2px 7px;font-size:12px;line-height:18px}.complement-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 4px}.complement-types{min-width:0;display:flex;flex-wrap:wrap;-moz-column-gap:16px;column-gap:16px}.complement-type{border-bottom:2px solid transparent;color:hsl(var(--muted-foreground));text-align:left}.complement-type:hover,.complement-type.is-active{color:hsl(var(--primary))}.complement-type.is-active{border-bottom-color:hsl(var(--primary))}.complement-rail{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:thin;padding-bottom:4px}.complement-rail:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.complement-item{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr) 44px;grid-template-rows:auto 1fr;align-items:center;align-content:start;gap:6px 10px;padding:8px 0 12px;border-bottom:1px solid hsl(var(--border));scroll-snap-align:start;scroll-snap-stop:always}.complement-picture{display:block;width:56px;height:72px;grid-row:1 / 3}.complement-name{min-width:0;grid-column:2;overflow-wrap:anywhere}.complement-price{position:relative;grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}.complement-add{grid-column:3;grid-row:1 / 3}@container (min-width: 660px){.complement-rail{grid-auto-columns:calc((100% - 16px)/2)}}@container (min-width: 1080px){.complement-rail{grid-auto-columns:calc((100% - 32px) / 3)}}@media(prefers-reduced-motion:reduce){.complement-rail{scroll-behavior:auto}}