:root{--sc-primary:var(--color-primary);--sc-primary-hover:var(--color-primary-dark);--sc-text:var(--text-primary);--sc-text-muted:var(--text-secondary);--sc-border:var(--border-primary);--sc-surface:var(--store-bg);--sc-surface-alt:var(--store-bg);--sc-success:#16a34a;--sc-warning:#d97706;--sc-error:#dc2626;--sc-info:#2563eb;--sc-shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--sc-shadow-md:0 4px 16px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.05);--sc-shadow-lg:0 20px 60px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.06);--sc-radius:var(--card-radius-val);--sc-radius-sm:var(--btns-radius-val);--sc-transition:220ms cubic-bezier(0.4,0,0.2,1);--sc-z-float:5;--sc-z-modal:99;--sc-z-toast:100;--sc-card-min-width:220px;--sc-card-max-width:340px}.sc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .22s cubic-bezier(.4,0,.2,1);transition:opacity var(--sc-transition);z-index:99;z-index:var(--sc-z-modal)}.sc-modal-overlay--open{opacity:1;pointer-events:all}.sc-modal-dialog{background:var(--sc-surface);border-radius:var(--sc-radius);box-shadow:0 20px 60px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.06);box-shadow:var(--sc-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;transform:translateY(20px) scale(.98);transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--sc-transition);width:100%}.sc-modal-overlay--open .sc-modal-dialog{transform:translateY(0) scale(1)}.sc-modal-header{align-items:center;border-bottom:1px solid var(--sc-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.sc-modal-title{color:var(--sc-text);font-size:1.125rem;font-weight:700;margin:0}.sc-modal-close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--sc-text-muted);cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:background .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1);transition:background var(--sc-transition),color var(--sc-transition);width:2.25rem}.sc-modal-close:hover{background:var(--sc-surface-alt);color:var(--sc-text)}.sc-modal-close:focus-visible{outline:2px solid var(--sc-primary)}.sc-modal-body-lock{overflow:hidden}.sc-modal-body{flex:1;max-height:75vh;overflow-y:auto}.sc-modal-body::-webkit-scrollbar{height:5px;width:5px}.sc-modal-body::-webkit-scrollbar-track{background:transparent}.sc-modal-body::-webkit-scrollbar-thumb{background:var(--sc-primary);border-radius:var(--sc-radius)}.sc-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.sc-add-hint{color:var(--sc-text-muted);font-size:.875rem;margin:0}.sc-btn{align-items:center;border:none;border-radius:var(--sc-radius-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;-webkit-text-decoration:none;text-decoration:none;transition:background .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);transition:background var(--sc-transition),color var(--sc-transition),transform var(--sc-transition);white-space:nowrap}.sc-btn:active{transform:translateY(1px)}.sc-btn:focus-visible{outline:2px solid var(--sc-primary);outline-offset:2px}.sc-btn--ghost{background:transparent;border:1.5px solid var(--sc-border);color:var(--sc-text-muted)}.sc-btn--ghost:hover{background:rgba(220,38,38,.05);border-color:#dc2626;border-color:var(--sc-error);color:#dc2626;color:var(--sc-error)}@supports (color:color-mix(in lch,red,blue)) and (top:var(--f )){.sc-btn--ghost:hover{background:color-mix(in srgb,var(--sc-error) 5%,transparent)}}.sc-grid{display:grid;grid-gap:0;align-items:start;direction:ltr;gap:0}.sc-grid>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:1px;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:0;border-right-width:calc(1px*var(--tw-divide-x-reverse))}.sc-grid--1{grid-template-columns:minmax(0,1fr)}.sc-grid--2{grid-template-columns:repeat(2,1fr)}.sc-grid--3{grid-template-columns:repeat(3,1fr)}.sc-product-card--vertical{align-items:center;background:var(--sc-surface);display:flex;flex-direction:column;position:relative;text-align:center}.sc-grid .sc-availability,.sc-grid .sc-price-wrap,.sc-grid .sc-product-name{border-bottom:1px solid var(--sc-border);padding:8px 0;width:100%}salla-add-product-button{padding-top:8px}.sc-product-card>*{padding-left:24px;padding-right:24px}.sc-product-card--vertical .sc-remove-btn{align-self:center;background:transparent;color:var(--sc-primary);cursor:pointer;font-family:var(--sc-font);font-size:.875rem;font-weight:600;padding:0;-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:3px;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--sc-transition)}.sc-product-card--vertical .sc-remove-btn:hover{color:#dc2626;color:var(--sc-error)}.sc-product-card--vertical .sc-remove-btn:focus-visible{border-radius:2px;outline:2px solid #dc2626;outline:2px solid var(--sc-error)}.sc-product-card--vertical .sc-img-wrap{border-radius:0;display:block;height:200px;overflow:hidden;width:100%}.sc-product-card--vertical .sc-product-img{height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .5s ease;width:100%}.sc-product-card--vertical .sc-product-name{color:var(--sc-text);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.45;-webkit-text-decoration:none;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--sc-transition);width:100%}.sc-product-card--vertical .sc-product-name:hover{color:var(--sc-primary)}.sc-product-card--vertical .sc-price-wrap{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sc-product-card--vertical .sc-availability{display:flex;justify-content:center;width:100%}.sc-product-card--vertical .sc-add-product-btn{margin-top:auto;width:100%}.sc-h-table{border:1px solid var(--sc-border);border-radius:var(--sc-radius);display:flex;flex-direction:column;gap:0;overflow:hidden}.sc-h-row{align-items:center;display:grid;grid-template-columns:80px 80px 1fr 130px 130px 180px;grid-gap:0;background:var(--sc-surface);box-shadow:inset 0 -1px 0 var(--sc-border);gap:0;padding:1rem 1.25rem;transition:background .22s cubic-bezier(.4,0,.2,1);transition:background var(--sc-transition)}.sc-h-row:last-child{border-bottom:none}.sc-h-row:hover{background:var(--sc-surface-alt)}.sc-h-cell{align-items:center;display:flex;padding:0 .75rem}.sc-h-cell--delete{justify-content:center;padding-left:0}.sc-h-cell--image{justify-content:center;padding:0 .5rem}.sc-h-cell--name{padding-left:.75rem}.sc-h-cell--avail,.sc-h-cell--price{justify-content:center}.sc-h-cell--cart{justify-content:flex-end;padding-right:0}.sc-h-row .sc-remove-btn{background:transparent;border:none;color:var(--sc-primary);cursor:pointer;font-family:var(--sc-font);font-size:.8125rem;font-weight:600;padding:0;-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:3px;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--sc-transition);white-space:nowrap}.sc-h-row .sc-remove-btn:hover{color:#dc2626;color:var(--sc-error)}.sc-h-row .sc-remove-btn:focus-visible{border-radius:2px;outline:2px solid #dc2626;outline:2px solid var(--sc-error)}.sc-h-row .sc-img-wrap{background:var(--sc-surface-alt);border-radius:var(--sc-radius-sm);display:block;flex-shrink:0;height:64px;overflow:hidden;width:64px}.sc-h-row .sc-product-img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.sc-h-row .sc-img-wrap:hover .sc-product-img{transform:scale(1.06)}.sc-h-row .sc-product-name{color:var(--sc-text);display:-webkit-box;font-size:.9375rem;font-weight:600;line-height:1.4;-webkit-text-decoration:none;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--sc-transition)}.sc-h-row .sc-product-name:hover{color:var(--sc-primary)}.sc-h-row .sc-add-product-btn{min-width:150px}.sc-price-wrap{align-items:baseline;display:flex;flex-wrap:wrap;gap:.4rem}.sc-price{color:var(--sc-text);font-size:1.0625rem;font-weight:700}.sc-price--sale{color:#dc2626;color:var(--sc-error)}.sc-price--original{color:var(--sc-text-muted);font-size:.8125rem;font-weight:400;-webkit-text-decoration:line-through;text-decoration:line-through}.sc-badge{border-radius:var(--sc-radius-sm);display:inline-block;font-size:.8125rem;font-weight:600;padding:4px 14px}.sc-badge--available{background:rgba(22,163,74,.12);color:#16a34a;color:var(--sc-success)}@supports (color:color-mix(in lch,red,blue)) and (top:var(--f )){.sc-badge--available{background:color-mix(in srgb,var(--sc-success) 12%,transparent)}}.sc-badge--soldout{background:color-mix(in srgb,var(--sc-text-muted) 12%,transparent);color:var(--sc-text-muted)}.sc-lazy{background:var(--sc-surface-alt)}.sc-add-product-btn{--color-primary:var(--sc-primary);--color-primary-hover:var(--sc-primary-hover);display:block}.sc-empty-state{font-size:1rem}.sc-empty-state,.sc-loading{align-items:center;color:var(--sc-text-muted);display:flex;flex-direction:column;font-family:var(--sc-font);justify-content:center;padding:4rem 2rem}.sc-loading{font-size:.9375rem;gap:1rem}.sc-spinner{animation:sc-spin .8s linear infinite;border:3px solid var(--sc-border);border-radius:50%;border-top-color:var(--sc-primary);height:2.5rem;width:2.5rem}@keyframes sc-spin{to{transform:rotate(1turn)}}.sc-toast{background:var(--sc-text);border-radius:var(--sc-radius-sm);bottom:5rem;box-shadow:0 20px 60px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.06);box-shadow:var(--sc-shadow-lg);color:var(--color-primary-reverse);font-size:.9375rem;left:1.5rem;max-width:380px;min-width:240px;opacity:0;padding:.875rem 1.25rem;pointer-events:none;position:fixed;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;z-index:100;z-index:var(--sc-z-toast)}.sc-toast--visible{opacity:1;transform:translateY(0)}.sc-toast--success{background:#16a34a;background:var(--sc-success)}.sc-toast--error{background:#dc2626;background:var(--sc-error)}.sc-toast--warning{background:#d97706;background:var(--sc-warning)}.sc-toast--info{background:#2563eb;background:var(--sc-info)}@media (max-width:768px){.sc-grid--2,.sc-grid--3{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;padding-bottom:.5rem}.sc-grid--2 .sc-product-card--vertical,.sc-grid--3 .sc-product-card--vertical{border-right:1px solid var(--sc-border);flex-shrink:0;min-width:220px;min-width:var(--sc-card-min-width);scroll-snap-align:start}.sc-h-row{grid-template-columns:56px 66px 143px 113px 166px 122px;padding:.75rem 1rem}.sc-h-table{width:-moz-fit-content;width:fit-content}.sc-modal-body{padding:1rem}.sc-modal-dialog{max-height:95vh}}@media (forced-colors:active){.sc-btn,.sc-compare-btn,.sc-float-btn{border:2px solid ButtonText}.sc-badge{border:1px solid ButtonText}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}