/* UBG GOODS CLASSIC 2026-09-17 — Ben explicit only: 2col, title top, one CC, no extra boxes */
/* 1) Product grid: 2 columns (mobile/tablet); desktop 3/4 like classic store */
html body[data-slug="uncle-benny-goods"] .store-layout-grid,
html body[data-slug="uncle-benny-goods"] .store-wrapper.store-layout-grid,
html body[data-slug="uncle-benny-goods"] div.store-wrapper{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0 6px!important;
}
@media (min-width:769px){
  html body[data-slug="uncle-benny-goods"] .store-layout-grid,
  html body[data-slug="uncle-benny-goods"] .store-wrapper.store-layout-grid{
    grid-template-columns:repeat(3,1fr)!important;gap:18px!important;
  }
}
@media (min-width:1025px){
  html body[data-slug="uncle-benny-goods"] .store-layout-grid,
  html body[data-slug="uncle-benny-goods"] .store-wrapper.store-layout-grid{
    grid-template-columns:repeat(4,1fr)!important;gap:24px!important;
  }
}
/* Full product images in cells (no tiny strip) */
html body[data-slug="uncle-benny-goods"] article.store .product-image,
html body[data-slug="uncle-benny-goods"] article.store .store-grid-link img,
html body[data-slug="uncle-benny-goods"] article.store picture img{
  width:100%!important;max-width:100%!important;height:auto!important;display:block!important;margin:0 auto!important;
}
/* 2) Title at top, centered */
html body[data-slug="uncle-benny-goods"] .ubg-goods-hero{
  display:block!important;width:100%!important;margin:2px auto 4px!important;padding:0 12px!important;
  text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body[data-slug="uncle-benny-goods"] .ubg-goods-title,
html body[data-slug="uncle-benny-goods"] h1.ubg-goods-title{
  display:block!important;width:100%!important;margin:0 auto!important;padding:0!important;
  text-align:center!important;color:#00f2ff!important;-webkit-text-fill-color:#00f2ff!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
/* Title UP: hide Bandzoogle page-header chrome; only fixed ubg-header gap */
html body[data-slug="uncle-benny-goods"] #page-header,
html body[data-slug="uncle-benny-goods"] .title-nav-container,
html body[data-slug="uncle-benny-goods"] .site-wide-header-container,
html body[data-slug="uncle-benny-goods"] #site-wide-header,
html body[data-slug="uncle-benny-goods"] #page-title,
html body[data-slug="uncle-benny-goods"] #page-title .outer,
html body[data-slug="uncle-benny-goods"] #page-title .inner,
html body[data-slug="uncle-benny-goods"] .page-title,
html body[data-slug="uncle-benny-goods"] #page-header .nav-bar,
html body[data-slug="uncle-benny-goods"] #main-nav{
  display:none!important;height:0!important;max-height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;
  visibility:hidden!important;pointer-events:none!important;
}
html body[data-slug="uncle-benny-goods"] #usersite-container{
  padding-top:50px!important;margin-top:0!important;
}
html body[data-slug="uncle-benny-goods"] #page-root,
html body[data-slug="uncle-benny-goods"] .zoogle-page-content{
  padding-top:0!important;margin-top:0!important;
}
@media (max-width:768px){
  html body[data-slug="uncle-benny-goods"] #usersite-container{padding-top:50px!important}
  html body[data-slug="uncle-benny-goods"] #page-root,
  html body[data-slug="uncle-benny-goods"] .zoogle-page-content{padding-top:0!important}
}
html body[data-slug="uncle-benny-goods"] #content,
html body[data-slug="uncle-benny-goods"] #content-wrap,
html body[data-slug="uncle-benny-goods"] #page-content{
  padding-top:0!important;margin-top:0!important;
}
html body[data-slug="uncle-benny-goods"] #content{padding-left:12px!important;padding-right:12px!important;padding-bottom:16px!important}
html body[data-slug="uncle-benny-goods"] section.feature.store_feature,
html body[data-slug="uncle-benny-goods"] section.feature,
html body[data-slug="uncle-benny-goods"] [id^="feature_block_"]{
  margin-top:0!important;padding-top:0!important;
}
html body[data-slug="uncle-benny-goods"] .ubg-goods-hero{
  margin-top:0!important;padding-top:6px!important;
}
/* 3) One small centered CC line; hide Bandzoogle duplicate */
html body[data-slug="uncle-benny-goods"] .ubg-goods-disclaimer{
  display:block!important;text-align:center!important;margin:6px auto 14px!important;
  max-width:34rem!important;font-size:12px!important;line-height:1.3!important;color:#9ad!important;
  background:transparent!important;border:0!important;
}
html body[data-slug="uncle-benny-goods"] p.text-small,
html body[data-slug="uncle-benny-goods"] span.text-small{display:none!important}
/* 4) No Amelia outer/inner boxed frames */
html body[data-slug="uncle-benny-goods"] #usersite-container{
  --content-border-size-number:0px!important;
  --border-control:0 solid transparent!important;
  --content-border-color-rgba:transparent!important;
}
html body[data-slug="uncle-benny-goods"] #page-content,
html body[data-slug="uncle-benny-goods"] #footer-wrap,
html body[data-slug="uncle-benny-goods"] #content-wrap{
  border:0!important;border-width:0!important;box-shadow:none!important;
}
html body[data-slug="uncle-benny-goods"] #usersite-container[data-theme-content-outer-border-boolean="1"] #page-content,
html body[data-slug="uncle-benny-goods"] #usersite-container[data-theme-content-outer-border-boolean="1"] #footer-wrap,
html body[data-slug="uncle-benny-goods"] #usersite-container[data-theme-content-inner-border-boolean="1"] #content-wrap{
  border:0!important;border-left:0!important;border-right:0!important;border-top:0!important;border-bottom:0!important;
}
/* No Music bleed */
html body[data-slug="uncle-benny-goods"] .ubg-music-hero,
html body[data-slug="uncle-benny-goods"] .ubg-music-title,
html body[data-slug="uncle-benny-goods"] .ubg-music-tagline{display:none!important}

