:root{--navy:#0b1b3a;--navy-2:#13294f;--gold:#f5b301;--gold-2:#d99f00;--green:#2ecc40;--green-2:#27ae35;--blue:#1e90ff;--red:#e53935;--red-bg:#fdecea;--bg:#f4f5f7;--card:#fff;--text:#1a1f2b;--muted:#6b7280;--line:#e5e7eb;--radius:12px;--shadow:0 1px 3px #0b1b3a14, 0 4px 14px #0b1b3a0f;--maxw:1200px;--hdr-h:112px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ease:cubic-bezier(.2, .8, .2, 1);--pop:cubic-bezier(.34, 1.56, .64, 1);--dur:.22s;--dur-slow:.32s}@keyframes m-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-page{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes m-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes m-bump{0%{opacity:0;transform:translateY(6px)scale(.7)}55%{opacity:1;transform:translateY(-2px)scale(1.15)}to{opacity:1;transform:none}}@keyframes m-nudge{0%,to{transform:none}30%{transform:translateY(-3px)rotate(-6deg)}65%{transform:translateY(1px)rotate(4deg)}}@keyframes m-slide-up{0%{opacity:0;transform:translateY(calc(100% + 16px))}to{opacity:1;transform:none}}@keyframes m-slide-down{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(100% + 16px))}}@keyframes m-grow{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes m-shrink{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}@keyframes m-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes m-shine{0%{background-position:100% 0}to{background-position:0 0}}@keyframes m-kenburns{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes m-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes m-draw{to{stroke-dashoffset:0}}@keyframes m-pulse{0%,to{box-shadow:0 0 0 1px var(--gold), 0 0 0 0 #f5b3018c}60%{box-shadow:0 0 0 1px var(--gold), 0 0 0 8px #f5b30100}}@keyframes m-toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes m-toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)scale(.97)}}.reveal{opacity:0;transform:translateY(12px)}.reveal.in{opacity:1;animation:m-rise var(--dur-slow) var(--ease) backwards;animation-delay:var(--d,0s);transform:none}.page-anim{animation:m-page .28s var(--ease) both}.pressable,.btn,.iconbtn,.xbtn,.catbtn,.dot{transition:transform .12s var(--ease)}.pressable:active:not(:disabled),.btn:active:not(:disabled),.iconbtn:active:not(:disabled),.xbtn:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.reveal,.reveal.in{opacity:1;animation:none;transform:none}.page-anim{animation:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 12px}.page{min-height:60vh;padding:16px 0 96px}.muted{color:var(--muted)}.small{font-size:.85rem}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{background:var(--gold);color:var(--navy);transition:background .15s, transform .12s var(--ease), box-shadow .2s var(--ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:inline-flex;text-decoration:none!important}.btn:hover{background:var(--gold-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.block{width:100%}.btn.lg{padding:13px 20px;font-size:1.02rem}.btn.sm{border-radius:8px;padding:6px 12px;font-size:.85rem}.btn.ghost{border-color:var(--line);color:var(--text);background:0 0}.btn.ghost:hover{background:#f1f2f4}.btn.danger{border-color:var(--red);color:var(--red);background:0 0}.btn.danger:hover{background:var(--red-bg)}.btn.navy{background:var(--navy);color:#fff}.btn.navy:hover{background:var(--navy-2)}.btn.link{color:var(--blue);background:0 0;border:0;padding:0;font-weight:500}.btn.link:hover{text-decoration:underline}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:#374151;font-size:.85rem;font-weight:600}.input,.field input,.field select,.field textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f5b30140}.field textarea{resize:vertical;min-height:72px}.field .hint{color:var(--muted);font-size:.8rem}.check{align-items:center;gap:8px;font-size:.92rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--green)}.grid2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.err{color:var(--red);font-size:.9rem}.errbox{background:var(--red-bg);color:#8e1c17;border:1px solid #f5c2c0;border-radius:10px;padding:10px 12px;font-size:.92rem}.okbox.placed{animation:m-rise var(--dur-slow) var(--ease) both;align-items:center;gap:10px;display:flex}.okcheck{width:30px;height:30px;color:var(--green-2);flex:none}.okcheck circle{stroke-dasharray:70;stroke-dashoffset:70px;animation:m-draw .5s .1s var(--ease) forwards}.okcheck path{stroke-dasharray:24;stroke-dashoffset:24px;animation:m-draw .3s .5s var(--ease) forwards}.okbox{color:#1b6e27;background:#e8f8ea;border:1px solid #bfe8c5;border-radius:10px;padding:10px 12px;font-size:.92rem}.notice{color:#6b4d00;background:#fff7d6;border:1px solid #f3dd8a;border-radius:10px;padding:10px 12px;font-size:.92rem}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.card+.card{margin-top:12px}.card h2,.card h3{margin-bottom:10px}.section{margin:18px 0}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.section-head h2{margin:0}.seeall{color:var(--blue);white-space:nowrap;font-size:.9rem;font-weight:600}.hdr{background:var(--navy);color:#fff;z-index:40;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.hdr-in{grid-template-columns:1fr auto;grid-template-areas:"brand actions""eta eta""search search";gap:8px 10px;padding:8px 12px;display:grid}.brand{color:#fff;letter-spacing:.2px;grid-area:brand;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand img{object-fit:contain;border-radius:12px;flex:none;width:auto;height:72px;display:block}.eta{flex-direction:column;grid-area:eta;min-width:0;line-height:1.2;display:flex}.eta b{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg, #fff 42%, var(--gold) 50%, #fff 58%);animation:m-shine 1.1s .5s var(--ease) 1 both;background-position:0 0;background-size:250% 100%;font-size:.95rem}.eta a{color:#d7deea;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.eta a:hover{color:#fff}.hdr-search{grid-area:search}.hdr-actions{grid-area:actions;align-items:center;gap:6px;display:flex}.hdr-actions a,.hdr-actions button{color:#fff}.iconbtn{color:#fff;transition:background .15s, transform .12s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:.9rem;font-weight:600;display:inline-flex}.iconbtn:hover{background:#ffffff1a;text-decoration:none}.iconbtn:active{transform:scale(.95)}.iconbtn svg{width:22px;height:22px}.iconbtn .lbl{display:none}.cartbtn{background:var(--green);color:#fff;position:relative}.cartbtn svg{transition:transform .2s var(--ease)}.cartbtn.bump svg{animation:m-nudge .4s var(--ease)}.cartbtn:hover{background:var(--green-2)}.badge{animation:m-pop .35s var(--pop) both;background:var(--gold);min-width:18px;height:18px;color:var(--navy);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.searchbar{height:42px;color:var(--text);transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);background:#fff;border-radius:10px;align-items:center;padding:0 10px;display:flex}.searchbar:focus-within{transform:scale(1.012);box-shadow:0 0 0 3px #f5b30173,0 6px 16px #0000002e}.searchbar button{transition:transform .12s var(--ease), color .15s}.searchbar button:hover{color:var(--text)}.searchbar button:active{transform:scale(.9)}.searchbar svg{width:20px;height:20px;color:var(--muted);flex:none}.searchbar input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 8px;font-size:.95rem}.searchbar button{color:var(--muted);background:0 0;border:0;padding:4px}.closed-strip{background:var(--red);color:#fff;text-align:center;padding:8px 12px;font-size:.92rem;font-weight:600}.offline-strip{color:#6b4d00;text-align:center;background:#fff3cd;padding:8px 12px;font-size:.9rem}.carousel{border-radius:var(--radius);background:var(--navy-2);box-shadow:var(--shadow);position:relative;overflow:hidden}.carousel-track{transition:transform .5s var(--ease);display:flex}.carousel-slide{aspect-ratio:16/6;cursor:pointer;background:#dfe3ea;flex:none;width:100%;position:relative}.carousel-slide img{object-fit:cover;transform-origin:50%;width:100%;height:100%}.carousel-slide.on img{animation:m-kenburns 6s var(--ease) both}.carousel-slide .title{transition:opacity .3s var(--ease), transform .3s var(--ease);opacity:0;transform:translateY(6px)}.carousel-slide.on .title{opacity:1;transition-delay:.15s;transform:none}.carousel-slide .title{color:#fff;text-shadow:0 1px 4px #0009;font-size:1.05rem;font-weight:700;position:absolute;bottom:10px;left:12px}.carousel-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.carousel-dots button{width:8px;height:8px;transition:width var(--dur-slow) var(--ease), background var(--dur) var(--ease);background:#ffffff8c;border:0;border-radius:4px;padding:0}.carousel-dots button.on{background:var(--gold);width:18px}.carousel-arrow{width:34px;height:34px;color:var(--navy);opacity:0;transition:opacity var(--dur) var(--ease), transform .12s var(--ease);background:#ffffffd9;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow.l{left:8px}.carousel-arrow.r{right:8px}.carousel:hover .carousel-arrow,.carousel:focus-within .carousel-arrow{opacity:1}.carousel-arrow:active{transform:translateY(-50%)scale(.92)}.catgrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cat{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600;line-height:1.2;display:flex}.cat:hover{color:var(--navy);text-decoration:none}.cat .thumb{aspect-ratio:1;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);transition:transform .25s var(--ease), box-shadow .25s var(--ease);background:#eef1f5;overflow:hidden}.cat:hover .thumb{transform:translateY(-3px);box-shadow:0 4px 10px #0b1b3a1a,0 10px 24px #0b1b3a1a}.cat .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.cat:hover .thumb img{transform:scale(1.05)}.prow{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.prow::-webkit-scrollbar{height:6px}.prow::-webkit-scrollbar-thumb{background:#cfd4dc;border-radius:3px}.prow>*{scroll-snap-align:start;flex:none;width:150px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.pcard{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;transition:transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;gap:6px;padding:10px;display:flex;position:relative}@media (hover:hover){.pcard:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0b1b3a1a,0 12px 28px #0b1b3a1f}}.pcard .pimg{aspect-ratio:1;background:#f1f3f6;border-radius:10px;display:block;overflow:hidden}.pcard .pimg img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.pcard:hover .pimg img{transform:scale(1.03)}.pcard .pname{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-size:.9rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.pcard .pname:hover{color:var(--navy);text-decoration:none}.pcard .punit{color:var(--muted);font-size:.8rem}.pcard .pfoot{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;display:flex}.pcard .pfoot>div{flex-wrap:wrap;align-items:baseline;column-gap:4px;min-width:0;display:flex}.pcard .pfoot>div .mrp{margin-left:0}.pcard .pfoot>div .from{flex-basis:100%}.price{font-size:.95rem;font-weight:700}.mrp{color:var(--muted);margin-left:4px;font-size:.8rem;text-decoration:line-through}.off{background:var(--blue);color:#fff;z-index:1;border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:8px;left:8px}.oos{color:var(--red);font-size:.78rem;font-weight:600}.placeholder{color:#9aa3b2;background:#e8ebf0;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:800;display:flex}.addbtn{border:1px solid var(--green);min-width:66px;height:32px;color:var(--green-2);letter-spacing:.3px;transition:background .15s, transform .12s var(--ease), opacity var(--dur) var(--ease);background:#fff;border-radius:8px;padding:0 12px;font-size:.85rem;font-weight:800}.addbtn:hover{background:#ecfaee}.addbtn:active:not(:disabled){transform:scale(.97)}.addbtn:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;background:#f5f5f5}.stepper{background:var(--green);color:#fff;border-radius:8px;align-items:center;min-width:76px;height:32px;font-weight:700;display:inline-flex;overflow:hidden}.stepper button{color:#fff;width:28px;height:100%;transition:background .15s, transform .12s var(--ease);background:0 0;border:0;font-size:1.1rem;font-weight:700}.stepper button:hover{background:#0000001f}.stepper button:active:not(:disabled){transform:scale(.85)}.stepper button:disabled{opacity:.5;cursor:not-allowed}.stepper span{text-align:center;flex:1;min-width:20px;font-size:.9rem}.stepper .qty{animation:m-bump .3s var(--pop) both;display:inline-block}.stepper.lg{min-width:110px;height:40px}.stepper.lg button{width:36px;font-size:1.3rem}.addbtn.lg{min-width:110px;height:40px;font-size:1rem}.addwrap{vertical-align:middle;width:66px;height:32px;transition:width var(--dur) var(--ease);display:inline-grid}.addwrap.has{width:76px}.addwrap.lg{width:110px;height:40px}.addwrap>*{width:100%;min-width:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--pop);grid-area:1/1}.addwrap .addbtn{padding:0 6px}.addwrap>[inert]{opacity:0;pointer-events:none;transform:scale(.8)}.addwrap.has .stepper{animation:m-pop .28s var(--pop) both}.pdp{gap:16px;display:grid}.pdp .gallery{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.pdp .gallery .main{aspect-ratio:1;background:#f1f3f6}.pdp .gallery .main img{object-fit:contain;width:100%;height:100%}.pdp .thumbs{gap:8px;padding:10px;display:flex;overflow-x:auto}.pdp .thumbs button{width:56px;height:56px;transition:border-color .15s, transform .12s var(--ease);background:#f1f3f6;border:2px solid #0000;border-radius:8px;flex:none;padding:0;overflow:hidden}.pdp .thumbs button:active{transform:scale(.94)}.pdp .thumbs button.on{border-color:var(--gold)}.pdp .thumbs img{object-fit:cover;width:100%;height:100%}.pdp .info h1{font-size:1.35rem}.pdp .bigprice{font-size:1.5rem;font-weight:800}.pdp .bigprice .mrp{font-size:1rem}.pdp .offtag{background:var(--blue);color:#fff;vertical-align:middle;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.crumbs{color:var(--muted);margin-bottom:10px;font-size:.85rem}.crumbs a{color:var(--muted)}.drawer-bg{z-index:60;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease);background:#0b1b3a73;position:fixed;inset:0}.drawer-bg.open{opacity:1;pointer-events:auto}.drawer{background:var(--bg);z-index:61;width:min(420px,100%);transition:transform var(--dur-slow) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0003}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.drawer-head h2{margin:0;font-size:1.1rem}.drawer-body{flex:1;padding:12px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);background:#fff;padding:12px}.xbtn{width:34px;height:34px;color:var(--text);transition:background .15s, transform .12s var(--ease);background:#f1f2f4;border:0;border-radius:50%;font-size:1.2rem;line-height:1}.xbtn:hover{background:#e4e6ea}.xbtn:active{transform:scale(.9)}.cline{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.cline:last-child,.cline-anim:last-child .cline{border-bottom:0}.cline-anim{animation:m-grow .28s var(--ease) both;grid-template-rows:1fr;display:grid}.cline-anim>*{min-height:0;overflow:hidden}.cline-anim.leaving{animation:m-shrink .25s var(--ease) both;pointer-events:none}.cline .thumb{background:#f1f3f6;border-radius:8px;width:56px;height:56px;overflow:hidden}.cline .thumb img{object-fit:cover;width:100%;height:100%}.cline .placeholder{font-size:1.3rem}.cline .cname{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.25}.cline .cunit{color:var(--muted);font-size:.8rem}.cline .cright{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px 12px}.empty .big{margin-bottom:8px;font-size:2.4rem}.bill{flex-direction:column;gap:6px;font-size:.95rem;display:flex}.bill .line{justify-content:space-between;gap:8px;display:flex}.bill .line.total{border-top:1px dashed var(--line);margin-top:4px;padding-top:8px;font-size:1.05rem;font-weight:800}.bill .free{color:var(--green-2);font-weight:700}.bill .disc{color:var(--green-2)}.stickybar{z-index:50;background:var(--green);color:#fff;animation:m-slide-up var(--dur-slow) var(--ease) both;transition:transform .12s var(--ease);border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 6px 18px #00000040}.stickybar.leaving{animation:m-slide-down .26s var(--ease) both;pointer-events:none}.stickybar:active{transform:scale(.98)}.stickybar .lft{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.stickybar .lft small{opacity:.9;font-size:.78rem;font-weight:500}.stickybar .rgt{align-items:center;gap:4px;font-size:.98rem;display:flex}.checkout{gap:12px;display:grid}.addr-list{flex-direction:column;gap:8px;display:flex}.addr-opt{transition:border-color .15s, box-shadow .2s var(--ease);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.addr-opt.on{border-color:var(--gold);box-shadow:0 0 0 2px #f5b3014d}.addr-opt input{accent-color:var(--navy);margin-top:3px}.addr-opt .lbl{background:#eef1f5;border-radius:6px;margin-right:6px;padding:1px 8px;font-size:.85rem;font-weight:700}.addr-opt .txt{color:#374151;font-size:.9rem}.coupon{gap:8px;display:flex}.coupon input{text-transform:uppercase;flex:1}.payopt{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.payopt.on{border-color:var(--gold)}.payopt.off{opacity:.6}.payopt input{accent-color:var(--navy)}.tag{color:var(--muted);background:#eef1f5;border-radius:6px;padding:1px 7px;font-size:.72rem;font-weight:700;display:inline-block}.olist{flex-direction:column;gap:10px;display:flex}.ocard{color:var(--text);display:block}.ocard:hover{text-decoration:none}.ocard .ono{font-weight:800}.ocard .oitems{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.status{color:#374151;background:#eef1f5;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-block}.status.placed{color:#7a5a00;background:#fff3cd}.status.confirmed{color:#0d47a1;background:#e3f2fd}.status.packed{color:#4527a0;background:#ede7f6}.status.out_for_delivery{color:#b85c00;background:#fff0e0}.status.delivered{color:#1b6e27;background:#e8f8ea}.status.cancelled{background:var(--red-bg);color:#8e1c17}.stepper-v{grid-template-columns:repeat(5,1fr);gap:4px;margin:8px 0 4px;display:grid;position:relative}.step{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:.74rem;display:flex;position:relative}.step .dot{z-index:1;color:#fff;width:22px;height:22px;transition:background var(--dur-slow) var(--ease), box-shadow var(--dur-slow) var(--ease);background:#dfe3ea;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 0 0 1px #dfe3ea}.step .dot svg{animation:m-pop .3s var(--pop) both;animation-delay:calc(var(--i,0) * .14s + .2s)}.step:before{content:"";background:#dfe3ea;height:3px;position:absolute;top:11px;left:-50%;right:50%}.step:after{content:"";background:var(--green);transform-origin:0;height:3px;position:absolute;top:11px;left:-50%;right:50%;transform:scaleX(0)}.step:first-child:before,.step:first-child:after{display:none}.step.done{color:var(--text);font-weight:600}.step.done .dot{background:var(--green);box-shadow:0 0 0 1px var(--green);transition-delay:calc(var(--i,0) * .14s)}.step.done:after{animation:m-fill .35s var(--ease) both;animation-delay:calc(var(--i,0) * .14s - .1s)}.step.now .dot{background:var(--gold);box-shadow:0 0 0 1px var(--gold);color:var(--navy);animation:1.8s ease-in-out infinite m-pulse;animation-delay:calc(var(--i,0) * .14s + .3s)}.step.now{color:var(--navy);font-weight:700}.step .when{color:var(--muted);font-size:.68rem;font-weight:400}.cancelled-box{background:var(--red-bg);color:#8e1c17;border-radius:10px;padding:10px 12px;font-weight:600}.oitem{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:.92rem;display:grid}.oitem:last-child{border-bottom:0}.oitem .thumb{background:#f1f3f6;border-radius:8px;width:44px;height:44px;overflow:hidden}.oitem .thumb img{object-fit:cover;width:100%;height:100%}.oitem .placeholder{font-size:1rem}.acct-nav{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.acct-nav a{transition:background .15s, color .15s, transform .12s var(--ease)}.acct-nav a:active{transform:scale(.96)}.acct-nav a{color:var(--text);box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:600}.acct-nav a.on{background:var(--navy);color:#fff}.acct-nav a:hover{text-decoration:none}.auth{max-width:420px;margin:24px auto}.auth .card{padding:22px}.auth h1{text-align:center;margin-bottom:4px}.auth .sub{text-align:center;color:var(--muted);margin-bottom:18px}.auth .logo{border-radius:14px;width:220px;height:auto;margin:0 auto 10px;display:block}.sk{background:#e9ecf1 linear-gradient(100deg,#fff0 35%,#ffffffbf 50%,#fff0 65%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite m-shimmer}.toasts{z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.toast{background:var(--navy);color:#fff;animation:m-toast-in .24s var(--pop) both;pointer-events:auto;border-radius:10px;padding:11px 14px;font-size:.92rem;box-shadow:0 6px 18px #00000040}.toast.leaving{animation:m-toast-out .22s var(--ease) both}.toast.err{background:var(--red)}.toast.ok{background:var(--green-2)}.footer{background:var(--navy);color:#c9d2e3;margin-top:30px;padding:24px 0 28px;font-size:.9rem}.footer .wrap{flex-direction:column;gap:8px;display:flex}.footer .fbrand{color:#fff;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.footer .fbrand img{object-fit:contain;border-radius:12px;flex:none;width:auto;height:84px;display:block}.footer a{color:#e6ebf5}.footer .flinks{flex-wrap:wrap;gap:14px;display:flex}@media (width>=640px){body{font-size:15.5px}.wrap{padding:0 16px}.catgrid{grid-template-columns:repeat(6,1fr)}.prow>*{width:170px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.pdp{grid-template-columns:1fr 1fr;align-items:start}.checkout{grid-template-columns:1fr 360px;align-items:start}.checkout .side{top:calc(var(--hdr-h) + 12px);position:sticky}.stickybar{display:none}.carousel-slide{aspect-ratio:16/5}.step{font-size:.82rem}}@media (width>=900px){:root{--hdr-h:68px}.hdr-in{grid-template-columns:auto auto 1fr auto;grid-template-areas:"brand eta search actions";align-items:center;padding:12px 16px}.eta{max-width:260px}.brand img{height:80px}.iconbtn .lbl{display:inline}.catgrid{grid-template-columns:repeat(8,1fr)}.prow>*{width:185px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.carousel-slide{aspect-ratio:16/4.5}.page{padding-top:20px}.footer .wrap{flex-direction:row;justify-content:space-between;align-items:center}}.addopts{flex-direction:column;flex:none;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.addopts:hover{text-decoration:none}.addopts .addbtn{justify-content:center;align-items:center;display:inline-flex}.addopts small{color:var(--muted);font-size:.66rem;line-height:1}.pfoot .from{color:var(--muted);font-size:.72rem}.sizes{margin-bottom:16px}.sizes .chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.sizes .size{border:1px solid var(--line);min-width:44px;height:36px;transition:border-color .15s, background .15s, transform .12s var(--ease);background:#fff;border-radius:8px;padding:0 12px;font-weight:700}.sizes .size:hover{border-color:var(--green)}.sizes .size:active{transform:scale(.96)}.sizes .size.on{border-color:var(--green);color:var(--green-2);background:#ecfaee}.sizes .size.gone{color:var(--muted);background:#f5f5f5;text-decoration:line-through}.insurance h1{margin-bottom:4px}.insurance .lead{margin:0 0 16px}.ins-kinds{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.ins-kind{text-align:left;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);cursor:pointer;transition:border-color .15s, transform .12s var(--ease);border:2px solid #0000;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.ins-kind:hover{border-color:var(--line)}.ins-kind:active{transform:scale(.98)}.ins-kind.on{border-color:var(--green);background:#f3fbf4}.ins-kind .ico{font-size:1.8rem;line-height:1}.ins-form h2{margin-bottom:14px}.ins-check{align-items:center;gap:8px;margin:-2px 0 14px;font-size:.92rem;display:flex}.ins-done{text-align:center;padding:26px 18px}.ins-done .big{font-size:2.6rem}.ins-done p{margin:8px 0 16px}.ins-note{margin-top:16px}.ins-promo{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);background:linear-gradient(100deg,#0b1b3a,#1e3c78);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.ins-promo:hover{filter:brightness(1.08);text-decoration:none}.ins-promo .ico{font-size:2rem;line-height:1}.ins-promo b{font-size:1.05rem;display:block}.ins-promo .small{color:#cfd8ea}.ins-promo .go{color:var(--gold);margin-left:auto;font-size:1.8rem}@media (width<=520px){.ins-form .grid2{grid-template-columns:1fr}}