#top-sentinel[data-astro-cid-wpvy4v7s]{width:1px;height:1px;position:absolute;top:0}.site-nav[data-astro-cid-wpvy4v7s]{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);height:60px;transition:box-shadow .3s var(--ease);background:#ffffffb8;position:fixed;top:0;left:0;right:0}.site-nav[data-astro-cid-wpvy4v7s].scrolled{box-shadow:0 1px 0 var(--line)}.site-nav[data-astro-cid-wpvy4v7s]:before{content:"";background:linear-gradient(90deg, var(--cmy-c) 0 25%, var(--cmy-m) 25% 50%, var(--cmy-y) 50% 75%, var(--ink) 75% 100%);height:3px;position:absolute;top:0;left:0;right:0}.nav-inner[data-astro-cid-wpvy4v7s]{align-items:center;gap:36px;max-width:1200px;height:60px;margin:0 auto;padding:0 24px;display:flex}.logo[data-astro-cid-wpvy4v7s]{align-items:center;gap:9px;display:flex}.nav-links[data-astro-cid-wpvy4v7s]{color:var(--ink-2);gap:28px;font-size:14px;display:flex}.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{transition:color .2s}.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover{color:var(--ink)}.nav-actions[data-astro-cid-wpvy4v7s]{gap:8px;margin-left:auto;display:flex}.icon-btn[data-astro-cid-wpvy4v7s]{cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .2s;display:flex}.icon-btn[data-astro-cid-wpvy4v7s]:hover{background:var(--bg-alt)}.icon-btn[data-astro-cid-wpvy4v7s]:active{transform:scale(.96)}.cart-btn[data-astro-cid-wpvy4v7s]{position:relative}.menu-btn[data-astro-cid-wpvy4v7s]{display:none}.menu-backdrop[data-astro-cid-wpvy4v7s]{z-index:60;opacity:0;transition:opacity .25s var(--ease);background:#00000052;position:fixed;inset:0}.menu-backdrop[data-astro-cid-wpvy4v7s].open{opacity:1}.menu-drawer[data-astro-cid-wpvy4v7s]{z-index:61;width:min(320px,84vw);padding:18px 22px calc(22px + env(safe-area-inset-bottom));transition:transform .28s var(--ease);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-16px 0 40px #0000001f}.menu-drawer[data-astro-cid-wpvy4v7s].open{transform:none}.menu-head[data-astro-cid-wpvy4v7s]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.menu-title[data-astro-cid-wpvy4v7s]{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:13px}.menu-links[data-astro-cid-wpvy4v7s]{flex-direction:column;display:flex}.menu-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{border-bottom:1px solid var(--line);padding:15px 0;font-size:17px;font-weight:600}.menu-sub[data-astro-cid-wpvy4v7s]{flex-direction:column;gap:12px;margin-top:18px;display:flex}.menu-sub[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--ink-2);font-size:14px}@media (prefers-reduced-motion:reduce){.menu-drawer[data-astro-cid-wpvy4v7s],.menu-backdrop[data-astro-cid-wpvy4v7s]{transition:none}}@media (width<=900px){.nav-links[data-astro-cid-wpvy4v7s]{display:none}.menu-btn[data-astro-cid-wpvy4v7s]{display:flex}.nav-inner[data-astro-cid-wpvy4v7s]{gap:12px}}footer[data-astro-cid-jo6i4kqk]{background:var(--bg-alt);margin-top:104px;padding:56px 0 40px;font-size:13px}.foot-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.foot-col[data-astro-cid-jo6i4kqk] h4[data-astro-cid-jo6i4kqk]{margin-bottom:12px;font-size:13px;font-weight:600}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--ink-2);padding:4px 0;transition:color .2s;display:block}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--ink)}.foot-about[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{color:var(--ink-2);max-width:36ch;margin-top:12px}.foot-bottom[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:20px;margin-top:44px;padding-top:24px;display:flex}.foot-bottom[data-astro-cid-jo6i4kqk] .pay[data-astro-cid-jo6i4kqk]{color:var(--ink-2);gap:10px;margin-left:auto;display:flex}@media (width<=900px){footer[data-astro-cid-jo6i4kqk]{margin-top:72px;padding:44px 0 32px}.foot-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr 1fr;gap:32px 24px}.foot-about[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{max-width:none}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{overflow-wrap:anywhere}.foot-bottom[data-astro-cid-jo6i4kqk]{gap:8px 16px;margin-top:30px;padding-top:20px}.foot-bottom[data-astro-cid-jo6i4kqk] .pay[data-astro-cid-jo6i4kqk]{width:100%;margin-left:0}}:root{--bg:#fff;--bg-alt:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--ink-2:#48484c;--ink-3:#a1a1a6;--cmy-c:#00a5e3;--cmy-m:#e5007d;--cmy-y:#ffd200;--line:#e8e8ed;--accent:#0060ad;--accent-strong:#00518f;--ok:#1a7f37;--warn:#b25e09;--r-card:18px;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Anuphan,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.js .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.btn{background:var(--accent);color:#fff;height:46px;font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:15px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn:hover{background:var(--accent-strong)}.btn:active{transform:scale(.97)}.btn--block{width:100%}.btn--ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn--ghost:hover{background:var(--bg-alt)}.sec-link{color:var(--accent);white-space:nowrap;align-items:center;gap:4px;font-size:15px;font-weight:500;display:inline-flex}.sec-link:hover{text-decoration:underline}.sec-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px;display:flex}.sec-head h2{letter-spacing:-.015em;font-size:clamp(26px,3.2vw,34px);font-weight:700;line-height:1.25}.sec-head h2 span{color:var(--ink-2)}@media (width<=640px){.sec-head{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.sec-head .sec-link{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 22px;font-weight:600;display:inline-flex}.sec-head .sec-link:hover{background:var(--bg-alt);text-decoration:none}}.stock{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.stock .dot{border-radius:999px;flex:none;width:7px;height:7px}.stock--in_stock{color:var(--ok)}.stock--in_stock .dot{background:var(--ok)}.stock--low_stock{color:var(--warn)}.stock--low_stock .dot{background:var(--warn)}.stock--backorder{color:var(--ink-2)}.stock--backorder .dot{background:var(--ink-3)}.crumbs{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs svg{color:var(--ink-3);flex:none}.field{margin-bottom:14px;display:block}.field>.label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field .hint{color:var(--ink-3);margin-top:4px;font-size:12px}.field .err{color:#c0392b;margin-top:4px;font-size:12px;display:none}.field.has-error .err{display:block}.field.has-error input,.field.has-error textarea,.field.has-error .dropdown-trigger{border-color:#c0392b}.input{border:1px solid var(--line);background:var(--surface);width:100%;height:46px;color:var(--ink);font:inherit;border-radius:999px;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}textarea.input{resize:vertical;border-radius:16px;height:auto;min-height:86px;padding:12px 16px}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0060ad1f}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.field-row{grid-template-columns:1fr}}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.check input{opacity:0;width:0;height:0;position:absolute}.check .box{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:background .15s,border-color .15s;display:flex}.check .box svg{opacity:0;color:#fff}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box svg{opacity:1}.check input:focus-visible+.box{box-shadow:0 0 0 3px #0060ad2e}.dropdown{position:relative}.dropdown-trigger{border:1px solid var(--line);background:var(--surface);width:100%;height:46px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 0 16px;font-size:15px;display:flex}.dropdown-trigger:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0060ad1f}.dropdown-trigger [data-dropdown-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-trigger .is-placeholder{color:var(--ink-3)}.dropdown-arrow{color:var(--ink-2);transition:transform .2s var(--ease);flex:none;transform:rotate(90deg)}.dropdown.open .dropdown-arrow{transform:rotate(-90deg)}.dropdown-panel{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:16px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 44px #1d1d1f24}.dropdown-filter{border:1px solid var(--line);width:100%;height:38px;font:inherit;border-radius:10px;margin-bottom:4px;padding:0 12px;font-size:14px}.dropdown-filter:focus{border-color:var(--accent);outline:none}.dropdown-options{list-style:none}.dropdown-options li{cursor:pointer;border-radius:10px;padding:9px 12px;font-size:14.5px}.dropdown-options li:hover,.dropdown-options li:focus{background:var(--bg-alt);outline:none}.dropdown-options li[aria-selected=true]{color:var(--accent);font-weight:600}.stepper{border:1px solid var(--line);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:36px;height:36px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;font-size:17px;line-height:1}.stepper button:hover{background:var(--bg-alt)}.stepper button:disabled{color:var(--ink-3);cursor:not-allowed}.stepper input{text-align:center;width:42px;height:36px;font:inherit;-moz-appearance:textfield;color:var(--ink);background:0 0;border:none;font-size:15px}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#toast-root{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(460px,100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;opacity:0;width:100%;transition:opacity .25s var(--ease), transform .25s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;display:flex;transform:translateY(10px);box-shadow:0 12px 32px #1d1d1f38}.toast.in{opacity:1;transform:none}.toast svg{flex:none}.toast--ok svg{color:#6ee7a8}.toast--warn{background:#7a4a06}.toast--error{background:#8c1d18}.dialog-backdrop{z-index:100;backdrop-filter:blur(2px);background:#1d1d1f73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:20px;width:min(420px,100%);padding:26px;box-shadow:0 24px 60px #1d1d1f47}.dialog-title{font-size:19px;font-weight:700}.dialog-body{color:var(--ink-2);margin-top:8px;font-size:14.5px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.dialog-actions .btn{height:42px;padding:0 20px;font-size:14.5px}.btn--danger{background:#8c1d18}.btn--danger:hover{background:#6f1713}.btn:disabled{opacity:.55;cursor:not-allowed}.cart-count{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:600;line-height:17px;position:absolute;top:0;right:0}.cart-count[hidden]{display:none}.b-logo{-webkit-mask:var(--m) no-repeat left center/contain;mask:var(--m) no-repeat left center/contain;background:currentColor;display:block}.b-hp{--m:url(/brands/hp.svg);aspect-ratio:1}.b-fujifilm{--m:url(/brands/fujifilm.svg);aspect-ratio:102/17}.b-oki{--m:url(/brands/oki.svg);aspect-ratio:68/19}.b-brother{--m:url(/brands/brother.svg);aspect-ratio:82/20}.b-ricoh{--m:url(/brands/ricoh.svg);aspect-ratio:75/16;-webkit-mask:var(--m) no-repeat left top/100% auto;mask:var(--m) no-repeat left top/100% auto}.b-samsung{--m:url(/brands/samsung.svg);aspect-ratio:104/16}.b-pantum{--m:url(/brands/pantum.png);aspect-ratio:123/14}