: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 #11161d0a,0 8px 24px #11161d0f;--shadow-sm:0 1px 2px #11161d0d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--body);-webkit-font-smoothing:antialiased;background:#e9edf1;font-family:IBM Plex Sans Thai,system-ui,sans-serif;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}h1,h2,h3{color:var(--ink);font-weight:600;line-height:1.25}.wrap{background:var(--bg);max-width:1360px;min-height:100vh;margin:0 auto;box-shadow:0 0 60px #11161d0d}.ann{background:var(--blue-dark);color:#fff;text-align:center;padding:8px 16px;font-size:13px}.ann i{vertical-align:-2px;margin-right:5px;font-size:15px}.head{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffdb;position:sticky;top:0}.topbar{align-items:center;gap:20px;padding:15px 26px;display:flex}.brand img{width:auto;height:42px}.search{background:var(--soft);border:1px solid var(--line-2);max-width:460px;color:var(--hint);border-radius:30px;flex:1;align-items:center;gap:10px;padding:11px 18px;font-size:14.5px;transition:all .18s;display:flex}.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);background:#fff}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14.5px}.actions{align-items:center;gap:10px;margin-left:auto;display:flex}.iconbtn{width:42px;height:42px;color:var(--body);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.iconbtn:hover{background:var(--soft)}.iconbtn i{font-size:22px}.cart-btn{background:var(--blue);color:#fff;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:500;transition:all .18s;display:flex;position:relative;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{background:var(--red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.cart-count{background:var(--red);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #e8453f4d}.burger{display:none}.nav{scrollbar-width:none;gap:4px;padding:0 26px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);white-space:nowrap;border-bottom:2.5px solid #0000;align-items:center;gap:5px;padding:13px 14px;font-size:15px;transition:all .15s;display:flex}.nav a.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:500}.nav a:hover{color:var(--blue)}.nav i{font-size:15px}.hero{border-radius:var(--r-xl);background:linear-gradient(120deg,#eef5fc,#dcebfa);margin:26px;position:relative;overflow:hidden}.slide{align-items:center;gap:30px;min-height:300px;padding:44px 52px;display:none}.slide.on{display:flex}.slide .txt{flex:1;max-width:58%}.slide .tag{color:var(--red);box-shadow:var(--shadow-sm);background:#fff;border-radius:30px;align-items:center;gap:6px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.slide .tag i{font-size:15px}.slide h2{color:var(--blue-dark);letter-spacing:-.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:32px;font-weight:700;display:-webkit-box;overflow:hidden}.slide p{color:#3a6ea5;margin-bottom:26px;font-size:16px}.cta{background:var(--blue);color:#fff;border-radius:30px;align-items:center;gap:8px;padding:14px 30px;font-size:15.5px;font-weight:500;transition:all .18s;display:inline-flex;box-shadow:0 8px 20px #1763b647}.cta:hover{background:var(--blue-dark);transform:translateY(-1px)}.slide .cover{flex-shrink:0;width:170px}.slide .cover img{border-radius:12px;width:170px;transform:rotate(3deg);box-shadow:0 20px 40px #0d44804d}.arrow{width:42px;height:42px;color:var(--blue-dark);box-shadow:var(--shadow);z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{background:#fff;transform:translateY(-50%)scale(1.06)}.arrow i{font-size:22px}.arrow.prev{left:18px}.arrow.next{right:18px}.dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:20px;left:52px}.dots span{cursor:pointer;background:#0d448038;border-radius:50%;width:9px;height:9px;transition:all .2s}.dots span.on{background:var(--blue);border-radius:5px;width:26px}.feats{grid-template-columns:repeat(4,1fr);gap:16px;padding:4px 26px 8px;display:grid}.feat{border:1px solid var(--line);border-radius:var(--r);background:#fff;align-items:center;gap:12px;padding:16px 18px;display:flex}.feat .ic{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feat .ic i{font-size:22px}.feat .ft{color:var(--ink);font-size:14.5px;font-weight:500}.feat .fs{color:var(--muted);font-size:12.5px}.sechead{justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}.main-pad{padding:34px 26px 16px}.sechead h3{align-items:center;gap:10px;font-size:22px;display:flex}.sechead h3 .ti{color:var(--blue);font-size:24px}.sechead .cnt{color:var(--hint);font-size:13.5px;font-weight:400}.sechead .more{color:var(--blue);align-items:center;gap:5px;font-size:14.5px;font-weight:500;display:inline-flex}.cats{grid-template-columns:repeat(6,1fr);gap:14px;padding:0 26px;display:grid}.cat{border:1px solid var(--line);border-radius:var(--r);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;transition:all .16s;display:flex}.cat:hover{border-color:var(--blue-tint);box-shadow:var(--shadow);transform:translateY(-3px)}.cat .ci{color:#fff;background-position:top;background-size:cover;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 12px #11161d1f}.cat .ci i{font-size:26px}.cat span{color:var(--ink);font-size:13px;font-weight:500;line-height:1.35}.shop{grid-template-columns:1fr 300px;align-items:start;gap:30px;padding:34px 26px 30px;display:grid}.main{min-width:0}.side{flex-direction:column;gap:18px;display:flex;position:sticky;top:130px}.scard{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:18px}.shd{color:var(--ink);align-items:center;gap:7px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.shd i{color:var(--blue);font-size:18px}.promo{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;text-align:center;border:none}.promo .ptag{color:#cfe3f8;font-size:12.5px}.promo .pcode{letter-spacing:2px;color:#fff;margin:6px 0;font-size:30px;font-weight:700}.promo .pdesc{color:#dceafa;margin-bottom:14px;font-size:13px}.promo .pbtn{color:var(--blue-dark);border:1px dashed var(--blue-tint);background:#fff;border-radius:30px;padding:9px 22px;font-size:14px;font-weight:500}.rk{border-top:1px solid var(--line);align-items:center;gap:12px;padding:9px 0;display:flex}.rk:first-of-type{border-top:none}.rk .no{background:var(--soft);width:24px;height:24px;color:var(--muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.rk.top .no{background:var(--blue);color:#fff}.rk .rt{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.rk .rp{color:var(--blue);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:600}.line{background:#f0faf2;border-color:#cdeecf;align-items:center;gap:12px;display:flex}.line>i{color:#06c755;font-size:32px}.line .lt{color:var(--ink);font-size:14px;font-weight:500;line-height:1.4}.line .lt span{color:var(--muted);font-size:12.5px;font-weight:400}.line .lbtn{color:#fff;white-space:nowrap;background:#06c755;border-radius:30px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:500}.bsec{border-top:1px solid var(--line);margin-top:44px;padding-top:44px}.bsec:first-child{border-top:none;margin-top:0;padding-top:0}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;transition:all .18s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:translateY(-4px)}.pic{aspect-ratio:3/4;background:var(--soft);color:var(--hint);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pic img{object-fit:cover;width:100%;height:100%}.pic i.bk{font-size:54px}.pic .b{background:var(--red);color:#fff;z-index:1;border-radius:30px;padding:4px 11px;font-size:11.5px;font-weight:500;position:absolute;top:12px;left:12px}.pic .b.oos{background:var(--muted)}.fav{width:34px;height:34px;color:var(--muted);opacity:0;z-index:1;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.card:hover .fav{opacity:1;transform:none}.fav i{font-size:18px}.quick{background:var(--ink);color:#fff;opacity:0;cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(8px)}.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{height:42px;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:14.5px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.pricerow{align-items:baseline;gap:7px;display:flex}.price{color:var(--blue-dark);font-size:18px;font-weight:600}.old{color:var(--hint);font-size:13.5px;text-decoration:line-through}.pager{justify-content:center;align-items:center;gap:7px;margin-top:26px;display:flex}.pager button{border:1px solid var(--line-2);min-width:38px;height:38px;color:var(--body);border-radius:10px;justify-content:center;align-items:center;font-size:14.5px;transition:all .15s;display:flex}.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{border-radius:var(--r-xl);background:linear-gradient(120deg,var(--blue),var(--blue-dark));color:#fff;flex-wrap:wrap;align-items:center;gap:26px;margin:14px 26px 30px;padding:36px 40px;display:flex;box-shadow:0 16px 40px #0d448040}.qricon{background:#ffffff29;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.qricon i{font-size:42px}.qrband .qt{font-size:21px;font-weight:600}.qrband .qs{color:#cfe3f8;max-width:480px;margin-top:4px;font-size:15px}.qrband .qbtn{color:var(--blue-dark);background:#fff;border-radius:30px;align-items:center;gap:7px;margin-left:auto;padding:13px 26px;font-size:15px;font-weight:500;display:inline-flex}.foot{background:var(--soft);border-top:1px solid var(--line);padding:40px 26px 24px}.fcols{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px;display:grid}.foot h4{color:var(--ink);margin-bottom:14px;font-size:15px;font-weight:600}.foot ul{list-style:none}.foot li{color:var(--muted);padding:5px 0;font-size:14px}.foot .lead{color:var(--muted);max-width:280px;margin-top:12px;font-size:14px}.social{gap:10px;margin-top:16px;display:flex}.social a{border:1px solid var(--line-2);width:38px;height:38px;color:var(--body);border-radius:50%;justify-content:center;align-items:center;display:flex}.social a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.social i{font-size:19px}.copy{border-top:1px solid var(--line);color:var(--hint);text-align:center;padding-top:18px;font-size:13px}@media (width<=920px){.shop{grid-template-columns:1fr}.side{flex-flow:wrap;position:static}.side .scard{flex:1;min-width:240px}}@media (width<=860px){.feats{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.fcols{grid-template-columns:1fr 1fr}}@media (width<=760px){.nav{display:none}.burger{display:flex}.grid{grid-template-columns:repeat(3,1fr)}.slide{gap:18px;min-height:auto;padding:26px 24px}.slide h2{-webkit-line-clamp:3;font-size:22px}.slide p{margin-bottom:18px;font-size:14px}.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{bottom:12px;left:50%;transform:translate(-50%)}.arrow{width:34px;height:34px}.arrow i{font-size:18px}.arrow.prev{left:10px}.arrow.next{right:10px}.qrband .qbtn{margin-left:0}}@media (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;gap:14px;padding:22px 18px}.slide h2{font-size:19px}.slide .txt{flex:1;max-width:none}.slide .cover,.slide .cover img{width:92px}.arrow{display:none}}.crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;padding:18px 26px;font-size:13.5px;display:flex}.crumb a:hover{color:var(--blue)}.crumb i{color:var(--hint);font-size:14px}.crumb .cur{color:var(--ink)}.pdp{grid-template-columns:minmax(0,460px) 1fr;align-items:start;gap:40px;padding:8px 26px 36px;display:grid}.gal .main{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--soft);aspect-ratio:3/4;justify-content:center;align-items:center;display:flex;overflow:hidden}.gal .main img{object-fit:contain;width:100%;height:100%}.thumbs{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.thumbs button{border:1px solid var(--line-2);background:var(--soft);border-radius:10px;width:64px;height:84px;padding:0;transition:all .15s;overflow:hidden}.thumbs button.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.thumbs img{object-fit:cover;width:100%;height:100%}.info .cats{flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:0;display:flex}.info .ct{color:var(--blue);background:var(--blue-soft);border-radius:30px;padding:5px 12px;font-size:12.5px}.info h1{margin-bottom:14px;font-size:27px;line-height:1.35}.info .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;font-size:13.5px;display:flex}.info .rate{color:var(--amber)}.skubox{background:var(--soft);border:1px dashed var(--line-2);border-radius:var(--r);align-items:center;gap:10px;margin-bottom:20px;padding:11px 16px;display:flex}.skubox i{color:var(--blue);font-size:20px}.skubox .sl{color:var(--muted);font-size:13px}.skubox .sv{color:var(--ink);letter-spacing:.3px;font-feature-settings:"tnum";font-size:16px;font-weight:600}.priceblock{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.priceblock .now{color:var(--blue-dark);font-size:34px;font-weight:700}.priceblock .was{color:var(--hint);font-size:18px;text-decoration:line-through}.priceblock .save{color:var(--red);background:#fdeceb;border-radius:30px;padding:4px 11px;font-size:13px;font-weight:500}.stock{align-items:center;gap:6px;margin-bottom:22px;font-size:13.5px;display:inline-flex}.stock.in{color:#0f6e56}.stock.out{color:var(--muted)}.stock i{font-size:16px}.buyrow{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.qty{border:1px solid var(--line-2);border-radius:30px;align-items:center;display:flex;overflow:hidden}.qty button{width:42px;height:46px;color:var(--body);font-size:20px}.qty button:hover{background:var(--soft)}.qty span{text-align:center;min-width:40px;color:var(--ink);font-size:16px;font-weight:500}.addbtn{background:var(--blue);color:#fff;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:9px;min-width:180px;height:48px;font-size:16px;font-weight:500;transition:all .15s;display:flex;box-shadow:0 8px 20px #1763b640}.addbtn:hover{background:var(--blue-dark)}.addbtn.oos{background:var(--muted);cursor:not-allowed;box-shadow:none}.addbtn.oos:hover{background:var(--muted)}.buybtn{border:1px solid var(--blue);height:48px;color:var(--blue);border-radius:30px;padding:0 26px;font-size:16px;font-weight:500}.buybtn:hover{background:var(--blue-soft)}.perks{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding-top:20px;display:grid}.perk{color:var(--body);align-items:center;gap:10px;font-size:13.5px;display:flex}.perk i{color:var(--blue);font-size:20px}.descsec{padding:0 26px 10px}.descsec .dh{color:var(--ink);border-bottom:2px solid var(--blue);margin-bottom:18px;padding-bottom:8px;font-size:19px;font-weight:600;display:inline-block}.desc{color:var(--body);white-space:pre-line;max-width:880px;font-size:15.5px;line-height:1.9}.related{padding:30px 26px 10px}.related>h3{align-items:center;gap:10px;margin-bottom:18px;font-size:22px;display:flex}.related>h3 i{color:var(--blue);font-size:24px}@media (width<=860px){.pdp{grid-template-columns:1fr;gap:24px}.gal{max-width:420px}.perks{grid-template-columns:1fr}}@media (width<=480px){.pdp,.descsec,.related,.crumb{padding-left:16px;padding-right:16px}.info h1{font-size:22px}.priceblock .now{font-size:28px}}.descgrid{grid-template-columns:1fr 320px;align-items:start;gap:32px;max-width:1000px;display:grid}.spec{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden}.spec-h{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:13px 18px;font-size:15px;font-weight:600;display:flex}.spec-h i{color:var(--blue);font-size:18px}.srow{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px 18px;display:flex}.srow:last-child{border-bottom:none}.srow .sk{color:var(--muted);flex-shrink:0;align-items:center;gap:8px;min-width:118px;font-size:13.5px;display:flex}.srow .sk i{color:var(--blue);font-size:17px}.srow .svv{color:var(--ink);font-size:14.5px;font-weight:500}@media (width<=860px){.descgrid{grid-template-columns:1fr;gap:22px}}.cartpage{padding:24px 26px 36px}.ctitle{align-items:center;gap:10px;margin-bottom:22px;font-size:24px;display:flex}.ctitle i{color:var(--blue);font-size:26px}.cartgrid{grid-template-columns:1fr 340px;align-items:start;gap:28px;display:grid}.citems{flex-direction:column;display:flex}.citem{border-bottom:1px solid var(--line);gap:16px;padding:18px 0;display:flex}.cimg{background:var(--soft);width:74px;height:98px;color:var(--hint);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.cimg img{object-fit:cover;width:100%;height:100%}.cmid{flex-direction:column;flex:1;min-width:0;display:flex}.cname{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.cname:hover{color:var(--blue)}.cprice{color:var(--muted);margin-top:4px;font-size:14px}.crm{color:var(--muted);align-self:flex-start;align-items:center;gap:5px;margin-top:auto;font-size:13px;display:flex}.crm:hover{color:var(--red)}.crm i{font-size:15px}.cright{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.qty.sm button{width:32px;height:36px;font-size:17px}.qty.sm span{min-width:32px;font-size:14.5px}.cline{color:var(--blue-dark);font-size:17px;font-weight:600}.backlink{color:var(--blue);align-items:center;gap:6px;margin-top:20px;font-size:14px;display:inline-flex}.csum{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:22px;position:sticky;top:130px}.csum .sh{color:var(--ink);margin-bottom:18px;font-size:17px;font-weight:600}.srow2{color:var(--body);justify-content:space-between;padding:8px 0;font-size:14.5px;display:flex}.srow2 b{color:var(--ink);font-weight:600}.free{color:#0f6e56;font-weight:600}.hint{color:#854f0b;border-radius:var(--r);background:#faeeda;align-items:center;gap:7px;margin:6px 0;padding:9px 12px;font-size:13px;display:flex}.hint i{font-size:16px}.stotal{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;margin-top:10px;padding-top:16px;font-size:15px;display:flex}.stotal b{color:var(--blue-dark);font-size:24px;font-weight:700}.cohbtn{background:var(--blue);color:#fff;border-radius:30px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;margin-top:18px;font-size:16px;font-weight:500;display:flex;box-shadow:0 8px 20px #1763b640}.cohbtn:hover{background:var(--blue-dark)}.paynote{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:12.5px;display:flex}.paynote i{color:var(--blue);font-size:16px}.empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:60px 20px}.empty i{color:var(--line-2);font-size:56px}.empty p{margin:14px 0 22px;font-size:16px}@media (width<=860px){.cartgrid{grid-template-columns:1fr}.csum{position:static}}@media (width<=480px){.cartpage{padding-left:16px;padding-right:16px}}.checkout-page{padding:24px 26px 36px}.co-title{align-items:center;gap:10px;margin-bottom:22px;font-size:24px;display:flex}.co-title i{color:var(--blue);font-size:26px}.co-grid{grid-template-columns:1fr 340px;align-items:start;gap:28px;display:grid}.co-form{flex-direction:column;gap:28px;display:flex}.co-section{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:22px}.co-section h2{color:var(--ink);margin-bottom:18px;font-size:17px;font-weight:600}.co-field{flex-direction:column;margin-bottom:18px;display:flex}.co-field:last-child{margin-bottom:0}.co-field label{color:var(--body);margin-bottom:6px;font-size:14px;font-weight:500}.co-field input,.co-field select,.co-field textarea{border:1px solid var(--line-2);border-radius:var(--r);width:100%;color:var(--ink);background:#fff;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.co-field input:focus,.co-field select:focus,.co-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.co-field textarea{resize:vertical}.co-field select{cursor:pointer}.co-field .error{color:var(--red);min-height:16px;margin-top:4px;font-size:12px;display:block}.co-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.co-addr-hint{color:var(--blue-dark);background:var(--blue-soft);border-radius:var(--r);align-items:center;gap:7px;margin-bottom:18px;padding:9px 12px;font-size:12.5px;line-height:1.4;display:flex}.co-addr-hint i{color:var(--blue);flex-shrink:0;font-size:16px}.co-ac{position:relative}.co-ac-list{z-index:30;border:1px solid var(--line-2);border-radius:var(--r);max-height:264px;box-shadow:var(--shadow);background:#fff;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.co-ac-list[hidden]{display:none}[hidden]{display:none!important}.co-ac-item{cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.co-ac-item .hl{color:var(--ink);font-size:14px;font-weight:500}.co-ac-item small{color:var(--muted);font-size:12px}.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{flex-direction:column;gap:14px;display:flex}.co-radio{cursor:pointer;border:1px solid var(--line-2);border-radius:var(--r);align-items:flex-start;gap:12px;padding:12px;transition:all .15s;display:flex}.co-radio input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin-top:2px}.co-radio:hover{border-color:var(--blue);background:var(--blue-soft)}.co-radio .radio-box{display:none}.co-radio-text{flex-direction:column;gap:4px;display:flex}.co-radio-text strong{color:var(--ink);font-size:14.5px}.co-radio-text small{color:var(--muted);font-size:13px}.co-summary{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:22px;position:sticky;top:130px}.co-shead{color:var(--ink);margin-bottom:18px;font-size:17px;font-weight:600}.co-items{flex-direction:column;gap:16px;display:flex}.co-item{align-items:flex-start;gap:12px;display:flex}.co-item-img{background:var(--soft);width:52px;height:68px;color:var(--hint);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.co-item-img img{object-fit:cover;width:100%;height:100%}.co-item-info{flex:1;min-width:0}.co-item-name{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.co-item-price{color:var(--muted);margin-top:3px;font-size:12px}.co-item-qty{color:var(--muted);flex-shrink:0;font-size:13px}.co-item-total{color:var(--blue-dark);flex-shrink:0;font-size:13px;font-weight:600}.co-divider{border-top:1px solid var(--line);margin:12px 0}.co-line{color:var(--body);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.co-line b{color:var(--ink);font-weight:600}.co-hint{color:#854f0b;border-radius:var(--r);background:#faeeda;align-items:center;gap:6px;margin:6px 0;padding:8px 10px;font-size:12px;display:flex}.co-hint i{flex-shrink:0;font-size:15px}.co-total{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;margin-top:10px;padding-top:16px;font-size:15px;display:flex}.co-total b{color:var(--blue-dark);font-size:24px;font-weight:700}.co-btn{background:var(--blue);color:#fff;border-radius:30px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;margin-top:18px;font-size:16px;font-weight:500;transition:all .15s;display:flex;box-shadow:0 8px 20px #1763b640}.co-btn:hover{background:var(--blue-dark)}.co-btn:active{transform:scale(.98)}@media (width<=860px){.co-grid{grid-template-columns:1fr}.co-summary{position:static}}@media (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;color:var(--muted);padding:60px 20px}.oc-empty i{color:var(--line-2);margin-bottom:12px;font-size:56px}.oc-empty p{margin:12px 0 22px;font-size:16px}.oc-success{text-align:center;background:linear-gradient(120deg,var(--blue-soft),var(--blue-tint));border-radius:var(--r-lg);margin-bottom:28px;padding:40px 26px 28px}.oc-success i{color:#06c755;margin-bottom:12px;font-size:52px;display:block}.oc-success h1{color:var(--blue-dark);font-size:28px}.oc-info{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.oc-info-row{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;justify-content:space-between;align-items:center;padding:18px;display:flex}.oc-info-row span{color:var(--muted);font-size:14px}.oc-info-row strong{color:var(--blue-dark);font-size:18px;font-weight:600}.oc-section{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;margin-bottom:28px;padding:22px}.oc-section h2{color:var(--ink);margin-bottom:18px;font-size:17px;font-weight:600}.oc-section h3{color:var(--ink);margin-top:18px;margin-bottom:14px;font-size:15px;font-weight:600}.oc-section h3:first-child{margin-top:0}.oc-bank{background:var(--soft);border:1px solid var(--line-2);border-radius:var(--r);margin-bottom:18px;padding:16px}.oc-bank-header{color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px;font-size:14px;font-weight:600}.oc-bank-row{color:var(--body);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.oc-bank-row strong{color:var(--ink);font-weight:600}.oc-copy-btn{background:var(--blue);color:#fff;border-radius:30px;justify-content:center;align-items:center;gap:7px;width:100%;height:40px;margin-top:12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.oc-copy-btn:hover{background:var(--blue-dark)}.oc-instruction{background:var(--blue-soft);border:1px solid var(--blue-tint);border-radius:var(--r);color:var(--ink);margin:14px 0;padding:14px;font-size:14px}.oc-slip-upload{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.oc-slip-upload input{margin-bottom:12px;display:block}#slipPreview{margin:12px 0}#slipPreview img{border-radius:var(--r);border:1px solid var(--line);max-width:100%;height:auto}.oc-slip-note{color:var(--muted);margin-top:10px;font-size:12px;font-style:italic}.oc-cod-message{background:var(--blue-soft);border:1px solid var(--blue-tint);border-radius:var(--r);color:var(--ink);padding:16px;font-size:14.5px;line-height:1.6}.oc-cod-message p{margin:8px 0}.oc-cod-message strong{font-weight:600}.oc-contact{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.oc-contact-label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.oc-contact-item{color:var(--body);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.oc-contact-item i{color:var(--blue);flex-shrink:0;font-size:16px}.oc-contact-item strong{color:var(--ink)}.oc-note{border-radius:var(--r);color:#5c3a08;background:#faeeda;border-left:3px solid #854f0b;gap:10px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.oc-note i{color:#854f0b;flex-shrink:0;margin-top:1px;font-size:16px}.oc-items{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.oc-item{background:var(--soft);border-radius:var(--r);align-items:flex-start;gap:12px;padding:12px;display:flex}.oc-item-img{width:52px;height:68px;color:var(--hint);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.oc-item-img img{object-fit:cover;width:100%;height:100%}.oc-item-info{flex:1;min-width:0}.oc-item-name{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.oc-item-price{color:var(--muted);margin-top:3px;font-size:12px}.oc-item-qty{color:var(--muted);flex-shrink:0;font-size:13px}.oc-item-total{color:var(--blue-dark);flex-shrink:0;font-size:13px;font-weight:600}.oc-summary-row{color:var(--body);border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.oc-summary-row b{color:var(--ink);font-weight:600}.oc-summary-row:last-of-type{border-bottom:none}.oc-summary-total{color:var(--ink);justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;font-size:15px;display:flex}.oc-summary-total b{color:var(--blue-dark);font-size:20px;font-weight:700}.oc-address{background:var(--soft);border-radius:var(--r);color:var(--body);padding:14px;font-size:14px;line-height:1.7}.oc-address p{margin:6px 0}.oc-address p:first-child{color:var(--ink);font-weight:600}.order-page>.cta{margin-top:28px;display:inline-flex}@media (width<=860px){.oc-info{grid-template-columns:1fr}}@media (width<=480px){.order-page{padding-left:16px;padding-right:16px}}.richtext,.desc.html{white-space:normal}.richtext p,.richtext ul,.richtext ol,.richtext blockquote{margin:0 0 .8em}.richtext ul,.richtext ol{padding-left:1.5em}.richtext ul{list-style:outside}.richtext ol{list-style:decimal}.richtext li{margin-bottom:.25em}.richtext h2,.richtext h3,.richtext h4{color:var(--ink);margin:1em 0 .4em;font-weight:700;line-height:1.4}.richtext h2{font-size:1.3em}.richtext h3{font-size:1.15em}.richtext a{color:var(--blue);text-decoration:underline}.richtext img{border-radius:8px;max-width:100%;height:auto}.richtext blockquote{border-left:3px solid var(--line);color:var(--muted);padding-left:1em}.richtext>:last-child{margin-bottom:0}.page2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:0 28px;display:grid}.page2 .oc-section{margin-bottom:28px}@media (width<=860px){.page2{grid-template-columns:1fr}}@media (width<=480px){.order-page{padding-left:16px;padding-right:16px}}.wrap{flex-direction:column;min-height:100dvh;display:flex}.wrap>.sfoot{margin-top:auto}.wrap>*{min-width:0}.ihero{background:linear-gradient(120deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;padding:38px 26px;position:relative;overflow:hidden}.ihero:after{content:"";background:#ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px}.ihero-in{z-index:1;align-items:center;gap:18px;display:flex;position:relative}.ihero-ic{background:#ffffff26;border-radius:18px;flex:none;place-items:center;width:64px;height:64px;font-size:32px;display:grid}.ihero h1{color:#fff;font-size:28px;font-weight:700;line-height:1.3}.ihero p{opacity:.9;margin-top:4px;font-size:15.5px}.ipage{flex-direction:column;gap:30px;padding:28px 26px 40px;display:flex}.ih2{color:var(--ink);align-items:center;gap:10px;margin-bottom:14px;font-size:19px;font-weight:700;display:flex}.ih2:before{content:"";background:var(--blue);border-radius:3px;width:5px;height:20px}.icard{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:22px 24px}.icard.intro{color:var(--body);font-size:16px;line-height:1.9}.igrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.igrid .icard{margin-top:14px}.isteps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:0;list-style:none;display:grid}.isteps li{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:20px 18px 18px;position:relative}.isteps .no{color:var(--blue-tint);font-size:34px;font-weight:700;line-height:1;position:absolute;top:14px;right:16px}.isteps i{color:var(--blue);background:var(--blue-soft);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:26px;display:grid}.isteps p{color:var(--ink);font-size:15px;line-height:1.6}.bankcard{color:#fff;background:linear-gradient(135deg,#0f8a4f 0%,#0b6b3d 100%);border-radius:20px;margin-bottom:12px;padding:20px 22px;box-shadow:0 10px 30px #0b6b3d40}.bk-top{opacity:.95;align-items:center;gap:10px;font-size:15px;display:flex}.bk-top i{font-size:22px}.bk-num{letter-spacing:2px;font-variant-numeric:tabular-nums;margin:18px 0 14px;font-size:30px;font-weight:700}.bk-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:14.5px;display:flex}.bk-copy{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff59;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.bk-copy:hover{background:#ffffff47}.ihint{color:var(--muted);align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;display:flex}.ihint i{color:var(--blue);margin-top:1px;font-size:18px}.shipcard{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;align-items:stretch;display:flex;overflow:hidden}.ship-stat{text-align:center;flex-direction:column;flex:1;gap:4px;padding:22px;display:flex}.ship-stat b{color:var(--ink);font-size:32px;line-height:1.2}.ship-stat span{color:var(--muted);font-size:14px}.ship-stat.free{background:#ecfbf2}.ship-stat.free b{color:#0f8a4f}.ship-sep{background:var(--line);width:1px}.inote{color:#6b4a00;border-radius:var(--r-lg);background:#fff8e6;border:1px solid #f6dfa6;padding:18px 22px;font-size:15px;line-height:1.8}.icta{background:var(--blue-soft);border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.icta b{color:var(--ink);font-size:17px;display:block}.icta span{color:var(--muted);font-size:14px}.icta-btns{flex-wrap:wrap;gap:10px;display:flex}.ibtn{background:var(--blue);color:#fff;border-radius:99px;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:600;display:inline-flex}.ibtn:hover{background:var(--blue-dark)}.ibtn.line{background:#06c755}.ibtn.line:hover{background:#05a648}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.tile{text-align:left;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);color:inherit;background:#fff;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex}.tile:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.tile-ic{background:var(--blue-soft);width:50px;height:50px;color:var(--blue);border-radius:14px;place-items:center;margin-bottom:10px;font-size:26px;display:grid}.tile.t-line .tile-ic{color:#06c755;background:#e6f9ee}.tile.t-fb .tile-ic{color:#1877f2;background:#e8f0fe}.tile.t-mail .tile-ic{color:#e06a00;background:#fff1e6}.tile-l{color:var(--muted);font-size:13.5px}.tile-v{color:var(--ink);word-break:break-word;font-size:18px}.tile-h{color:var(--blue);align-items:center;gap:4px;margin-top:6px;font-size:13px;display:inline-flex}.mapcard{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);display:grid;overflow:hidden}.map-info{flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex}.map-info b{color:var(--ink);font-size:17px}.map-info p{color:var(--body);margin-bottom:8px;line-height:1.7}.map-frame{border:0;width:100%;height:100%;min-height:320px;display:block}@media (width<=860px){.igrid,.mapcard{grid-template-columns:1fr}.map-frame{min-height:260px}}@media (width<=480px){.ihero{padding:28px 16px}.ihero h1{font-size:22px}.ihero-ic{width:52px;height:52px;font-size:26px}.ipage{padding:22px 16px 32px}.bk-num{font-size:24px}.ship-stat b{font-size:26px}}.hs{touch-action:pan-y;border-radius:28px;margin:22px 26px 6px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0d44801f}.hs-track{will-change:transform;transition:transform .6s cubic-bezier(.22,.8,.22,1);display:flex}.hs-slide{flex:0 0 100%;min-height:380px;position:relative;overflow:hidden}.hs-prod{color:var(--blue-dark);align-items:center;gap:40px;padding:48px 72px;display:flex}.hs-prod.dark{color:#fff}.hs-orb{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.hs-orb.o1{background:#ffffff73;width:420px;height:420px;top:-120px;right:-60px}.hs-orb.o2{background:#ffffff4d;width:220px;height:220px;bottom:-110px;right:280px}.hs-prod.dark .hs-orb{background:#ffffff12}.hs-txt{z-index:1;flex:1;min-width:0;max-width:620px;position:relative}.hs-badge{color:var(--red);background:#fff;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:7px 14px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #00000014}.hs-prod h2{letter-spacing:-.5px;color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:38px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.hs-sub{opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:17px;line-height:1.6;display:-webkit-box;overflow:hidden}.hs-price{align-items:baseline;gap:12px;margin:18px 0 24px;display:flex}.hs-price b{color:inherit;font-size:34px;font-weight:700}.hs-price s{opacity:.55;font-size:18px}.hs-btn{background:var(--blue);color:#fff;border-radius:99px;align-items:center;gap:8px;padding:13px 24px;font-size:15.5px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 24px #1763b64d}.hs-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #1763b661}.hs-prod.dark .hs-btn{color:var(--blue-dark);background:#fff}.hs-cover{z-index:1;flex:none;width:230px;margin:0 30px 0 auto;position:relative}.hs-cover img{border-radius:10px;width:100%;transition:transform .5s;transform:perspective(900px)rotateY(-14deg)rotate(2deg);box-shadow:0 30px 50px #0d285059,0 0 0 1px #0000000a}.hs-slide:hover .hs-cover img{transform:perspective(900px)rotateY(-6deg)rotate(0)}.hs-img{aspect-ratio:16/5;background:#e9edf1;min-height:0;display:block}.hs-img picture,.hs-img img{object-fit:cover;width:100%;height:100%;display:block}.hs-cap{color:#fff;background:linear-gradient(#0000,#0000008c);padding:60px 48px 44px;position:absolute;bottom:0;left:0;right:0}.hs-cap h2{color:#fff;font-size:32px;font-weight:700}.hs-cap p{opacity:.9;margin:6px 0 14px;font-size:16px}.hs-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;color:var(--ink);opacity:0;z-index:3;background:#ffffffbf;border-radius:50%;place-items:center;font-size:22px;transition:opacity .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #0000001f}.hs:hover .hs-arrow{opacity:1}.hs-arrow:hover{background:#fff}.hs-arrow.prev{left:16px}.hs-arrow.next{right:16px}.hs-dots{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border-radius:99px;gap:7px;padding:7px 10px;display:flex;position:absolute;bottom:20px;left:72px;box-shadow:0 4px 14px #00000014}.hs-dots button{background:#0d448038;border-radius:99px;width:9px;height:9px;padding:0;transition:width .3s;overflow:hidden}.hs-dots button.on{background:#0d44802e;width:42px}.hs-dots button i{background:var(--blue);border-radius:99px;width:0;height:100%;display:block}.hs-dots button.on i{width:100%}.hs-dots button.on.run i{width:0;animation:6s linear forwards hsbar}@keyframes hsbar{to{width:100%}}@media (width<=860px){.hs{border-radius:22px;margin:14px 16px 4px}.hs-slide{min-height:0}.hs-prod{align-items:center;gap:16px;padding:28px 22px 50px}.hs-prod h2{-webkit-line-clamp:3;font-size:22px}.hs-sub{margin-top:6px;font-size:14px}.hs-badge{margin-bottom:10px;padding:5px 11px;font-size:12px}.hs-price{margin:10px 0 14px}.hs-price b{font-size:22px}.hs-price s{font-size:14px}.hs-btn{padding:10px 18px;font-size:14px}.hs-cover{width:118px;margin-right:0}.hs-cover img{transform:rotate(3deg)}.hs-orb.o1{width:240px;height:240px;top:-80px;right:-80px}.hs-orb.o2{display:none}.hs-img{aspect-ratio:16/9}.hs-img:has(source){aspect-ratio:1}.hs-cap{padding:40px 20px}.hs-cap h2{font-size:20px}.hs-cap p{font-size:14px}.hs-dots{bottom:16px;left:22px}.hs-arrow{display:none}}.cf{text-align:center;background:radial-gradient(900px 340px at 50% 0,#fff 0%,#0000 70%),linear-gradient(#e3effc 0%,#cbe0f7 100%);border-radius:28px;margin:22px 26px 6px;padding:26px 0 30px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0d44801f}.cf-kicker{color:var(--blue);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #0d44801a}.cf-stage{perspective:1200px;height:330px;margin-top:18px;position:relative}.cf-item{width:210px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,.8,.22,1),opacity .4s;position:absolute;top:0;left:50%}.cf-item img{border-radius:10px;width:100%;display:block;box-shadow:0 24px 40px #0d28504d}.cf-item.on img{box-shadow:0 30px 60px #0d285066}.cf-badge{background:var(--red);color:#fff;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:10px;left:-8px;box-shadow:0 6px 14px #e8453f59}.cf-nav{width:46px;height:46px;color:var(--ink);z-index:20;background:#fff;border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute;top:42%;box-shadow:0 6px 18px #0000001f}.cf-nav.prev{left:20px}.cf-nav.next{right:20px}.cf-info{min-height:150px;margin-top:6px;padding:0 20px}.cf-txt h2{color:var(--blue-dark);max-width:720px;margin:0 auto;font-size:26px;font-weight:700;line-height:1.3}.cf-txt p{color:var(--body);margin-top:6px}.cf-price{justify-content:center;align-items:baseline;gap:10px;margin:10px 0 16px;display:flex}.cf-price b{color:var(--blue-dark);font-size:28px}.cf-price s{color:var(--muted)}.sp-wrap{grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin:22px 26px 6px;display:grid}.sp-wrap .hs{margin:0}.sp-wrap .hs-prod{padding:40px 52px}.sp-wrap .hs-prod h2{font-size:32px}.sp-wrap .hs-dots{left:52px}.sp-side{grid-template-rows:1fr 1fr;gap:16px;display:grid}.sp-card{color:var(--ink);border-radius:22px;align-items:center;gap:12px;padding:18px 20px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0d285014}.sp-card:hover{transform:translateY(-3px)}.sp-red{background:linear-gradient(135deg,#fff0ea,#ffd8c8)}.sp-green{background:linear-gradient(135deg,#eafaf1,#c9eed9)}.sp-txt{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sp-k{align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:inline-flex}.sp-red .sp-k{color:#d03a1b}.sp-green .sp-k{color:#0b7a44}.sp-txt b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.35;display:-webkit-box;overflow:hidden}.sp-p{font-size:18px;font-weight:700}.sp-p em{background:var(--red);color:#fff;vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:12px;font-style:normal}.sp-more{color:var(--blue);margin-top:2px;font-size:13px}.sp-card img{border-radius:6px;flex:none;width:92px;transform:rotate(4deg);box-shadow:0 12px 24px #0000002e}@media (width<=1100px){.sp-wrap{grid-template-columns:1fr}.sp-side{grid-template-rows:none;grid-template-columns:1fr 1fr}}@media (width<=860px){.cf{border-radius:22px;margin:14px 16px 4px;padding:18px 0 22px}.cf-stage{height:250px}.cf-item{width:150px}.cf-txt h2{font-size:19px}.cf-price b{font-size:22px}.cf-nav{display:none}.cf-info{min-height:130px}.sp-wrap{gap:10px;margin:14px 16px 4px}.sp-wrap .hs-prod{padding:28px 22px 50px}.sp-wrap .hs-prod h2{font-size:22px}.sp-wrap .hs-dots{left:22px}.sp-side{gap:10px}.sp-card{flex-direction:column-reverse;align-items:flex-start;padding:12px}.sp-card img{width:64px}.sp-txt b{font-size:14px}.sp-p{font-size:15px}}.hs{height:400px}.hs-track{align-items:stretch;height:100%}.hs-slide{height:100%;min-height:0}.hs-img{aspect-ratio:auto}.hs-prod h2{-webkit-line-clamp:2}.sp-wrap .hs{height:400px}.sp-side{grid-template-rows:1fr 1fr;height:400px}.sp-card{min-height:0}@media (width<=1100px){.sp-side{grid-template-rows:none;height:auto}.sp-card{height:180px}}@media (width<=860px){.hs,.sp-wrap .hs{height:280px}.hs-prod h2,.sp-wrap .hs-prod h2{-webkit-line-clamp:2;font-size:20px}.hs-sub{-webkit-line-clamp:1}.hs-img:has(source){aspect-ratio:auto}.sp-card{height:200px}}@media (width<=400px){.hs,.sp-wrap .hs{height:260px}.hs-cover{width:100px}}.hs{box-shadow:0 22px 60px #0d448024,inset 0 0 0 1px #fff9}.hs-prod:before{content:"";pointer-events:none;background-image:radial-gradient(#0d448017 1.2px,#0000 1.4px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#000 0%,#0006 45%,#0000 70%);mask-image:linear-gradient(100deg,#000 0%,#0006 45%,#0000 70%)}.hs-prod.dark:before{background-image:radial-gradient(#ffffff1a 1.2px,#0000 1.4px)}.hs-prod:after{content:"";pointer-events:none;border:1px solid #ffffff8c;border-radius:20px;position:absolute;inset:10px}.hs-orb.o1{background:radial-gradient(circle at 35% 35%,#ffffffbf,#ffffff26 70%)}.hs-orb.o2{background:radial-gradient(circle,#1763b61f,#0000 70%);bottom:-90px;right:330px}.hs-badge{border:1px solid #e8453f26}.hs-prod h2{text-shadow:0 1px #fff6}.hs-prod.dark h2{text-shadow:none}.hs-price{flex-wrap:wrap;align-items:center}.hs-pl{letter-spacing:.3px;color:var(--blue-dark);background:#ffffffb3;border:1px solid #0d44801f;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.hs-price b{background:linear-gradient(90deg,var(--blue-dark),var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}.hs-prod.dark .hs-price b{color:#fff;background:0 0}.hs-cover{display:block}.hs-book{border-radius:4px 10px 10px 4px;transition:transform .5s;display:block;position:relative;transform:perspective(900px)rotateY(-14deg)rotate(2deg);box-shadow:0 30px 50px #0d285059}.hs-book img{display:block;box-shadow:none!important;border-radius:4px 10px 10px 4px!important;transform:none!important}.hs-book:before{content:"";z-index:1;background:linear-gradient(90deg,#00000047,#ffffff2e 60%,#00000014);border-radius:4px 0 0 4px;width:10px;position:absolute;top:0;bottom:0;left:0}.hs-shine{border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff59 45%,#0000 60%) 120% 0/250% 100%;position:absolute;inset:0}.hs-slide[aria-hidden=false] .hs-shine{animation:1.6s ease-out .5s both hsshine}@keyframes hsshine{to{background-position:-60% 0}}.hs-slide:hover .hs-book{transform:perspective(900px)rotateY(-6deg)rotate(0)}.hs-floor{filter:blur(4px);background:radial-gradient(#0d285047,#0000 70%);border-radius:50%;height:22px;position:absolute;bottom:-18px;left:8%;right:8%}.hs-slide[aria-hidden=false] .hs-txt>*{animation:.7s cubic-bezier(.22,.8,.22,1) both hsup}.hs-slide[aria-hidden=false] .hs-txt>:nth-child(2){animation-delay:70ms}.hs-slide[aria-hidden=false] .hs-txt>:nth-child(3){animation-delay:.14s}.hs-slide[aria-hidden=false] .hs-txt>:nth-child(4){animation-delay:.21s}.hs-slide[aria-hidden=false] .hs-txt>:nth-child(5){animation-delay:.28s}@keyframes hsup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hs-slide .hs-txt>*,.hs-shine{animation:none!important}}.hs-count{z-index:3;color:#0d44808c;font-variant-numeric:tabular-nums;letter-spacing:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border-radius:99px;padding:4px 11px;font-size:13px;position:absolute;top:22px;right:26px}.hs-count b{color:var(--blue-dark);font-size:15px}.sp-card{box-shadow:0 12px 32px #0d285017,inset 0 0 0 1px #ffffffa6}.sp-card:before{content:"";pointer-events:none;background-image:radial-gradient(#0000000f 1.1px,#0000 1.3px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000,#0000 65%);mask-image:linear-gradient(120deg,#000,#0000 65%)}.sp-wm{opacity:.08;pointer-events:none;font-size:120px;position:absolute;bottom:-22px;right:-14px}.sp-red .sp-wm{color:#d03a1b}.sp-green .sp-wm{color:#0b7a44}.sp-card img{z-index:1;border-radius:3px 6px 6px 3px;position:relative;box-shadow:0 14px 24px #0003,inset 4px 0 #00000026}.sp-txt{z-index:1;position:relative}.sp-k{background:#ffffffb3;border-radius:99px;align-self:flex-start;padding:3px 10px}@media (width<=860px){.hs-count{padding:3px 9px;font-size:11.5px;top:14px;right:14px}.hs-count b{font-size:13px}.hs-book{transform:rotate(3deg)}.hs-prod:after{border-radius:16px;inset:6px}.hs-pl{display:none}.sp-wm{font-size:90px}}.hs-count{top:auto;bottom:20px;right:26px}@media (width<=860px){.hs-count{top:14px;bottom:auto;right:14px}.sp-card{justify-content:flex-end}.sp-card img{width:56px;margin-top:2px;transform:rotate(3deg)}}@media (width>=861px){.hs-cover{margin-right:70px}}.msearch[data-astro-cid-fzpbxy5g]{display:none}@media (width<=760px){.nav[data-astro-cid-fzpbxy5g]{display:flex}}@media (width<=480px){.msearch[data-astro-cid-fzpbxy5g]{display:flex}}.sfoot[data-astro-cid-nns7i3if]{background:var(--soft);border-top:1px solid var(--line);padding:16px 26px;font-size:13px}.sfoot[data-astro-cid-nns7i3if] .in[data-astro-cid-nns7i3if]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.co[data-astro-cid-nns7i3if]{color:var(--muted);flex:1;align-items:center;gap:12px;min-width:260px;line-height:1.5;display:flex}.co[data-astro-cid-nns7i3if] img[data-astro-cid-nns7i3if]{border-radius:6px;width:28px;height:28px}.co[data-astro-cid-nns7i3if] b[data-astro-cid-nns7i3if]{color:var(--ink);display:block}.co[data-astro-cid-nns7i3if] small[data-astro-cid-nns7i3if]{color:var(--hint);display:block}.social[data-astro-cid-nns7i3if]{margin:0}@media (width<=480px){.sfoot[data-astro-cid-nns7i3if]{padding:16px}}.toast{background:var(--ink);color:#fff;z-index:200;box-shadow:var(--shadow);border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast a{color:#9cc9ff;font-weight:600}