/* Inventory: a stock position, its locations and the movement that explains it. */
.stock-opening { padding-top: 76px; }
.stock-opening h1 { max-width: 1060px; margin-top: 0; }
.stock-opening__body { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; margin-top: 42px; }
.stock-opening__body .feature-art-space { margin: 0; }
.stock-catalog-heading { max-width: 940px; }
.stock-catalog-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; background: var(--odx-bg); border: 1px solid var(--odx-border); border-radius: 22px; padding: 40px; margin-top: 34px; }
.stock-catalog-detail article + article { border-left: 1px solid var(--odx-border); padding-left: 45px; }
.stock-catalog-detail article p:last-child { margin-bottom: 0; }
.stock-locations { display: grid; grid-template-columns: 1.1fr 1fr; gap: 90px; align-items: start; }
.stock-location-context { padding-top: 40px; }
.stock-location-context dl > div { padding-block: 22px; border-top: 1px solid var(--odx-border); }
.stock-movement-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: end; margin-bottom: 30px; }
.stock-movement-records { border-top: 1px solid var(--odx-border); }
.stock-movement-records > div { display: grid; grid-template-columns: 230px 1fr; gap: 65px; padding: 26px 32px; border-bottom: 1px solid var(--odx-border); }
.stock-movement-records > div:nth-child(even) { background: var(--odx-bg); }
.stock-movement-records dt { margin: 0; }
.stock-demand { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.stock-demand__preparation { background: var(--odx-soft); padding: 38px; border-radius: 22px; }
.stock-demand__preparation .feature-art-space:empty { background: var(--odx-bg); }
.stock-field { padding-top: 16px !important; }
.stock-field > .wrap { display: grid; grid-template-columns: 1.2fr .8fr; gap: 100px; align-items: center; }
.stock-field__close { padding: 38px; background: var(--odx-accent-soft); border-radius: 22px; }
.stock-field__close .btn { margin-block: 8px 16px; }
.stock-field__close .product-link { display: flex; }
@media(max-width:1100px) {
  .stock-opening__body,.stock-locations,.stock-movement-heading,.stock-demand,.stock-field > .wrap { gap: 42px; }
  .stock-catalog-detail { gap: 28px; padding: 30px; }
  .stock-catalog-detail article + article { padding-left: 28px; }
  .stock-movement-records > div { grid-template-columns: 160px 1fr; gap: 35px; }
}
@media(max-width:800px) {
  .stock-opening { padding-top: 54px; }
  .stock-opening__body,.stock-catalog-detail,.stock-locations,.stock-movement-heading,.stock-demand,.stock-field > .wrap { grid-template-columns: 1fr; gap: 34px; }
  .stock-opening__body .feature-art-space { order: 2; }
  .stock-catalog-detail article + article { padding: 28px 0 0; border: 0; border-top: 1px solid var(--odx-border); }
  .stock-location-context { padding-top: 0; }
  .stock-movement-heading { gap: 0; }
  .stock-movement-records > div { grid-template-columns: 120px 1fr; padding-inline: 22px; gap: 24px; }
}
@media(max-width:480px) {
  .stock-catalog-detail,.stock-demand__preparation,.stock-field__close { padding: 25px; }
  .stock-movement-records > div { grid-template-columns: 1fr; gap: 12px; padding: 24px 18px; }
}