@media print {
  /* 1. ページ全体およびギャラリーコンテナの高さ制限・スクロール制限を解除 */
  html, body, 
  main, 
  .gallery-container,  /* ギャラリーを囲む要素のクラス名 */
  .scroll-wrapper, 
  .modal-body {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    position: static !important; /* fixed や absolute による固定を解除 */
  }

  /* 2. 商品カードなどの要素がページの途中で変に切れるのを防ぐ */
  .gallery-item, 
  .product-card, 
  figure {
    break-inside: avoid !important;      /* モダンブラウザ用 */
    page-break-inside: avoid !important; /* 従来ブラウザ用 */
  }

  /* 3. 印刷時に不要なヘッダー・フッター・ボタン等を非表示にする */
  header, footer, nav, .sidebar, button {
    display: none !important;
  }
}

        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #191970;
            border-radius: 4px;
        }
        .modal {
            transition: opacity 0.25s ease;
        }
        body.modal-active {
            overflow-x: hidden;
            overflow-y: hidden;
        }