.swal-delivery-box{text-align:left}.swal-delivery-title{margin-bottom:8px;font-size:14px;font-weight:800}.swal-delivery-choice{align-items:center;gap:8px;padding:7px 0;font-size:14px;font-weight:700;display:flex}.swal-delivery-summary{background:#f8fafc;border-radius:12px;margin-top:10px;padding:10px}.swal-delivery-summary div{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.swal-delivery-summary strong{color:#e53935}.swal-delivery-summary p{color:#2563eb;margin:8px 0 0;font-size:12px;line-height:1.5}.app{--p:#16a34a;--p2:#15803d;--mint:#ecfdf5;--lime:#dcfce7;--accent:#f59e0b;--danger:#ef4444;--text:#163020;--muted:#6b7c70;--line:#dfe9e2;--card:#fff;--bg:#f3f8f5;min-height:100vh;color:var(--text);touch-action:manipulation;overscroll-behavior:none;background:linear-gradient(#f6fff8 0,#f3f8f5 240px,#eef5f0 100%);padding-bottom:105px}.rotate-lock{z-index:999999;text-align:center;color:#fff;background:#0d2a18;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rotate-lock>div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:26px;padding:28px 22px}.rotate-lock i{color:#4ade80;margin-bottom:12px;font-size:64px;display:block}.rotate-lock h2{margin:0 0 7px;font-size:22px}.rotate-lock p{opacity:.75;margin:0;font-size:15px}@media (width>=600px){.app{border-left:1px solid #dfe9e2;border-right:1px solid #dfe9e2;max-width:430px;margin:auto;position:relative;box-shadow:0 0 50px #16302014}}.demo-navbar{z-index:60;color:#fff;background:#12351f;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 12px;display:flex;position:sticky;top:0}.demo-navbar strong{font-size:14px}.demo-navbar span{color:#facc15;font-weight:800}.demo-navbar button{color:#fff;background:#12c7b8;border:0;border-radius:999px;padding:9px 13px;font-weight:800}.navbar{z-index:30;background:linear-gradient(180deg,var(--p),#ecfdf5f5);backdrop-filter:blur(16px);width:100%;height:117px;padding:10px 12px 12px;position:sticky;top:0}.box-nav{justify-content:space-between;align-items:center;gap:8px;width:100%;height:100%;padding:10px 11px;display:flex}.logo{background:#fff;border:1px solid #d9f4e1;border-radius:17px;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.logo img{object-fit:contain;width:90%;height:90%}.dt-shop{min-width:0;color:var(--muted);flex-direction:column;flex:1;justify-content:center;gap:8px;padding-left:3px;font-size:12px;display:flex}.dt-shop>div:first-child{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #000;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.delivery-row{align-items:flex-start;gap:5px;min-width:0;display:flex}.delivery-label{color:#d97706;white-space:nowrap;flex:none;padding-top:3px;font-size:11px;font-weight:900}.delivery-days{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.delivery-day{color:#c2410c;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;max-width:100%;padding:3px 7px;font-size:10px;font-weight:900;line-height:1.15}.bi-house{color:gold}.bi-cart3{color:var(--p2)}.box-reward{min-width:50px;height:50px;color:var(--p2);background:#fff;border:1px solid #bbf7d0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:5px 7px;text-decoration:none;display:flex}.box-reward div{align-items:center;line-height:1;display:flex}.num-point{margin-left:3px;font-size:12px;font-weight:900}.point{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;width:23px;height:23px;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.box-reward small{margin-top:3px;font-size:9px;display:block;transform:none}.cart-icon{background:#fff;border:1px solid #bbf7d0;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;position:relative}.cart-icon .fs-1{font-size:1.65rem!important}.slide-right{z-index:50;width:74%;max-width:320px;height:calc(100dvh - 150px);margin-top:8px;transition:transform .28s;position:fixed;top:112px;right:0;transform:translate(calc(100% - 34px))}.slide-right.show{transform:translate(0)}.conten-aside{align-items:stretch;width:100%;height:100%;display:flex}.aside-toggle{width:34px;height:74px;color:var(--p2);background:#fff;border:1px solid #bbf7d0;border-right:0;border-radius:18px 0 0 18px;flex:0 0 34px;justify-content:center;align-self:center;align-items:center;display:flex;box-shadow:-5px 8px 18px #1630201a}.aside-toggle .fs-1{font-size:1.5rem!important}.list-catag{background:#fffffffa;border:1px solid #dfe9e2;border-radius:20px 0 0 20px;width:calc(100% - 34px);height:100%;padding:12px;overflow-y:auto;box-shadow:-10px 14px 30px #1630201f}.section-title{z-index:2;background:linear-gradient(135deg,var(--mint),#fff);color:var(--p2);box-shadow:none;border:0;border-radius:13px;justify-content:flex-start;align-items:center;gap:7px;margin-bottom:10px;padding:11px 12px;font-size:15px;font-weight:900;display:flex;position:sticky;top:0}.section-title i{color:var(--p);margin:0}.catag-box{margin:0 0 10px;padding:0;list-style:none}.catag-box li{list-style:none}.catag-btn{width:100%;color:var(--text);text-align:left;background:#fff;border:1px solid #dce8df;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 11px;font-weight:800;display:flex}.catag-btn:active{background:var(--mint);border-color:#86efac}.group-item{margin:6px 0 0 10px}.group-btn{color:#45604c;text-align:left;background:#f7fbf8;border:0;border-left:3px solid #86efac;border-radius:0 10px 10px 0;width:100%;padding:9px 10px;font-size:13px}.group-btn:active{background:var(--mint);color:var(--p2)}.content{padding:12px 12px 22px}.banner{margin-bottom:14px}.banner-swiper{background:#fff;border:1px solid #dfe9e2;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 8px 24px #16302014}.banner-image{object-fit:cover;width:100%;height:230px;display:block}.search-bar{background:#fff;border:1px solid #dce8df;border-radius:17px;align-items:center;gap:9px;width:100%;margin:8px 0 10px;padding:5px 8px 5px 13px;scroll-margin-top:126px;display:flex;position:relative;box-shadow:0 5px 15px #1630200d}.search-bar:focus-within{border-color:#4ade80;box-shadow:0 0 0 4px #22c55e1a}.search-bar>i{color:var(--p);font-size:20px}.search-bar input{min-width:0;height:42px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:16px}.search-bar input::placeholder{color:#94a39a}.search-bar input::-webkit-search-cancel-button{display:none}.search-clear-btn{color:#65766b;background:#eef5f0;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.search-clear-btn:active{transform:scale(.92)}.search-scan-btn{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;cursor:pointer;border:0;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:0 5px 13px #16a34a33}.search-scan-btn:active{transform:scale(.92)}.scanner-modal{z-index:999999;overscroll-behavior:contain;backdrop-filter:blur(6px);background:#07190ec7;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.scanner-card{background:#fff;border:1px solid #fff3;border-radius:24px;width:100%;max-width:430px;max-height:calc(100dvh - 28px);padding:14px;overflow-y:auto;box-shadow:0 24px 60px #00000047}.scanner-head{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-bottom:10px;display:flex}.scanner-head-text{min-width:0}.scanner-head strong{color:#163020;font-size:17px;font-weight:900;display:block}.scanner-head small{color:#6b7c70;margin-top:3px;font-size:11px;font-weight:700;display:block}.scanner-close-btn{color:#dc2626;background:#fee2e2;border:0;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:17px;display:grid}.scanner-box{background:#020805;border-radius:20px;width:100%;height:min(58dvh,380px);position:relative;overflow:hidden}.scanner-camera{object-fit:cover;width:100%;height:100%;display:block}.scan-frame{pointer-events:none;border:3px solid #4ade80;border-radius:15px;width:min(78%,290px);height:132px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #00000061,0 0 25px #4ade8052}.scan-line{background:#4ade80;height:2px;animation:1.5s ease-in-out infinite alternate scanner-line;position:absolute;top:50%;left:8px;right:8px;box-shadow:0 0 10px #4ade80e6}@keyframes scanner-line{0%{transform:translateY(-48px)}to{transform:translateY(48px)}}.switch-camera-btn{z-index:10;color:#fff;background:#0000009e;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:5px;min-height:38px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:10px;right:10px}.switch-camera-btn:disabled{opacity:.45}.scanner-meta{color:#6b7c70;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:11px;font-weight:700;display:flex}.scanner-meta span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.scanner-code{color:var(--p2);background:#ecfdf5;border-radius:999px;flex:none;padding:4px 7px;font-weight:900}.scanner-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.scanner-actions button{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:46px;font-size:13px;font-weight:900;display:flex}.scanner-actions .scanner-stop-btn{color:#526057;background:#eef5f0}.scanner-actions button:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){.scan-line{animation:none}}.brand-home-section{background:#fff;border:1px solid #e7ede9;border-radius:16px;margin:8px 0 10px;padding:9px 0 4px;box-shadow:0 3px 12px #1630200b}.brand-home-head{justify-content:space-between;align-items:center;gap:10px;padding:0 12px 7px;display:flex}.brand-home-title{min-width:0;color:var(--text);align-items:center;gap:7px;font-size:.9rem;display:flex}.brand-home-title-icon{background:#f0f8f2;border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:.8rem;display:grid}.brand-view-all{color:var(--brand);background:0 0;border:0;flex:none;padding:5px 2px;font-size:.74rem;font-weight:800}.brand-home-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;align-items:center;gap:8px;padding:2px 12px 8px;display:flex;overflow-x:auto}.brand-home-row::-webkit-scrollbar{display:none}.brand-home-item{width:48px;height:48px;color:var(--text);scroll-snap-align:start;background:#fff;border:1px solid #e1e9e4;border-radius:14px;flex:none;place-items:center;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s,background-color .15s;display:grid;overflow:hidden;box-shadow:0 2px 7px #1630200b}.brand-logo-wrap,.brand-modal-logo{background:#fff;border:1px solid #e0e9e3;place-items:center;display:grid;position:relative;overflow:hidden}.brand-logo-wrap{width:100%;height:100%;box-shadow:none;border:0;border-radius:13px;margin:0}.brand-logo-wrap img,.brand-modal-logo img{object-fit:cover;z-index:2;background:#fff;width:100%;height:100%;padding:0;position:absolute;inset:0}.brand-logo-fallback,.brand-modal-logo>span{color:var(--brand);letter-spacing:-.02em;font-size:.76rem;font-weight:900}.brand-home-item:active{background:#f7fbf8;border-color:#cfddd3;transform:scale(.95)}.brand-home-skeleton{pointer-events:none;width:44px;min-width:44px;padding:0}.brand-logo-skeleton{border-radius:50%;width:32px;height:32px;margin:0}.brand-name-skeleton{display:none}.brand-modal{z-index:2400;backdrop-filter:blur(2px);background:#0a120d6b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.brand-modal-sheet{width:min(100%,560px);max-height:78dvh;overflow-y:auto}.brand-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.brand-modal-item{min-width:0;color:var(--text);text-align:center;background:0 0;border:0;padding:4px 2px;font-size:.7rem;font-weight:750}.brand-modal-logo{border-radius:16px;width:58px;height:58px;margin:0 auto 6px;box-shadow:0 3px 10px #16302012}@media (width>=480px){.brand-home-item{width:50px;height:50px}.brand-logo-wrap{width:100%;height:100%}.brand-modal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.skeleton{background:#e9efeb;border-radius:8px;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffa6 45%,#0000 100%);animation:1.15s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.home-skeleton-section{min-height:168px}.skeleton-title-icon{border-radius:8px;width:24px;height:24px}.skeleton-title-line{width:110px;height:14px}.home-skeleton-row{grid-auto-columns:minmax(96px,31%);grid-auto-flow:column;gap:8px;display:grid;overflow:hidden}.home-skeleton-card{background:#fff;border:1px solid #e5ece7;border-radius:14px;min-width:0;padding:8px}.skeleton-image{aspect-ratio:1;border-radius:10px;width:100%}.skeleton-line{height:10px;margin-top:8px}.skeleton-line-wide{width:92%}.skeleton-line-medium{width:70%}.skeleton-line-short{width:48%}.catalog-skeleton-card{pointer-events:none}.catalog-skeleton-image{border-radius:10px;width:100%;height:100%;min-height:110px}.catalog-skeleton-button{border-radius:10px;height:34px;margin:0 10px 10px}.load-more-skeleton{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:8px 0 4px;display:grid}.load-more-skeleton-card{border-radius:999px;height:8px}.home-lazy-trigger{pointer-events:none;visibility:hidden;width:100%;height:1px;margin:0;padding:0}.home-swiper-section{min-width:0;margin:14px 0 16px}.home-swiper-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.home-swiper-title-btn{background:var(--mint);min-height:38px;color:var(--p2);cursor:pointer;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.home-swiper-title-btn:active{background:#dcfce7;transform:scale(.97)}.home-swiper-title-icon{font-size:16px}.home-swiper-title strong{font-size:14px;font-weight:900}.home-swiper-title-btn i{margin-left:2px;font-size:11px}.home-product-swiper{width:100%;min-width:0;padding:1px 1px 8px}.home-product-swiper .swiper-slide{height:auto}.home-swiper-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;min-width:0;height:100%;padding:7px;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 4px 14px #1630200f}.home-swiper-card:active{transform:scale(.98)}.home-swiper-view-all{width:100%;height:100%;min-height:165px;color:var(--p2);cursor:pointer;background:linear-gradient(145deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 7px;display:flex;box-shadow:0 6px 18px #16302012}.home-swiper-view-all:active{background:#ecfdf5;transform:scale(.98)}.view-all-icon{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:5px;font-size:18px;display:grid;box-shadow:0 6px 14px #16a34a33}.home-swiper-view-all strong{font-size:12px;font-weight:900}.home-swiper-view-all small{color:var(--muted);font-size:9px;font-weight:700}.home-swiper-card img{aspect-ratio:1;object-fit:contain;background:linear-gradient(#fff,#f7fbf8);border:1px solid #edf3ef;border-radius:11px;width:100%;padding:4px;display:block}.home-swiper-name{-webkit-line-clamp:2;color:#24352a;-webkit-box-orient:vertical;height:31px;margin:6px 1px 4px;font-size:10.5px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.home-swiper-price{color:var(--p2);white-space:nowrap;margin:0 1px;font-size:12.5px;font-weight:900}.home-swiper-price span{color:var(--muted);font-size:8.5px;font-weight:600}.quick-add-card{padding-bottom:34px;position:relative}.catalog-quick-card{padding-bottom:48px;position:relative}.catalog-quick-add{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:33px;font-size:11px;font-weight:900;display:flex;position:absolute;bottom:9px;left:10px;right:10px;box-shadow:0 5px 12px #16a34a2e}.catalog-quick-add:active{transform:scale(.98)}.latest-order-card{padding-bottom:34px;position:relative}.recommendation-section{position:relative}.recommendation-title{cursor:default}.recommendation-title small{color:#94a3b8;margin-left:auto;font-size:9px;font-weight:650}.recommendation-card{background:radial-gradient(circle at 100% 0,#dcfce7bf,#0000 34%),#fff;border:1px solid #22c55e1f;position:relative;overflow:hidden}.recommend-badge{z-index:2;color:#16a34a;background:#fffffff0;border-radius:9px;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 4px 10px #0f172a1a}.recommend-badge i{font-size:13px}.recommend-reason{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:24px;margin-top:3px;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.frequent-order-info{font-size:10px;line-height:1.25}.frequent-last-qty{color:#64748b;margin-top:3px;font-size:10px;line-height:1.2}.latest-order-info{color:#7c5b12;white-space:nowrap;text-overflow:ellipsis;margin:0 1px 4px;font-size:9px;font-weight:800;line-height:1.25;overflow:hidden}.latest-quick-add{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;display:grid;position:absolute;bottom:6px;right:7px;box-shadow:0 4px 11px #16a34a38}.latest-quick-add:active{transform:scale(.92)}.latest-quick-add:disabled{opacity:.58;cursor:wait}.active-announcement{z-index:29;color:var(--p2);backdrop-filter:blur(12px);background:#f0fdf4f2;border:1px solid #bbf7d0;border-radius:12px;justify-content:flex-start;align-items:center;gap:6px;margin:2px 0 10px;padding:8px 13px;font-size:14px;font-weight:900;display:flex;position:sticky;top:117px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:4px;display:grid}.card{background:#fff;border:1px solid #dfe9e2;border-radius:18px;transition:all .16s;overflow:hidden;box-shadow:0 5px 17px #1630200f}.card:active{transform:scale(.985)}.img-box{aspect-ratio:1;background:linear-gradient(#fff,#f7fbf8);border-bottom:1px solid #edf3ef;width:100%}.img-box img{object-fit:contain;width:100%;height:100%;padding:9px}.card-body{padding:9px 10px 11px}.pro-name{color:#24352a;text-align:start;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;margin:0 0 5px;font-size:13px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.main-price{color:var(--p2);margin:0 0 5px;font-size:19px;font-weight:900}.main-price span{color:#718077;font-size:11px;font-weight:600}.unit-list{flex-direction:column;gap:5px;display:flex}.unit-row{border-top:1px dashed #dce8df;grid-template-columns:minmax(58px,.9fr) minmax(0,1.1fr);gap:5px;padding-top:6px;display:grid}.unit-name{color:#2563eb;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.unit-price{color:var(--p2);font-size:12px;font-weight:900}.unit-info{color:#718077;font-size:10px}.unit-avg{color:#d97706;font-size:10px;font-weight:800}.load-more-trigger{width:100%;height:10px}.loading,.end{text-align:center;color:#718077;padding:18px 8px 8px;font-size:13px;font-weight:700}.bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #dfe9e2;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:2px;height:72px;padding:5px 6px;display:grid;position:fixed;box-shadow:0 14px 32px #16302024}.bottom-nav-item{color:#65766b;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:58px;padding:4px 2px;text-decoration:none;display:flex}.bottom-nav-item i{font-size:20px;line-height:1}.bottom-nav-item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;font-weight:800;line-height:1.1;overflow:hidden}.bottom-nav-item:active{background:var(--mint);color:var(--p2);transform:scale(.94)}.center-btn{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:0;border-radius:16px;width:auto;height:58px;margin:0;box-shadow:0 7px 16px #16a34a38}.center-btn i{font-size:21px}.center-btn span{color:#fff}@media (width>=600px){.bottom-nav{width:406px;left:50%;right:auto;transform:translate(-50%)}.slide-right{width:318px;right:calc(50vw - 215px)}}.auth-page{background:radial-gradient(circle at top,#22c55e29,#0000 330px),#f3f8f5;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card,.register-card,.profile-card{background:#fff;border:1px solid #dfe9e2;box-shadow:0 20px 45px #1630201a}.auth-card{text-align:center;border-radius:24px;width:100%;max-width:360px;padding:26px 22px}.auth-card h3{margin:14px 0 6px}.auth-card p{color:var(--danger);font-weight:800}.loader{border:4px solid #dcfce7;border-top-color:var(--p);border-radius:50%;width:44px;height:44px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading-page{background:radial-gradient(circle at 50% 12%,#ffffff57,#0000 190px),radial-gradient(circle at 12% 88%,#4ade803d,#0000 210px),linear-gradient(160deg,#0f8d45 0%,#16a34a 42%,#dff8e7 100%);padding:24px;overflow:hidden}.auth-loading-card{backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #ffffffb8;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:min(88vw,340px);min-height:360px;padding:38px 24px 30px;display:flex;position:relative;box-shadow:0 26px 65px #07451f38,inset 0 1px #fffffff2}.auth-loading-card:before{content:"";background:linear-gradient(90deg,#22c55e,#15803d);border-radius:0 0 999px 999px;width:116px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.auth-logo-loader{place-items:center;width:150px;height:150px;margin-bottom:24px;display:grid;position:relative}.auth-logo-box{z-index:2;border-radius:30px;place-items:center;width:112px;height:112px;display:grid;position:relative;overflow:hidden}.auth-logo{object-fit:contain;width:88%;height:88%;display:block}.auth-logo-loader .loader{border:4px solid #16a34a;border-color:#16a34a #4ade80 #16a34a1f #16a34a1f;border-radius:50%;width:150px;height:150px;margin:0;animation:1.05s linear infinite auth-spin;position:absolute;inset:0}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading-content{text-align:center;width:100%}.auth-loading-content h3{color:#163020;letter-spacing:-.2px;margin:0;font-size:21px;font-weight:900}.auth-loading-content p{color:#718077;margin:7px 0 0;font-size:12px;font-weight:600}.auth-loading-dots{justify-content:center;align-items:center;gap:6px;height:20px;margin-top:16px;display:flex}.auth-loading-dots span{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:1.15s ease-in-out infinite auth-dot}.auth-loading-dots span:nth-child(2){animation-delay:.14s}.auth-loading-dots span:nth-child(3){animation-delay:.28s}@keyframes auth-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@media (width<=360px){.auth-loading-card{border-radius:26px;min-height:330px;padding:30px 20px 25px}.auth-logo-loader{width:136px;height:136px;margin-bottom:20px}.auth-logo-loader .loader{width:136px;height:136px}.auth-logo-box{border-radius:27px;width:102px;height:102px}.auth-loading-content h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.auth-logo-loader .loader,.auth-loading-dots span{animation:none}}.register-page,.profile-modal{z-index:99999;backdrop-filter:blur(5px);background:#09261485;position:fixed;inset:0}.register-page{place-items:center;padding:18px;display:grid}.register-card{border-radius:24px;width:100%;max-width:390px;padding:20px}.register-card h3{text-align:center;margin:0 0 18px}.register-card label{color:#526057;margin-bottom:12px;font-size:13px;font-weight:800;display:block}.register-card input,.register-card textarea{background:#f8fbf9;border:1px solid #cfdcd2;border-radius:13px;outline:0;width:100%;margin-top:6px;padding:12px 13px;font-size:16px}.register-card input:focus,.register-card textarea:focus{background:#fff;border-color:#4ade80;box-shadow:0 0 0 4px #22c55e17}.register-card textarea{min-height:90px}.register-card button{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:0;border-radius:14px;width:100%;height:48px;font-size:16px;font-weight:900}.register-card button:disabled{opacity:.6}.status-card{text-align:center}.status-card p{color:var(--p2);font-weight:900}.profile-modal{overscroll-behavior:contain;justify-content:center;align-items:center;padding:20px;display:flex}.profile-card{border-radius:24px;flex-direction:column;width:100%;max-width:420px;max-height:calc(100dvh - 40px);display:flex;overflow:hidden}.profile-head{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;flex:none;justify-content:space-between;align-items:center;padding:16px 64px 16px 19px;display:flex;position:relative}.profile-head h3{margin:0;font-size:18px}.profile-close-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:grid;position:absolute;top:9px;right:10px}.profile-close-btn:active{background:#ffffff47;transform:scale(.92)}.profile-body{overscroll-behavior:contain;min-height:0;padding:18px 20px 20px;overflow-y:auto}.profile-close-action{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;min-height:46px;margin-top:6px;font-size:15px;font-weight:900}.profile-close-action:active{transform:scale(.98)}.profile-row{border-bottom:1px solid #edf3ef;margin-bottom:14px;padding-bottom:12px}.profile-row:last-child{border-bottom:0;margin-bottom:0}.profile-row label{color:#92a096;margin-bottom:4px;font-size:11px;display:block}.profile-row div{color:#24352a;font-size:15px;font-weight:700}.promotion-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.promotion-card{background:#fff;border:1px solid #bbf7d0;border-radius:20px;overflow:hidden;box-shadow:0 8px 22px #16302014}.promotion-card img{object-fit:cover;width:100%;display:block}.promotion-info{padding:13px 14px}.promotion-info h4{color:var(--p2);margin:0 0 6px;font-size:17px}.promotion-info p{color:#526057;margin:0;font-size:14px}.promotion-info small{color:#d97706;background:#fff7ed;border-radius:999px;margin-top:9px;padding:4px 8px;font-weight:800;display:inline-flex}@media (width<=360px){.navbar{height:112px;padding-left:8px;padding-right:8px}.box-nav{gap:5px;padding:8px 7px}.logo{flex-basis:50px;width:50px;height:50px}.dt-shop{gap:6px}.dt-shop>div:first-child{font-size:12px}.delivery-label{font-size:9.5px}.delivery-day{padding:3px 5px;font-size:9px}.box-reward{min-width:45px;height:46px;padding-left:5px;padding-right:5px}.cart-icon{width:44px;height:44px}.products{gap:8px}.content{padding-left:9px;padding-right:9px}}.pending-ok-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#2563eb;border:none;border-radius:14px;width:100%;min-height:46px;margin-top:0;margin-bottom:18px;font-size:16px;font-weight:800}.pending-ok-btn:active{transform:scale(.98)}.register-page{-webkit-overflow-scrolling:touch;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));overflow-y:auto}.register-card{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 36px);overflow-y:auto}@supports not (height:100dvh){.register-card{max-height:calc(100vh - 36px)}}.pending-ok-btn{flex-shrink:0;margin-bottom:2px}.pending-page{padding-top:max(52px, env(safe-area-inset-top));place-items:start center}.pending-card{margin:0 auto}.pending-card h3{margin-bottom:14px}.pending-card p{margin-top:0}.card.catalog-quick-card{content-visibility:auto;contain-intrinsic-size:330px;contain:layout paint style}@media (prefers-reduced-motion:reduce){.card,.home-swiper-card{transition:none!important}}.select-page{--p:#16a34a;--p2:#15803d;--mint:#ecfdf5;--lime:#dcfce7;--accent:#f59e0b;--danger:#ef4444;--text:#163020;--muted:#6b7c70;--line:#dfe9e2;--card:#fff;--bg:#f3f8f5;z-index:100;width:100%;height:100dvh;padding:12px 12px calc(155px + env(safe-area-inset-bottom));color:var(--text);-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 100% 0,#22c55e1a,#0000 300px),linear-gradient(#f6fff8 0,#f3f8f5 240px,#eef5f0 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden auto}.top-bar{z-index:30;backdrop-filter:blur(14px);background:#f6fff8e6;justify-content:space-between;align-items:center;margin:-2px -2px 12px;padding:6px 2px 8px;display:flex;position:sticky;top:0}.back-btn{border:1px solid var(--line);height:46px;color:var(--p2);background:#fffffff5;border-radius:15px;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 5px 15px #16302012}.back-btn i{font-size:18px}.cart-icon{background:var(--mint);width:46px;height:46px;color:var(--p2);cursor:pointer;border:1px solid #bbf7d0;border-radius:15px;place-items:center;display:grid;position:relative;box-shadow:0 5px 15px #16302012}.cart-icon .fs-3{font-size:1.45rem!important}.cart-icon:active{transform:scale(.95)}.cart-badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;font-weight:900;display:flex;position:absolute;top:-6px;right:-6px}.product-hero{background:radial-gradient(circle at 50% 35%,#fffffff2,#f7fbf8f5 72%),linear-gradient(#fff,#f7fbf8);border:1px solid #cfe7d6;border-radius:24px;justify-content:center;align-items:center;margin-bottom:12px;padding:18px 16px 12px;display:flex;box-shadow:0 10px 26px #16302014}.product-hero-image{object-fit:contain;width:min(72vw,255px);max-width:100%;height:auto;max-height:330px;display:block}.product-info{margin-bottom:12px;padding:0 4px}.product-info h2{color:#202a22;margin:0 0 10px;font-size:21px;font-weight:900;line-height:1.32}.main-price{color:#f97316;margin:0;font-size:34px;font-weight:900;line-height:1}.product-unit-text{color:var(--muted);margin:8px 0 0;font-size:14px;font-weight:700}.section{margin-top:16px}.section h3,.related-section h3{color:#304c38;margin:0 0 10px;font-size:15px;font-weight:900}.unit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.unit-card{border:1px solid var(--line);width:100%;min-height:96px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(#fff,#f8fbf9);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info price""tier tier";align-items:start;gap:8px 10px;padding:12px 13px 14px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:grid;position:relative;box-shadow:0 5px 16px #1630200f}.unit-card:active{transform:scale(.975)}.unit-card.active{background:linear-gradient(135deg,#ecfdf5fa,#fff);border:2px solid #4ade80;box-shadow:0 9px 22px #16a34a29,inset 0 0 0 1px #16a34a0a}.unit-card.active:after{content:"✓";background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 4px 10px #16a34a38}.unit-card>div:first-child{grid-area:info;min-width:0;padding-right:4px}.unit-card strong{color:var(--p2);font-size:16px;font-weight:900;line-height:1.2;display:block}.unit-card p{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:600}.unit-price{background:var(--mint);color:var(--p2);white-space:nowrap;border:1px solid #bbf7d0;border-radius:999px;grid-area:price;align-self:start;padding:7px 11px;font-size:16px;font-weight:900}.amt-per-price{text-align:left;white-space:nowrap;flex-direction:row;grid-area:tier;justify-content:flex-start;align-items:center;gap:6px;margin-top:0;display:flex;overflow:hidden}.amt-per-price small{color:#d97706;white-space:nowrap;background:#fff7ed;border-radius:999px;align-items:center;padding:3px 7px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}.amt-per-price span{color:#d97706;font-weight:800}.selected-box{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #cfe7d6;border-radius:18px;grid-template:"unit qty""cart total"/minmax(0,1fr) minmax(0,1fr);gap:7px;padding:7px;display:grid;position:fixed;box-shadow:0 18px 38px #1630202e}.selected-head{background:linear-gradient(#f7fbf8,#fff);border:1px solid #bbf7d0;border-radius:14px;grid-area:unit;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:58px;margin:0;padding:7px 10px;display:flex}.selected-head>div:first-child{min-width:0}.selected-head strong{color:var(--p2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;line-height:1.15;display:block;overflow:hidden}.selected-head p{color:var(--muted);white-space:nowrap;margin:3px 0 0;font-size:10px;font-weight:600}.selected-price{color:var(--p2);white-space:nowrap;flex:none;font-size:17px;font-weight:900}.qty-box{border:1px solid var(--line);background:#f7fbf8;border-radius:14px;grid-area:qty;grid-template-columns:38px minmax(28px,1fr) 38px;align-items:center;gap:4px;min-width:0;min-height:58px;margin:0;padding:5px;display:grid}.qty-box button{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:0;border-radius:11px;width:38px;height:42px;font-size:21px;font-weight:900;box-shadow:0 5px 12px #16a34a2e}.qty-box button:active{transform:scale(.93)}.qty-box input{color:#24352a;text-align:center;-moz-appearance:textfield;background:0 0;border:0;outline:0;width:100%;min-width:0;height:40px;margin:0;padding:0 2px;font-size:17px;font-weight:900}.qty-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.summary{border:1px solid var(--line);background:#fff;border-radius:14px;grid-area:total;align-items:center;min-width:0;min-height:52px;margin:0;padding:5px 10px;display:flex}.summary .total{border:0;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:0;display:flex}.summary .total span{color:#304c38;white-space:nowrap;font-size:12px;font-weight:800}.summary .total strong{color:var(--p2);white-space:nowrap;text-align:right;font-size:18px;font-weight:900}.cart-btn{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border:0;border-radius:14px;grid-area:cart;width:100%;min-width:0;height:100%;min-height:52px;margin:0;padding:6px 8px;font-size:13px;font-weight:900;box-shadow:0 7px 16px #16a34a38}.cart-btn i{margin-right:4px}.cart-btn:active{transform:scale(.98)}.related-section{min-width:0;margin-top:18px;padding-top:2px}.related-section>h3{background:var(--mint);color:var(--p2);border:1px solid #bbf7d0;border-radius:12px;align-items:center;padding:7px 11px;display:inline-flex}.related-swiper{width:100%;min-width:0;padding:2px 1px 16px}.swiper-slide{height:auto;box-shadow:none;overflow:visible}.related-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;height:100%;padding:9px;transition:transform .22s,box-shadow .22s;box-shadow:0 6px 18px #16302012}.related-card:active{transform:scale(.98)}.returned-slide .related-card{border-color:#86efac;transform:scale(.92);box-shadow:0 7px 20px #16a34a26,0 0 0 2px #4ade8024}.related-card img{aspect-ratio:1;object-fit:contain;background:linear-gradient(#fff,#f7fbf8);border:1px solid #edf3ef;border-radius:14px;width:100%;padding:5px}.related-name{-webkit-line-clamp:2;color:#24352a;-webkit-box-orient:vertical;height:36px;margin:7px 1px 5px;font-size:12px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.related-price{color:var(--p2);margin:0 1px;font-size:15px;font-weight:900}.related-price span{color:var(--muted);font-size:10px;font-weight:600}.related-units{flex-direction:column;gap:4px;margin-top:6px;padding:0 2px;display:flex}.related-unit-row{border-top:1px dashed #dce8df;justify-content:space-between;gap:5px;padding-top:5px;display:flex}.related-unit-name{color:#2563eb;font-size:11px;font-weight:800}.related-unit-info{color:var(--muted);font-size:9px}.related-unit-right{text-align:right}.related-unit-price{color:var(--p2);font-size:11px;font-weight:900}.related-unit-avg{color:#d97706;font-size:9px;font-weight:800}.image-preview{z-index:99999;backdrop-filter:blur(8px);background:#07190ee0;justify-content:center;align-items:center;padding:18px;animation:.2s fade;display:flex;position:fixed;inset:0}.image-preview img{object-fit:contain;background:#fff;border-radius:20px;max-width:95%;max-height:88vh;padding:8px}.image-close{top:calc(16px + env(safe-area-inset-top,0px));color:#24432c;background:#fffffff0;border:1px solid #ffffff8c;border-radius:50%;width:44px;height:44px;font-size:28px;font-weight:900;position:absolute;right:16px}@keyframes fade{0%{opacity:0}to{opacity:1}}.selected-box .summary>div:first-child{border-bottom:1px dashed #dce8df}.selected-box .summary>div:last-child{border-bottom:0}.selected-box .summary .total{margin-top:0}@media (width>=600px){.select-page{border-left:1px solid var(--line);border-right:1px solid var(--line);width:430px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 50px #1630201f}.selected-box{width:406px;left:50%;right:auto;transform:translate(-50%)}}@media (width<=360px){.select-page{padding-left:9px;padding-right:9px;padding-bottom:calc(170px + env(safe-area-inset-bottom))}.product-hero{margin-bottom:10px;padding:14px 10px 10px}.product-hero-image{width:min(72vw,215px);max-height:280px}.product-info h2{font-size:18px}.main-price{font-size:28px}.product-unit-text{font-size:13px}.unit-list{gap:10px}.unit-card{gap:6px 8px;min-height:92px;padding:11px 10px 12px}.unit-card strong{font-size:14px}.unit-card p{font-size:11px}.unit-price{padding:6px 9px;font-size:14px}.amt-per-price{gap:4px}.amt-per-price small{padding:2px 6px;font-size:9px}.selected-head strong{font-size:13px}.selected-price{font-size:15px}.qty-box{grid-template-columns:34px minmax(24px,1fr) 34px;padding:4px}.qty-box button{width:34px;height:38px;font-size:19px}.summary{padding-left:7px;padding-right:7px}.summary .total span{font-size:11px}.summary .total strong{font-size:16px}.cart-btn{font-size:12px}}.qty-box button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qty-box input{font-size:16px}.cart-page{z-index:200;background:#f5f7fb;padding:8px 8px 96px;position:fixed;inset:0;overflow-y:auto}.cart-head{align-items:center;gap:8px;height:42px;margin-bottom:8px;display:flex}.cart-head h3{margin:0;font-size:16px}.back-btn{background:#fff;border:none;border-radius:10px;padding:6px 10px;font-weight:700}.cart-list{flex-direction:column;gap:6px;display:flex}.cart-row{background:#fff;border-radius:12px;grid-template-columns:52px 1fr;gap:8px;padding:7px;display:grid;box-shadow:0 2px 8px #0000000f}.cart-row img{object-fit:contain;background:#f8fafc;border-radius:10px;width:52px;height:52px}.cart-info{min-width:0}.cart-name{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;font-size:13px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.cart-meta{color:#666;margin-top:2px;font-size:13px}.cart-bottom{grid-template-columns:92px 1fr 28px;align-items:center;gap:6px;margin-top:5px;display:grid}.qty-mini{grid-template-columns:26px 40px 26px;gap:2px;display:grid}.qty-mini button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;color:#fff;background:#1976d2;border:none;border-radius:8px;height:26px;font-size:16px;font-weight:900}.qty-mini input{text-align:center;touch-action:manipulation;border:1px solid #ddd;border-radius:8px;width:40px;height:26px;font-size:16px;font-weight:800}.line-total{color:#e53935;text-align:right;white-space:nowrap;font-size:13px}.remove-mini{color:#fff;background:#ef4444;border:none;border-radius:50%;width:28px;height:28px;font-size:20px;font-weight:800;line-height:1}.cart-summary{background:#fff;border-radius:14px;padding:10px;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 8px 24px #00000026}.cart-summary div{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.cart-summary strong{color:#e53935}.confirm-btn{color:#fff;background:#16a34a;border:none;border-radius:12px;width:100%;height:42px;font-size:15px;font-weight:800}.empty{text-align:center;color:#777;background:#fff;border-radius:16px;padding:30px}.delivery-box{background:#fff;border-radius:14px;margin-top:8px;margin-bottom:100px;padding:10px;box-shadow:0 2px 8px #0000000f}.remark-label{flex-direction:column;gap:5px;font-size:13px;font-weight:700;display:flex}.remark-label textarea{resize:none;border:1px solid #ddd;border-radius:10px;width:100%;min-height:60px;padding:8px}.delivery-title{margin-top:10px;margin-bottom:5px;font-size:13px;font-weight:700}.delivery-choice{align-items:center;gap:8px;padding:5px 0;display:flex}.delivery-info{background:#f8fafc;border-radius:10px;margin-top:8px;padding:10px}.delivery-info div{justify-content:space-between;margin-bottom:5px;display:flex}.delivery-info p{color:#2563eb;margin:8px 0 0;font-size:12px;line-height:1.5}.unit-select{color:#2563eb;background:#fff;border:1px solid #ddd;border-radius:8px;width:50%;height:30px;margin-left:35%;padding:2px 6px;font-size:13px;font-weight:700}.cart-meta{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.qty-mini button:disabled{opacity:.5;cursor:not-allowed}.cart-row{content-visibility:auto;contain-intrinsic-size:92px;contain:layout paint style}.qa-backdrop{z-index:2147481000;backdrop-filter:blur(3px);background:#0f172a52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.qa-sheet{background:#fff;border:1px solid #fffc;border-radius:28px 28px 0 0;width:min(100%,520px);max-height:88vh;overflow:auto;box-shadow:0 -20px 55px #0f172a2e}.qa-handle{background:#dbe2e8;border-radius:999px;width:42px;height:5px;margin:9px auto 4px}.qa-head{grid-template-columns:72px 1fr 38px;align-items:center;gap:12px;padding:10px 16px 12px;display:grid}.qa-thumb{background:#fff;border:1px solid #edf2f7;border-radius:18px;width:72px;height:72px;overflow:hidden}.qa-thumb img{object-fit:contain;width:100%;height:100%;padding:4px}.qa-title{flex-direction:column;gap:3px;min-width:0;display:flex}.qa-kicker{color:#16a34a;font-size:11px;font-weight:800}.qa-title strong{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.qa-close{color:#475569;background:#f1f5f9;border:0;border-radius:12px;width:36px;height:36px}.qa-body{padding:2px 16px calc(16px + env(safe-area-inset-bottom,0px))}.qa-label{color:#64748b;margin-bottom:7px;font-size:11px;font-weight:800}.qa-units{scrollbar-width:none;gap:8px;padding:1px 1px 9px;display:flex;overflow-x:auto}.qa-units::-webkit-scrollbar{display:none}.qa-unit{color:#334155;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:none;min-width:90px;padding:9px 12px}.qa-unit strong,.qa-unit small{display:block}.qa-unit strong{font-size:13px}.qa-unit small{color:#94a3b8;margin-top:2px;font-size:9px}.qa-unit.active{background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}.qa-unit.active strong{color:#15803d}.qa-row{grid-template-columns:1fr 1fr;align-items:end;gap:14px;margin-top:7px;display:grid}.qa-stepper{grid-template-columns:42px 66px 42px;gap:6px;display:grid}.qa-stepper button,.qa-stepper input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:42px}.qa-stepper button{color:#15803d;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:16px;font-weight:900}.qa-stepper button:disabled{opacity:.4}.qa-stepper input{color:#0f172a;text-align:center;outline:none;width:66px;font-size:16px;font-weight:900}.qa-price-block{text-align:right}.qa-price-block span,.qa-price-block small{color:#94a3b8;font-size:10px;display:block}.qa-price-block strong{color:#15803d;font-size:24px;line-height:1.1;display:block}.qa-tier{color:#a16207;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-top:12px;padding:9px 11px;font-size:11px;font-weight:750}.qa-tier i{margin-right:5px}.qa-total{color:#64748b;border-top:1px dashed #dbe4df;justify-content:space-between;align-items:baseline;gap:12px;margin-top:13px;padding-top:12px;font-size:12px;display:flex}.qa-total strong{color:#0f172a;font-size:18px;font-weight:900}.qa-submit{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:0;border-radius:16px;width:100%;height:50px;margin-top:12px;font-size:15px;font-weight:900;box-shadow:0 10px 22px #16a34a38}.qa-submit:disabled{opacity:.6}.qa-sheet-enter-active,.qa-sheet-leave-active{transition:opacity .2s}.qa-sheet-enter-active .qa-sheet,.qa-sheet-leave-active .qa-sheet{transition:transform .25s cubic-bezier(.2,.8,.3,1)}.qa-sheet-enter-from,.qa-sheet-leave-to{opacity:0}.qa-sheet-enter-from .qa-sheet,.qa-sheet-leave-to .qa-sheet{transform:translateY(28px)}@media (width>=700px){.qa-backdrop{align-items:center;padding:24px}.qa-sheet{border-radius:28px}}.cart-finish-stage{z-index:2147482000;pointer-events:none;position:fixed;inset:0}.cart-finish-card{backdrop-filter:blur(18px);transform-origin:50%;opacity:1;will-change:transform, opacity;background:radial-gradient(circle at 18% 8%,#dcfce7f2,#0000 34%),linear-gradient(145deg,#fffffffc,#f8fafcfa);border:1px solid #ffffffe0;border-radius:26px;width:min(88vw,370px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 28px 70px #0f172a3d,0 8px 22px #0f172a1a}.cart-finish-card.flying{transform:translate(calc(-50% + var(--fly-x)), calc(-50% + var(--fly-y))) scale(var(--fly-scale));opacity:var(--fly-opacity);transition:transform .76s cubic-bezier(.22,.76,.24,1),opacity .62s 80ms}.success-orb{color:#fff;background:linear-gradient(145deg,#16a34a,#22c55e);border-radius:18px;place-items:center;width:54px;height:54px;margin:0 auto 10px;display:grid;box-shadow:0 10px 24px #22c55e47,inset 0 1px #ffffff59}.success-orb i{font-size:30px;line-height:1}.success-title{color:#0f172a;text-align:center;letter-spacing:-.2px;margin-bottom:14px;font-size:18px;font-weight:900}.product-box{background:#ffffffe0;border:1px solid #edf2f7;border-radius:19px;grid-template-columns:92px 1fr;gap:14px;padding:12px;display:grid}.product-image-wrap{width:92px;height:92px;position:relative}.product-image{object-fit:contain;background:#fff;border:1px solid #eef2f7;border-radius:15px;width:100%;height:100%}.qty-badge{color:#fff;background:#0f172a;border:2px solid #fff;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 7px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:-6px;right:-6px}.product-info{min-width:0}.product-name{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:850;line-height:1.35;display:-webkit-box;overflow:hidden}.meta-grid{color:#64748b;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12px;display:grid}.meta-grid strong{color:#334155;text-align:right}.total-row{color:#64748b;border-top:1px dashed #e5e7eb;justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px;padding-top:8px;font-size:12px;display:flex}.total-row strong{color:#16a34a;font-size:16px;font-weight:900}.cart-caption{color:#94a3b8;justify-content:center;align-items:center;gap:7px;margin-top:13px;font-size:11px;display:flex}.cart-caption i{color:#22c55e;font-size:14px}:global(.cart-icon.cart-drop-ready){filter:drop-shadow(0 0 9px #22c55e59)}:global(.cart-icon.cart-drop-pulse){animation:.42s cubic-bezier(.34,1.56,.64,1) cartReceivePulse}@keyframes cartReceivePulse{0%{transform:scale(1)}42%{transform:scale(1.25)rotate(-8deg)}72%{transform:scale(.94)rotate(3deg)}to{transform:scale(1)}}@media (width<=380px){.cart-finish-card{width:calc(100vw - 28px);padding:17px}.product-box{grid-template-columns:78px 1fr}.product-image-wrap{width:78px;height:78px}}@media (prefers-reduced-motion:reduce){.cart-finish-card.flying{transition:opacity .2s;transform:translate(-50%,-50%)scale(.96)}:global(.cart-icon.cart-drop-pulse){animation:none}}.exists-backdrop{z-index:2147482500;backdrop-filter:blur(4px);background:#0f172a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.exists-card{background:radial-gradient(circle at 50% 0,#fef9c3e6,#0000 35%),#fff;border:1px solid #ffffffd9;border-radius:26px;width:min(90vw,365px);padding:20px;box-shadow:0 28px 70px #0f172a3d}.exists-icon{color:#fff;background:linear-gradient(145deg,#f59e0b,#d97706);border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 10px;display:grid;box-shadow:0 10px 22px #f59e0b40}.exists-icon i{font-size:28px}.exists-title{color:#0f172a;text-align:center;font-size:18px;font-weight:900}.exists-subtitle{color:#94a3b8;text-align:center;margin-top:2px;font-size:11px}.exists-product{background:#ffffffe6;border:1px solid #edf2f7;border-radius:17px;grid-template-columns:82px 1fr;gap:13px;margin-top:16px;padding:11px;display:grid}.exists-product img{object-fit:contain;background:#fff;border:1px solid #eef2f7;border-radius:14px;width:82px;height:82px}.exists-product>div{min-width:0}.exists-product strong{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.exists-meta{color:#94a3b8;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;display:flex}.exists-meta b{color:#475569}.exists-actions{grid-template-columns:1fr 1.25fr;gap:9px;margin-top:15px;display:grid}.exists-actions button{border-radius:14px;height:45px;font-size:13px;font-weight:850}.exists-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.exists-primary{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:0;box-shadow:0 8px 18px #16a34a33}.exists-primary i{margin-right:5px}.exists-pop-enter-active,.exists-pop-leave-active{transition:opacity .18s}.exists-pop-enter-active .exists-card,.exists-pop-leave-active .exists-card{transition:transform .22s cubic-bezier(.2,.8,.3,1)}.exists-pop-enter-from,.exists-pop-leave-to{opacity:0}.exists-pop-enter-from .exists-card,.exists-pop-leave-to .exists-card{transform:scale(.94)translateY(8px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.history-page{--p:#16a34a;--p2:#15803d;--mint:#ecfdf5;--lime:#dcfce7;--accent:#f59e0b;--danger:#ef4444;--text:#163020;--muted:#6b7c70;--line:#dfe9e2;z-index:210;overscroll-behavior:contain;padding:0 12px calc(22px + env(safe-area-inset-bottom));color:var(--text);background:linear-gradient(#effcf3 0,#f5faf7 155px,#eef5f0 100%);position:fixed;inset:0;overflow-y:auto}.history-head{z-index:10;backdrop-filter:blur(16px);background:#effcf3f0;border-bottom:1px solid #16a34a1a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:76px;margin:0 -12px 12px;padding:12px;display:grid;position:sticky;top:0}.history-title{min-width:0}.history-title h3{color:#173822;margin:0;font-size:18px;font-weight:900;line-height:1.2}.history-title small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:700;display:block}.back-btn{min-width:76px;height:44px;color:var(--p2);background:#fff;border:1px solid #bbf7d0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 4px 12px #1630200f}.back-btn:active{background:var(--mint);transform:scale(.96)}.order-list{flex-direction:column;gap:10px;display:flex}.order-card{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 5px 17px #1630200f}.order-card:active{background:#fbfefc;transform:scale(.988)}.order-card>div:first-child{min-width:0}.order-card strong{color:#24352a;font-size:14px;font-weight:900;display:block}.order-card p{color:var(--muted);margin:4px 0 0;font-size:11px;font-weight:600}.order-right{text-align:right;align-content:center;justify-items:end;gap:2px;min-width:88px;display:grid}.order-right span{color:var(--p2);font-size:13px;font-weight:900}.order-right small{color:var(--muted);font-size:10px;font-weight:700}.order-right i{color:#9aaba0;margin-top:3px;font-size:13px}.order-status{border:1px solid #0000;border-radius:999px;align-items:center;margin-top:7px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.status-pending{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.status-received{color:#b45309;background:#fffbeb;border-color:#fde68a}.status-shipping{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.status-done{color:#15803d;background:#ecfdf5;border-color:#bbf7d0}.status-cancel{color:#dc2626;background:#fef2f2;border-color:#fecaca}.status-unknown{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.empty{border:1px solid var(--line);min-height:145px;color:var(--muted);text-align:center;background:#fff;border-radius:20px;place-items:center;padding:30px 18px;font-size:13px;font-weight:800;display:grid;box-shadow:0 6px 18px #1630200d}.detail-modal{z-index:300;padding:16px 10px calc(16px + env(safe-area-inset-bottom));backdrop-filter:blur(5px);background:#09261485;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.detail-box{overscroll-behavior:contain;background:#fff;border:1px solid #dbe9df;border-radius:24px 24px 18px 18px;width:100%;max-width:430px;max-height:min(88dvh,760px);padding:0 12px 14px;overflow-y:auto;box-shadow:0 24px 55px #0926143d}.detail-head{z-index:4;background:linear-gradient(135deg, var(--p), var(--p2));color:#fff;border-radius:23px 23px 0 0;justify-content:space-between;align-items:center;gap:10px;min-height:58px;margin:0 -12px 8px;padding:10px 12px;display:flex;position:sticky;top:0}.detail-head strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:900;overflow:hidden}.detail-head button{color:#fff;background:#ffffff2e;border:1px solid #ffffff47;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:17px;display:grid}.detail-head button:active{background:#ffffff47;transform:scale(.92)}.detail-date{color:var(--muted);margin:3px 2px 10px;font-size:11px;font-weight:700}.order-comment{background:#f8faf9;border:1px solid #e7eee9;border-radius:12px;margin-bottom:8px;padding:9px 10px;font-size:12px}.order-comment strong{color:#304c38;font-size:11px;font-weight:900}.order-comment p{color:#526057;margin:4px 0 0;line-height:1.45}.order-comment.delivery{background:#eff6ff;border-color:#dbeafe}.detail-list{border:1px solid #e5eee8;border-radius:14px;width:100%;overflow-x:auto}.detail-header,.detail-row{grid-template-columns:26px minmax(115px,1fr) 56px 42px 48px 68px;align-items:center;gap:4px;min-width:390px;display:grid}.detail-header{color:var(--p2);background:#effaf2;border-bottom:1px solid #d9ebde;padding:8px 6px;font-size:10px;font-weight:900}.detail-row{color:#405448;border-bottom:1px dashed #e0e9e3;padding:9px 6px;font-size:11px}.detail-row:last-child{border-bottom:0}.product-name{color:#24352a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.detail-row span:nth-child(3),.detail-row span:nth-child(4),.detail-row span:nth-child(5),.detail-row strong{text-align:right}.detail-row strong{color:var(--p2);font-weight:900}.detail-total{background:var(--mint);border:1px solid #bbf7d0;border-radius:14px;justify-content:space-between;align-items:center;margin-top:10px;padding:11px 12px;display:flex}.detail-total span{color:#304c38;font-size:13px;font-weight:900}.detail-total strong{color:var(--p2);font-size:20px;font-weight:900}@media (width>=600px){.history-page{border-left:1px solid #dfe9e2;border-right:1px solid #dfe9e2;width:430px;left:50%;transform:translate(-50%);box-shadow:0 0 50px #16302014}.detail-modal{align-items:center}.detail-box{border-radius:24px}}@media (width<=360px){.history-page{padding-left:9px;padding-right:9px}.history-head{margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}.back-btn{min-width:70px;padding-left:9px;padding-right:9px}.history-title h3{font-size:16px}.order-card{padding:10px}.order-card strong{font-size:13px}.order-right{min-width:78px}}.repeat-order-btn{background:var(--p);color:#fff;touch-action:manipulation;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:14px;font-size:16px;font-weight:800;display:flex}.repeat-order-btn:active{transform:scale(.99)}.repeat-order-btn:disabled{opacity:.65;cursor:wait}