/* Start:/local/templates/tlock/components/bitrix/news.list/index-slider-plus/style.css?17900024707393*/
:root{
	--bg:#0d0b08;
	--ink:#f4efe6;
	--line:rgba(244,239,230,.16);
	--accent:#e8a33b;
	--panel:rgba(15,12,8,.55);
	--err:#d64531;
}
/* ---------- Блок слайдера ---------- */
#slider.slider{
	position:relative;width:min(1120px,100%);aspect-ratio:16/9;
	outline:1px solid rgba(244,239,230,.09);outline-offset:-1px;
	touch-action:pan-y;
}
#slider.slider:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}
/* мягкое затемнение снизу — для читаемости точек и кнопок */
#slider.slider:after{
	content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
	/*background:linear-gradient(to top,rgba(8,6,3,.3),rgba(8,6,3,0) 10%)*/
}
/* ---------- Слои слайдов ---------- */
#slider .slides{position:absolute;inset:0;isolation:isolate} /* isolate: z-кадров не конфликтуют с кнопками */
#slider .slide{position:absolute;inset:0;opacity:0;overflow:hidden}
#slider .slide.is-in{opacity:1;transition:opacity .9s ease}
#slider .slide.is-exit{opacity:0!important;transition:opacity .5s ease;z-index:0!important}
#slider .slide__media{position:absolute;inset:0;width:100%;height:100%;}
#slider video.slide__media{object-fit:fill}

/* ---------- Ссылка во весь слайд ---------- */
#slider .slide__link{
	position:absolute;inset:0;display:block;
	cursor:pointer;outline-offset:-3px;
}
#slider .slide__link:focus-visible{outline:2px solid var(--accent)}

#slider .slide--video .slide__media{transform:scale(1.05)}
#slider .slide.is-in.slide--video .slide__media{transform:scale(1);transition:transform 1.4s cubic-bezier(.2,.65,.25,1)}

#slider.slider.is-paused .slide__media{animation-play-state:paused}
@keyframes kbA{from{transform:scale(1.05) translate(.6%,.4%)}to{transform:scale(1.15) translate(-1%,-.6%)}}
@keyframes kbB{from{transform:scale(1.05) translate(-.6%,-.4%)}to{transform:scale(1.15) translate(1%,.6%)}}

/* ---------- Кнопки (появляются при наведении) ---------- */
#slider .reveal{opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}
#slider.slider:hover .reveal,
#slider.slider:focus-within .reveal,
#slider.slider.is-paused .reveal{opacity:0.5;transform:none;pointer-events:auto}

#slider .nav{
	position:absolute;top:50%;translate:0 -50%;z-index:6;
	width:46px;height:46px;border-radius:50%;border:1px solid var(--line);
	background:var(--tl-color);backdrop-filter:blur(10px);color:var(--ink);
	display:grid;place-items:center;cursor:pointer;
	transition:opacity .3s ease,transform .3s ease,border-color .25s,background .25s;
	justify-content: center;
	align-items: center;
}
#slider .nav svg{width:20px;height:20px}
#slider .nav:hover{border-color:rgba(232,163,59,.75);background:rgba(30,24,16,.7)}
#slider .nav:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
#slider .nav--prev{left:16px;transform:translateY(-50%) translateX(-8px)}
#slider .nav--next{right:16px;transform:translateY(-50%) translateX(8px)}
#slider.slider:hover .nav--prev,.slider.is-paused .nav--prev{transform:translateY(-50%)}
#slider.slider:hover .nav--next,.slider.is-paused .nav--next{transform:translateY(-50%)}

