/* Product catalogue layout only; the shared Home-matched banner lives in site-ui.css. */
.inventory-page { background:#f4f7fa; }
.inventory-hero { min-height:560px; position:relative; display:flex; align-items:end; background:#061727; color:white; overflow:hidden; }
.inventory-hero-image { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,18,30,.96),rgba(4,18,30,.72) 54%,rgba(4,18,30,.2)),var(--catalog-hero,url('assets/inventory/pos-hero.jpeg')) center 42%/cover; }
.inventory-hero:after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:80px 80px; opacity:.14; mask-image:linear-gradient(90deg,#000,transparent 68%); }
.inventory-hero-content { position:relative; z-index:2; padding:96px 0 82px; }
.breadcrumb { display:flex; gap:9px; color:#91a4b3; font-size:10px; text-transform:uppercase; letter-spacing:.13em; margin-bottom:32px; }
.breadcrumb a { color:#43d8ff; }
.inventory-hero h1 { font-size:clamp(42px,5.2vw,68px); line-height:1.08; max-width:800px; margin-bottom:26px; }
.inventory-hero p { max-width:680px; color:#c8d3dc; font-size:17px; line-height:1.7; }
.category-bar { background:white; border-bottom:1px solid #dce4ec; position:sticky; top:0; z-index:30; }
.category-links { min-height:72px; display:flex; align-items:center; gap:12px; overflow:auto; scrollbar-width:none; }
.category-links::-webkit-scrollbar { display:none; }
.category-links a { flex:0 0 auto; padding:9px 15px; border:1px solid #dce4ec; color:#637180; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.category-links a.active,.category-links a:hover { background:#0967d8; border-color:#0967d8; color:white; }
.catalog-intro { padding:100px 0 62px; display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:end; }
.catalog-intro h2 { margin:0; }
.catalog-intro p { color:#637180; margin:0; }
.catalog-list { padding-bottom:110px; }
.machine-card { display:grid; grid-template-columns:400px 1fr; background:white; border:1px solid #dce4ec; margin-bottom:28px; min-height:420px; scroll-margin-top:92px; box-shadow:0 12px 40px rgba(8,27,45,.05); }
.machine-media { position:relative; background:#edf2f6; min-height:420px; display:grid; place-items:center; padding:56px; overflow:hidden; }
.machine-media:before { content:""; position:absolute; width:310px; height:310px; border:1px solid #d6e0e8; border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.35); }
.machine-media img { position:relative; z-index:1; width:100%; height:290px; object-fit:contain; filter:drop-shadow(0 24px 26px rgba(8,27,45,.18)); }
.machine-tag { position:absolute; left:22px; top:22px; z-index:2; background:#061727; color:#43d8ff; padding:7px 11px; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }
.machine-content { padding:48px 54px; display:flex; flex-direction:column; }
.machine-kicker { color:#0967d8; text-transform:uppercase; font-size:10px; font-weight:800; letter-spacing:.13em; margin-bottom:10px; }
.machine-content h2 { font-size:30px; line-height:1.2; margin-bottom:12px; letter-spacing:-.025em; }
.machine-subtitle { color:#637180; font-weight:700; font-size:13px; margin-bottom:22px; }
.machine-content>p { color:#637180; font-size:14px; line-height:1.7; }
.feature-list { display:grid; grid-template-columns:1fr 1fr; gap:7px 24px; padding:0; margin:4px 0 30px; list-style:none; }
.feature-list li { color:#344554; font-size:12px; padding-left:17px; position:relative; }
.feature-list li:before { content:"+"; color:#0967d8; position:absolute; left:0; font-weight:800; }
.machine-actions { display:flex; gap:12px; margin-top:auto; }
.machine-actions .button { min-width:0; padding:14px 18px; }
.outline-button { border:1px solid #aebcc8; color:#081b2d; background:white; }
.catalog-note { background:#0967d8; color:white; padding:78px 0; }
.catalog-note-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.catalog-note h2 { max-width:700px; margin:0; font-size:clamp(34px,3.6vw,50px); line-height:1.15; letter-spacing:-.03em; }
.catalog-note p { color:#c9e2f7; max-width:420px; margin:12px 0 24px; }
.catalog-note .button { background:#43d8ff; color:#061727; }
.inventory-directory { padding:90px 0 120px; }
.directory-heading { max-width:760px; margin-bottom:52px; }
.directory-heading p { color:#637180; }
.directory-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.directory-card { min-height:260px; background:white; border:1px solid #dce4ec; padding:34px; display:grid; grid-template-columns:82px 1fr; gap:24px; position:relative; transition:.25s; }
.directory-card:hover { transform:translateY(-5px); box-shadow:0 22px 55px rgba(8,27,45,.1); border-color:#b9c8d5; }
.directory-icon { width:76px; height:76px; background:#edf2f6; display:grid; place-items:center; padding:15px; }
.directory-icon img { width:46px; height:46px; object-fit:contain; }
.directory-card h2 { font-size:22px; line-height:1.25; letter-spacing:-.02em; margin:0 0 10px; }
.directory-card p { color:#637180; font-size:13px; margin:0 0 18px; }
.directory-card b { color:#0967d8; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
@media (max-width:900px) {
  .category-bar { top:0; }
  .catalog-intro { grid-template-columns:1fr; gap:25px; }
  .machine-card { grid-template-columns:310px 1fr; }
  .machine-content { padding:38px 34px; }
  .machine-media { padding:35px; }
  .feature-list { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .category-bar { top:0; }
  .inventory-hero { min-height:620px; }
  .inventory-hero-content { padding:96px 0 70px; }
  .inventory-hero h1 { font-size:clamp(36px,10vw,44px); line-height:1.13; letter-spacing:-.025em; }
  .catalog-intro { padding-top:72px; }
  .machine-card { grid-template-columns:1fr; }
  .machine-media { min-height:310px; }
  .machine-media img { height:230px; }
  .machine-content { padding:32px 24px; }
  .machine-content h2 { font-size:27px; line-height:1.22; }
  .machine-actions { flex-direction:column; }
  .machine-actions .button { width:100%; }
  .catalog-note-inner { display:block; }
  .directory-grid { grid-template-columns:1fr; }
  .directory-card { grid-template-columns:64px 1fr; padding:25px; }
  .directory-icon { width:60px; height:60px; padding:10px; }
}