:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-error: #dc2626;--color-error-light: #fef2f2;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-focus: #2563eb;--ubris-primary-50: #eff6ff;--ubris-primary-100: #dbeafe;--ubris-primary-200: #bfdbfe;--ubris-primary-500: #3b82f6;--ubris-primary-600: #2563eb;--ubris-primary-700: #1d4ed8;--ubris-success-100: #dcfce7;--ubris-success-200: #bbf7d0;--ubris-success-500: #22c55e;--ubris-success-600: #16a34a;--ubris-success-700: #15803d;--ubris-success-800: #166534;--ubris-warning-100: #fef3c7;--ubris-warning-600: #d97706;--ubris-error-100: #fee2e2;--ubris-error-200: #fecaca;--ubris-error-500: #ef4444;--ubris-error-600: #dc2626;--ubris-error-700: #b91c1c;--ubris-error-800: #991b1b;--ubris-gray-100: #f1f5f9;--ubris-gray-200: #e2e8f0;--ubris-gray-300: #cbd5e1;--ubris-gray-800: #1e293b;--ubris-gray-900: #0f172a;--font-family: Inter, system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--duration-fast: .15s;--duration-normal: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 500;--z-toast: 600;--header-height: 64px;--container-max: 1200px}.ub-store__main{padding:2rem 1.5rem;flex:1;min-height:calc(100vh - var(--header-height));background:var(--color-bg-secondary)}.ub-store__container{max-width:var(--container-max);margin:0 auto;width:100%}.ub-store__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.ub-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.5;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.ub-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ub-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ub-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ub-btn--primary:active{background:#1e40af;border-color:#1e40af}.ub-btn--secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border)}.ub-btn--secondary:hover{background:var(--color-bg-secondary);border-color:var(--ubris-gray-300)}.ub-btn--secondary:active{background:var(--color-bg-tertiary)}.ub-btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.ub-btn--ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ub-btn--ghost:active{background:var(--ubris-gray-200)}.ub-btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.ub-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.ub-btn--danger:active{background:#991b1b}.ub-btn--sm{padding:6px 12px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.ub-btn--lg{padding:12px 24px;font-size:var(--font-size-base)}.ub-btn--full{width:100%}.ub-btn--icon{padding:8px;min-width:36px;min-height:36px}.ub-btn:disabled,.ub-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ub-btn svg{width:18px;height:18px;flex-shrink:0}.ub-input{display:block;width:100%;padding:10px 14px;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);appearance:none}.ub-input::placeholder{color:var(--color-text-muted)}.ub-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #2563eb1f}.ub-input--error{border-color:var(--color-error)}.ub-input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261f}.ub-input:disabled{opacity:.5;background:var(--color-bg-secondary);cursor:not-allowed}select.ub-input{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}textarea.ub-input{resize:vertical;min-height:80px}.ub-form-group{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.ub-form-group--full{width:100%}.ub-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ub-form-label__required{color:var(--color-error);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs)}.ub-form-error{display:block;font-size:var(--font-size-xs);color:var(--color-error);margin-top:-2px}.ub-form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:-2px}.ub-form-row{display:flex;gap:var(--space-4)}@media (max-width: 640px){.ub-form-row{flex-direction:column}}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.ub-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.ub-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.ub-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ub-card__body{padding:var(--space-5) var(--space-6)}.ub-card__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.ub-order-totals{display:flex;flex-direction:column;gap:0}.ub-order-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--ubris-gray-100)}.ub-order-total-row:last-child{border-bottom:none}.ub-order-total-row strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ub-order-total-row--final{margin-top:var(--space-2);padding-top:var(--space-4);border-top:2px solid var(--color-border);border-bottom:none;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ub-order-total-row--final strong{font-weight:var(--font-weight-bold)}.ub-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);max-width:420px;margin:0 auto}.ub-empty__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-6);font-size:2rem;color:var(--color-text-muted)}.ub-empty__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;letter-spacing:-.025em}.ub-empty__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-8) 0;line-height:var(--line-height-relaxed)}.ub-empty--sm{padding:var(--space-6) var(--space-4)}.ub-empty--sm .ub-empty__icon{width:48px;height:48px;font-size:1.25rem;margin-bottom:var(--space-4)}.ub-empty--sm .ub-empty__title{font-size:var(--font-size-base)}.ub-payment-methods{display:flex;flex-direction:column;gap:var(--space-3)}.ub-payment-method{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.ub-payment-method:hover{border-color:var(--ubris-gray-300);background:var(--color-bg-secondary)}.ub-payment-method--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.ub-payment-method--selected .ub-payment-method__radio{border-color:var(--color-primary)}.ub-payment-method--selected .ub-payment-method__radio:after{transform:scale(1)}.ub-payment-method.disabled{opacity:.45;cursor:not-allowed}.ub-payment-method__radio{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;position:relative;transition:border-color var(--duration-fast) var(--ease-out)}.ub-payment-method__radio:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background:var(--color-primary);border-radius:var(--radius-full);transform:scale(0);transition:transform var(--duration-fast) var(--ease-out)}.ub-payment-method__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;font-size:var(--font-size-lg)}.ub-payment-method__info{flex:1;min-width:0}.ub-payment-method__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ub-payment-method__description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.ub-payment-method__header{display:flex;align-items:center;gap:var(--space-3)}.ub-payment-method__body{padding-top:var(--space-3)}.ub-alert{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-4)}.ub-alert__item{display:flex;align-items:flex-start;gap:var(--space-2)}.ub-alert__item i{margin-top:2px;flex-shrink:0}.ub-alert>i{flex-shrink:0}.ub-alert:not(:has(.ub-alert__item)){flex-direction:row;align-items:flex-start;gap:var(--space-3)}.ub-alert:not(:has(.ub-alert__item))>i{margin-top:2px}.ub-alert--info{background:var(--ubris-primary-50);border:1px solid var(--ubris-primary-200);color:var(--ubris-primary-700)}.ub-alert--success{background:var(--color-success-light);border:1px solid var(--ubris-success-200);color:var(--ubris-success-700)}.ub-alert--warning{background:var(--color-warning-light);border:1px solid #fde68a;color:#92400e}.ub-alert--error{background:var(--color-error-light);border:1px solid var(--ubris-error-200);color:var(--ubris-error-700)}.ub-pdp__qty{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-primary)}.ub-pdp__qty-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:all var(--duration-fast) var(--ease-out)}.ub-pdp__qty-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ub-pdp__qty-btn:active{background:var(--ubris-gray-200)}.ub-pdp__qty-input{display:flex;align-items:center;justify-content:center;min-width:40px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.ub-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.025em;line-height:var(--line-height-tight)}.ub-page-title__eyebrow{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-2)}.ub-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);white-space:nowrap;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.ub-badge--success{background:var(--color-success-light);color:var(--ubris-success-700)}.ub-badge--warning{background:var(--color-warning-light);color:#92400e}.ub-badge--error{background:var(--color-error-light);color:var(--ubris-error-700)}.ub-badge--info{background:var(--ubris-primary-50);color:var(--ubris-primary-700)}.ub-stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--space-5) var(--space-6);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}@media (max-width: 640px){.ub-stepper{padding:var(--space-4) var(--space-3)}}.ub-step{display:flex;align-items:center;gap:var(--space-2);cursor:default}.ub-step__indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:var(--color-bg-tertiary);color:var(--color-text-muted);border:2px solid var(--color-border);transition:all var(--duration-normal) var(--ease-out);flex-shrink:0}@media (max-width: 640px){.ub-step__indicator{width:28px;height:28px;font-size:var(--font-size-xs)}}.ub-step__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-out)}@media (max-width: 640px){.ub-step__label{display:none}}.ub-step__connector{width:40px;height:2px;background:var(--color-border);margin:0 var(--space-2);transition:background var(--duration-normal) var(--ease-out)}@media (max-width: 768px){.ub-step__connector{width:24px}}@media (max-width: 640px){.ub-step__connector{width:16px;margin:0 var(--space-1)}}.ub-step__connector--completed{background:var(--color-primary)}.ub-step--current .ub-step__indicator{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ub-step--current .ub-step__label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.ub-step--completed .ub-step__indicator{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ub-step--completed .ub-step__label{color:var(--color-text-primary)}.ub-step--pending .ub-step__indicator,.ub-step--disabled .ub-step__indicator{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-muted)}.ub-step--pending .ub-step__label,.ub-step--disabled .ub-step__label{color:var(--color-text-muted)}.ub-checkout__form{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.ub-checkout__form{padding:var(--space-5)}}.ub-checkout__section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-6) 0;letter-spacing:-.025em}.ub-checkout__section-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.ub-divider{height:1px;width:100%;background:var(--color-border);border:none;margin:var(--space-6) 0}.checkout-delivery-options{display:flex;flex-direction:column;gap:var(--space-3)}.delivery-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.delivery-option:hover{border-color:var(--ubris-gray-300);background:var(--color-bg-secondary)}.delivery-option--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.delivery-option__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.delivery-option__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-left:auto}.delivery-option__time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.confirmation-page{padding:var(--space-10) 0}.confirmation-header{text-align:center;margin-bottom:var(--space-10)}.confirmation-header__icon{width:80px;height:80px;margin:0 auto var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.confirmation-header__icon--success{background:linear-gradient(135deg,var(--ubris-success-500),var(--ubris-success-600));box-shadow:0 20px 40px -10px #16a34a59}.confirmation-header__icon--processing{background:linear-gradient(135deg,var(--ubris-primary-500),var(--ubris-primary-600));box-shadow:0 20px 40px -10px #2563eb59}.confirmation-header__icon--error{background:linear-gradient(135deg,var(--ubris-error-500),var(--ubris-error-600));box-shadow:0 20px 40px -10px #dc262659}.confirmation-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.025em}.confirmation-header__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.confirmation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}@media (max-width: 768px){.confirmation-grid{grid-template-columns:1fr}}.confirmation-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 640px){.confirmation-actions{flex-direction:column;align-items:stretch}.confirmation-actions .ub-btn{width:100%;justify-content:center}}.info-list{display:flex;flex-direction:column}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--ubris-gray-100)}.info-item:last-child{border-bottom:none}.info-item__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.info-item__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.info-item__value--code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.info-item__value--highlight{color:var(--color-primary);font-weight:var(--font-weight-bold)}@media (max-width: 640px){.info-item{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.next-steps{display:flex;flex-direction:column;gap:var(--space-5)}.next-step{display:flex;gap:var(--space-4)}.next-step__number,.next-step__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.next-step__number{background:var(--color-bg-secondary);color:var(--color-text-muted);border:2px solid var(--color-border)}.next-step__icon{background:var(--ubris-primary-100);color:var(--color-primary)}.next-step__content{flex:1}.next-step__content h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.next-step__content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.next-step--active .next-step__number,.next-step--active .next-step__icon{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.next-step--complete .next-step__icon{background:var(--color-success);color:#fff}.next-step--error .next-step__icon{background:var(--color-error);color:#fff}@media (max-width: 640px){.next-step__number,.next-step__icon{width:32px;height:32px;font-size:var(--font-size-xs)}.next-step__content h3{font-size:var(--font-size-sm)}.next-step__content p{font-size:var(--font-size-xs)}}.ub-order-summary{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.ub-order-summary__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;padding:var(--space-5) var(--space-5) 0}@media (max-width: 900px){.ub-order-summary__title{display:none}}.ub-order-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.ub-order-item__image{width:48px;height:48px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm);flex-shrink:0}.ub-order-item__details{flex:1;min-width:0}.ub-order-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ub-order-item__qty{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.ub-order-item__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex-shrink:0}.summary-section,.summary-items{padding-left:var(--space-5);padding-right:var(--space-5)}.ub-order-summary .ub-order-totals{padding:0 var(--space-5) var(--space-5)}.checkout-summary__mobile-toggle{display:none}@media (max-width: 768px){.checkout-summary__mobile-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);cursor:pointer;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}}.checkout-summary__items{padding:var(--space-4) var(--space-5)}.checkout-summary__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.summary-payment-status{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.ub-payment-status{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);margin:var(--space-6) 0;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.ub-payment-status__icon{font-size:2rem;margin-bottom:var(--space-3)}.ub-payment-status__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.ub-payment-status__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.ub-payment-status--authorized,.ub-payment-status--captured{background:var(--color-success-light);border-color:var(--ubris-success-200)}.ub-payment-status--authorized .ub-payment-status__icon,.ub-payment-status--captured .ub-payment-status__icon{color:var(--color-success)}.ub-payment-status--authorized .ub-payment-status__title,.ub-payment-status--captured .ub-payment-status__title{color:var(--ubris-success-700)}.ub-payment-status--pending,.ub-payment-status--pending_customer_action{background:var(--color-warning-light);border-color:#fde68a}.ub-payment-status--pending .ub-payment-status__icon,.ub-payment-status--pending_customer_action .ub-payment-status__icon{color:var(--color-warning)}.ub-payment-status--pending .ub-payment-status__title,.ub-payment-status--pending_customer_action .ub-payment-status__title{color:#92400e}.ub-payment-status--failed,.ub-payment-status--cancelled{background:var(--color-error-light);border-color:var(--ubris-error-200)}.ub-payment-status--failed .ub-payment-status__icon,.ub-payment-status--cancelled .ub-payment-status__icon{color:var(--color-error)}.ub-payment-status--failed .ub-payment-status__title,.ub-payment-status--cancelled .ub-payment-status__title{color:var(--ubris-error-700)}.soft-login{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.soft-login__card{position:relative;width:100%;max-width:420px;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-8);text-align:center}.soft-login__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-xl);margin:0 auto var(--space-6);color:var(--color-primary);font-size:2rem}.soft-login__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;letter-spacing:-.025em}.soft-login__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-8) 0;line-height:var(--line-height-relaxed)}.soft-login__actions{display:flex;flex-direction:column;gap:var(--space-3)}.review-action{margin-bottom:var(--space-6)}.review-hint{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.payment-initialize{margin:var(--space-6) 0}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--color-text-muted)}.total-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}html,body{min-height:100%;margin:0;font-family:var(--font-family);background:var(--color-bg-secondary)}*{box-sizing:border-box}body{color:var(--color-text-primary)}img{display:block;max-width:100%}:where(cx-page-slot,[class*=page-section],.pb-region,.juli-cms-host):has(app-info-card+app-info-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width: 48rem){:where(cx-page-slot,[class*=page-section],.pb-region,.juli-cms-host):has(app-info-card+app-info-card){grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}}app-info-card{display:block;min-width:0}.cms-product-grid__header,.cms-product-carousel__header{margin-top:3rem}.cms-product-grid__header h2,.cms-product-carousel__header h2{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700;line-height:1.2;margin:0 0 .25rem}:root{--color-bg: #f8fafc;--color-bg-primary: #ffffff;--color-bg-secondary: #eff6ff;--color-border: #dbe4f0;--color-error: #dc2626;--color-primary: #2563eb;--color-success: #16a34a;--color-text-muted: #64748b;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-warning: #d97706;--duration-fast: .15s;--ease-out: cubic-bezier(.16, 1, .3, 1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--header-height: 4.5rem;--radius-full: 9999px;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-focus: 0 0 0 3px rgb(37 99 235 / .25);--shadow-sm: 0 1px 2px rgb(15 23 42 / .08);--shadow-md: 0 10px 20px rgb(15 23 42 / .12);--shadow-lg: 0 20px 30px rgb(15 23 42 / .14);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--ubris-error-100: #fee2e2;--ubris-error-200: #fecaca;--ubris-error-500: #ef4444;--ubris-error-600: #dc2626;--ubris-error-700: #b91c1c;--ubris-error-800: #991b1b;--ubris-gray-100: #f1f5f9;--ubris-gray-200: #e2e8f0;--ubris-gray-300: #cbd5e1;--ubris-gray-400: #94a3b8;--ubris-gray-500: #64748b;--ubris-gray-600: #475569;--ubris-gray-700: #334155;--ubris-gray-800: #1e293b;--ubris-gray-900: #0f172a;--ubris-primary-50: #eff6ff;--ubris-primary-100: #dbeafe;--ubris-primary-500: #3b82f6;--ubris-primary-600: #2563eb;--ubris-primary-700: #1d4ed8;--ubris-success-100: #dcfce7;--ubris-success-200: #bbf7d0;--ubris-success-500: #22c55e;--ubris-success-600: #16a34a;--ubris-success-700: #15803d;--ubris-success-800: #166534;--ubris-warning-100: #fef3c7;--ubris-warning-600: #d97706;--z-modal: 500}html,body{background:var(--color-bg);color:var(--color-text-primary)}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.ubris-shell{min-height:100vh;background:var(--color-bg);color:var(--color-text-primary)}.se-overlay{position:relative;cursor:pointer;transition:outline .15s ease,box-shadow .15s ease;outline:2px dashed transparent;outline-offset:2px}.se-overlay--hover{outline-color:#93c5fd;box-shadow:0 0 0 1px #3b82f61a}.se-overlay--highlight{outline-color:#60a5fa;outline-style:dashed}.se-overlay--selected{outline-color:#3b82f6;outline-style:solid;box-shadow:0 0 0 4px #3b82f626}.se-overlay__label{position:absolute;top:-1px;left:8px;transform:translateY(-100%);background:#3b82f6;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:3px 3px 0 0;white-space:nowrap;z-index:10;opacity:0;transition:opacity .15s ease;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.se-overlay--hover .se-overlay__label,.se-overlay--selected .se-overlay__label,.se-overlay--highlight .se-overlay__label{opacity:1}.se-overlay a,.se-overlay button:not(.se-overlay__label){pointer-events:none}