/* Start:/local/templates/ls/components/electro/catalog/.fujitsu/style.min.css?175794032415440*/
#catalogLine #onn.asc:hover,#catalogLine #onn.desc:hover{transform:rotate(180deg)}#secLevel2>ul{margin:24px 0}#secLevel2>ul>li{padding:6px 12px 6px 27px;text-transform:uppercase}#secLevel2>ul>li.selected{background-color: rgb(102, 102, 102);color:#fff;position:relative}#secLevel2>ul>li.selected:after{right:-5px;top:0;content:'';position:absolute;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:7px solid rgb(102, 102, 102)}#secLevel2>ul>li.selected>span{color:#fff}#secLevel2>ul>li:last-child{border-bottom-right-radius:3px}#secLevel2>ul>li>a{font:normal normal 14px Roboto,Arial,sans-serif;text-decoration:none;display:inline;color:#333;border-bottom-color:rgba(51,51,51,.3);border-bottom-style:solid;border-bottom-width:1px;outline:0}#catalogLine #on,#catalogLine #onn,#catalogLine .left a{height:26px;display:inline-block}#secLevel2>ul>li>a:active{position:relative;top:1px}#secLevel2>ul>li>a:hover{color:#0089D8;border-bottom-color:rgba(0,137,216,.33)}#secLevel2>ul>li>a.selected{color:#fff;border-bottom-color:#fff}#secLevel2>ul>li>a.selected:hover{color:#fff}#secLevel2>ul>li>span{font-size:11px;padding-left:5px;color:#666}#catalog .productList{overflow:hidden;margin:0;padding:0}#catalog .productList li{margin-right:24px;margin-bottom:24px;border:1px solid #E1E1E1;-o-transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;transition:all .1s ease}#catalog .productList .wrap{width:100%;border:0}#catalog .productList li:hover{border:1px solid #C9C9C9}#catalog>p:first-of-type{margin-top:0}#catalogLine{font:normal normal 13px Roboto,Arial,sans-serif;color:#fff;height:41px;line-height:41px;margin-bottom:24px;margin-top:10px;position:relative;border:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;border-radius:3px}#catalogLine .left{width:33%;float:left}#catalogLine .center{text-align:center;color:silver;display:inline-block;margin:0 auto;width:33%}#catalogLine .right{float:right;padding-right:12px}#catalogLine .left span{padding-right:12px;margin-left:8px}#catalogLine .right a.text,#catalogLine .center a.text{vertical-align:baseline;text-align:center;text-decoration:none;background-color:silver;font:normal normal 14px 'Roboto',Arial,sans-serif;line-height:25px;display:inline-block;height:25px;color:#fff;border-radius:3px}#catalogLine .right a.text:hover,#catalogLine .center a.text:hover{background-color:#00a2ff;color:#fff}#catalogLine .right a.text.active,#catalogLine .center a.text.active{background-color:#00a2ff}#catalogLine .left a,#catalogLine .right a,#catalogLine .center a{line-height:26px;text-align:center;color:#999;padding:0 13px;vertical-align:middle;text-decoration:none}#catalogLine .left .count{margin-left:12px}#catalogLine .left a:not(:first-child){margin-left:5px}#catalogLine .left a:active{position:relative;top:1px}#catalogLine .left .active:hover{opacity:.9}#catalogLine .left .price{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) 0 -26px no-repeat}#catalogLine .left .price.active,#catalogLine .left .price:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -26px -26px no-repeat}#catalogLine .left .price.active{position:relative;z-index:1}#catalogLine .left .rating{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -52px -26px no-repeat}#catalogLine .left .rating.active,#catalogLine .left .rating:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -78px -26px no-repeat}#catalogLine .left .rating.active{position:relative;z-index:1}#catalogLine .left .fav{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -52px -52px no-repeat}#catalogLine .left .fav.active,#catalogLine .left .fav:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -78px -52px no-repeat}#catalogLine .left .fav.active{position:relative;z-index:1}#catalogLine #onn{width:26px;vertical-align:middle;margin-left:-9px;transition:transform .3s ease-in-out}#catalogLine #onn:active{position:relative;top:1px}#catalogLine #onn.asc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -26px -52px no-repeat}#catalogLine #onn.desc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) 0 -52px no-repeat}#catalogLine #on{width:24px;vertical-align:middle;border:1px solid #2980B9}#catalogLine #on a{height:15px;display:block;border:0}#catalogLine #on .asc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) no-repeat}#catalogLine #on .asc.active{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) -24px 0 no-repeat #2980B9}#catalogLine #on .desc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) 0 -15px no-repeat}#catalogLine #on .desc.active{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) -24px -15px no-repeat #2980B9}#catalogLine .right a{height:26px;display:inline-block;margin-left:5px}#catalogLine .right a:hover{color:#777}#catalogLine .right a.active{color:#fff}#catalogLine .right a:active{position:relative;top:1px}#catalogLine .right .type1{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) no-repeat}#catalogLine .right .type1.active,#catalogLine .right .type1:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -26px 0 no-repeat}#catalogLine .right .type3{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -52px 0 no-repeat}#catalogLine .right .type3.active,#catalogLine .right .type3:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -78px 0 no-repeat}span.article{font-size:11px;margin-top:3px;display:block;color:#7f7f7f;text-align:left;padding:0 10px}.sorting{font-size:13px}.sorting .h4,.sorting .switcher,.sorting h4{display:inline-block}sorting .switcher{font-size:100%;margin:0}.sorting .switcher .selected{position:relative;background:#f6f1e3;color:#000}.sorting .switcher .selected.sorting_asc:before{border-top:4px solid}.sorting .switcher .selected.sorting_desc:before{border-bottom:4px solid}.sorting .switcher .selected:before{content:'';position:absolute;display:block;border-left:4px solid transparent;border-right:4px solid transparent;margin:-1px .3em 0 0;left:5px;top:50%}.sorting .switcher li{margin-right:5px;padding-left:16px;padding-bottom:0;padding-top:0}.switcher li,ul.switcher li{display:inline-block;background:#fff;margin-right:10px;padding:.2em .5em}.sorting .switcher .selected .pseudo{border-bottom:1px dotted!important;color:#000!important;border-color:rgba(0,0,0,.3)!important;cursor:pointer!important;text-decoration:none}

