:root{color-scheme:light dark;--color-brand: #198754;--color-brand-hover: #146c43;--color-brand-active: #0f5132;--color-brand-dark: #0b4a2c;--color-brand-accent: #b9f2c8;--color-error: #b42318;--color-error-hover: #912018;--color-text-inverse: #ffffff;--color-inverse-hover: rgba(255, 255, 255, .12);--color-brand-subtle: light-dark(#e8f3ed, #12301f);--color-brand-text: light-dark(#146c43, #4fd18b);--color-brand-text-strong: light-dark(#0f5132, #86e5ad);--color-text: light-dark(#1f2328, #e6e9ec);--color-text-muted: light-dark(#59636e, #9da7b3);--color-surface: light-dark(#ffffff, #161b22);--color-surface-hover: light-dark(#f3f5f6, #21262d);--color-background: light-dark(#f6f7f8, #0d1117);--color-border: light-dark(#dfe3e6, #30363d);--color-border-strong: light-dark(#c3c9ce, #6e7681);--color-focus: light-dark(#2f80ed, #58a6ff);--color-error-text: light-dark(#b42318, #ff8b80);--color-error-subtle: light-dark(#fdecea, #3b1714);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-weight-medium: 500;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px light-dark(rgba(16, 24, 32, .06), rgba(0, 0, 0, .4));--shadow-md: 0 4px 16px light-dark(rgba(16, 24, 32, .1), rgba(0, 0, 0, .5));--transition: .15s ease}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}input,select,textarea,button{font:inherit;color:inherit}button,select{cursor:pointer}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.button-primary,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--transition),border-color var(--transition)}.button-primary{color:var(--color-text-inverse);background-color:var(--color-brand)}.button-primary:hover{background-color:var(--color-brand-hover)}.button-primary:active{background-color:var(--color-brand-active)}.button-secondary{color:var(--color-text);background-color:var(--color-surface);border-color:var(--color-border-strong)}.button-secondary:hover{background-color:var(--color-surface-hover)}.button-secondary:active{border-color:var(--color-text-muted)}.button-danger{color:var(--color-text-inverse);background-color:var(--color-error)}.button-danger:hover{background-color:var(--color-error-hover)}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled,.button-secondary[aria-disabled=true],.button-danger[aria-disabled=true]{opacity:.55;cursor:not-allowed}.button-primary:disabled{background-color:var(--color-brand)}.button-danger:disabled,.button-danger[aria-disabled=true]{background-color:var(--color-error)}.page{margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.page-title{margin:0 0 var(--space-5);font-size:var(--font-size-2xl);line-height:1.2}.product-thumbnail{width:96px;height:96px;border-radius:var(--radius-md);object-fit:cover}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}@media(max-width:640px){.page{padding:var(--space-5) var(--space-4) var(--space-7)}.product-thumbnail{width:72px;height:72px}.page-title{font-size:var(--font-size-xl)}}.limit-text-to-2-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-primary{color:var(--color-brand-text);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer}.link-primary:hover{color:var(--color-brand-text-strong);text-decoration:underline}.link-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:0;border:none;background:none}.link-primary:disabled{opacity:.55;text-decoration:none;cursor:not-allowed}select,textarea,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password]{min-height:36px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);font-size:var(--font-size-sm)}select:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:0;border-color:var(--color-focus)}.form-field{display:grid;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-field input,.form-field select,.form-field textarea{min-height:42px;font-size:var(--font-size-md)}.form-field textarea{padding:var(--space-2);resize:vertical}.status-badge{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--color-surface-hover);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.status-badge-processing{background-color:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.status-badge-active,.status-badge-delivered{background-color:var(--color-brand-subtle);color:var(--color-brand-text-strong)}.status-badge-featured,.status-badge-shipped{background-color:var(--color-brand-accent);color:var(--color-brand-dark)}.status-badge-expired,.status-badge-cancelled{background-color:var(--color-error-subtle);color:var(--color-error-text)}.stock-note{margin-top:var(--space-2);color:var(--color-error-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stock-note-out{color:var(--color-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);line-height:1.1;white-space:nowrap}.logo-icon{flex:none;color:var(--color-brand-text)}.logo-text{display:flex;flex-direction:column}.logo-name{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.logo-tagline{font-size:.75rem;font-weight:500;letter-spacing:.02em}.logo-white{color:var(--color-text-inverse)}.logo-white .logo-icon{color:var(--color-brand-accent)}@media(max-width:640px){.logo-text{display:none}}.header-logo-link,.checkout-header-logo-link{text-decoration:none}.header{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo search nav settings";align-items:center;column-gap:var(--space-5);padding:var(--space-3) var(--space-5);background-color:var(--color-brand-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.header-logo-link{grid-area:logo;display:flex;border-radius:var(--radius-sm)}.search-form{grid-area:search;display:flex;width:100%;max-width:720px;justify-self:center}.search-bar{flex:1;min-width:0;height:42px;padding:0 var(--space-4);border:2px solid transparent;border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md)}.search-bar:focus-visible{outline:none;border-color:var(--color-brand-accent)}.search-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:42px;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:var(--color-brand-accent);color:var(--color-brand-dark);transition:filter var(--transition)}.search-button:hover{filter:brightness(.93)}.header-nav{grid-area:nav;display:flex;align-items:center;gap:var(--space-1)}.header-link{display:flex;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-decoration:none;transition:background-color var(--transition)}.header-link:hover,.header-link.active{background-color:var(--color-inverse-hover)}.header-link-icon{flex-shrink:0;width:22px;height:22px}.header-account{display:grid;text-align:left;line-height:1.25}.header-account-email{max-width:160px;overflow:hidden;font-size:var(--font-size-xs);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.cart-icon{position:relative;display:flex;margin-right:var(--space-2)}.cart-icon svg{width:26px;height:26px}.cart-badge{position:absolute;top:-8px;right:-10px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);background-color:var(--color-brand-accent);color:var(--color-brand-dark);font-size:var(--font-size-xs);line-height:20px;text-align:center}.header-settings{grid-area:settings;display:flex;align-items:center;gap:var(--space-2)}.header-switch{display:flex;padding:2px;border:1px solid var(--color-inverse-hover);border-radius:var(--radius-md)}.header-switch-option{min-width:32px;min-height:32px;padding:0 var(--space-1);border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);transition:background-color var(--transition)}.header-switch-option:hover{background-color:var(--color-inverse-hover)}.header-switch-icon{display:block;width:18px;height:18px;margin:0 auto}.header-switch-option[aria-pressed=true]{background-color:var(--color-brand-accent);color:var(--color-brand-dark)}@media(max-width:640px){.header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav nav" "search search settings";column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3)}.header-nav{flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:0}.search-form{max-width:none}.header-link{padding:0 var(--space-2);white-space:nowrap}.header-account-email{display:none}}@media(max-width:420px){.header-link-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.page-status{padding:var(--space-8) var(--space-5);text-align:center;font-size:var(--font-size-lg);overflow-wrap:anywhere}.page-status-loading{min-height:100vh}.page-status .page-title{margin-bottom:0}.page-status-detail{margin-top:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-muted)}.page-status-link{display:inline-block;margin-top:var(--space-3);font-size:var(--font-size-md)}.page-status-spinner{width:32px;height:32px;margin:0 auto var(--space-3);border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:page-status-spin .9s linear infinite}.button-spinner{display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:page-status-spin .9s linear infinite}@keyframes page-status-spin{to{transform:rotate(360deg)}}.page-status-button{margin-top:var(--space-5)}.product-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.product-actions select{flex:1 0 56px}.add-to-cart-button{flex:1 1 110px}.rating-stars{display:block;stroke-width:1.5;stroke-linejoin:round}.rating-star-empty{fill:var(--color-surface);stroke:var(--color-text-muted)}.rating-star-filled{fill:var(--color-brand);stroke:var(--color-brand-active)}.product-rating-container{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.product-rating-count{color:var(--color-text-muted);font-size:var(--font-size-sm)}.wishlist-button{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-muted);box-shadow:var(--shadow-sm);transition:color var(--transition),background-color var(--transition)}.wishlist-button:hover{color:var(--color-error-text);background-color:var(--color-surface-hover)}.wishlist-button[aria-pressed=true]{color:var(--color-error-text)}.wishlist-button[aria-pressed=true] .wishlist-button-icon{fill:currentColor}.wishlist-button[aria-busy=true]{opacity:.55}.wishlist-button-icon{width:22px;height:22px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.product-container{--card-padding: var(--space-4);position:relative;display:flex;flex-direction:column;padding:var(--card-padding);transition:box-shadow var(--transition),transform var(--transition)}.product-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-container .product-image-container{display:block;aspect-ratio:1;margin-bottom:var(--card-padding);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-hover)}.product-container .wishlist-button{top:calc(var(--card-padding) + var(--space-2));right:calc(var(--card-padding) + var(--space-2))}.product-container .product-image{display:block;width:100%;height:100%;object-fit:cover}.product-container .product-name{min-height:2.8em;margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.4}.product-container .product-link{color:inherit;text-decoration:none}.product-container .product-link:hover{color:var(--color-brand-text);text-decoration:underline}.product-container .product-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.product-container .product-actions,.product-container .product-unavailable{margin-top:auto;padding-top:var(--space-4)}.product-container .product-unavailable{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(max-width:520px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.product-container{--card-padding: var(--space-3)}}@media(prefers-reduced-motion:reduce){.product-container:hover{transform:none}}.home-page{max-width:1280px}.home-intro{margin-bottom:var(--space-5)}.home-intro .page-title{margin-bottom:var(--space-2);overflow-wrap:anywhere}.home-intro-text{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.product-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.category-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--transition),border-color var(--transition)}.category-chip:hover{background-color:var(--color-surface-hover)}.category-chip[aria-current]{border-color:var(--color-brand);background-color:var(--color-brand-subtle);color:var(--color-brand-text-strong)}.product-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}.product-toolbar-summary{display:flex;align-items:center;gap:var(--space-4)}.products-count{min-height:1.5em;margin:0;color:var(--color-text-muted)}.product-toolbar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5)}.price-filter{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.price-filter-field{display:flex;align-items:center;gap:var(--space-1)}.price-filter-field input{width:80px}.price-filter .button-secondary{min-height:36px;padding:var(--space-1) var(--space-3)}.sort-field{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium)}@media(max-width:520px){.category-chips{flex-wrap:nowrap;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4) var(--space-1);overflow-x:auto;scrollbar-width:none}.category-chip{white-space:nowrap}.product-toolbar-controls,.price-filter-field{flex:1 1 auto}.price-filter{flex-basis:100%}.price-filter-field input{flex:1;width:0;min-width:0}}.checkout-header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.checkout-header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);max-width:1100px;margin:0 auto}.checkout-header-logo-link{justify-self:start;display:flex;border-radius:var(--radius-sm)}.checkout-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);white-space:nowrap}.checkout-header-title a{text-decoration:underline}.checkout-header-secure{justify-self:end;display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:640px){.checkout-header{padding:var(--space-3) var(--space-4)}.checkout-header-title{font-size:var(--font-size-lg)}.checkout-header-secure-text{display:none}}.checkout-page{max-width:1100px}.checkout-page .checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-5);align-items:start}.checkout-page .order-summary{display:grid;gap:var(--space-4)}.checkout-page .cart-item-container,.checkout-page .payment-summary{padding:var(--space-5)}.checkout-page .payment-summary{position:sticky;top:var(--space-5)}.checkout-page .delivery-date{margin:0 0 var(--space-4);color:var(--color-brand-text);font-size:var(--font-size-lg)}.checkout-page .cart-item-details-grid{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}.checkout-page .product-name{margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.checkout-page .product-price{margin-bottom:var(--space-2);font-weight:var(--font-weight-bold)}.checkout-page .product-quantity{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm)}.checkout-page .quantity-textbox{width:56px;margin-left:var(--space-1)}.checkout-page .delivery-options{min-width:0;margin:0;padding:0;border:none}.checkout-page .delivery-options-title{margin-bottom:var(--space-2);padding:0;font-weight:var(--font-weight-bold)}.checkout-page .delivery-option{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),background-color var(--transition)}.checkout-page .delivery-option:hover{border-color:var(--color-border-strong)}.checkout-page .delivery-option:has(:checked){border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.checkout-page .delivery-option-input{margin:var(--space-1) 0 0;accent-color:var(--color-brand);cursor:pointer}.checkout-page .delivery-option-date{font-weight:var(--font-weight-medium)}.checkout-page .delivery-option-price{color:var(--color-text-muted);font-size:var(--font-size-sm)}.checkout-page .payment-summary-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg)}.checkout-page .payment-summary-row{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.checkout-page .payment-summary-money{font-variant-numeric:tabular-nums}.checkout-page .subtotal-row{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.checkout-page .total-row{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.checkout-page .discount-row{color:var(--color-brand-text);font-weight:var(--font-weight-medium)}.checkout-page .coupon-form,.checkout-page .coupon-applied{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.checkout-page .coupon-label{display:block;margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.checkout-page .coupon-row{display:flex;gap:var(--space-2)}.checkout-page .coupon-row input{flex:1;min-width:0;text-transform:uppercase}.checkout-page .coupon-error{margin-top:var(--space-2);color:var(--color-error-text)}.checkout-page .coupon-hint{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.checkout-page .coupon-applied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-brand-text-strong)}.checkout-page .place-order-button{width:100%;min-height:48px;margin-top:var(--space-4);font-size:var(--font-size-md)}.checkout-page .card-test-note{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);background-color:var(--color-brand-subtle);font-size:var(--font-size-xs)}@media(max-width:1000px){.checkout-page .checkout-grid{grid-template-columns:minmax(0,1fr)}.checkout-page .payment-summary{position:static;grid-row:1}.checkout-page .cart-item-details-grid{grid-template-columns:auto minmax(0,1fr)}.checkout-page .delivery-options{grid-column:1 / -1}}@media(max-width:640px){.checkout-page .cart-item-container,.checkout-page .payment-summary{padding:var(--space-4)}.checkout-page .cart-item-details-grid{gap:var(--space-4)}}.orders-page{max-width:900px}.orders-page .orders-grid{display:grid;gap:var(--space-5)}.orders-page .order-container{overflow:hidden}.orders-page .order-header{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-hover);font-size:var(--font-size-sm)}.orders-page .order-header-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.orders-page .order-id{min-width:0;margin-left:auto;overflow-wrap:anywhere}.orders-page .order-product{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-5);align-items:start;padding:var(--space-5)}.orders-page .order-product+.order-product{border-top:1px solid var(--color-border)}.orders-page .product-name{display:block;color:inherit;font-weight:var(--font-weight-medium);text-decoration:none}.orders-page .product-name:hover{color:var(--color-brand-text);text-decoration:underline}.orders-page .product-delivery-date{color:var(--color-brand-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.orders-page .product-delivery-cancelled{color:var(--color-text-muted)}.orders-page .product-quantity{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.orders-page .buy-again-button,.orders-page .track-package-button{min-width:150px}.orders-page .product-unavailable{display:flex;align-items:center;min-height:40px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.orders-page .buy-again-icon{width:18px;height:18px}.orders-page .order-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.orders-page .order-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2) var(--space-3)}.orders-page .order-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.orders-page .order-confirm-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(max-width:640px){.orders-page .order-footer{padding:var(--space-3) var(--space-4)}.orders-page .order-actions{justify-content:flex-start}.orders-page .order-header{padding:var(--space-3) var(--space-4)}.orders-page .order-id{flex-basis:100%;margin-left:0}.orders-page .order-product{grid-template-columns:auto minmax(0,1fr);gap:var(--space-3) var(--space-4);padding:var(--space-4)}.orders-page .track-package-button{grid-column:2;justify-self:start}}.tracking-page{max-width:760px}.tracking-page .order-tracking{padding:var(--space-6)}.tracking-page .back-to-orders-link{display:inline-block;margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.tracking-page .delivery-date{margin:0 0 var(--space-5);font-size:var(--font-size-2xl);line-height:1.2}.tracking-page .tracking-product{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.tracking-page .product-name{font-weight:var(--font-weight-medium)}.tracking-page .product-quantity{color:var(--color-text-muted);font-size:var(--font-size-sm)}.tracking-page .progress-labels-container{display:flex;justify-content:space-between;margin:0 0 var(--space-3);padding:0;list-style:none;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.tracking-page .current-status{color:var(--color-brand-text);font-weight:var(--font-weight-bold)}.tracking-page .progress-bar-container{height:12px;border-radius:var(--radius-full);background-color:var(--color-border);overflow:hidden}.tracking-page .progress-bar{height:100%;border-radius:var(--radius-full);background-color:var(--color-brand)}.tracking-page .tracking-cancelled{margin:0;color:var(--color-text-muted)}@media(max-width:640px){.tracking-page .order-tracking{padding:var(--space-5) var(--space-4)}.tracking-page .delivery-date{font-size:var(--font-size-xl)}.tracking-page .progress-labels-container{font-size:var(--font-size-sm)}}.chat-toggle{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:900;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.chat-panel{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + 48px + var(--space-3));z-index:900;display:flex;flex-direction:column;width:min(400px,calc(100vw - 2 * var(--space-4)));height:min(600px,calc(100dvh - 48px - 4 * var(--space-4)));overflow:hidden;box-shadow:var(--shadow-md)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.chat-title{margin:0;font-size:var(--font-size-md)}.chat-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius-md);background:none;color:var(--color-text);cursor:pointer}.chat-close:hover{background-color:var(--color-surface-hover)}.chat-log{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow-y:auto;overscroll-behavior:contain}.chat-turn{display:flex;flex-direction:column;gap:var(--space-2)}.chat-message{max-width:90%;margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message-assistant{align-self:flex-start;background-color:var(--color-surface-hover)}.chat-message-user{align-self:flex-end;background-color:var(--color-brand-dark);color:var(--color-text-inverse)}.chat-typing{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.chat-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chat-suggestion{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-brand-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.chat-suggestion:hover{background-color:var(--color-surface-hover)}.chat-products{display:flex;flex-direction:column;gap:var(--space-2)}.chat-products .product-container{--card-padding: var(--space-2);display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:var(--space-3);align-items:start}.chat-products .product-container:hover{box-shadow:var(--shadow-sm);transform:none}.chat-products .product-container>:not(.product-image-container){grid-column:2}.chat-products .product-image-container{grid-row:1 / span 5;margin-bottom:0}.chat-products .wishlist-button{display:none}.chat-products .product-name{min-height:0;margin-bottom:0;font-size:var(--font-size-sm)}.chat-products .product-price{font-size:var(--font-size-md)}.chat-products .product-actions{padding-top:var(--space-2)}.chat-form{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border)}.chat-input{flex:1;min-width:0;min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.toasts{position:fixed;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);z-index:1100;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);pointer-events:none}.toast-region{display:flex;flex-direction:column;align-items:inherit;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:400px;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-brand-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);pointer-events:auto;animation:toast-in .2s ease-out}.toast-error{background-color:var(--color-error)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-message{flex:1;min-width:0;overflow-wrap:anywhere}.toast-action,.toast-close{display:flex;align-items:center;flex-shrink:0;min-height:32px;border:none;border-radius:var(--radius-sm);background:none;color:inherit;transition:background-color var(--transition)}.toast-action{padding:0 var(--space-2);font-weight:var(--font-weight-bold);text-decoration:underline}.toast-close{justify-content:center;width:32px}.toast-close svg{width:18px;height:18px}.toast-action:hover,.toast-close:hover{background-color:var(--color-inverse-hover)}.toast :focus-visible{outline-color:var(--color-text-inverse)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@media(max-width:640px){.toasts{align-items:stretch}.toast{max-width:none}}#root{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1}.site-footer{padding:var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm)}.site-footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-5);max-width:1280px;margin:0 auto}.site-footer-link{color:var(--color-text);font-weight:var(--font-weight-medium)}