
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- НАЧАЛО КОНТЕЙНЕРА                                                      -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<div class="container">

<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- HERO СЕКЦИЯ                                                            -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="hero">
    <div class="hero-header">
                <div class="emitent-logo">
            <img src="https://deepmax.ru/images/bank-spb_logo.png" 
                 alt="Логотип ПАО Банк Санкт-Петербург"
                 class="emitent-logo-img"
                 width="80"
                 height="80"
                 loading="lazy"
                 decoding="async">
        </div>
                
        <div class="hero-content">
                        <h1>ПАО Банк Санкт-Петербург</h1>
            
                        <p class="company-legal-name">ПАО БАНК САНКТ-ПЕТЕРБУРГ</p>
                        
                        <p class="hero-description">Региональный коммерческий банк северо-запада, предоставляет полный спектр банковских услуг корпоративным и частным клиентам</p>
                        
            <div class="hero-badges">
                                <span class="badge"><span aria-hidden="true">🏢</span> ИНН: 7831000027</span>
                                
                                
                                
                                <span class="badge"><span aria-hidden="true">🏭</span> Банковский сектор</span>
                            </div>
        </div>
    </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- КЛИКАБЕЛЬНЫЕ МЕТРИКИ С АНКОРАМИ (v7.1.5 FINAL)                         -->
<!-- v7.1.5: Метрика показывает "Акции (2)" вместо "Акции обыкновенные (2)" -->
<!-- v8.0.0: Добавлен aria-hidden на metric-icon                            -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<div class="metrics-grid">
            <a href="/bank-spb/#section-type-1" 
           class="metric-card" 

           title="Перейти к разделу Акции">
            <div class="metric-icon" aria-hidden="true">📈</div>
            <div class="metric-label">Акции</div>
            <div class="metric-value">2</div>
        </a>
    </div>

<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- ОСНОВНОЙ КОНТЕНТ: ДВУХКОЛОНОЧНЫЙ LAYOUT                                -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<div class="stock-two-columns">
    
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <!-- ЛЕВАЯ КОЛОНКА (65%)                                                -->
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <div>
        
        <!-- ИДЕНТИФИКАТОРЫ -->
                <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">ИНН</div>
    <div class="id-value" id="inn-value">7831000027</div>
    <button class="copy-btn" 
            data-target="inn-value"
            data-label="ИНН"
            type="button"
            aria-label="Скопировать ИНН: 7831000027"
            title="Скопировать ИНН 7831000027">
        📋 Копировать
    </button>
</div>            </div>
        </section>
                
        <!-- ИНСТРУМЕНТЫ ПО ТИПАМ (ПОРЯДОК 1-2-3-4-5-6) -->
        <!-- v7.1.5: Раздел называется "Акции (2)" вместо "Акции обыкновенные (2)" -->
        <!-- v8.0.0: Добавлен aria-hidden на эмоджи в H2 -->
                                
            <section class="section" id="section-type-1">
                <h2 class="section-title">
                    <span aria-hidden="true">📈</span>
                    Акции (2)
                </h2>
                
                <!-- АКТИВНЫЕ ИНСТРУМЕНТЫ (с QUIK данными) -->
                                <div class="instruments-grid">
                                            <a href="https://deepmax.ru/stocks/BSPB/" class="instrument-card active" title="Акция обыкновенная BSPB от эмитента ПАО Банк Санкт-Петербург"><div class="instrument-code">BSPB</div><div class="instrument-name">БСП ао</div><div class="card-param">Номинал: 1.00 ₽ • Лот: 10</div><div class="card-param">Эмиссия, шт: 445,4 млн</div></a>                                            <a href="https://deepmax.ru/stocks/BSPBP/" class="instrument-card active" title="Акция привилегированная BSPBP от эмитента ПАО Банк Санкт-Петербург"><div class="instrument-code">BSPBP</div><div class="instrument-name">БСП ап</div><div class="card-param">Номинал: 1.00 ₽ • Лот: 100</div><div class="card-param">Эмиссия, шт: 20,1 млн</div></a>                                    </div>
                                
                <!-- ИНСТРУМЕНТЫ БЕЗ ДАННЫХ (нет в QUIK) -->
                <!-- v8.5.0: ЗАКОММЕНТИРОВАНО - не показываем инструменты без QUIK данных -->
                            </section>
                                                                            
        <!-- СООБЩЕНИЕ ОБ ОТСУТСТВИИ ИНСТРУМЕНТОВ -->
                
        <!-- ПОДРОБНОЕ ОПИСАНИЕ -->
        <!-- v8.0.0: Добавлен aria-hidden на эмоджи -->
                <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>О компании ПАО Банк Санкт-Петербург</span>
                    </div>
                    <span class="summary-arrow">▼</span>
                </summary>
                <div class="details-content">
                    <p class="large-text">ПАО БАНК САНКТ-ПЕТЕРБУРГ основано в 1990 году и является одним из крупнейших региональных банков России, входящим в топ-15 финансовых институтов страны по объему активов. На Московской бирже представлено обыкновенными акциями (ISIN: RU0009100945, тикер: BSPB) с капитализацией 98,7 млрд рублей, входящими в первый уровень листинга с ежедневным объемом торгов около 130-150 млн рублей и free-float 29,8%, а также несколькими выпусками биржевых облигаций: серии БО-001P-05 (ISIN: RU000A101FA5) объемом 6 млрд рублей с купоном 7,5% до июня 2024 года, БО-001P-06 (ISIN: RU000A102GY0) объемом 7 млрд рублей с купоном 6,4% до июня 2025 года, включенными во второй уровень листинга. Уставный капитал составляет 478,3 млн рублей, разделенный на 478 328 765 обыкновенных акций номинальной стоимостью 1 рубль, основными акционерами являются Савельев А.В. (24,95%), Реутов М.И. (10,07%) и East Capital (5,91%).</p>