.pdf_specification ul{margin-bottom:0}.pdf_specification ul>li:not(:last-child){padding-bottom:13px}.pdf_specification ul>li{font-size:11px;width:30%}.pdf_specification ul>li a{font-size:13px}li.pdf{position:relative;margin-left:38px;display:block;height:48px}li.pdf:before{width:30px;content:" ";background-image:url(/bitrix/templates/fujitsu/images/type-file.png);position:absolute;left:-35px;top:-3px;height:39px}#middleSlider{overflow:hidden;position:relative}@media only screen and (max-width:1320px){#catalogLine .left .rating,#catalogLine .left .fav{display:none}}@media only screen and (max-width:1200px){#middleSlider:after,#middleSlider:before{width:19px;height:150px;position:absolute;display:inline-block;top:0}#middleSlider:before{content:url(/bitrix/templates/fujitsu/images/banners/actions/left_border.png);left:0}#middleSlider:after{content:url(/bitrix/templates/fujitsu/images/banners/actions/right_border.png);right:0}}.button_compare{background:#f6af95;border:0;color:#fff;font-size:15px;font-weight:800;letter-spacing:.1em;white-space:normal;text-shadow:0 1px 2px #ff6d38}.button_compare:hover{text-shadow:none}
.eItemOverflow_overflow{
  overflow:hidden;position:relative;padding-bottom:3rem;
  font-family: Arial;
  line-height: normal;
  font-size: 19px;
  font-weight: 400;  
}

#jsShowButton{margin-top:25px}.bFlatButton.mWhiteCream:hover{color:#0f77b0;background-color:#fff;border-color:#256aa3}.bFlatButton.mWhiteCream:hover{color:#0f77b0;background-color:#fff;border-color:#256aa3}.bFlatButton:hover{color:#fff;background-color:#256aa3;border-color:#256aa3}.bFlatButton.mHuge{height:47px;font-size:16px;font-weight:700;line-height:39px;padding-left:20px;padding-right:20px;-webkit-font-smoothing:antialiased}.bFlatButton.mFullWidth{width:100%}.bFlatButton.mWhiteCream{color:#0f77b0;background-color:#fff;border:1px solid #c9d3d8}.bFlatButton:hover{color:#fff;background-color:#256aa3;border-color:#256aa3}.bFlatButton.mHuge{height:47px;font-size:16px;font-weight:700;line-height:39px;padding-left:20px;padding-right:20px;-webkit-font-smoothing:antialiased}.bFlatButton.mFullWidth{width:100%}.bFlatButton.mWhiteCream{color:#0f77b0;background-color:#fff;border:1px solid #c9d3d8}.bFlatButton{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 10px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial,sans-serif;font-size:14px;line-height:17px;color:#fff;text-decoration:none;text-align:center;vertical-align:middle;background-color:#0f77b0;border:1px solid #0f77b0;border-radius:2px;-webkit-transition:all .08s ease;transition:all .08s ease}.bFlatButton{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 10px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial,sans-serif;font-size:14px;line-height:17px;color:#fff;text-decoration:none;text-align:center;vertical-align:middle;background-color:#0f77b0;border:1px solid #0f77b0;border-radius:2px;-webkit-transition:all .08s ease;transition:all .08s ease}.eItemOverflow_gradient{position:absolute;content:'';display:block;width:100%;height:70px;bottom:0;left:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)}.badge{border-radius:0;font-weight:400;letter-spacing:0;margin-left:10px}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light a{text-decoration:none;font-weight:100;color:#333;font-size:15px}.badge-light a:hover{border-bottom:1px dashed silver}#catalogLine .center a{margin-left:5px}#catalogLine .center a.text.stock.active,#catalogLine .center a.text.stock:hover{background-color:#27AE60}#catalogLine .center a:active{position:relative;top:1px;box-shadow:0 0 0 3px #f3f3f3}#catalogLine .center a.text{transition-duration:0.1s}#catalogLine .center a.text::before{width:20px;content:url(/local/templates/fujitsu_new/images/clear.png);padding-right:3px}#catalogLine .center a.text:hover::before{width:20px;content:url(/local/templates/fujitsu_new/images/filter.png);padding-right:3px}#catalogLine .center a.text.active::before{width:20px;content:url(/local/templates/fujitsu_new/images/clear.png);padding-right:3px}#catalogLine .center a.text.active::before{width:20px;content:url(/local/templates/fujitsu_new/images/filter.png);padding-right:3px}#catalogLine .center a.text.active:hover{background-color:silver}#catalogLine .center a.text.active:hover::before{width:20px;content:url(/local/templates/fujitsu_new/images/clear.png);padding-right:3px}

.description ul{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;  
  padding-left:25px;
  padding-top:10px;
  row-gap: 24px;
}

.description ul > li:not(.pdf)::before{content:'—';padding-right:10px}

#catalog .description {
  overflow: hidden;
  border: 1px solid #f1f1f1;
  padding: 12px;
  font: 15px/21px Roboto,Arial,sans-serif;
  color: #000;
  border-radius: 0 0 3px 3px;
  font-weight: 100
}

#catalog .description a {
  color: #1f7dca;
  border-color: rgba(31,125,202,.3);
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid
}

#catalog .description.visited {
  overflow: visible
}

