/* L3: assemblies of shared UI parts. */
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}.section-heading>div{display:grid;gap:var(--space-sm);min-width:0}.section-heading__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.08em;color:var(--action)}.section-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}.section-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:var(--space-lg);align-items:end}.section-toolbar>p{padding-bottom:var(--space-md)}.section-products{display:grid;gap:var(--space-lg);padding:var(--space-xl);background:var(--surface);border:var(--border-line);border-radius:var(--radius-md);min-width:0}.section-products__name{display:flex;align-items:center;gap:var(--space-md);min-width:var(--menu-width)}.section-products__name img{width:var(--product-thumb);height:var(--product-thumb);object-fit:contain;background:var(--page-background);border-radius:var(--radius-sm);padding:var(--space-xs);flex:none}.section-products__name strong{display:block;overflow-wrap:anywhere}.section-products__price{white-space:nowrap;font-weight:var(--weight-strong)}.section-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.section-form{display:grid;gap:var(--space-xl);padding:var(--space-xl);border:var(--border-line);border-radius:var(--radius-md);background:var(--surface)}.section-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);align-items:start}.section-summary{display:grid;gap:var(--space-xl);padding:var(--space-xl);border:var(--border-line);border-radius:var(--radius-md);background:var(--surface);align-content:start}.section-summary dl{display:grid;gap:var(--space-lg);margin:0}.section-summary dl>div{display:flex;justify-content:space-between;gap:var(--space-md)}.section-summary dt{color:var(--muted)}.section-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.section-summary__total{border-top:var(--border-line);padding-top:var(--space-lg);font-weight:var(--weight-strong)}.section-summary__total dd{font-size:var(--text-lg)}.section-cart{display:grid;gap:var(--space-xl);padding:var(--space-xl);background:var(--surface);border:var(--border-line);border-radius:var(--radius-md);align-content:start}.section-cart__item{display:flex;gap:var(--space-xl);align-items:start;border-bottom:var(--border-line);padding-bottom:var(--space-xl)}.section-cart__item>img{width:var(--skeleton-image-height);height:var(--skeleton-image-height);object-fit:contain;background:var(--page-background);padding:var(--space-lg);border-radius:var(--radius-sm)}.section-cart__item>.ui-stack{flex:1;min-width:0}.section-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:var(--space-2xl);padding:var(--space-3xl);border-radius:var(--radius-lg);background:var(--tone-primary-bg);min-height:var(--hero-height)}.section-hero>div{display:grid;justify-items:start;gap:var(--space-xl)}.section-hero img{height:var(--product-image-height);width:100%;object-fit:contain}.section-footer{display:grid;grid-template-columns:1fr auto;gap:var(--space-xl);padding:var(--space-2xl) var(--customer-gutter);background:var(--surface);border-top:var(--border-line);font-size:var(--text-sm)}.section-footer p{color:var(--muted);margin-top:var(--space-sm)}.section-footer nav{display:flex;gap:var(--space-xl);align-items:start}.section-footer>p{grid-column:1/-1;font-size:var(--text-xs)}.section-chart{display:grid;gap:var(--space-xl);padding:var(--space-xl);background:var(--surface);border:var(--border-line);border-radius:var(--radius-md)}.section-chart__plot{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-lg);height:var(--chart-height);border-bottom:var(--border-line)}.section-chart__plot>div{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:var(--space-sm);min-height:0}.section-chart__plot span{display:block;width:var(--chart-column-width);max-width:100%;background:var(--action);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.section-chart__plot>div:nth-child(1) span{height:var(--chart-column-a)}.section-chart__plot>div:nth-child(2) span{height:var(--chart-column-b)}.section-chart__plot>div:nth-child(3) span{height:var(--chart-column-c)}.section-chart__plot>div:nth-child(4) span{height:var(--chart-column-d)}.section-chart__plot>div:nth-child(5) span{height:var(--chart-column-e)}.section-chart__plot>div:nth-child(6) span{height:var(--chart-column-f)}.section-chart__plot>div:nth-child(7) span{height:var(--chart-column-g)}.section-chart small{color:var(--muted);font-size:var(--text-xs)}.section-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl);align-items:start}.section-detail__image{height:var(--detail-image-height);padding:var(--space-3xl);border-radius:var(--radius-lg);background:var(--surface);border:var(--border-line)}.section-detail__image img{width:100%;height:100%;object-fit:contain}