.t706__cartwin-content {
    /* Укажи цвет фона корзины */
    background-color: #f9f9f9 !important;
    /* Укажи радиус окна корзины */
    border-radius: 10px;
}

.t706__cartwin-heading {
    /* Укажи цвет заголовка окна корзины */
    color: #5b5a5f !important;
}

.t706__product-title {
    /* Укажи цвет заголовка в карточке товара */
    color: #5b5a5f !important;
}
.t706__product-title__option {
    /* Укажи цвет описания в карточке товара */
    color: #8d8c8f !important;
    opacity: 1 !important;
}

.t706__product-quantity,
.t706__product-quantity-inp {
    /* Укажи цвет количества товара */
    color: #8d8c8f !important;
}

.t706__product-quantity:hover,
.t706__product-quantity_editing:hover
    {
    /* Укажи цвет бордюра, который появляется при наведении на количество товара */
    border: 1px solid #ececec !important;
    border-radius: 5px;
    display: inline-block;
}

.t706__product-amount {
    /* Укажи цвет цены в карточке товара */
    color: #fa8d62 !important;
}

.t706__cartwin-prodamount-wrap {
    /* Укажи цвет суммы заказа */
    color: #fa8d62 !important;
}

.t706__cartwin-top {
    /* Укажи толщину и цвет верхней линии */
    border-bottom: 1px solid #ececec;
}
.t706__cartwin-bottom {
    /* Укажи толщину и цвет нижней линии */
    border-top: 1px solid #ececec;
}

.t706__product-plus,
.t706__product-minus,
.t706__product-del {
    opacity: 1!important;
}
.t706__product-plus img,
.t706__product-minus img,
.t706__product-del img{
    display: none;
}
.t706__product-plus:before,
.t706__product-minus:before,
.t706__product-del:before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.t706__product-del:before {
    width: 20px;
    height: 20px;
    top: 2px;
}
.t706__product-plus:before {
    /* Укажи ссылку на иконку «Плюс» */
    background-image: url('https://thumb.tildacdn.com/tild6430-6330-4731-b466-346666343937/-/resize/512x/-/format/webp/plus_1.png') !important;
    background-position: 50% 50%;
}
.t706__product-minus:before {
    /* Укажи ссылку на иконку «Минус» */
    background-image: url('https://thumb.tildacdn.com/tild6461-3938-4739-a265-316339323636/-/resize/512x/-/format/webp/minus_1.png') !important;
    background-position: 50% 50%;
}
.t706__product-del:before {
    /* Укажи ссылку на иконку «Крестик» */
    background-image: url('https://thumb.tildacdn.com/tild3934-3032-4133-a135-616335313161/-/resize/512x/-/format/webp/multiplication.png') !important;
    background-position: 50% 50%;
}



.t706__cartwin-top {
    /* Укажи толщину и цвет верхней линии */
    border-bottom: 1px solid #ececec;
}
.t706__cartwin-bottom {
    /* Укажи толщину и цвет нижней линии */
    border-top: 1px solid #ececec;
}

.t706__product-plus,
.t706__product-minus,
.t706__product-del {
    opacity: 1!important;
}
.t706__product-plus img,
.t706__product-minus img,
.t706__product-del img{
    display: none;
}
.t706__product-plus:before,
.t706__product-minus:before,
.t706__product-del:before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.t706__product-del:before {
    width: 20px;
    height: 20px;
    top: 2px;
}
.t706__product-plus:before {
    /* Укажи ссылку на иконку «Плюс» */
    background-image: url('https://static.tildacdn.com/tild3762-6633-4138-a563-363266613365/arrows_circle_plus.svg');
    background-position: 50% 50%;
}
.t706__product-minus:before {
    /* Укажи ссылку на иконку «Минус» */
    background-image: url('https://static.tildacdn.com/tild3737-6338-4130-b631-356634356366/arrows_circle_minus.svg');
    background-position: 50% 50%;
}
.t706__product-del:before {
    /* Укажи ссылку на иконку «Крестик» */
    background-image: url('https://static.tildacdn.com/tild3237-6263-4363-a239-313862383964/arrows_circle_remove.svg');
    background-position: 50% 50%;
}
.t-descr a {
    border-bottom: 0px !important;
    box-shadow: inset 0px 0px 0px 0px !important;
}

.t450__burger_bg {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-tap-highlight-color: transparent !important;
}