#catalog .description span {
  color: #222!important;
  font-weight: 500
}

#catalog .description a span {
  color: #2c3e50!important;
  font-weight: 600
}

.switch-input {
  display: none;
}
.switch-label {
  position: relative;
  display: inline-block;
  min-width: 112px;
  cursor: pointer;
  font-weight: 500;
  text-align: left;
  margin: 0;
  margin-right: 30px;
  padding: 3px 0 3px 48px;
  color: rgba(0, 0, 0, 0.64);
  height: 30px;
  line-height: 23px;
}
.switch-label:before, .switch-label:after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.switch-label:before {
  left: 1px;
  width: 34px;
  height: 14px;
  background-color: #9E9E9E;
  border-radius: 8px;
}
.switch-label:after {
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #FAFAFA;
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-label .toggle--on {
  display: none;
}
.switch-label .toggle--off {
  display: inline-block;
  color: #c0c0c0;
}
.switch-input:checked + .switch-label:before {
  background-color: #A5D6A7;
}
.switch-input:checked + .switch-label:after {
  background-color: #4CAF50;
  -ms-transform: translate(80%, -50%);
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
}
.switch-input:checked + .switch-label .toggle--on {
  display: inline-block;
}
.switch-input:checked + .switch-label .toggle--off {
  display: none;
}


  .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
  }

  .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .catalog-container {
    margin: 10px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .catalog-container__paragraph {
    font-size: 20px;
    line-height: 1.5;
    margin-right: 30%;
  }

  .catalog-container__title {
    font-size: 48px;
    margin-top: 50px;
    text-align: center;
  }

  .catalog-container__subtitle {
    line-height: 1.2;
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px
  }

  .catalog-container__list {
    font-size: 20px;
    line-height: 1.5;
    width: 75%;
    margin-bottom: 50px;
  }

  .catalog-container__list li {
    margin-bottom: 12px;
    margin-top: 12px;    
  }
  
  .hero-image {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://fujitsu-online-shop.ru/upload/uf/77c/FUJITSU_LIFEBOOK_E5510_RUS_5.jpg");
	height: 30%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
  }
	 
  .catalog-container__lead-image_wrap {
	margin: 0;
  }
  
  .catalog-container__lead-image {
	width: 100%;
  }
  
  .heading {
    font: 300 23px Roboto,Arial,sans-serif;
    display: block;
    margin: 24px 0 0;
    background: #fff;
    line-height: 35px;
    color: #000;
    padding-left: 0;
    border-radius: 3px 3px 0 0;
}

  .catalog-title-wrap {
    display: flex;
    align-items: center;
    gap: 2rem;
  }


  span.catalog-title__count {
    font-weight: 600;
    color: #b3b3b7;
}  

  @media screen and (max-width: 1180px) {
    .catalog-container__title {
      font-size: 38px;
    }    

    .catalog-container__subtitle {
      font-size: 20px;
    }

    .catalog-container__paragraph {
        font-size: 16px;
        margin-right: 0;
    }

    .catalog-container__list {
      font-size: 16px;
      width: 95%;
    }  
  }  

  @media screen and (max-width: 768px) {

  }
/* End */


/* Start:/local/templates/ls/components/bitrix/catalog.smart.filter/.fujitsu/style.css?177922270710261*/
/* Smart filter — template .fujitsu */

.sf-form,
#smartFilterForm {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	margin-bottom: 24px;
	padding: 20px 16px 16px;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.06),
		0 8px 24px rgba(15, 23, 42, 0.06);
}

.sf-filter,
#smartFilter {
	position: relative;
	padding: 0;
}

.sf-filter__list,
#smartFilter > ul {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}

.sf-filter__group,
#smartFilter li.lvl1 {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #eef2f6;
}

.sf-filter__group:last-child {
	border-bottom: 0;
}

.sf-filter__title,
#smartFilter .hd3 {
	display: block;
	margin: 0;
	padding: 14px 4px 10px;
	font: 600 15px/1.3 'Roboto', Arial, sans-serif;
	color: #1d2531;
	text-align: center;
	text-decoration: none;
}

.sf-filter__body {
	padding: 0 4px 16px;
}

/* Checkbox grid */
.sf-filter__options,
#smartFilter li.lvl1 > ul {
	list-style: none;
	margin: 0;
	padding: 0 0 8px;
}

.sf-filter__options--grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 12px;
	align-items: start;
}

.sf-filter__option {
	display: block;
	margin: 0;
	min-width: 0;
}

#smartFilterForm .sf-check {
	position: relative;
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	width: 100%;
	box-sizing: border-box;
	padding: 6px 4px;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.15s ease;
	float: none;
}

.sf-check {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 6px 4px;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.sf-check:hover {
	background: #f8fafc;
}

.sf-check__input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

#smartFilterForm .sf-check__box {
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	margin: 2px 0 0 !important;
	position: static !important;
	float: none !important;
}

.sf-check__box {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	border: 2px solid #cbd5e1;
	border-radius: 4px;
	background: #fff;
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.sf-check__input:focus-visible + .sf-check__box {
	box-shadow: 0 0 0 3px rgba(22, 161, 255, 0.25);
}

.sf-check__input:checked + .sf-check__box {
	border-color: #16a1ff;
	background: #16a1ff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M1 5l3 3 7-7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px 9px;
}

.sf-check--checked .sf-check__label {
	color: #0f6cbd;
	font-weight: 500;
}

#smartFilterForm .sf-check__label {
	display: block !important;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 !important;
	margin: 0 !important;
	padding-left: 0 !important;
	font: 400 13px/1.4 'Roboto', Arial, sans-serif !important;
	color: #334155;
	word-break: break-word;
}

