:root{
  --borderRadiusContainer: 16px; /*Скругление углов у контейнера*/
  --widthIcon: 40px;     /*Ширина иконки стрелки*/
  --heightIcon: 40px;    /*Высота иконки стрелки */
  --opacityHover: 0.7;   /*Прозрачность стрелок при наведении*/
  --tansitionHover: .3s ease-in-out;    /*Скорость и плавность анимации при наведении на стрелки*/
  --overflow: hidden; /*visible - если нужно, чтобы карточки выходили за предел контейнера*/
  --arrowDisplay: block; /*Видимость стрелок навигации, если нужно убрать стрелки пропишите значение none вместо block*/    
}

.slick-list {
    border-radius: var(--borderRadiusContainer) !important; 
    /*Если нужно, чтобы карточки выходили за предел контейнера*/
    overflow:var(--overflow) !important; 
}

.slick-arrow{
    top:50%;
    transform: translateY(-50%);
    position:absolute;
    cursor:pointer;
    display: var(--arrowDisplay) !important;
}

/*Настройка точек навигации*/
.slick-dots{
    box-sizing: border-box;
    bottom: -50px !important; /*Расстояние вниз от карточек слайдера*/
}

.slick-dots li.slick-active button:before {
    color: #269df7 !important;  /*Цвет точки активного слайда*/
}

.slick-dots li button:before {
    color: #6EC6FF !important;  /*Цвет точек неактивных слайдов*/
    font-size: 7px !important; /*Размер точек*/
}

.js-product-img{
    top: 0px !important;
}

.t-product__option-checkmark,
.t-product__option-selected-checkmark {
    display: none !important;
}

.t702 .t-input-title {
    font-size: 14px; !important;
 }

.t706__product-title {
    FONT-WEIGHT: 500;
    font-size: 14px;
}

.t778__mark {
    font-size: 9px !important;
}

.nolim-bubble-text {
    font-weight: 500; /* Жирность шрифта бабла */
}    
    
.t1002__product-title {
    font-size: 14px;
}

.t1002__product-link {
    font-size: 14px !important;
}

/* Плавное появление страницы. Начало */
html {
    background: #ffffff; /* первоначальный цвет */
}

body.t-body {
    opacity: 0;
	transition: 2s opacity ease; /* 5s время появления в секундах */
}

.t-body.body_visible {
	opacity: 1;
}
/* Плавное появление страницы. Конец */


/*Десктоп разрешение*/
@media screen and (min-width: 1200px) {
    .slick-prev { /*Стрелка влево*/
        width: var(--widthIcon) !important;      
        height: var(--heightIcon) !important;
        left: 1085px !important;       /*Положение стрелки*/
        z-index: 998;
        top: -54px !important;         /* Расположение стрелки по вертикали*/
    }

    .slick-next { /*Стрелка вправо*/
        width: var(--widthIcon) !important;
        height: var(--heightIcon) !important;
        right: 22px !important;      /*Положение стрелки*/
        z-index: 998;
        top: -54px !important;         /* Расположение стрелки по вертикали*/
    }

    .slick-prev:hover, .slick-next:hover{
        opacity: var(--opacityHover) !important;
        transition: var(--tansitionHover);
    }  
  
}

/*Разрешение для вертикального планшета*/
@media screen and (max-width: 960px) {
    .slick-prev { /*Стрелка в лево*/
        width: 30px !important;      /*Ширина иконки стрелки влево*/
        height: 30px !important;     /*Высота иконки стрелки влево*/
        left: 30px !important;       /*Положение стрелки*/
        z-index: 998;
    } 

    .slick-next {   /*Стрелка в право*/
        width: 30px !important;      /*Ширина иконки стрелки вправо*/
        height: 30px !important;     /*Высота иконки стрелки вправо*/
        right: 30px !important;      /*Положение стрелки*/
        z-index: 998;
    }
}

/*Разрешение для горизонтального телефона*/
@media screen and (max-width: 640px) {
    .slick-prev {
        left: 10px !important;
        z-index: 998 !important;
    }

    .slick-next {
        right: 10px !important;
        z-index: 998 !important;
    }

    .slick-arrow {
    	display: none !important;
    }

    .slick-dots {
        padding-left: 0 !important;
    }
}

/*Разрешение для вертикального телефона*/
@media screen and (max-width: 480px) {
    .slick-prev {
        width: 40px !important;
        height: 40px !important;
        left: 10px !important;
        z-index: 998 !important;
    }

    .slick-next {
        width: 40px !important;
        height: 40px !important;
        right: 10px !important;
        z-index: 998 !important;
    }
}



@media screen and (min-width: 1201px) {
    .slick-dots {
        display: none !important;
    }
}