/* Scoped controls: deliberately outrank the shared theme's button rules. */
#site-main.ui-design .ui-tabs {
  gap:6px;padding:6px;margin:30px 0 28px;border:1px solid #dedfd5;
  border-radius:12px;background:#f5f5ef;overflow-x:auto;scroll-padding:8px;
}
#site-main.ui-design .ui-tabs button {
  flex:1 0 auto;min-height:46px;padding:11px 18px!important;
  border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;color:#555d50!important;
  font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;
  transition:background .18s,color .18s;
}
#site-main.ui-design .ui-tabs button:hover {background:#e8e9df!important;color:#303d30!important}
#site-main.ui-design .ui-tabs button[aria-selected="true"] {
  background:#354637!important;color:#fff!important;border-color:#354637!important;
  box-shadow:0 2px 5px #24302414!important;
}
#site-main.ui-design .ui-product {display:flex;flex-direction:column;min-width:0}
#site-main.ui-design .ui-product-copy {display:flex;flex-direction:column;flex:1;padding:26px}
#site-main.ui-design .ui-product .bw-collection-link {margin-top:auto;padding-top:22px;padding-bottom:0;min-height:48px}
#site-main.ui-design .ui-product .ui-select {
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:100%;min-height:48px;margin:20px 0 0;padding:12px 16px!important;
  border:1px solid #b7bcae!important;border-radius:8px!important;
  background:#f8f8f2!important;color:#354637!important;box-shadow:none!important;
  font-size:14px;font-weight:600;line-height:1.5;text-align:left;cursor:pointer;
  transition:background .18s,border-color .18s;
}
#site-main.ui-design .ui-product .ui-select span {flex:none;font-size:20px;line-height:1}
#site-main.ui-design .ui-product .ui-select:hover {background:#e9ede3!important;border-color:#62715b!important;color:#293c2c!important}
#site-main.ui-design .ui-product .ui-select[aria-pressed="true"] {background:#354637!important;border-color:#354637!important;color:#fff!important}
#site-main.ui-design .ui-tabs button:focus-visible,
#site-main.ui-design .ui-product .ui-select:focus-visible {outline:2px solid #8c642e!important;outline-offset:2px}
@media(max-width:600px){
  #site-main.ui-design .ui-tabs {gap:4px}
  #site-main.ui-design .ui-tabs button {padding:11px 16px!important}
  #site-main.ui-design .ui-product-copy {padding:22px}
}
@media(prefers-reduced-motion:reduce){
  #site-main.ui-design .ui-tabs button,#site-main.ui-design .ui-product .ui-select {transition:none}
}