.sf-check__label {
	flex: 1;
	min-width: 0;
	font: 400 13px/1.4 'Roboto', Arial, sans-serif;
	color: #334155;
	word-break: break-word;
}

#smartFilterForm .sf-filter__options label.sf-check {
	padding-left: 0;
}

.sf-check--disabled,
.sf-filter__option--disabled .sf-check,
#smartFilter .lvl2_disabled .sf-check {
	opacity: 0.45;
	cursor: not-allowed;
}

.sf-color-swatch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 2px;
}

.sf-color-swatch--blue { background: #2563eb; }
.sf-color-swatch--red { background: #dc2626; }
.sf-color-swatch--silver { background: #94a3b8; }
.sf-color-swatch--black { background: #111; }
.sf-color-swatch--gray { background: #6b7280; }

/* Price range */
.sf-price-range,
#smartFilter .rangeSlider {
	max-width: none;
	width: 100%;
}

.sf-price-range__inputs {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	margin-bottom: 14px;
}

.sf-price-range__field {
	flex: 1;
	min-width: 0;
}

.sf-price-range__label,
#smartFilter .rangeSlider label {
	display: block;
	margin: 0 0 4px;
	padding: 0;
	font: 500 11px/1 'Roboto', Arial, sans-serif;
	color: #64748b;
	text-transform: lowercase;
}

.sf-price-range__input-wrap {
	position: relative;
	display: block;
}

.sf-price-range__input,
#smartFilter .rangeSlider input[type="text"] {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	background: #f8fafc;
	font: 500 14px/40px 'Roboto', Arial, sans-serif;
	color: #0f172a;
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.sf-price-range__input--max {
	padding-right: 28px;
}

.sf-price-range__input:focus {
	outline: none;
	border-color: #16a1ff;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(22, 161, 255, 0.15);
}

.sf-price-range__currency {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font: 500 14px/1 'Roboto', Arial, sans-serif;
	color: #64748b;
	pointer-events: none;
}

.sf-price-range__sep {
	flex: 0 0 auto;
	padding-bottom: 10px;
	color: #94a3b8;
	font-size: 14px;
}

.sf-price-range__slider,
#smartFilter .slider {
	display: block;
	position: relative;
	width: 100%;
	height: 32px;
	margin-top: 4px;
}

.sf-price-range__slider .handler,
#smartFilter .slider .handler {
	position: absolute;
	left: 0;
	right: 0;
	top: 13px;
	height: 4px;
	border-radius: 999px;
	background: #16a1ff;
	cursor: pointer;
}

.sf-price-range__slider .blackoutLeft,
.sf-price-range__slider .blackoutRight,
#smartFilter .slider .blackoutLeft,
#smartFilter .slider .blackoutRight {
	position: absolute;
	top: 0;
	height: 4px;
	background: #e2e8f0;
	border-radius: 999px;
}

.sf-price-range__slider .blackoutLeft,
#smartFilter .slider .blackoutLeft {
	left: 0;
}

.sf-price-range__slider .blackoutRight,
#smartFilter .slider .blackoutRight {
	right: 0;
}

.sf-price-range__slider .trans,
#smartFilter .slider .trans {
	transition: width 0.2s ease;
}

.sf-price-range__slider ins,
#smartFilter .slider ins {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #16a1ff;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
	position: absolute;
	top: -8px;
	z-index: 2;
	cursor: grab;
}

.sf-price-range__slider ins.left,
#smartFilter .slider ins.left {
	right: -10px;
}

.sf-price-range__slider ins.right,
#smartFilter .slider ins.right {
	left: -10px;
}

/* Actions */
.sf-filter__actions,
#smartFilter .buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	padding-top: 4px;
}

.sf-btn,
#smartFilter #set_filter,
#smartFilter #del_filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 42px;
	padding: 0 14px;
	border: 0;
	border-radius: 10px;
	font: 600 13px/1 'Roboto', Arial, sans-serif;
	letter-spacing: 0.02em;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}

.sf-btn__icon {
	font-size: 16px;
	line-height: 1;
}

.sf-btn--primary,
#smartFilter #set_filter {
	background: #16a1ff;
	color: #fff;
	box-shadow: 0 4px 14px rgba(22, 161, 255, 0.35);
}

.sf-btn--primary:hover,
#smartFilter #set_filter:hover {
	background: #0d8ae6;
}

.sf-btn--ghost,
#smartFilter #del_filter {
	background: #64748b;
	color: #fff;
	margin-left: 0;
}

.sf-btn--ghost:hover,
#smartFilter #del_filter:hover {
	background: #475569;
}

.sf-btn:active {
	transform: translateY(1px);
}

#smartFilter #set_filter img,
#smartFilter #del_filter img {
	display: none;
}

/* Instant count popup */
.sf-modef,
#smartFilter .modef {
	position: absolute;
	z-index: 99;
	right: 245px;
	background: rgba(28, 30, 34, 0.95);
	backdrop-filter: blur(4px);
	border-radius: 12px;
	padding: 12px 16px;
	min-width: 280px;
	color: #f5f5f5;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
	opacity: 0;
	transform: translateY(8px) scale(0.98);
	animation: modef-show 0.25s ease forwards;
}

.sf-modef__apply,
#smartFilter .modef a:not(.close) {
	color: #fff;
	background: linear-gradient(135deg, #0072ff, #0051d4);
	padding: 6px 14px;
	margin-left: 10px;
	border-radius: 8px;
	font-weight: 500;
	text-decoration: none;
	font-size: 13px;
	box-shadow: 0 3px 10px rgba(0, 114, 255, 0.3);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.sf-modef__apply:hover,
#smartFilter .modef a:not(.close):hover {
	transform: translateY(-1px);
	box-shadow: 0 5px 14px rgba(0, 114, 255, 0.4);
}

