.si-shop{--cr-surface:#efede4;--cr-img:#e1dfd4;--cr-ink:#2c3327;--cr-olive:#4a5540;--cr-line:#2c332729;--cr-muted:#2c33279e;color:#ece4d6;background:#3a2a1d;min-height:100vh;padding-bottom:80px}.si-hero{max-width:1240px;margin:0 auto;padding:clamp(100px,13vh,136px) clamp(24px,5vw,72px) clamp(32px,4vh,48px)}.si-hero-label{letter-spacing:.32em;text-transform:uppercase;color:oklch(72% .05 133.68);margin-bottom:14px;font-size:11px}.si-hero-title{letter-spacing:.01em;color:#f0e9db;margin:0 0 24px;font-family:IBM Plex Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.35}.si-hero-title em{font-style:normal;font-weight:inherit;color:inherit}.si-search-wrap{max-width:540px;position:relative}.si-search-icon{color:#ece4d659;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.si-search-input{color:#ece4d6;background:#463425;border:1px solid oklch(55% .06 133.68/.3);border-radius:0;outline:none;width:100%;padding:13px 40px 13px 44px;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;transition:border-color .2s}.si-search-input::placeholder{color:#ece4d659}.si-search-input:focus{border-color:oklch(72.27% .0938 75.05/.5)}.si-search-clear{color:#ece4d666;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.si-search-clear.visible{display:block}.si-pills-wrap{border-top:1px solid oklch(55% .06 133.68/.14);border-bottom:1px solid oklch(55% .06 133.68/.14)}.si-pills{flex-wrap:wrap;align-items:center;gap:8px;max-width:1240px;margin:0 auto;padding:16px clamp(24px,5vw,72px);display:flex}.si-pill{color:#ece4d680;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid oklch(55% .06 133.68/.28);padding:7px 18px;font-family:IBM Plex Sans Thai,sans-serif;font-size:11px;transition:all .2s}.si-pill:hover{color:#ece4d6cc;border-color:oklch(55% .06 133.68/.55)}.si-pill.active{color:oklch(72.27% .0938 75.05);background:oklch(46.07% .0454 133.68/.08);border-color:oklch(72.27% .0938 75.05)}.si-section{max-width:1240px;margin:0 auto;padding:0 clamp(24px,5vw,72px) 56px}.si-section-header{border-bottom:1px solid oklch(55% .06 133.68/.16);justify-content:space-between;align-items:baseline;margin-bottom:28px;padding-bottom:14px;display:flex}.si-section-num{letter-spacing:.1em;color:oklch(72.27% .0938 75.05);margin-right:14px;font-family:IBM Plex Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:12px}.si-section-title{color:#f0e9db;font-family:IBM Plex Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:clamp(15px,1.6vw,18px);font-weight:600;line-height:1.45}.si-section-title-th{opacity:.75;font-size:.72em}.si-section-more{letter-spacing:.2em;text-transform:uppercase;color:oklch(72% .05 133.68);white-space:nowrap;font-size:10.5px;text-decoration:none;transition:color .2s}.si-section-more:hover{color:oklch(72.27% .0938 75.05)}.si-row,.si-results-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(12px,2vw,22px);display:grid}.si-shop .oak-card{background:var(--cr-surface);border:1px solid var(--cr-line);flex-direction:column;width:100%;text-decoration:none;transition:border-color .25s,transform .25s;display:flex;overflow:hidden}.si-shop .oak-card:hover{border-color:var(--cr-olive);transform:translateY(-3px)}.si-shop .oak-card-img{aspect-ratio:1;background:var(--cr-img);justify-content:center;align-items:center;width:100%;padding:18px;display:flex;position:relative;overflow:hidden}.si-shop .oak-card-img img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .5s}.si-shop .oak-card:hover .oak-card-img img{transform:scale(1.06)}.si-shop .oak-card-img-placeholder{opacity:.2;width:48px;height:48px}.si-shop .oak-card-body{flex-direction:column;flex-grow:1;padding:16px 18px 18px;display:flex}.si-shop .oak-card-cat{letter-spacing:.18em;text-transform:uppercase;color:var(--cr-olive);margin-bottom:7px;font-size:10px}.si-shop .oak-card-title{color:var(--cr-ink);margin:0;font-family:IBM Plex Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.si-shop .oak-card-desc{color:var(--cr-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-family:IBM Plex Sans Thai,sans-serif;font-size:11.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.si-shop .oak-card-foot{border-top:1px solid var(--cr-line);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.si-shop .oak-card-price{font-variant-numeric:tabular-nums;color:var(--cr-ink);font-family:IBM Plex Sans Thai,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600}.si-shop .oak-card-more{letter-spacing:.1em;text-transform:uppercase;color:var(--cr-olive);white-space:nowrap;font-size:11px}.si-shop .oak-card-unavailable{position:relative}.si-shop .oak-card-unavailable:after{content:"";z-index:1;pointer-events:none;background:oklch(18% .012 133.68/.24);position:absolute;inset:0}.si-shop .si-oos-overlay{z-index:3;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.si-shop .si-oos-overlay span{background:var(--color-error,oklch(57.7% .245 27.325));color:#fff;letter-spacing:.16em;border-radius:2px;padding:7px 18px;font-family:IBM Plex Sans Thai,sans-serif;font-size:12px;font-weight:600;box-shadow:0 2px 10px #00000038}.si-skeleton{background:#463425;border:1px solid oklch(55% .06 133.68/.12);animation:1.5s ease-in-out infinite siPulse}.si-skeleton-img{aspect-ratio:1;background:#574231}.si-skeleton-body{padding:16px 18px 18px}.si-skeleton-line{background:oklch(28% .018 133.68);border-radius:2px;height:10px;margin-bottom:10px}.si-skeleton-line.w-2\/3{width:66%}.si-skeleton-line.w-1\/2{width:50%}@keyframes siPulse{0%,to{opacity:1}50%{opacity:.55}}.si-empty{text-align:center;color:#ece4d661;padding:64px 24px}.si-empty-icon{opacity:.4;margin-bottom:16px;font-size:40px}.si-empty-sub{color:#ece4d64d;font-size:12px}.si-status-bar{max-width:1240px;margin:0 auto;padding:16px clamp(24px,5vw,72px) 0}.si-status-text{letter-spacing:.1em;color:#ece4d661;font-size:12px}.si-status-count{color:oklch(72.27% .0938 75.05);font-weight:500}@media (width<=767px){.si-shop{padding-bottom:100px}.si-row,.si-results-grid{grid-template-columns:repeat(2,1fr);gap:12px}.si-hero-title{font-size:clamp(20px,5.2vw,26px)}}