.sr{--sr-cream:#f4f1ea;--sr-paper:#fff;--sr-ink:#1b2a4a;--sr-muted:#5f6880;--sr-line:#dde4ee;--sr-cyan:#2bb3c0;--sr-blue:#2b6fd6;--sr-violet:#7a4fd6;color:var(--sr-ink);grid-template-columns:minmax(0,1fr);gap:10px;font:400 16px/1.6 Noto Sans Thai,Leelawadee UI,sans-serif;display:grid}.sr>*{min-width:0}.sr [hidden]{display:none!important}.sr button{font:inherit;color:inherit}.sr button:focus-visible{outline:3px solid var(--sr-blue);outline-offset:3px}.sr h2,.sr h3{margin:0;font-family:Prompt,Noto Sans Thai,sans-serif}.sr-head{gap:2px;display:grid}.sr-eyebrow{color:var(--sr-cyan);letter-spacing:.04em;font-size:13px;font-weight:600}.sr-title{text-wrap:balance;font-size:clamp(26px,7vw,40px);font-weight:600;line-height:1.25}.sr-layers{gap:3px;width:54px;margin:6px 0 2px;display:grid}.sr-layers i{background:var(--sr-cyan);border-radius:2px;height:3px}.sr-layers i:nth-child(2){background:var(--sr-blue);width:80%}.sr-layers i:nth-child(3){background:var(--sr-violet);width:60%}.sr-blurb{color:var(--sr-muted);margin:0;font-size:15px}.sr-stage{background:var(--sr-cream);touch-action:pan-y;border-radius:28px;padding:10px 12px;position:relative;overflow:hidden;box-shadow:0 26px 50px -34px #1b2a4a73,inset 0 0 0 1px #1b2a4a0d}.sr-stage:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(#1b2a4a0d 1px,#0000 1px) 0 0/16px 16px,linear-gradient(90deg,#1b2a4a0d 1px,#0000 1px) 0 0/16px 16px;position:absolute;inset:0}.sr-win{aspect-ratio:4/3;width:min(100%,260px);margin:0 auto;position:relative}.sr-win img,.sr-spin{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.sr-spin{background:var(--sr-cream) no-repeat 0 0 / 3600% 100%;transition:opacity .16s}.sr-spin.is-fade{opacity:0}.sr-floor{background:radial-gradient(closest-side,#1b2a4a2e,#0000);border-radius:50%;width:60%;height:14px;margin:-6px auto 0}.sr-bar{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex;position:relative}.sr-tag{background:#ffffffeb;border-radius:999px;padding:4px 12px;font:600 12.5px Prompt,sans-serif;box-shadow:0 3px 10px -6px #1b2a4a66}.sr-hint{color:var(--sr-muted);font-size:12.5px}.sr-hint.is-gone{visibility:hidden}.sr-icon{border:1px solid var(--sr-line);cursor:pointer;background:#ffffffeb;border-radius:50%;flex:none;place-items:center;width:44px;min-width:44px;height:44px;line-height:1;display:grid;padding:0!important}.sr-count{z-index:2;color:#fff;background:var(--sr-ink);border-radius:999px;padding:3px 10px;font:600 12px Prompt,sans-serif;position:absolute;top:12px;left:12px}.sr-size{z-index:2;border:1px solid var(--sr-line);cursor:pointer;background:#ffffffe6;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:0 12px;font:600 12.5px Prompt,sans-serif;display:inline-flex;position:absolute;top:6px;right:6px}.sr-size:after{content:"ⓘ";color:var(--sr-muted)}.sr-rail-head{color:var(--sr-muted);justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:13px;display:flex}.sr-rail-head b{color:var(--sr-ink);font:600 14px Prompt,sans-serif}.sr-rail{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.sr-rail::-webkit-scrollbar{display:none}.sr-fam{scroll-snap-align:start;border:1px solid var(--sr-line);cursor:pointer;background:#ffffffe6;border-radius:999px;flex:none;min-height:44px;padding:0 16px;color:var(--sr-muted)!important;font:600 14.5px Prompt,sans-serif!important}.sr-fam[aria-pressed=true]{background:var(--sr-ink);border-color:var(--sr-ink);color:#fff!important}.sr-var{scroll-snap-align:start;border:2px solid var(--sr-line);background:var(--sr-paper);cursor:pointer;text-align:center;border-radius:16px;flex:0 0 104px;padding:4px 4px 6px;line-height:1.45;position:relative;color:var(--sr-muted)!important;font-size:13px!important}.sr-var img{aspect-ratio:4/3;object-fit:cover;background:var(--sr-cream);border-radius:11px;width:100%;height:auto;margin-bottom:3px;display:block}.sr-l{min-block-size:2.9em;display:block}.sr-var[aria-pressed=true]{border-color:var(--sr-cyan);font-weight:600;color:var(--sr-ink)!important}.sr-new{background:var(--sr-violet);color:#fff;border-radius:999px;padding:1px 7px;font:600 10.5px Prompt,sans-serif;position:absolute;top:6px;left:6px}.sr-colors{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sr-sw{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.sr-sw i,.sr-sheet-list i{background:linear-gradient(90deg, var(--a) 50%, var(--b) 50%);border-radius:50%;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 1.5px #1b2a4a2e}.sr-sw[aria-pressed=true] i{box-shadow:inset 0 0 0 1.5px #1b2a4a2e, 0 0 0 2px #fff, 0 0 0 4px var(--sr-ink)}.sr-sw[aria-pressed=true]:after{content:"✓";background:var(--sr-ink);color:#fff;text-align:center;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:16px;position:absolute;bottom:2px;right:2px}.sr-more{border:1px dashed var(--sr-muted);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:0 14px;font-size:14px}.sr-dock{z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--sr-line);background:#fbf8f2f2;align-items:center;gap:12px;margin:4px -16px 0;display:flex;position:sticky;bottom:0}.sr-p{min-width:0;line-height:1.25;display:grid}.sr-price{white-space:nowrap;font:700 21px Prompt,sans-serif}.sr-psub{color:var(--sr-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sr-cta{cursor:pointer;text-align:center;background:var(--sr-ink);border:0;border-radius:16px;flex:1;min-height:52px;box-shadow:0 12px 22px -14px #1b2a4acc;color:#fff!important;font:600 17px Prompt,sans-serif!important}.sr-cta:hover{background:#24375f}.sr-all{padding:18px 0 8px}.sr-all h3{margin-bottom:10px;font-size:20px}.sr-dir{gap:8px;display:grid}@media (min-width:700px){.sr-dir{grid-template-columns:1fr 1fr}}.sr-row{border:1px solid var(--sr-line);background:var(--sr-paper);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:12px;min-height:76px;padding:8px 12px 8px 8px;display:flex}.sr-row img{aspect-ratio:4/3;object-fit:cover;background:var(--sr-cream);border-radius:12px;width:84px;height:auto}.sr-row span{flex:1;display:grid}.sr-row b{font:600 16px Prompt,sans-serif}.sr-row small{color:var(--sr-muted);font-size:13.5px}.sr-row:after{content:"›";color:var(--sr-muted);font-size:22px}.sr-sheet{background:var(--sr-paper);width:100%;max-width:520px;color:var(--sr-ink);border:0;border-radius:22px 22px 0 0;margin:auto auto 0;padding:0}.sr-sheet::backdrop{background:#1b2a4a59}.sr-sheet-in{padding:10px 16px calc(18px + env(safe-area-inset-bottom));gap:10px;display:grid}.sr-grab{background:var(--sr-line);border-radius:2px;width:40px;height:4px;margin:0 auto}.sr-sheet-head{justify-content:space-between;align-items:center;display:flex}.sr-sheet-head h3{font-size:18px}.sr-note{color:var(--sr-muted);margin:0;font-size:14px}.sr-sheet-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sr-sheet-list button{border:1.5px solid var(--sr-line);cursor:pointer;text-align:left;background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:6px 10px;display:flex}.sr-sheet-list button[aria-pressed=true]{border-color:var(--sr-ink);font-weight:600}.sr-sizes{gap:10px;display:grid}.sr-sz{border:1.5px solid var(--sr-line);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.sr-sz i{border:1.5px solid var(--sr-ink);background:repeating-linear-gradient(90deg,#0000 0 6px,#1b2a4a0f 6px 7px);border-radius:5px;grid-column:1/-1;display:block}.sr-sz b{font:600 15px Prompt,sans-serif}.sr-sz span{font:700 17px Prompt,sans-serif}.sr-namebox{border:2px solid var(--sr-line);width:100%;min-height:54px;color:var(--sr-ink);box-sizing:border-box;border-radius:14px;padding:0 14px;font:500 20px Noto Sans Thai,sans-serif}.sr-namebox:focus{border-color:var(--sr-cyan);outline:none}.sr-sheet-actions{gap:8px;display:grid}.sr-skip{cursor:pointer;background:0 0;border:0;min-height:44px;text-decoration:underline;color:var(--sr-muted)!important}.sr-live{clip:rect(0 0 0 0);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (max-width:899px){.sr-eyebrow{display:none}.sr-layers{margin:4px 0 0}}@media (max-width:899px) and (max-height:760px){.sr{gap:8px}.sr-win{width:190px}.sr-blurb,.sr-layers,.sr-floor,.sr-hint,.sr-rail-head{display:none}.sr-title{font-size:24px}.sr-stage{padding:6px 10px}.sr-bar{margin-top:0}.sr-var{flex-basis:86px;font-size:12px!important}.sr-l{min-block-size:0}.sr-sw{width:44px;height:44px}}@media (orientation:landscape) and (max-height:520px){.sr{grid-template-columns:300px minmax(0,1fr);align-items:start;column-gap:20px}.sr-stage{grid-area:1/1/span 6;position:sticky;top:8px}.sr-win{width:220px}.sr-head,.sr-block,.sr-dock,.sr-all{grid-column:2}.sr-blurb,.sr-layers{display:none}}@media (min-width:900px){.sr{grid-template-columns:500px minmax(0,1fr);align-items:start;gap:14px 44px}.sr-stage{grid-area:1/1/span 6}.sr-win{width:320px}.sr-head,.sr-block,.sr-dock{grid-column:2}.sr-all{grid-column:1/-1}.sr-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:4px 0 0;padding:4px 0 0;position:static}}@media (prefers-reduced-motion:reduce){.sr-spin{transition:none}}@media (max-width:899px){body.is-showroom main>header p{display:none}body.is-showroom main>header .brand-logo img{width:56px;height:auto}}