.compact-upsell{container-type:inline-size;margin-block:1.6rem;padding:1.2rem;border:1px solid #dce5e8;border-radius:10px;background:var(--upsell-bg, #f3f9fb);color:var(--upsell-accent, #1c3144)}.compact-upsell__header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.compact-upsell__header h2{margin:0;color:inherit;font-size:1.6rem;line-height:1.3}.compact-upsell__header p{margin:.3rem 0 0;font-size:1.2rem;line-height:1.4}.compact-upsell a{color:inherit;text-decoration:none}.compact-upsell a:hover{text-decoration:underline}.compact-upsell__header>a{flex-shrink:0;font-size:1.2rem}.compact-upsell__slider{display:block}.compact-upsell__list{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0;list-style:none;scrollbar-width:thin}.compact-upsell__card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:1rem;row-gap:.4rem;min-width:0;scroll-snap-align:start;padding:.4rem}.compact-upsell__image{grid-row:1 / 3;display:block;aspect-ratio:1}.compact-upsell__image img,.compact-upsell__image svg{width:100%;height:100%;display:block;object-fit:contain}.compact-upsell__name{font-size:1.2rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.compact-upsell__price{grid-column:2;margin:0;font-size:1.3rem}.compact-upsell__form,.compact-upsell__card>.compact-upsell__add{grid-column:3;grid-row:1 / 3}.compact-upsell__add{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:.6rem .8rem;border:1px solid currentColor;border-radius:6px;background:#fff;color:inherit;font:inherit;font-size:1.2rem;line-height:1.2;text-align:center;cursor:pointer}.compact-upsell__add.loading>span{visibility:hidden}.compact-upsell__add .loading__spinner{position:absolute;width:1.6rem}.compact-upsell__controls{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.2rem}.compact-upsell__controls button{width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:2rem}.compact-upsell__controls button:disabled{opacity:.3;cursor:default}.compact-upsell .product-form__error-message-wrapper{font-size:1.2rem;color:#a00}@container (min-width: 440px){.compact-upsell__list{grid-auto-columns:calc((100% - 3rem)/4);gap:1rem}.compact-upsell__card{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}.compact-upsell__image{width:100%;max-width:120px;margin-inline:auto}.compact-upsell__price{margin-top:auto}.compact-upsell__controls{display:none}}.compact-upsell__gift{display:inline-block;flex-shrink:0;vertical-align:-.25em;margin-right:.3rem}.compact-upsell--drawer .compact-upsell__list{grid-auto-columns:50%;gap:0}.compact-upsell--drawer .compact-upsell__card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start;gap:.4rem;margin:.3rem;padding:.6rem;border:1px solid #dce5e8;border-radius:6px;background:#fff}.compact-upsell--drawer .compact-upsell__image{grid-column:1;grid-row:1 / 4;width:48px}.compact-upsell--drawer .compact-upsell__name{grid-column:2;font-size:1.1rem}.compact-upsell--drawer .compact-upsell__price{grid-column:2;margin:0}.compact-upsell--drawer .compact-upsell__form,.compact-upsell--drawer .compact-upsell__card>.compact-upsell__add{grid-column:2;grid-row:3;align-self:end}.compact-upsell--drawer .compact-upsell__controls{display:flex}@container (max-width: 300px){.compact-upsell--drawer .compact-upsell__list{grid-auto-columns:100%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/compact-product-upsell.css.map */