.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1084 .elementor-element.elementor-element-0597342 .cart button, .elementor-1084 .elementor-element.elementor-element-0597342 .cart .button{transition:all 0.2s;}.elementor-1084 .elementor-element.elementor-element-0597342 .quantity .qty{transition:all 0.2s;}@media(max-width:1024px){.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:640px){.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS *//* SGB Single Product – HydroBlok. V3 WooCommerce widgets (Add to Cart, Additional Information) are styled here.
   Scoped to .elementor-1084 (the template wrapper, which also carries the product's product_cat-* classes);
   Elementor's own `body.elementor-page-1084` resolves to a body class on product templates. */

/* Breadcrumb category link */
.elementor-1084 [data-id="1ac79644"] a{color:var(--charcoal);text-decoration:none;}
.elementor-1084 [data-id="1ac79644"] a:hover{color:var(--hb-green-dark);}


/* Specifications: only the spec rows (size/length/count choices live in the dropdown, not the table);
   hide the whole column when a product has no spec rows (drains, accessories) */
.elementor-1084 .woocommerce-product-attributes-item--attribute_size,.elementor-1084 .woocommerce-product-attributes-item--attribute_length,.elementor-1084 .woocommerce-product-attributes-item--attribute_length-count,.elementor-1084 .woocommerce-product-attributes-item--attribute_count,.elementor-1084 .woocommerce-product-attributes-item--attribute_depth{display:none;}
.elementor-1084 .elementor-element:has(> .elementor-widget-woocommerce-product-additional-information):not(:has(table.shop_attributes)){display:none;}
.elementor-1084 .woocommerce-product-attributes{width:100%;border:1px solid var(--line);border-radius:var(--r-md);border-collapse:separate;border-spacing:0;overflow:hidden;margin:0;font-family:var(--font-body);}
.elementor-1084 .woocommerce-product-attributes tr:nth-child(odd of :not([style*=none])){background:var(--surface);}
.elementor-1084 .woocommerce-product-attributes tr{background:var(--white);}
.elementor-1084 .woocommerce-product-attributes tr:nth-child(odd of tr:not([class*="attribute_size"],[class*="attribute_length"],[class*="attribute_count"],[class*="attribute_depth"])){background:var(--surface);}
.elementor-1084 .woocommerce-product-attributes th,.elementor-1084 .woocommerce-product-attributes td{padding:13px 18px;font-size:14px;color:var(--charcoal);border:0;vertical-align:top;}
.elementor-1084 .woocommerce-product-attributes th{width:42%;font-weight:700;text-align:left;}
.elementor-1084 .woocommerce-product-attributes td{text-align:right;font-style:normal;}
.elementor-1084 .woocommerce-product-attributes td p{margin:0;padding:0;}

/* Add to Cart form: size dropdown, quantity, green button */
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart form.cart{margin:0;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart table.variations{width:100%;margin:0 0 20px;border:0;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart table.variations tr{display:flex;flex-direction:column;gap:10px;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart table.variations th,.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart table.variations td{padding:0;border:0;background:none;text-align:left;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart table.variations label{font-family:var(--font-body);font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--charcoal);}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .sgb-var-choice{color:var(--hb-green-dark);text-transform:none;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart table.variations select{width:100%;max-width:420px;min-height:46px;padding:10px 14px;font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--charcoal);background-color:var(--white);border:1px solid var(--line-strong);border-radius:var(--r-sm);}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart table.variations select:focus{border-color:var(--hb-green);outline:2px solid color-mix(in srgb,var(--hb-green) 35%,transparent);}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .reset_variations{font-size:12.5px;color:var(--hb-green-dark);margin-left:12px;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .woocommerce-variation-price{display:none;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .woocommerce-variation-add-to-cart,.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart form.cart:not(.variations_form){display:flex;gap:14px;align-items:stretch;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .quantity .qty{width:84px;min-height:50px;border:1px solid var(--line-strong);border-radius:var(--r-sm);font-family:var(--font-body);font-size:15px;font-weight:800;color:var(--charcoal);text-align:center;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button{flex:1;min-height:50px;background-color:var(--hb-green)!important;color:var(--charcoal)!important;font-family:var(--font-body);font-weight:800;font-size:15px;border:0;border-radius:var(--r-sm);padding:15px 24px;transition:background-color .2s;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button:hover{background-color:var(--hb-green-dark)!important;}
.elementor-1084 .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button.disabled{opacity:.55;}

/* Prices: WooCommerce paints .price olive; keep charcoal (big price line and upsell cards) */
.elementor-1084 .js-var-price,.elementor-1084 .js-var-price *,.elementor-1084 [data-element_type="e-collection-loop-item"] .amount,.elementor-1084 [data-element_type="e-collection-loop-item"] bdi{color:var(--charcoal)!important;}
.elementor-1084 .js-var-price .amount,.elementor-1084 .js-var-price bdi{font:inherit;}
.elementor-1084 .js-var-price del{opacity:.5;font-size:.6em;margin-right:8px;}

/* You may also need: smaller thumbnails on phones */
@media (max-width:640px){.elementor-1084 [data-element_type="e-collection-loop-item"] img{width:72px;height:72px;min-width:72px;}}
/* ==== Specs in the right column (Brianna, Oct 28). Start ==== */
/* Specifications and Manufacturer Resources sit in the right column under the pickup note (all widths). */
.elementor-1084 .elementor-element[data-id="2d81971b"]{align-self:stretch;width:100%;margin-block-start:28px;gap:14px;}
.elementor-1084 .elementor-element[data-id="416112d"]{align-self:stretch;width:100%;margin-block-start:24px;}
/* No spec row to show (no table, or only the hidden size / length / count rows): no Specifications at all */
.elementor-1084 .elementor-element[data-id="2d81971b"]:not(:has(tr:not(.woocommerce-product-attributes-item--attribute_size,.woocommerce-product-attributes-item--attribute_length,.woocommerce-product-attributes-item--attribute_length-count,.woocommerce-product-attributes-item--attribute_count,.woocommerce-product-attributes-item--attribute_depth))){display:none;}
/* WooCommerce's own table rules (.woocommerce table.shop_attributes …) outranked the ones above: cells get real padding */
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes{border:1px solid var(--line);border-radius:var(--r-md);border-collapse:separate;border-spacing:0;overflow:hidden;margin:0;width:100%;}
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > th,.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > td{display:table-cell;max-width:none;padding:14px 20px;border:0;background:transparent;font-style:normal;line-height:1.5;font-size:15px;vertical-align:top;}
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > th{width:40%;text-align:left;font-weight:700;}
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > td{text-align:right;}
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > td p{margin:0;padding:0;}
/* WooCommerce's small-screen sheet (768px and below) stacks rows as blocks, which left a gap between each label and its
   value: keep label left, value right at every width (visible rows only; the hidden size rows stay hidden) */
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr:not(.woocommerce-product-attributes-item--attribute_size,.woocommerce-product-attributes-item--attribute_length,.woocommerce-product-attributes-item--attribute_length-count,.woocommerce-product-attributes-item--attribute_count,.woocommerce-product-attributes-item--attribute_depth){display:table-row;}
/* the size / length / count rows stay hidden at every width (WooCommerce's small-screen "display:block" had been showing the
   whole size list on phones), and one zebra rule counts only the rows that show (two older rules overlapped: all grey) */
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr.woocommerce-product-attributes-item--attribute_size,.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr.woocommerce-product-attributes-item--attribute_length,.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr.woocommerce-product-attributes-item--attribute_length-count,.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr.woocommerce-product-attributes-item--attribute_count,.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr.woocommerce-product-attributes-item--attribute_depth{display:none;}
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr{background:var(--white);}
.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr:nth-child(odd of tr:not(.woocommerce-product-attributes-item--attribute_size,.woocommerce-product-attributes-item--attribute_length,.woocommerce-product-attributes-item--attribute_length-count,.woocommerce-product-attributes-item--attribute_count,.woocommerce-product-attributes-item--attribute_depth)){background:var(--surface);}
@media (max-width:640px){ .elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > th,.elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > td{padding:12px 16px;} .elementor-1084 .elementor-element.elementor-widget-woocommerce-product-additional-information table.shop_attributes tr > th{width:44%;} }
/* You May Also Need, desktop: the cards started 80px in (40px padding on the loop and again on its grid, fixed 372px
   columns); now they line up with the heading and the page edges. Tablets and phones keep their swipe carousel. */
@media (min-width:1025px){
.elementor-1084 .elementor-element[data-id="5e67b29f"],.elementor-1084 .elementor-element[data-id="7e579f9e"]{padding-inline:0;}
.elementor-1084 .elementor-element[data-id="7e579f9e"]{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* ==== Specs in the right column: end ==== *//* End custom CSS */