/* Product page layout for customizable playsets (body.bb-customizable-product) */
.bb-customizable-product .bb-product-top{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,4.5vw,64px);align-items:start;margin-bottom:56px}
.bb-customizable-product .bb-product-top>.onsale{position:absolute;top:16px;left:16px;z-index:5;margin:0}
.bb-customizable-product div.product .bb-product-top>.woocommerce-product-gallery,
.bb-customizable-product div.product .bb-product-top>.summary{float:none!important;width:auto!important;margin:0!important;padding:0}
.bb-customizable-product div.product .bb-product-top>.woocommerce-product-gallery{position:sticky!important;top:110px}
.admin-bar.bb-customizable-product div.product .bb-product-top>.woocommerce-product-gallery{top:142px}
.bb-customizable-product .bb-product-top .woocommerce-product-gallery .flex-viewport,
.bb-customizable-product .bb-product-top .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:only-child{border-radius:var(--bb-r);overflow:hidden}
.bb-customizable-product .bb-product-top .flex-control-thumbs{display:flex;gap:10px;margin-top:12px!important}
.bb-customizable-product .bb-product-top .flex-control-thumbs li{width:76px!important;padding:0!important}
.bb-customizable-product .bb-product-top .flex-control-thumbs img{border-radius:10px;border:2px solid transparent;opacity:.7;transition:opacity .2s,border-color .2s}
.bb-customizable-product .bb-product-top .flex-control-thumbs img.flex-active,.bb-customizable-product .bb-product-top .flex-control-thumbs img:hover{opacity:1;border-color:var(--bb-green)}
.bb-customizable-product .summary .product_title{margin-bottom:6px}
.bb-customizable-product .summary .price{max-width:none!important;margin:18px 0!important}
.bb-customizable-product .summary .woocommerce-product-details__short-description{margin-bottom:18px}
.bb-customizable-product .summary .bb-space-note{margin:0 0 16px}
.bb-customizable-product .summary .bb-install-choice{margin-bottom:16px}
.bb-customizable-product .summary form.cart{margin-bottom:0!important}
.bb-customizable-product .summary form.cart .single_add_to_cart_button{flex:1;min-height:54px;font-size:16px}
.bb-customizable-product .summary form.cart .quantity input{height:54px;border-radius:12px;border-color:var(--bb-field-line)}
.bb-customizable-product .summary .product_meta{margin-top:18px;font-size:12px}
.bb-customizable-product div.product .woocommerce-tabs{margin-top:0}

/* "Want to customize this playground?" ribbon: full width above the gallery and summary */
.bb-customize-ribbon{display:flex;align-items:center;gap:18px 22px;margin:0 0 28px;padding:16px 18px 16px 16px;border:1px solid var(--bb-butter-line);border-radius:18px;background:var(--bb-butter)}
.bb-customize-ribbon-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;flex-shrink:0;background:var(--bb-yellow);color:var(--bb-forest)}
.bb-customize-ribbon-text{flex:1;min-width:0}
body.single-product .bb-customize-ribbon h2{font:800 19px/1.25 var(--bb-serif);letter-spacing:-.01em;color:var(--bb-ink);margin:0 0 2px}
.bb-customize-ribbon p{font-size:14px;line-height:1.55;color:var(--bb-muted);margin:0}
.bb-customize-ribbon p strong{color:var(--bb-ink)}
.bb-customize-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}
.bb-customize-ribbon .bb-button{font-size:14px;padding:11px 18px;gap:10px;min-height:44px;white-space:nowrap}
.bb-customize-ribbon .bb-customize-visit{background:var(--bb-paper);color:var(--bb-ink);border-color:var(--bb-line)}
.bb-customize-ribbon .bb-customize-visit:hover{color:var(--bb-green);border-color:var(--bb-green);background:var(--bb-paper)}
.bb-customize-ribbon a:focus-visible{outline:3px solid var(--bb-green);outline-offset:4px}

/* Tighter details column */
.bb-customizable-product .summary .bb-space-note{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;row-gap:2px;padding:12px 16px}
.bb-customizable-product .summary .bb-space-note>span{grid-column:1;font-size:13px}
.bb-customizable-product .summary .bb-space-note>strong{grid-column:2;margin:0;font-size:19px}
.bb-customizable-product .summary .bb-space-note>a{grid-column:1/-1;justify-self:start;font-size:12px}
.bb-customizable-product .summary .bb-install-choice{padding:14px 16px}
.bb-customizable-product .summary .bb-install-choice>p{margin-top:12px;padding-top:10px}

