/* DEV16: explicit integration boundary for PSM/WooCommerce !important rules.
 * These exceptions are reference-only. Native commerce data and runtimes remain owned by plugins. */
body.systemtech-reference-ui-v1 [hidden] { display: none !important; }
/* PSM assigns typography directly to headings/paragraphs; Elementor kits also
 * set element fonts. Keep icons on their own font and scope all resets to UI. */
body.systemtech-reference-ui-v1 { --psm-font: var(--st-font-sans); --st-brand-font: var(--st-font-sans); }
body.systemtech-reference-ui-v1 :is(h1,h2,h3,h4,p,ul,ol,dl,button,input,select,textarea) { font-family: var(--st-font-sans); }
/* PSM's footer max-width and WP's constrained template wrapper caused the band. */
body.systemtech-reference-ui-v1 .wp-site-blocks > footer.wp-block-template-part,
body.systemtech-reference-ui-v1 .st-site-footer { width: 100%; max-width: none; margin-inline: 0; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer { width: 100%; max-width: none; margin: 0; padding: 36px 0 0; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-container { width: min(calc(100% - var(--st-page-inset)),var(--st-container-storefront)); max-width: var(--st-container-storefront); margin-inline: auto; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid { padding-bottom: 32px; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column a,
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__newsletter p { font-size: 14px; line-height: 1.7; }
body.systemtech-reference-ui-v1 .st-site-header .psm-block-site-brand { display: none !important; }
body.systemtech-reference-ui-v1 .st-site-header .psm-header-action,
body.systemtech-reference-ui-v1 .st-site-header .psm-header-action:visited {
  color: #0b1f3b !important;
  background: transparent !important;
  min-width: 44px; min-height: 44px; height: auto;
}
body.systemtech-reference-ui-v1 .st-site-header .psm-header-action:hover { color: var(--st-color-link) !important; }
body.systemtech-reference-ui-v1 .st-site-header .psm-header-action .psm-icon {
  display: block !important; width: 28px; height: 28px; flex: 0 0 28px;
}
body.systemtech-reference-ui-v1 .psm-commerce-actions > p { margin: 0; }
body.systemtech-reference-ui-v1 .st-site-header .st-brand-mobile-menu-toggle { display: none !important; }
body.systemtech-reference-ui-v1 .psm-site-header-main > p:has(.st-reference-brand) { display: contents; }
body.systemtech-reference-ui-v1 .psm-commerce-search .psm-search-form { width: 100%; }
body.systemtech-reference-ui-v1 .st-site-header .psm-header-shell > .psm-site-header-main {
  padding-block: 12px; gap: 26px; grid-template-columns: minmax(200px,280px) minmax(0,1fr) auto;
}
body.systemtech-reference-ui-v1 .st-reference-nav { max-width: 1440px; margin-inline: auto; }
body.systemtech-reference-ui-v1 .st-reference-nav .psm-editor-menu-list { flex-wrap: nowrap; }
body.systemtech-reference-ui-v1 .st-reference-nav .psm-editor-menu-list > li { flex: 1 1 0; min-width: 0; }
body.systemtech-reference-ui-v1 .psm-editor-menu-list > li > a { color: #0b1f3b; background: #fff; font-size: 12px; white-space: normal; padding-inline: 8px; line-height: 1.2; overflow-wrap: anywhere; }
body.systemtech-reference-ui-v1 .psm-editor-menu-list > li.is-all > a { background: #062238; color: #fff; }
body.systemtech-reference-ui-v1 .psm-editor-menu-list > li.is-latest > a { background: #00a99d; color: #fff; }
body.systemtech-reference-ui-v1 .psm-editor-menu-list > li > a:is(:hover,.is-current,[aria-current="page"]) { background: #007bff; color: #fff; }

/* The live product root is a direct child of :is(main,div).site-main, NOT of a nested .woocommerce. */
body.systemtech-reference-ui-v1.single-product :is(main,div).site-main {
  width: min(calc(100% - var(--st-page-inset)),var(--st-container-storefront)); max-width: var(--st-container-storefront); margin: 0 auto; padding: 24px 0 36px;
}
body.systemtech-reference-ui-v1.single-product .st-product-layout-root {
  display: grid; width: 100%; max-width: none; min-width: 0;
  grid-template-columns: minmax(0,1.1fr) minmax(0,1fr) minmax(240px,.8fr); gap: 24px;
}
body.systemtech-reference-ui-v1.single-product .st-product-layout-root > :is(.summary,.woocommerce-product-gallery) {
  width: 100% !important; max-width: 100%; min-width: 0; float: none !important;
  margin: 0; padding: 0; box-sizing: border-box;
}
body.systemtech-reference-ui-v1.single-product .st-product-layout-root > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; }
body.systemtech-reference-ui-v1.single-product .st-product-layout-root:not(:has(> .st-brand-product-benefits)) { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
body.systemtech-reference-ui-v1.single-product .st-product-layout-root > .summary { grid-column: 2; grid-row: 1; padding:20px; }
/* PSM storefront-v2 publishes an important title size; presentation belongs here. */
body.systemtech-reference-ui-v1.single-product .summary .product_title { font-size: clamp(24px,2.2vw,34px) !important; line-height: 1.12; margin: 0 0 14px; }
body.systemtech-reference-ui-v1.single-product .summary .price { font-size: 32px; }
body.systemtech-reference-ui-v1.single-product .summary .single_add_to_cart_button { min-width: 0; }
body.systemtech-reference-ui-v1.single-product .summary .psm-key-specs { margin: 18px 0; padding: 16px; border: 1px solid #dce5ef; border-radius: 7px; background: #f4f7fb; }
body.systemtech-reference-ui-v1.single-product .summary .psm-key-specs h2 { font-size: 16px; margin: 0 0 12px; }
body.systemtech-reference-ui-v1.single-product .summary .psm-key-specs dl { display: grid; grid-template-columns: minmax(0,1fr); margin: 0; gap: 0; }
body.systemtech-reference-ui-v1.single-product .summary .psm-key-specs dl > div {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 3px; padding: 10px 0;
  border-bottom: 1px solid #dce5ef; width: 100%; min-width: 0;
}
body.systemtech-reference-ui-v1.single-product .summary .psm-key-specs :is(dt,dd) {
  width: auto; min-width: 0; max-width: 100%; margin: 0; text-align: left;
  white-space: normal; overflow-wrap: break-word; word-break: normal; line-height: 1.45;
}
body.systemtech-reference-ui-v1.single-product .summary .psm-key-specs dt { font-size: 12px; color: #52647a; }
body.systemtech-reference-ui-v1.single-product .summary .psm-key-specs dd { font-size: 14px; color: #0b1f3b; font-weight: 650; }
body.systemtech-reference-ui-v1.single-product .st-product-layout-root > .st-brand-product-benefits {
  grid-column: 3; grid-row: 1; display: flex; flex-direction: column;
  background: #f4f7fb; padding: 10px; margin: 0; border: 0;
}
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefit { border: 0; min-height: 90px; padding: 14px; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefit strong { font-size: 14px; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefit span { font-size: 13px; overflow-wrap: anywhere; }
body.systemtech-reference-ui-v1.single-product .flex-control-thumbs > li { float: none !important; width: auto !important; margin: 0; }
body.systemtech-reference-ui-v1.single-product :is(.woocommerce-tabs,.psm-product-documents,.related,.up-sells) { grid-column: 1 / -1; width: 100%; min-width: 0; }
body.systemtech-reference-ui-v1.single-product .woocommerce-tabs .panel { max-width: none; font-size: 14px; padding: 24px; }

/* WIP9 route-owned recommendation cards. */
body.systemtech-reference-ui-v1.woocommerce-cart .cross-sells ul.products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; width:100%; margin:0; padding:0; }
body.systemtech-reference-ui-v1.woocommerce-cart .cross-sells ul.products::before,
body.systemtech-reference-ui-v1.woocommerce-cart .cross-sells ul.products::after { display:none; content:none; }
body.systemtech-reference-ui-v1.woocommerce-cart .cross-sells li.product.st-product-card--woo { width:auto; float:none; margin:0; padding:14px; border:1px solid var(--st-card-border); border-radius:var(--st-radius-card); background:var(--st-color-surface); box-shadow:var(--st-shadow-product-card); }
body.systemtech-reference-ui-v1.woocommerce-cart .cross-sells li.product.st-product-card--woo img { height:150px; object-fit:contain; }
body.systemtech-reference-ui-v1.woocommerce-cart .cross-sells li.product.st-product-card--woo .button { width:100%; min-height:var(--st-control-height); margin-top:12px; border-radius:var(--st-radius-control); }
body.systemtech-reference-ui-v1.single-product .stock.out-of-stock { color: #a43228; }
body.systemtech-reference-ui-v1.single-product .stock.available-on-backorder { color: #855500; }

/* Shared reference density: readable text, restrained hero, complete product cards. */
body.systemtech-reference-ui-v1 .st-brand-hero { min-height: 0; }
body.systemtech-reference-ui-v1 .st-brand-hero__content { min-height: 370px; padding-block: 38px; grid-template-columns: 1.15fr 1fr; }
body.systemtech-reference-ui-v1 .st-brand-hero h1 { font-size: clamp(34px,3.75vw,54px); line-height: 1.06; }
body.systemtech-reference-ui-v1 .st-brand-hero__copy { max-width: 680px; }
body.systemtech-reference-ui-v1 .st-brand-product-card { min-height: 290px; }
body.systemtech-reference-ui-v1 .st-brand-product-card__media { min-height: 165px; }
body.systemtech-reference-ui-v1 .st-brand-product-card__media img { height: 145px; }
body.systemtech-reference-ui-v1 .st-brand-product-card h3 { font-size: 14px; line-height: 1.4; }
body.systemtech-reference-ui-v1 .st-brand-stock { font-size: 12px; }
body.systemtech-reference-ui-v1 .st-brand-footer__grid { grid-template-columns: minmax(190px,1.1fr) repeat(3,minmax(120px,.8fr)) minmax(200px,1.2fr); gap: 24px; }
body.systemtech-reference-ui-v1 .st-product-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
body.systemtech-reference-ui-v1 .st-product-card h2 { font-size: 14px; line-height: 1.35; }
body.systemtech-reference-ui-v1 .st-product-card__stock { font-size: 12px; }
body.systemtech-reference-ui-v1 .st-product-card__price { font-size: 18px; }
body.systemtech-reference-ui-v1 .st-product-card__brand { font-size: 11px; }
body.systemtech-reference-ui-v1 .st-product-card__action { font-size: 13px; min-height: 42px; }
body.systemtech-reference-ui-v1 .st-filter legend { font-size: 14px; }
body.systemtech-reference-ui-v1 :is(.st-filter__options label,.st-filter__check) { font-size: 13px; }
body.systemtech-reference-ui-v1 .st-catalog__workspace { grid-template-columns: 240px minmax(0,1fr); gap: 24px; }
body.systemtech-reference-ui-v1 .st-cart-layout > .cart-collaterals,
body.systemtech-reference-ui-v1 .cart-collaterals .cart_totals { width: 100% !important; float: none !important; min-width: 0; }
body.systemtech-reference-ui-v1 .cart-collaterals .cross-sells { width: 100%; float: none; }
body.systemtech-reference-ui-v1 .cart-collaterals .cross-sells ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.systemtech-reference-ui-v1.woocommerce-account .woocommerce-MyAccount-navigation,
body.systemtech-reference-ui-v1.woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; min-width: 0; }
body.systemtech-reference-ui-v1.woocommerce-account main .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) { display: block; }
body.systemtech-reference-ui-v1.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
body.systemtech-reference-ui-v1.woocommerce-checkout .st-checkout-summary { min-width: 0; }
body.systemtech-reference-ui-v1.woocommerce-checkout .st-checkout-summary #order_review { width: 100%; float: none; }
body.systemtech-reference-ui-v1 .st-brand-stock.is-out-of-stock i { background: #9a3c33; }
body.systemtech-reference-ui-v1 .st-brand-product-card__details::before { content: '→'; background: none; mask: none; font-size: 22px; }
body.systemtech-reference-ui-v1 .st-brand-product-card__details { background-image: var(--st-gradient-action); color:#fff; }
/* Woo's responsive tables use important right-alignment for every cell. */
body.systemtech-reference-ui-v1 :is(.cart_totals,#order_review) tr.shipping > td { text-align: left !important; }

/* Native PSM features are moved here once, retaining all real product values. */
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefits .psm-key-specs { width: 100%; margin: 0; padding: 12px; border: 0; background: transparent; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefits .psm-key-specs h2 { margin: 0 0 12px; font-size: 18px; line-height: 1.3; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefits .psm-key-specs dl { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin: 0; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefits .psm-key-specs dl > div { display: block; min-width: 0; width: 100%; padding: 12px 0; border-bottom: 1px solid #dce5ef; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefits .psm-key-specs :is(dt,dd) { width: auto; min-width: 0; max-width: 100%; margin: 0; white-space: normal; word-break: normal; overflow-wrap: anywhere; text-align: left; font-size: 14px; line-height: 1.5; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefits .psm-key-specs dt { color: #52647a; font-size: 13px; }
body.systemtech-reference-ui-v1.single-product .st-brand-product-benefits .psm-key-specs dd { color: #0b1f3b; font-weight: 650; }
body.systemtech-reference-ui-v1.single-product .summary .woocommerce-product-details__short-description { font-size: 15px; line-height: 1.6; }
body.systemtech-reference-ui-v1.single-product .summary .product_meta { font-size: 12px; line-height: 1.6; }
body.systemtech-reference-ui-v1.single-product .summary form.cart { margin-block: 18px; }
body.systemtech-reference-ui-v1.single-product .summary form.variations_form { display: block; }
body.systemtech-reference-ui-v1.single-product .summary .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; }
body.systemtech-reference-ui-v1.single-product .summary .single_add_to_cart_button { font-size: 16px; min-height: 48px; }
body.systemtech-reference-ui-v1.single-product div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0 16px; display: flex; gap: 8px; border-bottom: 1px solid #dce5ef; }
body.systemtech-reference-ui-v1.single-product div.product .woocommerce-tabs ul.tabs::before,
body.systemtech-reference-ui-v1.single-product div.product .woocommerce-tabs ul.tabs li::before,
body.systemtech-reference-ui-v1.single-product div.product .woocommerce-tabs ul.tabs li::after { content: none; display: none; }
body.systemtech-reference-ui-v1.single-product div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.systemtech-reference-ui-v1.single-product div.product .woocommerce-tabs ul.tabs li a { padding: 16px 12px; font-size: 15px; color: #33445a; }
body.systemtech-reference-ui-v1.single-product div.product .woocommerce-tabs ul.tabs li.active a { color: var(--st-color-link); border-bottom: 3px solid #007bff; }
body.systemtech-reference-ui-v1.single-product table.shop_attributes { width: 100%; border-collapse: collapse; border: 0; }
body.systemtech-reference-ui-v1.single-product table.shop_attributes :is(th,td) { padding: 12px 16px; font-size: 14px; font-style: normal; text-align: left; border-bottom: 1px solid #dce5ef; }
body.systemtech-reference-ui-v1.single-product table.shop_attributes th { width: 32%; color: #33445a; }
body.systemtech-reference-ui-v1.single-product table.shop_attributes td p { padding: 0; margin: 0; }

@media (max-width: 1180px) {
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root > .st-brand-product-benefits { grid-column: 1 / -1; grid-row: auto; flex-direction: row; }
  body.systemtech-reference-ui-v1 .st-brand-product-benefit { flex: 1; min-width: 0; }
  body.systemtech-reference-ui-v1 .st-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body.systemtech-reference-ui-v1 .st-brand-footer__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 782px) {
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-container { width: min(calc(100% - var(--st-page-inset)),var(--st-container-storefront)); }
  body.systemtech-reference-ui-v1 .st-catalog .st-product-card__media { height: 155px; padding: 12px; }
  body.systemtech-reference-ui-v1 .st-catalog .st-product-card__media img { max-height: 130px; }
  body.systemtech-reference-ui-v1 .st-catalog .st-product-card__body { padding: 10px; }
  body.systemtech-reference-ui-v1 .st-catalog .st-product-card h2 { font-size: 14px; }
  body.systemtech-reference-ui-v1 .st-catalog .st-product-card__price { font-size: 19px; }
  body.systemtech-reference-ui-v1 :is(.cart_totals,#order_review) tr.shipping > td::before { display: none; }
  body.systemtech-reference-ui-v1 .st-site-header .st-brand-mobile-menu-toggle { display: grid !important; }
  body.systemtech-reference-ui-v1 .woocommerce-cart-form table { min-width: 0; width: 100%; }
  body.systemtech-reference-ui-v1 .woocommerce-cart-form td.product-thumbnail { display: block; }
  body.systemtech-reference-ui-v1 .woocommerce-cart-form .coupon { display: flex; flex-wrap: wrap; gap: 8px; }
  body.systemtech-reference-ui-v1 .woocommerce-cart-form .coupon input { min-width: 0; width: 100%; }
  body.systemtech-reference-ui-v1 .st-site-header .psm-header-shell > .psm-site-header-main { grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 64px 54px; gap: 0 10px; padding-block: 0; }
  body.systemtech-reference-ui-v1 .st-reference-brand { max-width: 220px; }
  body.systemtech-reference-ui-v1 .psm-commerce-actions { gap: 2px; }
  body.systemtech-reference-ui-v1 .psm-commerce-actions > p { display: flex; }
  body.systemtech-reference-ui-v1 .st-reference-nav .psm-editor-menu-list { display: grid; grid-template-columns: 1fr; }
  body.systemtech-reference-ui-v1.single-product :is(main,div).site-main { width: min(calc(100% - var(--st-page-inset)),var(--st-container-commerce)); padding-top: 18px; }
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root { display: flex; flex-direction: column; gap: 24px; }
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root > * { width: 100%; min-width: 0; }
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root > .st-brand-product-benefits { flex-direction: column; }
  body.systemtech-reference-ui-v1.woocommerce-cart .cross-sells ul.products { grid-template-columns: 1fr; gap: 10px; }
  body.systemtech-reference-ui-v1 .st-brand-hero__content { grid-template-columns: 1fr; min-height: 310px; padding-block: 30px; }
  body.systemtech-reference-ui-v1 .st-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.systemtech-reference-ui-v1 .st-catalog__workspace { grid-template-columns: minmax(0,1fr); }
  body.systemtech-reference-ui-v1 .st-brand-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 420px) {
  body.systemtech-reference-ui-v1 .st-reference-brand { max-width: 155px; }
  body.systemtech-reference-ui-v1 .st-site-header .psm-header-action { padding: 0; min-width: 40px; }
  body.systemtech-reference-ui-v1 .st-brand-footer__grid { grid-template-columns: 1fr; }
}

/* DEV18: PSM page shells add a second top offset below the shared header. */
body.systemtech-reference-ui-v1:is(.woocommerce-account,.woocommerce-checkout) main { padding-top: 28px !important; margin-top: 0 !important; }
/* Keep the existing anti-spam input in the submitted form, outside the layout. */
body.systemtech-reference-ui-v1.systemtech-reference-page-content .psm-contact-form .psm-contact-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
body.systemtech-reference-ui-v1 .st-brand-footer__grid:not(:has(.st-brand-footer__newsletter)) { grid-template-columns: minmax(220px,1.15fr) repeat(3,minmax(160px,1fr)); }
@media (max-width: 782px) {
  body.systemtech-reference-ui-v1 .st-brand-footer__grid:not(:has(.st-brand-footer__newsletter)) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 420px) {
  body.systemtech-reference-ui-v1 .st-brand-footer__grid:not(:has(.st-brand-footer__newsletter)) { grid-template-columns: minmax(0,1fr); }
}
/* PSM storefront-v2 marks managed-page geometry and card styling important. */
body.systemtech-reference-ui-v1.systemtech-reference-page-content .psm-managed-page { max-width: 1200px !important; padding: 0 !important; }
body.systemtech-reference-ui-v1.systemtech-reference-page-content .psm-page-card { border-radius: var(--st-radius-card) !important; }
body.systemtech-reference-ui-v1.systemtech-reference-page-content .psm-page-card p { font-size: 16px !important; }
@media (max-width: 782px) {
  body.systemtech-reference-ui-v1.systemtech-reference-page-content .psm-page-cards { grid-template-columns: minmax(0,1fr) !important; }
}
/* Elementor/WP can add a second padded canvas around the Woo shortcode. */
body.systemtech-reference-ui-v1:is(.woocommerce-account,.woocommerce-checkout) main .woocommerce { padding: 0 !important; }
body.systemtech-reference-ui-v1:is(.woocommerce-account,.woocommerce-checkout) main .elementor :is(.e-con,.e-con-inner):has(.woocommerce) { padding-block: 0; }

/* DEV19: live PSM rules hide account at 640px (priority rule) and both nested
 * first-child links at 540px. Override visibility on original links only. */
@media (max-width: 782px) {
  body.systemtech-reference-ui-v1 .st-site-header .psm-commerce-actions a.psm-header-action { display: inline-flex !important; }
}

/* DEV28 WIP12: accessible cart text colors outside the immutable CART1 prefix. */
body.systemtech-reference-ui-v1.woocommerce-cart .woocommerce-cart-form a.remove{color:var(--st-color-muted)}
body.systemtech-reference-ui-v1.woocommerce-cart .woocommerce-cart-form .product-name a:hover{color:var(--st-color-link)}
body.systemtech-reference-ui-v1.woocommerce-cart .woocommerce-cart-form :is(.coupon .button,.actions>button[name="update_cart"]):hover{color:var(--st-color-link)}

/* WIP25 Visual2: responsive footer with or without an optional newsletter form. */
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid > * { min-width:0; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column :is(h2,li,a),
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__newsletter :is(h2,p,a) { overflow-wrap:anywhere; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column h2,
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__newsletter h2 { font-size:14px; line-height:1.35; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column a { font-size:13px; line-height:1.6; }
@media (min-width:783px) and (max-width:1180px) {
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) .st-brand-footer__newsletter { grid-column:1 / -1; max-width:500px; }
}
@media (max-width:782px) {
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) .st-brand-footer__newsletter { grid-column:1 / -1; }
}

/* WIP25 Visual4: confirmed live screenshot issues, shared across all routes.
 * Four footer columns at 783-1180px defeated responsive rules when no newsletter
 * exists; this genuinely broke Finnish headings and link labels mid-word. */
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column h2,
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__newsletter h2 {
  font-size: 14px !important;
  line-height: 1.4 !important;
  letter-spacing: .015em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column a {
  font-size: 13px !important;
  line-height: 1.65 !important;
  overflow-wrap: break-word;
  word-break: normal;
}
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__tagline {
  font-size: 13px;
  line-height: 1.6;
}
@media (min-width: 783px) and (max-width: 1180px) {
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid,
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:not(:has(.st-brand-footer__newsletter)),
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px clamp(22px, 3vw, 42px);
  }
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) .st-brand-footer__newsletter {
    grid-column: 1 / -1;
    max-width: 580px;
  }
}


/* WIP25 Visual6: integration contract, old PSM/WP footer rules vs current reference footer.
   Columns follow usable width, not an old rigid 4+newsletter configuration. */
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid {
  display: grid !important;
  width: min(calc(100% - var(--st-page-inset)),var(--st-container-storefront));
  margin-inline: auto;
  grid-template-columns: minmax(0,1.1fr) repeat(3,minmax(0,1fr)) !important;
  column-gap: clamp(24px,2.8vw,42px) !important;
  row-gap: 28px !important;
  align-items: start;
}
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid > * {
  min-width: 0;
  grid-column: auto;
}
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column h2,
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__newsletter h2 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .015em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column :is(ul,li) {
  min-width: 0;
  margin-block: 0;
}
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column li + li { margin-top: 8px; }
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__column a {
  font-size: 13px !important;
  line-height: 1.65 !important;
  overflow-wrap: break-word;
  word-break: normal;
}
body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) {
  grid-template-columns: minmax(0,1.15fr) repeat(3,minmax(0,.8fr)) minmax(0,1.25fr) !important;
}
@media (min-width:783px) and (max-width:1399px) {
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid,
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 26px clamp(24px,4vw,48px) !important;
  }
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) .st-brand-footer__newsletter {
    grid-column: 1 / -1;
    width: min(100%,590px);
  }
}
@media (max-width:782px) {
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid,
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 24px 18px !important;
  }
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__brand,
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__newsletter { grid-column: 1 / -1; }
}
@media (max-width:520px) {
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid,
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid:has(.st-brand-footer__newsletter) {
    grid-template-columns: minmax(0,1fr) !important;
  }
  body.systemtech-reference-ui-v1 .st-site-footer .st-brand-footer__grid > * { grid-column: 1 / -1; }
}


/* QA3.1: keep the native consent control fully reachable without hover,
   including on touch screens. Complianz still owns visibility and consent. */
#cmplz-manage-consent button.cmplz-manage-consent {
  bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
  right: 16px;
  animation: none !important;
  height: auto;
  min-height: 44px;
  max-width: calc(100vw - 32px);
  white-space: normal;
}
#cmplz-manage-consent button.cmplz-manage-consent.cmplz-show:not(.cmplz-dismissed) {
  display: flex !important;
}

/* WIP25 Visual7: the actual desktop product page uses three columns.
   Give the product name/price/buy panel breathing room when the highlights
   card contains just one or two facts. Do not touch Woo or PSM markup. */
@media (min-width:1181px) {
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root:has(> .st-brand-product-benefits) {
    grid-template-columns:minmax(0,1.04fr) minmax(0,1.12fr) minmax(230px,.72fr);
    gap:clamp(17px,1.55vw,28px);
  }
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root > .summary {min-width:0;}
  body.systemtech-reference-ui-v1.single-product .st-product-layout-root > .st-brand-product-benefits {min-width:0;}
}