/* Start:/bitrix/templates/harmonia/components/bitrix/news/courses/bitrix/news.list/.default/style.css?17927559905566*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
.stocks_wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .stocks_block {
            display: flex;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            width: 100%; 
            max-width: 1200px; /* Идеально для больших экранов */
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
        }

        .stocks_img {
            width: 320px;
            flex-shrink: 0; 
            background-color: #f0f0f0;
            background-size: cover;
            background-position: center;
            background-image: url('https://garmoniya-center.ru/upload/iblock/32b/32bd67be37df2631c1a98d0779d644d7.jpg'); 
        }

        .stocks_content {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            padding: 30px;
        }

        .stocks_title {
            font-size: 22px;
            font-weight: bold;
            color: #7a9726;
            text-decoration: none;
            margin-bottom: 10px;
            display: block;
        }

        .notices { display: flex; gap: 8px; margin-bottom: 10px; }
        .notice { padding: 4px 10px; border-radius: 4px; font-size: 13px; color: #fff; font-weight: bold; }
        .notice_red { background: #d32f2f; }
        .notice_yellow { background: #ffd11f; color: #000; }
        .notice_pink { background: #df73b4; margin-bottom: 20px;}

        .stocks_footer {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: auto;
            border-top: 1px solid #f0f0f0;
            padding-top: 20px;
        }

        .stocks_price { font-size: 26px; font-weight: bold; color: #000; line-height: 1; }
        .stocks_price span { font-size: 16px; font-weight: normal; }

        .stocks_center { flex-grow: 1; padding: 0 30px; }
        .information { font-size: 14px; margin-bottom: 6px; }
        .information .text { color: #000; margin-left: 5px; }

        .stocks_right .button_green {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: #7a9726;
            border-radius: 50%;
            color: white;
            text-decoration: none;
        }
        .stocks_right .button_green::after { content: '→'; font-size: 20px; }

        /* ОБЩАЯ ГЛАВНАЯ КНОПКА */
        .stocks_footer-left { display: flex; flex-direction: column; min-width: 280px; }
        
        .btn-primary-action {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #7a9726;
            color: #ffffff;
            height: 44px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: bold;
            font-size: 15px;
            transition: background-color 0.2s;
            border: none;
            cursor: pointer;
            width: 100%;
        }
        .btn-primary-action:hover { background-color: #647d1f; }

        /* ==========================================
           СТИЛИ ВАРИАНТ 1 (Плитки с суммами)
           ========================================== */
        .finance-tiles {
            display: flex;
            gap: 8px;
            margin-top: 10px;
        }
        .finance-tile {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 6px 4px;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            transition: opacity 0.2s, transform 0.1s;
            text-decoration: none;
        }
        .finance-tile:hover { opacity: 0.9; transform: translateY(-1px); }
        .finance-tile .f-title { font-size: 13px; font-weight: bold; margin-bottom: 2px; }
        .finance-tile .f-desc { font-size: 11px; font-weight: normal; opacity: 0.9; }

        .tile-tinkoff { background-color: #ffd11f; color: #000; }
        .tile-dolami { background-color: #000; color: #fff; }

        /* ==========================================
           СТИЛИ ВАРИАНТ 2 (Полноформатные кнопки)
           ========================================== */
        .finance-stacked {
            display: flex;
            flex-direction: column;
            gap: 6px;
            margin-top: 10px;
        }
        .btn-stacked {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 16px;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            text-decoration: none;
            transition: opacity 0.2s;
        }
        .btn-stacked:hover { opacity: 0.85; }
        
        .stacked-tinkoff { background-color: #ffd11f; color: #000; }
        .stacked-tinkoff .st-title { font-size: 13px; font-weight: bold; }
        .stacked-tinkoff .st-desc { font-size: 13px; font-weight: 500; }

        .stacked-dolami { background-color: #000; color: #fff; }
        .stacked-dolami svg { height: 16px; width: auto; fill: #fff; }
        .stacked-dolami .st-desc { font-size: 13px; font-weight: 500; }
/* End */
/* /bitrix/templates/harmonia/components/bitrix/news/courses/bitrix/news.list/.default/style.css?17927559905566 */