#slider .cluster{
	position:absolute;right:16px;bottom:16px;z-index:6;
	display:flex;gap:4px;padding:6px;border-radius:999px;
	background:var(--tl-color);backdrop-filter:blur(10px);
	outline:1px solid var(--line);transform:translateY(8px);
}
#slider.slider:hover .cluster,#slider.slider.is-paused .cluster{transform:none}
#slider .cbtn{
	width:38px;height:38px;border-radius:50%;border:0;background:transparent;
	color:var(--ink);display:grid;place-items:center;cursor:pointer;
	transition:background .25s,color .25s;
}
#slider .cbtn svg{width:18px;height:18px}
#slider .cbtn:hover{background:rgba(244,239,230,.12)}
#slider .cbtn:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
#slider .cbtn--main:hover{background:rgba(232,163,59,.22);color:#ffd48a}

/* состояния иконок */
#slider.slider .alt{display:none}
#slider.slider.is-paused  #btnPlay .base{display:none}
#slider.slider.is-paused  #btnPlay .alt{display:block}
#slider.slider:not(.is-muted) #btnMute .base{display:none}
#slider.slider.is-muted   #btnMute .alt{display:block}
#slider.slider:not(.is-fs) #btnFull .base{display:block}
#slider.slider.is-fs #btnFull .base{display:none}
#slider.slider.is-fs      #btnFull .alt{display:block}

/* ---------- Точки внизу ---------- */
#slider .dots{
	position:absolute;left:50%;bottom:16px;translate:-50% 0;z-index:6;
	display:flex;gap:6px;transition:opacity .3s ease;
}
#slider.slider:not(:hover):not(.is-paused) .dots{opacity:.55}
#slider .dot{
	appearance:none;border:0;background:transparent;padding:6px 3px;cursor:pointer;
	display:grid;place-items:center;border-radius:99px;
}
#slider .dot:focus-visible{outline:1px solid var(--accent);outline-offset:1px}
#slider .dot i{
	position:relative;display:block;width:10px;height:10px;border-radius:99px;
	background: rgba(108, 108, 108, 0.34);overflow:hidden;
	transition:width .4s cubic-bezier(.2,.7,.2,1),background .25s;
}
#slider .dot b{position:absolute;inset:0;background:var(--tl-color);transform:scaleX(0);transform-origin:left}
#slider .dot:hover i{background:rgba(244,239,230,.65)}
#slider .dot.is-active i{width:30px;background:rgba(244,239,230,.28)}
#slider .dot.is-error i{background:rgba(214,69,49,.6)}

/* ---------- Индикатор загрузки ---------- */
#slider .spinner{
	position:absolute;inset:0;z-index:7;display:grid;place-items:center;
	opacity:0;pointer-events:none;transition:opacity .25s ease;
}
#slider .spinner.show{opacity:1}
#slider .spinner i{
	width:42px;height:42px;border-radius:50%;
	border:2px solid rgba(244,239,230,.18);border-top-color:var(--accent);
	animation:spin 1s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* сообщение показывается только если не загрузилось вообще ничего */
#slider .fatal{
	position:absolute;inset:0;z-index:8;display:grid;place-items:center;text-align:center;
	padding:24px;color:rgba(244,239,230,.7);font:500 13px/1.7 ui-monospace,SFMono-Regular,monospace;
	letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .4s ease;background:rgba(8,6,4,.6);
}
#slider .fatal.show{opacity:1;pointer-events:auto}

/* сенсорные экраны: hover нет — управление видно всегда */
@media (hover:none){
	/*#slider .reveal{opacity:0.5!important;pointer-events:auto!important}
	#slider .nav--prev,#slider .nav--next{transform:translateY(-50%)!important}
	#slider .cluster{transform:none!important}*/

}
@media (max-width:640px){
	/*#slider.slider{aspect-ratio:4/5;}*/
	#slider .nav{width:40px;height:40px}
	#slider .cluster{right:12px;bottom:12px}
	#slider .dots{bottom:14px;max-width:100%;justify-content:center}
	#slider .nav--prev{left:10px}#slider .nav--next{right:10px}
	#slider .slide__media{object-fit: contain!important;}
}
@media (prefers-reduced-motion:reduce){
	/*.slide--kb-a .slide__media,.slide--kb-b .slide__media{animation:none;transform:scale(1.02)}*/
	#slider .slide.is-in.slide--video .slide__media{transition:none;transform:none}
}
/* End */


