/*скролл-бар*/
    body::-webkit-scrollbar {
        width: 8px;
    }
    body::-webkit-scrollbar-track {
        background: #F7F6F0;
    }
    body::-webkit-scrollbar-thumb {
        background: #8F8DA3;
        border: 2px solid #F7F6F0;
    }

/*позиция логотипа в меню*/
    @media (min-width: 320px) and (max-width: 959px) {
        .tn-elem.position-logo {
            left: 70px !important;
        }
    }

    @media (min-width: 960px) and (max-width: 1799px) {
        .tn-elem.position-logo {
            left: calc(50% + 20px) !important;
        }
    }

    @media (min-width: 1800px) {
        .tn-elem.position-logo {
            left: calc(50% + 30px) !important;
        }
    }
    
/*ширина и позиция плашки меню и фоток в мобилке*/
    @media (min-width: 320px) and (max-width: 959px) {
        .tn-elem.plashka-menu, .tn-elem.photo-mob {
            width: calc(100% - 60px) !important;
            left: unset  !important;
            right: 0px  !important;
        }
    }
    
/*в кнопках меню сдвиг текста и границы сверху и снизу*/
    .button-sdvig .tn-atom {
        padding-left: 20px;
        transition: padding-left 0.3s ease-in-out !important;
        border-top: 1px solid #F7F6F0 !important;
        border-bottom: 1px solid #F7F6F0 !important;
    }
    
    .button-sdvig .tn-atom:hover {
        padding-left: 40px;
    }
    
/*ширина и позиция кнопок меню в мобилке*/
    @media (min-width: 320px) and (max-width: 959px) {
        .tn-elem.button-sdvig {
            width: calc(100% - 60px) !important;
            left: unset  !important;
            right: 0px  !important;
        }
    }
        
/*подчеркивание ссылок белым цветом*/
    #allrecords .mylink-main a:before  {
        transform-origin: 100% 50%;
        transform: scale3d(0, 1, 1);
        transition: transform 0.3s;
        transition: transform 200ms !important;
        position: absolute;
        width: 100%;
        height: 1px;
        background: currentColor;
        top: 100%;
        left: 0;
        pointer-events: none;
        content: '';
        color: rgba(255, 255, 255, 1);
    }

    #allrecords .mylink-main a:hover:before {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1);
        color: rgba(255, 255, 255, 1);
    }
    
