:root{--blue:#1763b6;--blue-dark:#0d4480;--blue-soft:#eef5fc;--blue-tint:#dcebfa;--red:#e8453f;--amber:#f6a609;--ink:#11161d;--body:#3d4753;--muted:#727c88;--hint:#a4abb5;--line:#eceef1;--line-2:#dfe3e8;--bg:#fff;--soft:#f7f8fa;--r:12px;--r-lg:18px;--r-xl:26px;--shadow:0 1px 2px rgba(17,22,29,.04),0 8px 24px rgba(17,22,29,.06);--shadow-sm:0 1px 2px rgba(17,22,29,.05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:var(--body);background:#e9edf1;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3{color:var(--ink);font-weight:600;line-height:1.25}.wrap{max-width:1360px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:0 0 60px #11161d0d}.ann{background:var(--blue-dark);color:#fff;text-align:center;font-size:13px;padding:8px 16px}.ann i{font-size:15px;vertical-align:-2px;margin-right:5px}.head{position:sticky;top:0;z-index:50;background:#ffffffdb;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;gap:20px;padding:15px 26px}.brand img{height:42px;width:auto}.search{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line-2);border-radius:30px;padding:11px 18px;color:var(--hint);font-size:14.5px;transition:.18s}.search:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px var(--blue-soft)}.search input{border:none;background:none;outline:none;flex:1;font-family:inherit;font-size:14.5px;color:var(--ink)}.actions{display:flex;align-items:center;gap:10px;margin-left:auto}.iconbtn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--body);position:relative;transition:.15s}.iconbtn:hover{background:var(--soft)}.iconbtn i{font-size:22px}.cart-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;padding:11px 18px;border-radius:30px;font-weight:500;font-size:15px;position:relative;transition:.18s;box-shadow:0 4px 12px #1763b62e}.cart-btn:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 6px 16px #1763b640}.cart-btn i{font-size:18px}.badge{position:absolute;top:4px;right:4px;background:var(--red);color:#fff;font-size:10.5px;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.cart-count{position:absolute;top:-6px;right:-6px;background:var(--red);color:#fff;font-size:11px;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff;box-shadow:0 2px 8px #e8453f4d}.burger{display:none}.nav{display:flex;gap:4px;padding:0 26px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{display:flex;align-items:center;gap:5px;padding:13px 14px;font-size:15px;color:var(--muted);white-space:nowrap;border-bottom:2.5px solid transparent;transition:.15s}.nav a.active{color:var(--blue);font-weight:500;border-bottom-color:var(--blue)}.nav a:hover{color:var(--blue)}.nav i{font-size:15px}.hero{position:relative;margin:26px;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(120deg,#eef5fc,#dcebfa)}.slide{display:none;align-items:center;gap:30px;padding:44px 52px;min-height:300px}.slide.on{display:flex}.slide .txt{flex:1;max-width:58%}.slide .tag{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--red);font-size:13px;font-weight:500;padding:6px 14px;border-radius:30px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.slide .tag i{font-size:15px}.slide h2{font-size:32px;font-weight:700;color:var(--blue-dark);margin-bottom:12px;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide p{font-size:16px;color:#3a6ea5;margin-bottom:26px}.cta{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:14px 30px;border-radius:30px;font-size:15.5px;font-weight:500;box-shadow:0 8px 20px #1763b647;transition:.18s}.cta:hover{background:var(--blue-dark);transform:translateY(-1px)}.slide .cover{width:170px;flex-shrink:0}.slide .cover img{width:170px;border-radius:12px;box-shadow:0 20px 40px #0d44804d;transform:rotate(3deg)}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#ffffffe6;color:var(--blue-dark);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:.15s;z-index:2}.arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.arrow i{font-size:22px}.arrow.prev{left:18px}.arrow.next{right:18px}.dots{position:absolute;bottom:20px;left:52px;display:flex;gap:8px;z-index:2}.dots span{width:9px;height:9px;border-radius:50%;background:#0d448038;cursor:pointer;transition:.2s}.dots span.on{background:var(--blue);width:26px;border-radius:5px}.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:4px 26px 8px}.feat{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.feat .ic{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feat .ic i{font-size:22px}.feat .ft{font-size:14.5px;font-weight:500;color:var(--ink)}.feat .fs{font-size:12.5px;color:var(--muted)}.sechead{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px}.main-pad{padding:34px 26px 16px}.sechead h3{font-size:22px;display:flex;align-items:center;gap:10px}.sechead h3 .ti{font-size:24px;color:var(--blue)}.sechead .cnt{font-size:13.5px;color:var(--hint);font-weight:400}.sechead .more{font-size:14.5px;color:var(--blue);display:inline-flex;align-items:center;gap:5px;font-weight:500}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0 26px}.cat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-align:center;transition:.16s}.cat:hover{border-color:var(--blue-tint);box-shadow:var(--shadow);transform:translateY(-3px)}.cat .ci{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;background-size:cover;background-position:center top;box-shadow:0 4px 12px #11161d1f}.cat .ci i{font-size:26px}.cat span{font-size:13px;font-weight:500;color:var(--ink);line-height:1.35}.shop{display:grid;grid-template-columns:1fr 300px;gap:30px;padding:34px 26px 30px;align-items:start}.main{min-width:0}.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:130px}.scard{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:18px}.shd{font-size:15px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px;margin-bottom:14px}.shd i{font-size:18px;color:var(--blue)}.promo{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;text-align:center}.promo .ptag{font-size:12.5px;color:#cfe3f8}.promo .pcode{font-size:30px;font-weight:700;letter-spacing:2px;margin:6px 0;color:#fff}.promo .pdesc{font-size:13px;color:#dceafa;margin-bottom:14px}.promo .pbtn{background:#fff;color:var(--blue-dark);font-weight:500;font-size:14px;padding:9px 22px;border-radius:30px;border:1px dashed var(--blue-tint)}.rk{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.rk:first-of-type{border-top:none}.rk .no{width:24px;height:24px;border-radius:7px;background:var(--soft);color:var(--muted);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rk.top .no{background:var(--blue);color:#fff}.rk .rt{font-size:13.5px;color:var(--ink);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rk .rp{font-size:13px;font-weight:600;color:var(--blue);white-space:nowrap;margin-left:auto}.line{display:flex;align-items:center;gap:12px;background:#f0faf2;border-color:#cdeecf}.line>i{font-size:32px;color:#06c755}.line .lt{font-size:14px;font-weight:500;color:var(--ink);line-height:1.4}.line .lt span{font-size:12.5px;color:var(--muted);font-weight:400}.line .lbtn{margin-left:auto;background:#06c755;color:#fff;font-size:13px;font-weight:500;padding:8px 16px;border-radius:30px;white-space:nowrap}.bsec{padding-top:44px;margin-top:44px;border-top:1px solid var(--line)}.bsec:first-child{padding-top:0;margin-top:0;border-top:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;transition:.18s;position:relative}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:var(--line-2)}.pic{position:relative;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--hint);overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.pic i.bk{font-size:54px}.pic .b{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:11.5px;font-weight:500;padding:4px 11px;border-radius:30px;z-index:1}.pic .b.oos{background:var(--muted)}.fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#ffffffeb;color:var(--muted);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-4px);transition:.18s;z-index:1}.card:hover .fav{opacity:1;transform:none}.fav i{font-size:18px}.quick{position:absolute;left:12px;right:12px;bottom:12px;background:var(--ink);color:#fff;border-radius:30px;padding:10px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:7px;opacity:0;transform:translateY(8px);transition:.2s;cursor:pointer}.card:hover .quick{opacity:1;transform:none}.quick.disabled{background:var(--muted);cursor:not-allowed;opacity:1;transform:none}.card:hover .quick.disabled{background:var(--muted)}.quick i{font-size:17px}.body{padding:14px 15px 16px}.title{font-size:14.5px;line-height:1.45;height:42px;overflow:hidden;margin-bottom:10px;color:var(--ink);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pricerow{display:flex;align-items:baseline;gap:7px}.price{font-size:18px;font-weight:600;color:var(--blue-dark)}.old{font-size:13.5px;color:var(--hint);text-decoration:line-through}.pager{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:26px}.pager button{min-width:38px;height:38px;border:1px solid var(--line-2);border-radius:10px;font-size:14.5px;color:var(--body);display:flex;align-items:center;justify-content:center;transition:.15s}.pager button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.pager button.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:500}.pager button:disabled{opacity:.4;cursor:default}.pager .dot{color:var(--hint);padding:0 2px}.qrband{margin:14px 26px 30px;border-radius:var(--r-xl);background:linear-gradient(120deg,var(--blue),var(--blue-dark));color:#fff;padding:36px 40px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;box-shadow:0 16px 40px #0d448040}.qricon{width:76px;height:76px;border-radius:20px;background:#ffffff29;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qricon i{font-size:42px}.qrband .qt{font-size:21px;font-weight:600}.qrband .qs{font-size:15px;color:#cfe3f8;margin-top:4px;max-width:480px}.qrband .qbtn{margin-left:auto;background:#fff;color:var(--blue-dark);padding:13px 26px;border-radius:30px;font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:7px}.foot{background:var(--soft);border-top:1px solid var(--line);padding:40px 26px 24px}.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}.foot h4{font-size:15px;color:var(--ink);margin-bottom:14px;font-weight:600}.foot ul{list-style:none}.foot li{font-size:14px;color:var(--muted);padding:5px 0}.foot .lead{font-size:14px;color:var(--muted);margin-top:12px;max-width:280px}.social{display:flex;gap:10px;margin-top:16px}.social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--body)}.social a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.social i{font-size:19px}.copy{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--hint);text-align:center}@media (max-width:920px){.shop{grid-template-columns:1fr}.side{position:static;flex-direction:row;flex-wrap:wrap}.side .scard{flex:1;min-width:240px}}@media (max-width:860px){.feats{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.fcols{grid-template-columns:1fr 1fr}}@media (max-width:760px){.nav{display:none}.burger{display:flex}.grid{grid-template-columns:repeat(3,1fr)}.slide{padding:26px 24px;min-height:auto;gap:18px}.slide h2{font-size:22px;-webkit-line-clamp:3}.slide p{font-size:14px;margin-bottom:18px}.slide .txt{max-width:60%}.slide .cover{width:108px}.slide .cover img{width:108px;transform:none;box-shadow:0 12px 26px #0d448047}.slide .tag{margin-bottom:12px}.cta{padding:11px 22px;font-size:14px}.slide{padding-bottom:36px}.dots{left:50%;transform:translate(-50%);bottom:12px}.arrow{width:34px;height:34px}.arrow i{font-size:18px}.arrow.prev{left:10px}.arrow.next{right:10px}.qrband .qbtn{margin-left:0}}@media (max-width:480px){.topbar{gap:12px;padding:12px 16px}.search{display:none}.hero{margin:16px}.feats,.cats,.shop,.main-pad{padding-left:16px;padding-right:16px}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.cats{grid-template-columns:repeat(2,1fr)}.qrband{margin:14px 16px;padding:26px 22px}.fcols{grid-template-columns:1fr}.slide{flex-direction:row;padding:22px 18px;gap:14px}.slide h2{font-size:19px}.slide .txt{max-width:none;flex:1}.slide .cover,.slide .cover img{width:92px}.arrow{display:none}}.crumb{display:flex;align-items:center;gap:7px;padding:18px 26px;font-size:13.5px;color:var(--muted);flex-wrap:wrap}.crumb a:hover{color:var(--blue)}.crumb i{font-size:14px;color:var(--hint)}.crumb .cur{color:var(--ink)}.pdp{display:grid;grid-template-columns:minmax(0,460px) 1fr;gap:40px;padding:8px 26px 36px;align-items:start}.gal .main{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--soft);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.gal .main img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.thumbs button{width:64px;height:84px;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;padding:0;background:var(--soft);transition:.15s}.thumbs button.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.thumbs img{width:100%;height:100%;object-fit:cover}.info .cats{display:flex;gap:8px;padding:0;flex-wrap:wrap;margin-bottom:12px}.info .ct{font-size:12.5px;color:var(--blue);background:var(--blue-soft);padding:5px 12px;border-radius:30px}.info h1{font-size:27px;line-height:1.35;margin-bottom:14px}.info .meta{display:flex;align-items:center;gap:16px;font-size:13.5px;color:var(--muted);margin-bottom:18px;flex-wrap:wrap}.info .rate{color:var(--amber)}.skubox{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px dashed var(--line-2);border-radius:var(--r);padding:11px 16px;margin-bottom:20px}.skubox i{font-size:20px;color:var(--blue)}.skubox .sl{font-size:13px;color:var(--muted)}.skubox .sv{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:.3px;font-feature-settings:"tnum"}.priceblock{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.priceblock .now{font-size:34px;font-weight:700;color:var(--blue-dark)}.priceblock .was{font-size:18px;color:var(--hint);text-decoration:line-through}.priceblock .save{font-size:13px;font-weight:500;color:var(--red);background:#fdeceb;padding:4px 11px;border-radius:30px}.stock{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;margin-bottom:22px}.stock.in{color:#0f6e56}.stock.out{color:var(--muted)}.stock i{font-size:16px}.buyrow{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.qty{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:30px;overflow:hidden}.qty button{width:42px;height:46px;font-size:20px;color:var(--body)}.qty button:hover{background:var(--soft)}.qty span{min-width:40px;text-align:center;font-size:16px;font-weight:500;color:var(--ink)}.addbtn{flex:1;min-width:180px;height:48px;background:var(--blue);color:#fff;border-radius:30px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 20px #1763b640;transition:.15s}.addbtn:hover{background:var(--blue-dark)}.addbtn.oos{background:var(--muted);cursor:not-allowed;box-shadow:none}.addbtn.oos:hover{background:var(--muted)}.buybtn{height:48px;padding:0 26px;border:1px solid var(--blue);color:var(--blue);border-radius:30px;font-size:16px;font-weight:500}.buybtn:hover{background:var(--blue-soft)}.perks{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:20px}.perk{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--body)}.perk i{font-size:20px;color:var(--blue)}.descsec{padding:0 26px 10px}.descsec .dh{font-size:19px;font-weight:600;color:var(--ink);border-bottom:2px solid var(--blue);display:inline-block;padding-bottom:8px;margin-bottom:18px}.desc{font-size:15.5px;line-height:1.9;color:var(--body);white-space:pre-line;max-width:880px}.related{padding:30px 26px 10px}.related>h3{font-size:22px;display:flex;align-items:center;gap:10px;margin-bottom:18px}.related>h3 i{font-size:24px;color:var(--blue)}@media (max-width:860px){.pdp{grid-template-columns:1fr;gap:24px}.gal{max-width:420px}.perks{grid-template-columns:1fr}}@media (max-width:480px){.pdp,.descsec,.related,.crumb{padding-left:16px;padding-right:16px}.info h1{font-size:22px}.priceblock .now{font-size:28px}}.descgrid{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start;max-width:1000px}.spec{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff}.spec-h{background:var(--soft);padding:13px 18px;font-size:15px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.spec-h i{font-size:18px;color:var(--blue)}.srow{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.srow:last-child{border-bottom:none}.srow .sk{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);min-width:118px;flex-shrink:0}.srow .sk i{font-size:17px;color:var(--blue)}.srow .svv{font-size:14.5px;color:var(--ink);font-weight:500}@media (max-width:860px){.descgrid{grid-template-columns:1fr;gap:22px}}.cartpage{padding:24px 26px 36px}.ctitle{font-size:24px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.ctitle i{font-size:26px;color:var(--blue)}.cartgrid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.citems{display:flex;flex-direction:column}.citem{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.cimg{width:74px;height:98px;border-radius:10px;overflow:hidden;background:var(--soft);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--hint)}.cimg img{width:100%;height:100%;object-fit:cover}.cmid{flex:1;min-width:0;display:flex;flex-direction:column}.cname{font-size:15px;font-weight:500;color:var(--ink);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cname:hover{color:var(--blue)}.cprice{font-size:14px;color:var(--muted);margin-top:4px}.crm{margin-top:auto;align-self:flex-start;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}.crm:hover{color:var(--red)}.crm i{font-size:15px}.cright{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:14px}.qty.sm button{width:32px;height:36px;font-size:17px}.qty.sm span{min-width:32px;font-size:14.5px}.cline{font-size:17px;font-weight:600;color:var(--blue-dark)}.backlink{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--blue);margin-top:20px}.csum{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:22px;position:sticky;top:130px}.csum .sh{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:18px}.srow2{display:flex;justify-content:space-between;font-size:14.5px;color:var(--body);padding:8px 0}.srow2 b{font-weight:600;color:var(--ink)}.free{color:#0f6e56;font-weight:600}.hint{font-size:13px;color:#854f0b;background:#faeeda;border-radius:var(--r);padding:9px 12px;margin:6px 0;display:flex;align-items:center;gap:7px}.hint i{font-size:16px}.stotal{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:10px;padding-top:16px;font-size:15px;color:var(--ink)}.stotal b{font-size:24px;font-weight:700;color:var(--blue-dark)}.cohbtn{width:100%;height:50px;background:var(--blue);color:#fff;border-radius:30px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;box-shadow:0 8px 20px #1763b640}.cohbtn:hover{background:var(--blue-dark)}.paynote{font-size:12.5px;color:var(--muted);text-align:center;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px}.paynote i{font-size:16px;color:var(--blue)}.empty{text-align:center;padding:60px 20px;color:var(--muted);grid-column:1/-1}.empty i{font-size:56px;color:var(--line-2)}.empty p{font-size:16px;margin:14px 0 22px}@media (max-width:860px){.cartgrid{grid-template-columns:1fr}.csum{position:static}}@media (max-width:480px){.cartpage{padding-left:16px;padding-right:16px}}.checkout-page{padding:24px 26px 36px}.co-title{font-size:24px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.co-title i{font-size:26px;color:var(--blue)}.co-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.co-form{display:flex;flex-direction:column;gap:28px}.co-section{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.co-section h2{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:18px}.co-field{display:flex;flex-direction:column;margin-bottom:18px}.co-field:last-child{margin-bottom:0}.co-field label{font-size:14px;font-weight:500;color:var(--body);margin-bottom:6px}.co-field input,.co-field select,.co-field textarea{width:100%;font-family:inherit;font-size:14px;border:1px solid var(--line-2);border-radius:var(--r);padding:10px 14px;color:var(--ink);background:#fff;transition:.15s}.co-field input:focus,.co-field select:focus,.co-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.co-field textarea{resize:vertical}.co-field select{cursor:pointer}.co-field .error{display:block;font-size:12px;color:var(--red);margin-top:4px;min-height:16px}.co-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.co-addr-hint{font-size:12.5px;color:var(--blue-dark);background:var(--blue-soft);border-radius:var(--r);padding:9px 12px;margin-bottom:18px;display:flex;align-items:center;gap:7px;line-height:1.4}.co-addr-hint i{font-size:16px;color:var(--blue);flex-shrink:0}.co-ac{position:relative}.co-ac-list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:264px;overflow-y:auto;background:#fff;border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow);list-style:none;margin:0;padding:4px}.co-ac-list[hidden]{display:none}.co-ac-item{padding:9px 12px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.co-ac-item .hl{font-size:14px;font-weight:500;color:var(--ink)}.co-ac-item small{font-size:12px;color:var(--muted)}.co-ac-item:hover,.co-ac-item.active{background:var(--blue-soft)}.co-ac-item:hover .hl,.co-ac-item.active .hl{color:var(--blue)}.co-radio-group{display:flex;flex-direction:column;gap:14px}.co-radio{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border:1px solid var(--line-2);border-radius:var(--r);transition:.15s}.co-radio input[type=radio]{margin-top:2px;cursor:pointer;width:20px;height:20px;flex-shrink:0}.co-radio:hover{border-color:var(--blue);background:var(--blue-soft)}.co-radio .radio-box{display:none}.co-radio-text{display:flex;flex-direction:column;gap:4px}.co-radio-text strong{font-size:14.5px;color:var(--ink)}.co-radio-text small{font-size:13px;color:var(--muted)}.co-summary{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:22px;position:sticky;top:130px}.co-shead{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:18px}.co-items{display:flex;flex-direction:column;gap:16px}.co-item{display:flex;gap:12px;align-items:flex-start}.co-item-img{width:52px;height:68px;border-radius:8px;overflow:hidden;background:var(--soft);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--hint)}.co-item-img img{width:100%;height:100%;object-fit:cover}.co-item-info{flex:1;min-width:0}.co-item-name{font-size:13px;font-weight:500;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.co-item-price{font-size:12px;color:var(--muted);margin-top:3px}.co-item-qty{font-size:13px;color:var(--muted);flex-shrink:0}.co-item-total{font-size:13px;font-weight:600;color:var(--blue-dark);flex-shrink:0}.co-divider{border-top:1px solid var(--line);margin:12px 0}.co-line{display:flex;justify-content:space-between;font-size:14px;color:var(--body);padding:8px 0}.co-line b{font-weight:600;color:var(--ink)}.co-hint{font-size:12px;color:#854f0b;background:#faeeda;border-radius:var(--r);padding:8px 10px;margin:6px 0;display:flex;align-items:center;gap:6px}.co-hint i{font-size:15px;flex-shrink:0}.co-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:10px;padding-top:16px;font-size:15px;color:var(--ink)}.co-total b{font-size:24px;font-weight:700;color:var(--blue-dark)}.co-btn{width:100%;height:50px;background:var(--blue);color:#fff;border-radius:30px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;box-shadow:0 8px 20px #1763b640;transition:.15s}.co-btn:hover{background:var(--blue-dark)}.co-btn:active{transform:scale(.98)}@media (max-width:860px){.co-grid{grid-template-columns:1fr}.co-summary{position:static}}@media (max-width:480px){.checkout-page{padding-left:16px;padding-right:16px}.co-row-2{grid-template-columns:1fr}}.order-page{padding:24px 26px 36px}.oc-empty{text-align:center;padding:60px 20px;color:var(--muted)}.oc-empty i{font-size:56px;color:var(--line-2);margin-bottom:12px}.oc-empty p{font-size:16px;margin:12px 0 22px}.oc-success{text-align:center;padding:40px 26px 28px;background:linear-gradient(120deg,var(--blue-soft),var(--blue-tint));border-radius:var(--r-lg);margin-bottom:28px}.oc-success i{font-size:52px;color:#06c755;display:block;margin-bottom:12px}.oc-success h1{font-size:28px;color:var(--blue-dark)}.oc-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.oc-info-row{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:flex;justify-content:space-between;align-items:center}.oc-info-row span{font-size:14px;color:var(--muted)}.oc-info-row strong{font-size:18px;font-weight:600;color:var(--blue-dark)}.oc-section{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin-bottom:28px}.oc-section h2{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:18px}.oc-section h3{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:14px;margin-top:18px}.oc-section h3:first-child{margin-top:0}.oc-bank{background:var(--soft);border:1px solid var(--line-2);border-radius:var(--r);padding:16px;margin-bottom:18px}.oc-bank-header{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.oc-bank-row{display:flex;justify-content:space-between;font-size:14px;color:var(--body);padding:8px 0}.oc-bank-row strong{color:var(--ink);font-weight:600}.oc-copy-btn{width:100%;height:40px;background:var(--blue);color:#fff;border-radius:30px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;transition:.15s}.oc-copy-btn:hover{background:var(--blue-dark)}.oc-instruction{background:var(--blue-soft);border:1px solid var(--blue-tint);border-radius:var(--r);padding:14px;margin:14px 0;font-size:14px;color:var(--ink)}.oc-slip-upload{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.oc-slip-upload input{display:block;margin-bottom:12px}#slipPreview{margin:12px 0}#slipPreview img{max-width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line)}.oc-slip-note{font-size:12px;color:var(--muted);margin-top:10px;font-style:italic}.oc-cod-message{background:var(--blue-soft);border:1px solid var(--blue-tint);border-radius:var(--r);padding:16px;font-size:14.5px;color:var(--ink);line-height:1.6}.oc-cod-message p{margin:8px 0}.oc-cod-message strong{font-weight:600}.oc-contact{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.oc-contact-label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}.oc-contact-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--body);padding:6px 0}.oc-contact-item i{font-size:16px;color:var(--blue);flex-shrink:0}.oc-contact-item strong{color:var(--ink)}.oc-note{background:#faeeda;border-left:3px solid #854f0b;border-radius:var(--r);padding:12px 14px;margin-top:16px;font-size:13px;color:#5c3a08;line-height:1.6;display:flex;gap:10px}.oc-note i{font-size:16px;flex-shrink:0;color:#854f0b;margin-top:1px}.oc-items{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.oc-item{display:flex;gap:12px;padding:12px;background:var(--soft);border-radius:var(--r);align-items:flex-start}.oc-item-img{width:52px;height:68px;border-radius:8px;overflow:hidden;background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--hint)}.oc-item-img img{width:100%;height:100%;object-fit:cover}.oc-item-info{flex:1;min-width:0}.oc-item-name{font-size:13px;font-weight:500;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oc-item-price{font-size:12px;color:var(--muted);margin-top:3px}.oc-item-qty{font-size:13px;color:var(--muted);flex-shrink:0}.oc-item-total{font-size:13px;font-weight:600;color:var(--blue-dark);flex-shrink:0}.oc-summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--body);padding:8px 0;border-bottom:1px solid var(--line)}.oc-summary-row b{font-weight:600;color:var(--ink)}.oc-summary-row:last-of-type{border-bottom:none}.oc-summary-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;font-size:15px;color:var(--ink)}.oc-summary-total b{font-size:20px;font-weight:700;color:var(--blue-dark)}.oc-address{background:var(--soft);border-radius:var(--r);padding:14px;font-size:14px;line-height:1.7;color:var(--body)}.oc-address p{margin:6px 0}.oc-address p:first-child{font-weight:600;color:var(--ink)}.order-page>.cta{display:inline-flex;margin-top:28px}@media (max-width:860px){.oc-info{grid-template-columns:1fr}}@media (max-width:480px){.order-page{padding-left:16px;padding-right:16px}}