/* DZ article kit, 24 Oct 2026. Mobile tables stack. Product rail shows the store price. */

.dz-article-content .dz-pick-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  margin-top: 0.55rem;
}
.dz-article-content .dz-pick-old {
  color: #94a3b8;
  font-size: 0.75rem;
  text-decoration: line-through;
}
.dz-article-content .dz-pick-amount {
  color: #0b1d3a;
  font-size: 1.05rem;
  font-weight: 900;
}
.dz-article-content .dz-pick-unit {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
}
.dz-article-content .dz-figure {
  margin: 0.4rem 0 1.1rem;
}
.dz-article-content .dz-figure img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}

@media (max-width: 760px) {
  .dz-article-content .dz-table-scroll {
    overflow-x: visible;
    border: 0;
    background: transparent;
  }
  .dz-article-content .dz-table-scroll table {
    min-width: 0 !important;
    width: 100% !important;
  }
  .dz-article-content .dz-table-scroll table:has(td[data-label]) thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  .dz-article-content .dz-table-scroll tr:has(td[data-label]) {
    display: block;
    margin: 0 0 0.75rem;
    border: 1px solid #e6edf5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(11, 29, 58, 0.05);
    overflow: hidden;
  }
  .dz-article-content .dz-table-scroll td[data-label] {
    display: block;
    width: auto !important;
    border-bottom: 1px solid #eef2f6;
    padding: 0.65rem 0.8rem;
  }
  .dz-article-content .dz-table-scroll td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.15rem;
    color: #0b1d3a;
    font-size: 0.72rem;
    font-weight: 800;
  }
  .dz-article-content {
    overflow-x: hidden;
  }
}