.sf-modef__close,
#smartFilter .modef a.close {
	background: none;
	box-shadow: none;
	color: #aaa;
	font-size: 18px;
	padding: 0;
	margin: 0 0 0 auto;
	display: inline-block;
	line-height: 1;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	text-align: center;
	border: 0;
	cursor: pointer;
}

.sf-modef__close:hover,
#smartFilter .modef a.close:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.sf-modef__close::before,
#smartFilter .modef a.close::before {
	content: "✕";
	display: block;
	font-size: 16px;
	line-height: 24px;
}

#smartFilter .modef span#modef_num {
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	color: #fff;
	padding: 3px 8px;
	background: #0072ff;
	border-radius: 6px;
	margin: 0 4px;
}

@keyframes modef-show {
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* Legacy hooks — hide old expand control */
#smartFilter .showALL,
#smartFilter li.lvl2.off {
	display: none !important;
}

/* Сброс старых стилей чекбоксов внутри фильтра */
#smartFilterForm .fh-switch,
#smartFilter .fh-switch {
	position: static;
	float: none;
	width: auto;
}

#smartFilterForm .fh-switch > [type="checkbox"]:checked + label,
#smartFilterForm .fh-switch > [type="checkbox"]:not(:checked) + label,
#smartFilterForm li ul li label:not(.sf-check):not(.sf-price-range__field) {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

#smartFilterForm li.lvl2 {
	display: block;
	float: none;
}

.sf-price-range__hidden {
	display: none !important;
}

/* Legacy switch (other pages) */
.fh-switch {
	position: relative;
	float: left;
}

/* End */


/* Start:/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.section/line/style.min.css?178895177720948*/
/* Листинг товаров «строки» — десктоп. Корень #catalogLines.lst.
   Все правила с id-префиксом, чтобы перебивать глобальные #mainContentRight h3 и т.п.
   Тизеры GetTizers (ul.description_tizers li.dtN) стилизуются здесь же. */

#catalogLines.lst {
    container-type: inline-size;
    container-name: lst;
    --lst-text: #1c1f24;
    --lst-muted: #6b7280;
    --lst-line: #e5e7eb;
    --lst-line-strong: #d3d6db;
    --lst-surface: #fff;
    --lst-surface-2: #f6f7f9;
    --lst-accent: #ff7a00;
    --lst-accent-dark: #e86d00;
    --lst-accent-soft: #fff3e6;
    --lst-ok: #16a34a;
    --lst-warn: #d97706;
    --lst-off: #9ca3af;
    --lst-radius: 14px;
    --lst-font: 'Onest', Roboto, "Helvetica Neue", Arial, sans-serif;
    --lst-display: 'Unbounded', 'Onest', Roboto, Arial, sans-serif;
    --lst-ease: cubic-bezier(.32, .72, 0, 1);

    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 8px 0 24px;
    color: var(--lst-text);
    font-family: var(--lst-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}
#catalogLines.lst :where(h3, p, ul, li) { margin: 0; padding: 0; list-style: none; }
#catalogLines.lst :where(a) { text-decoration: none; }
#catalogLines.lst :where(img) { display: block; max-width: 100%; }

#catalogLines.lst .lst-banner { margin: 4px 0; }

/* Строка товара */
/* Страницы каталога: глобальный #mainContentRight.aside резервирует 540px, хотя умный фильтр
   занимает 270px — вторые 270px остались от левого меню, которого здесь нет. Отдаём их листингу. */
#mainContent:has(#catalogLines) #mainContentRight.aside {
    width: calc(100% - 300px);
}
#catalogLines.lst .lst-item {
    /* Глобальное styles.css: article{max-width:950px}. Строки листинга — <article>, поэтому
       без сброса они не тянулись шире 950px, а колонка описания схлопывалась. */
    max-width: none;
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 236px 300px;
    gap: 20px;
    padding: 18px;
    background: var(--lst-surface);
    border: 1px solid var(--lst-line);
    border-radius: var(--lst-radius);
    transition: border-color .2s, box-shadow .25s var(--lst-ease), transform .25s var(--lst-ease);
}
#catalogLines.lst .lst-item:hover {
    border-color: var(--lst-line-strong);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 14px 32px -18px rgba(16, 24, 40, .22);
    transform: translateY(-1px);
}
#catalogLines.lst .lst-item--out { background: var(--lst-surface-2); }

/* Колонка фото: квадрат с картинкой и под ним строка точек (только у товаров с несколькими фото) */
#catalogLines.lst .lst-item__media {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: start;
    min-width: 0;
}
#catalogLines.lst .lst-media__frame {
    position: relative;
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    padding: 8px;
    border-radius: 10px;
    background: var(--lst-surface-2);
    overflow: hidden;
}
/* Стек кадров: первый выводит PHP, остальные добавляет скрипт при наведении. Масштаб при hover —
   на стеке, а не на <img>, иначе при смене кадра он дёргается. */
#catalogLines.lst .lst-media__stack { position: relative; display: block; width: 100%; height: 100%; transition: transform .5s var(--lst-ease); }
#catalogLines.lst .lst-item:hover .lst-media__stack { transform: scale(1.05); }
#catalogLines.lst .lst-item--out .lst-media__stack { opacity: .6; }
#catalogLines.lst .lst-media__stack img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; opacity: 0; transition: opacity .12s; }
#catalogLines.lst .lst-media__stack img.is-active { opacity: 1; }

/* Точки-индикаторы под фото, как на Маркете: видны всегда, активная вытянута и тёмная,
   остальные круглые и светлее. Наведение на строку точек тоже листает — она внутри обёртки. */
