.favorite-button{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.favorite-button:hover{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}
.TemplateListModal{text-align:center;width:100%;max-width:440px;padding:28px 28px 20px;position:relative}.TemplateListModal-close{background:var(--color-surface-2);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:inline-flex;position:absolute;top:12px;right:14px}.TemplateListModal-close:hover{background:var(--color-border);color:var(--color-text);transform:rotate(90deg)}.TemplateListModal-icon{color:var(--color-accent);justify-content:center;margin-bottom:8px;display:flex}.TemplateListModal-title{font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-heading);margin:0 0 18px}.TemplateListModal-subtitle{text-align:left;font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 8px}.TemplateListModal-createRow{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.TemplateListModal-list{margin:0 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;max-height:220px;padding:4px;list-style:none;overflow-y:auto}.TemplateListModal-item{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:10px;padding:.4rem .5rem;display:flex}.TemplateListModal-item:hover{background:var(--color-surface-2)}.TemplateListModal-item.is-selected{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));color:var(--color-accent-hover)}.TemplateListModal-itemIcon{border-radius:var(--radius-sm);background:var(--color-surface-2);flex-shrink:0;width:22px;height:22px}.TemplateListModal-itemName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.TemplateListModal-editRow{align-items:center;gap:var(--space-2);width:100%;display:flex}.TemplateListModal-info{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:.75rem}.TemplateListModal .u-error{margin-bottom:var(--space-3);text-align:left}.TemplateListModal-footer{justify-content:center;display:flex}.TemplateListModal-toast{z-index:2000;border-radius:var(--radius-pill);color:#fff;font-size:var(--text-sm);font-weight:var(--fw-semibold);box-shadow:var(--shadow-lg);padding:12px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.TemplateListModal-toast--success{background:var(--color-success)}.TemplateListModal-toast--error{background:var(--color-danger)}
.add-to-template-button{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.add-to-template-button:hover:not(:disabled){color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.add-to-template-button--disabled{opacity:.4;cursor:not-allowed}.add-to-template-button--disabled:hover{color:var(--color-text-muted);background:0 0}
.card-product{isolation:isolate;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;height:100%;color:inherit;box-shadow:var(--shadow-sm);transition:transform var(--dur,.32s) var(--ease-out,ease), box-shadow var(--dur,.32s) var(--ease-out,ease), border-color var(--dur,.32s) var(--ease-out,ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.card-product:before{content:"";z-index:3;background:linear-gradient(90deg, var(--color-accent), var(--violet-500));transform-origin:0;height:3px;transition:transform var(--dur,.32s) var(--ease-out,ease);position:absolute;inset:0 0 auto;transform:scaleX(0)}.card-product:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-product:hover:before{transform:scaleX(1)}.card-product--highlight{border-color:var(--color-accent)}.card-product--highlight:before{transform:scaleX(1)}.card-product__media{box-sizing:border-box;background:var(--color-media-bg);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;width:100%;height:200px;padding-top:2.5rem;display:flex;position:relative;overflow:hidden}.card-product__image{object-fit:contain;max-width:80%;max-height:80%;transition:transform var(--dur,.32s) var(--ease-out,ease)}.card-product:hover .card-product__image{transform:scale(1.09)}.card-product__badges{top:var(--space-2);right:var(--space-2);z-index:2;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute}.card-product__badge{border-radius:var(--radius-sm);font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--color-danger);box-shadow:var(--shadow-sm);padding:3px 8px}.card-product__badge--inoffer{background:var(--color-badge-offer)}.card-product__badge--specialoffer{background:var(--color-badge-special)}.card-product__badge--blackfriday{background:var(--color-badge-blackfriday)}.card-product__badge--anniversary{background:var(--color-badge-anniversary)}.card-product__badge--stockclearance{background:var(--color-badge-clearance)}.card-product__badge--promotion{background:var(--color-badge-promotion)}.card-product__top-icons{top:var(--space-2);left:var(--space-2);z-index:2;align-items:center;gap:6px;display:flex;position:absolute}.card-product__content{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.card-product__name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-heading);-webkit-line-clamp:2;min-height:2.7em;transition:color var(--dur-fast,.16s) var(--ease-out,ease);-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.card-product:hover .card-product__name{color:var(--color-accent)}.card-product__divider{border:none;border-top:1px solid var(--color-border);margin:0}.card-product__identifiers{font-size:var(--text-xs);color:var(--color-text-muted);flex-direction:column;gap:2px;display:flex}.card-product__identifiers strong{color:var(--color-text);font-weight:var(--fw-semibold)}.card-product__copyable{cursor:pointer;-webkit-user-select:text;user-select:text;width:fit-content;max-width:100%;transition:color var(--dur-fast,.16s) var(--ease-out,ease)}.card-product__copyable:hover strong{color:var(--color-accent)}.card-product__copyIcon{vertical-align:-2px;color:var(--color-text-muted);opacity:.45;transition:opacity var(--dur-fast,.16s) var(--ease-out,ease), color var(--dur-fast,.16s) var(--ease-out,ease);margin-left:5px;display:inline-flex}.card-product__copyable:hover .card-product__copyIcon{opacity:1;color:var(--color-accent)}.card-product__copyIcon--done{opacity:1;color:var(--color-success)}.card-product__pricing{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.card-product__pvp{color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:line-through}.card-product__net{color:var(--color-accent);font-weight:var(--fw-bold);font-size:var(--text-lg);letter-spacing:-.01em}.card-product__login-link{color:var(--color-accent);font-weight:var(--fw-semibold);font-size:var(--text-sm);cursor:pointer}.card-product__login-link:hover{text-decoration:underline}.card-product__pricegroup{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.card-product__offer-until{font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:.02em;text-transform:uppercase;color:var(--color-danger)}.card-product__stock{flex-direction:column;gap:4px;display:flex}.card-product__stock-label{font-size:var(--text-xs);color:var(--color-text-muted)}.card-product__stock-bar-bg{border-radius:var(--radius-pill);background:var(--color-surface-2);width:100%;height:5px;overflow:hidden}.card-product__stock-bar-fill{border-radius:var(--radius-pill);background:var(--color-stock-high);height:100%;transition:width var(--dur,.32s) var(--ease-out,ease)}.card-product__stock-bar-fill--medium{background:var(--color-stock-medium)}.card-product__stock-bar-fill--low{background:var(--color-stock-low)}.card-product__stock-bar-fill--out{background:var(--color-stock-out)}@media (prefers-reduced-motion:reduce){.card-product,.card-product:before,.card-product__image{transition:none}.card-product:hover,.card-product:hover .card-product__image{transform:none}}.card-product__discontinued{top:var(--space-2);left:var(--space-2);z-index:2;border-radius:var(--radius-sm);font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:.03em;text-transform:uppercase;color:#fff;box-shadow:var(--shadow-sm);background:#6b7280;padding:3px 8px;position:absolute}