:root{--os-red:var(--primary-color,#E31C1C);--os-red-deep:var(--primary-700,#B81414);--os-red-glow:rgba(15,23,42,0.3);--os-red-light:var(--primary-50,#FFF0F0);--os-red-soft:var(--primary-100,#FFE0E0);--os-orange:var(--gradient-end,var(--primary-color,#FF6B35));--os-orange-light:#FFF3ED;--os-yellow:#FFBA08;--os-green:#22C55E;--os-green-deep:#16A34A;--os-green-light:#ECFDF5;--os-green-glow:rgba(34,197,94,0.25);--os-purple:#8B5CF6;--os-purple-light:#F3F0FF;--os-blue:#3B82F6;--os-bg:#FAFAF8;--os-dark:#1a1a1a;--os-bounce:cubic-bezier(0.34,1.56,0.64,1)}.os-top-stripe{height:4px;background:linear-gradient(90deg,var(--os-red),var(--os-orange),var(--os-yellow),var(--os-green),var(--os-purple),var(--os-red));background-size:200% 100%;animation:os-stripe 6s linear infinite}@keyframes os-stripe{0%{background-position:0 0}to{background-position:200% 0}}.os-page{background:var(--os-bg);min-height:100vh;font-family:Lexend,sans-serif;color:var(--os-dark);overflow-x:hidden;position:relative}.os-page-wrap{max-width:640px;margin:0 auto;padding:0 24px 100px;position:relative;z-index:1}.os-dec{position:fixed;border-radius:50%;pointer-events:none;animation:os-decf 7s ease-in-out infinite}.os-dec1{width:10px;height:10px;background:var(--os-green);top:15%;left:5%;opacity:.07}.os-dec2{width:7px;height:7px;background:var(--os-orange);top:30%;right:4%;opacity:.09;animation-delay:1.5s}.os-dec3{width:9px;height:9px;background:var(--os-yellow);top:55%;left:3%;opacity:.07;animation-delay:3s}.os-dec4{width:6px;height:6px;background:var(--os-purple);top:75%;right:6%;opacity:.08;animation-delay:.5s}@keyframes os-decf{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(180deg)}}.os-pickup-wrap{position:relative;margin-bottom:20px}.os-pickup-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;z-index:10;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--os-red),var(--os-orange))}.os-pickup-wrap>div{border-radius:24px!important;border:1.5px solid rgba(0,0,0,.05)!important;box-shadow:0 6px 24px rgba(0,0,0,.04)!important;margin-bottom:0!important;overflow:hidden;transition:box-shadow .4s var(--os-bounce)}.os-pickup-wrap>div:hover{box-shadow:0 12px 36px rgba(0,0,0,.06)!important}.os-pickup-wrap button:last-child,.os-pickup-wrap button[class*=flex]{border-radius:50px!important;font-family:Lexend,sans-serif!important;font-size:13px!important;font-weight:600!important;box-shadow:0 4px 16px var(--os-red-glow)!important;transition:all .4s var(--os-bounce)!important}.os-confirmed-header{text-align:center;padding:48px 0 40px}.os-check-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--os-green),var(--os-green-deep));display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 6px 24px var(--os-green-glow);animation:os-iconPop .5s .2s var(--os-bounce) both}.os-check-icon svg{width:32px;height:32px;fill:white}@keyframes os-iconPop{0%{transform:scale(0)}to{transform:scale(1)}}.os-confirmed-header h1{font-family:Unbounded,sans-serif;font-weight:900;font-size:clamp(26px,4vw,36px);letter-spacing:-1.5px;margin-bottom:10px}.os-confirmed-header p{font-size:14px;font-weight:300;color:#888;line-height:1.7;max-width:420px;margin:0 auto}.os-order-id{margin-top:6px;font-size:13px;color:#999}.os-order-id a{color:var(--os-red);font-weight:600;text-decoration:none}.os-f-card{background:white;border-radius:24px;border:1.5px solid rgba(0,0,0,.05);position:relative;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.04);transition:box-shadow .4s var(--os-bounce);margin-bottom:20px}.os-f-card:hover{box-shadow:0 12px 36px rgba(0,0,0,.06)}.os-f-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;z-index:2}.os-stripe-ro:before{background:linear-gradient(90deg,var(--os-red),var(--os-orange))}.os-stripe-oy:before{background:linear-gradient(90deg,var(--os-orange),var(--os-yellow))}.os-stripe-yg:before{background:linear-gradient(90deg,var(--os-yellow),var(--os-green))}.os-stripe-gp:before{background:linear-gradient(90deg,var(--os-green),var(--os-purple))}.os-stripe-pr:before{background:linear-gradient(90deg,var(--os-purple),var(--os-red))}.os-card-pad{padding:28px}.os-card-title{gap:12px;margin-bottom:20px}.os-card-title,.os-ct-icon{display:flex;align-items:center}.os-ct-icon{width:36px;height:36px;border-radius:12px;justify-content:center;flex-shrink:0}.os-ct-icon svg{width:18px;height:18px}.os-ct-icon-red{background:var(--os-red-light)}.os-ct-icon-red svg{fill:var(--os-red);stroke:none}.os-ct-icon-green{background:var(--os-green-light)}.os-ct-icon-green svg{fill:var(--os-green);stroke:none}.os-ct-icon-purple{background:var(--os-purple-light)}.os-ct-icon-purple svg{fill:var(--os-purple);stroke:none}.os-ct-icon-orange{background:var(--os-orange-light)}.os-ct-icon-orange svg{stroke:var(--os-orange);fill:none}.os-card-title span{font-family:Unbounded,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.3px}.os-loc-name{font-size:14px;font-weight:600;margin-bottom:3px}.os-loc-addr{font-size:12px;color:#888;font-weight:300;margin-bottom:14px}.os-map-wrap{border-radius:16px;overflow:hidden;height:180px;position:relative;margin-bottom:16px;background:#eee}.os-map-wrap iframe{width:100%;height:100%;border:0}.os-directions-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,var(--os-red),var(--os-red-deep));color:white;border:none;border-radius:50px;font-family:Lexend,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .4s var(--os-bounce);box-shadow:0 4px 16px var(--os-red-glow);text-decoration:none}.os-directions-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px rgba(227,28,28,.3)}.os-directions-btn svg{width:16px;height:16px;fill:white}.os-track-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.os-track-header .os-card-title{margin-bottom:0}.os-full-page-link{font-size:11px;font-weight:600;color:var(--os-red);text-decoration:none;padding:6px 14px;border-radius:50px;background:var(--os-red-light);transition:all .3s ease;white-space:nowrap}.os-full-page-link:hover{background:var(--os-red-soft)}.os-delivery-track-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:50px;background:linear-gradient(135deg,var(--os-dark),#333);color:white;font-family:Lexend,sans-serif;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .4s var(--os-bounce);box-shadow:0 4px 16px rgba(0,0,0,.2)}.os-delivery-track-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 24px rgba(0,0,0,.25)}.os-delivery-track-btn svg{width:16px;height:16px}.os-status-row{justify-content:space-between;margin-bottom:6px}.os-connected,.os-status-row{display:flex;align-items:center}.os-connected{gap:6px;font-size:12px;font-weight:600;color:var(--os-green)}.os-connected:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--os-green);animation:os-pulse-g 2s infinite;flex-shrink:0}@keyframes os-pulse-g{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.3)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}.os-updated{font-size:11px;color:var(--os-orange);font-weight:500}.os-order-item{display:flex;align-items:flex-start;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.04)}.os-order-item:last-of-type{border-bottom:1.5px solid rgba(0,0,0,.06)}.os-oi-qty{width:28px;height:28px;border-radius:8px;background:var(--os-bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--os-dark);margin-right:14px;flex-shrink:0;border:1px solid rgba(0,0,0,.04)}.os-oi-name{flex:1;font-size:14px;font-weight:500}.os-oi-sub{font-size:12px;color:#888;font-weight:300;margin-top:2px;line-height:1.4}.os-oi-price{font-size:14px;font-weight:600;flex-shrink:0}.os-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.os-sr-l{color:#888;font-weight:300}.os-sr-v{font-weight:500}.os-sr-discount{color:var(--os-green);font-weight:600}.os-summary-divider{height:1.5px;background:rgba(0,0,0,.06);margin:4px 0}.os-total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;margin-top:6px;border-top:2px solid var(--os-dark)}.os-total-row .os-t-l{font-size:16px}.os-total-row .os-t-l,.os-total-row .os-t-v{font-family:Unbounded,sans-serif;font-weight:800}.os-total-row .os-t-v{font-size:22px;color:var(--os-red)}.os-loyalty-inner{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.os-loyalty-icon{width:36px;height:36px;border-radius:12px;background:var(--os-purple-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.os-loyalty-icon svg{width:18px;height:18px;fill:var(--os-purple)}.os-loyalty-text .os-lt-title{font-size:14px;font-weight:700;margin-bottom:2px}.os-loyalty-text .os-lt-desc{font-size:12px;color:#888;font-weight:300;line-height:1.5}.os-wallet-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.os-wallet-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:50px;font-family:Lexend,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .35s var(--os-bounce);text-decoration:none}.os-wallet-btn svg{width:16px;height:16px}.os-wallet-btn-dark{background:var(--os-dark);color:white;border:none}.os-wallet-btn-dark:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.os-wallet-btn-dark svg{fill:white}.os-wallet-btn-outline{background:white;color:var(--os-dark);border:1.5px solid rgba(0,0,0,.08)}.os-wallet-btn-outline:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06);border-color:rgba(0,0,0,.12)}.os-wallet-btn-outline svg{fill:var(--os-dark)}.os-track-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px;background:linear-gradient(135deg,var(--os-green),var(--os-green-deep));color:white;border:none;border-radius:50px;font-family:Lexend,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .4s var(--os-bounce);margin-bottom:14px;box-shadow:0 4px 20px var(--os-green-glow);text-decoration:none}.os-track-btn:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 10px 30px rgba(34,197,94,.3)}.os-track-btn svg{width:18px;height:18px;fill:white}.os-bottom-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.os-bb{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border-radius:50px;font-family:Lexend,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .4s var(--os-bounce);text-decoration:none}.os-bb svg{width:16px;height:16px}.os-bb-outline{background:white;color:var(--os-dark);border:1.5px solid rgba(0,0,0,.08)}.os-bb-outline:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.06);border-color:rgba(0,0,0,.12)}.os-bb-outline svg{fill:none;stroke:var(--os-dark);stroke-width:1.8}.os-bb-red{background:white;color:var(--os-red);border:1.5px solid rgba(227,28,28,.12);font-weight:600}.os-bb-red:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(227,28,28,.08);border-color:rgba(227,28,28,.2)}.os-bb-red svg{fill:none;stroke:var(--os-red);stroke-width:1.8}.os-tracking-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:12px}.os-tracking-placeholder p{font-size:13px;color:#666}.os-tracking-placeholder .os-spin{width:32px;height:32px;border-radius:50%;border:3px solid rgba(34,197,94,.15);border-top:3px solid var(--os-green);animation:os-spin .8s linear infinite}@keyframes os-spin{to{transform:rotate(1turn)}}.os-delivery-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;background:var(--os-green-light);color:var(--os-green);font-size:12px;font-weight:600;margin-bottom:14px}.os-loading-wrap{min-height:100vh;background:var(--os-bg);display:flex;align-items:center;justify-content:center}.os-loading-inner{text-align:center;padding:64px 24px}.os-loading-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(227,28,28,.12);border-top:3px solid var(--os-red);animation:os-spin .8s linear infinite;margin:0 auto 16px}.os-loading-inner p{font-size:14px;color:#888;font-weight:300}@media (max-width:480px){.os-page-wrap{padding:0 16px 80px}.os-confirmed-header{padding:36px 0 32px}.os-confirmed-header h1{font-size:24px}.os-card-pad{padding:22px 18px}.os-bottom-btns,.os-wallet-btns{grid-template-columns:1fr}.os-dec{display:none}}