#catalogLines.lst .lst-media__dots { display: flex; justify-content: center; align-items: center; gap: 4px; height: 8px; padding: 0 8px; }
/* Ширина активной точки растёт с лёгким перелётом (overshoot-кривая), цвет меняется чуть быстрее */
#catalogLines.lst .lst-media__dot { display: block; width: 5px; height: 5px; border-radius: 999px; background: var(--lst-line-strong); font-style: normal; transition: width .22s cubic-bezier(.34, 1.56, .64, 1), background .18s; }
#catalogLines.lst .lst-media__dot.is-active { width: 16px; background: var(--lst-text); }
#catalogLines.lst .lst-media__more { margin-left: 2px; font-size: 10px; font-weight: 500; line-height: 1; color: var(--lst-muted); }
#catalogLines.lst .lst-item__nophoto { width: 48px; height: 36px; border: 2px dashed var(--lst-line-strong); border-radius: 6px; }
#catalogLines.lst .lst-pill { position: absolute; top: 10px; left: 10px; padding: 3px 8px; border-radius: 999px; background: #be123c; color: #fff; font-size: 12px; font-weight: 600; }

#catalogLines.lst .lst-item__body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
#catalogLines.lst .lst-badges { display: flex; flex-wrap: wrap; gap: 6px; }
#catalogLines.lst .lst-badge { padding: 2px 8px; border-radius: 999px; border: 1px solid var(--lst-line); background: var(--lst-surface-2); font-size: 11px; font-weight: 500; color: var(--lst-text); }
#catalogLines.lst .lst-badge--sale { background: #fff1f2; border-color: #fecdd3; color: #be123c; }
#catalogLines.lst .lst-badge--new { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
#catalogLines.lst .lst-badge--popular { background: var(--lst-accent-soft); border-color: #fed7aa; color: #c2410c; }
#catalogLines.lst .lst-badge--japan, #catalogLines.lst .lst-badge--germany { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
#catalogLines.lst .lst-badge--marker { background: var(--lst-text); border-color: var(--lst-text); color: #fff; }

#catalogLines.lst .lst-item__title,
#mainContentRight #catalogLines.lst h3.lst-item__title {
    margin: 0;
    padding: 0;
    font: 500 16px/1.35 var(--lst-font);
    letter-spacing: 0;
    color: var(--lst-text);
}
#catalogLines.lst .lst-item__title a { color: var(--lst-text); transition: color .15s; }
#catalogLines.lst .lst-item__title a:hover { color: var(--lst-accent-dark); }
#catalogLines.lst .lst-item__meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--lst-muted); font-variant-numeric: tabular-nums; }

/* Тизеры GetTizers */
#catalogLines.lst .lst-item__chips ul.description_tizers { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; padding: 0; }
#catalogLines.lst .lst-item__chips ul.description_tizers li {
    list-style: none;
    margin: 0;
    padding: 4px 9px;
    border-radius: 6px;
    background: var(--lst-surface-2) !important;
    color: var(--lst-text) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    float: none;
}
/* Ключевые характеристики для не-ноутбуков (LbProductCard::keySpecsFromProperties): подпись + значение */
#catalogLines.lst ul.lst-specs { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; padding: 0; list-style: none; }
#catalogLines.lst .lst-spec {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    margin: 0;
    padding: 4px 9px;
    border-radius: 6px;
    background: var(--lst-surface-2);
    font-size: 12px;
    line-height: 1.2;
    float: none;
    list-style: none;
}
#catalogLines.lst .lst-spec__label { color: var(--lst-muted); font-weight: 400; }
#catalogLines.lst .lst-spec__label::after { content: ':'; }
#catalogLines.lst .lst-spec__value { color: var(--lst-text); font-weight: 500; }

#catalogLines.lst .lst-item__note { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 6px 10px; border-radius: 8px; background: #eef6ff; color: #1e3a8a; font-size: 12px; }

/* Колонка покупки */
#catalogLines.lst .lst-item__buy { display: flex; flex-direction: column; gap: 8px; padding-left: 20px; border-left: 1px solid var(--lst-line); }
#catalogLines.lst .lst-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
#catalogLines.lst .lst-price__value { font-family: var(--lst-display); font-size: 22px; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; font-variant-numeric: tabular-nums; }
#catalogLines.lst .lst-price__value--na { font-size: 16px; color: var(--lst-muted); }
#catalogLines.lst .lst-price__old { font-size: 14px; color: var(--lst-muted); }
#catalogLines.lst .lst-price__b2b { font-size: 12px; color: var(--lst-muted); }
#catalogLines.lst .lst-price__b2b b { color: var(--lst-text); font-weight: 600; font-variant-numeric: tabular-nums; }
#catalogLines.lst .lst-price__split :where(div) { margin: 0 !important; }

#catalogLines.lst .lst-stock { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; }
#catalogLines.lst .lst-stock__dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--lst-off); }
#catalogLines.lst .lst-stock__dot--on { background: var(--lst-ok); box-shadow: 0 0 0 3px rgba(22, 163, 74, .14); }
#catalogLines.lst .lst-stock__dot--wait { background: var(--lst-warn); }

