/* Approved real workshop photos; colors follow the active site-wide palette. */
.equipment-section .workshop-equipment-grid {display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:stretch}
.workshop-stock-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.workshop-photo {display:flex;flex-direction:column;min-width:0;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--tnvd-raised);color:var(--tnvd-ink);font:inherit;text-align:left;box-shadow:0 3px 15px var(--tnvd-shadow)}
.workshop-photo:focus-visible {outline-color:var(--tnvd-focus);outline-offset:4px}
.workshop-photo-frame {position:relative;display:block;width:100%;overflow:hidden;background:var(--tnvd-surface)}
.equipment-section .workshop-photo img {display:block;width:100%;height:clamp(300px,40vw,520px);object-fit:cover;object-position:center}
.equipment-section .workshop-portrait img {object-position:50% 52%}
.workshop-stock-grid .workshop-photo img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.workshop-photo-caption {display:block;flex:1;padding:20px 22px}
.workshop-photo-caption strong {display:block;font-size:20px;line-height:1.35;font-weight:700;color:var(--tnvd-heading)}
.workshop-photo-caption small {display:block;margin-top:6px;font-size:16px;line-height:1.45;color:var(--tnvd-muted)}
.workshop-photo-zoom {position:absolute;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(25,33,37,.76);color:#fff}
.workshop-photo-zoom .ui-icon {width:18px;height:18px}
.workshop-section-foot {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:24px}
.workshop-album-link {display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--tnvd-link);font:700 17px/1.4 'Circe',sans-serif;text-align:left}
.workshop-album-link:hover {color:var(--tnvd-link-hover)}
.workshop-album-link .ui-icon {width:19px;height:19px}
.workshop-section-note {margin:0;color:var(--tnvd-muted);font-size:15px;line-height:1.5}
.workshop-stock-section {background:var(--tnvd-page);border-top:1px solid var(--tnvd-line);border-bottom:1px solid var(--tnvd-line)}
.workshop-stock-section h2 {color:var(--tnvd-heading)}
.workshop-stock-section .section-intro {color:var(--tnvd-muted)}
.workshop-stock-section .workshop-photo {border:1px solid var(--tnvd-line)}
.workshop-stock-section .workshop-section-foot {margin-top:28px;padding-top:24px}
.workshop-stock-section .btn {flex:none}
body:has(#workshop-photo-dialog[open]) {overflow:hidden}
#workshop-photo-dialog {padding:20px;max-width:1100px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);border:0;border-radius:18px;background:var(--tnvd-raised);color:var(--tnvd-ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px rgba(10,15,18,.35)}
#workshop-photo-dialog::backdrop {background:rgba(10,15,18,.78)}
.workshop-viewer-header {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
#workshop-photo-dialog h3 {margin:5px 0 0;color:var(--tnvd-heading);font-size:24px;line-height:1.3}
.workshop-viewer-close,.workshop-viewer-arrow {display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--tnvd-line);border-radius:10px;background:var(--tnvd-surface);color:var(--tnvd-link)}
.workshop-viewer-close:hover,.workshop-viewer-arrow:hover {background:var(--tnvd-soft);color:var(--tnvd-link-hover)}
.workshop-viewer-close .ui-icon,.workshop-viewer-arrow .ui-icon {width:22px;height:22px}
.workshop-viewer-stage {position:relative;overflow:hidden;border-radius:10px;background:#171e22}
.workshop-viewer-stage img {display:block;width:100%;height:min(66dvh,680px);max-height:calc(100dvh - 200px);object-fit:contain}
.workshop-viewer-stage.is-loading img {opacity:.3}
.workshop-viewer-status {position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);margin:0!important;color:#fff;font-size:16px!important;text-align:center;pointer-events:none}
.workshop-viewer-status:empty {display:none}
.workshop-viewer-foot {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.workshop-viewer-count {margin:0;font-size:16px;line-height:1.4;text-align:center;color:var(--tnvd-muted)}
@media(max-width:750px) {
  .equipment-section .workshop-equipment-grid,.workshop-stock-grid {gap:16px}
  .workshop-photo-caption {padding:16px 18px}
  .workshop-photo-caption strong {font-size:18px}
  .workshop-photo-caption small {font-size:14px}
  .workshop-section-note {font-size:14px}
  .workshop-album-link {font-size:16px}
}
@media(max-width:620px) {
  .equipment-section .workshop-equipment-grid {grid-template-columns:1fr}
  .equipment-section .workshop-photo img {height:auto;aspect-ratio:4/3}
  .equipment-section .workshop-portrait img {height:clamp(280px,80vw,440px);aspect-ratio:auto;object-fit:contain}
  .workshop-stock-grid {gap:12px}
  .workshop-stock-grid .workshop-photo img {height:140px;aspect-ratio:auto}
  .workshop-stock-grid .workshop-photo-caption {padding:12px}
  .workshop-stock-grid .workshop-photo-caption strong {font-size:15px}
  .workshop-stock-grid .workshop-photo-caption small {display:none}
  .workshop-section-foot {gap:12px;margin-top:18px}
  .workshop-stock-section .workshop-section-foot {margin-top:22px;padding-top:20px}
  #workshop-photo-dialog {width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:15px}
  #workshop-photo-dialog h3 {font-size:20px}
  .workshop-viewer-header {gap:14px;margin-bottom:12px}
  .workshop-viewer-foot {gap:10px;margin-top:12px}
  .workshop-viewer-count {font-size:14px}
}
@media(max-width:360px) {
  .workshop-stock-grid .workshop-photo img {height:120px}
  .workshop-stock-grid .workshop-photo-caption {padding:10px}
  .workshop-stock-grid .workshop-photo-caption strong {font-size:14px}
}