/* Title flush: hero first in content; kill leftover feature spacers */
html body[data-slug="uncle-benny-goods"] #page-content-wrap > .ubg-goods-hero{
  display:block!important;margin:0 auto 4px!important;padding:8px 12px 0!important;
  position:relative!important;top:0!important;
}
html body[data-slug="uncle-benny-goods"] #feature_block_33849088,
html body[data-slug="uncle-benny-goods"] #text_feature_9089161,
html body[data-slug="uncle-benny-goods"] #feature_row_33799647{
  display:none!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
html body[data-slug="uncle-benny-goods"] .zoogle_flash,
html body[data-slug="uncle-benny-goods"] moda-section.padding-small{
  padding-top:0!important;margin-top:0!important;
}
html body[data-slug="uncle-benny-goods"] #page-content-wrap,
html body[data-slug="uncle-benny-goods"] #page-content-wrap > moda-sections,
html body[data-slug="uncle-benny-goods"] #page-content-wrap > moda-section{
  margin-top:0!important;padding-top:0!important;
}

/* Gap root cause: #usersite-container AND #page-root both had 50px pad; moda padding-small added ~132px */
html body[data-slug="uncle-benny-goods"] #usersite-container{
  padding-top:50px!important; /* clear fixed ubg-header once */
}
html body[data-slug="uncle-benny-goods"] #page-root,
html body[data-slug="uncle-benny-goods"] .inner-page,
html body[data-slug="uncle-benny-goods"] #container-wrapper,
html body[data-slug="uncle-benny-goods"] #container{
  padding-top:0!important;margin-top:0!important;
}
html body[data-slug="uncle-benny-goods"] moda-section,
html body[data-slug="uncle-benny-goods"] moda-section.padding-small,
html body[data-slug="uncle-benny-goods"] .m-section.padding-small,
html body[data-slug="uncle-benny-goods"] .zoogle-columns-first{
  padding-top:0!important;padding-bottom:0!important;margin-top:0!important;
}
/* Keep closed hamburger panel from occupying layout */
html body[data-slug="uncle-benny-goods"]:not(.ubg-menu-open) .ubg-dropdown,
html body[data-slug="uncle-benny-goods"]:not(.ubg-menu-open) .ubg-dropdown ul{
  max-height:0!important;height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;
  pointer-events:none!important;
}

/* Stripe caption link */
html body[data-slug="uncle-benny-goods"] .ubg-goods-disclaimer a.ubg-stripe-link{
  color:#00f2ff!important;text-decoration:underline!important;text-underline-offset:2px!important;
  font-size:inherit!important;background:transparent!important;border:0!important;
}
html body[data-slug="uncle-benny-goods"] .ubg-goods-disclaimer a.ubg-stripe-link:hover{
  color:#fff!important;
}

/* 20260921d surgical: readable Add to cart label (no layout/grid change). Price stays in .item-price under card; JS strips $ from button. */
html body[data-slug="uncle-benny-goods"] article.store button.add-to-cart,
html body[data-slug="uncle-benny-goods"] article.store .button.add-to-cart{
  white-space:nowrap!important;
  letter-spacing:0.02em!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  line-height:1.2!important;
}
html body[data-slug="uncle-benny-goods"] article.store .product-price,
html body[data-slug="uncle-benny-goods"] article.store .item-price{
  display:block!important;
  text-align:center!important;
}