/* Shop filter bar: yard size + deck height in one compact card */
.bb-shop-filters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 28px;margin:22px 0 4px;padding:16px 20px;border:1px solid var(--bb-line);border-radius:18px;background:var(--bb-paper);box-shadow:var(--bb-shadow)}
.bb-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}
.bb-yard-finder{flex:1 1 470px}
.bb-playset-filters{flex:1 1 380px;padding-left:28px;border-left:1px solid var(--bb-line)}
h2.bb-filter-label{display:inline-flex;align-items:center;gap:8px;margin:0;font:700 14px/1.2 var(--bb-sans);letter-spacing:0;color:var(--bb-ink);white-space:nowrap}
.bb-filter-label svg{color:var(--bb-green)}
.bb-filter-group form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}

.bb-yard-inputs{display:flex;align-items:center;gap:8px}
.bb-yard-inputs label{margin:0}
.bb-yard-inputs input{box-sizing:border-box;width:92px;height:42px;border:1px solid var(--bb-field-line);border-radius:999px;padding:8px 14px;background:var(--bb-cream);color:var(--bb-ink);font-size:15px;line-height:1.2;text-align:center;-moz-appearance:textfield}
.bb-yard-inputs input::-webkit-outer-spin-button,.bb-yard-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bb-yard-inputs input:focus{background:var(--bb-paper);border-color:var(--bb-green)}
.bb-yard-times,.bb-yard-unit{color:var(--bb-muted);font-size:14px}
.bb-yard-unit{margin-right:4px}
.bb-shop-filters .bb-button{display:inline-flex;align-items:center;justify-content:center;height:42px;min-height:0;padding:0 18px;border:0;border-radius:999px;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer}
.bb-yard-help{flex-basis:100%;margin:-2px 0 0}
.bb-yard-help summary{display:inline-block;cursor:pointer;font-size:12px;color:var(--bb-muted);text-decoration:underline;text-underline-offset:3px;list-style:none}
.bb-yard-help summary::-webkit-details-marker{display:none}
.bb-yard-help p{font-size:12px;line-height:1.65;color:var(--bb-muted);margin:8px 0 0;max-width:640px}
.bb-yard-status{flex-basis:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:var(--bb-mint)}
.bb-yard-status p{flex:1;font-size:13px;line-height:1.5;margin:0;color:var(--bb-ink)}
.bb-yard-status a,.bb-filter-clear{font-size:12px;font-weight:700;color:var(--bb-green);text-decoration:underline;white-space:nowrap}

.bb-playset-filters fieldset{border:0;margin:0;padding:0;min-width:0}
.bb-deck-options{display:flex;flex-wrap:wrap;gap:8px}
.bb-deck-option{position:relative;cursor:pointer}
.bb-deck-option input{position:absolute;opacity:0;width:1px;height:1px}
.bb-deck-option>span{display:inline-flex;align-items:baseline;gap:6px;height:42px;box-sizing:border-box;padding:0 15px;align-items:center;border:1px solid var(--bb-line);border-radius:999px;background:var(--bb-paper);transition:background .2s,border-color .2s}
.bb-deck-option strong{font:700 14px/1 var(--bb-sans);color:var(--bb-ink)}
.bb-deck-option small{font-size:12px;color:var(--bb-muted)}
.bb-deck-option:hover>span{border-color:var(--bb-green)}
.bb-deck-option input:checked+span{background:var(--bb-green);border-color:var(--bb-green)}
.bb-deck-option input:checked+span strong,.bb-deck-option input:checked+span small{color:#fff}
.bb-deck-option input:focus-visible+span{outline:3px solid var(--bb-green);outline-offset:3px}
form.is-auto .bb-filter-apply{display:none}
.bb-shop-filters :focus-visible{outline:3px solid var(--bb-green);outline-offset:3px}

/* "Want it custom?" line in the dark catalog header */
.bb-head-custom{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:22px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:var(--bb-on-dark);font-size:14px;line-height:1.4;transition:background .2s}
.bb-head-custom:hover{background:rgba(255,255,255,.14);color:#fff}
.bb-head-custom>svg{color:var(--bb-yellow);flex-shrink:0}
.bb-head-custom strong{color:#fff}
.bb-head-custom-cta{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--bb-yellow);white-space:nowrap}

@media(max-width:900px){
  .bb-playset-filters{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--bb-line)}
}
@media(max-width:600px){
  .bb-shop-filters{padding:14px;gap:14px;border-radius:16px}
  .bb-yard-finder,.bb-playset-filters{flex-basis:100%}
  .bb-filter-group{gap:10px}
  h2.bb-filter-label{flex-basis:100%}
  .bb-yard-finder form,.bb-yard-inputs{width:100%}
  .bb-yard-inputs label{flex:1}
  .bb-yard-inputs input{width:100%}
  .bb-deck-options{width:100%}
  .bb-deck-option{flex:1}
  .bb-deck-option>span{width:100%;justify-content:center;flex-direction:column;gap:2px;height:52px;padding:0 6px;border-radius:14px}
  .bb-head-custom{border-radius:16px;padding:12px 14px;font-size:13px}
}
.bb-product-deck{font-size:12px;font-weight:600;color:var(--bb-green);margin:0 0 10px}
.bb-product-footprint{margin:0 0 16px;color:var(--bb-muted)}.bb-product-footprint p{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.bb-product-footprint svg{flex-shrink:0}.bb-product-footprint small{display:block;margin-top:4px;font-size:10px}
@media(max-width:600px){
  .bb-playset-filters form,.bb-playset-filters fieldset{width:100%}
  body.post-type-archive-product .bb-collection-tabs,body.tax-product_cat .bb-collection-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
  body.post-type-archive-product .bb-collection-tabs::-webkit-scrollbar,body.tax-product_cat .bb-collection-tabs::-webkit-scrollbar{display:none}
  body.post-type-archive-product .bb-collection-tabs>a,body.tax-product_cat .bb-collection-tabs>a{flex-shrink:0;white-space:nowrap}
}