.up-complementary-products{display:block;width:100%;margin-top:var(--up-complementary-margin-top,0);margin-bottom:var(--up-complementary-margin-bottom,18px);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style)}.up-complementary-products__heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.up-complementary-products__heading-group{display:flex;align-items:center;min-width:0;gap:8px}.up-complementary-products__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--up-complementary-heading-weight,var(--font-heading-weight));font-size:var(--up-complementary-heading-size-desktop,20px);line-height:1.2;letter-spacing:inherit}.up-complementary-products__heading-badge{flex:0 0 auto;padding:4px 8px;border:1px solid rgba(var(--color-foreground),0.1);border-radius:999px;background:rgba(var(--color-foreground),0.05);color:rgb(var(--color-foreground));font-size:.75em;font-weight:var(--up-complementary-badge-weight,var(--font-body-weight-bold,700));line-height:1.2}.up-complementary-products__heading-badge:empty{display:none !important}.up-complementary-products__navigation{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px}.up-complementary-products__arrow{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:1px solid rgba(var(--color-foreground),0.12);border-radius:50%;background:rgba(var(--color-foreground),0.05);color:rgb(var(--color-foreground));cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform 160ms ease,opacity 160ms ease,background-color 160ms ease}.up-complementary-products__arrow svg{width:14px;height:14px}.up-complementary-products__arrow:hover{transform:translateY(-1px);background:rgba(var(--color-foreground),0.09)}.up-complementary-products__arrow:active{transform:translateY(0)}.up-complementary-products__arrow:disabled{cursor:not-allowed;opacity:.35}.up-complementary-products__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.up-complementary-products__viewport{width:100%;overflow:hidden}.up-complementary-products__track{display:flex;align-items:stretch;gap:var(--up-complementary-card-gap,12px);overflow-x:auto;padding:0 0 2px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.up-complementary-products__track::-webkit-scrollbar{display:none}.up-complementary-products__slide{flex:0 0 calc(100% - var(--up-complementary-next-preview-desktop, 14%));min-width:0;scroll-snap-align:start}.up-complementary-card{display:grid;grid-template-columns:min(var(--up-complementary-image-size,88px),96px) minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;height:100%;min-width:0;padding:var(--up-complementary-card-padding,14px);border:var(--up-complementary-card-border-width,1px) solid rgba(var(--color-foreground),var(--up-complementary-card-border-opacity,0.1));border-radius:var(--up-complementary-card-radius,12px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));transform:translateY(0);transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease}.up-complementary-products--soft .up-complementary-card{background:linear-gradient(rgba(var(--color-foreground),0.045),rgba(var(--color-foreground),0.045)),rgb(var(--color-background))}.up-complementary-products--minimal .up-complementary-card{background:transparent}.up-complementary-products--hover-lift .up-complementary-products__track{padding-top:12px;padding-bottom:14px;margin-top:-12px;margin-bottom:-14px}@media(hover:hover) and (pointer:fine){.up-complementary-products--hover-lift .up-complementary-card:hover{transform:translateY(calc(0px - var(--up-complementary-hover-lift, 4px)));border-color:rgba(var(--color-foreground),calc(var(--up-complementary-card-border-opacity, 0.1) + 0.08));box-shadow:0 calc(var(--up-complementary-hover-lift, 4px) + 4px) calc(var(--up-complementary-hover-lift, 4px) + 22px) rgba(var(--color-shadow),var(--up-complementary-hover-shadow-opacity,0.14))}}.up-complementary-card__media{display:grid;place-items:center;width:min(var(--up-complementary-image-size,88px),96px);height:min(var(--up-complementary-image-size,88px),96px);overflow:hidden;border-radius:max(4px,calc(var(--up-complementary-card-radius, 12px) * 0.7));background:rgba(var(--color-foreground),0.035);color:inherit;text-decoration:none}.up-complementary-card__image,.up-complementary-card__placeholder{display:block;width:100%;height:100%;object-fit:contain}.up-complementary-card__content{min-width:0}.up-complementary-card__title{display:-webkit-box;overflow:hidden;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--up-complementary-title-size,14px);font-weight:var(--up-complementary-product-title-weight,var(--font-body-weight-bold,700));line-height:1.3;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.up-complementary-card__title:hover{text-decoration:underline;text-underline-offset:2px}.up-complementary-card__subtitle{margin-top:3px;color:rgba(var(--color-foreground),0.65);font-size:var(--up-complementary-subtitle-size,13px);font-weight:var(--up-complementary-subtitle-weight,var(--font-body-weight,400));line-height:1.25}.up-complementary-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:var(--up-complementary-price-size,14px);line-height:1.2}.up-complementary-card__current-price{color:rgb(var(--color-foreground));font-weight:var(--up-complementary-price-weight,var(--font-body-weight-bold,700))}.up-complementary-card__compare-price{color:rgba(var(--color-foreground),0.52);font-size:.9em;text-decoration:line-through}.up-complementary-card__action{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:max-content}.up-complementary-card__action product-form,.up-complementary-card__form{display:block;margin:0}.up-complementary-card__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border:var(--up-complementary-button-border-width,1px) solid rgb(var(--color-button));border-radius:var(--up-complementary-button-radius,8px);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--up-complementary-button-size,12px);font-weight:var(--up-complementary-button-weight,600);line-height:1;text-align:center;text-decoration:none;text-transform:var(--up-complementary-button-transform,none);white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform 160ms ease,opacity 160ms ease,box-shadow 160ms ease}.up-complementary-card__button:hover{transform:translateY(-1px);opacity:.92;box-shadow:0 5px 14px rgba(var(--color-shadow),0.14)}.up-complementary-card__button:active{transform:translateY(0)}.up-complementary-card__button[disabled],.up-complementary-card__button[aria-disabled='true'],.up-complementary-card__button.is-disabled{cursor:not-allowed;opacity:.48;pointer-events:none}.up-complementary-card__button .loading__spinner{position:absolute;inset:50% auto auto 50%;width:16px;transform:translate(-50%,-50%)}.up-complementary-card__button.loading>span{opacity:0}.up-complementary-card .product-form__error-message-wrapper{position:absolute;z-index:3;right:0;top:calc(100% + 6px);width:max-content;max-width:min(240px,80vw);padding:7px 9px;border:1px solid rgba(var(--color-foreground),0.1);border-radius:var(--up-complementary-card-radius,12px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:11px;box-shadow:0 5px 18px rgba(var(--color-shadow),0.12)}.up-complementary-products__editor-placeholder{margin-top:var(--up-complementary-margin-top,0);margin-bottom:var(--up-complementary-margin-bottom,18px);padding:16px;border:1px dashed rgba(var(--color-foreground),0.25);border-radius:var(--up-complementary-card-radius,12px);background:rgba(var(--color-foreground),0.035);color:rgb(var(--color-foreground));font-family:var(--font-body-family)}.up-complementary-products__editor-placeholder p{margin:6px 0 0;font-size:13px}.up-complementary-card__button:focus-visible,.up-complementary-card__title:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (max-width:749px){.up-complementary-products__heading{font-size:var(--up-complementary-heading-size-mobile,19px)}.up-complementary-products__arrow{width:28px;height:28px;min-width:28px}.up-complementary-products__slide{flex-basis:calc(100% - var(--up-complementary-next-preview-mobile, 10%))}.up-complementary-card{grid-template-columns:min(var(--up-complementary-image-size,72px),76px) minmax(0,1fr);gap:10px 12px;padding:min(var(--up-complementary-card-padding,12px),14px)}.up-complementary-card__media{grid-row:1 / span 2;width:min(var(--up-complementary-image-size,72px),76px);height:min(var(--up-complementary-image-size,72px),76px)}.up-complementary-card__price{margin-top:7px}.up-complementary-card__action{grid-column:2;justify-content:flex-start}.up-complementary-card__button{min-height:36px;padding:8px 14px}.up-complementary-products--minimal .up-complementary-card{padding-right:0;padding-left:0}}@media(prefers-reduced-motion:reduce){.up-complementary-products__track{scroll-behavior:auto}.up-complementary-products__arrow,.up-complementary-card__button,.up-complementary-card{transition:none}.up-complementary-products--hover-lift .up-complementary-card:hover{transform:none}}