
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- CONTAINER START                                                        -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<div class="container">

<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- HERO SECTION                                                           -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="hero">
    <div class="hero-header">
                <div class="status-badge">
            <span aria-hidden="true">🟢</span>
            торгуется        </div>
                
        <div class="instrument-type">
            Акция привилегированная        </div>
    </div>
    
    <div class="hero-title">
        <h1>MTLRP</h1>
                <a href="https://deepmax.ru/mechel/" 
           class="company-link"
           title="ПАО Мечел фундаментальный анализ эмитента на DeepMax — фундаментальный анализ эмитента на DeepMax">
            — ПАО Мечел        </a>
            </div>
    
    <div class="subtitle">
        Мечел ПАО ап    </div>
    
    <p class="hero-description">
                Ценная бумага торгуется на Московской бирже в классе <strong>МБ ФР: Т+: Акции</strong>.<br>
        Справочная информация обновляется периодически из официальных источников.
            </p>
</section>

<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- MAIN CONTENT: TWO COLUMN LAYOUT                                        -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<div class="stock-two-columns">
    
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <!-- LEFT COLUMN (65%)                                                  -->
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <div>
        
        <!-- IDENTIFIERS -->
                <section class="section">
            <h2 class="section-title">
                <span aria-hidden="true">🔑</span>
                Идентификаторы
            </h2>
            <div class="identifiers-grid">
                <div class="id-card">
    <div class="id-label">ISIN</div>
    <div class="id-value" id="isin-value">RU000A0JPV70</div>
    <button class="copy-btn" 
            data-target="isin-value"
            data-label="ISIN"
            type="button"
            aria-label="Скопировать ISIN: RU000A0JPV70"
            title="Скопировать ISIN RU000A0JPV70">
        📋 Копировать
    </button>
</div><div class="id-card">
    <div class="id-label">Код</div>
    <div class="id-value" id="code-value">MTLRP</div>
    <button class="copy-btn" 
            data-target="code-value"
            data-label="Код"
            type="button"
            aria-label="Скопировать Код: MTLRP"
            title="Скопировать Код MTLRP">
        📋 Копировать
    </button>
</div><div class="id-card">
    <div class="id-label">Рег. №</div>
    <div class="id-value" id="reg-value">2-01-55005-E</div>
    <button class="copy-btn" 
            data-target="reg-value"
            data-label="Рег. №"
            type="button"
            aria-label="Скопировать Рег. №: 2-01-55005-E"
            title="Скопировать Рег. № 2-01-55005-E">
        📋 Копировать
    </button>
</div>            </div>
        </section>
                
        <!-- TRADING PARAMETERS -->
                <section class="section">
            <h2 class="section-title">
                <span aria-hidden="true">📈</span>
                Торговые параметры
            </h2>
            <details class="details-section" open>
                <summary class="details-summary">
                    <div class="summary-left">
                        <span class="summary-icon" aria-hidden="true">📊</span>
                        <span>Параметры торговли (4)</span>
                    </div>
                    <span class="summary-arrow">▼</span>
                </summary>
                <div class="details-content">
                    <dl>
<dt>Класс торгов</dt>
<dd>МБ ФР: Т+: Акции</dd>
<dt>Код класса</dt>
<dd>TQBR</dd>
<dt>Валюта торгов</dt>
<dd>RUB ₽</dd>
<dt>Базис котирования</dt>
<dd>Цена</dd>
</dl>                </div>
            </details>
        </section>
                
        <!-- SETTLEMENT DATA -->
                <section class="section">
            <h2 class="section-title">
                <span aria-hidden="true">📅</span>
                Расчётные данные
            </h2>
            <details class="details-section">
                <summary class="details-summary">
                    <div class="summary-left">
                        <span class="summary-icon" aria-hidden="true">💳</span>
                        <span>Параметры расчётов (2)</span>
                    </div>
                    <span class="summary-arrow">▼</span>
                </summary>
                <div class="details-content">
                    <dl>
<dt>Код расчётов</dt>
<dd>Y1</dd>
<dt>Дата расчётов</dt>
<dd>26.09.2025</dd>
</dl>                </div>
            </details>
        </section>
                
        <!-- INTERNATIONAL IDENTIFIERS -->
                
        <!-- TECHNICAL INFORMATION -->
                <section class="section">
            <h2 class="section-title">
                <span aria-hidden="true">ℹ️</span>
                Техническая информация
            </h2>
            <details class="details-section">
                <summary class="details-summary">
                    <div class="summary-left">
                        <span class="summary-icon" aria-hidden="true">⚙️</span>
                        <span>Служебные данные (1)</span>
                    </div>
                    <span class="summary-arrow">▼</span>
                </summary>
                <div class="details-content">
                    <dl>
