:root{--color-primary: #2056C4;--color-primary-light: #2E70E6;--color-primary-dark: #1C449A;--color-primary-soft: #EEF4FE;--color-accent: #E2761B;--color-accent-light: #F59324;--color-accent-dark: #C2540F;--color-accent-soft: #FEF6EC;--color-blue-700: #1C449A;--color-blue-100: #E1ECFD;--color-blue-50: #EEF4FE;--color-amber-700: #C2540F;--color-amber-100: #FCEBD6;--color-amber-50: #FEF6EC;--color-green-700: #0F7544;--color-green-50: #E0F4EA;--color-star: #F5A524;--color-bg: #F2F4F7;--color-surface: #FFFFFF;--color-card: #FFFFFF;--color-border: #E5E9F0;--color-border-light: #EDF0F5;--color-border-warm: #E5E9F0;--color-line: #E5EAF3;--color-line-2: #EEF1F7;--color-text: #16223B;--color-text-secondary: #46546F;--color-text-tertiary: #7A8AA6;--color-text-quaternary: #A7B3C7;--color-text-muted: #7A8AA6;--color-text-inverse: #FFFFFF;--color-success: #159457;--color-warning: #F59324;--color-error: #D6492B;--color-info: #2E70E6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-normal: 1.5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-header: 22px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(16,24,40,.05);--shadow-card: 0 6px 16px rgba(16,24,40,.06);--shadow-md: 0 8px 20px rgba(16,24,40,.1);--shadow-lg: 0 16px 32px rgba(16,24,40,.14);--shadow-floating: 0 8px 28px rgba(20,40,90,.16), 0 2px 6px rgba(20,40,90,.08);--shadow-round: 0 4px 12px rgba(20,40,90,.16);--header-height: 56px;--bottom-nav-height: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px);--page-padding: var(--space-4);--max-width: 480px}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column;max-width:var(--max-width);margin:0 auto;position:relative;background:var(--color-bg);box-shadow:0 0 0 1px #0000000d}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-family);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);height:44px;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-light)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:#344d9c0f}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--color-border-light)}.btn-full{width:100%}.btn-sm{height:36px;font-size:var(--font-size-sm);padding:0 var(--space-4)}.btn-lg{height:52px;font-size:var(--font-size-md);padding:0 var(--space-6)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column;min-height:0}.page{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--bottom-nav-height) + 26px + var(--safe-bottom));overflow-y:auto;overflow-x:hidden}.page-content{flex:1;padding:var(--page-padding)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.spinner-center{display:flex;justify-content:center;align-items:center;min-height:200px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-primary{background:#344d9c1a;color:var(--color-primary)}.badge-accent{background:#fb85001f;color:var(--color-accent-dark)}.badge-success{background:#10b9811a;color:var(--color-success)}.province-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--page-padding);background:#344d9c0f;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-primary)}.toast-container{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-4) + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:calc(var(--max-width) - var(--space-8));width:100%}.toast{background:var(--color-text);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideUp .2s ease}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}.toast-warning{background:var(--color-warning)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--page-padding);text-align:center}.empty-state__icon{font-size:48px;opacity:.5}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.empty-state__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.product-card{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-light);transition:box-shadow .15s ease}.product-card:active{box-shadow:var(--shadow-md)}.product-card__img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--color-border-light)}.product-card__body{padding:var(--space-2) var(--space-3) var(--space-3)}.product-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-1)}.product-card__price{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-accent)}.market-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);align-items:flex-start;text-decoration:none;color:inherit;transition:box-shadow .15s ease}.market-card:active{box-shadow:var(--shadow-md)}.market-card__img{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-border-light)}.market-card__info{flex:1;min-width:0}.market-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-card__address{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.p-4{padding:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mt-2{margin-top:var(--space-2)}.img-placeholder{background:linear-gradient(135deg,#e8ecf5,#d0d7eb);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:24px}.bottom-nav{position:fixed;bottom:calc(8px + var(--safe-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:calc(var(--max-width) - 24px);height:62px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:26px;display:flex;justify-content:space-around;align-items:center;padding:0 6px;box-shadow:0 8px 28px #14285a29,0 2px 6px #14285a14;z-index:1000}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-tertiary);font-size:11px;font-weight:var(--font-weight-medium);text-decoration:none;flex:1;height:100%;transition:color .15s ease;position:relative;border:none;background:transparent;outline:none;cursor:pointer}.bottom-nav-item svg{width:23px;height:23px;stroke-width:2;transition:transform .15s ease,stroke-width .15s ease}.bottom-nav-item--active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.bottom-nav-item--active:before{content:"";position:absolute;top:9px;width:22px;height:3px;border-radius:3px;background:var(--color-accent)}.bottom-nav-item--active svg{stroke:var(--color-primary);stroke-width:2.3}.bottom-nav-badge{position:absolute;top:6px;right:calc(50% - 18px);background:var(--color-error);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);padding:1px 5px;border-radius:var(--radius-full);min-width:16px;text-align:center;line-height:12px;border:1.5px solid var(--color-surface)}.header{position:sticky;top:0;height:var(--header-height);background:var(--color-surface);color:var(--color-text);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-light);box-shadow:0 4px 16px #1018280d;z-index:1001}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-2);min-width:48px}.header-right{justify-content:flex-end}.header-title{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-btn{background:transparent;border:none;color:var(--color-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background .15s ease}.header-btn:active{background:#16223b0f}.header-btn svg{width:24px;height:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:9999;animation:fadeIn .2s ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-body{padding:var(--space-4);max-height:70dvh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-border-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--color-primary: #2056C4;--color-primary-light: #2E70E6;--color-primary-dark: #1C449A;--color-primary-soft: #EEF4FE;--color-accent: #E2761B;--color-accent-light: #F59324;--color-accent-soft: #FEF6EC;--color-success: #159457;--color-warning: #F59324;--color-error: #D6492B;--color-blue-700: #1C449A;--color-blue-500: #2E70E6;--color-blue-100: #E1ECFD;--color-blue-50: #EEF4FE;--color-amber-700: #C2540F;--color-amber-600: #E2761B;--color-amber-100: #FCEBD6;--color-amber-50: #FEF6EC;--color-green-700: #0F7544;--color-green-600: #159457;--color-green-50: #E0F4EA;--color-rose-600: #D6492B;--color-star: #F5A524;--color-bg: #F2F4F7;--color-surface: #FFFFFF;--color-card: #FFFFFF;--color-text: #16223B;--color-text-secondary: #46546F;--color-text-tertiary: #7A8AA6;--color-text-quaternary: #A7B3C7;--color-border: #E5E9F0;--color-border-warm: #E5E9F0;--color-line: #E5EAF3;--color-line-2: #EEF1F7;--font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--fs-h1: 20px;--fs-h2: 18px;--fs-body: 16px;--fs-body-sm: 14px;--fs-price: 18px;--fs-badge: 12px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-card: 16px;--radius-lg: 18px;--radius-xl: 20px;--radius-header: 22px;--radius-full: 999px;--status-pending-text: #B06B00;--status-pending-bg: #FFF3DB;--status-preparing-text: #2056C4;--status-preparing-bg: #EEF4FE;--status-shipping-text: #0B6EAB;--status-shipping-bg: #E4F2FB;--status-delivered-text: #2F7A4E;--status-delivered-bg: #E5F3EB;--status-cancelled-text: #A12E2E;--status-cancelled-bg: #FBEAEA;--status-refunded-text: #46546F;--status-refunded-bg: #F5F6F8;--shadow-card: 0 6px 16px rgba(16, 24, 40, .06);--shadow-card-hover: 0 12px 28px rgba(16, 24, 40, .1);--shadow-sm: 0 2px 8px rgba(16, 24, 40, .05);--shadow-md: 0 8px 20px rgba(16, 24, 40, .1);--shadow-lg: 0 16px 32px rgba(16, 24, 40, .14);--shadow-floating: 0 8px 28px rgba(20, 40, 90, .16), 0 2px 6px rgba(20, 40, 90, .08);--shadow-round: 0 4px 12px rgba(20, 40, 90, .16);--nav-height: 64px;--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}body{font-family:var(--font-family);font-size:var(--fs-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-wrap:break-word;word-break:break-word}*{-webkit-overflow-scrolling:touch}.touch-target{min-width:var(--touch-min);min-height:var(--touch-min)}:root{--zaui-blue: #2056C4;--zaui-blue-dark: #1C449A;--zaui-blue-light: #2E70E6;--zaui-red: #E2761B;--zmp-primary-color: var(--color-primary, #2056C4);--zmp-primary-color-dark: var(--color-primary-dark, #1C449A);--zmp-background-color: var(--color-bg)}.zaui-page{padding-bottom:calc(var(--bottom-nav-height) + 26px + var(--safe-bottom))}.zaui-page,.sticky-header{padding-left:var(--safe-left);padding-right:var(--safe-right)}.zaui-bottom-navigation{padding-bottom:var(--safe-bottom)}.sticky-header{position:sticky;top:0;z-index:10;background:var(--color-surface);padding-top:calc(var(--safe-top) + var(--space-md));box-shadow:0 1px 0 var(--color-border)}.sticky-cta{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000f;padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + var(--safe-bottom));z-index:10}.has-sticky-cta{padding-bottom:calc(88px + var(--safe-bottom))}.tap-fx{transition:transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.tap-fx:active{transform:scale(.98);opacity:.88}.page-title{color:var(--color-primary)}.text-center{text-align:center}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.product-detail-image{width:100%;aspect-ratio:1;background:var(--color-border);overflow:hidden;position:relative}.sticky-cta.product-cta{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);bottom:0;padding:var(--space-md) var(--space-lg) calc(var(--space-md) + var(--safe-bottom))}.page-product.has-sticky-cta{padding-bottom:calc(88px + var(--safe-bottom))}.product-back-button{position:absolute;top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);z-index:2;min-height:44px;min-width:44px;display:inline-flex;align-items:center;gap:6px;padding:0 12px 0 10px;border:1px solid rgba(255,255,255,.68);border-radius:12px;background:#ffffffeb;color:var(--color-primary);box-shadow:0 6px 18px #00000029;font-family:inherit;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-back-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-back-button--inline{position:static;background:var(--color-surface);border-color:var(--color-border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.product-detail-fallback-header{padding:calc(var(--safe-top) + 12px) var(--space-lg) 0}.product-detail-image--loading .skeleton--image{height:100%;border-radius:0;aspect-ratio:auto}.product-cta__btn{flex:1;min-height:var(--touch-min)}.product-detail__related-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.product-detail-image img{width:100%;height:100%;object-fit:cover}.product-detail-image__placeholder{width:100%;height:100%;background:var(--color-border)}.product-detail-image__counter{position:absolute;right:var(--space-md);bottom:var(--space-md);background:#0000008c;color:#fff;font-size:var(--fs-badge);padding:2px var(--space-sm);border-radius:var(--radius-full);z-index:1}.product-detail__category{letter-spacing:.02em;text-transform:uppercase;margin-bottom:var(--space-xs)}.text-tertiary{color:var(--color-text-tertiary)}.product-detail__badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.product-detail__vendor-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer}.product-detail__vendor-info{flex:1;min-width:0}.product-detail__vendor-name{font-size:var(--fs-body);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-detail__vendor-rating{color:var(--color-warning)}.product-detail__vendor-chevron{color:var(--color-text-tertiary);font-size:24px;line-height:1;flex-shrink:0}.product-detail__description{line-height:1.6;color:var(--color-text);white-space:pre-wrap}.product-detail__related{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--space-sm)}.cart-vendor-group{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card)}.cart-item+.cart-item{border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.cart-footer,.checkout-footer{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000f}.checkout-section{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card)}.checkout-validation-issues{background:#e6394614;border:1px solid rgba(230,57,70,.25);border-radius:var(--radius-md)}.checkout-validation-item{padding:var(--space-xs) 0}.checkout-validation-item[style*=pointer]:active{opacity:.6}.checkout-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.checkout-confirm-dialog{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px))}.cart-error{text-align:center;padding:var(--space-xl) var(--space-lg)}.cart-error__icon{font-size:48px;margin-bottom:var(--space-md)}.cart-error__title{margin-bottom:var(--space-xs)}.cart-error__retry{margin-top:var(--space-lg)}.order-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card)}.profile-menu__item{border-bottom:1px solid var(--color-border)}.profile-menu__item:last-child{border-bottom:none}.zaui-bottom-navigation .zaui-bottom-navigation-item.active{color:var(--color-primary)}.price-tag{display:inline-flex;align-items:baseline;gap:var(--space-xs)}.price-tag__current{font-size:var(--fs-price);font-weight:var(--fw-bold);color:var(--color-accent)}.price-tag__old{font-size:var(--fs-body-sm);color:var(--color-text-secondary);text-decoration:line-through}.market-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;cursor:pointer;transition:box-shadow .2s}.market-card:active{box-shadow:var(--shadow-card-hover)}.market-card__image-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-border)}.market-card__image{width:100%;height:100%;object-fit:cover}.market-card__badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--fs-badge);font-weight:var(--fw-medium);color:#fff}.market-card__badge--open{background:var(--color-success)}.market-card__badge--closed{background:var(--color-error)}.market-card__body{padding:var(--space-md)}.market-card__name{font-size:var(--fs-h2);font-weight:var(--fw-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-xs)}.market-card__meta{font-size:var(--fs-body-sm);color:var(--color-text-secondary);line-height:1.6}.product-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;cursor:pointer;transition:box-shadow .2s}.product-card:active{box-shadow:var(--shadow-card-hover)}.product-card__image-wrapper{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-border)}.product-card__image{width:100%;height:100%;object-fit:cover}.product-card__add-btn{position:absolute;bottom:var(--space-sm);right:var(--space-sm);width:44px;height:44px;border-radius:50%;border:none;background:var(--color-accent);color:#fff;font-size:20px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #fb850066;line-height:1}.product-card__add-btn:active{transform:scale(.92)}.product-card__body{padding:var(--space-md)}.product-card__name{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-xs)}.product-card__vendor{font-size:var(--fs-body-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card--oos .product-card__image{filter:grayscale(1) opacity(.5)}.product-card__oos-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.product-card--oos .price-tag__current{text-decoration:line-through;color:var(--color-text-secondary)}.vendor-contact-bar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:-.2px;text-decoration:none;cursor:pointer;font-family:inherit;border:none}.vendor-contact-bar--primary{background:var(--color-primary);color:#fff}.vendor-contact-bar--onPrimary{background:#fff;color:var(--color-primary)}.vendor-contact-bar--empty{background:#0000000d;color:var(--color-text-secondary);cursor:default;font-weight:600}.vendor-card{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg);cursor:pointer;transition:box-shadow .2s}.vendor-card:active{box-shadow:var(--shadow-card-hover)}.vendor-card__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--color-border);flex-shrink:0}.vendor-card__info{flex:1;min-width:0}.vendor-card__name{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-card__stall{font-size:var(--fs-body-sm);color:var(--color-text-secondary)}.vendor-card__badges{display:flex;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap}.vendor-card__badge{padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--fs-badge);font-weight:var(--fw-bold);color:var(--color-text-secondary);background:var(--color-surface)}.vendor-card__badge--attp{background:#ffe4e6;color:#e11d48}.vendor-card__badge--ocop{background:#e0e7ff;color:#4338ca}.vendor-card__badge--vietgap{background:#d1fae5;color:#059669}.vendor-card__badge--organic{background:#ecfccb;color:#65a30d}.vendor-card__badge--featured{background:#fef3c7;color:#d97706}.vendor-card__rating{font-size:var(--fs-body-sm);color:var(--color-warning);white-space:nowrap;flex-shrink:0}.timeline{display:flex;flex-direction:column;gap:0;padding:var(--space-lg)}.timeline__step{display:flex;gap:var(--space-md);position:relative;padding-bottom:var(--space-xl)}.timeline__step:last-child{padding-bottom:0}.timeline__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline__dot{width:14px;height:14px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-border);z-index:1}.timeline__step--completed .timeline__dot{background:var(--color-primary);border-color:var(--color-primary)}.timeline__step--current .timeline__dot{background:#fff;border-color:var(--color-accent);box-shadow:0 0 0 4px #fb850033}.timeline__line{width:2px;flex:1;background:var(--color-border);margin-top:var(--space-xs)}.timeline__step--completed .timeline__line{background:var(--color-primary)}.timeline__content{flex:1;padding-top:0}.timeline__label{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-secondary)}.timeline__step--completed .timeline__label,.timeline__step--current .timeline__label{color:var(--color-text)}.timeline__step--current .timeline__label{font-weight:var(--fw-semibold);color:var(--color-accent)}.timeline__time{font-size:var(--fs-body-sm);color:var(--color-text-secondary);margin-top:2px}.qty-picker{display:inline-flex;align-items:center;gap:var(--space-sm)}.qty-picker__btn{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:20px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}.qty-picker__btn:active{background:var(--color-bg);border-color:var(--color-primary)}.qty-picker__btn:disabled{opacity:.35;cursor:not-allowed}.qty-picker__value{min-width:40px;text-align:center;font-size:var(--fs-body);font-weight:var(--fw-semibold)}.qty-picker__unit{font-size:var(--fs-body-sm);color:var(--color-text-secondary);margin-left:var(--space-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl) var(--space-lg);text-align:center}.empty-state__icon{font-size:56px;line-height:1;margin-bottom:20px;opacity:.5}.empty-state__title{font-size:var(--fs-h2);font-weight:var(--fw-semibold);color:var(--color-text);margin-bottom:var(--space-sm)}.empty-state__subtitle{font-size:var(--fs-body-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:260px}.empty-state__action{padding:var(--space-md) var(--space-xl);min-height:var(--touch-min);border-radius:var(--radius-sm);border:none;background:var(--color-primary);color:#fff;font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer}.empty-state__action:active{background:var(--color-primary-dark)}.search-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.search-tab{flex:1;padding:var(--space-sm) var(--space-md);min-height:var(--touch-min);border:none;background:none;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;text-align:center;-webkit-tap-highlight-color:transparent}.search-tab:active{background:#344d9c0d}.search-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--fw-semibold)}.search-tab__count{margin-left:var(--space-xs);font-size:var(--fs-badge);background:var(--color-primary);color:#fff;padding:1px 6px;border-radius:var(--radius-full)}.search-tab--active .search-tab__count{background:var(--color-primary)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.notification-badge{position:absolute;top:-6px;right:-10px;z-index:2;background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--fw-bold);min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:999px;padding:0 4px;pointer-events:none}.cart-badge{background:var(--color-accent)}.notifications-header{background:var(--color-surface);box-shadow:0 1px 0 var(--color-border)}.notifications-header__meta{display:block;margin-top:2px}.notification-list{display:grid;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-lg)}.notification-item{--notification-tone: var(--color-primary);--notification-tone-bg: var(--color-primary-soft);--notification-tone-border: rgba(52, 77, 156, .22);width:100%;min-height:var(--touch-min);display:block;padding:var(--space-md);border:1px solid var(--notification-tone-border);border-left:4px solid var(--notification-tone);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.notification-item:active{transform:scale(.99);background:var(--notification-tone-bg)}.notification-item:focus-visible{outline:3px solid rgba(52,77,156,.24);outline-offset:2px}.notification-item--unread{background:linear-gradient(90deg,var(--notification-tone-bg),var(--color-surface) 72%);border-color:var(--notification-tone);box-shadow:0 2px 10px #1a1d240f}.notification-item--read{border-left-color:var(--color-border)}.notification-item__content{min-width:0;display:grid;gap:4px}.notification-item__topline{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.notification-item__tag{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--fw-bold);line-height:1.2}.notification-item__tag{background:var(--notification-tone-bg);color:var(--notification-tone)}.notification-item__title,.notification-item__body,.notification-item__time{display:block}.notification-item__title{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);line-height:1.35;color:var(--color-text)}.notification-item--unread .notification-item__title{font-weight:var(--fw-bold)}.notification-item--unread .notification-item__body{font-weight:var(--fw-semibold);color:var(--color-text)}.notification-item__body{font-size:var(--fs-badge);line-height:1.45;color:var(--color-text-secondary)}.notification-item__time{font-size:11px;line-height:1.35;color:var(--color-text-tertiary)}.notification-item--success{--notification-tone: var(--status-delivered-text);--notification-tone-bg: var(--status-delivered-bg);--notification-tone-border: rgba(47, 122, 78, .22)}.notification-item--danger{--notification-tone: var(--status-cancelled-text);--notification-tone-bg: var(--status-cancelled-bg);--notification-tone-border: rgba(161, 46, 46, .22)}.notification-item--info{--notification-tone: var(--status-preparing-text);--notification-tone-bg: var(--status-preparing-bg);--notification-tone-border: rgba(52, 77, 156, .22)}.notification-item--ready,.notification-item--shipping{--notification-tone: var(--status-shipping-text);--notification-tone-bg: var(--status-shipping-bg);--notification-tone-border: rgba(11, 110, 171, .22)}.notification-item--pending{--notification-tone: var(--status-pending-text);--notification-tone-bg: var(--status-pending-bg);--notification-tone-border: rgba(176, 107, 0, .22)}.notification-item--vendor,.notification-item--badge{--notification-tone: #8A4A00;--notification-tone-bg: var(--color-accent-soft);--notification-tone-border: rgba(138, 74, 0, .22)}.retry-button{padding:var(--space-md) var(--space-xl);min-height:var(--touch-min);border-radius:var(--radius-sm);border:1.5px solid var(--color-primary);background:none;color:var(--color-primary);font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer}.retry-button:active{background:#344d9c0f}.load-more-button{padding:var(--space-sm) var(--space-xl);min-height:var(--touch-min);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);cursor:pointer}.load-more-button:active{background:var(--color-bg)}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton{background:var(--color-border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--text{height:14px;width:80%;margin-bottom:var(--space-sm)}.skeleton--text-sm{height:12px;width:60%}.skeleton--image{aspect-ratio:16 / 9;width:100%;border-radius:var(--radius-md)}.skeleton--circle{width:48px;height:48px;border-radius:50%}.order-detail-section{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--color-border)}.order-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:box-shadow .15s ease}.order-card:active{box-shadow:var(--shadow-card-hover)}.order-status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-weight:var(--fw-medium)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-error{color:var(--color-error)}.review-star-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.review-textarea{width:100%;min-height:80px;padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:inherit;font-size:var(--fs-body-sm);resize:vertical}.review-textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.home-screen{background:var(--color-bg)}.home-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:10px 16px 12px;display:flex;flex-direction:column;gap:8px}.home-header__scope{display:flex;align-items:center;flex:1 1 auto;min-width:0}.home-header__actions{display:flex;align-items:center;gap:8px;width:100%}.home-location-inline{display:inline-flex;align-items:center;gap:4px;padding:2px 0;border:none;background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;align-self:flex-start;max-width:100%}.home-location-inline__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.home-location-inline:active{color:var(--color-primary)}.home-location-inline__dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary, #2056C4);margin-left:2px;opacity:.6;animation:home-loc-pulse 1.2s ease-in-out infinite}@keyframes home-loc-pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.85;transform:scale(1.1)}}.home-search__input--inline{border-radius:999px;padding:8px 14px;min-height:38px;transition:flex .2s ease,padding .2s ease,background .2s ease}.home-search__input--inline.is-collapsed{flex:0 0 38px;width:38px;padding:8px;justify-content:center;cursor:pointer;background:var(--color-bg)}.home-search__input--inline.is-expanded{flex:1 1 auto;background:var(--color-bg)}.home-search__mic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.home-search__cancel{border:none;background:transparent;color:var(--color-primary);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:4px;flex-shrink:0}.home-location-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:600;border:none;cursor:pointer}.home-logo{font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--color-primary);font-family:var(--font-family)}.home-logo__accent{color:var(--color-accent)}.home-search{background:var(--color-surface);padding:14px 20px 12px}.home-search__input{display:flex;align-items:center;gap:10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:11px 14px;cursor:text}.home-search__input input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:14px;color:var(--color-text);min-width:0}.home-search__input input::placeholder{color:var(--color-text-tertiary)}.home-section-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.home-section-heading__title{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:800;color:var(--color-text);letter-spacing:-.2px}.home-section-heading__title:before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:4px;background:var(--color-accent)}.home-section-heading__action{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;color:var(--color-primary);font-weight:600;background:none;border:none;cursor:pointer}.home-featured-row{display:flex;gap:12px;overflow-x:auto;padding:0 20px 4px 0;margin-left:20px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.home-featured-row::-webkit-scrollbar{display:none}.featured-card{flex-shrink:0;width:260px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border-warm);box-shadow:var(--shadow-md);overflow:hidden;cursor:pointer;scroll-snap-align:start;display:flex;flex-direction:column}.featured-card__media{position:relative;height:140px;background:var(--color-border);background-size:cover;background-position:center}.featured-card__badge{position:absolute;top:12px;left:12px;padding:6px 11px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;box-shadow:0 4px 10px #e2761b66}.featured-card__rating{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:6px;background:#fffffff2;color:var(--color-text);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:3px}.featured-card__body{padding:14px 16px 16px}.featured-card__title{font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:-.2px;margin:0}.featured-card__desc{font-size:12.5px;color:var(--color-text-secondary);margin-top:4px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.featured-card__visitors{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--color-text-secondary)}.featured-card__cta{padding:7px 14px;border-radius:8px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;border:none;cursor:pointer;font-family:inherit}.featured-card__cta:active{background:var(--color-primary-dark)}.home-nearby-list{display:flex;flex-direction:column;gap:10px;padding:0 20px 20px}.nearby-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border-warm);box-shadow:var(--shadow-sm);cursor:pointer}.nearby-row__thumb{width:60px;height:60px;border-radius:10px;flex-shrink:0;background:var(--color-border);background-size:cover;background-position:center}.nearby-row__main{flex:1;min-width:0}.nearby-row__title{font-size:14.5px;font-weight:700;color:var(--color-text);letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-row__meta{font-size:12px;color:var(--color-text-secondary);margin-top:3px;display:flex;align-items:center;gap:6px}.nearby-row__status{display:inline-flex;align-items:center;gap:4px;font-weight:600}.nearby-row__status--open{color:var(--color-success)}.nearby-row__status--closing{color:var(--color-accent)}.nearby-row__status--closed{color:var(--color-error)}.nearby-row__status-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.nearby-row__sub{font-size:11.5px;color:var(--color-text-tertiary);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-news-banner{margin:0 20px 20px;border-radius:14px;background:var(--color-primary);padding:18px 20px;display:flex;align-items:center;gap:14px;overflow:hidden}.news-banner__main{flex:1;min-width:0}.news-banner__tag{display:inline-block;padding:3px 8px;border-radius:4px;background:var(--color-accent);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.news-banner__title{font-size:16px;color:#fff;font-weight:700;line-height:1.25;margin-top:8px;letter-spacing:-.2px}.news-banner__sub{font-size:12px;color:#fffc;margin-top:6px;line-height:1.45}.news-banner__cta{margin-top:12px;padding:8px 14px;background:#fff;color:var(--color-primary);border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.news-banner__art{width:80px;height:80px;border-radius:999px;background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:38px;flex-shrink:0}.skeleton--featured{flex-shrink:0;width:260px;height:260px;border-radius:14px}.skeleton--nearby{height:84px;border-radius:12px}.page-market-detail{background:var(--color-bg)}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-top:calc(var(--safe-top) + 14px);position:sticky;top:0;z-index:10}.detail-topbar__group{display:flex;align-items:center;gap:8px;min-width:0}.detail-topbar__group:first-child{gap:10px;flex:1;min-width:0}.detail-topbar__icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.detail-topbar__icon-btn:active{transform:scale(.97);opacity:.9}.detail-topbar__title{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.detail-topbar__search-input{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);color:var(--color-text);font-size:14px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.detail-topbar__search-input:focus{border-color:var(--color-primary)}.detail-hero{background:var(--color-surface);padding:16px 20px 0}.detail-hero__image{position:relative;border-radius:16px;overflow:hidden;height:170px;background-size:cover;background-position:center;background-color:var(--color-border)}.detail-hero__skeleton{width:100%;height:170px;border-radius:16px}.detail-hero__status{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#fff;display:flex;align-items:center;gap:5px}.detail-hero__status--open{background:var(--color-success)}.detail-hero__status--closed,.detail-hero__status--closing{background:var(--color-accent)}.detail-hero__status-dot{width:6px;height:6px;border-radius:999px;background:#fff}.detail-hero__hours{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:6px;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:600}.detail-header{background:var(--color-surface);padding:16px 20px 18px;border-bottom:1px solid var(--color-border)}.detail-header__name{font-family:var(--font-family);font-size:26px;font-weight:800;letter-spacing:-.8px;line-height:1.1;color:var(--color-text);margin:0}.detail-header__address{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:var(--color-text-secondary);margin-top:8px;line-height:1.4}.detail-header__address svg{flex-shrink:0;margin-top:1px}.detail-header__meta-row{display:flex;align-items:center;gap:10px;margin-top:10px}.detail-header__rating{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:6px;background:var(--color-accent-soft);font-size:12px;font-weight:700;color:var(--color-text)}.detail-header__meta{font-size:12px;color:var(--color-text-secondary)}.detail-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:calc(var(--safe-top) + 60px);z-index:5}.detail-tabs__row{display:flex;gap:22px;overflow-x:auto;padding:0 20px;scrollbar-width:none}.detail-tabs__row::-webkit-scrollbar{display:none}.detail-tabs__item{flex-shrink:0;padding:14px 0;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer}.detail-tabs__item--active{font-weight:700;color:var(--color-text);border-bottom-color:var(--color-primary)}.stall-list{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px}.stall-card{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border-warm);box-shadow:var(--shadow-md);overflow:hidden;cursor:pointer}.stall-card__skeleton{height:220px;border-radius:14px}.stall-card__media{position:relative;height:130px;background-size:cover;background-position:center;background-color:var(--color-border)}.stall-card__badge{position:absolute;top:10px;left:10px;padding:6px 11px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;box-shadow:0 4px 10px #e2761b66}.stall-card__rating{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:6px;background:#fffffff2;display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--color-text)}.stall-card__body{padding:12px 14px 14px}.stall-card__name{font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--color-text)}.stall-card__desc{font-size:12px;color:var(--color-text-secondary);margin-top:4px;line-height:1.45}.stall-card__specialty{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:600;color:var(--color-primary)}.stall-card__specialty-extra{color:var(--color-text-tertiary);font-weight:500}.stall-card__specialty-empty{display:inline-block;margin-top:6px;padding:2px 6px;border-radius:4px;background:var(--color-bg);color:var(--color-text-tertiary);font-size:10px;font-weight:500}.stall-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.stall-card__tag{padding:3px 8px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);font-size:10.5px;font-weight:600;color:var(--color-text-secondary)}.stall-empty{text-align:center;padding:32px 16px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:14px}.stall-empty__msg{font-size:13px;color:var(--color-text-secondary)}.stall-empty__cta{margin-top:12px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}.merchant-banner{padding:0 20px 18px}.merchant-banner__inner{border-radius:14px;background:var(--color-primary);padding:18px 20px;display:flex;align-items:center;gap:14px}.merchant-banner__icon{width:52px;height:52px;border-radius:12px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.merchant-banner__body{flex:1}.merchant-banner__title{font-size:15px;font-weight:700;letter-spacing:-.2px;color:#fff}.merchant-banner__sub{font-size:12px;color:#ffffffc7;margin-top:4px;line-height:1.4}.merchant-banner__cta{margin-top:10px;padding:7px 14px;background:#fff;color:var(--color-primary);border:none;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}.merchant-banner--expanded .merchant-banner__inner{align-items:flex-start}.merchant-banner--success .merchant-banner__inner{background:#257a52}.merchant-register-form{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.merchant-register-form__field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#ffffffe6}.merchant-register-form__field input,.merchant-register-form__field textarea{width:100%;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#ffffff1f;color:#fff;font-family:inherit;font-size:13px;line-height:1.4;outline:none}.merchant-register-form__field input{height:40px;padding:0 12px}.merchant-register-form__field textarea{min-height:76px;padding:10px 12px;resize:vertical}.merchant-register-form__field input:focus,.merchant-register-form__field textarea:focus{border-color:#ffffffb8;background:#ffffff29}.merchant-register-form__field input[readonly]{color:#ffffffd1}.merchant-register-form__field input::placeholder,.merchant-register-form__field textarea::placeholder{color:#ffffff94}.merchant-register-form__error{padding:8px 10px;border-radius:8px;background:#d6456e2e;color:#fff;font-size:12px;line-height:1.35}.merchant-register-form__actions{display:grid;grid-template-columns:.9fr 1.1fr;gap:8px}.merchant-register-form__ghost,.merchant-register-form__submit{height:40px;border-radius:9px;border:none;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.merchant-register-form__ghost{background:#ffffff24;color:#fff}.merchant-register-form__submit{background:#fff;color:var(--color-primary)}.merchant-register-form__ghost:disabled,.merchant-register-form__submit:disabled{opacity:.55;cursor:not-allowed}.detail-newsletter{padding:0 20px 24px}.detail-newsletter__title{font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--color-text)}.detail-newsletter__sub{font-size:12px;color:var(--color-text-secondary);margin-top:4px;line-height:1.4}.detail-newsletter__form{display:flex;gap:8px;margin-top:12px}.detail-newsletter__input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);font-family:inherit;font-size:13px;color:var(--color-text);outline:none}.detail-newsletter__input:focus{border-color:var(--color-primary)}.detail-newsletter__input--error{border-color:#d6456e}.detail-newsletter__button{padding:10px 18px;border-radius:10px;border:none;background:var(--color-accent);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.detail-newsletter__button:disabled{opacity:.5;cursor:not-allowed}.detail-newsletter__error{margin-top:6px;font-size:12px;color:#d6456e}.detail-error{padding:48px 20px;text-align:center}.detail-error__msg{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.category-strip{position:relative;display:flex;align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:8px 0}.category-strip__scroll{display:flex;gap:8px;overflow-x:auto;padding:0 12px;scroll-padding:12px;scrollbar-width:none;flex:1;min-width:0}.category-strip__scroll::-webkit-scrollbar{display:none}.category-strip__chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-full);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.category-strip__chip:active{transform:scale(.96)}.category-strip__chip-icon{font-size:16px;line-height:1;margin-right:6px}.category-strip__chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.category-strip__more{flex-shrink:0;width:40px;height:36px;margin:0 12px 0 6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.category-strip__more:active{transform:scale(.94)}.login-sheet__icon{color:var(--color-primary)}.login-sheet__icon--error{color:var(--color-error)}.fatal-auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.fatal-auth-modal__card{background:var(--color-surface, #ffffff);border-radius:12px;padding:24px;max-width:320px;width:100%;text-align:center;box-shadow:0 12px 32px #0000002e}.fatal-auth-modal__card h3{margin:0 0 12px;font-size:17px;color:var(--color-text)}.fatal-auth-modal__card p{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.page-categories{background:var(--color-bg);min-height:100dvh;height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom));display:flex;flex-direction:column;overflow:hidden}.categories-topbar{display:flex;align-items:center;gap:8px;padding:calc(var(--safe-top) + 10px) 12px 10px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;z-index:10;flex:0 0 auto}.categories-topbar__back{width:36px;height:36px;border:none;background:transparent;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.categories-topbar__title{flex:1;font-size:var(--fs-h2);font-weight:var(--fw-semibold);text-align:center}.categories-topbar__spacer{width:36px}.categories-search{display:flex;align-items:center;gap:8px;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:10px 12px;position:relative;z-index:9;flex:0 0 auto}.categories-search__input{flex:1;border:none;outline:none;font-size:var(--fs-body-sm);font-family:inherit;background:transparent;color:var(--color-text)}.categories-search__input::placeholder{color:var(--color-text-tertiary)}.categories-body{display:grid;grid-template-columns:35% 65%;flex:1 1 auto;min-height:0;overflow:hidden}.categories-rail{background:var(--color-bg);min-height:0;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--color-border)}.categories-rail__item{display:block;width:100%;padding:14px 10px;border:none;background:transparent;text-align:center;color:var(--color-text-secondary);font-size:13px;font-weight:var(--fw-medium);cursor:pointer;border-left:3px solid transparent;line-height:1.3}.categories-rail__item--active{background:var(--color-surface);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--fw-semibold)}.categories-rail__name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.categories-grid{background:var(--color-surface);min-height:0;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 12px;align-content:start;overflow-y:auto;overscroll-behavior:contain}.categories-grid__item{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;cursor:pointer}.categories-grid__item:active{transform:scale(.96)}.categories-grid__icon{width:48px;height:48px;border-radius:50%;background:var(--color-primary-soft);display:inline-flex;align-items:center;justify-content:center}.categories-grid__icon-badge{font-size:26px;line-height:1}.categories-grid__icon-fallback{width:24px;height:24px;border-radius:50%;background:var(--color-primary-light);opacity:.4}.categories-grid__name{font-size:12px;font-weight:var(--fw-medium);color:var(--color-text);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.categories-grid__empty{grid-column:1 / -1;padding:32px 16px;text-align:center;color:var(--color-text-secondary);font-size:var(--fs-body-sm)}.categories-empty,.categories-error{flex:1 1 auto;padding:48px 20px;text-align:center;color:var(--color-text-secondary);font-size:var(--fs-body-sm)}.categories-error .retry-button{margin-top:12px}