#catalogLines.lst .lst-actions { display: flex; gap: 8px; margin-top: auto; }
#catalogLines.lst .lst-btn, #catalogLines.lst .lst-btn:visited {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 42px; padding: 0 16px; border-radius: 10px; border: 1px solid transparent;
    font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; text-decoration: none;
    transition: background .15s, color .15s, border-color .15s, transform .08s;
}
#catalogLines.lst .lst-btn:active { transform: scale(.98); }
#catalogLines.lst .lst-btn:focus-visible { outline: 2px solid var(--lst-accent); outline-offset: 2px; }
#catalogLines.lst .lst-btn--primary, #catalogLines.lst .lst-btn--primary:visited { flex: 1; background: var(--lst-accent); color: #fff; }
#catalogLines.lst .lst-btn--primary:hover { background: var(--lst-accent-dark); color: #fff; }
#catalogLines.lst .lst-btn--primary.added, #catalogLines.lst .lst-btn--primary.loading { background: var(--lst-ok); color: #fff; }
#catalogLines.lst .lst-btn--secondary, #catalogLines.lst .lst-btn--secondary:visited { flex: 1; background: var(--lst-surface); color: var(--lst-text); border-color: var(--lst-line-strong); font-size: 13px; }
#catalogLines.lst .lst-btn--secondary:hover { border-color: var(--lst-text); color: var(--lst-text); }
#catalogLines.lst .lst-btn--icon, #catalogLines.lst .lst-btn--icon:visited { width: 42px; padding: 0; background: var(--lst-surface); color: var(--lst-text); border-color: var(--lst-line-strong); }
#catalogLines.lst .lst-btn--icon:hover { border-color: var(--lst-text); color: var(--lst-text); }
#catalogLines.lst .lst-btn--icon.added { border-color: var(--lst-ok); color: var(--lst-ok); }
#catalogLines.lst .lst-btn--icon.added img { display: none; }

