.brochure-section .about_box { padding-bottom: 24px; }
.brochure-reader { max-width: 1100px; margin: 0 auto; }
.brochure-frame { position: relative; padding: 18px 56px; background: #f5f8f6; border: 1px solid #e0e9e3; border-radius: 8px; }
.brochure-swiper { width: 100%; }
.brochure-slide figure { margin: 0; }
.brochure-image-link { display: flex; align-items: center; justify-content: center; min-height: 240px; }
.brochure-image-link picture { display: block; width: 100%; text-align: center; }
.brochure-image-link img { display: block; width: auto; height: auto; max-width: 100%; max-height: 72vh; margin: 0 auto; object-fit: contain; background: #fff; }
.brochure-slide figcaption { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; line-height: 1.6; }
.brochure-title { font-size: 16px; color: #33463a; overflow-wrap: anywhere; }
.brochure-prev, .brochure-next { position: absolute; top: 46%; z-index: 5; width: 38px; height: 44px; padding: 0; border: 1px solid #cbdccf; border-radius: 6px; background: #fff; color: #497d5a; font-size: 32px; line-height: 36px; cursor: pointer; }
.brochure-prev { left: 9px; }
.brochure-next { right: 9px; }
.brochure-prev:hover, .brochure-next:hover { background: #e8f0eb; }
.brochure-reader button:focus-visible, .brochure-reader a:focus-visible { outline: 3px solid #497d5a; outline-offset: 3px; }
.brochure-controls { display: flex; align-items: center; justify-content: center; gap: 22px; min-height: 52px; padding-top: 8px; }
.brochure-pagination { width: auto; color: #4c5e52; font-size: 15px; font-variant-numeric: tabular-nums; }
.brochure-empty { padding: 48px 12px; text-align: center; color: #6b776f; }
.brochure-single .brochure-prev, .brochure-single .brochure-next { display: none; }
.brochure-no-items .brochure-swiper, .brochure-no-items .brochure-controls, .brochure-no-items .brochure-prev, .brochure-no-items .brochure-next { display: none; }
@media (max-width: 760px) {
  .brochure-frame { padding: 12px 32px; border-radius: 5px; }
  .brochure-prev, .brochure-next { width: 26px; height: 38px; font-size: 27px; line-height: 32px; }
  .brochure-prev { left: 2px; } .brochure-next { right: 2px; }
  .brochure-image-link { min-height: 140px; }
  .brochure-image-link img { max-height: 64vh; }
  .brochure-title { font-size: 14px; }
  .brochure-slide figcaption { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { .brochure-swiper .swiper-wrapper { transition-duration: 0ms !important; } }

.brochure-image-link { width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.brochure-lightbox:not([open]) { display: none; }
.brochure-lightbox { position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; color: #fff; background: rgba(12, 22, 17, 0.97); overflow: hidden; box-sizing: border-box; }
.brochure-lightbox[open] { display: flex; flex-direction: column; }
.brochure-lightbox::backdrop { background: rgba(0, 0, 0, 0.8); }
.brochure-lightbox-toolbar { display: flex; align-items: center; gap: 20px; flex: 0 0 56px; padding: 0 22px; color: #fff; box-sizing: border-box; }
.brochure-lightbox-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.brochure-lightbox-counter { font-size: 15px; font-variant-numeric: tabular-nums; }
.brochure-lightbox-close { width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: #fff; font-size: 34px; line-height: 38px; cursor: pointer; }
.brochure-lightbox-stage { position: relative; flex: 1; min-height: 0; }
.brochure-lightbox-viewport { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 14px 72px 24px; overflow: auto; box-sizing: border-box; overscroll-behavior: contain; }
.brochure-lightbox-picture { display: block; }
.brochure-lightbox-photo { display: block; width: auto; height: auto; max-width: calc(100vw - 144px); max-height: calc(100vh - 100px); max-height: calc(100dvh - 100px); margin: 0; object-fit: contain; background: #fff; cursor: zoom-in; }
.brochure-lightbox.is-zoomed .brochure-lightbox-viewport { display: block; }
.brochure-lightbox.is-zoomed .brochure-lightbox-photo { max-width: none; max-height: none; cursor: zoom-out; }
.brochure-lightbox-prev, .brochure-lightbox-next { position: absolute; z-index: 2; top: 45%; width: 46px; height: 58px; padding: 0; border: 1px solid rgba(255,255,255,0.35); border-radius: 6px; background: rgba(0,0,0,0.25); color: #fff; font-size: 38px; line-height: 50px; cursor: pointer; }
.brochure-lightbox-prev { left: 12px; } .brochure-lightbox-next { right: 12px; }
.brochure-lightbox-prev:hover, .brochure-lightbox-next:hover, .brochure-lightbox-close:hover { background: rgba(255,255,255,0.16); }
.brochure-lightbox [hidden] { display: none !important; }
.brochure-lightbox-loading { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); color: #fff; pointer-events: none; }
.brochure-lightbox button:focus-visible, .brochure-lightbox-photo:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 760px) {
  .brochure-lightbox-toolbar { gap: 12px; padding: 0 10px; }
  .brochure-lightbox-viewport { padding: 8px 36px 18px; }
  .brochure-lightbox-photo { max-width: calc(100vw - 72px); max-height: calc(100vh - 90px); max-height: calc(100dvh - 90px); }
  .brochure-lightbox-prev, .brochure-lightbox-next { width: 30px; height: 48px; font-size: 30px; line-height: 42px; }
  .brochure-lightbox-prev { left: 2px; } .brochure-lightbox-next { right: 2px; }
}