/* UBG-GOODS-PRODUCT 20260926b - loaded ONLY on goods.unclebenny.me (Caddy goods block).
   A) STORE + PRODUCT footer pin (goods host only): Bandzoogle sets html/body + .usersite-container-wrap to
      height:100%, and site-footer-pin.css makes body a flex column. The wrap was therefore locked at 100vh and the
      store's ~900 products overflowed past it, so #ubg-contact-footer sat at exactly one screen height (mid-page).
      Letting body/wrap size to content puts the footer after the last product; min-height:100vh keeps it at the
      bottom on short pages.
   B) PRODUCT pages (/product/*): Bandzoogle renders them with body[data-slug="home"], so goods-classic.css
      (scoped to data-slug="uncle-benny-goods") never applied and the HOME template chrome showed (#page-header
      with the big crown logo, Amelia cyan boxed frames, left-aligned title). Rules below mirror the store look.
      Scope: html.ubg-gp (set by ubg-goods-product.js on /product/*) OR body[data-slug=home] that contains a
      store_item_feature (matches on first paint and on the Turbo-swapped body, before JS runs). */
/* A) footer at the very bottom (goods host) */
html,html body{height:auto!important}
html body{min-height:100vh!important;min-height:100dvh!important}
html body>.usersite-container-wrap,
html body>.usersite-container-wrap>#usersite-container-inner-wrap{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important}
html body>#ubg-contact-footer{margin-top:auto!important;order:9999!important}
/* B1) hide home-template page header (big crown logo / small logo strip); the fixed .ubg-header is the only header */
html.ubg-gp body #page-header,
html body[data-slug="home"]:has(section.store_item_feature) #page-header,
html.ubg-gp body .title-nav-container,
html body[data-slug="home"]:has(section.store_item_feature) .title-nav-container,
html.ubg-gp body .site-wide-header-container,
html body[data-slug="home"]:has(section.store_item_feature) .site-wide-header-container,
html.ubg-gp body #site-wide-header,
html body[data-slug="home"]:has(section.store_item_feature) #site-wide-header,
html.ubg-gp body #page-title,
html body[data-slug="home"]:has(section.store_item_feature) #page-title,
html.ubg-gp body #main-nav,
html body[data-slug="home"]:has(section.store_item_feature) #main-nav,
html.ubg-gp body .nav-bar,
html body[data-slug="home"]:has(section.store_item_feature) .nav-bar{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}
/* B2) same top offset as the store: content starts right under the 50/54px ubg-header */
html.ubg-gp body #usersite-container,
html body[data-slug="home"]:has(section.store_item_feature) #usersite-container{padding-top:50px!important;margin-top:0!important;--content-border-size-number:0px!important;--border-control:0 solid transparent!important;--content-border-color-rgba:transparent!important}
html.ubg-gp body #page-root,
html body[data-slug="home"]:has(section.store_item_feature) #page-root,
html.ubg-gp body .zoogle-page-content,
html body[data-slug="home"]:has(section.store_item_feature) .zoogle-page-content,
html.ubg-gp body #content,
html body[data-slug="home"]:has(section.store_item_feature) #content,
html.ubg-gp body #content-wrap,
html body[data-slug="home"]:has(section.store_item_feature) #content-wrap,
html.ubg-gp body #page-content,
html body[data-slug="home"]:has(section.store_item_feature) #page-content,
html.ubg-gp body #container,
html body[data-slug="home"]:has(section.store_item_feature) #container,
html.ubg-gp body #container-wrapper,
html body[data-slug="home"]:has(section.store_item_feature) #container-wrapper{padding-top:0!important;margin-top:0!important}
/* B3) no Amelia boxed cyan frames */
html.ubg-gp body #page-content-wrap,
html body[data-slug="home"]:has(section.store_item_feature) #page-content-wrap,
html.ubg-gp body #page-content,
html body[data-slug="home"]:has(section.store_item_feature) #page-content,
html.ubg-gp body #content-wrap,
html body[data-slug="home"]:has(section.store_item_feature) #content-wrap,
html.ubg-gp body #footer-wrap,
html body[data-slug="home"]:has(section.store_item_feature) #footer-wrap,
html.ubg-gp body #container,
html body[data-slug="home"]:has(section.store_item_feature) #container,
html.ubg-gp body #container-wrapper,
html body[data-slug="home"]:has(section.store_item_feature) #container-wrapper{border:0!important;border-width:0!important;box-shadow:none!important;outline:0!important}
html.ubg-gp body #page-content-wrap,
html body[data-slug="home"]:has(section.store_item_feature) #page-content-wrap,
html.ubg-gp body #content-wrap,
html body[data-slug="home"]:has(section.store_item_feature) #content-wrap{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}
/* B4) centered Goods title + one small centered CC line (mirrors goods-classic.css) */
html.ubg-gp body .ubg-goods-hero,
html body[data-slug="home"]:has(section.store_item_feature) .ubg-goods-hero,
html.ubg-gp body #page-content-wrap > .ubg-goods-hero,
html body[data-slug="home"]:has(section.store_item_feature) #page-content-wrap > .ubg-goods-hero{display:block!important;width:100%!important;margin:0 auto 4px!important;padding:8px 12px 0!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative!important;top:0!important}
html.ubg-gp body .ubg-goods-title,
html body[data-slug="home"]:has(section.store_item_feature) .ubg-goods-title,
html.ubg-gp body h1.ubg-goods-title,
html body[data-slug="home"]:has(section.store_item_feature) 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}
html.ubg-gp body .ubg-goods-disclaimer,
html body[data-slug="home"]:has(section.store_item_feature) .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.ubg-gp body p.text-small,
html body[data-slug="home"]:has(section.store_item_feature) p.text-small,
html.ubg-gp body span.text-small,
html body[data-slug="home"]:has(section.store_item_feature) span.text-small{display:none!important}
html.ubg-gp body .ubg-music-hero,
html body[data-slug="home"]:has(section.store_item_feature) .ubg-music-hero,
html.ubg-gp body .ubg-music-title,
html body[data-slug="home"]:has(section.store_item_feature) .ubg-music-title,
html.ubg-gp body .ubg-music-tagline,
html body[data-slug="home"]:has(section.store_item_feature) .ubg-music-tagline,
html.ubg-gp body .ubg-hero,
html body[data-slug="home"]:has(section.store_item_feature) .ubg-hero{display:none!important}
/* B5) product card: black page, centered, readable width on desktop */
html.ubg-gp body,
html body[data-slug="home"]:has(section.store_item_feature),
html.ubg-gp body #usersite-container,
html body[data-slug="home"]:has(section.store_item_feature) #usersite-container,
html.ubg-gp body moda-section.m-section,
html body[data-slug="home"]:has(section.store_item_feature) moda-section.m-section{background-color:#000!important}
html.ubg-gp body .single-store-item,
html body[data-slug="home"]:has(section.store_item_feature) .single-store-item{max-width:760px!important;margin:0 auto!important;justify-content:center!important}
html.ubg-gp body .single-store-item > article.store,
html body[data-slug="home"]:has(section.store_item_feature) .single-store-item > article.store{width:100%!important;margin:0 auto!important}
/* B6) footer (product) */
html.ubg-gp body >#ubg-contact-footer,
html body[data-slug="home"]:has(section.store_item_feature) >#ubg-contact-footer{margin-top:auto!important;order:9999!important}
/* B7) product page: show Size/Color options on mobile (Bandzoogle custom CSS hides article.store table.item-options <=768px for the grid) + one price line */
html.ubg-gp body .single-store-item article.store table.item-options,
html body[data-slug="home"]:has(section.store_item_feature) .single-store-item article.store table.item-options{display:table!important;width:100%!important}
html.ubg-gp body .single-store-item article.store .product-details .product-price,
html body[data-slug="home"]:has(section.store_item_feature) .single-store-item article.store .product-details .product-price{display:block!important;text-align:center!important;color:#00f2ff!important;margin:10px 0 4px!important;font-size:20px!important}
html.ubg-gp body .single-store-item article.store .product-details .product-price ~ .product-price,
html body[data-slug="home"]:has(section.store_item_feature) .single-store-item article.store .product-details .product-price ~ .product-price{display:none!important}
/* B8) product page: no 80px mobile spacer under the card (store keeps it for the Colors pill) */
html.ubg-gp body #usersite-container,
html body[data-slug="home"]:has(section.store_item_feature) #usersite-container{padding-bottom:16px!important}
/* B9) price line is wrapped in a Bandzoogle <a>: no underline */
html.ubg-gp body .single-store-item article.store .product-details > a:has(> .product-price),
html body[data-slug="home"]:has(section.store_item_feature) .single-store-item article.store .product-details > a:has(> .product-price),
html.ubg-gp body .single-store-item article.store .product-details .product-price *,
html body[data-slug="home"]:has(section.store_item_feature) .single-store-item article.store .product-details .product-price *{text-decoration:none!important;border-bottom:0!important}