/* Start:/local/components/digt/landing.product/templates/.c5/style.css?178478393915167*/
/**
 * Блок «Купить продукт», легаси-вёрстка (present_block_product / product_flex_c5).
 * Правила перенесены из bitrix/templates/CryptoARM_2021/template_styles.css,
 * относительные url(/local/components/digt/landing.product/templates/.c5/) заменены на абсолютные пути шаблона сайта.
 */

/* --- Контейнеры блока --------------------------------------------------- */

.present_block {
    margin: 0 auto;
    margin-top: 73px;
}

.present_block_in {
    background: #F4F5FA;
    margin: 0 auto;
    padding: 80px 0;
}

.present_block_product {
    margin-top: 129px;
    margin-bottom: 60px;
}

.present_block_product .present_block_in {
    padding: 64px 0;
}

.present_block_product .how_start_work_header {
    margin-bottom: 60px;
}

.product_header_block {
    font-size: 42px;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
    margin-bottom: 64px;
    color: #1D1B1A;
}

.product_flex_c5 {
    display: flex;
    width: 1160px;
    margin: 0 auto;
}

.product_flex_select_c5 {
    width: 260px;
    margin-right: 40px;
}

.product_flex_dop_prod_c5 {
    width: 463px;
    border-right: 1px solid #CFD1D6;
}

.product_flex_price_c5 {
    width: 359px;
    padding-left: 41px;
}

.product_flex_price_c5_mobile {
    display: none;
}

/* Картинка товара (DISPLAY_IMAGE = Y) — отдельной колонкой слева и того же
   размера, что в шаблоне .default: 200×200 в блоке высотой 220px */
.product_flex_img_c5 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 200px;
    width: 200px;
    height: 220px;
}

.product_flex_img_c5 img {
    width: 200px;
    height: 200px;
}

/* Ширины колонок легаси-сетки (260 + 463 + 359 = 1160) пересчитаны так,
   чтобы вместе с картинкой строка по-прежнему укладывалась в 1160px:
   200+32 (картинка) + 260+32 (переключатели) + 366 (доп.) + 270 (цена).
   Колонка переключателей сохраняет исходные 260px — её подписи выводятся
   с width: max-content и в более узкую колонку не помещались.
   min-width: 451px — ниже этого порога колонки складываются в столбец. */
@media screen and (min-width: 451px) {

    /* border-box, чтобы рамка и внутренний отступ не прибавлялись к ширинам */
    .product_change_with_image .product_flex_select_c5,
    .product_change_with_image .product_flex_dop_prod_c5,
    .product_change_with_image .product_flex_price_c5 {
        box-sizing: border-box;
    }

    .product_change_with_image .product_flex_img_c5 {
        margin-right: 32px;
    }

    .product_change_with_image .product_flex_select_c5 {
        margin-right: 32px;
    }

    .product_change_with_image .product_flex_dop_prod_c5 {
        width: 366px;
    }

    .product_change_with_image .product_flex_price_c5 {
        width: 270px;
        padding-left: 31px;
    }

    /* .product_detail_about жёстко 260px — в суженной колонке текст бы выехал */
    .product_change_with_image .product_detail_about {
        width: auto;
    }

    /* Подстраховка для длинных подписей: не помещается — переносится, а не вылезает */
    .product_change_with_image .what_select_item label,
    .product_change_with_image .add_product_item_text label {
        max-width: 100%;
    }
}

/* --- Переключатели вариантов -------------------------------------------- */

.what_select {
    margin-bottom: 27px;
}

.name_what_select p {
    color: #7E828B;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
}

.what_select_flex {
    display: flex;
    margin-top: 13px;
}

.product_change .what_select_flex {
    flex-wrap: wrap;
    gap: 10px;
}

.what_select_item {
    margin-right: 12px;
}

.what_select_item input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.what_select_item label {
    padding: 3px 8px 5px 8px;
    cursor: pointer;
    color: #454547;
    font-size: 15px;
    transition: 0.1s;
    line-height: 22px;
    text-align: left;
    border-radius: 6px;
    border: 1px solid #CFD1D6;
}

.product_change .what_select_item label {
    width: max-content;
    display: block;
}

.what_select_item label:hover {
    border: 1px solid #454547;
}

.what_select_item input[type=radio]:checked+label {
    border: 1px solid #CC4533;
}

.what_select_item input:focus+label {
    border: 1px solid #CC4533;
}

.what_select_item_c5 label {
    background: #fff;
}

/* Наследие легаси-разметки: группы 2-4 скрывались при перерисовке блока */
#what_select_2,
#what_select_3,
#what_select_4 {
    display: none;
}

/* --- Количество ---------------------------------------------------------- */

.select_number_item {
    display: flex;
    max-width: 88px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #CFD1D6;
    text-decoration: none;
    margin-top: 8px;
    transition: border 0.1s ease;
}

.select_number_item:hover {
    border: 1px solid #28282A;
}

.select_number_item input {
    padding: 0 12.5px;
    border: 0;
    background: #fff;
    cursor: pointer;
    border-radius: 6px;
}