/*подчеркивание ссылок серым цветом #333333*/
    #allrecords .mylink-main-gray a:before  {
        transform-origin: 100% 50%;
        transform: scale3d(0, 1, 1);
        transition: transform 0.3s;
        transition: transform 200ms !important;
        position: absolute;
        width: 100%;
        height: 1px;
        background: currentColor;
        top: 100%;
        left: 0;
        pointer-events: none;
        content: '';
        color: rgba(51, 51, 51, 1);
    }

    #allrecords .mylink-main-gray a:hover:before {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1);
        color: rgba(51, 51, 51, 1);
    }  
    
    /*подчеркивание ссылок серым цветом #6c6c6c в хлебных крошках*/
    #allrecords .mylink-main-gray-bread a:before  {
        transform-origin: 100% 50%;
        transform: scale3d(0, 1, 1);
        transition: transform 0.3s;
        transition: transform 200ms !important;
        position: absolute;
        width: 100%;
        height: 1px;
        background: currentColor;
        top: 100%;
        left: 0;
        pointer-events: none;
        content: '';
        color: rgba(108, 108, 108, 0.8);
    }

    #allrecords .mylink-main-gray-bread a:hover:before {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1);
        color: rgba(108, 108, 108, 0.8);
    }
    
    /*анимация фото в карточках*/
    .t396__elem.zoomoff, .tn-elem.photo-mob {
        overflow: hidden;
    }
    
    /*позиционирование надписей в родословных*/
    /*для мобилки в пикселях, оверфлоу авто*/
    @media (min-width: 960px) {
        .t396__elem.pedigree-25iotstup {
            left: calc(25% + 20px) !important;
        } 
    }
    
    @media (min-width: 960px) {
        .t396__elem.pedigree-50iotstup {
            left: calc(50% + 20px) !important;
        }
    }
    
    @media (min-width: 960px) {
        .t396__elem.pedigree-75iotstup {
            left: calc(75% + 20px) !important;
        }
    }
    
    
    /*Code by khudova.design*/
    /*https://t.me/khudovadesign/457*/
    /*появление кнопки Подробнее при наведении на товар*/
    /*@media (min-width: 1201px) {*/
        .t-store__card {
            position: relative;
            overflow: hidden;
        }
        .t-store__card__textwrapper {
            background-color: #F7F6F0; /*Цвет фона под описанием товара*/
            padding: 20px; /*Отступы у описания товара*/
            position: relative;
            z-index: 9;
        }
        .t-store__card__btns-wrapper {
            position: absolute;
            left: 20px;
            bottom: -55px; /*Сдвиг кнопки вниз*/
            margin-top: 0 !important;
        }
        .t-store__card__btns-wrapper, .t-store__card__textwrapper {
            will-change: transform;
            transition: transform .3s; /*Время анимации появления кнопки*/
        }
        .t-store__card:hover .t-store__card__textwrapper {
            transform: translateY(-70px); /*Сдвиг описания наверх*/
            background-color: #fff; /*Смена цвета под описанием*/
        }
        .t-store__card:hover .t-store__card__btns-wrapper {
            transform: translateY(-70px); /*Сдвиг кнопки наверх*/
        }
        .t-store__card:hover {
            background-color: #fff; /*Смена цвета под кнопкой*/
        }
    /*}*/
    
    /*зум фото в каталоге по ховеру*/
    .t-store__card__bgimg {
        overflow: hidden;
        transition: all 0.5s ease;
    }
    
    .t-store__card__bgimg:hover {
        transform: scale(1.03);
    }
    
    /*стилизация лейбла*/
    .t-store__card__mark {
        border-radius: 0;
        font-size: 10px;
        height: 24px;
    }
    
    /*типографика заголовка и описания в карточках каталога*/
    /*заголовок*/
    @media (min-width: 1800px) {
	    .t-store__card__title {
		    font-size: 20px !important;
		    line-height: 1 !important;
		    letter-spacing: 0.1px !important;
	    }
    }
    @media (min-width: 1200px) and (max-width: 1799px) {
	    .t-store__card__title {
		    font-size: 18px !important;
		    line-height: 1 !important;
		    letter-spacing: 0.1px !important;
	    }
    }
    @media (min-width: 960px) and (max-width: 1199px) {
	    .t-store__card__title {
		    font-size: 16px !important;
		    line-height: 1 !important;
		    letter-spacing: 0.1px !important;
	    }
    }
    @media (min-width: 320px) and (max-width: 959) {
	    .t-store__card__title {
		    font-size: 12px !important;
		    line-height: 0.9 !important;
		    letter-spacing: 0.1px !important;
	    }
    }
    /*описание*/
    @media (min-width: 960px) {
	    .t-store__card__descr {
		    font-size: 12px !important;
		    line-height: 1.3 !important;
		    letter-spacing: 1px !important;
	    }
    }
    @media (min-width: 320px) and (max-width: 959) {
	    .t-store__card__descr {
		    font-size: 12px !important;
		    line-height: 1 !important;
		    letter-spacing: 1px !important;
	    }
    }
    /*маржин у описания*/
    .t-store__card__descr {
        margin-top: 2px;
    }
    
    /*типографика, паддинги, высота и нижний бордер кнопки Подробнее и ХочуЭтогоЩенка*/
    .t-store__card__btn-text, /*Подробнее*/
    .js-store-prod-popup-buy-btn-txt /*ХочуЭтогоЩенка*/{
		line-height: 1;
		letter-spacing: 4px;
		height: 16px;
    	border-bottom: 1px solid #6C6C6C;
	}
    @media (min-width: 960px) {
	    .t-store__card__btn-text, 
	    .js-store-prod-popup-buy-btn-txt {
		    font-size: 12px;
	    }   
    }
    @media (min-width: 320px) and (max-width: 959) {
	    .t-store__card__btn-text,
	    .js-store-prod-popup-buy-btn-txt {
		    font-size: 10px;
	    }
    }
    .t-store__card__btn /*Подробнее*/{
        padding: 0px;
    }
    .t-store__prod-popup__btn /*ХочуЭтогоЩенка*/{
	    padding: 0;
    	height: 16px;
    }
    
    /*типографика описания в попапе товара*/
    .t-store__prod-popup__text {
	    font-size: 14px !important;
	    line-height: 1.3 !important;
	    letter-spacing: 1px !important;
	}
    
    /*Выравнивание текста чек-бокса в форме заявки*/
    .zero_form .t-checkbox__control {
        display: flex;
        align-items: center;
    }
    .zero_form .t-checkbox__labeltext,
    .zero_form .t-checkbox__labeltext div {
        display: block;
    }
    
    /*стилизация кнопки в форме заявки*/
   .t-submit {
        width: 100% !important;
        text-transform: uppercase;
        letter-spacing: 4px;
    }

    /*изменение полей ввода при фокусировке в форме заявки*/
    input:focus, textarea:focus {
        border: 1px solid #c2d0de !important;
        background-color: #fff !important;
    }
    
    input, textarea {
        transition: 0.3s;
    }
    
  
    /*Поведение шейпа с классом zoom при наведении*/
    /*Анимация. Часть 1. Пример 6.*/
    /*наведение + кнопка play*/
    .t396__elem.zoom,
    .t396__elem.zoom-marlya,
    .t396__elem.zoom-pilim,
    .t396__elem.zoom-3dnya,
    .t396__elem.zoom-strich,
    .t396__elem.zoom-gde-pilit {
        overflow: hidden;
    }
    
    .zoom .tn-atom,
    .zoom-marlya .tn-atom,
    .zoom-pilim .tn-atom,
    .zoom-3dnya .tn-atom,
    .zoom-strich .tn-atom,
    .zoom-gde-pilit .tn-atom {
        transform: scale(1.1);
        transition: 1.1s ease;
    }
    
    .zoom .tn-atom:hover,
    .zoom-marlya .tn-atom:hover,
    .zoom-pilim .tn-atom:hover,
    .zoom-3dnya .tn-atom:hover,
    .zoom-strich .tn-atom:hover,
    .zoom-gde-pilit .tn-atom:hover {
        transform: none;
    }