#equipmentGallery .equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
#equipmentGallery .equipment-card{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;text-align:left;cursor:pointer;border:1px solid #ffffff20;border-radius:18px;background:#111425;color:#fff;font:inherit}
#equipmentGallery .equipment-card:hover{border-color:#d649c0}
#equipmentGallery .equipment-card:focus-visible{outline:2px solid #ee51dd;outline-offset:4px}
#equipmentGallery .equipment-cover{display:block;width:100%;aspect-ratio:3/2;background:#0c1021}
#equipmentGallery .equipment-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#equipmentGallery .equipment-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;flex:1}
#equipmentGallery .equipment-caption strong{display:block;font-size:16px;line-height:1.4;font-weight:800}
#equipmentGallery .equipment-caption small{display:block;color:#bfc0d1;font-size:12px;line-height:1.5;margin-top:4px}
#equipmentGallery .equipment-count{flex-shrink:0;color:#eaa6df;font-size:12px;white-space:nowrap}
#equipmentLightbox{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(780px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #ffffff30;border-radius:20px;background:#0b1021;color:#fff;overflow:hidden;box-sizing:border-box}
#equipmentLightbox::backdrop{background:#030511df;backdrop-filter:blur(4px)}
#equipmentLightbox[open]{display:flex;flex-direction:column;gap:14px}
#equipmentLightbox .equipment-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#equipmentLightbox h3{font-size:21px;line-height:1.35;margin:0}
#equipmentLightbox .equipment-viewer-subtitle{font-size:13px;line-height:1.5;color:#c8c8d8;margin:5px 0 0}
#equipmentLightbox .equipment-viewer-main{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;grid-template-rows:minmax(0,1fr);gap:14px;align-items:center;min-height:0;flex:1}
#equipmentLightbox figure{display:grid;place-items:center;height:100%;min-width:0;min-height:0;margin:0}
#equipmentLightbox img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#equipmentLightbox button{position:static;inset:auto;transform:none;margin:0;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#171b30;color:#fff;font:inherit;font-size:24px;cursor:pointer}
#equipmentLightbox button:hover{border-color:#eb4ecb;background:#29203d}
#equipmentLightbox button:focus-visible{outline:2px solid #ee51dd;outline-offset:3px}
@media(max-width:1000px){#equipmentGallery .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:620px){#equipmentGallery .equipment-grid{grid-template-columns:1fr;gap:16px}#equipmentGallery .equipment-caption{padding:15px 16px}#equipmentLightbox{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:14px;border-radius:16px}#equipmentLightbox h3{font-size:17px}#equipmentLightbox .equipment-viewer-main{display:block;position:relative;padding-bottom:58px}#equipmentLightbox figure{height:100%}#equipmentLightbox [data-equipment-prev],#equipmentLightbox [data-equipment-next]{position:absolute;bottom:0}#equipmentLightbox [data-equipment-prev]{left:0}#equipmentLightbox [data-equipment-next]{right:0}}