<p class="large-text"> Финансовые показатели по МСФО за 2023 год: активы - 894,1 млрд рублей, чистая прибыль - 24,2 млрд рублей (+21,6% к 2022 году), рентабельность капитала (ROE) - 24,7%, чистая процентная маржа - 4,5%, коэффициент достаточности капитала (Н1.0) - 16,2%. Кредитные рейтинги от АКРА - AA(RU) со стабильным прогнозом, от Эксперт РА - ruAA со стабильным прогнозом. Бизнес-модель фокусируется на комплексном обслуживании корпоративных клиентов и физических лиц Северо-Западного региона через сеть из 58 отделений в Санкт-Петербурге, Ленинградской области, Москве и Калининграде.</p>
<p class="large-text"> Кредитный портфель 561,3 млрд рублей сбалансирован между корпоративным (58%) и розничным (42%) сегментами с долей просроченных кредитов 2,3% и коэффициентом покрытия резервами 2,1x. Банк активно развивает цифровые каналы: мобильное приложение SPB Online используют более 900 тыс. клиентов с долей онлайн-продаж 72%.</p>
<p class="large-text"> Инвестиционная привлекательность подкрепляется стабильными дивидендными выплатами (40% от чистой прибыли), сильными рыночными позициями в домашнем регионе (входит в тройку крупнейших банков СЗФО) и эффективной операционной моделью с показателем Cost-to-Income Ratio 35,2%.</p>
                </div>
            </details>
        </section>
                
        <!-- ИНФОРМАЦИОННОЕ УВЕДОМЛЕНИЕ -->
        <div class="info-notice">
            <strong>Источник данных:</strong> Справочная информация из базы данных DeepMax.ru.<br>
            Данные обновляются периодически и могут отличаться от текущих биржевых.
                    </div>
        
    </div>
    <!-- КОНЕЦ ЛЕВОЙ КОЛОНКИ -->
    
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <!-- ПРАВАЯ КОЛОНКА (35%)                                               -->
    <!-- ═══════════════════════════════════════════════════════════════════ -->
    <aside class="sidebar">
        
        <!-- ВНЕШНИЕ ССЫЛКИ -->
        <!-- v8.0.0: H3 заменён на div.sidebar-title, убраны inline styles, добавлен aria-hidden -->
                        <div class="emitent-card">
            <div class="sidebar-title">
                <span aria-hidden="true">🔗</span>
                Официальные источники
            </div>
            <div class="emitent-links">
                                <a href="https://www.bspb.ru" 
                   class="emitent-link-btn" 
                   target="_blank" 
                   rel="nofollow noopener"
                   title="Перейти на официальный сайт компании ПАО БАНК САНКТ-ПЕТЕРБУРГ">
                    <span aria-hidden="true">🌐</span> Официальный сайт
                </a>
                                
                                
                                <a href="http://www.e-disclosure.ru/portal/company.aspx?id=3935" 
                   class="emitent-link-btn" 
                   target="_blank" 
                   rel="nofollow noopener"
                   title="Раскрытие информации эмитента ПАО БАНК САНКТ-ПЕТЕРБУРГ — официальные документы и отчётность">
                    <span aria-hidden="true">📰</span> Раскрытие информации
                </a>
                                
                                
                                
                            </div>
        </div>
                
        <!-- БЛОК ПЕРЕЛИНКОВКИ: ПОПУЛЯРНЫЕ ЭМИТЕНТЫ СЕКТОРА -->
        <!-- v8.3.0: Исправлен подсчёт - только инструменты с данными QUIK -->
        <!-- v8.2.0: Детальная информация о типах инструментов -->
        <!-- v8.1.0: Перемещён в sidebar, новый заголовок, title из БД -->
                
        <!-- ИНФОРМАЦИЯ ОБ ОБНОВЛЕНИИ -->
        <!-- v8.0.0: H3 заменён на div.sidebar-title, убраны inline styles, добавлен aria-hidden -->
        <div class="emitent-card">
            <div class="sidebar-title">
                <span aria-hidden="true">📅</span>
                Обновление данных
            </div>
            <div class="emitent-meta">
                <strong>Последнее обновление:</strong><br>
                12.11.2025, 09:50 МСК
            </div>
        </div>
        
    </aside>
    <!-- КОНЕЦ ПРАВОЙ КОЛОНКИ -->
    
</div>
<!-- КОНЕЦ STOCK-TWO-COLUMNS -->

</div>
<!-- КОНЕЦ КОНТЕЙНЕРА -->

<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- TOAST УВЕДОМЛЕНИЕ                                                      -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<div id="toast" class="toast" role="status" aria-live="polite" aria-atomic="true">
    <span>✓</span>
    <span id="toast-text">Скопировано</span>
</div>

