.inventory-card { display: flex; flex-direction: column; }
.inventory-card .pad { display: flex; flex: 1; flex-direction: column; }
.inventory-meta { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 10px; }
.inventory-category,
.inventory-dimensions { display: inline-flex !important; align-items: center; min-height: 28px; margin: 0 !important; padding: 5px 9px; border-radius: 999px; font-size: .78rem; font-weight: 900; }
.inventory-category { background: #edf2ec; color: var(--green); }
.inventory-availability { margin-top: 14px !important; padding-top: 12px; border-top: 1px solid var(--line); color: var(--green) !important; font-size: .9rem; font-weight: 800; }
.inventory-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: auto; padding-top: 18px; }
.inventory-card-actions .btn { min-width: 0; padding-inline: 12px; }
.inventory-image-placeholder { display: grid; place-items: center; width: 100%; height: 240px; padding: 24px; background: #f8efe1; color: var(--muted); font-weight: 850; text-align: center; }
.inventory-dialog { width: min(680px, calc(100% - 24px)); max-height: min(88vh, 820px); padding: 0; border: 0; border-radius: 24px; background: #fff; color: var(--ink); box-shadow: 0 24px 80px rgba(23,29,24,.35); }
.inventory-dialog::backdrop { background: rgba(23,29,24,.72); }
.inventory-dialog__inner { position: relative; display: grid; gap: 16px; padding: 24px; overflow: auto; max-height: 88vh; }
.inventory-dialog__close { position: absolute; z-index: 2; top: 12px; right: 12px; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--ink); font-size: 1.4rem; cursor: pointer; }
.inventory-dialog .inventory-img,
.inventory-dialog .inventory-image-placeholder { height: auto; max-height: 330px; border-radius: 16px; }
.inventory-gallery { display: grid; gap: 10px; min-width: 0; }
.inventory-gallery__track { display: flex; width: 100%; overflow-x: auto; border-radius: 16px; background: #f8efe1; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; touch-action: pan-x pan-y; }
.inventory-gallery__track::-webkit-scrollbar { display: none; }
.inventory-gallery__slide { flex: 0 0 100%; display: grid; place-items: center; min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.inventory-gallery__slide img { display: block; width: 100%; height: min(58vw, 430px); object-fit: contain; background: #f8efe1; }
.inventory-gallery__controls { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }
.inventory-gallery__button { min-height: 44px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--green); font: inherit; font-weight: 850; cursor: pointer; }
.inventory-gallery__button:last-child { justify-self: stretch; }
.inventory-gallery__button:disabled { opacity: .45; cursor: default; }
.inventory-gallery__counter { min-width: 62px; color: var(--muted); font-size: .9rem; font-weight: 850; text-align: center; }
.inventory-summary { display: grid; grid-template-columns: minmax(110px,.7fr) 1.3fr; gap: 7px 14px; margin: 0; padding: 16px; background: var(--cream); border-radius: 14px; }
.inventory-summary dt { font-weight: 850; }
.inventory-summary dd { margin: 0; }
.inventory-dialog__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.quote-selection { display: grid; gap: 3px; padding: 14px; border-left: 4px solid var(--rust); border-radius: 8px; background: var(--cream); }
.quote-selection span { color: var(--muted); font-size: .88rem; }
.inventory-quote-form { display: grid; gap: 12px; }
.inventory-quote-form label { display: grid; gap: 6px; font-weight: 800; }
.inventory-quote-form input,
.inventory-quote-form textarea { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; }
.inventory-quote-form textarea { min-height: 110px; resize: vertical; }
.inventory-hero { background-image: linear-gradient(120deg, rgba(40,61,44,.98), rgba(40,61,44,.8)), url('/.netlify/images?url=%2Fassets%2F12x20-double-lofted-barn.jpg&w=1600&q=78'); }

@media (max-width: 520px) {
  .inventory-card-actions { grid-template-columns: 1fr; }
  .inventory-card-actions .btn,
  .inventory-dialog__actions .btn { width: 100%; min-height: 48px; }
  .inventory-dialog__inner { padding: 20px 16px; }
  .inventory-summary { grid-template-columns: 1fr; gap: 2px; }
  .inventory-summary dd { margin-bottom: 8px; }
}