.bb{display:block;background:#fff;color:#222;padding:30px 16px calc(var(--bb-bar-height,160px) + var(--bb-bottom) + 24px);font-family:var(--font-body-family,Arial,sans-serif)}
.bb *{box-sizing:border-box}.bb-heading,.bb-description{text-align:center}.bb-grid{display:grid;grid-template-columns:repeat(var(--bb-columns),minmax(0,1fr));gap:32px 18px}.bb-card{text-align:center;min-width:0}.bb-photo{display:block;aspect-ratio:359/446;background:#f3f1ed;overflow:hidden}.bb-image{width:100%;height:100%;object-fit:cover;display:block}.bb-title{display:block;color:#555;text-decoration:none;font-size:14px;line-height:1.4;margin-top:3px}.bb-review{display:block;color:#333;text-decoration:none;font-size:11px;line-height:1.5;margin:3px 0}.bb-review span{font-size:15px;vertical-align:middle}.bb-options{border:0;padding:0;margin:5px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px;min-width:0}.bb-choice{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:26px;padding:3px 12px;border:1px solid #aaa;border-radius:30px;font-size:10px;line-height:1;cursor:pointer;color:#555}.bb-choice input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.bb-choice:has(input:checked){background:var(--bb-accent);border-color:var(--bb-accent);color:#fff}.bb-choice:has(input:focus-visible){outline:2px solid #333;outline-offset:3px}.bb-choice:has(input:disabled){opacity:.3;cursor:not-allowed;text-decoration:line-through}.bb-choice input:disabled{cursor:not-allowed}.bb-swatch,.bb-swatch:has(input:checked){padding:0;min-width:19px;width:19px;min-height:19px;height:19px;border:1px solid #ddd;background-color:var(--swatch,#ddd);background-image:var(--swatch-image,none);background-size:cover}.bb-swatch:has(input:checked){outline:1.5px solid #222;outline-offset:2px}.bb-add{display:block;min-height:33px;width:140px;max-width:100%;margin:5px auto 0;background:#fff;border:1.5px solid #222;border-radius:24px;color:#111;font:600 11px var(--font-body-family,Arial,sans-serif);cursor:pointer}.bb-add:hover:not(:disabled){background:#222;color:#fff}.bb button:disabled{opacity:.45;cursor:not-allowed}.bb-card-count{display:block;min-height:17px;font-size:11px;margin-top:2px}.bb-pagination{text-align:center;margin:30px 0}.bb-pagination a,.bb-pagination .current{padding:10px;color:inherit}.bb-bar{position:fixed;bottom:var(--bb-bottom);left:0;right:0;z-index:30;background:var(--bb-accent);color:#fff;padding:14px 24px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -2px 8px #0002}.bb-bar-inner{max-width:1500px;margin:auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.bb-summary{min-width:170px;display:grid;gap:4px}.bb-summary strong{font-size:17px;color:inherit}.bb-summary span{font-size:12px}.bb-summary progress{height:4px;width:100%;accent-color:#fff;border:0;background:#ffffff38}.bb-summary progress::-webkit-progress-bar{background:#ffffff38}.bb-summary progress::-webkit-progress-value{background:#fff}.bb-summary progress::-moz-progress-bar{background:#fff}.bb-selections{display:flex;flex:1;gap:10px;list-style:none;padding:4px;margin:0;overflow-x:auto}.bb-slot{position:relative;flex:0 0 46px;height:58px;border:1px dashed #ffffff70;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:13px}.bb-slot img{height:100%;width:100%;object-fit:cover}.bb-remove{position:absolute;right:-4px;top:-5px;border:0;border-radius:50%;width:22px;height:22px;line-height:22px;padding:0;background:white;color:#111;cursor:pointer;font-size:17px}.bb-submit{background:#fff;color:#111;border:1px solid #fff;border-radius:30px;min-height:46px;padding:12px 34px;font:600 14px var(--font-body-family,Arial,sans-serif);cursor:pointer}.bb-status{flex-basis:100%;margin:0;font-size:13px}.bb-status:empty{display:none}.bb-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bb-empty{text-align:center;padding:50px 0}.bb a:focus-visible,.bb button:focus-visible{outline:2px solid #88724e;outline-offset:4px}
@media(max-width:749px){.bb{padding-top:16px;padding-left:10px;padding-right:10px}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.bb-title{font-size:12px}.bb-choice{min-width:27px;padding:4px 8px;min-height:28px}.bb-swatch{min-width:19px;min-height:19px;padding:0}.bb-options{gap:5px}.bb-review{font-size:9px}.bb-review span{font-size:12px}.bb-bar{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.bb-bar-inner{gap:10px 14px}.bb-summary{min-width:0;flex:1}.bb-summary strong{font-size:14px}.bb-selections{order:3;flex-basis:100%}.bb-slot{flex-basis:35px;height:42px}.bb-submit{padding:10px 18px;font-size:12px}.bb-status{order:4}}

.bb .bb-color-choice{gap:5px;padding:3px 7px;min-height:28px;background:#fff;color:#333}.bb .bb-color-choice:has(input:checked){background:#f3f3f3;color:#111;border-color:#111}.bb .bb-color-dot{display:block;flex:0 0 18px;width:18px;height:18px;border:1px solid #b7b7b7;border-radius:50%;background:#ddd;background-color:var(--swatch,#ddd);background-image:var(--swatch-image,none);background-size:cover}.bb .bb-color-choice input{z-index:1}

.bb .bb-linked-swatch{padding:2px;min-width:24px;width:24px;min-height:24px;height:24px;border-color:transparent;background:transparent}.bb .bb-linked-swatch:has(input:checked){background:transparent;border-color:#111}.bb .bb-linked-swatch .bb-color-dot{width:18px;height:18px}.bb .bb-review[hidden]{display:none}
.bb .bb-length{max-width:220px;margin:10px auto;text-align:left}.bb .bb-length[hidden]{display:none}.bb .bb-length label{display:block;font-size:12px;margin-bottom:4px}.bb .bb-length select{width:100%;min-height:36px;padding:6px 10px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#333;font:inherit;font-size:12px}