/* lwds-product.css — built 2026-09-25T08:39Z by bin/build-css.sh from assets/css/src/40-templates/product.css. */
/* Product template — page-level composition only. */
@layer lwds.templates {
  /* The parent header is transparent (white text) because every parent template puts a dark hero
     behind it. LWDS pages have no hero, so the header gets the dark surface and sits in normal flow.
     The parent's own scroll state (.fixed-header, black background) is left untouched. */
  /* Product split: gallery / decision / sections stacked on narrow screens; two columns with the
     decision panel spanning both rows (sticky) from 992 px. */
  .lws-product .lws-split--product { grid-template-areas: "gallery" "aside" "sections"; grid-template-columns: minmax(0, 1fr); }
  .lws-product .lws-gallery { grid-area: gallery; }
  .lws-product .lws-decision { grid-area: aside; }
  .lws-product .lws-product__sections { grid-area: sections; display: flex; flex-direction: column; min-width: 0; }
  @media (min-width: 992px) {
    .lws-product .lws-split--product { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "gallery aside" "sections aside"; }
    .lws-product .lws-decision { align-self: start; position: sticky; top: calc(var(--lws-header-height) + var(--lws-admin-bar, 0px) + var(--lws-space-4)); }
  }
  .lws-product .lws-related { padding-block-start: var(--lws-space-8); }
  .lws-product .lws-related__grid { --lws-grid-min: 14rem; }
  .lws-product .lws-trust { margin-block-start: var(--lws-space-4); }
  @media (min-width: 992px) {
    .lws-product .lws-decision { padding: var(--lws-space-6); border: 1px solid var(--lws-color-border); border-radius: var(--lws-radius-lg); box-shadow: var(--lws-shadow-2); background: var(--lws-color-surface); }
  }
}