.bb-playset-inquiry{clear:both;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin:56px 0;padding:40px;border:1px solid var(--bb-line);border-radius:18px;background:var(--bb-mint);scroll-margin-top:120px}
.bb-playset-inquiry h2{font:800 clamp(28px,3vw,39px)/1.15 var(--bb-serif);letter-spacing:-.03em;color:var(--bb-ink);margin:12px 0 18px}
.bb-playset-inquiry p{font-size:13px;line-height:1.9;color:var(--bb-muted);margin:0 0 16px}
.bb-playset-inquiry a{color:var(--bb-green);text-decoration:underline}
.bb-playset-form label{display:block;font-size:13px;font-weight:600;color:var(--bb-ink);margin-bottom:18px}
.bb-playset-form label>span{font-weight:400;color:var(--bb-muted)}
.bb-playset-form input:not([type=hidden]),.bb-playset-form textarea{display:block;width:100%;margin-top:7px;background:var(--bb-paper);border:1px solid var(--bb-field-line,var(--bb-line));border-radius:9px;padding:12px;color:var(--bb-ink);font:400 14px/1.6 var(--bb-sans);box-sizing:border-box}
.bb-playset-form textarea{resize:vertical;min-height:130px}
.bb-playset-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bb-playset-inquiry .bb-playset-form-model{padding-bottom:14px;border-bottom:1px solid var(--bb-line);margin-bottom:20px;overflow-wrap:anywhere}
.bb-playset-inquiry .bb-playset-form-note{font-size:11px}
.bb-playset-form .bb-button{font-size:13px;gap:12px;min-height:44px;cursor:pointer}
.bb-playset-form :focus-visible{outline:3px solid var(--bb-green);outline-offset:3px}
.bb-playset-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:850px){.bb-playset-inquiry{grid-template-columns:1fr;gap:20px;padding:28px}}
@media(max-width:600px){.bb-playset-inquiry{padding:22px;margin:35px 0}.bb-playset-form-row{grid-template-columns:1fr;gap:0}.bb-playset-form .bb-button{width:100%}}
@media(max-width:900px){
  .bb-customizable-product .bb-product-top{grid-template-columns:1fr;gap:28px;margin-bottom:40px}
  .bb-customizable-product div.product .bb-product-top>.woocommerce-product-gallery{position:relative!important;top:auto}
}
@media(max-width:600px){
  .bb-customizable-product .bb-product-top .flex-control-thumbs li{width:60px!important}
  .bb-customizable-product .summary form.cart{flex-wrap:nowrap}
}
.bb-customizable-product .summary .product_meta>span{font-size:12px}
.bb-customizable-product .summary .product_meta,.bb-customizable-product .summary .product_meta *{font-size:12px!important;line-height:1.7}
@media(max-width:1000px){
  .bb-customize-ribbon{flex-wrap:wrap}
  .bb-customize-ribbon-text{flex:1 1 calc(100% - 80px)}
  .bb-customize-actions{width:100%;padding-left:70px}
}
@media(max-width:600px){
  .bb-customize-ribbon{gap:12px 14px;padding:14px;margin-bottom:20px}
  .bb-customize-ribbon-icon{width:40px;height:40px;border-radius:12px}
  body.single-product .bb-customize-ribbon h2{font-size:17px}
  .bb-customize-ribbon p{font-size:13px}
  .bb-customize-actions{padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .bb-customize-ribbon .bb-button{padding:10px 12px;font-size:13px;white-space:normal;justify-content:center}
}
@media(max-width:900px){
  .bb-customizable-product .bb-product-top .woocommerce-product-gallery__image img{width:100%!important}
}
@media(max-width:600px){
  .bb-customize-ribbon{display:grid;grid-template-columns:40px 1fr;align-items:center;padding:12px}
  .bb-customize-ribbon p{display:none}
  body.single-product .bb-customize-ribbon h2{font-size:16px;margin:0}
  .bb-customize-actions{grid-column:1/-1;width:auto}
  .bb-customize-ribbon .bb-button{white-space:nowrap;min-height:42px}
  .bb-customize-ribbon .bb-button svg{display:none}
}