:root{--bds-p-50:#eff6ff;--bds-p-100:#dbeafe;--bds-p-200:#bfdbfe;--bds-p-300:#93c5fd;--bds-p-500:#3b82f6;--bds-p-600:#2563eb;--bds-p-700:#1d4ed8;--bds-p-800:#1e40af;--bds-p-900:#1e3a8a;--bds-n-0:#fff;--bds-n-50:#f8fafc;--bds-n-100:#f1f5f9;--bds-n-200:#e2e8f0;--bds-n-300:#cbd5e1;--bds-n-400:#94a3b8;--bds-n-500:#64748b;--bds-n-600:#475569;--bds-n-700:#334155;--bds-n-800:#1e293b;--bds-n-900:#0f172a;--bds-success:#10b981;--bds-success-soft:#d1fae5;--bds-danger:#ef4444;--bds-danger-soft:#fee2e2;--bds-warning:#f59e0b;--bds-warning-soft:#fef3c7;--bds-info:#0ea5e9;--bds-info-soft:#e0f2fe;--bds-s-1:4px;--bds-s-2:8px;--bds-s-3:12px;--bds-s-4:16px;--bds-s-5:20px;--bds-s-6:24px;--bds-s-8:32px;--bds-s-10:40px;--bds-s-12:48px;--bds-s-16:64px;--bds-r-sm:6px;--bds-r-md:10px;--bds-r-lg:14px;--bds-r-xl:20px;--bds-r-2xl:28px;--bds-r-pill:999px;--bds-sh-1:0 1px 2px #0f172a0a;--bds-sh-2:0 2px 8px #0f172a0f;--bds-sh-3:0 4px 16px #0f172a14;--bds-sh-4:0 8px 24px #0f172a1f;--bds-sh-focus:0 0 0 3px #1d4ed840;--bds-sh-primary:0 6px 20px #1d4ed833;--bds-font:"Inter", "IBM Plex Thai", "Sarabun", system-ui, -apple-system, sans-serif;--bds-t-xs:11px;--bds-t-sm:13px;--bds-t-base:14px;--bds-t-lg:16px;--bds-t-xl:18px;--bds-t-2xl:22px;--bds-t-3xl:28px;--bds-t-4xl:36px;--bds-lh-tight:1.2;--bds-lh-normal:1.5;--bds-lh-relaxed:1.65;--bds-dur-1:.12s;--bds-dur-2:.2s;--bds-dur-3:.32s;--bds-ease:cubic-bezier(.4, 0, .2, 1);--bds-container:1400px;--bds-page-pad:20px;--bds-z-dropdown:30;--bds-z-sidebar:40;--bds-z-backdrop:45;--bds-z-modal:50;--bds-z-toast:60}.bds-root,.bds-root *{box-sizing:border-box}.bds-root{background:var(--bds-n-50);color:var(--bds-n-900);font-family:var(--bds-font);font-size:var(--bds-t-base);line-height:var(--bds-lh-normal)}.bds-container{max-width:var(--bds-container);padding:0 var(--bds-page-pad);margin:0 auto}.bds-section{padding:var(--bds-s-10) 0}.bds-section--sm{padding:var(--bds-s-6) 0}.bds-section--lg{padding:var(--bds-s-16) 0}.bds-h1{font-size:var(--bds-t-3xl);font-weight:800;line-height:var(--bds-lh-tight);color:var(--bds-n-900);margin:0}.bds-h2{font-size:var(--bds-t-2xl);font-weight:700;line-height:var(--bds-lh-tight);color:var(--bds-n-900);margin:0}.bds-h3{font-size:var(--bds-t-xl);font-weight:700;line-height:var(--bds-lh-tight);color:var(--bds-n-900);margin:0}.bds-tagline{margin:var(--bds-s-1) 0 0;font-size:var(--bds-t-base);color:var(--bds-n-500)}.bds-section-head{justify-content:space-between;align-items:flex-end;gap:var(--bds-s-4);margin-bottom:var(--bds-s-6);flex-wrap:wrap;display:flex}.bds-btn{justify-content:center;align-items:center;gap:var(--bds-s-2);min-height:40px;padding:0 var(--bds-s-4);border-radius:var(--bds-r-md);font-family:inherit;font-size:var(--bds-t-sm);color:inherit;cursor:pointer;transition:all var(--bds-dur-2) var(--bds-ease);white-space:nowrap;background:0 0;border:0;font-weight:600;text-decoration:none;display:inline-flex}.bds-btn:focus-visible{box-shadow:var(--bds-sh-focus);outline:0}.bds-btn--primary{background:var(--bds-p-700);color:var(--bds-n-0)}.bds-btn--primary:hover{background:var(--bds-p-800);color:var(--bds-n-0);box-shadow:var(--bds-sh-primary)}.bds-btn--secondary{background:var(--bds-n-0);border:1px solid var(--bds-n-200);color:var(--bds-n-900)}.bds-btn--secondary:hover{border-color:var(--bds-p-700);color:var(--bds-p-700)}.bds-btn--ghost{color:var(--bds-n-600);background:0 0}.bds-btn--ghost:hover{background:var(--bds-n-100);color:var(--bds-n-900)}.bds-btn--sm{min-height:32px;padding:0 var(--bds-s-3);font-size:var(--bds-t-xs)}.bds-btn--lg{min-height:48px;padding:0 var(--bds-s-6);font-size:var(--bds-t-base)}.bds-btn--block{width:100%}.bds-card{background:var(--bds-n-0);border:1px solid var(--bds-n-200);border-radius:var(--bds-r-lg);transition:all var(--bds-dur-2) var(--bds-ease);overflow:hidden}.bds-card--hoverable:hover{border-color:var(--bds-n-300);box-shadow:var(--bds-sh-3);transform:translateY(-2px)}.bds-card__body{padding:var(--bds-s-4)}.bds-card__body--pad-lg{padding:var(--bds-s-6)}.bds-pcard{background:var(--bds-n-0);border:1px solid var(--bds-n-200);border-radius:var(--bds-r-md);color:inherit;transition:all var(--bds-dur-2) var(--bds-ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.bds-pcard:hover{border-color:var(--bds-n-300);box-shadow:var(--bds-sh-3);color:inherit;transform:translateY(-2px)}.bds-pcard__media{aspect-ratio:1;background:var(--bds-n-50);padding:var(--bds-s-3);justify-content:center;align-items:center;display:flex;position:relative}.bds-pcard__img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.bds-pcard__badge{top:var(--bds-s-2);left:var(--bds-s-2);border-radius:var(--bds-r-sm);background:var(--bds-danger);color:var(--bds-n-0);font-size:var(--bds-t-xs);padding:2px 8px;font-weight:700;position:absolute}.bds-pcard__body{gap:var(--bds-s-1);padding:var(--bds-s-3);flex-direction:column;flex:1;display:flex}.bds-pcard__brand{font-size:var(--bds-t-xs);color:var(--bds-n-400);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.bds-pcard__title{font-size:var(--bds-t-sm);font-weight:600;line-height:var(--bds-lh-normal);color:var(--bds-n-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.bds-pcard__price-row{align-items:baseline;gap:var(--bds-s-2);padding-top:var(--bds-s-2);margin-top:auto;display:flex}.bds-pcard__price{font-size:var(--bds-t-lg);color:var(--bds-p-700);font-weight:800}.bds-pcard__price--inquiry{font-size:var(--bds-t-sm);color:var(--bds-n-500);font-weight:600}.bds-pcard__price-old{font-size:var(--bds-t-xs);color:var(--bds-n-400);text-decoration:line-through}.bds-chip{align-items:center;gap:var(--bds-s-1);border-radius:var(--bds-r-pill);background:var(--bds-p-50);border:1px solid var(--bds-p-100);font-size:var(--bds-t-xs);color:var(--bds-p-800);cursor:pointer;transition:all var(--bds-dur-1) var(--bds-ease);padding:4px 10px;font-weight:600;display:inline-flex}.bds-chip:hover{background:var(--bds-p-100)}.bds-chip--ghost{background:var(--bds-n-0);border-color:var(--bds-n-200);color:var(--bds-n-700)}.bds-chip--active{background:var(--bds-p-700);border-color:var(--bds-p-700);color:var(--bds-n-0)}.bds-badge{border-radius:var(--bds-r-sm);font-size:var(--bds-t-xs);align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.bds-badge--danger{background:var(--bds-danger);color:var(--bds-n-0)}.bds-badge--success{background:var(--bds-success-soft);color:var(--bds-success)}.bds-badge--info{background:var(--bds-info-soft);color:var(--bds-info)}.bds-input{width:100%;min-height:40px;padding:0 var(--bds-s-3);background:var(--bds-n-0);border:1px solid var(--bds-n-200);border-radius:var(--bds-r-md);font-family:inherit;font-size:var(--bds-t-sm);color:var(--bds-n-900);transition:all var(--bds-dur-1) var(--bds-ease)}.bds-input:focus{border-color:var(--bds-p-700);box-shadow:var(--bds-sh-focus);outline:0}.bds-input::placeholder{color:var(--bds-n-400)}.bds-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2394a3b8' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:30px}.bds-check{align-items:center;gap:var(--bds-s-2);border-radius:var(--bds-r-sm);cursor:pointer;transition:background var(--bds-dur-1) var(--bds-ease);padding:6px 10px;display:inline-flex}.bds-check:hover{background:var(--bds-n-100)}.bds-check input{width:15px;height:15px;accent-color:var(--bds-p-700);cursor:pointer}.bds-grid{gap:var(--bds-s-3);display:grid}.bds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.bds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.bds-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.bds-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.bds-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=1023px){.bds-grid--4,.bds-grid--5,.bds-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}.bds-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.bds-grid--3,.bds-grid--4,.bds-grid--5,.bds-grid--6{gap:var(--bds-s-2);grid-template-columns:repeat(2,minmax(0,1fr))}}.bds-skel{background:linear-gradient(90deg, var(--bds-n-100) 25%, var(--bds-n-200) 50%, var(--bds-n-100) 75%);border-radius:var(--bds-r-sm);background-size:200% 100%;animation:1.5s infinite bds-shim}@keyframes bds-shim{0%{background-position:200% 0}to{background-position:-200% 0}}.bds-rating{align-items:center;gap:var(--bds-s-2);font-size:var(--bds-t-sm);color:var(--bds-n-500);display:inline-flex}.bds-rating__stars{color:var(--bds-warning);gap:2px;display:inline-flex}.bds-rating__stars i{font-size:14px}.bds-stack{gap:var(--bds-s-3);flex-direction:column;display:flex}.bds-row{align-items:center;gap:var(--bds-s-2);display:flex}.bds-spacer{flex:1}.bds-divider{background:var(--bds-n-200);height:1px;margin:var(--bds-s-4) 0;border:0}.bds-text-muted{color:var(--bds-n-500)}.bds-text-subtle{color:var(--bds-n-400)}.bds-text-strong{color:var(--bds-n-900);font-weight:700}.bds-link{color:var(--bds-p-700);font-weight:600;text-decoration:none}.bds-link:hover{color:var(--bds-p-800);text-decoration:underline}.bds-hscroll{gap:var(--bds-s-2);scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.bds-hscroll::-webkit-scrollbar{display:none}.bds-hscroll>*{scroll-snap-align:start;flex:none}