.addon-upsell{background:var(--addon-bg, #ffffff);border-radius:var(--addon-radius, 12px);border:1px solid rgba(0,0,0,.09);box-shadow:0 2px 12px #00000012,0 1px 3px #0000000d;overflow:hidden;margin-top:14px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:box-shadow .18s ease}.addon-upsell:hover{box-shadow:0 4px 20px #0000001c,0 2px 6px #00000012}.addon-upsell__bar{background:var(--addon-bar-bg, #111111);color:#fff;padding:9px 16px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;line-height:1.4}.addon-upsell__bar-star{flex-shrink:0;fill:#fbbf24;color:#fbbf24}.addon-upsell__bar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:479px){.addon-upsell__bar{font-size:10px;padding:8px 14px}.addon-upsell__bar-text{white-space:normal;overflow:visible;text-overflow:unset}}.addon-upsell__body{padding:var(--addon-pad-d, 20px);display:flex;gap:14px;align-items:flex-start}@media screen and (max-width:749px){.addon-upsell__body{padding:var(--addon-pad-m, 16px);gap:12px}}.addon-upsell__main{display:flex;gap:14px;flex:1;min-width:0}.addon-upsell__check-wrap{flex-shrink:0;padding-top:1px;display:flex;align-items:flex-start}.addon-upsell__native-cb{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.addon-upsell__visual-cb{width:23px;height:23px;min-width:23px;border-radius:5px;background:#111;border:2px solid #111111;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.addon-upsell:not(.addon--selected) .addon-upsell__visual-cb{background:#fff}.addon-upsell__check-svg{width:12px;height:10px;transition:opacity .12s ease}.addon-upsell:not(.addon--selected) .addon-upsell__check-svg{opacity:0}.addon-upsell__content{flex:1;min-width:0}.addon-upsell__heading-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 7px;margin-bottom:5px}.addon-upsell__heading{font-size:16px;font-weight:700;color:var(--addon-text-color, #111111);margin:0;line-height:1.25}.addon-upsell__price{font-size:16px;font-weight:700;color:var(--addon-text-color, #111111);white-space:nowrap}.addon-upsell__compare-price{font-size:13px;font-weight:400;color:#9ca3af;text-decoration:line-through;white-space:nowrap}.addon-upsell__desc{font-size:var(--addon-font-sz-d, 14px);color:#4b5563;margin:0 0 3px;line-height:1.5}@media screen and (max-width:749px){.addon-upsell__heading,.addon-upsell__price{font-size:15px}.addon-upsell__desc{font-size:var(--addon-font-sz-m, 13px)}}.addon-upsell__badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.addon-upsell__badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:4px 10px 4px 8px;white-space:nowrap;line-height:1.4}.addon-upsell__badge-icon{flex-shrink:0;color:#6b7280}.addon-upsell__image{flex-shrink:0;width:var(--addon-img-w-d, 110px);display:flex;align-items:center}.addon-upsell__img{width:100%;height:auto;max-height:var(--addon-img-h-d, 260px);object-fit:contain;border-radius:8px;display:block;image-rendering:auto}@media screen and (max-width:749px){.addon-upsell__image{width:var(--addon-img-w-m, 88px)}.addon-upsell__img{max-height:var(--addon-img-h-m, 160px)}}.addon-upsell__footer{padding:9px var(--addon-pad-d, 20px) 10px;border-top:1px solid #f3f4f6}@media screen and (max-width:749px){.addon-upsell__footer{padding-inline:var(--addon-pad-m, 16px)}}.addon-upsell__status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1}.addon-upsell__status--added{color:var(--addon-accent, #16a34a)}.addon-upsell__status--removed{color:#9ca3af}.addon-upsell__status-hint{font-weight:400;color:#9ca3af;font-size:12px}.addon-upsell__urgency{padding:0 var(--addon-pad-d, 20px) 11px;font-size:12px;color:#6b7280;font-style:italic;letter-spacing:.01em;line-height:1.5;margin:0}@media screen and (max-width:749px){.addon-upsell__urgency{padding-inline:var(--addon-pad-m, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-addon-upsell.css.map */
