@font-face{font-family:DFVN;src:url(/fonts/DFVN-GLD-Display-Black.woff2) format("woff2"),url(/fonts/DFVN-GLD-Display-Black.ttf) format("truetype");font-weight:900;font-display:swap}:root{--red: #CC1B1B;--red-deep: #9A1010;--red-glow: rgba(204,27,27,.25);--yellow: #FFC928;--yellow-soft: rgba(255,201,40,.15);--cream: #FFF7F0;--cream-dark: #F5EAD8;--ink: #1A0A08;--ink-soft: #5C2B1E;--ink-muted: rgba(26,10,8,.45);--white: #FFFFFF;--surface: rgba(255,247,240,.96);--border: rgba(204,27,27,.18);--shadow-sm: 0 2px 8px rgba(26,10,8,.08);--shadow-md: 0 8px 32px rgba(26,10,8,.14);--shadow-lg: 0 20px 60px rgba(26,10,8,.2);--font-display: "DFVN", "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", sans-serif;--radius: 16px;--radius-sm: 8px;--ease-bounce: cubic-bezier(.34,1.56,.64,1);--ease-smooth: cubic-bezier(.4,0,.2,1);--z-base: 1;--z-dropdown: 30;--z-sticky: 40;--z-banner: 50;--z-overlay: 100;--z-modal: 200;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);min-height:100dvh;overflow-x:hidden;overscroll-behavior:none}button,a,[role=button]{touch-action:manipulation;cursor:pointer}img{display:block;max-width:100%}input,select,textarea{font-family:var(--font-body)}.screen{display:none;min-height:100dvh;flex-direction:column}.screen.active{display:flex}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--red);background-image:url(/Pattern-g3.webp);background-size:320px auto;background-repeat:repeat;box-shadow:0 3px 20px #9a101059}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;gap:12px;max-width:1200px;margin:0 auto;width:100%}.header-brand{flex:1;min-width:0}.brand-name{font-family:var(--font-display);font-size:clamp(.88rem,3.4vw,1.5rem);font-weight:900;color:var(--yellow);letter-spacing:.05em;margin:0;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tagline{font-size:.6rem;font-weight:500;color:#fff7f0cc;letter-spacing:.06em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tagline+.brand-tagline{color:#fff7f08c;font-style:italic;margin-top:1px}.header-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-badge{display:flex;align-items:center;gap:5px;background:#fff7f01f;border:1px solid rgba(255,247,240,.25);border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:600;color:var(--cream)}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-badge.closed .status-dot{background:#f87171}.status-phone-icon{display:none}@media(max-width:767px){.status-phone-icon{display:inline;font-size:.7rem}.status-badge.has-phone{cursor:pointer}}.delivery-info{display:none;font-size:.7rem;color:#fff7f0bf;font-weight:500}.header-phone{display:none;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:var(--yellow);text-decoration:none;border:1px solid rgba(255,201,40,.4);border-radius:20px;padding:5px 10px}.tracking-btn{position:relative;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;font-size:1.3rem}.tracking-btn .badge-dot{display:none;position:absolute;top:0;right:-2px;width:8px;height:8px;background:var(--red);border-radius:50%;border:2px solid var(--cream)}.tracking-btn .badge-dot.active{display:block;animation:pulse-dot 2s infinite}.cart-btn{display:flex;align-items:center;gap:7px;background:var(--yellow);border:none;border-radius:24px;padding:10px 16px;min-height:48px;font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--ink);cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s;box-shadow:0 3px 12px #ffc92866;white-space:nowrap;flex-shrink:0}.cart-btn:hover{transform:scale(1.04);box-shadow:0 5px 18px #ffc92880}.cart-btn:active{transform:scale(.97)}.cart-icon{font-size:1rem}.cart-count{font-size:.75rem;font-weight:800}.cart-total{font-size:.75rem}@media(min-width:640px){.delivery-info,.header-phone{display:flex}.header-inner{padding:14px 24px}}@media(min-width:1024px){.header-inner{padding:16px 32px}}.cat-nav{background:var(--cream-dark);border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:none;position:sticky;top:62px;z-index:var(--z-dropdown)}.cat-nav::-webkit-scrollbar{display:none}.cat-nav-inner{display:flex;gap:0;padding:0 12px;min-width:max-content;max-width:1200px;margin:0 auto}.cat-btn{background:none;border:none;padding:14px 16px;min-height:48px;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--ink-soft);cursor:pointer;white-space:nowrap;position:relative;transition:color .2s}.cat-btn:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background:var(--red);transition:left .25s var(--ease-smooth),right .25s var(--ease-smooth)}.cat-btn.active{color:var(--red)}.cat-btn.active:after{left:8px;right:8px}.cat-btn:hover{color:var(--red)}.modal-overlay{display:none;position:fixed;inset:0;z-index:var(--z-modal);background:#1a0a08b3;backdrop-filter:blur(6px);align-items:flex-end;justify-content:center;padding:0}.modal-overlay.open{display:flex;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--white);border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:92vh;overflow-y:auto;animation:slideUp .2s var(--ease-bounce);scrollbar-width:none}.modal-sheet::-webkit-scrollbar{display:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:640px){.modal-overlay{align-items:center;padding:20px}.modal-sheet{border-radius:24px;max-height:85vh}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 0}.closed-overlay{display:none;position:fixed;inset:0;z-index:var(--z-overlay);background:#1a0a08d9;backdrop-filter:blur(8px);align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px}.closed-overlay.show{display:flex}.closed-banner{background:#fff3e0;border:1px solid #ffe0b2;border-radius:12px;padding:12px 16px;margin:0 0 12px;text-align:center;font-size:.9rem;color:#5d4037}.closed-banner-icon{margin-right:6px}.closed-box{background:var(--cream);border-radius:24px;padding:40px 32px;max-width:320px;width:90%}.closed-icon{font-size:3rem}.closed-title{font-family:var(--font-display);font-size:1.6rem;color:var(--red);margin:12px 0 6px}.closed-sub{font-size:.9rem;color:var(--ink-soft);line-height:1.6}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:10px 20px;border-radius:24px;font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-smooth),transform .2s var(--ease-smooth);z-index:var(--z-toast);white-space:nowrap;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.fade-in{animation:fadeInUp .4s var(--ease-smooth) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.empty-cart{text-align:center;padding:40px 20px;color:var(--ink-muted)}.empty-cart-icon{font-size:3rem;margin-bottom:12px}.empty-cart-text{font-size:.9rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.menu-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:20px 12px 24px}.menu-section{margin-bottom:36px}.menu-skeleton{padding:0 16px}.skeleton-section{margin-bottom:32px}.skeleton-header{width:120px;height:24px;background:#e0e0e0;border-radius:6px;margin-bottom:16px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skeleton-card{height:200px;background:#e0e0e0;border-radius:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.menu-error{text-align:center;padding:60px 20px;color:#888}.menu-error p{font-size:16px;margin-bottom:16px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border);flex-wrap:wrap}.section-header #daily-deal-badge{margin-left:auto}.section-emoji{font-size:1.4rem}.section-title{font-family:var(--font-display);font-size:1.3rem;font-weight:900;color:var(--red);letter-spacing:.04em}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}@media(max-width:639px){.item-grid{grid-template-columns:1fr;gap:10px}}.item-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .22s var(--ease-bounce),box-shadow .22s;border:1px solid rgba(204,27,27,.07);display:flex;flex-direction:column}.item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.item-card:active{transform:scale(.98)}.item-img-wrap{position:relative;padding-top:58%;overflow:hidden;background:var(--cream-dark)}.item-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-smooth)}.item-card:hover .item-img-wrap img{transform:scale(1.05)}.price-original{text-decoration:line-through;color:#999;font-size:.85em;margin-right:4px}.price-sale{color:var(--red);font-weight:700}.item-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.item-name{font-weight:700;font-size:.95rem;color:var(--ink);line-height:1.3}.item-desc{font-size:.78rem;color:var(--ink-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.item-tags{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:2;flex-wrap:wrap}.item-tag{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:3px;letter-spacing:.02em;line-height:1.4;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.item-tag-hot_deal{background:#c22e22e0;color:#fff}.item-tag-flash_sale{background:#e88212e6;color:#fff}.item-tag-best_seller{background:#ffc928eb;color:var(--ink)}.item-tag-recommended{background:#2e7d32d9;color:#fff}.item-tag-sold_out{background:#505050e0;color:#fff}.item-tag-social{background:#1a0a08b3;color:#fff}.item-card.sold-out{pointer-events:none}.item-card.sold-out .item-img-wrap img{filter:grayscale(.7) brightness(.8)}.item-card.sold-out .item-body{opacity:.5}.item-card.sold-out .add-btn{display:none}.item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}.item-price{font-family:var(--font-display);font-size:1rem;font-weight:900;color:var(--red)}.add-btn{width:48px;height:48px;border-radius:50%;background:var(--red);border:none;color:#fff;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s var(--ease-bounce),background .2s;box-shadow:0 2px 8px var(--red-glow)}.add-btn:hover{background:var(--red-deep);transform:scale(1.15)}.add-btn:active{transform:scale(.9)}.detail-img-wrap{width:100%;padding-top:55%;position:relative;overflow:hidden;background:var(--cream-dark)}.detail-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#fff7f0e6;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);backdrop-filter:blur(4px)}.detail-body{padding:20px 20px 24px}.detail-name{font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:var(--ink);line-height:1.3;margin-bottom:6px}.detail-desc{font-size:.85rem;color:var(--ink-soft);line-height:1.6;margin-bottom:18px}.variant-label{font-size:.8rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.variant-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.variant-pill{background:var(--cream);border:2px solid var(--border);border-radius:24px;padding:7px 14px;font-size:.82rem;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.variant-pill .vprice{font-size:.75rem;color:var(--ink-muted);font-weight:500}.variant-pill.selected{background:var(--red);border-color:var(--red);color:#fff}.variant-pill.selected .vprice{color:#fffc}.qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.qty-label{font-size:.8rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.qty-control{display:flex;align-items:center;gap:14px;background:var(--cream);border-radius:24px;padding:6px 14px}.qty-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s var(--ease-bounce);line-height:1}.qty-btn:hover{transform:scale(1.15)}.qty-btn:active{transform:scale(.9)}.qty-btn:disabled{background:var(--cream-dark);color:var(--ink-muted);cursor:not-allowed;transform:none}.qty-val{font-size:1rem;font-weight:700;min-width:20px;text-align:center}.add-to-cart-btn{width:100%;padding:15px;background:var(--red);border:none;border-radius:var(--radius);font-family:var(--font-display);font-size:1.05rem;font-weight:900;color:#fff;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s,background .2s;box-shadow:0 4px 18px var(--red-glow);letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:10px}.add-to-cart-btn:hover{background:var(--red-deep);transform:translateY(-2px);box-shadow:0 8px 24px var(--red-glow)}.add-to-cart-btn:active{transform:scale(.98)}@media(min-width:1024px){.cat-nav{top:68px}.menu-content{padding:28px 24px 32px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}}.cart-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(204,27,27,.08)}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item-img{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--cream-dark)}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:.88rem;font-weight:700;line-height:1.3}.cart-item-variant{font-size:.75rem;color:var(--ink-muted);margin-top:2px}.cart-item-price{font-size:.88rem;font-weight:700;color:var(--red);margin-top:4px}.cart-item-qty{display:flex;align-items:center;gap:8px;flex-shrink:0}.ciq-btn{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border);background:var(--cream);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ciq-btn:hover{background:var(--red);border-color:var(--red);color:#fff}.ciq-val{font-size:.88rem;font-weight:700;min-width:18px;text-align:center}.ship-nudge{display:none;background:var(--yellow-soft);border:1.5px dashed var(--yellow);border-radius:var(--radius-sm);padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--ink);text-align:center;margin-bottom:10px}.ship-nudge.show{display:block}#sticky-cart-bar{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:420px;background:linear-gradient(170deg,#ffe066 0%,var(--yellow) 35%,#f0b800 100%);color:var(--ink);border-radius:20px;padding:14px 20px;margin-bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:center;justify-content:space-between;cursor:pointer;z-index:var(--z-sticky);box-shadow:0 8px 32px #9a10102e,0 2px 8px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #0000000f;border:1px solid rgba(255,255,255,.3);border-bottom-color:#00000014;transition:bottom .45s var(--ease-bounce),transform .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:var(--font-body)}#sticky-cart-bar.visible{bottom:14px}#sticky-cart-bar:active{transform:translate(-50%) scale(.96);box-shadow:0 4px 16px #9a10101f,0 1px 4px #00000014,inset 0 1px #fff6}.sticky-cart-left{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;overflow:hidden;color:var(--ink)}.sticky-cart-icon{font-size:1.1rem;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.sticky-cart-count{font-weight:800;white-space:nowrap;letter-spacing:-.01em}.sticky-cart-label{font-weight:500;opacity:.45;white-space:nowrap;font-size:.78rem}.sticky-cart-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;margin-left:12px;line-height:1.15}.sticky-cart-right strong{font-family:var(--font-display);font-weight:900;font-size:1.05rem;color:var(--red);letter-spacing:-.02em;text-shadow:0 1px 0 rgba(255,255,255,.3)}.sticky-cart-original{font-weight:500;font-size:.62rem;color:var(--ink-soft);opacity:.55;text-decoration:line-through;display:block;letter-spacing:.01em}#screen-checkout{background:var(--cream)}.upsell-card{background:linear-gradient(135deg,#fff8ee,#fff);border:2px dashed var(--red);border-radius:14px;padding:12px 14px}.upsell-card .upsell-header{font-weight:700;color:var(--red);font-size:.95rem;margin-bottom:10px}.upsell-card .upsell-body{display:flex;gap:12px;align-items:center}.upsell-card .upsell-img{width:60px;height:60px;object-fit:cover;border-radius:10px;flex:0 0 auto;background:#f4efe6}.upsell-card .upsell-info{flex:1;min-width:0}.upsell-card .upsell-name{font-weight:600;font-size:.95rem;line-height:1.25;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.upsell-card .upsell-prices{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.9rem}.upsell-card .upsell-price{color:var(--red);font-weight:700}.upsell-card .upsell-original{color:#888;text-decoration:line-through;font-size:.82rem}.upsell-card .upsell-savings{background:#ffe27a;color:#5a3b00;padding:2px 7px;border-radius:6px;font-size:.72rem;font-weight:700}.upsell-card .upsell-add-btn{background:var(--red);color:#fff;border:0;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer;flex:0 0 auto;white-space:nowrap;font-size:.88rem}.upsell-card .upsell-add-btn:hover{opacity:.92}.upsell-card .upsell-add-btn:active{transform:scale(.97)}.checkout-header{background:var(--red);background-image:url(/Pattern-g3.webp);background-size:320px auto;padding:14px 16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:var(--z-dropdown);box-shadow:0 3px 20px #9a101059}.back-btn{width:36px;height:36px;border-radius:50%;background:#fff7f026;border:1px solid rgba(255,247,240,.3);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.back-btn:hover{background:#fff7f040}.checkout-title{font-family:var(--font-display);font-size:1.2rem;font-weight:900;color:var(--yellow);letter-spacing:.06em}.checkout-body{flex:1;padding:16px 14px 120px;max-width:680px;margin:0 auto;width:100%}.checkout-section{background:var(--white);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.cs-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:14px;display:flex;align-items:center;gap:8px}.cs-title:before{content:"";display:block;width:3px;height:14px;background:var(--red);border-radius:2px}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:.88rem}.totals-row.discount{color:#16a34a;font-weight:600}.totals-row.grand{font-family:var(--font-display);font-size:1.1rem;font-weight:900;color:var(--red);border-top:2px solid var(--border);margin-top:6px;padding-top:10px}.totals-label{color:var(--ink-soft)}.totals-val{font-weight:700}.form-group{margin-bottom:14px}.form-label{display:block;font-size:.78rem;font-weight:700;color:var(--ink-soft);margin-bottom:5px}.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;background:var(--cream);color:var(--ink);transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}.form-input.error{border-color:#dc2626}.form-error{font-size:.75rem;color:#dc2626;margin-top:4px;display:none}.input-wrap{position:relative}.input-wrap .form-input{padding-right:36px}.input-clear{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:transparent;padding:0;color:var(--ink-muted);font-size:.85rem;cursor:pointer;line-height:20px;text-align:center;border-radius:50%;-webkit-tap-highlight-color:transparent}.input-clear:hover,.input-clear:active{color:var(--ink-soft)}.input-wrap.has-value .input-clear,.form-error.show{display:block}.footer-links{display:flex;justify-content:center;gap:12px;margin:12px 0;flex-wrap:wrap}.footer-link-btn{color:#ccc;text-decoration:none;font-size:.85rem;padding:6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:20px;transition:all .2s}.footer-link-btn:hover{color:#fff;border-color:#ffffff80}.footer-info a[href^="tel:"]{display:inline-block;padding:8px 0;min-height:48px;line-height:32px}.site-footer{position:relative;margin-top:12px;padding:0 16px}.footer-inner{max-width:1200px;margin:0 auto;position:relative;text-align:center;padding:32px 20px 36px}.footer-inner:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1.5px;background:linear-gradient(90deg,transparent 0%,var(--cream-dark) 15%,var(--red) 40%,var(--yellow) 50%,var(--red) 60%,var(--cream-dark) 85%,transparent 100%);opacity:.6}.footer-stars{font-size:.55rem;letter-spacing:.6em;color:var(--yellow);margin-bottom:10px;opacity:.7}.footer-brand{font-size:1.05rem;font-weight:900;color:var(--red);letter-spacing:.14em;margin-bottom:6px;text-shadow:0 1px 2px rgba(154,16,16,.08)}.footer-brand .star{color:var(--yellow);font-size:.85em;vertical-align:1px}.footer-tagline{font-size:.78rem;font-weight:500;color:var(--ink-soft);line-height:1.7;letter-spacing:.02em}.footer-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0;color:var(--ink-muted);opacity:.5}.footer-divider:before,.footer-divider:after{content:"";width:32px;height:1px;background:currentColor}.footer-divider-dot{width:4px;height:4px;border-radius:50%;background:var(--yellow);opacity:.8}.footer-info{font-size:.78rem;color:var(--ink-soft);line-height:2;font-weight:500}.footer-info-row{display:block}.footer-info .icon{display:inline-block;width:1.4em;text-align:center}.footer-info a{color:var(--ink-soft);text-decoration:none;border-bottom:1px dotted rgba(92,43,30,.3);transition:color .2s,border-color .2s;padding-bottom:1px}.footer-info a:hover{color:var(--red);border-bottom-color:var(--red)}.footer-social-sep{color:var(--ink-muted);margin:0 2px;opacity:.5;font-weight:300}.footer-cta{font-size:.82rem;font-weight:700;color:var(--red);margin-top:16px}.footer-copyright{font-size:.65rem;color:var(--ink-muted);margin-top:16px;opacity:.6;letter-spacing:.03em}.footer-pitch{margin:12px 0 0;display:flex;flex-direction:column;gap:4px}.footer-pitch-item{font-size:.74rem;color:var(--ink-soft);font-weight:500;line-height:1.5}.footer-social-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.footer-social-pill{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;border-radius:24px;font-size:.78rem;min-height:44px;font-weight:600;text-decoration:none;color:#fff;transition:opacity .15s,transform .15s}.footer-social-pill:hover{opacity:.82;transform:translateY(-1px)}.footer-social-pill.sp-facebook{background:#1877f2}.footer-social-pill.sp-instagram{background:#e1306c}.footer-social-pill.sp-threads{background:#000}.footer-social-pill.sp-zalo{background:#0068ff}.footer-social-pill.sp-tiktok{background:#010101}@media(min-width:640px){.site-footer{padding:0 24px}.footer-inner{padding:36px 32px 40px}.footer-brand{font-size:1.1rem}.footer-info-row{display:inline}.footer-info-row+.footer-info-row:before{content:" \b7";color:var(--ink-muted);opacity:.5;margin:0 4px}.footer-info br{display:none}}@media(min-width:1024px){.site-footer{padding:0 32px}}.autocomplete-wrap{position:relative}.autocomplete-list{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-banner);overflow:hidden}.autocomplete-list.show{display:block}.autocomplete-item{padding:11px 14px;font-size:.85rem;cursor:pointer;border-bottom:1px solid rgba(204,27,27,.06);display:flex;flex-direction:column;gap:2px;transition:background .15s}.autocomplete-item:hover{background:var(--cream)}.autocomplete-item:last-child{border-bottom:none}.ac-addr{font-weight:600}.ac-fee{font-size:.75rem;color:var(--red);font-weight:500}.zone-info{display:none;margin-top:6px;padding:6px 10px;border-radius:6px;font-size:.82rem;font-weight:600}.zone-info.ok{display:block;background:#f1f8e9;color:#2e7d32}.zone-info.err{display:block;background:#fff3e0;color:#e65100}.checkout-submit{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(20px + env(safe-area-inset-bottom));background:var(--cream);border-top:1px solid var(--border);z-index:var(--z-sticky)}.submit-btn{width:100%;max-width:680px;margin:0 auto;display:block;padding:15px 24px;background:var(--red);border:none;border-radius:var(--radius);font-family:var(--font-display);font-size:1.05rem;font-weight:900;color:#fff;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s;box-shadow:0 4px 20px var(--red-glow);letter-spacing:.04em}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--red-glow)}.submit-btn:active{transform:scale(.98)}.coupon-badge{position:absolute;top:6px;left:6px;background:var(--red);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;z-index:2}.gift-badge{background:#16a34a}.bogo-badge{position:absolute;top:8px;left:8px;z-index:3;background:var(--red, #D94F30);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.01em;padding:3px 8px;border-radius:6px;box-shadow:0 2px 6px #d94f3059;white-space:nowrap;pointer-events:none}.coupon-tag-item.coupon-bundle{flex-direction:column;align-items:stretch;gap:6px;background:linear-gradient(180deg,#fff8f1,#fff);border:1px solid #f3c6a4;color:#7a2e14;padding:10px 12px 12px;position:relative}.coupon-tag-item.coupon-bundle .bundle-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:800;font-size:.9rem;color:var(--red, #D94F30)}.coupon-tag-item.coupon-bundle .bundle-head .bundle-code{letter-spacing:.02em}.coupon-tag-item.coupon-bundle .bundle-effects{display:flex;flex-direction:column;gap:3px;font-size:.78rem;font-weight:600;color:#3b2516}.coupon-tag-item.coupon-bundle .bundle-effect{display:flex;align-items:center;gap:6px}.coupon-tag-item.coupon-bundle .bundle-effect .bundle-icon{display:inline-flex;width:18px;justify-content:center}.coupon-tag-item.coupon-bundle.bundle-warn{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fff)}.coupon-tag-item.coupon-bundle .bundle-warn-msg{font-size:.74rem;color:#b45309;font-weight:700;margin-top:2px}.detail-bogo-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#fff4ef,#ffe4d6);border:1px solid #f3c6a4;color:#7a2e14;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:10px}.detail-bogo-note .bogo-note-text{flex:1;line-height:1.35}.detail-bogo-note .bogo-note-btn{background:var(--red, #D94F30);color:#fff;border:none;padding:6px 12px;font-size:.78rem;font-weight:700;border-radius:8px;cursor:pointer;white-space:nowrap}.detail-bogo-note .bogo-note-btn:active{transform:scale(.97)}.coupon-row{display:flex;gap:8px}.coupon-input{flex:1}.coupon-apply-btn{padding:11px 16px;background:var(--red);border:none;border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s;flex-shrink:0}.coupon-apply-btn:hover{background:var(--red-deep);transform:scale(1.03)}.coupon-msg{font-size:.78rem;margin-top:5px;display:none}.coupon-msg.success{display:block;color:#16a34a;font-weight:600}.coupon-msg.error{display:block;color:#dc2626}.coupon-tag-item{display:flex;justify-content:space-between;align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:8px 12px;margin-top:6px;font-size:.82rem;color:#16a34a;font-weight:600}.coupon-tag-item.coupon-pending{background:#fffbeb;border-color:#fcd34d;color:#b45309}.coupon-tag-remove{background:none;border:none;color:#dc2626;font-size:1rem;cursor:pointer;padding:0 4px}.picker-toggle{display:flex;align-items:center;gap:8px;padding:10px 0;margin-top:8px;cursor:pointer;user-select:none}.picker-toggle-icon{font-size:1.1rem}.picker-toggle-label{font-size:.85rem;font-weight:600;color:var(--ink);flex:1}.picker-toggle-count{background:var(--red);color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.picker-toggle-arrow{font-size:.7rem;transition:transform .2s;color:var(--ink-muted)}.picker-toggle.open .picker-toggle-arrow{transform:rotate(180deg)}.coupon-list{overflow:hidden;transition:max-height .3s ease}.coupon-list.collapsed{max-height:0!important}.coupon-card{display:flex;align-items:stretch;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:8px;position:relative;transition:opacity .2s}.coupon-card.disabled{opacity:.55}.coupon-card.applied{opacity:.7;border-color:#86efac;background:#f0fdf4}.coupon-strip{width:5px;flex-shrink:0}.coupon-strip.shipping{background:#2196f3}.coupon-strip.price{background:var(--red)}.coupon-strip.gift{background:#ff9800}.coupon-left{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 12px;min-width:60px;border-right:1.5px dashed var(--border)}.coupon-icon{font-size:1.3rem}.coupon-discount{font-family:var(--font-display);font-size:1rem;font-weight:900;color:var(--red)}.coupon-discount-sub{font-size:.6rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase}.coupon-cut{width:0}.coupon-right{flex:1;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}.coupon-name{font-size:.82rem;font-weight:700;color:var(--ink)}.coupon-desc{font-size:.72rem;color:var(--ink-muted);margin-top:2px}.coupon-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.coupon-expiry{font-size:.68rem;color:var(--ink-muted)}.coupon-timer{font-size:.72rem;color:var(--red);font-weight:700;display:flex;align-items:center;gap:3px}.coupon-timer .fire{font-size:.68rem}.coupon-card.disabled .coupon-timer{opacity:.5}.coupon-upsell{font-size:.7rem;color:var(--red);font-weight:600;display:flex;align-items:center;gap:3px;line-height:1.3}.coupon-upsell .arrow{font-size:.75rem}.coupon-use-btn{align-self:center;flex-shrink:0;margin-left:auto;padding:6px 12px;background:var(--red);color:#fff;border:none;border-radius:6px;font-family:var(--font-body);font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s;margin-right:8px}.coupon-use-btn:hover{background:var(--red-deep);transform:scale(1.05)}.coupon-use-btn:active{transform:scale(.97)}.coupon-use-btn.disabled{background:var(--cream-dark);color:#aaa;cursor:not-allowed}.coupon-use-btn.disabled:hover{transform:none}.coupon-use-btn.applied{background:#16a34a;cursor:default}.coupon-use-btn.applied:hover{transform:none}.picker-hint{font-size:.72rem;color:var(--ink-muted);text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(204,27,27,.06)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:480px){.payment-grid{grid-template-columns:repeat(4,1fr)}}.pay-tile{border:2px solid var(--border);border-radius:var(--radius);padding:14px 10px;cursor:pointer;transition:transform .2s var(--ease-bounce),border-color .2s,background .2s,opacity .2s;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center;background:var(--cream)}.pay-tile.selected{border-color:var(--red);background:#cc1b1b0d}.pay-tile.selected:after{content:"\2713";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--red);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.pay-tile.dimmed{opacity:.5;cursor:not-allowed}.pay-icon{font-size:1.5rem}.pay-logo{width:32px;height:32px;object-fit:contain}.pay-name{font-size:.75rem;font-weight:700;color:var(--ink)}.pay-soon{font-size:.65rem;color:var(--ink-muted)}.gift-ribbon{position:absolute;top:8px;right:8px;z-index:3;background:linear-gradient(135deg,#f4b93e,#e89615);color:#2a1600;font-size:.68rem;font-weight:800;letter-spacing:.01em;padding:4px 9px;border-radius:999px;box-shadow:0 2px 6px #e8961559,inset 0 1px #fff9;white-space:nowrap;pointer-events:none;animation:gift-ribbon-pulse 2.4s ease-in-out infinite}.gift-ribbon.filled{background:linear-gradient(135deg,#d4d4d4,#a3a3a3);color:#404040;box-shadow:none;animation:none;opacity:.75}@keyframes gift-ribbon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.gift-claim-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;font-size:1rem;font-weight:800;color:#fff;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#e89615,#d94f30);box-shadow:0 4px 14px #d94f304d;letter-spacing:.01em}.gift-claim-btn:active{transform:scale(.98)}.gift-claim-btn .gift-claim-prices{display:inline-flex;align-items:baseline;gap:6px;font-weight:700}.gift-claim-btn .gift-claim-prices strike{font-weight:500;opacity:.75;font-size:.82rem}.gift-picker{background:linear-gradient(135deg,#fff8ee,#fff);border:2px dashed #d4a017;border-radius:14px;padding:12px 14px;transition:border-color .3s ease}.gift-picker.state-unclaimed{border-left:3px solid #d4a017}.gift-picker.state-claimed{border-color:#22c55e;border-left:3px solid #22c55e}.gift-picker-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;font-size:.95rem;color:#5a3b00;user-select:none;-webkit-tap-highlight-color:transparent}.gift-picker.state-claimed .gift-picker-header{color:#16803c}.gift-picker-list{margin-top:10px;display:flex;flex-direction:column}.gift-picker-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f0e8d8}.gift-picker-row:last-child{border-bottom:none}.gift-picker-row img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex:0 0 auto;background:#f4efe6}.gp-info{flex:1;min-width:0}.gp-name{font-weight:600;font-size:.92rem;line-height:1.3;color:#2d2015;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-prices{display:flex;gap:6px;align-items:center;font-size:.85rem;margin-top:2px}.gp-price-old{text-decoration:line-through;color:#888}.gp-price-free{color:var(--red);font-weight:700}.gp-claim-btn{background:var(--red);color:#fff;border:0;border-radius:999px;padding:5px 14px;font-weight:600;font-size:.82rem;cursor:pointer;flex:0 0 auto;white-space:nowrap}.gp-claim-btn:active{transform:scale(.95)}.gp-claimed-label{color:#22c55e;font-weight:600;font-size:.85rem;flex:0 0 auto}.gp-swap{cursor:pointer;margin-left:auto;font-size:1.1rem;opacity:.7;-webkit-tap-highlight-color:transparent}.gp-swap:hover{opacity:1}@keyframes giftPulse{0%,to{opacity:1}50%{opacity:.7}}.gift-picker.state-unclaimed .gift-picker-header{animation:giftPulse 2s ease-in-out 3}.cart-item-free .cart-item-price{color:#22c55e!important;font-weight:700}#screen-vietqr,#screen-momo{background:var(--cream)}#momo-deeplink-btn{display:none}.qr-header{background:var(--red);background-image:url(/Pattern-g3.webp);background-size:320px auto;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 20px #9a101059}.qr-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:20px;max-width:480px;margin:0 auto;width:100%}.qr-card{background:var(--white);border-radius:20px;padding:24px;box-shadow:var(--shadow-md);width:100%;text-align:center}.qr-placeholder{width:200px;height:200px;margin:0 auto 16px;background:var(--cream-dark);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px dashed var(--border);font-size:.75rem;color:var(--ink-muted);gap:8px;position:relative;overflow:hidden}.qr-placeholder:before{display:none}.qr-icon{font-size:3rem;position:relative;z-index:1}.qr-label{position:relative;z-index:1;font-weight:600}.bank-name{font-family:var(--font-display);font-size:1rem;color:var(--red);margin-bottom:14px;letter-spacing:.06em}.bank-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(204,27,27,.08);font-size:.85rem}.bank-row:last-child{border-bottom:none}.bank-key{color:var(--ink-muted);font-weight:500}.bank-val{font-weight:700;color:var(--ink)}.bank-val.amount{color:var(--red);font-family:var(--font-display);font-size:1rem}.bank-val.ref{font-family:monospace;font-size:.85rem;letter-spacing:.05em}.save-qr-btn{width:100%;padding:13px;background:var(--yellow);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer;margin-top:16px;transition:transform .2s var(--ease-bounce)}.save-qr-btn:hover{transform:scale(1.02)}.qr-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--white);border-radius:16px;box-shadow:var(--shadow-sm);width:100%;text-align:center}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-text{font-size:.9rem;font-weight:600;color:var(--ink-soft)}.status-confirmed{display:none;color:#16a34a;font-size:1rem;font-weight:700}.qr-cancel-btn{background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 24px;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:border-color .2s,color .2s}.qr-cancel-btn:hover{border-color:var(--red);color:var(--red)}.qr-refresh-btn,.qr-open-tab-btn{background:var(--cream-dark);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;width:100%;margin-top:8px}.qr-refresh-btn:hover,.qr-open-tab-btn:hover{background:var(--border)}#coupon-banner{display:none;background:var(--yellow);color:var(--ink);text-align:center;padding:10px 16px;font-size:.82rem;font-weight:700;letter-spacing:.03em;position:relative;z-index:var(--z-banner)}#coupon-banner.visible{display:block}#coupon-banner span{font-weight:400;margin-left:4px}#welcome-banner{display:none;position:relative;z-index:var(--z-banner);background:linear-gradient(135deg,#1a0a08,#3d1508,#1a0a08);overflow:hidden}#welcome-banner.visible{display:block}#welcome-banner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(255,201,40,.03) 20px,rgba(255,201,40,.03) 21px);pointer-events:none}#welcome-banner:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(255,201,40,.08) 0%,transparent 50%);pointer-events:none}.welcome-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 40px 12px 16px;flex-wrap:wrap}.welcome-text{font-size:.82rem;font-weight:600;color:var(--cream);letter-spacing:.02em}.welcome-text .welcome-amount{color:var(--yellow);font-weight:700;font-size:.88rem}.welcome-claim{background:var(--yellow);color:var(--ink);border:none;padding:6px 16px;border-radius:20px;font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s var(--ease-smooth);box-shadow:0 2px 8px #ffc9284d;white-space:nowrap}.welcome-claim:hover{transform:scale(1.05);box-shadow:0 4px 16px #ffc92873}.welcome-claim:active{transform:scale(.97)}.welcome-dismiss{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff7f066;font-size:1rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.welcome-dismiss:hover{color:#fff7f0cc}#welcome-banner.confirmed .welcome-inner{justify-content:center;gap:6px;padding:10px 16px}#welcome-banner.confirmed .welcome-claim,#welcome-banner.confirmed .welcome-dismiss{display:none}.welcome-check{display:none;color:#4caf50;font-size:1rem}#welcome-banner.confirmed .welcome-check{display:inline}#welcome-banner.confirmed .welcome-text{color:#fff7f0e6}@keyframes welcomeFadeOut{0%{opacity:1;max-height:60px}70%{opacity:0;max-height:60px}to{opacity:0;max-height:0;padding:0}}#welcome-banner.fade-out{animation:welcomeFadeOut .6s var(--ease-smooth) forwards}#tracking-banner{display:none;position:sticky;top:0;z-index:var(--z-banner);background:linear-gradient(135deg,#1a0a08,#3d1508,#1a0a08);cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}#tracking-banner.visible{display:block}#tracking-banner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(255,201,40,.03) 20px,rgba(255,201,40,.03) 21px);pointer-events:none}.tracking-banner-inner{position:relative;display:flex;align-items:center;justify-content:center;padding:11px 16px;gap:8px}.tracking-banner-icon{font-size:1rem;line-height:1;flex-shrink:0}.tracking-banner-text{font-size:.82rem;font-weight:600;color:var(--cream);letter-spacing:.02em}.tracking-banner-text strong{color:var(--yellow);font-weight:700}.tracking-banner-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;flex-shrink:0;animation:trackingPulse 2s ease-in-out infinite}.tracking-banner-arrow{color:#fff7f066;font-size:.9rem;flex-shrink:0;transition:transform .2s var(--ease-smooth)}#tracking-banner:active .tracking-banner-arrow{transform:translate(3px)}@keyframes trackingPulse{0%,to{opacity:1}50%{opacity:.3}}#screen-tracking{background:var(--cream)}.tracking-header{background:var(--red);background-image:url(/Pattern-g3.webp);background-size:320px auto;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 20px #9a101059}.tracking-body{flex:1;padding:20px 14px 40px;max-width:520px;margin:0 auto;width:100%}.tracking-order-card{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.toc-number{font-family:monospace;font-size:1rem;font-weight:700;color:var(--red)}.toc-time{font-size:.78rem;color:var(--ink-muted)}.timeline{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px}.timeline-step{display:flex;gap:14px;align-items:flex-start;position:relative;padding-bottom:20px}.timeline-step:last-child{padding-bottom:0}.timeline-step:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border)}.timeline-step.done:not(:last-child):before{background:#16a34a}.timeline-step.active:not(:last-child):before{background:linear-gradient(to bottom,var(--red),var(--border))}.ts-icon-wrap{width:32px;height:32px;border-radius:50%;background:var(--cream-dark);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;z-index:1;position:relative}.timeline-step.done .ts-icon-wrap{background:#16a34a;border-color:#16a34a;color:#fff}.timeline-step.active .ts-icon-wrap{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 4px var(--red-glow);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--red-glow)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.ts-content{flex:1;padding-top:4px}.ts-name{font-size:.9rem;font-weight:700;color:var(--ink)}.timeline-step.pending .ts-name{color:var(--ink-muted)}.ts-sub{font-size:.75rem;color:var(--ink-muted);margin-top:2px}.cancelled-banner{background:#fff5f5;border:2px solid var(--red);border-radius:16px;padding:24px;margin:16px;text-align:center}.cancelled-icon{font-size:2.5rem;margin-bottom:8px}.cancelled-title{font-size:1.1rem;font-weight:700;color:var(--red);margin-bottom:16px}.cancelled-actions{display:flex;gap:10px;justify-content:center}.cancelled-actions .btn-primary{background:var(--red);border:2px solid var(--red);color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;box-shadow:0 4px 12px var(--red-glow)}.cancelled-actions .btn-secondary-outline{background:#fff;border:2px solid var(--red);color:var(--red);padding:10px 20px;border-radius:10px;font-weight:600;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center}.support-card{background:var(--red);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.support-label{font-size:.82rem;color:#fff7f0cc}.support-phone{font-family:var(--font-display);font-size:1rem;font-weight:900;color:var(--yellow);letter-spacing:.04em;text-decoration:none}.social-section{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px}.social-title{font-weight:700;text-align:center;margin-bottom:14px;color:var(--dark);font-size:.95rem}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;border:1.5px solid var(--border);background:var(--cream);font-size:.9rem;font-weight:600;text-decoration:none;color:var(--dark);transition:background .15s,border-color .15s}.social-btn:hover{border-color:var(--red);color:var(--red)}.social-btn.google-review{grid-column:1 / -1;border-color:#ffc928;background:#fffbeb}.social-btn.google-review:hover{background:#fff3c4;border-color:#e6b000}.tracking-hint{text-align:center;font-size:.8rem;color:var(--ink-muted);margin-bottom:12px;line-height:1.4}.home-link{display:block;width:100%;text-align:center;padding:14px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-size:.9rem;font-weight:700;color:var(--ink-soft);text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s}.home-link:hover{border-color:var(--red);color:var(--red)}#screen-order-list .order-list{padding:16px}#screen-order-list .order-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:0 1px 4px #0000000f;cursor:pointer}#screen-order-list .order-list-item:active{transform:scale(.98)}.order-list-num{font-weight:700;font-size:.95rem;color:var(--dark)}.order-list-time{font-size:.8rem;color:#999;margin-top:2px}.order-status-pill{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600}.order-status-pill.new{background:#fff3cd;color:#856404}.order-status-pill.confirmed{background:#d4edda;color:#155724}.order-status-pill.shipping{background:#cce5ff;color:#004085}.order-status-pill.completed{background:#d4edda;color:#155724}.order-status-pill.cancelled{background:#f8d7da;color:#721c24}.order-list-empty{text-align:center;padding:60px 20px;color:#999;font-size:.95rem}