Сертификаты

.declarations { --accent: #8b2e63; --ink: #252525; max-width: 1180px; margin: 0 auto; color: var(--ink); } .declarations__intro { margin: 0 0 28px; } .declarations__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .declaration-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; box-shadow: 0 6px 22px rgba(0, 0, 0, .06); } .declaration-card__preview { position: relative; display: block; height: 520px; padding: 14px; overflow: hidden; border: 0; border-bottom: 1px solid #ededed; background: #f5f5f5; cursor: zoom-in; } .declaration-card__preview img { width: 100%; height: 100%; object-fit: contain; } .declaration-card__zoom-label { position: absolute; right: 16px; bottom: 16px; padding: 8px 12px; border-radius: 999px; color: #fff; background: rgba(0, 0, 0, .72); font-size: 13px; } .declaration-card__body { padding: 20px; } .declaration-card__title { margin: 0 0 8px; font-size: 20px; line-height: 1.35; } .declaration-card__text { margin: 0 0 18px; color: #666; } .declaration-card__actions { display: flex; flex-wrap: wrap; gap: 10px; } .declarations .declaration-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 16px; border: 1px solid var(--accent); border-radius: 6px; color: #fff; background: var(--accent); font-weight: 600; text-decoration: none; cursor: pointer; } .declarations .declaration-button--secondary { color: var(--accent); background: #fff; } .declaration-viewer[hidden] { display: none; } .declaration-viewer { position: fixed; z-index: 100000; inset: 0; display: flex; flex-direction: column; background: rgba(10, 10, 10, .96); } .declaration-viewer__toolbar { display: flex; align-items: center; gap: 8px; min-height: 58px; padding: 8px 14px; color: #fff; background: #1d1d1d; } .declaration-viewer__title { min-width: 0; margin-right: auto; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .declaration-viewer__control { min-width: 42px; min-height: 40px; padding: 7px 12px; border: 1px solid #555; border-radius: 5px; color: #fff; background: #303030; font: inherit; text-decoration: none; cursor: pointer; } .declaration-viewer__stage { flex: 1; overflow: auto; padding: 24px; text-align: center; overscroll-behavior: contain; } .declaration-viewer__image { display: inline-block; width: auto; max-width: none; height: auto; transform-origin: top center; box-shadow: 0 6px 30px rgba(0, 0, 0, .45); } body.declaration-viewer-open { overflow: hidden; } @media (max-width: 767px) { .declarations__grid { grid-template-columns: 1fr; } .declaration-card__preview { height: 430px; } .declaration-viewer__toolbar { flex-wrap: wrap; } .declaration-viewer__title { flex: 1 0 calc(100% - 54px); } .declaration-viewer__stage { padding: 10px; } } Нажмите на документ, чтобы открыть детальный просмотр и увеличить изображение. Увеличить Minodex — миноксидил Декларация Евразийского экономического союза. Подробный просмотр Скачать PNG Увеличить Nanodex — наноксидил Декларация Евразийского экономического союза. Подробный просмотр Скачать PNG − 100% + Скачать ✕ (function () { var viewer = document.getElementById('declaration-viewer'); if (!viewer) return; var image = document.getElementById('declaration-viewer-image'); var title = document.getElementById('declaration-viewer-title'); var download = document.getElementById('declaration-viewer-download'); var stage = document.getElementById('declaration-viewer-stage'); var scale = 1; var lastTrigger = null; function renderScale() { image.style.width = (image.naturalWidth * scale) + 'px'; viewer.querySelector('[data-action= reset ]').textContent = Math.round(scale * 100) + '%'; } function setScale(value) { scale = Math.min(3, Math.max(0.35, value)); renderScale(); } function fitImage() { if (!image.naturalWidth) return; var available = Math.max(280, stage.clientWidth - 48); setScale(Math.min(1, available / image.naturalWidth)); } function openViewer(trigger) { lastTrigger = trigger; image.src = trigger.getAttribute('data-src'); image.alt = trigger.getAttribute('data-title'); title.textContent = trigger.getAttribute('data-title'); download.href = trigger.getAttribute('data-src'); viewer.hidden = false; document.body.classList.add('declaration-viewer-open'); image.onload = fitImage; viewer.querySelector('[data-action= close ]').focus(); } function closeViewer() { viewer.hidden = true; document.body.classList.remove('declaration-viewer-open'); image.removeAttribute('src'); if (lastTrigger) lastTrigger.focus(); } document.querySelectorAll('.js-declaration-open').forEach(function (trigger) { trigger.addEventListener('click', function () { openViewer(trigger); }); }); viewer.addEventListener('click', function (event) { var action = event.target.getAttribute('data-action'); if (action === 'close') closeViewer(); if (action === 'plus') setScale(scale + 0.2); if (action === 'minus') setScale(scale - 0.2); if (action === 'reset') fitImage(); if (event.target === viewer) closeViewer(); }); stage.addEventListener('wheel', function (event) { if (!event.ctrlKey) return; event.preventDefault(); setScale(scale + (event.deltaY < 0 ? 0.15 : -0.15)); }, { passive: false }); document.addEventListener('keydown', function (event) { if (viewer.hidden) return; if (event.key === 'Escape') closeViewer(); if (event.key === '+' || event.key === '=') setScale(scale + 0.2); if (event.key === '-') setScale(scale - 0.2); }); })();