
:root{
  --lj-yellow:#F3B45A;
  --lj-yellow-dark:#B9781F;
  --lj-text:#263746;
  --lj-body:#4B5358;
  --lj-muted:#7A8185;
  --lj-soft:#F5F5F2;
  --lj-line:#E2E2DD;
  --lj-dark:#2F3132;
}
.lj-machines-page{color:var(--lj-body);line-height:1.7}
.lj-machine-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.lj-machine-hero,.lj-machine-detail-hero{padding:66px 0 44px}
.lj-eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--lj-yellow-dark);margin-bottom:12px}
.lj-machines-page h1,.lj-machines-page h2,.lj-machines-page h3{color:var(--lj-text)}
.lj-machines-page h1{font-size:clamp(36px,3.8vw,47px);line-height:1.1;letter-spacing:-.025em;margin:8px 0 16px}
.lj-machines-page h2{font-size:clamp(28px,3vw,34px);line-height:1.2;letter-spacing:-.02em;margin:0 0 28px}
.lj-machines-page h3{font-size:21px}
.lj-lead{font-size:18px;color:var(--lj-muted);max-width:760px}
.lj-machine-list-section{padding-bottom:82px}
.lj-filterbar{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--lj-line);padding-bottom:14px;margin-bottom:34px}
.lj-filterbar a{color:var(--lj-muted);text-decoration:none;font-size:14px;padding-bottom:10px}
.lj-filterbar a.active{font-weight:700;color:var(--lj-text);border-bottom:2px solid var(--lj-yellow)}
.lj-machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}
.lj-machine-card{position:relative;min-width:0}
.lj-machine-card-link{display:block;color:inherit;text-decoration:none}
.lj-machine-card-image,.lj-machine-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#e4e4de,#cbcbc3)}
.lj-machine-placeholder{display:grid;place-items:center;color:#777;font-weight:700}
.lj-status{position:absolute;left:14px;top:14px;z-index:2;background:var(--lj-yellow);color:#2f2f2f;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.lj-status.sold{background:#D8D8D4;color:#666}
.lj-machine-card-body h3{margin:16px 0 8px;font-weight:700}
.lj-machine-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px;color:var(--lj-muted)}
.lj-detail-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:50px;align-items:start}
.lj-detail-main-image{position:relative}
.lj-detail-main-image img,.lj-detail-main-image .lj-machine-placeholder{width:100%;min-height:360px;max-height:560px;object-fit:contain;background:#f3f3ef}
.lj-detail-summary{font-size:16px;max-width:540px}
.lj-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.lj-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:6px;font-weight:700;text-decoration:none!important}
.lj-btn-primary{background:var(--lj-yellow);border:1px solid var(--lj-yellow);color:#2d2d2d!important}
.lj-btn-outline{background:transparent;border:1px solid #C8C8C3;color:var(--lj-text)!important}
.lj-btn-light-outline{background:transparent;border:1px solid #777;color:#fff!important}
.lj-line-hint{font-size:12px;color:var(--lj-muted);margin-top:10px}
.lj-machine-section{padding:76px 0}
.lj-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:52px}
.lj-spec-row{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--lj-line)}
.lj-spec-label{font-size:13px;color:var(--lj-muted)}
.lj-spec-value{font-weight:700;color:var(--lj-text)}
.lj-condition-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:start}
.lj-condition-copy>*:first-child{margin-top:0}
.lj-recommend-box{background:var(--lj-soft);border-left:4px solid var(--lj-yellow);padding:26px 28px}
.lj-recommend-box h3{margin:0 0 10px}
.lj-recommend-box p{margin:0}
.lj-machine-gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-auto-rows:210px;gap:14px}
.lj-machine-gallery a{display:block;cursor:zoom-in;overflow:hidden}
.lj-machine-gallery a:first-child{grid-row:span 2}
.lj-machine-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.lj-machine-cta{background:var(--lj-dark);color:#fff;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.lj-machine-cta h3{color:#fff;font-size:28px;margin:0 0 6px}
.lj-machine-cta p{margin:0;color:#d2d2cf}
.lj-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.88)}
.lj-lightbox.open{display:flex}
.lj-lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}
.lj-lightbox-close{position:absolute;top:18px;right:22px;border:0;background:transparent;color:#fff;font-size:38px;cursor:pointer}
@media(max-width:900px){
  .lj-machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lj-detail-grid,.lj-condition-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .lj-machine-grid{grid-template-columns:1fr}
  .lj-spec-grid{grid-template-columns:1fr}
  .lj-machine-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
  .lj-machine-gallery a:first-child{grid-column:span 2;grid-row:auto}
  .lj-machine-cta{flex-direction:column;align-items:flex-start;padding:32px 26px}
  .lj-machine-section{padding:54px 0}
}


/* 在庫機械分類：hover / focus 維持深色文字，不被主題改成白色 */
.lj-filterbar a:hover,
.lj-filterbar a:focus,
.lj-filterbar a:focus-visible{
  color:var(--lj-text) !important;
}
.lj-filterbar a.active,
.lj-filterbar a.active:hover,
.lj-filterbar a.active:focus{
  color:var(--lj-text) !important;
}