<dt>Дата обновления</dt>
<dd>2025-09-25 21:48:26</dd>
</dl>                </div>
            </details>
        </section>
                
        <!-- KEY METRICS -->
        <section class="section">
            <h2 class="section-title">
                <span aria-hidden="true">📊</span>
                Ключевые метрики
            </h2>
            <div class="metrics-grid">
                <div class="metric-card">
    <div class="metric-icon" aria-hidden="true">💰</div>
    <div class="metric-label">Номинал</div>
    <div class="metric-value">10.00 ₽</div>
</div><div class="metric-card">
    <div class="metric-icon" aria-hidden="true">📦</div>
    <div class="metric-label">Лот</div>
    <div class="metric-value">10</div>
</div><div class="metric-card">
    <div class="metric-icon" aria-hidden="true">📏</div>
    <div class="metric-label">Шаг цены</div>
    <div class="metric-value">0.0500 ₽</div>
</div><div class="metric-card">
    <div class="metric-icon" aria-hidden="true">🎯</div>
    <div class="metric-label">Выпуск</div>
    <div class="metric-value">138.8M</div>
</div><div class="metric-card">
    <div class="metric-icon" aria-hidden="true">🔢</div>
    <div class="metric-label">Точность</div>
    <div class="metric-value">2</div>
</div><div class="metric-card">
    <div class="metric-icon" aria-hidden="true">💱</div>
    <div class="metric-label">Валюта</div>
    <div class="metric-value">RUB ₽</div>
</div>            </div>
        </section>
        
        <!-- INFO NOTICE -->
        <div class="info-notice">
            <strong>Источник данных:</strong> Справочная информация из базы данных DeepMax.ru.<br>
            Данные обновляются периодически и могут отличаться от текущих биржевых.
                    </div>
        
    </div>
    <!-- END LEFT COLUMN -->
    
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <!-- RIGHT COLUMN (35%)                                                 -->
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <aside class="sidebar">
        
        <!-- EMITENT CARD -->
                <div class="emitent-card">
            <div class="emitent-header">
                                <div class="emitent-logo">
                    <img src="https://deepmax.ru/images/mechel_logo.png" 
                         alt="Логотип ПАО Мечел"
                         loading="lazy">
                </div>
                                
                <div class="emitent-label">Информация об эмитенте</div>
                <div class="emitent-name">
                    <a href="https://deepmax.ru/mechel/"
                       title="ПАО Мечел фундаментальный анализ эмитента на DeepMax — фундаментальный анализ эмитента на DeepMax">
                        ПАО Мечел                    </a>
                </div>
                
                                <div class="emitent-inn">
                    ИНН: 7703370008                </div>
                            </div>
            
                        <p class="emitent-description">
                Горно-металлургическая компания полного цикла с интегрированным производством, эффективно объединяет добычу угля и производство стали в едином комплексе            </p>
                        
            <div class="emitent-links">
                <a href="https://deepmax.ru/mechel/" 
                   class="link-btn"
                   title="ПАО Мечел — подробная информация об эмитенте, финансовые показатели, дивиденды">
                    Подробнее об эмитенте →
                </a>
                
                            </div>
            
                        <div class="update-info">
                <strong>📅 Обновление:</strong> 25.09.2025            </div>
                    </div>
                
        <!-- AD BLOCK -->
        
<!-- РЕКЛАМНЫЙ БЛОК v2.0 BULLETPROOF -->
<div class="emitent-card" role="complementary" aria-label="Рекламный блок">
    <!-- ЗАГОЛОВОК -->
    <div class="emitent-header">
        <div class="emitent-label ad-title-flex">
                        <span class="ad-icon">📈</span>
                        <span>Инвестируйте правильно</span>
        </div>
    </div>
    
    <!-- ИЗОБРАЖЕНИЕ -->
        <div class="emitent-card-logo ad-image-container">
        <a href="https://example.com/broker-offer" 
           target="_blank"
           rel="nofollow noopener"           title="Инвестируйте правильно">
            <img src="/images/ads/broker-ad.jpg" 
                 alt="Реклама: Инвестируйте правильно"
                 class="ad-image-full"
                 loading="lazy"
                 decoding="async">
        </a>
    </div>
        
    <!-- ОПИСАНИЕ -->
        <p class="emitent-description ad-text-center">
        Откройте брокерский счёт с минимальной комиссией. Бесплатное обслуживание первые 3 месяца!    </p>
        
    <!-- КНОПКА -->
        <div class="emitent-links">
        <a href="https://example.com/broker-offer" 
           class="link-btn link-btn-primary"
           target="_blank"
           rel="nofollow noopener"           title="Узнать больше →">
            Узнать больше →        </a>
    </div>
        
    <!-- ПОМЕТКА "РЕКЛАМА" -->
    <div class="update-info ad-text-center">
        <small class="ad-disclaimer">Реклама</small>
    </div>
</div>

        
    </aside>
    <!-- END RIGHT COLUMN -->
    
</div>
<!-- END STOCK-TWO-COLUMNS -->

</div>
<!-- END CONTAINER -->

<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- TOAST NOTIFICATION                                                     -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<div id="toast" class="toast">
    <span>✓</span>
    <span id="toast-text">Скопировано</span>
</div>