#num_count {
    width: 28px;
    padding: 0 !important;
    text-align: center;
    cursor: text;
}

#button_minus {
    transition: background 0.1s ease;
    background-image: url(/bitrix/templates/CryptoARM_2021/images/minus.svg);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -99999px;
    width: 100%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#button_minus:hover {
    background: #CC4533;
    background-image: url(/bitrix/templates/CryptoARM_2021/images/minus2.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    border: 1px solid #cc4533;
    padding: -1px;
    margin: -1px;
    margin-right: 1px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
    margin-left: -2px;
}

#button_plus {
    transition: background 0.1s ease;
    background-image: url(/bitrix/templates/CryptoARM_2021/images/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -99999px;
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#button_plus:hover {
    background: #CC4533;
    background-image: url(/bitrix/templates/CryptoARM_2021/images/plus2.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    border: 1px solid #cc4533;
    padding: -1px;
    margin: -1px;
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0;
}

/* --- Доп. товары --------------------------------------------------------- */

.add_product {
    margin-left: -10px;
}

.add_product_item {
    display: flex;
    margin: 10px 0;
    margin-bottom: 16px;
    margin-left: -2px;
}

.add_product_item_check input {
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.add_product_item_check input:focus {
    border-color: #CFD1D6;
}

.add_product_item_text label {
    color: #28282A;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    margin-left: 13px;
    margin-right: 8px;
    cursor: pointer;
    max-width: 400px;
    display: block;
    width: 100%;
}

.add_product_item_text p {
    color: #28282A;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    margin-left: 10px;
    margin-right: 8px;
    cursor: pointer;
}

.add_product_item_text a {
    color: #28282A;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    max-width: 400px;
    display: block;
    width: 100%;
    text-decoration: none;
}

.add_product_item_text a:hover {
    color: #CC4533;
}

.add_product_item_price {
    color: #7E828B;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
}

.add_product_item_question {
    height: 24px;
}

.add_product_item_question img {
    width: 18px;
    height: 18.5px;
    margin: 2.75px 8px;
}

/* Чекбоксы доп. товаров — стилизация из шаблона сайта, ограниченная блоком */
.js-landing-product input[type="checkbox"] {
    position: absolute;
    left: -999em;
    line-height: 2.1ex;
}

.js-landing-product input[type="checkbox"]+label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.js-landing-product input[type="checkbox"]+label::before {
    content: "";
    display: inline-block;
    vertical-align: -15%;
    height: 16px;
    width: 16px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #CFD1D6;
    border-radius: 3px;
    margin-right: 11px;
    transition: border 0.2s ease;
}

.js-landing-product input[type="checkbox"]:hover+label::before {
    border: 1px solid #454547;
}

.js-landing-product input[type="checkbox"]:checked+label::before {
    background-color: #CC4533;
    border: 1px solid #CC4533;
}

.js-landing-product input[type="checkbox"]:checked+label::after {
    content: '';
    position: absolute;
    width: 1.2ex;
    height: 0.4ex;
    background: rgba(0, 0, 0, 0);
    left: 0.4ex;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 1ex;
}

/* --- Подсказка «?» ------------------------------------------------------- */

.dropdown_dopoln {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 448px;
    max-height: 206px;
    border-radius: 6px;
    z-index: 1;
    text-align: left;
    margin-left: -224px;
    box-shadow: 0px 16px 24px rgba(40, 40, 42, 0.08), 0px 2px 6px rgba(40, 40, 42, 0.06), 0px 0px 1px rgba(40, 40, 42, 0.06);
    -webkit-animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.dropdown_dopoln p {
    padding: 16px 24px 20px 24px;
    font-size: 15px;
    line-height: 24px;
}

.add_product_item_question:hover .dropdown_dopoln {
    display: block;
    margin-top: -5px;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* --- Итоговая цена и корзина --------------------------------------------- */

.product_shop_name_c5 p {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #28282A;
    margin-bottom: 16px;
}

#result_name_url {
    text-decoration: none;
}

/* Строка под названием товара в легаси-вёрстке скрыта */
#result_dop1,
#result_dop2,
#result_dop3,
#result_dop4,
#result_dop5,
#result_dop6,
#result_dop7,
#result_dop8,
#result_dop9,
#result_dop10,
#result_dop11,
#result_dop12,
#result_dop13,
#result_dop14,
#result_dop15,
#result_dop16 {
    display: none;
}

.product_shop_price_final_dop_c5 p {
    font-size: 15px;
    line-height: 24px;
    color: #28282A;
    margin-bottom: 4px;
}

.product_shop_price_final_c5 p {
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    color: #28282A;
    margin-bottom: 20px;
    margin-top: 24px;
}

.product_add_basket {
    margin: 35px 0;
    margin-bottom: 45px;
    margin-top: 32px;
}

.product_add_basket a {
    text-decoration: none;
    padding: 13px 31px 15px 31px;
    font-size: 18px;
    background: #CC4533;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #CC4533;
    cursor: pointer;
    transition: background 0.2s ease;
}

.product_add_basket a:hover {
    color: #CC4533;
    background: #fff;
}

.product_flex_price_c5 .product_add_basket {
    margin: 36px 0;
}

.product_flex_price_c5 .product_add_basket a {
    font-size: 18px;
    line-height: 24px;
}

.product_flex_price_c5 .product_add_basket a:hover {
    color: #fff;
    background: #CC4533;
}

.product_detail_about {
    width: 260px;
}

.product_detail_about p {
    color: #7E828B;
    font-size: 15px;
    line-height: 24px;
}

/* --- Адаптив ------------------------------------------------------------- */

@media screen and (max-width: 450px) {
    .product_flex_c5 {
        display: block;
        width: 100%;
        padding: 0 20px;
        margin-top: -8px;
        box-sizing: border-box;
    }

    .product_flex_select_c5 {
        width: auto;
        margin-right: 0;
    }

    .product_flex_img_c5 {
        margin: 0 auto 24px;
    }

    .product_flex_dop_prod_c5 {
        width: 100%;
        border: none;
        margin: 0 20px;
    }

    .product_flex_price_c5 {
        width: 100%;
        padding: 0;
        margin-top: 32px;
        clear: both;
        margin: 0 20px;
    }

    .product_flex_price_c5_mobile {
        display: block;
        margin: 0;
    }

    .what_select {
        margin-bottom: 23px;
    }

    .what_select_flex {
        flex-direction: column;
        gap: 12px;
    }

    .add_product {
        margin-left: 0;
        clear: both;
        height: 50px;
    }

    .add_product_item {
        width: 100%;
        height: 22px;
        display: block;
    }

    .add_product_item_price {
        float: left;
    }

    .add_product_item_text label {
        margin-left: 0;
        font-size: 13px;
    }

    .add_product_item_question .dropdown_dopoln {
        width: 90%;
        max-height: 300px;
        margin: 0 auto;
        box-shadow: 0px 16px 24px rgb(40 40 42 / 10%), 0px 2px 6px rgb(40 40 42 / 20%), 0px 0px 1px rgb(40 40 42 / 10%);
    }

    .js-landing-product input[type="checkbox"]+label::before {
        margin-right: 4px;
    }

    .product_add_basket {
        text-align: left;
    }

    .product_flex_price_c5 .product_add_basket {
        margin-top: 36px;
        margin-bottom: 32px;
    }

    .product_shop_price_final_c5 p {
        margin-top: 16px;
    }

    .product_detail_about p {
        line-height: 20px;
        font-size: 14px;
    }

    #button_plus:hover {
        background-color: #fff;
        border-color: #28282A;
        background-image: url(/bitrix/templates/CryptoARM_2021/images/plus.svg);
    }

    #button_minus:hover {
        background-color: #fff;
        border-color: #28282A;
        background-image: url(/bitrix/templates/CryptoARM_2021/images/minus.svg);
    }
}

