: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: #ffffff;--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 rgba(15, 23, 42, .04);--bds-sh-2: 0 2px 8px rgba(15, 23, 42, .06);--bds-sh-3: 0 4px 16px rgba(15, 23, 42, .08);--bds-sh-4: 0 8px 24px rgba(15, 23, 42, .12);--bds-sh-focus: 0 0 0 3px rgba(29, 78, 216, .25);--bds-sh-primary: 0 6px 20px rgba(29, 78, 216, .2);--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);margin:0 auto;padding:0 var(--bds-page-pad)}.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{margin:0;font-size:var(--bds-t-3xl);font-weight:800;line-height:var(--bds-lh-tight);color:var(--bds-n-900)}.bds-h2{margin:0;font-size:var(--bds-t-2xl);font-weight:700;line-height:var(--bds-lh-tight);color:var(--bds-n-900)}.bds-h3{margin:0;font-size:var(--bds-t-xl);font-weight:700;line-height:var(--bds-lh-tight);color:var(--bds-n-900)}.bds-tagline{margin:var(--bds-s-1) 0 0;font-size:var(--bds-t-base);color:var(--bds-n-500)}.bds-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--bds-s-4);margin-bottom:var(--bds-s-6);flex-wrap:wrap}.bds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bds-s-2);min-height:40px;padding:0 var(--bds-s-4);border:0;border-radius:var(--bds-r-md);background:transparent;font-family:inherit;font-size:var(--bds-t-sm);font-weight:600;color:inherit;text-decoration:none;cursor:pointer;transition:all var(--bds-dur-2) var(--bds-ease);white-space:nowrap}.bds-btn:focus-visible{outline:0;box-shadow:var(--bds-sh-focus)}.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{background:transparent;color:var(--bds-n-600)}.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);overflow:hidden;transition:all var(--bds-dur-2) var(--bds-ease)}.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{display:flex;flex-direction:column;background:var(--bds-n-0);border:1px solid var(--bds-n-200);border-radius:var(--bds-r-md);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--bds-dur-2) var(--bds-ease)}.bds-pcard:hover{border-color:var(--bds-n-300);box-shadow:var(--bds-sh-3);transform:translateY(-2px);color:inherit}.bds-pcard__media{position:relative;aspect-ratio:1 / 1;background:var(--bds-n-50);padding:var(--bds-s-3);display:flex;align-items:center;justify-content:center}.bds-pcard__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bds-pcard__badge{position:absolute;top:var(--bds-s-2);left:var(--bds-s-2);padding:2px 8px;border-radius:var(--bds-r-sm);background:var(--bds-danger);color:var(--bds-n-0);font-size:var(--bds-t-xs);font-weight:700}.bds-pcard__body{display:flex;flex-direction:column;gap:var(--bds-s-1);padding:var(--bds-s-3);flex:1}.bds-pcard__brand{font-size:var(--bds-t-xs);font-weight:600;color:var(--bds-n-400);text-transform:uppercase;letter-spacing:.04em}.bds-pcard__title{margin:0;font-size:var(--bds-t-sm);font-weight:600;line-height:var(--bds-lh-normal);color:var(--bds-n-900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bds-pcard__price-row{display:flex;align-items:baseline;gap:var(--bds-s-2);margin-top:auto;padding-top:var(--bds-s-2)}.bds-pcard__price{font-size:var(--bds-t-lg);font-weight:800;color:var(--bds-p-700)}.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{display:inline-flex;align-items:center;gap:var(--bds-s-1);padding:4px 10px;border-radius:var(--bds-r-pill);background:var(--bds-p-50);border:1px solid var(--bds-p-100);font-size:var(--bds-t-xs);font-weight:600;color:var(--bds-p-800);cursor:pointer;transition:all var(--bds-dur-1) var(--bds-ease)}.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{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--bds-r-sm);font-size:var(--bds-t-xs);font-weight:700}.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{outline:0;border-color:var(--bds-p-700);box-shadow:var(--bds-sh-focus)}.bds-input::-moz-placeholder{color:var(--bds-n-400)}.bds-input::placeholder{color:var(--bds-n-400)}.bds-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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-repeat:no-repeat;background-position:right 14px center;padding-right:30px;cursor:pointer}.bds-check{display:inline-flex;align-items:center;gap:var(--bds-s-2);padding:6px 10px;border-radius:var(--bds-r-sm);cursor:pointer;transition:background var(--bds-dur-1) var(--bds-ease)}.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{display:grid;gap:var(--bds-s-3)}.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 (max-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 (max-width: 599px){.bds-grid--3,.bds-grid--4,.bds-grid--5,.bds-grid--6{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bds-s-2)}}.bds-skel{background:linear-gradient(90deg,var(--bds-n-100) 25%,var(--bds-n-200) 50%,var(--bds-n-100) 75%);background-size:200% 100%;animation:bds-shim 1.5s ease infinite;border-radius:var(--bds-r-sm)}@keyframes bds-shim{0%{background-position:200% 0}to{background-position:-200% 0}}.bds-rating{display:inline-flex;align-items:center;gap:var(--bds-s-2);font-size:var(--bds-t-sm);color:var(--bds-n-500)}.bds-rating__stars{display:inline-flex;gap:2px;color:var(--bds-warning)}.bds-rating__stars i{font-size:14px}.bds-stack{display:flex;flex-direction:column;gap:var(--bds-s-3)}.bds-row{display:flex;align-items:center;gap:var(--bds-s-2)}.bds-spacer{flex:1}.bds-divider{height:1px;background:var(--bds-n-200);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{display:flex;gap:var(--bds-s-2);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.bds-hscroll::-webkit-scrollbar{display:none}.bds-hscroll>*{scroll-snap-align:start;flex:0 0 auto}