.upsell-addons{padding:4px 0 20px;border-bottom:1px solid var(--color-border, #e5e5e5);margin-bottom:8px}.upsell-addons__title{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground-rgb, 26 26 26),.5);margin:0 0 14px}.upsell-addons__scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media screen and (max-width:749px){.upsell-addons__scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}}.upsell-addons__scroll::-webkit-scrollbar{display:none}.upsell-addons__card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(var(--color-foreground-rgb, 26 26 26),.025);border:1px solid rgba(var(--color-foreground-rgb, 26 26 26),.07);border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}@media screen and (max-width:749px){.upsell-addons__card{scroll-snap-align:start;flex-shrink:0;min-width:210px}}.upsell-addons__card:hover{border-color:rgba(var(--color-foreground-rgb, 26 26 26),.14);box-shadow:0 2px 8px #0000000a}.upsell-addons__card.is-added{border-color:#27ae604d;background:#27ae600a}.upsell-addons__img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0}.upsell-addons__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.upsell-addons__name{font-size:13px;font-weight:500;line-height:1.3;color:var(--color-foreground, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upsell-addons__price{font-size:12px;color:rgba(var(--color-foreground-rgb, 26 26 26),.5)}.upsell-addons__add{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(var(--color-foreground-rgb, 26 26 26),.15);background:var(--color-background, #fff);color:var(--color-foreground, #1a1a1a);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;padding:0}.upsell-addons__add:hover{background:var(--color-foreground, #1a1a1a);color:var(--color-background, #fff);border-color:var(--color-foreground, #1a1a1a)}.upsell-addons__add svg{width:16px;height:16px}.upsell-addons__add.is-loading{pointer-events:none;opacity:.5}.upsell-addons__add.is-added{background:#27ae60;border-color:#27ae60;color:#fff;pointer-events:none}.stepper-upsell{margin-top:24px;padding-top:20px;border-top:1px dashed rgba(var(--color-foreground-rgb, 26 26 26),.12)}.stepper-upsell__title{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--color-foreground-rgb, 26 26 26),.4);margin:0 0 12px}.stepper-upsell__list{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.stepper-upsell__list::-webkit-scrollbar{display:none}.stepper-upsell__card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(var(--color-foreground-rgb, 26 26 26),.025);border:1px solid rgba(var(--color-foreground-rgb, 26 26 26),.06);border-radius:8px;flex-shrink:0;min-width:180px;transition:border-color .2s ease}.stepper-upsell__card:hover{border-color:rgba(var(--color-foreground-rgb, 26 26 26),.14)}.stepper-upsell__card.is-added{border-color:#27ae604d;background:#27ae600a}.stepper-upsell__card-img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.stepper-upsell__card-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.stepper-upsell__card-name{font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-upsell__card-price{font-size:11px;color:rgba(var(--color-foreground-rgb, 26 26 26),.5)}.stepper-upsell__card-add{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(var(--color-foreground-rgb, 26 26 26),.15);background:var(--color-background, #fff);color:var(--color-foreground, #1a1a1a);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;padding:0}.stepper-upsell__card-add:hover{background:var(--color-foreground, #1a1a1a);color:var(--color-background, #fff);border-color:var(--color-foreground, #1a1a1a)}.stepper-upsell__card-add svg{width:14px;height:14px}.stepper-upsell__card-add.is-loading{pointer-events:none;opacity:.5}.stepper-upsell__card-add.is-added{background:#27ae60;border-color:#27ae60;color:#fff;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/upsell-addons.css.map */