/* Пустой раздел */
#catalogLines ~ #empty .info, .lst-empty .info { padding: 32px 0; font-family: 'Onest', Roboto, Arial, sans-serif; }
.lst-empty .back { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: 10px; background: #ff7a00; color: #fff !important; font-weight: 600; text-decoration: none !important; }

/* Информер доставки выключен в настройках модуля — возвращаем строку к трём колонкам */
#catalogLines.lst--no-dlv .lst-item { grid-template-columns: 200px minmax(0, 1fr) 300px; }
#catalogLines.lst--no-dlv .lst-item__dlv { display: none !important; }
@container lst (max-width: 1099px) {
    #catalogLines.lst--no-dlv .lst-item { grid-template-columns: 180px minmax(0, 1fr) 300px; }
}
@container lst (max-width: 900px) {
    #catalogLines.lst--no-dlv .lst-item { grid-template-columns: 160px minmax(0, 1fr) 260px; }
}
@container lst (max-width: 720px) {
    #catalogLines.lst--no-dlv .lst-item { grid-template-columns: 140px minmax(0, 1fr); }
}

/* ---------- Колонка доставки в строке ---------- */
#catalogLines.lst .lst-item__dlv { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding-top: 2px; font-size: 13px; }
#catalogLines.lst .lst-dlv__skel { height: 14px; border-radius: 6px; background: linear-gradient(90deg, var(--lst-surface-2) 25%, #eceef1 50%, var(--lst-surface-2) 75%); background-size: 200% 100%; animation: lstSkel 1.2s linear infinite; }
#catalogLines.lst .lst-dlv__skel--short { width: 70%; }
@keyframes lstSkel { from { background-position: 200% 0; } to { background-position: -200% 0; } }
#catalogLines.lst .lst-dlv__muted { color: var(--lst-muted); font-size: 12.5px; }
#catalogLines.lst .lst-dlv__row { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 4px 8px; align-items: center; }
#catalogLines.lst .lst-dlv__ico { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; background: var(--lst-surface-2); color: var(--lst-muted); font-size: 11px; font-weight: 700; line-height: 1; }
#catalogLines.lst .lst-dlv__ico--ya { background: transparent; padding: 0; }
#catalogLines.lst .lst-dlv__ico.lst-dlv__ico--ya svg { width: 20px; height: 20px; display: block; }
#catalogLines.lst .lst-dlv__ico--cdek { background: #00b33c; color: #fff; font-size: 8px; }
#catalogLines.lst .lst-dlv__ico--dpd { background: #dc0032; color: #fff; font-size: 8px; }
#catalogLines.lst .lst-dlv__ico svg { width: 14px; height: 14px; }
#catalogLines.lst .lst-dlv__label { color: var(--lst-muted); font-size: 12px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#catalogLines.lst .lst-dlv__when { grid-column: 2; font-weight: 600; line-height: 1.2; }
#catalogLines.lst .lst-dlv__when--soon { color: #166534; }
#catalogLines.lst .lst-dlv__price { grid-column: 3; grid-row: 1 / span 2; align-self: center; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
#catalogLines.lst .lst-dlv__price--free { color: #166534; }
#catalogLines.lst .lst-dlv__row--ya .lst-dlv__label { color: var(--lst-text); font-weight: 500; }
#catalogLines.lst .lst-dlv__all { margin-top: 2px; font-size: 12px; color: var(--lst-muted); }
#catalogLines.lst .lst-dlv__all a { color: var(--lst-muted); text-decoration: underline; text-decoration-color: var(--lst-line-strong); text-underline-offset: 2px; }
#catalogLines.lst .lst-dlv__all a:hover { color: var(--lst-text); }

/* ---------- Чип города ---------- */
#catalogLines.lst .lst-city { position: relative; display: flex; align-items: center; gap: 8px; width: fit-content; padding: 6px 12px 6px 10px; border: 1px solid var(--lst-line); border-radius: 999px; background: var(--lst-surface); font-size: 13px; }
#catalogLines.lst .lst-city__pin { color: var(--lst-accent); }
#catalogLines.lst .lst-city__name { font-weight: 600; }
#catalogLines.lst .lst-city__skel { display: inline-block; width: 64px; height: 12px; border-radius: 6px; vertical-align: -1px; background: var(--lst-surface-2); animation: lstSkel 1.2s linear infinite; background-image: linear-gradient(90deg, var(--lst-surface-2) 25%, #eceef1 50%, var(--lst-surface-2) 75%); background-size: 200% 100%; }
#catalogLines.lst .lst-city__change { font: inherit; font-size: 12.5px; color: var(--lst-accent-dark); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-decoration-color: rgba(232, 109, 0, .4); text-underline-offset: 2px; }
#catalogLines.lst .lst-city__change:hover { color: var(--lst-accent); }
#catalogLines.lst .lst-city__pop { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; width: 320px; padding: 14px; border: 1px solid var(--lst-line); border-radius: 14px; background: var(--lst-surface); box-shadow: 0 16px 40px -12px rgba(16, 24, 40, .25); }
#catalogLines.lst .lst-city__label { display: block; margin-bottom: 6px; font-size: 12px; color: var(--lst-muted); }
#catalogLines.lst .lst-city__input { width: 100%; box-sizing: border-box; height: 40px; padding: 0 12px; border: 1px solid var(--lst-line-strong); border-radius: 10px; font: inherit; font-size: 14px; color: var(--lst-text); background: var(--lst-surface); outline: none; }
#catalogLines.lst .lst-city__input:focus { border-color: var(--lst-accent); box-shadow: 0 0 0 3px rgba(255, 122, 0, .2); }
#catalogLines.lst .lst-city__list { max-height: 240px; overflow: auto; margin: 6px 0 0; }
#catalogLines.lst .lst-city__list li { padding: 8px 10px; border-radius: 8px; cursor: pointer; line-height: 1.3; }
#catalogLines.lst .lst-city__list li:hover, #catalogLines.lst .lst-city__list li.is-active { background: var(--lst-accent-soft); }
#catalogLines.lst .lst-city__list small { display: block; color: var(--lst-muted); font-size: 11.5px; }
#catalogLines.lst .lst-city__hint { margin-top: 8px; font-size: 12px; color: var(--lst-muted); }
#catalogLines.lst .lst-city__list:not(:empty) + .lst-city__hint { display: none; }

/* Четыре колонки только когда самому листингу хватает места (≥1100px): иначе колонка доставки
   уходит под описание. Ширина окна тут ни при чём — важна ширина контейнера рядом с фильтром. */
@container lst (max-width: 1099px) {
    #catalogLines.lst .lst-item { grid-template-columns: 180px minmax(0, 1fr) 300px; }
    #catalogLines.lst .lst-item__media { grid-row: 1 / span 2; }
    #catalogLines.lst .lst-item__buy { grid-row: 1 / span 2; }
    #catalogLines.lst .lst-item__dlv { grid-column: 2; grid-row: 2; padding-top: 10px; border-top: 1px dashed var(--lst-line); }
    #catalogLines.lst .lst-item__dlv--empty { display: none; }
}
@container lst (max-width: 900px) {
    #catalogLines.lst .lst-item { grid-template-columns: 160px minmax(0, 1fr) 260px; gap: 16px; }
}
@container lst (max-width: 720px) {
    #catalogLines.lst .lst-item { grid-template-columns: 140px minmax(0, 1fr); }
    #catalogLines.lst .lst-item__media { grid-row: auto; }
    #catalogLines.lst .lst-item__dlv { grid-column: 2; grid-row: auto; }
    #catalogLines.lst .lst-item__buy { grid-column: 1 / -1; padding-left: 0; border-left: 0; padding-top: 12px; border-top: 1px solid var(--lst-line); flex-direction: row; flex-wrap: wrap; align-items: center; }
    #catalogLines.lst .lst-actions { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
    #catalogLines.lst * { transition: none !important; }
}

/* ---------- Нейтрализация глобальных правил .addCart/.addSku/.addCompare из template_styles.css
   (uppercase, точка ::before, padding/color с !important, margin-left:-12px, display:block у .added) ---------- */
#catalogLines.lst .lst-btn.addCart, #catalogLines.lst .lst-btn.addSku, #catalogLines.lst .lst-btn.addCompare,
#catalogLines.lst .lst-btn.addCart:hover, #catalogLines.lst .lst-btn.addCart:active, #catalogLines.lst .lst-btn.addCart.loading, #catalogLines.lst .lst-btn.addCart.added,
#catalogLines.lst .lst-btn.addSku:hover, #catalogLines.lst .lst-btn.addSku:active {
    text-transform: none;
    text-align: center;
    margin: 0 !important;
    z-index: auto;
    background-image: none;
    vertical-align: baseline;
    display: inline-flex;
    line-height: 1;
}
#catalogLines.lst .lst-btn.addCart::before, #catalogLines.lst .lst-btn.addCart.added::before, #catalogLines.lst .lst-btn.addCart.disabled::before,
#catalogLines.lst .lst-btn.addSku::before, #catalogLines.lst .lst-btn.addCompare::before {
    content: none !important;
    display: none !important;
}
#catalogLines.lst .lst-btn.addCart, #catalogLines.lst .lst-btn.addSku, #catalogLines.lst .lst-btn.addCart:hover, #catalogLines.lst .lst-btn.addCart.added { padding: 0 16px !important; }
#catalogLines.lst .lst-btn--icon.addCompare, #catalogLines.lst .lst-btn--icon.addCompare:hover { padding: 0 !important; color: var(--lst-text) !important; }
#catalogLines.lst .lst-btn--icon.addCompare.added { color: var(--lst-ok) !important; }
#catalogLines.lst .lst-btn--primary.addCart, #catalogLines.lst .lst-btn--primary.addCart:hover, #catalogLines.lst .lst-btn--primary.addSku { color: #fff !important; }

/* End */


/* Start:/local/templates/ls/components/bitrix/system.pagenavigation/round/style.min.css?17153291422530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */
/* /local/templates/ls/components/electro/catalog/.fujitsu/style.min.css?175794032415440 */
/* /local/templates/ls/components/bitrix/catalog.smart.filter/.fujitsu/style.css?177922270710261 */
/* /local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.section/line/style.min.css?178895177720948 */
/* /local/templates/ls/components/bitrix/system.pagenavigation/round/style.min.css?17153291422530 */