.bb-rack-section{padding:80px 0 56px;background:#f5f3ed;color:#1b1b19;overflow:hidden;border-block:1px solid #deddd5}
.bb-rack-heading{text-align:center;padding:0 20px}.bb-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;color:#5e6258}
.bb-rack-heading h2{font-size:clamp(32px,5vw,64px);font-family:Kanit,Inter,sans-serif;font-weight:800;line-height:1.05;margin:0 0 16px}.bb-rack-heading>p:last-child{font-size:14px;color:#5e6258}
.bb-rack-filters{display:flex;justify-content:center;gap:8px;margin:26px 0 20px}.bb-rack-filters button{padding:9px 22px;border:1px solid #cacbc1;border-radius:999px;font-size:12px;color:#24251f;background:transparent}.bb-rack-filters button[aria-pressed=true]{background:#25271f;color:#fff;border-color:#25271f}
.bb-rack-wrap{max-width:1600px;margin:auto}.bb-rack-rail{position:relative;display:flex;gap:26px;overflow-x:auto;padding:26px 50px 36px;scrollbar-width:thin;scrollbar-color:#878b7a #e5e5db;touch-action:pan-y;cursor:grab;isolation:isolate;overscroll-behavior-x:contain}
.bb-rack-rail:before{content:"";position:absolute;top:37px;left:0;right:0;height:6px;border-radius:3px;background:linear-gradient(#a6a995,#f4f5ed 45%,#818672);z-index:-1}
.bb-rack-piece{flex:0 0 194px;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:left;transform:rotate(var(--piece-tilt));transform-origin:50% 13px;transition:transform .25s ease;color:#292a24;padding:0 3px 8px;border-radius:6px;background:transparent;cursor:pointer}
.bb-rack-piece:hover{transform:rotate(0) translateY(-5px)}.bb-rack-piece:focus-visible{outline:3px solid #2a2f21;outline-offset:5px}
.bb-hanger{display:block;width:178px;height:70px;color:#727660;flex:none;position:relative;z-index:1}.bb-hanger svg{width:100%;height:100%}
.bb-rack-photo{display:block;width:100%;height:240px;margin-top:-5px;background:#fff;border-radius:3px;box-shadow:0 10px 18px #30322213;overflow:hidden}.bb-rack-photo img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.bb-rack-name{width:100%;font-size:12px;font-weight:700;line-height:1.45;margin-top:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.bb-rack-price{width:100%;font-size:13px;margin-top:6px;font-weight:600}
.bb-rack-navigation{display:flex;align-items:center;justify-content:center;gap:28px;padding:12px 16px}.bb-rack-navigation>span{font-size:11px;color:#606455}.bb-rack-navigation button,.bb-viewer-controls button{width:40px;height:40px;border-radius:50%;border:1px solid #afb49d;color:inherit;background:transparent;font-size:22px}.bb-rack-empty{padding:50px 20px;min-height:300px}
.bb-viewer{padding:0;border:0;border-radius:14px;width:min(1050px,calc(100vw - 32px));max-height:90svh;max-width:none;background:#f9f8f4;color:#202119;overflow:auto;margin:auto;box-shadow:0 30px 90px #0006}
.bb-viewer::backdrop{background:#111c;backdrop-filter:blur(5px)}.bb-viewer-close{position:absolute;right:15px;top:12px;border-radius:50%;background:#fff;color:#111;width:42px;height:42px;font-size:28px;z-index:2;border:1px solid #d3d5c9}
.bb-viewer-layout{display:grid;grid-template-columns:1.15fr 1fr}.bb-viewer-media{padding:28px;background:#eeeee6;min-width:0}.bb-viewer-stage{height:390px;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:ew-resize}
.bb-viewer-stage img,.bb-viewer-stage video{height:100%;width:100%;object-fit:contain;user-select:none;pointer-events:none}.bb-image-missing{padding:30px;color:#596047;font-size:14px}.bb-viewer-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:18px;font-size:12px}.bb-viewer-controls span{min-width:88px;text-align:center}
.bb-viewer input.bb-rotation-range{width:100%;accent-color:#343c1f;margin-top:18px;background:transparent;color:#252b1c}.bb-viewer-hint{font-size:11px;color:#586049;text-align:center;margin-top:16px;line-height:1.5}.bb-play{display:block;padding:9px 18px;border:1px solid #9da88a;margin:15px auto 0;border-radius:999px;font-size:12px;color:#26341a}
.bb-viewer-info{padding:70px 36px 40px;display:flex;flex-direction:column;justify-content:center}.bb-viewer-info h2{font-family:Kanit,Inter,sans-serif;font-size:clamp(23px,3vw,36px);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:0 0 20px;color:#202119}.bb-viewer-price{font-size:23px;font-weight:700;margin-bottom:18px}.bb-viewer-info>p:not(.bb-eyebrow):not(.bb-viewer-price){font-size:13px;line-height:1.6;color:#586049}
.bb-rack-cta,.bb-pdp-viewer-button{background:#ccff00;color:#111;padding:15px 20px;font-size:12px;font-weight:800;border-radius:5px;margin-top:24px;text-align:center;border:1px solid #b4d66c}.bb-pdp-viewer-button{display:block;width:100%;margin:0 0 18px}.bb-rack-section button:focus-visible,.bb-viewer button:focus-visible,.bb-pdp-viewer-button:focus-visible{outline:3px solid #28331b;outline-offset:3px}
@media(max-width:650px){.bb-rack-section{padding:52px 0 32px}.bb-rack-rail{padding-inline:22px;gap:18px}.bb-rack-piece{flex-basis:166px}.bb-rack-photo{height:210px}.bb-hanger{width:155px}.bb-viewer-layout{grid-template-columns:1fr}.bb-viewer-media{padding:20px 18px}.bb-viewer-stage{height:310px}.bb-viewer-info{padding:28px 22px}.bb-viewer-info h2{font-size:24px}.bb-rack-navigation{gap:15px}.bb-viewer{max-height:92svh}}
@media(prefers-reduced-motion:reduce){.bb-rack-piece{transition:none;transform:none}.bb-rack-piece:hover{transform:none}}

.bb-rack-photo[data-image-failed=true]{position:relative}.bb-rack-photo[data-image-failed=true]::after{content:"Photo unavailable";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#666e57}

.bb-rack-rail:before{right:auto;width:max(100%,calc(var(--rail-items)*220px + 100px))}.bb-rack-photo.bb-rack-cutout{background:transparent;box-shadow:none}
@media(max-width:650px){.bb-rack-rail:before{width:max(100%,calc(var(--rail-items)*184px + 44px))}}