@media(max-width:600px) {
    .product_flex_dop_prod_c5 {
        margin: 0;
    }

    .product_flex_price_c5 {
        margin: 0;
    }

    .present_block_product .how_start_work_header {
        margin-left: 20px;
        margin-bottom: 40px;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1667588633675*/
div.modern-page-navigation{padding:.5em 0}div.modern-page-navigation a,span.modern-page-current,span.modern-page-dots{border-left-width:1px;border-left-style:solid;padding-left:.75em;padding-right:.5em;text-decoration:none}div.modern-page-navigation a.modern-page-previous{border-right-width:1px;border-right-style:solid;border-left:0}div.modern-page-navigation a.modern-page-first,div.modern-page-navigation span.modern-page-first{border-left:0;padding-left:.5em}span.modern-page-current{font-weight:var(--ui-font-weight-bold)}div.modern-page-navigation a,span.modern-page-current,div.modern-page-navigation a.modern-page-previous,span.modern-page-dots{border-color:#cdcdcd}
/* End */


/* Start:/bitrix/templates/CryptoARM_2021/components/bitrix/news/news-list-main/bitrix/news.list/.default/style.css?1694602639808*/

div.news-list div.news-item {
	
	
	
	border-top: solid 1px #d3d3d3;
    display: block;
    width: 930px;
    margin: 0 auto;
	padding: 25px 0px;
}


div.news-list img.preview_picture
{
	background-color:white;
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
div.news-list {
	padding-top:20px;
    background-color: white;
}
.news-item td {text-align:left; color:#222222;}
.news-date-time {font-size:17px; color:#222222;}
.news-item .news-name {text-decoration:none; font-size:22px; color:#d6523d; font-weight:normal;}
.news-prev-text {margin-top:10px;}
.read-next {color:#222222; padding:8px 20px; background-color:#eaeaea;width:100px; font-size:17px; font-weight:bold; margin-top:10px;}
.read-next:hover {color:white; background-color:#d6523d;}
.news-list font {text-align: left;}

/* End */
/* /local/components/digt/landing.product/templates/.c5/style.css?178478393915167 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1667588633675 */
/* /bitrix/templates/CryptoARM_2021/components/bitrix/news/news-list-main/bitrix/news.list/.default/style.css?1694602639808 */