:root{--uo-primary: var(--color-button, #1a1a1a);--uo-primary-text: var(--color-button-text, #ffffff);--uo-accent: var(--color-accent, #c8a96e);--uo-bg: var(--color-background, #ffffff);--uo-surface: var(--color-card-bg, #f8f7f5);--uo-border: var(--color-border, #e2ddd8);--uo-text: var(--color-foreground, #1a1a1a);--uo-muted: var(--color-foreground-secondary, #6b6560);--uo-success: #2d7a3a;--uo-radius: 12px;--uo-radius-sm: 8px;--uo-shadow: 0 24px 64px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.08);--uo-transition: .22s cubic-bezier(.4, 0, .2, 1)}.uo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c0ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity var(--uo-transition)}.uo-overlay.active{opacity:1;pointer-events:all}.uo-modal{background:var(--uo-bg);border-radius:var(--uo-radius);box-shadow:var(--uo-shadow);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;padding:32px;transform:translateY(20px) scale(.97);transition:transform var(--uo-transition);scrollbar-width:thin;scrollbar-color:var(--uo-border) transparent}.uo-overlay.active .uo-modal{transform:translateY(0) scale(1)}.uo-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--uo-border);background:var(--uo-bg);color:var(--uo-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--uo-transition),color var(--uo-transition);z-index:10}.uo-close:hover{background:var(--uo-surface);color:var(--uo-text)}.uo-progress{display:flex;align-items:center;margin-bottom:28px;gap:20px}.uo-progress-step{display:flex;align-items:center;gap:8px;flex:0 0 auto}.uo-step-num{width:28px;height:28px;border-radius:50%;background:var(--uo-border);color:var(--uo-muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background var(--uo-transition),color var(--uo-transition);font-family:inherit}.uo-step-label{font-size:13px;color:var(--uo-muted);font-weight:500;transition:color var(--uo-transition);white-space:nowrap}.uo-progress-step.active .uo-step-num{background:var(--uo-primary);color:var(--uo-primary-text)}.uo-progress-step.active .uo-step-label{color:var(--uo-text);font-weight:600}.uo-progress-step.done .uo-step-num{background:#de560f;color:#fff}.uo-progress-step.done .uo-step-num:after{content:"\2713";font-size:11px}.uo-progress-step.done .uo-step-num{font-size:0}.uo-progress-line{flex:1;height:2px;background:var(--uo-border);margin:0 12px}.uo-step{transition:opacity .18s ease}.uo-step.step-enter{opacity:0;transform:translate(12px)}.hidden{display:none!important}.uo-modal-header{margin-bottom:24px}.uo-badge{display:inline-block;background:#e8f5e9;color:var(--uo-success);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:10px}.uo-badge--solar{background:#fff8e6;color:#a0690a}.uo-title{font-size:22px;font-weight:700;color:var(--uo-text);margin:0 0 8px;line-height:1.25;font-family:var(--font-heading-family, inherit)}.uo-subtitle{font-size:14px;color:var(--uo-muted);margin:0;line-height:1.5}.uo-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:24px}.uo-product-card{border:2px solid var(--uo-border);border-radius:var(--uo-radius-sm);padding:14px;cursor:pointer;position:relative;background:var(--uo-bg);transition:border-color var(--uo-transition),box-shadow var(--uo-transition),transform var(--uo-transition);-webkit-user-select:none;user-select:none}.uo-product-card:hover{border-color:var(--uo-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000017}.uo-product-card.selected{border-color:var(--uo-primary);box-shadow:0 0 0 1px var(--uo-primary),0 6px 20px #0000001a}.uo-card-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--uo-border);display:flex;align-items:center;justify-content:center;transition:background var(--uo-transition),opacity var(--uo-transition);opacity:0}.uo-product-card.selected .uo-card-check{background:var(--uo-primary);opacity:1}.uo-card-image{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--uo-surface);margin-bottom:10px}.uo-card-image img{width:100%;height:100%;object-fit:cover;display:block}.uo-card-image--placeholder{background:linear-gradient(135deg,var(--uo-surface) 0%,var(--uo-border) 100%)}.uo-free-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--uo-success);background:#e8f5e9;padding:2px 7px;border-radius:10px;margin-bottom:5px}.uo-card-title{font-size:13px;font-weight:600;color:var(--uo-text);margin:0 0 6px;line-height:1.35}.uo-capacity-badge{display:none;font-size:11px;background:var(--uo-surface);color:var(--uo-muted);border:1px solid var(--uo-border);padding:2px 8px;border-radius:10px;margin-bottom:6px;font-weight:500}.uo-card-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.uo-price{font-size:15px;font-weight:700;color:var(--uo-text)}.uo-price.free{color:var(--uo-success)}.uo-price.discounted{color:#c0392b}.uo-compare{font-size:12px;color:var(--uo-muted);text-decoration:line-through}.uo-actions{display:flex;flex-direction:column;gap:10px}.uo-btn-primary{width:100%;padding:14px 24px;background:var(--uo-primary);color:var(--uo-primary-text);border:none;border-radius:var(--uo-radius-sm);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity var(--uo-transition),transform var(--uo-transition);font-family:inherit;letter-spacing:.01em}.uo-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.uo-btn-primary:active{transform:translateY(0)}.uo-btn-decline{width:100%;padding:11px 24px;background:transparent;color:var(--uo-muted);border:none;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--uo-transition);font-family:inherit}.uo-btn-decline:hover{color:var(--uo-text)}.uo-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffffb3;border-radius:var(--uo-radius);font-size:14px;color:var(--uo-muted);z-index:5}.uo-spinner{width:32px;height:32px;border:3px solid var(--uo-border);border-top-color:var(--uo-primary);border-radius:50%;animation:uo-spin .7s linear infinite}@keyframes uo-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.uo-modal{padding:24px 20px;max-height:95vh;border-radius:var(--uo-radius) var(--uo-radius) 0 0;margin-top:auto}.uo-overlay{align-items:flex-end;padding:0}.uo-products{grid-template-columns:repeat(2,1fr)}.uo-title{font-size:19px}.uo-step-label{display:none}}@media(max-width:380px){.uo-products{grid-template-columns:1fr 1fr;gap:8px}.uo-card-title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/upsell-modal.css.map */