@media screen and (min-width: 1201px) {
    ::-webkit-scrollbar-thumb {
        /* Укажи цвет скроллбара */
        background: #2b616d;
        /* Укажи радиус скругления скроллбара */
        border-radius: 10px;
    }
    ::-webkit-scrollbar {
        /* Укажи ширину вертикального скроллбара */
        width: 7px;
        /* Укажи высоту горизонтального скроллбара */
        height: 7px;
        /* Укажи цвет фона под скроллбаром */
        background: #001600;
    }
    
.t-input {
    font-size:18px !important;
}
}
.fog {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
}
.fog::before,
.fog::after,
.fog div::before, 
.fog div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
}
.fog div::before, 
.fog div::after    {
    left: 100%;
}
.fog::before, 
.fog div::before {
    background-image: url("https://static.tildacdn.com/tild3731-3034-4263-a637-323838376536/fog-1.png");
    animation: fogmove 20s linear 0s infinite;
    opacity: 20%;
}
.fog::after, 
.fog div::after {
    background-image: url("https://static.tildacdn.com/tild6537-3965-4339-a537-366336306438/fog-2.png");
    animation: fogmove 10s linear 0s infinite;
    opacity: 20%;
}
@keyframes fogmove {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}
.scrollDisabled {   
    position: fixed;
    margin-top: 0;// override by JS to use acc to curr $(window).scrollTop()
    width: 100%;
}

