/* Card variant: datasheet — product + key figures (template/blocks/card/datasheet.twig). A flat module: no frame, the seam
   separates cards; three attributes in large mono figures between hairlines; a square cart key; stock light + compare check.
   The photo field follows media_bg (grid = dot grid). Loaded only when variants.card = datasheet. */
html[data-card="datasheet"] .et-card--datasheet {
  display: flex; flex-direction: column; padding: 0.75rem;
  border: 0; border-radius: var(--et-card-radius); background: var(--et-surface); box-shadow: none;
}
html[data-card="datasheet"][data-surface="outlined"] .et-card--datasheet { box-shadow: inset 0 0 0 var(--et-border-width) var(--et-border); }
html[data-card="datasheet"][data-surface="raised"] .et-card--datasheet { box-shadow: var(--et-shadow); }
html[data-card="datasheet"] .et-card--datasheet .et-card__image { height: auto; aspect-ratio: var(--et-media-ratio, 1); border-radius: var(--et-media-radius); }
html[data-card="datasheet"] .et-card--datasheet .et-card__image img { object-fit: contain; padding: 9%; }
html[data-card="datasheet"][data-card-fit="cover"] .et-card--datasheet .et-card__image img { object-fit: cover; padding: 0; }
html[data-card="datasheet"] .et-card--datasheet .et-card__badges { top: 0.5rem; left: 0.5rem; }
html[data-card="datasheet"] .et-card--datasheet .et-card__actions { top: 0.5rem; right: 0.5rem; }
html[data-card="datasheet"] .et-card--datasheet .et-card__action-btn { border-radius: var(--et-radius-xs); background: var(--et-surface); box-shadow: inset 0 0 0 var(--et-border-width) var(--et-border); }

html[data-card="datasheet"] .et-card--datasheet .et-card__body { display: flex; flex-direction: column; gap: 0.5rem; flex: 1; padding: 0.875rem 0.25rem 0.125rem; }
html[data-card="datasheet"] .et-card--datasheet .et-card__brand { font: 500 var(--et-text-xs)/1.2 var(--et-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--et-text-muted); }
html[data-card="datasheet"] .et-card--datasheet .et-card__title { font-weight: 600; font-size: var(--et-text-lg); line-height: 1.2; letter-spacing: -0.015em; color: var(--et-text); }

/* three key figures between hairlines: the value large in mono, the attribute name under it */
.et-card__figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0.125rem 0; border-block: var(--et-border-width) solid var(--et-border); }
.et-card__figures > div { display: flex; flex-direction: column; min-width: 0; padding: 0.5rem 0.375rem 0.45rem; }
.et-card__figures > div + div { border-left: var(--et-border-width) solid var(--et-border); }
.et-card__figures dd { order: -1; margin: 0; overflow: hidden; font: 600 1.0625rem/1.15 var(--et-font-mono); letter-spacing: -0.04em; white-space: nowrap; text-overflow: ellipsis; color: var(--et-text); }
.et-card__figures dt { overflow: hidden; font-size: var(--et-text-xs); font-weight: 400; white-space: nowrap; text-overflow: ellipsis; color: var(--et-text-muted); }
html[data-card-align="center"] .et-card__figures { width: 100%; text-align: center; }

html[data-card="datasheet"] .et-card--datasheet .et-card__row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.5rem; margin-top: auto; padding-top: 0.375rem; }
html[data-card="datasheet"] .et-card--datasheet .et-card__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.5rem; }
html[data-card="datasheet"] .et-card--datasheet .et-card__price-current { font: 600 var(--et-text-xl)/1 var(--et-font-mono); letter-spacing: -0.045em; color: var(--et-text); }
html[data-card="datasheet"] .et-card--datasheet .et-card__price-current--sale { color: var(--et-sale); }
html[data-card="datasheet"] .et-card--datasheet .et-card__price-old { font: 400 var(--et-text-sm) var(--et-font-mono); color: var(--et-text-muted); }
html[data-card="datasheet"] .et-card--datasheet .et-card__cart-icon {
  display: grid; place-items: center; flex: none; width: 3rem; height: 3rem; border: 0; border-radius: var(--et-btn-radius);
  background: var(--et-accent); color: var(--et-accent-contrast); font-size: 1.1rem; cursor: pointer; transition: background-color var(--et-motion-fast);
}
html[data-card="datasheet"] .et-card--datasheet .et-card__cart-icon:hover { background: var(--et-accent-hover); }
html[data-card="datasheet"][data-btn="outline"] .et-card--datasheet .et-card__cart-icon { background: transparent; color: var(--et-text); box-shadow: inset 0 0 0 calc(var(--et-border-width) * 1.5) var(--et-text); }
html[data-card="datasheet"][data-btn="pill"] .et-card--datasheet .et-card__cart-icon { border-radius: 50%; }

/* stock light + compare check */
.et-card__status { display: flex; flex-wrap: wrap; min-width: 0; align-items: center; gap: 0.5rem; padding-top: 0.5rem; border-top: var(--et-border-width) dashed var(--et-border); font: 500 var(--et-text-xs)/1.2 var(--et-font-mono); color: var(--et-text-secondary); }
.et-card__status > span { display: inline-flex; align-items: center; gap: 0.5rem; }
.et-card__check { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 0.375rem; min-height: 2rem; margin-left: auto; padding: 0 0.125rem; border: 0; background: none; color: var(--et-text-muted); font: inherit; cursor: pointer; }
.et-card__check i { display: grid; place-items: center; width: 0.875rem; height: 0.875rem; border: calc(var(--et-border-width) * 1.5) solid currentColor; border-radius: 3px; }
.et-card__check:hover { color: var(--et-text); }
html[data-card="datasheet"] .et-card--datasheet.is-fit { box-shadow: inset 0 0 0 calc(var(--et-border-width) * 1.5) var(--et-success); }
/* datasheet cards are modules themselves: the plate of a products section around them gives way to the page (seams only) */
html[data-card="datasheet"] .et-product-block:has(> .et-section__grid .et-card--datasheet, .et-card--datasheet) { padding-inline: 0; background: transparent; box-shadow: none; border-color: transparent; }