:root{--color-primary:#dc3c2c;--color-primary-dark:#b12a1d;--color-primary-darker:#8c1f14;--color-primary-light:#dc3c2c1a;--color-primary-subtle:#fdf1ef;--color-primary-muted:#f7d9d4;--color-text-primary:#1a1614;--color-text-secondary:#6b6259;--color-text-light:#8c8279;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f7f4f1;--color-bg-tertiary:#efeae5;--color-bg-error:#fdf1ef;--color-bg-success:#eef7f1;--color-bg-warning:#fdf6ec;--color-border:#e8e3de;--color-border-strong:#d6cfc8;--color-border-dark:#d6cfc8;--color-bg-secondary-fade:#f7f4f100;--gradient-hero:radial-gradient(circle, #dc3c2c24 0%, #dc3c2c0d 45%, transparent 70%);--color-success:#1f8a4c;--color-error:#c8321f;--color-warning:#c77700;--color-warning-muted:#f0dcbc;--color-warning-dark:#8a5300;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-h1:28px;--font-size-h2:22px;--font-size-h3:18px;--font-size-lg:17px;--font-size-body:15px;--font-size-small:13px;--font-size-xs:12px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.55;--tracking-tight:-.015em;--tracking-wide:.04em;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #1a16140f;--shadow-sm:0 1px 3px #1a161414, 0 1px 2px #1a16140a;--shadow-md:0 4px 12px #1a161414;--shadow-lg:0 12px 28px #1a16141f;--shadow-sheet:0 -8px 32px #1a161429;--focus-ring:0 0 0 3px #dc3c2c4d;--focus-ring-error:0 0 0 3px #c8321f40;--radius-inner:calc(var(--radius-sm) - 1px);--content-max:1120px;--content-narrow:560px;--touch-target-min:48px;--transition-fast:.15s cubic-bezier(.2, 0, .2, 1);--transition-normal:.24s cubic-bezier(.2, 0, .2, 1);--transition-sheet:.32s cubic-bezier(.32, .72, 0, 1);--transition-banner:.7s cubic-bezier(.4, 0, .2, 1);--z-sticky:100;--z-dropdown:200;--z-modal:300;--breakpoint-mobile:360px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px}@media (width>=768px){:root{--font-size-h1:34px;--font-size-h2:26px;--font-size-h3:20px;--font-size-lg:18px;--font-size-body:16px;--font-size-small:14px;--space-lg:20px;--space-xl:28px;--space-2xl:40px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior-y:none;position:relative;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.routed-view{flex-direction:column;flex:1;display:flex}.routed-view:focus{box-shadow:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}input[type=text],input[type=tel],input[type=email],input[type=number],input[type=search],input[type=datetime-local],select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 14px;font-size:16px}input[type=text]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=datetime-local]::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-light)}input[type=text]:hover:not(:disabled),input[type=tel]:hover:not(:disabled),input[type=email]:hover:not(:disabled),input[type=number]:hover:not(:disabled),input[type=search]:hover:not(:disabled),input[type=datetime-local]:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-text-light)}input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=datetime-local]:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}input[type=text]:disabled,input[type=tel]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=datetime-local]:disabled,select:disabled,textarea:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-light);cursor:not-allowed}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=datetime-local]{appearance:none;min-width:0;max-width:100%;min-height:var(--touch-target-min)}input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;margin:0}input[type=datetime-local]::-webkit-calendar-picker-indicator{flex-shrink:0}button{cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--focus-ring);outline:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:1.2s!important;animation-iteration-count:infinite!important}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--touch-target-min);border-radius:var(--radius-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:0;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);padding:12px 20px;display:inline-flex}.btn:disabled{cursor:not-allowed;box-shadow:none;transform:none}.btn:active:not(:disabled){transform:scale(.98)}.btn svg{flex-shrink:0}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-darker)}.btn--primary:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-light)}.btn--secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-text-light)}.btn--secondary:active:not(:disabled){background-color:var(--color-bg-tertiary)}.btn--secondary:disabled{color:var(--color-text-light);border-color:var(--color-border)}.btn--ghost{color:var(--color-primary);padding-left:var(--space-md);padding-right:var(--space-md);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary-subtle)}.btn--ghost:disabled{color:var(--color-text-light)}.btn--lg{min-height:56px;font-size:var(--font-size-lg);padding:16px 28px}.btn--block{width:100%;display:flex}@keyframes qb-spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:.7s linear infinite qb-spin}.spinner--sm{border-width:2px;width:18px;height:18px}.spinner--on-primary{border-color:#ffffff59;border-top-color:var(--color-text-inverse)}.surface{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@keyframes qb-shimmer{to{background-position:-200% 0}}.skeleton{background-image:linear-gradient(90deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 100%);border-radius:var(--radius-sm);background-position:200% 0;background-size:200% 100%;animation:1.4s ease-in-out infinite qb-shimmer}.alert{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-small);line-height:var(--line-height-snug);display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert p{margin:0}.alert--error{background-color:var(--color-bg-error);border:1px solid var(--color-primary-muted);color:var(--color-error)}.state-panel{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-3xl) var(--space-lg);text-align:center;flex-direction:column;flex:1;display:flex}.state-panel__icon{background-color:var(--color-bg-tertiary);width:64px;height:64px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.state-panel__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.state-panel__body{max-width:34ch;font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.field{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.field .field__select,.field input,.field select,.field textarea{max-width:100%}.field .field__select,.field select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.field .field__label{align-items:baseline;gap:var(--space-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.field .field__optional{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-light)}.field .field__required{color:var(--color-error);font-weight:var(--font-weight-bold);line-height:1}.field .field__error{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-error);display:flex}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--color-error)}.field input[aria-invalid=true]:focus,.field select[aria-invalid=true]:focus,.field textarea[aria-invalid=true]:focus{box-shadow:var(--focus-ring-error)}.state-panel__icon--error{background-color:var(--color-bg-error);color:var(--color-error)}.state-panel__actions{align-items:stretch;gap:var(--space-sm);flex-direction:column;width:100%;max-width:320px;display:flex}@media (width>=480px){.state-panel__actions{flex-direction:row;justify-content:center;width:auto;max-width:none}.state-panel__actions .btn{flex:1;min-width:160px}}.state-panel--boxed{padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border);flex:0 auto}.alert--warning{background-color:var(--color-bg-warning);border:1px solid var(--color-warning-muted);color:var(--color-warning-dark)}.steps{align-items:center;gap:var(--space-sm);display:flex}.steps__track{align-items:center;gap:4px;display:flex}.steps__dot{border-radius:var(--radius-pill);background-color:var(--color-border-strong);width:18px;height:4px;transition:background-color var(--transition-normal)}.steps__dot--done{background-color:var(--color-primary)}.steps__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-light);font-variant-numeric:tabular-nums}.screensaver{min-height:100dvh;padding:var(--space-2xl) var(--space-lg);padding-top:max(var(--space-2xl), env(safe-area-inset-top));padding-bottom:max(var(--space-2xl), env(safe-area-inset-bottom));background-color:var(--color-bg-primary);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.screensaver:before{content:"";background:var(--gradient-hero);pointer-events:none;width:min(150vw,900px);height:min(150vw,900px);position:absolute;top:-25%;left:50%;transform:translate(-50%)}.screensaver__content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.screensaver__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-lg)}.screensaver__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-md);text-wrap:balance}.screensaver__subtitle{font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-secondary);max-width:32ch}.screensaver__context{justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.screensaver__chip{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:6px 12px;display:inline-flex}.screensaver__cta{margin-top:var(--space-2xl);min-width:240px}.screensaver__notice{align-items:flex-start;gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);text-align:left;color:var(--color-text-secondary);display:flex}.screensaver__notice-title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.screensaver__notice-body{font-size:var(--font-size-small);line-height:var(--line-height-snug);color:var(--color-text-secondary)}@media (width>=768px){.screensaver__content{max-width:520px}}@keyframes qb-badge-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.product-card{height:100%;padding:var(--space-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}@media (hover:hover){.product-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}}.product-card--in-cart{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.product-card__media{aspect-ratio:1;background-color:#0000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.product-card__image{object-fit:contain;width:100%;height:100%}.product-card__placeholder{border-radius:var(--radius-md);width:100%;height:100%;color:var(--color-text-light);background-color:var(--color-bg-secondary);justify-content:center;align-items:center;display:flex}.product-card__badge{border-radius:var(--radius-pill);background-color:var(--color-primary);min-width:24px;height:24px;color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0 6px;animation:.22s cubic-bezier(.34,1.4,.64,1) both qb-badge-pop;display:inline-flex;position:absolute;top:0;right:0}.product-card__body{padding-top:var(--space-md);text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.product-card__name{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:0;color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card__description{font-size:var(--font-size-xs);line-height:var(--line-height-snug);color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card__weight{font-size:var(--font-size-xs);color:var(--color-text-light)}.product-card__footer{align-items:stretch;gap:var(--space-sm);width:100%;padding-top:var(--space-md);flex-direction:column;margin-top:auto;display:flex}.product-card__price{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);text-align:center;font-variant-numeric:tabular-nums}.product-card__price--na{color:var(--color-text-light)}.product-card__add{width:100%;min-height:var(--touch-target-min);padding:0 var(--space-md);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), transform var(--transition-fast)}@media (hover:hover){.product-card__add:hover{background-color:var(--color-primary-dark)}}.product-card__add:active:not(:disabled){background-color:var(--color-primary-darker);transform:scale(.98)}.product-card__add:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-light);cursor:not-allowed}.product-card__stepper{border-radius:var(--radius-sm);background-color:var(--color-primary-subtle);border:1px solid var(--color-primary-muted);justify-content:space-between;align-items:center;width:100%;display:flex}.product-card__step{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--color-primary);transition:background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-card__step:first-child{border-radius:var(--radius-inner) 0 0 var(--radius-inner)}.product-card__step:last-child{border-radius:0 var(--radius-inner) var(--radius-inner) 0}@media (hover:hover){.product-card__step:hover{background-color:var(--color-primary-muted)}}.product-card__step:active{background-color:var(--color-primary-muted)}.product-card__qty{text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);font-variant-numeric:tabular-nums;flex:1}@media (width>=768px){.product-card{padding:var(--space-lg)}.product-card__name{font-size:var(--font-size-body)}.product-card__description{font-size:var(--font-size-small)}}@keyframes qb-cart-fade-in{0%{opacity:0}to{opacity:1}}.cart-overlay{z-index:calc(var(--z-modal) - 1);animation:qb-cart-fade-in var(--transition-normal);touch-action:none;overscroll-behavior:contain;background-color:#1a161480;position:fixed;inset:0}.cart-drawer{z-index:var(--z-modal);background-color:var(--color-bg-primary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);max-height:88dvh;box-shadow:var(--shadow-sheet);visibility:hidden;transition:transform var(--transition-sheet), visibility var(--transition-sheet);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cart-drawer.is-open{visibility:visible;transform:translateY(0)}.cart-drawer__grabber{width:40px;height:4px;margin:var(--space-md) auto var(--space-sm);border-radius:var(--radius-pill);background-color:var(--color-border-strong);flex-shrink:0}.cart-drawer__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.cart-drawer__heading{align-items:baseline;gap:var(--space-sm);display:flex}.cart-drawer__title{font-size:var(--font-size-h3)}.cart-drawer__count{font-size:var(--font-size-small);color:var(--color-text-secondary)}.cart-drawer__close{width:var(--touch-target-min);height:var(--touch-target-min);margin-right:calc(var(--space-sm) * -1);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.cart-drawer__close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.cart-drawer .state-panel{padding-bottom:calc(var(--space-3xl) + env(safe-area-inset-bottom))}.cart-drawer__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}.cart-drawer__item{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);display:flex}.cart-drawer__item+.cart-drawer__item{border-top:1px solid var(--color-border)}.cart-drawer__item-image{border-radius:var(--radius-sm);object-fit:cover;background-color:var(--color-bg-secondary);flex-shrink:0;width:52px;height:52px}.cart-drawer__item-image--empty{color:var(--color-text-light);justify-content:center;align-items:center;display:flex}.cart-drawer__item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cart-drawer__item-top{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.cart-drawer__item-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);min-width:0}.cart-drawer__item-total{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;font-variant-numeric:tabular-nums}.cart-drawer__item-unit{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cart-drawer__item-controls{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);display:flex}.cart-drawer__stepper{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);align-items:center;display:flex}.cart-drawer__step{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--color-text-primary);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.cart-drawer__step:first-child{border-radius:var(--radius-inner) 0 0 var(--radius-inner)}.cart-drawer__step:last-child{border-radius:0 var(--radius-inner) var(--radius-inner) 0}.cart-drawer__step:hover{background-color:var(--color-bg-secondary)}.cart-drawer__step:active{background-color:var(--color-bg-tertiary)}.cart-drawer__qty{text-align:center;min-width:40px;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);justify-content:center;align-self:stretch;align-items:center;display:flex}.cart-drawer__remove{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.cart-drawer__remove:hover{background-color:var(--color-bg-error);color:var(--color-error)}.cart-drawer__remove:active{background-color:var(--color-primary-muted)}.cart-drawer__footer{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-direction:column;flex-shrink:0;display:flex}.cart-drawer__summary{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.cart-drawer__summary-label{font-size:var(--font-size-body);color:var(--color-text-secondary)}.cart-drawer__summary-count{font-size:var(--font-size-xs)}.cart-drawer__summary-value{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.cart-drawer__summary--muted{font-size:var(--font-size-xs);color:var(--color-text-light);font-variant-numeric:tabular-nums}.cart-drawer__note{font-size:var(--font-size-xs);color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cart-drawer__coupon{padding:0 var(--space-lg) var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.cart-drawer__coupon-input{align-items:flex-start;gap:var(--space-sm);display:flex}.cart-drawer__coupon-field{flex:1;min-width:0}.cart-drawer__coupon-apply{height:44px;padding:0 var(--space-lg);flex-shrink:0}.cart-drawer__coupon-applied{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-primary-muted);border-radius:var(--radius-sm);background-color:var(--color-primary-muted);display:flex}.cart-drawer__coupon-applied-text{align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.cart-drawer__coupon-remove{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);flex-shrink:0;text-decoration:underline}.cart-drawer__coupon-message{font-size:var(--font-size-xs);color:var(--color-error)}.cart-drawer__form{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-lg);min-width:0}.cart-drawer__fields{gap:var(--space-md);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.cart-drawer__fields-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.cart-drawer__fields-row>*{min-width:0}.cart-drawer__secure{justify-content:center;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-light);display:flex}@media (width>=768px){.cart-drawer{width:420px;max-height:none;box-shadow:var(--shadow-lg);border-radius:0;top:0;left:auto;right:0;transform:translate(100%)}.cart-drawer.is-open{transform:translate(0)}.cart-drawer__grabber{display:none}.cart-drawer__header{padding-top:var(--space-lg)}}.catalog{background-color:var(--color-bg-primary);height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;overflow:hidden}.catalog__banner{aspect-ratio:3;background-color:var(--color-bg-secondary);flex-shrink:0;width:100%;max-height:22vh;position:relative;overflow:hidden}.catalog__banner-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--transition-banner);position:absolute;inset:0}.catalog__banner-slide.is-active{opacity:1}.catalog__banner-dots{left:50%;bottom:var(--space-sm);align-items:center;gap:var(--space-xs);display:flex;position:absolute;transform:translate(-50%)}.catalog__banner-dot{border-radius:var(--radius-pill);cursor:pointer;width:8px;height:8px;transition:width var(--transition-fast), background-color var(--transition-fast);background-color:#ffffff8c;border:0;padding:0;box-shadow:0 1px 2px #00000059}.catalog__banner-dot.is-active{background-color:#fff;width:20px}.catalog__welcome{padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-align:center;flex-shrink:0}.catalog__searchbar{padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);flex-shrink:0}.catalog__search{align-items:center;width:100%;max-width:520px;margin:0 auto;display:flex;position:relative}.catalog__search-icon{width:18px;height:18px;color:var(--color-text-light);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.catalog input.catalog__search-input{width:100%;min-height:var(--touch-target-min);background-color:var(--color-bg-secondary);border-radius:var(--radius-pill);border-color:#0000;padding:12px 48px 12px 44px}.catalog input.catalog__search-input:focus{background-color:var(--color-bg-primary)}.catalog input.catalog__search-input::-webkit-search-cancel-button{appearance:none}.catalog__search-clear{width:44px;height:44px;color:var(--color-text-secondary);transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:2px}.catalog__search-clear:hover{background-color:var(--color-bg-tertiary)}.catalog__layout{flex:1;min-height:0;display:flex}.catalog__sidebar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);width:108px;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex-shrink:0;overflow-y:auto}.catalog__sidebar::-webkit-scrollbar{display:none}.catalog__category{align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-md) var(--space-sm);color:var(--color-text-secondary);text-align:center;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-left:3px solid #0000;flex-direction:column;display:flex}@media (hover:hover){.catalog__category:hover:not(.is-active){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}}.catalog__category.is-active{background-color:var(--color-bg-primary);border-left-color:var(--color-primary);color:var(--color-primary)}.catalog__category-thumb{border-radius:var(--radius-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;display:flex;overflow:hidden}.catalog__category-thumb img{object-fit:contain;width:100%;height:100%}.catalog__category-name{font-size:11px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.catalog__products{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-width:0;padding:var(--space-lg) var(--space-md);padding-bottom:calc(104px + env(safe-area-inset-bottom));background-color:var(--color-bg-primary);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;overflow-y:auto}.catalog__grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.catalog__grid.is-stale{opacity:.45;pointer-events:none;transition:opacity var(--transition-fast)}.catalog__more{margin-top:var(--space-xl);justify-content:center;display:flex}.catalog__list-error{margin-top:var(--space-lg)}.catalog__pane-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background-color:var(--color-bg-primary);display:flex}.catalog__pane-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.catalog__pane-count{font-size:var(--font-size-small);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.catalog .state-panel--boxed{max-width:420px;margin:0 auto}.catalog__skeleton-card{gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.catalog__skeleton-media{aspect-ratio:1;border-radius:var(--radius-md);width:100%}.catalog__skeleton-title{height:calc(var(--font-size-h3) * 1.2);width:40%;max-width:180px}.catalog__skeleton-line{width:100%;height:12px}.catalog__skeleton-line--short{width:55%}.catalog__cart-bar{z-index:var(--z-sticky);padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.catalog__cart-button{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;max-width:560px;min-height:56px;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);pointer-events:auto;transition:background-color var(--transition-fast), transform var(--transition-fast);margin:0 auto;display:flex}@media (hover:hover){.catalog__cart-button:hover{background-color:var(--color-primary-dark)}}.catalog__cart-button:active{transform:scale(.99)}.catalog__cart-left{align-items:center;gap:var(--space-md);min-width:0;display:flex}.catalog__cart-icon{align-items:center;display:flex;position:relative}.catalog__cart-count{border-radius:var(--radius-pill);background-color:var(--color-bg-primary);min-width:18px;height:18px;color:var(--color-primary);font-size:11px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:absolute;top:-6px;right:-8px}.catalog__cart-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.catalog__cart-right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.catalog__cart-total{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.catalog__cart-cta{min-height:40px;padding:0 var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);background-color:#ffffff2e;align-items:center;display:inline-flex}@media (width<=380px){.catalog__sidebar{width:92px}.catalog__category-thumb{width:54px;height:54px}.catalog__products{padding-left:var(--space-sm);padding-right:var(--space-sm)}.catalog__grid{gap:var(--space-sm)}}@media (width>=768px){.catalog__sidebar{width:150px}.catalog__category{padding:var(--space-lg) var(--space-md)}.catalog__category-thumb{width:86px;height:86px}.catalog__category-name{font-size:var(--font-size-small)}.catalog__products{padding:var(--space-xl) var(--space-lg);padding-bottom:calc(120px + env(safe-area-inset-bottom))}.catalog__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (width>=1000px) and (height>=1200px){.catalog__sidebar{width:190px}.catalog__category-thumb{width:118px;height:118px}.catalog__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}@media (width>=1280px){.catalog__grid{max-width:1180px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.catalog__banner-slide{transition:none}}.payment{background-color:var(--color-bg-secondary);flex-direction:column;flex:1;min-height:100dvh;display:flex}.payment__topbar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);padding-top:calc(var(--space-sm) + env(safe-area-inset-top));background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.payment__back{align-items:center;gap:var(--space-xs);min-height:var(--touch-target-min);margin-left:calc(var(--space-sm) * -1);padding:0 var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:background-color var(--transition-fast);display:inline-flex}.payment__back:hover:not(:disabled){background-color:var(--color-bg-secondary)}.payment__back:disabled{color:var(--color-text-light)}.payment__body{gap:var(--space-lg);width:100%;max-width:var(--content-narrow);padding:var(--space-xl) var(--space-lg);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.payment__intro{gap:var(--space-xs);flex-direction:column;display:flex}.payment__title{font-size:var(--font-size-h1)}.payment__order-ref{font-size:var(--font-size-small);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.payment__amount-card{align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border);text-align:center;flex-direction:column;display:flex}.payment__amount-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary)}.payment__amount{font-size:clamp(28px,9vw,40px);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.payment__amount-note{font-size:var(--font-size-xs);color:var(--color-text-light)}.payment__actions{gap:var(--space-md);flex-direction:column;display:flex}.payment__reference{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border-strong);flex-direction:column;display:flex}.payment__reference-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary)}.payment__reference-value{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.payment__unverified{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-bg-warning);border:1px solid var(--color-warning-muted);font-size:var(--font-size-small);line-height:var(--line-height-snug);color:var(--color-warning-dark)}.payment__unavailable{gap:var(--space-md);font-size:var(--font-size-small);line-height:var(--line-height-snug);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.payment__processing{align-items:center;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border);text-align:center;flex-direction:column;display:flex}.payment__processing-label{font-size:var(--font-size-body);color:var(--color-text-primary)}.payment__processing-note{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.payment__secure{justify-content:center;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-secondary);text-align:left;max-width:42ch;margin:0 auto;display:flex}.payment__secure svg{flex-shrink:0;margin-top:2px}@media (width>=768px){.payment__amount{font-size:48px}}@keyframes qb-confirm-mark{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes qb-confirm-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirmation{min-height:100dvh;padding:var(--space-xl) var(--space-lg);padding-top:max(var(--space-xl), env(safe-area-inset-top));padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom));background-color:var(--color-bg-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.confirmation__card{width:100%;max-width:420px;padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-xl);background-color:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-md);text-align:center;animation:qb-confirm-rise var(--transition-normal) both;flex-direction:column;align-items:center;display:flex}.confirmation__mark{background-color:var(--color-bg-success);width:64px;height:64px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;animation:.32s cubic-bezier(.34,1.4,.64,1) 80ms both qb-confirm-mark;display:flex}.confirmation__title{margin-top:var(--space-lg);font-size:var(--font-size-h1);letter-spacing:var(--tracking-tight)}.confirmation__lede{margin-top:var(--space-sm);max-width:32ch;font-size:var(--font-size-small);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.confirmation__receipt{width:100%;margin-top:var(--space-xl);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);overflow:hidden}.confirmation__row{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left;display:flex}.confirmation__row+.confirmation__row{border-top:1px solid var(--color-border)}.confirmation__row dt{font-size:var(--font-size-small);color:var(--color-text-secondary)}.confirmation__ref{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.confirmation__amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.confirmation__seat{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.confirmation__next{margin:var(--space-lg) 0 var(--space-xl);max-width:34ch;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-light)}@media (width>=768px){.confirmation__card{max-width:460px;padding:var(--space-3xl) var(--space-2xl)}.confirmation__mark{width:72px;height:72px}}.not-found{min-height:100dvh;padding:var(--space-xl) var(--space-lg);padding-top:max(var(--space-xl), env(safe-area-inset-top));padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom));background-color:var(--color-bg-secondary);flex-direction:column;flex:1;display:flex}