.seal-manual-complementary{--seal-manual-card-size: 3.85rem;--seal-manual-action-size: 2rem;--seal-manual-card-min-height: calc(var(--seal-manual-card-size) + 1rem);--seal-manual-list-gap: 0.42rem;--seal-manual-list-max-height: 18.75rem;--seal-manual-border: color-mix(in srgb, var(--color-foreground) 14%, transparent);--seal-manual-border-soft: color-mix(in srgb, var(--color-foreground) 9%, transparent);--seal-manual-muted: color-mix(in srgb, var(--color-foreground) 64%, transparent);--seal-manual-surface: color-mix(in srgb, var(--color-background) 96%, var(--color-foreground) 4%);--seal-manual-card-surface: color-mix(in srgb, var(--color-background) 98%, var(--color-foreground) 2%);display:grid;gap:0.48rem;width:100%;padding-block:0.72rem 0.42rem;border-top:1px solid var(--seal-manual-border-soft);color:var(--color-foreground);-webkit-tap-highlight-color:transparent}.seal-manual-complementary[hidden]{display:none}.seal-manual-complementary__heading{margin:0;color:var(--color-foreground);font-size:0.98rem;font-weight:780;line-height:1.18;letter-spacing:0}.seal-manual-complementary__list{display:grid;gap:var(--seal-manual-list-gap);max-height:var(--seal-manual-list-max-height);margin:0;padding:0 0.16rem 0 0;overflow-x:hidden;overflow-y:auto;list-style:none;scrollbar-color:var(--seal-manual-border) transparent;scrollbar-width:thin}.seal-manual-complementary__list::-webkit-scrollbar{width:0.36rem}.seal-manual-complementary__list::-webkit-scrollbar-track{background:transparent}.seal-manual-complementary__list::-webkit-scrollbar-thumb{border-radius:999px;background:var(--seal-manual-border)}.seal-manual-complementary__item{min-width:0;list-style:none}.seal-manual-complementary__quickview{display:contents}.seal-manual-complementary__card{display:grid;grid-template-columns:var(--seal-manual-card-size) minmax(0,1fr) var(--seal-manual-action-size);column-gap:0.64rem;align-items:center;min-width:0;min-height:var(--seal-manual-card-min-height);padding:0.54rem 0.62rem;border:1px solid var(--seal-manual-border-soft);border-radius:10px;background:var(--seal-manual-card-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--color-foreground) 7%,transparent);cursor:pointer;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing)}.seal-manual-complementary__media{position:relative;display:grid;place-items:center;width:var(--seal-manual-card-size);height:var(--seal-manual-card-size);aspect-ratio:1;overflow:hidden;border:1px solid var(--seal-manual-border-soft);border-radius:9px;background:var(--seal-manual-surface);text-decoration:none;cursor:pointer}button.seal-manual-complementary__media,button.seal-manual-complementary__title{appearance:none;padding:0;border:0;font:inherit;text-align:inherit;background:transparent}button.seal-manual-complementary__media{border:1px solid var(--seal-manual-border-soft)}.seal-manual-complementary__media--portrait{aspect-ratio:3 / 4}.seal-manual-complementary__media--landscape{aspect-ratio:4 / 3}.seal-manual-complementary__image,.seal-manual-complementary__placeholder{display:block;max-width:100%;max-height:100%;object-fit:contain}.seal-manual-complementary__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--seal-manual-muted);font-weight:720}.seal-manual-complementary__content{display:grid;align-content:center;gap:0.16rem;min-width:0}.seal-manual-complementary__vendor,.seal-manual-complementary__price{color:var(--seal-manual-muted);font-size:0.78rem;line-height:1.2}.seal-manual-complementary__price{color:var(--seal-manual-muted);font-weight:720}.seal-manual-complementary__title{display:-webkit-box;overflow:hidden;color:var(--color-foreground);font-size:0.9rem;font-weight:780;line-height:1.16;text-decoration:none;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer}.seal-manual-complementary__title:hover{text-decoration:underline}.seal-manual-complementary__add-button{display:grid;place-items:center;width:var(--seal-manual-action-size);height:var(--seal-manual-action-size);min-height:0;padding:0;border:1px solid var(--color-foreground);border-radius:8px;color:var(--color-background);background:var(--color-foreground);cursor:pointer;transition:opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing)}.seal-manual-complementary__add-button:hover{opacity:0.88}.seal-manual-complementary__button-icon{display:grid;place-items:center}.seal-manual-complementary__button-icon svg{width:1rem;height:1rem}.seal-manual-complementary__button-icon--check,.seal-manual-complementary__button-icon--error{display:none}.seal-manual-complementary__add-button.is-added .seal-manual-complementary__button-icon--cart,.seal-manual-complementary__add-button.is-error .seal-manual-complementary__button-icon--cart,.seal-manual-complementary__add-button.is-loading .seal-manual-complementary__button-icon--cart{display:none}.seal-manual-complementary__add-button.is-added .seal-manual-complementary__button-icon--check,.seal-manual-complementary__add-button.is-error .seal-manual-complementary__button-icon--error{display:grid}.seal-manual-complementary__add-button.is-loading::after{content:"";width:0.92rem;height:0.92rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:seal-manual-complementary-spin 0.7s linear infinite}.seal-manual-complementary__add-button:disabled{cursor:default;opacity:0.42}.seal-manual-complementary__card.is-unavailable .seal-manual-complementary__image{filter:grayscale(1);opacity:0.62}.seal-manual-complementary__card.is-unavailable{cursor:default}.seal-manual-complementary__media:focus-visible,.seal-manual-complementary__title:focus-visible,.seal-manual-complementary__add-button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}@media(hover:hover){.seal-manual-complementary__card:hover{border-color:var(--seal-manual-border);background:rgb(var(--color-background-rgb));box-shadow:0 2px 8px color-mix(in srgb,var(--color-foreground) 9%,transparent)}.seal-manual-complementary__card:hover .seal-manual-complementary__image{transform:scale(1.035)}}.seal-manual-complementary__add-button:active{transform:scale(0.96)}.seal-manual-complementary__image{transition:transform 220ms var(--animation-easing)}@keyframes seal-manual-complementary-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.seal-manual-complementary{--seal-manual-card-size: 3.55rem;--seal-manual-action-size: 1.96rem;--seal-manual-card-min-height: calc(var(--seal-manual-card-size) + 0.94rem);--seal-manual-list-gap: 0.42rem;--seal-manual-list-max-height: 17.4rem;gap:0.44rem;padding-block:0.68rem 0.36rem}.seal-manual-complementary__card{column-gap:0.58rem;min-height:var(--seal-manual-card-min-height);padding:0.48rem 0.56rem}.seal-manual-complementary__title{font-size:0.86rem;line-height:1.18}.seal-manual-complementary__vendor,.seal-manual-complementary__price{font-size:0.76rem}}@media(prefers-reduced-motion:reduce){.seal-manual-complementary__card,.seal-manual-complementary__image,.seal-manual-complementary__add-button{transition:none}.seal-manual-complementary__add-button.is-loading::after{animation:none}}.seal-manual-complementary--compact{--seal-manual-card-size: 2.5rem;--seal-manual-action-size: 2.75rem;--seal-manual-card-min-height: 3.5rem;padding-block:0.4rem}.seal-manual-complementary--compact .seal-manual-complementary__card{padding-block:0.35rem}