.inventory-hero { padding: 5.5rem 1.25rem 4rem; }
.inventory-hero h1 { margin: .35rem 0 .7rem; }
.inventory-hero p { max-width: 680px; margin: 0; font-size: 1.15rem; color: #d9e2ec; }
.inventory-note { background: #fff3bf; border-left: 6px solid var(--gold); padding: 1rem 1.2rem; margin-bottom: 2.5rem; }
.inventory-note a { font-weight: 900; color: var(--red); }
.inventory-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }
.inventory-group { display: grid; grid-template-columns: 52px 1fr; gap: 1rem; background: #fff; padding: 1.5rem; border-top: 5px solid var(--red); box-shadow: 0 8px 22px rgba(23,33,43,.1); }
.inventory-group h2 { font-size: 1.55rem; margin: 0 0 .7rem; }
.inventory-number { display: grid; place-items: center; width: 44px; height: 44px; background: var(--navy); color: var(--gold); font-weight: 900; }
.inventory-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem 1.2rem; margin: 0; padding: 0; list-style: none; }
.inventory-list li { position: relative; padding-left: 1rem; }
.inventory-list li::before { content: ""; position: absolute; left: 0; top: .68em; width: 6px; height: 6px; background: var(--red); transform: rotate(45deg); }
.inventory-showcase h2 { max-width: 650px; }
.product-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; margin-top: 2rem; }
.product-gallery figure { margin: 0; background: #fff; color: var(--ink); overflow: hidden; border-bottom: 6px solid var(--gold); }
.product-gallery img { display: block; width: 100%; height: 260px; object-fit: contain; background: #fff; padding: 1rem; }
.product-gallery figcaption { display: grid; gap: .15rem; padding: 1rem 1.1rem; }
.product-gallery figcaption strong { font-size: 1.2rem; color: var(--navy); }
.product-gallery figcaption span { color: #52606d; }
.product-gallery figcaption a { font-size: .8rem; color: #697b8c; margin-top: .35rem; }
.inventory-cta .wrap { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.inventory-cta h2 { margin-bottom: .5rem; }
.inventory-cta p { max-width: 700px; margin: 0; }
@media (max-width: 780px) {
  .inventory-groups, .product-gallery { grid-template-columns: 1fr; }
  .inventory-list { grid-template-columns: 1fr; }
  .inventory-cta .wrap { align-items: flex-start; flex-direction: column; }
  .product-gallery img { height: 240px; }
}