/***************/
/* Стили сайта */
/***************/

    :root {
      --yellow: #ffcc00;
      --yellow-rgb: 255, 204, 0;
      --red: #ca1a2b;
      --red-rgb: 202, 26, 43;
      --green: #999900;
      --green-rgb: 153, 153, 0;
      --gray-1: #111;
      --gray-2: #222;
      --gray-3: #333;
      --gray-4: #444;
      --gray-5: #555;
      --gray-6: #666;
      --gray-7: #777;
      --gray-8: #888;
      --gray-9: #999;
      --body-bg: var(--gray-2);
      --font: 'Circe',Arial,sans-serif;
    }
    
    /* Цвет выделения текста */
        *::selection {background: #ffcc00;}
    
    /* Скролл-бар */
        /* W3C standard для Firefox */
        * {
            scrollbar-width: 5px;
            scrollbar-height: 5px;
            scrollbar-color: #222222 #ffcc00;
        }
        /* для Chrome/Edge/Safari */
        *::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        *::-webkit-scrollbar-track {
            background: #222222;
        }
        *::-webkit-scrollbar-thumb {
            background: #ffcc00;
            border-radius: 10px;
            border: 0 solid;
        }

/****************/
/* Стили Тильды */
/****************/
    
    /* Потоки */
        pre.t-redactor__highlightcode {
            background: none !important;
            border: none !important;
            border-radius: 20px !important;
            overflow: hidden;
            margin: 2rem 0;
        }
        blockquote.t-redactor__quote {
            font-family: inherit !important;
            font-size: 18px !important;
            padding: 10px 20px !important;
            padding-left: 40px !important;
            background-color: var(--gray-3);
            border-left: 20px solid var(--green) !important;
            border-radius: 20px;
        }

    /* Zero-блок */
        /* Форма */
            .t-form-success-popup__wrapper {
                background-color: var(--body-bg) !important;
                border-radius: 20px !important;
            }
            .t-form-success-popup__wrapper a {
                color: var(--yellow) !important;
            }
            .t-form-success-popup__close-icon {
                fill: #fff;
            }
            .t-form-success-popup__wrapper svg:nth-child(2) {
                fill: var(--green) !important;
            }
    
    /*Личный кабинет*/
        /*Скрыть иконку пользователя*/
            .tlk-userbar, .tlk__userbar {
                display: none;
            }
        /*Скрыть редактирование почты*/
            #form-change-profile .tlk-popup__item:nth-child(2) {
                display: none;
            }

    /*Текст*/
        /*Пункты и списки*/
            .t004 ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            .t004 ul li {
                padding-left: 1em;
                text-indent: -1.9em;
            }
            .t004 ul li::before {
                content: "➤";
                color: var(--gray-5);
                margin-right: 1em;
            }
        /*Иконка в тексте с иконкой*/
            .t265__icon {
                top: 32px !important;
            }
    
    /*Видео*/
        .t121 *:not(.t-text, .t-descr) {
            border-radius: 20px;
        }
        .t116 *:not(.t-text, .t-descr) {
            border-radius: 20px;
        }
    
    /* Popup */
        .t-popup__container {border-radius: 20px;}
        .t1014__wrapper {border-radius: 20px;}
    
        /*Форма, инфо*/
            .t1014__img,
            .t702__img,
            .t390__img,
            .t945__img {border-radius: 20px;}
    
    /* Виджет с формой */
        .t708 .t708__popup-container {
            border-radius: 20px;
            box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
        }
    
    /* Форма */
        /*Сообщение об успехе*/
        .js-successbox, .t-form__successbox {border-radius: 20px;}
        /* Сообщение об ошибке */
        .t-form__errorbox-wrapper {
            background: #ffcc00 !important;
            border-radius: 20px;
        }
        .t-form__errorbox-text {
            color: #222222 !important;
        }
        .t-input-error {
            color: #ffcc00 !important;
        }
        .t-form .js-error-control-box .t-input:not(.t-input-phonemask), .t-form .js-error-control-box .t-checkbox__control, .t-form .js-error-control-box .t-checkboxes__wrapper, .t-form .js-error-control-box .t-select, .t-form .js-error-control-box .t-radio__wrapper, .t-form .js-error-control-box .uploadcare-widget {
            /*border: 1px solid #ffcc00 !important;*/
            border: none !important;
            padding: 0 !important;
        }
        .t-range__value-txt {
            border-radius: 5px !important;
            background-color: #333 !important;
        }

    /* Корзина */
        .t706__product-deleted__timer {
            color: #fff !important;
        }
        .t706__product-deleted__timer__counter__number {
            font-family: 'Circe', Arial, sans-serif !important;
            color: #ffcc00 !important;
            stroke: #ffcc00 !important;
        }
        .t706__product-deleted__timer__counter__circle circle {
            stroke: #ffcc00 !important;
        }
        .t706__product-imgdiv {
            border-radius: 10px !important;
            background-color: transparent !important;
        }
        .t706__cartwin-content {
            background-color: #222;
            border-radius: 20px;
        }
        .t706__product-title,
        .t706__product-quantity,
        .t706__product-amount,
        .t706__cartwin-totalamount-wrap,
        .t706__cartwin-prodamount-wrap {
            color: #fff !important;
        }
        .t706__product-minus img,
        .t706__product-plus img,
        .t706__product-del img {
            filter: invert();
        }
        .t706__product-quantity-inp {
            text-align: center !important;
            color: #fff !important;
            background-color: #333333 !important;
            border: none !important;
            border-radius: 50px !important;
            padding-top: 4px !important;
            padding-bottom: 0px !important;
        }
        .t706__cartwin-top {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        .t706__cartwin-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        /*Промокод*/
        .t-inputpromocode__wrapper {
            width: calc(100% + 30px) !important;
            position: relative;
            left: -15px;
            border-collapse: separate;
            border-spacing: 15px 0px;
        }
        .t-inputpromocode__btn.t-btn {
            color: #222222 !important;
            background-color: #ffcc00 !important;
            border: 1px solid #ffcc00;
            transition: all .2s ease;
        }
        .t-inputpromocode__btn.t-btn:hover {
            color: #ffcc00 !important;
            background-color: #222222 !important;
            border: 1px solid #ffcc00;
        }
    
    /* Магазин */
        .t-store__filter__range_bg {
            background-color: #ffcc00 !important;
        }
        .t-store__filter__price-outer {
            background-color: #333 !important;
        }
        
        /* ST310N */
            .t778__bgimg {
                border-radius: 20px;
            }
    
    /* Карточки в списке страниц */
        .t404__img {
            border-radius: 20px;
        }

    /* Изображение IM01 */
        .t107__width {
            border-radius: 10px;
            box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
        }
        @media screen and (max-width: 620px) {
            .t107__width {
                margin: 0 20px;
                width: calc(100% - 40px);
            }
        }
    
    /* Первая обложка на странице */
        /*.uc-cover-top .t-cover__carrier {*/
        /*    background-size: contain !important;*/
        /*    -webkit-background-size: contain !important;*/
        /*    -moz-background-size: contain !important;*/
        /*    -o-background-size: contain !important;*/
        /*    background-repeat: repeat !important;*/
        /*}*/
        .uc-cover-top .t-cover__filter {
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            box-shadow: inset 0 -30px 30px 0 rgba(0,0,0,.2);
        }
        @media screen and (max-width: 645px) {
            /*.uc-cover-top .t-cover__carrier {*/
            /*    background-size: cover !important;*/
            /*    -webkit-background-size: cover !important;*/
            /*    -moz-background-size: cover !important;*/
            /*    -o-background-size: cover !important;*/
            /*}*/
            .uc-cover-top .t-cover__carrier {
                background-attachment: fixed !important;
            }
            .uc-cover-top .t-cover,
            .uc-cover-top .t-cover__carrier,
            .uc-cover-top .t-cover__filter {
                height: 400px !important;
            }
        }

/**************/
/* Свои стили */
/**************/
    
    /*Видео Яндекс.Дзен*/
    .dzen-video {
        width: 760px;
        height: 400px;
        border-radius: 10px;
        background: #222222;
        overflow: hidden;
    }
    @media screen and (max-width: 1200px) {
        .dzen-video {
            width: 620px;
            height: 320px;
        }
    }
    @media screen and (max-width: 640px) {
        .dzen-video {
            width: 460px;
            height: 240px;
        }
    }
    @media screen and (max-width: 480px) {
        .dzen-video {
            width: 100%;
        }
    }
    
    /* Tomorrow Night Theme */
    /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
    /* Original theme - https://github.com/chriskempson/tomorrow-theme */
    /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
    
    /* Tomorrow Comment */
        .hljs-comment,
        .hljs-title {
            color: #969896;
        }
        
    /* Tomorrow Red */
        .hljs-variable,
        .hljs-attribute,
        .hljs-tag,
        .hljs-regexp,
        .ruby .hljs-constant,
        .xml .hljs-tag .hljs-title,
        .xml .hljs-pi,
        .xml .hljs-doctype,
        .html .hljs-doctype,
        .css .hljs-id,
        .css .hljs-class,
        .css .hljs-pseudo {
            color: #cc6666;
        }
        
    /* Tomorrow Orange */
        .hljs-number,
        .hljs-preprocessor,
        .hljs-pragma,
        .hljs-built_in,
        .hljs-literal,
        .hljs-params,
        .hljs-constant {
            color: #de935f;
        }
        
    /* Tomorrow Yellow */
        .ruby .hljs-class .hljs-title,
        .css .hljs-rules .hljs-attribute {
            color: #f0c674;
        }
        
    /* Tomorrow Green */
        .hljs-string,
        .hljs-value,
        .hljs-inheritance,
        .hljs-header,
        .ruby .hljs-symbol,
        .xml .hljs-cdata {
            color: #b5bd68;
        }
        
    /* Tomorrow Aqua */
        .css .hljs-hexcolor {
            color: #8abeb7;
        }
        
    /* Tomorrow Blue */
        .hljs-function,
        .python .hljs-decorator,
        .python .hljs-title,
        .ruby .hljs-function .hljs-title,
        .ruby .hljs-title .hljs-keyword,
        .perl .hljs-sub,
        .javascript .hljs-title,
        .coffeescript .hljs-title {
            color: #81a2be;
        }
        
    /* Tomorrow Purple */
        .hljs-keyword,
        .javascript .hljs-function {
            color: #b294bb;
        }
        
        .hljs {
            display: block;
            background: #1d1f21;
            color: #c5c8c6;
            padding: 0.5em;
        }
        
        .coffeescript .javascript,
        .javascript .xml,
        .tex .hljs-formula,
        .xml .javascript,
        .xml .vbscript,
        .xml .css,
        .xml .hljs-cdata {
            /*opacity: 0.5;*/
            opacity: 1;
        }

    /* HighLight JavaScript code (Tommorow Night + Necodim) */
        .hljs {
            display: block;
            overflow-x: auto;
            overflow-y: scroll;
            max-height: 300px;
            background-color: rgb(51, 51, 51);
            color: rgb(197, 200, 198);
            padding: 2em;
            border: 0 solid;
            border-radius: 20px;
            /*font-family: 'Circe',Arial,sans-serif;*/
            font-family: 'Source Code Pro', monospace;
            font-weight: 300;
            font-size: 14px;
            line-height: 1.5;
            
            /* Скролл-бар W3C standard для Firefox */
            scrollbar-width: 4px;
            scrollbar-height: 0px;
            scrollbar-color: transparent #ffcc00;
        }
        /* Скролл-бар для Chrome/Edge/Safari */
        .hljs::-webkit-scrollbar {
            width: 4px;
            height: 0px;
        }
        .hljs::-webkit-scrollbar-track {
            background: transparent;
        }
        .hljs::-webkit-scrollbar-thumb {
            background: #ffcc00;
            border-radius: 10px;
            border: 0 solid;
        }