.arrow-btn .tn-atom:before {
    content: '';
    width: 60px;
    height: 60px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(https://ie.wampi.ru/2022/12/04/play.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
}
.arrow-btn .tn-atom:after {
    content: '';
    width: 60px;
    height: 60px;
    /*устанавливаем цвет фона под иконкой*/
    background-color: #85c1d9;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    left:0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    border-radius: 100px;    
}
.arrow-btn .tn-atom {
    text-align:left;
    padding-right: 30px;
    
}
.arrow-btn:hover .tn-atom:after {
    width: 100% !important;
    border: 1px #fff;
}
.arrow-btn:hover .tn-atom:before {
    padding-left: 20px;
    margin-right: -10px;
}

.arrow-btn {
    width: fit-content !important;
}


@media screen and (max-width: 1920px) {
.NavIconWrap {
    display: flex !important;
}

    :root {
        
        /*Бургер*/
        --BurgerColor: #4f5d75; /*цвет полосок на иконке меню*/
        --BurgerBGColor: #; /*цвет окружности на иконке меню*/
        --BurgerBGWidth: 50px; /*ширина бургера*/
        --BurgerBGHeight: 50px; /*высота бургера*/
        
        /*Расположение меню*/
        --NavTop: 13px; /*отступ полосок меню сверху*/
        --NavRight: 130px; /*отступ полосок меню справа*/
        --NavBurgerBGTop: 15px; /*отступ окружности меню сверху*/
        --NavBurgerBGRight: 130px; /*отступ окружности меню справа*/
        --MenuPosition: fixed; /* позиционирование меню: absolute - без фиксации, при скролле. fixed - с фиксацией */
        --MenuPadding: 15px; /*растояние для сдвига текста на меню вверх (меню-закрыть) */
        --NavIconActivePadding: 130px; /*отступ меню справа, при открытии/
        
        /*Расположение меню на телефоне*/
        --NavTop480: 13px; /*отступ иконки меню сверху*/
        --NavRight480: 150px; /*отступ иконки меню справа*/
        --NavBurgerBGTop480: 15px; /*отступ окружности меню сверху*/
        --NavBurgerBGRight480: 130px; /*отступ окружности меню справа*/
        --MenuPosition480: absolute; /*позиционирование меню на телефоне: absolute - без фиксации, при скролле. fixed - с фиксацией */
    }
    
.gradient .tn-atom {
    animation: gradient 15s ease infinite;
    background: linear-gradient(-45deg, rgb(238 119 82), rgb(231 60 126), rgb(35 166 213), rgb(35 213 171));
	background: -moz-linear-gradient(-45deg, rgb(238 119 82), rgb(231 60 126), rgb(35 166 213), rgb(35 213 171));
    background: -webkit-linear-gradient(-45deg, rgb(238 119 82), rgb(231 60 126), rgb(35 166 213), rgb(35 213 171));
    background: -o-linear-gradient(-45deg, rgb(238 119 82), rgb(231 60 126), rgb(35 166 213), rgb(35 213 171));
    background: -ms-linear-gradient(-45deg, rgb(238 119 82), rgb(231 60 126), rgb(35 166 213), rgb(35 213 171));
    background: linear-gradient(-45deg, rgb(238 119 82), rgb(231 60 126), rgb(35 166 213), rgb(35 213 171));
    background-size: 400% 400%;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    }
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.rolling-text .tn-atom a {
  display: inline-block;
  line-height: 100%;
  height: 1em !important;
  overflow: hidden;
}
.rolling-text .tn-atom a:hover .letter, .rolling-text.play .letter {
  transform: translateY(-100%);
}
.rolling-text .block:last-child {
  color: #ef8354;
}
.rolling-text .letter {
  display: inline-block;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter:nth-child(1) {
  transition-delay: 0s;
}

.letter:nth-child(2) {
  transition-delay: 0.03s;
}

.letter:nth-child(3) {
  transition-delay: 0.06s;
}

.letter:nth-child(4) {
  transition-delay: 0.09s;
}

.letter:nth-child(5) {
  transition-delay: 0.12s;
}

.letter:nth-child(6) {
  transition-delay: 0.15s;
}

.letter:nth-child(7) {
  transition-delay: 0.18s;
}

.letter:nth-child(8) {
  transition-delay: 0.21s;
}

.letter:nth-child(9) {
  transition-delay: 0.24s;
}

.letter:nth-child(10) {
  transition-delay: 0.27s;
}

.letter:nth-child(11) {
  transition-delay: 0.3s;
}

.letter:nth-child(12) {
  transition-delay: 0.33s;
}

.letter:nth-child(13) {
  transition-delay: 0.36s;
}

.letter:nth-child(14) {
  transition-delay: 0.39s;
}

.letter:nth-child(15) {
  transition-delay: 0.42s;
}

.letter:nth-child(16) {
  transition-delay: 0.45s;
}

.letter:nth-child(17) {
  transition-delay: 0.48s;
}

.letter:nth-child(18) {
  transition-delay: 0.51s;
}

.letter:nth-child(19) {
  transition-delay: 0.54s;
}

.letter:nth-child(20) {
  transition-delay: 0.57s;
}
.t554__card {
    margin-left: -70px;
}
.nicelike{
    border: none;
    position: relative;
    transition: 500ms ease all;
    outline: none;
    overflow: hidden;
    z-index:1;
    transition: 500ms ease all !important;
    width: 200px;
    }
    .nicelike:hover{
    text-indent: -20px;
    transition: all 0.2s linear 0s;
    }
   
    .nicelike:before
    
    {
    content: "\0020BD";
    font-family: Arial;
    font-size: 25px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: -60px;
    width: 60px;
    height: 100%;
    background-color: #ef8354;
    border-radius: 25px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-align: center;
    
}
   
    .nicelike:hover:before 
    {
    right: 0;
    text-indent: 0px;
    }
.nicelike1 {
    border: none;
    position: relative;
    transition: 500ms ease all;
    outline: none;
    overflow: hidden;
    z-index:1;
    transition: 500ms ease all !important;
    width: 200px;
    }
    .nicelike1:hover{
    text-indent: -20px;
    transition: all 0.2s linear 0s;
    }
   
    .nicelike1:before
    
    {
    content: "\2709";
    font-family: Arial;
    font-size: 25px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: -60px;
    width: 60px;
    height: 100%;
    background-color: #ef8354;
    border-radius: 25px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-align: center;
    
}
   
    .nicelike1:hover:before 
    {
    right: 0;
    text-indent: 0px;
    }
.nicelike2 {
    border: none;
    position: relative;
    transition: 500ms ease all;
    outline: none;
    overflow: hidden;
    z-index:1;
    transition: 500ms ease all !important;
    width: 200px;
    }
    .nicelike2:hover{
    text-indent: -20px;
    transition: all 0.2s linear 0s;
    }
   
    .nicelike2:before
    
    {
    content: "\25B7";
    font-family: Arial;
    font-size: 25px;
    color: #fff;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: -60px;
    width: 60px;
    height: 100%;
    background-color: #ef8354;
    border-radius: 25px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-align: center;
    
}
   
    .nicelike2:hover:before 
    {
    right: 0;
    text-indent: 0px;
    }
    
    #blob {
    position: relative;
    canvas {
        width: 1000px;
        margin-top: -7%;
        @media(max-width: 1200px) {
            margin-top: -10%;
            width: 800px
        }
        @media(max-width: 600px) {
            width: 800px
        }
    }
}

.controls {
    background: #3F4656;
    display: flex;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    z-index: 3;
    box-shadow: 0 4px 20px -1px rgba(18, 22, 33, .7);
    @media(max-width: 1200px) {
        margin-top: -4%;
    }
    @media(max-width: 600px) {
        flex-direction: column;
    }
    label {
        color: #CDD9ED;
        font-weight: 500;
        font-size: 14px;
        display: block;
        margin-bottom: 16px;
        @media(max-width: 600px) {
            margin-bottom: 12px;
        }
    }
    [type="range"] {
        width: 160px;
        @media(max-width: 600px) {
            width: 280px;
        }
    }
    & > div {
        &:not(:last-child) {
            margin-right: 20px;
            @media(max-width: 600px) {
                margin: 0 0 24px 0;
            }
        }
    }
}

.rangeSlider {
    position: relative;
    background: none;
    border: 1px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    &.rangeSlider__horizontal {
        height: 10px;
        width: 160px;
    }
    .rangeSlider__fill {
        border-radius: 7px;
        background: #fff;
        position: absolute;
        &:before {
            content: '';
            left: -2px;
            top: -2px;
            bottom: -2px;
            right: -2px;
            border: 2px solid #3F4656;
            border-radius: 6px;
            position: absolute;
        }
    }
    .rangeSlider__fill__horizontal {
        height: 100%;
        top: 0;
        left: 0;
    }
    .rangeSlider__handle {
        border: 2px solid #3F4656;
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
        display: inline-block;
        width: 22px;
        height: 22px;
        position: absolute;
        background: white;
        border-radius: 50%;
    }
    .rangeSlider__handle__horizontal {
        top: -7px;
    }
}
.scene {
	position: absolute;
  width: 100%;
  height: 100vh;
}
}