/* Start:/local/templates/tlock/components/bitrix/news.list/index-catalog/style.css?17668477841683*/
.carousel .prod__pic {
    position: relative;
    z-index: 0;
    height: 0;
    padding-bottom: 54.736842105%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.carousel .prod__img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.67407407);
    -moz-transform: translate(-50%, -50%) scale(.67407407);
    -ms-transform: translate(-50%, -50%) scale(.67407407);
    -o-transform: translate(-50%, -50%) scale(.67407407);
    transform: translate(-50%, -50%) scale(.67407407);
    -webkit-transition: -webkit-transform .2s;
    -moz-transition: -mos-transform .2s;
    -ms-transition: -ms-transform .2s;
    -o-transition: -o-transform .2s;
    transition: transform .2s;
    -webkit-backface-visibility: hidden;
}
.carousel a:hover .prod__img {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.prod__name {
    color: #7b7b7b;
    font-weight: 100;
    line-height: 1.3;
    margin-bottom: 2px;
    text-align: center;
    height: 65px;
    overflow: hidden;
}
/*
.carousel-control-prev-icon {
    content: url('/local/templates/tlock/components/bitrix/news.list/index-catalog/left-arrow.svg');
}
.carousel-control-next-icon {
    content: url('/local/templates/tlock/components/bitrix/news.list/index-catalog/right-arrow.svg');
}*/
.carousel-control-next{
    right: -30px!important;
}
.carousel-control-prev {
    left: -30px!important;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
    width: 1rem!important;
    height: 1rem!important;
}
/* End */


/* Start:/local/templates/tlock/components/bitrix/news.list/index-video/style.css?1763025284243*/
a:link, a:visited, .block-link__pseudolink {
	text-decoration: none;
	color: var(--tl-color);
}
/*.news__item:first-child {
	padding-top: 0;
	border-top: none;
	margin-bottom: 8px;
	height: 360px;
}*/
.news {
	line-height: 1.3;
}

/* End */


/* Start:/local/templates/tlock/components/bitrix/news.list/index-brands/style.css?17684113001843*/

.slider-brands {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	padding: 0 42px;
	margin: 0 -10px;
}
.slider-brands .slick-track{
	display: flex!important;
	align-items: center!important;
}
/*
.slider-brands .slick-arrow:before{
	content: '';
	background: url(/local/templates/tlock/img/icon/i10.png) 0 0 no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	width: 8px;
	height: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.slider-brands .slick-prev:before,
.slider-brands .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slider-brands .slick-next{
	right: 0;
}
.slider-brands .slick-arrow{
	width: 42px;
	height: 42px;
	z-index: 1;
}
.slider-brands .slick-prev,
.slider-brands .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-top: -10px\9;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slider-brands .slick-next:before{
	background-position: 100% 0;
}*/

/* End */


/* Start:/local/templates/tlock/css/slick.css?17643243912222*/
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: text;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    padding: 0;
    margin: 0;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.draggable {
    cursor: pointer;
    cursor: grab;
    user-select: none;
}
.slick-list.dragging {
    cursor: grabbing;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.car__item {
    width: 207px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.slick-initialized .slick-slide {
    display: block;
}
.car__link {
    position: relative;
    display: block;
    min-height: 60px;
    line-height: 60px;
}
.slick-slider .car__img {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
/* End */
/* /local/templates/tlock/components/bitrix/news.list/index-slider-plus/style.css?17900024707393 */
/* /local/templates/tlock/components/bitrix/news.list/index-catalog/style.css?17668477841683 */
/* /local/templates/tlock/components/bitrix/news.list/index-video/style.css?1763025284243 */
/* /local/templates/tlock/components/bitrix/news.list/index-brands/style.css?17684113001843 */
/* /local/templates/tlock/css/slick.css?17643243912222 */