/* 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/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook_pdp/style.css?179027645635407*/
/* ==========================================================================
   Карточка товара lifebook_pdp — десктоп
   Корень: #pdp. Все правила начинаются с #pdp (или .lb-pdp-page для обвязки
   страницы), чтобы перебивать глобальные селекторы шаблона ls:
   #mainContentRight h1/h3, aside{float:right;width:270px}, a:hover и т.п.
   Сброс наследуемых свойств сделан через :where() — он не добавляет
   специфичности, поэтому стили компонента всегда выигрывают у сброса.
   ========================================================================== */

#pdp {
    --pdp-text: #1c1f24;
    --pdp-muted: #6b7280;
    --pdp-line: #e5e7eb;
    --pdp-line-strong: #d3d6db;
    --pdp-surface: #ffffff;
    --pdp-surface-2: #f6f7f9;
    --pdp-accent: #ff7a00;
    --pdp-accent-dark: #e86d00;
    --pdp-accent-soft: #fff3e6;
    --pdp-link: #0a7ddd;
    --pdp-ok: #16a34a;
    --pdp-warn: #d97706;
    --pdp-off: #9ca3af;
    --pdp-danger: #dc2626;
    --pdp-yandex: #ffd60a;
    --pdp-radius: 14px;
    --pdp-radius-sm: 8px;
    --pdp-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px -12px rgba(16, 24, 40, .12);
    --pdp-buy-w: 380px;
    --pdp-thumb: 72px;
    --pdp-gap: 24px;
    --pdp-sticky-top: calc(var(--lb-header-offset, 96px) + 16px);
    --pdp-font: 'Onest', Roboto, "Helvetica Neue", Arial, sans-serif;
    --pdp-display: 'Unbounded', 'Onest', Roboto, Arial, sans-serif;
    --pdp-shadow-tint: rgba(255, 122, 0, .18);

    color: var(--pdp-text);
    font-family: var(--pdp-font);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.45;
    margin: 0 0 40px;
    container-type: inline-size;
}

/* ---------- Обвязка страницы: колонка на всю ширину, без чужого aside ---------- */
.lb-pdp-page #mainContentRight.aside,
#mainContentRight.aside:has(#pdp) {
    width: 100%;
}
.lb-pdp-page #mainContent > aside,
#mainContent:has(#pdp) > aside {
    display: none;
}

/* ---------- Сброс глобальных стилей внутри карточки ---------- */
#pdp :where(aside, section, article, nav, figure, header, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, p) {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    clear: none;
    list-style: none;
}
#pdp :where(figure, img, picture, video) {
    display: block;
    max-width: 100%;
}
#pdp :where(button) {
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
}
#pdp :where(a) {
    color: var(--pdp-link);
    text-decoration: none;
}
#pdp :where(a):hover {
    color: var(--pdp-accent-dark);
}
#pdp :where(b, strong) {
    font-weight: 600;
}
#pdp :where(small) {
    font-size: .86em;
    color: var(--pdp-muted);
}
#pdp .pdp-hidden {
    display: none !important;
}

/* ---------- Навигация бренд / серия ---------- */
#pdp .pdp-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 18px;
}
#pdp .pdp-tags__item {
    position: relative;
}
#pdp .pdp-tags__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border: 1px solid var(--pdp-line-strong);
    border-radius: 999px;
    color: var(--pdp-text);
    font-size: 13px;
    font-weight: 500;
    background: var(--pdp-surface);
    transition: border-color .15s, background .15s;
}
#pdp .pdp-tags__link:hover,
#pdp .pdp-tags__item--dd:hover .pdp-tags__link {
    border-color: var(--pdp-text);
    color: var(--pdp-text);
}
#pdp .pdp-tags__arrow {
    color: var(--pdp-muted);
}
#pdp .pdp-tags__menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    min-width: 220px;
    max-height: 360px;
    overflow: auto;
    padding: 6px;
    background: var(--pdp-surface);
    border: 1px solid var(--pdp-line);
    border-radius: var(--pdp-radius-sm);
    box-shadow: var(--pdp-shadow);
    display: none;
}
#pdp .pdp-tags__item--dd:hover .pdp-tags__menu,
#pdp .pdp-tags__item--dd:focus-within .pdp-tags__menu {
    display: block;
}
#pdp .pdp-tags__menu a {
    display: block;
    padding: 8px 10px;
    border-radius: 6px;
    color: var(--pdp-text);
    font-size: 13px;
}
#pdp .pdp-tags__menu a:hover {
    background: var(--pdp-surface-2);
}

/* ---------- Заголовок ---------- */
#pdp .pdp-head {
    margin: 0 0 20px;
}
#pdp .pdp-title {
    margin: 0 0 10px;
    padding: 0;
    font: 500 26px/1.25 var(--pdp-display);
    letter-spacing: -.015em;
    color: var(--pdp-text);
    max-width: 62ch;
    text-wrap: balance;
}
#pdp .pdp-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 18px;
    font-size: 13px;
    color: var(--pdp-muted);
}
#pdp .pdp-meta__label {
    color: var(--pdp-muted);
}
#pdp .pdp-meta__value {
    color: var(--pdp-text);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}
#pdp .pdp-copy {
    border-bottom: 1px dashed var(--pdp-line-strong);
    padding: 0;
    line-height: 1.2;
}
#pdp .pdp-copy:hover {
    border-bottom-color: var(--pdp-text);
}
#pdp .pdp-copy.is-copied {
    color: var(--pdp-ok);
}
#pdp .pdp-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    background: var(--pdp-surface-2);
    color: var(--pdp-text);
    border: 1px solid var(--pdp-line);
}
#pdp .pdp-badge--sale { background: #fff1f2; border-color: #fecdd3; color: #be123c; }
#pdp .pdp-badge--new { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
#pdp .pdp-badge--popular { background: var(--pdp-accent-soft); border-color: #fed7aa; color: #c2410c; }
#pdp .pdp-badge--japan, #pdp .pdp-badge--germany { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
#pdp .pdp-badge--milstd { background: #f5f3ff; border-color: #ddd6fe; color: #5b21b6; }

#pdp .pdp-keys {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
}
#pdp .pdp-keys__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 96px;
    padding: 8px 12px;
    border: 1px solid var(--pdp-line);
    border-radius: 10px;
    background: var(--pdp-surface);
}
#pdp .pdp-keys__label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--pdp-muted);
}
#pdp .pdp-keys__value {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
#pdp .pdp-keys__item { transition: border-color .2s, transform .25s cubic-bezier(.32, .72, 0, 1); }
#pdp .pdp-keys__item:hover { border-color: var(--pdp-line-strong); transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) {
    #pdp *, #pdp *::before, #pdp *::after { transition: none !important; animation: none !important; }
}

#pdp .pdp-notice {
    margin: 0 0 16px;
    padding: 12px 16px;
    border-radius: var(--pdp-radius-sm);
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

/* ---------- Основная область ---------- */
#pdp .pdp-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--pdp-buy-w);
    gap: var(--pdp-gap);
    align-items: start;
    margin: 0 0 28px;
}

/* Галерея */
#pdp .pdp-gallery {
    display: grid;
    grid-template-columns: var(--pdp-thumb) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}
#pdp .pdp-gallery[data-count="1"] {
    grid-template-columns: minmax(0, 1fr);
}
/* Лента миниатюр как на маркетплейсах: высота равна сцене, нативные полосы прокрутки скрыты,
   листание колесом/свайпом и стрелками сверху-снизу, которые появляются только когда есть куда листать */
#pdp .pdp-thumbs-wrap {
    position: relative;
    min-height: 0;
    width: var(--pdp-thumb);
}
#pdp .pdp-thumbs {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#pdp .pdp-thumbs::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
#pdp .pdp-thumbs__item {
    flex: 0 0 auto;
}
#pdp .pdp-thumbs__arrow {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    height: 36px;
    padding: 0;
    border: 0;
    background: linear-gradient(to bottom, var(--pdp-surface) 45%, rgba(255, 255, 255, 0));
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
}
#pdp .pdp-thumbs__arrow--up { top: 0; }
#pdp .pdp-thumbs__arrow--down {
    bottom: 0;
    background: linear-gradient(to top, var(--pdp-surface) 45%, rgba(255, 255, 255, 0));
}
#pdp .pdp-thumbs__arrow.is-visible {
    opacity: 1;
    pointer-events: auto;
}
#pdp .pdp-thumbs__arrow::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-left: 2px solid var(--pdp-text);
    border-top: 2px solid var(--pdp-text);
    transform: translate(-50%, -30%) rotate(45deg);
}
#pdp .pdp-thumbs__arrow--down::before {
    transform: translate(-50%, -70%) rotate(225deg);
}
#pdp .pdp-thumbs__arrow:hover::before {
    border-color: var(--pdp-accent);
}
#pdp .pdp-thumbs__btn {
    display: block;
    width: 100%;
    height: var(--pdp-thumb);
    padding: 4px;
    border: 1px solid var(--pdp-line);
    border-radius: 10px;
    background: var(--pdp-surface);
    transition: border-color .15s, box-shadow .15s;
}
#pdp .pdp-thumbs__btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#pdp .pdp-thumbs__item:hover .pdp-thumbs__btn {
    border-color: var(--pdp-line-strong);
}
#pdp .pdp-thumbs__item.is-active .pdp-thumbs__btn {
    border-color: var(--pdp-text);
    box-shadow: inset 0 0 0 1px var(--pdp-text);
}
#pdp .pdp-thumbs__btn--video {
    display: grid;
    place-items: center;
    background: #111;
}
#pdp .pdp-thumbs__play,
#pdp .pdp-videos__play {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    position: relative;
}
#pdp .pdp-thumbs__play::after,
#pdp .pdp-videos__play::after {
    content: "";
    position: absolute;
    left: 11px;
    top: 8px;
    border-left: 10px solid #111;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

#pdp .pdp-stage {
    position: relative;
    border: 1px solid var(--pdp-line);
    border-radius: var(--pdp-radius);
    background: var(--pdp-surface);
    overflow: hidden;
}
#pdp .pdp-stage__brand {
    position: absolute;
    top: 14px;
    left: 16px;
    z-index: 2;
    max-height: 28px;
    width: auto;
    opacity: .85;
}
#pdp .pdp-stage__track {
    position: relative;
    aspect-ratio: 4 / 3;
    min-height: 420px;
    max-height: min(640px, 72vh);
}
#pdp .pdp-stage__slide {
    position: absolute;
    inset: 0;
    display: none;
    place-items: center;
    padding: 20px;
}
#pdp .pdp-stage__slide.is-active {
    display: grid;
}
/* Кадр сцены держит пропорцию 4:3, а фото бывают выше — квадратные и вертикальные (3:4,
   9:16, те, что готовят под маркетплейсы). Раньше кнопка и картинка были грид-элементами
   с height/max-height в процентах: минимальный размер грид-элемента равен его min-content,
   поэтому строка растягивалась под натуральную высоту снимка, а низ фото срезал
   .pdp-stage с overflow: hidden (на квадратном фото — около 160 px).

   Позиционируем абсолютно: у абсолютного элемента размеры считаются от padding-box
   родителя и уже определены, а object-fit: contain вписывает снимок любой пропорции.
   inset у кнопки повторяет padding слайда — держим их согласованными. */
#pdp .pdp-stage__zoom {
    position: absolute;
    inset: 20px;
    cursor: zoom-in;
}
#pdp .pdp-stage__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
#pdp .pdp-stage__video {
    width: 100%;
    height: 100%;
    background: #000;
}
#pdp .pdp-stage__caption {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 12px;
    font-size: 12px;
    color: var(--pdp-muted);
    text-align: center;
    pointer-events: none;
}
#pdp .pdp-stage__nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    border: 1px solid var(--pdp-line);
    box-shadow: var(--pdp-shadow);
    opacity: 0;
    transition: opacity .15s, transform .15s;
}
#pdp .pdp-stage:hover .pdp-stage__nav,
#pdp .pdp-stage__nav:focus-visible {
    opacity: 1;
}
#pdp .pdp-stage__nav--prev { left: 12px; }
#pdp .pdp-stage__nav--next { right: 12px; }
#pdp .pdp-stage__nav::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 15px;
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--pdp-text);
    border-bottom: 2px solid var(--pdp-text);
    transform: rotate(-45deg);
}
#pdp .pdp-stage__nav--prev::before {
    left: 17px;
    transform: rotate(135deg);
}
#pdp .pdp-stage__nav:hover {
    transform: scale(1.06);
}
#pdp .pdp-stage__counter {
    position: absolute;
    right: 14px;
    top: 12px;
    z-index: 2;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    border: 1px solid var(--pdp-line);
    font-size: 12px;
    color: var(--pdp-muted);
    font-variant-numeric: tabular-nums;
}
#pdp .pdp-stage__counter b {
    color: var(--pdp-text);
}

/* Панель покупки */
#pdp .pdp-buy {
    float: none;
    width: auto;
    min-width: 0;
}
#pdp .pdp-buy__sticky {
    position: sticky;
    top: var(--pdp-sticky-top);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#pdp .pdp-buy__card {
    padding: 20px;
    background: var(--pdp-surface);
    border: 1px solid var(--pdp-line);
    border-radius: var(--pdp-radius);
    box-shadow: var(--pdp-shadow);
}
#pdp .pdp-buy__title {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
}

#pdp .pdp-price__main {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
}
#pdp .pdp-price__value {
    font-family: var(--pdp-display);
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
#pdp .pdp-price__old {
    font-size: 17px;
    color: var(--pdp-muted);
    text-decoration: line-through;
}
#pdp .pdp-price__pill {
    padding: 2px 8px;
    border-radius: 999px;
    background: #fff1f2;
    color: #be123c;
    font-size: 13px;
    font-weight: 600;
}
#pdp .pdp-price__row {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--pdp-line);
}
#pdp .pdp-price__row-value {
    font-size: 17px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
#pdp .pdp-price__row-label {
    font-size: 12px;
    color: var(--pdp-muted);
}
#pdp .pdp-price__row--cash .pdp-price__row-value {
    color: var(--pdp-ok);
}
#pdp .pdp-price__split {
    margin-top: 8px;
}
#pdp .pdp-price__split :where(div) {
    margin: 0 !important;
}
#pdp .pdp-price--none .pdp-price__value {
    font-size: 22px;
}

#pdp .pdp-stock {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0 14px;
    font-size: 14px;
    font-weight: 500;
}
#pdp .pdp-stock small {
    display: block;
    font-weight: 400;
}
#pdp .pdp-stock__dot {
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--pdp-off);
}
#pdp .pdp-stock__dot--on { background: var(--pdp-ok); box-shadow: 0 0 0 4px rgba(22, 163, 74, .14); }
#pdp .pdp-stock__dot--low { background: var(--pdp-warn); box-shadow: 0 0 0 4px rgba(217, 119, 6, .14); }
#pdp .pdp-stock__dot--wait { background: var(--pdp-warn); }
#pdp .pdp-stock__dot--off { background: var(--pdp-off); }

#pdp .pdp-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#pdp .pdp-actions__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
/* «В корзину» и сердечко избранного (lb_wishlist.js) в одну строку.
   .pdp-btn.pdp-fav — чтобы перевесить #pdp .pdp-btn--ghost, объявленный ниже */
#pdp .pdp-actions__buy {
    display: flex;
    gap: 10px;
}
#pdp .pdp-actions__buy > .addCart {
    flex: 1 1 auto;
}
#pdp .pdp-btn.pdp-fav {
    flex: 0 0 48px;
    min-height: 48px;
    padding: 0;
    color: var(--pdp-muted);
}
#pdp .pdp-btn.pdp-fav:hover {
    border-color: #e11d48;
    color: #e11d48;
}
#pdp .pdp-btn.pdp-fav.is-active {
    border-color: #fda4af;
    color: #e11d48;
}
#pdp .pdp-btn.pdp-fav.is-active svg {
    fill: currentColor;
}

/* Кнопки */
#pdp .pdp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s, transform .05s;
    border: 1px solid transparent;
    text-align: center;
}
#pdp .pdp-btn:active {
    transform: translateY(1px) scale(.99);
}
#pdp .pdp-thumbs__btn:focus-visible {
    outline: 2px solid var(--pdp-accent);
    outline-offset: -2px;
}
#pdp .pdp-btn:focus-visible,
#pdp .pdp-anchors__link:focus-visible,
#pdp .pdp-tags__link:focus-visible {
    outline: 2px solid var(--pdp-accent);
    outline-offset: 2px;
}
#pdp .pdp-btn--primary {
    background: var(--pdp-accent);
    color: #fff;
}
#pdp .pdp-btn--primary:hover {
    background: var(--pdp-accent-dark);
    color: #fff;
    box-shadow: 0 10px 24px -12px var(--pdp-shadow-tint);
}
#pdp .pdp-btn--primary.added,
#pdp .pdp-btn--primary.loading {
    background: var(--pdp-ok);
    color: #fff;
}
#pdp .pdp-btn--secondary {
    background: var(--pdp-surface-2);
    color: var(--pdp-text);
    border-color: var(--pdp-line-strong);
}
#pdp .pdp-btn--secondary:hover {
    border-color: var(--pdp-text);
    color: var(--pdp-text);
}
#pdp .pdp-btn--ghost {
    min-height: 42px;
    background: var(--pdp-surface);
    color: var(--pdp-text);
    border-color: var(--pdp-line-strong);
    font-weight: 500;
    font-size: 14px;
}
#pdp .pdp-btn--ghost:hover {
    border-color: var(--pdp-text);
    color: var(--pdp-text);
}
#pdp .pdp-btn--ghost.added {
    border-color: var(--pdp-ok);
    color: var(--pdp-ok);
}
#pdp .pdp-btn--ghost.added img {
    display: none;
}
#pdp .pdp-btn--outline {
    background: var(--pdp-surface);
    color: var(--pdp-accent-dark);
    border-color: var(--pdp-accent);
}
#pdp .pdp-btn--outline:hover {
    background: var(--pdp-accent-soft);
    color: var(--pdp-accent-dark);
}
#pdp .pdp-btn--outline.added {
    background: var(--pdp-ok);
    border-color: var(--pdp-ok);
    color: #fff;
}
#pdp .pdp-btn--small {
    min-height: 36px;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 8px;
}
#pdp .pdp-btn--yandex {
    width: 100%;
    min-height: 44px;
    background: var(--pdp-yandex);
    color: #111;
    font-size: 14px;
}
#pdp .pdp-btn--yandex:hover {
    background: #ffc800;
    color: #111;
}

/* Доставка */
#pdp .pdp-delivery__free {
    margin: -2px 0 10px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #f0fdf4;
    color: #166534;
    font-size: 13px;
    font-weight: 500;
}
#pdp .pdp-delivery__lines {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 12px;
    font-size: 14px;
}
#pdp .pdp-delivery__lines .extra__delivery-info-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
    margin: 0;
    color: var(--pdp-muted);
}
#pdp .pdp-delivery__lines .extra__delivery-info-line strong {
    color: var(--pdp-text);
    font-weight: 600;
    white-space: nowrap;
}
#pdp .pdp-delivery__lines .extra__delivery-city {
    color: var(--pdp-muted);
}
#pdp .pdp-delivery__skeleton {
    display: block;
    height: 14px;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--pdp-surface-2) 25%, #eceef2 50%, var(--pdp-surface-2) 75%);
    background-size: 200% 100%;
    animation: pdp-shimmer 1.2s linear infinite;
}
@keyframes pdp-shimmer {
    to { background-position: -200% 0; }
}
#pdp .pdp-delivery__selected {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    font-size: 13px;
}
#pdp .pdp-delivery__links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 12px;
    font-size: 13px;
}

/* Доверие */
#pdp .pdp-trust {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 20px;
    font-size: 13px;
}
#pdp .pdp-trust li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
#pdp .pdp-trust span {
    color: var(--pdp-muted);
}
#pdp .pdp-trust b {
    text-align: right;
}

/* ---------- Якорная навигация ---------- */
#pdp .pdp-anchors {
    position: sticky;
    top: var(--lb-header-offset, 96px);
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 24px;
    padding: 0 6px 0 0;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--pdp-line);
    backdrop-filter: blur(6px);
}
#pdp .pdp-anchors__list {
    display: flex;
    gap: 4px;
    overflow: auto;
    scrollbar-width: none;
}
#pdp .pdp-anchors__link {
    display: inline-block;
    padding: 14px 14px 12px;
    border-bottom: 2px solid transparent;
    color: var(--pdp-muted);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}
#pdp .pdp-anchors__link:hover {
    color: var(--pdp-text);
}
#pdp .pdp-anchors__link.is-active {
    color: var(--pdp-text);
    border-bottom-color: var(--pdp-accent);
}
#pdp .pdp-anchors__buy {
    display: none;
    align-items: center;
    gap: 14px;
}
#pdp .pdp-anchors.is-compact .pdp-anchors__buy {
    display: flex;
}
#pdp .pdp-anchors__price {
    font-family: var(--pdp-display);
    font-weight: 500;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ---------- Секции ---------- */
#pdp .pdp-section {
    margin: 0 0 36px;
    scroll-margin-top: calc(var(--lb-header-offset, 96px) + 64px);
}
#pdp .pdp-section__title {
    margin: 0 0 14px;
    padding: 0;
    font: 500 20px/1.25 var(--pdp-display);
    letter-spacing: -.01em;
    color: var(--pdp-text);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 14px;
}
#pdp .pdp-section__sub {
    font-size: 15px;
    font-weight: 400;
    color: var(--pdp-muted);
}
#pdp .pdp-section__all {
    font-size: 14px;
    font-weight: 500;
    margin-left: auto;
}

/* Проза */
#pdp .pdp-prose {
    max-width: 88ch;
    font-size: 15px;
    line-height: 1.6;
}
#pdp .pdp-prose + .pdp-section__title {
    margin-top: 28px;
}
#pdp .pdp-prose :where(p) {
    margin: 0 0 12px;
}
#pdp .pdp-prose :where(ul, ol) {
    margin: 0 0 12px 20px;
}
#pdp .pdp-prose :where(ul) li {
    list-style: disc;
}
#pdp .pdp-prose :where(ol) li {
    list-style: decimal;
}
#pdp .pdp-prose :where(table) {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin: 0 0 12px;
    font-size: 14px;
}
#pdp .pdp-prose :where(td, th) {
    padding: 6px 10px;
    border: 1px solid var(--pdp-line);
    vertical-align: top;
}
#pdp .pdp-prose :where(img) {
    height: auto;
    border-radius: var(--pdp-radius-sm);
}
#pdp .pdp-prose--small {
    font-size: 14px;
}
#pdp .pdp-prose--personal {
    padding: 14px 18px;
    border-left: 3px solid var(--pdp-accent);
    background: var(--pdp-accent-soft);
    border-radius: 0 var(--pdp-radius-sm) var(--pdp-radius-sm) 0;
    margin: 0 0 16px;
}
#pdp .pdp-clamp.is-clamped {
    position: relative;
    max-height: calc(1.6em * var(--pdp-clamp-lines, 14));
    overflow: hidden;
}
#pdp .pdp-clamp.is-clamped::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff 80%);
}
#pdp .pdp-clamp__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 8px 0 16px;
    padding: 0;
    color: var(--pdp-link);
    font-size: 14px;
    font-weight: 500;
}
#pdp .pdp-clamp__toggle::after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}
#pdp .pdp-clamp__toggle.is-open::after {
    transform: rotate(-135deg) translateY(-2px);
}

/* Характеристики */
#pdp .pdp-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 28px;
    align-items: start;
}
#pdp .pdp-specs__group {
    padding: 4px 0 8px;
    border-top: 2px solid var(--pdp-text);
}
#pdp .pdp-specs__title {
    margin: 10px 0 6px;
    padding: 0;
    font: 500 15px/1.3 var(--pdp-display);
    color: var(--pdp-text);
}
#pdp .pdp-specs__row {
    display: grid;
    grid-template-columns: minmax(140px, 42%) minmax(0, 1fr);
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--pdp-line);
    font-size: 14px;
}
#pdp .pdp-specs__row:last-child {
    border-bottom: 0;
}
#pdp .pdp-specs__name {
    color: var(--pdp-muted);
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
#pdp .pdp-specs__value {
    color: var(--pdp-text);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
#pdp .pdp-specs__multi li {
    list-style: none;
    padding: 0 0 2px;
}
#pdp .pdp-specs__link {
    border-bottom: 1px dotted currentColor;
    color: var(--pdp-text);
}
#pdp .pdp-specs__link:hover {
    color: var(--pdp-link);
}
#pdp .pdp-specs__swatch {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .15);
    vertical-align: -1px;
}
#pdp .pdp-hint {
    flex: none;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    border-radius: 50%;
    background: var(--pdp-line-strong);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    cursor: help;
}
#pdp .pdp-hint::before {
    content: "?";
}
#pdp .pdp-note {
    margin: 18px 0 0;
    max-width: 100ch;
    font-size: 12px;
    color: var(--pdp-muted);
}

/* Документы */
#pdp .pdp-docs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px 40px;
}
#pdp .pdp-docs__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#pdp .pdp-docs__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--pdp-line);
    border-radius: 10px;
    color: var(--pdp-text);
    background: var(--pdp-surface);
    transition: border-color .15s;
}
#pdp .pdp-docs__link:hover {
    border-color: var(--pdp-text);
    color: var(--pdp-text);
}
#pdp .pdp-docs__ext {
    flex: none;
    min-width: 42px;
    padding: 6px 0;
    border-radius: 6px;
    background: #fee2e2;
    color: #991b1b;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .04em;
}
#pdp .pdp-docs__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 14px;
}

/* Видео */
#pdp .pdp-videos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}
#pdp .pdp-videos__item {
    position: relative;
    display: block;
    border-radius: var(--pdp-radius-sm);
    overflow: hidden;
    background: #000;
    aspect-ratio: 16 / 9;
}
#pdp .pdp-videos__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .9;
}
#pdp .pdp-videos__play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
}
#pdp .pdp-videos__play::after {
    left: 19px;
    top: 15px;
    border-left-width: 14px;
    border-top-width: 9px;
    border-bottom-width: 9px;
}

/* Обзоры */
#pdp .pdp-overviews {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
#pdp .pdp-overviews__item {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
    padding: 16px;
    border: 1px solid var(--pdp-line);
    border-radius: var(--pdp-radius);
    background: var(--pdp-surface);
}
#pdp .pdp-overviews__cover img {
    width: 100%;
    border-radius: var(--pdp-radius-sm);
}
#pdp .pdp-overviews__title {
    margin: 0 0 8px;
    font: 600 17px/1.3 Roboto, "Helvetica Neue", Arial, sans-serif;
}
#pdp .pdp-overviews__title a {
    color: var(--pdp-text);
}

/* Мини-карточки */
#pdp .pdp-cards {
    display: grid;
    gap: 14px;
}
#pdp .pdp-cards--grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
#pdp .pdp-cards--scroll {
    grid-auto-flow: column;
    grid-auto-columns: 236px;
    overflow-x: auto;
    padding-bottom: 6px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}
#pdp .pdp-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--pdp-line);
    border-radius: var(--pdp-radius);
    background: var(--pdp-surface);
    scroll-snap-align: start;
    transition: border-color .15s, box-shadow .15s;
}
#pdp .pdp-card:hover {
    border-color: var(--pdp-line-strong);
    box-shadow: var(--pdp-shadow);
    transform: translateY(-2px);
}
#pdp .pdp-card { transition: border-color .2s, box-shadow .2s, transform .25s cubic-bezier(.32, .72, 0, 1); }
#pdp .pdp-card__cover img { transition: transform .5s cubic-bezier(.32, .72, 0, 1); }
#pdp .pdp-card:hover .pdp-card__cover img { transform: scale(1.04); }
#pdp .pdp-card__cover {
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    max-height: 220px;
    padding: 16px;
    overflow: hidden;
    background: var(--pdp-surface-2);
    border-radius: var(--pdp-radius) var(--pdp-radius) 0 0;
}
#pdp .pdp-card__cover:empty::before {
    content: "";
    width: 48px;
    height: 36px;
    border: 2px dashed var(--pdp-line-strong);
    border-radius: 6px;
    opacity: .7;
}
#pdp .pdp-card__cover img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    mix-blend-mode: multiply;
}
#pdp .pdp-card__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 14px 14px;
    flex: 1;
}
#pdp .pdp-card__name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--pdp-text);
    font-size: 13px;
    line-height: 1.35;
}
#pdp .pdp-card__article {
    font-size: 11px;
    color: var(--pdp-muted);
}
#pdp .pdp-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
}
#pdp .pdp-card__price {
    font-family: var(--pdp-display);
    font-size: 14px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Модалка ПВЗ */
#pdp .pdp-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(17, 24, 39, .6);
}
#pdp .pdp-modal[hidden] {
    display: none;
}
#pdp .pdp-modal__box {
    width: 100%;
    max-width: 960px;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-radius: var(--pdp-radius);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}
#pdp .pdp-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--pdp-line);
}
#pdp .pdp-modal__title {
    font-size: 18px;
    font-weight: 700;
}
#pdp .pdp-modal__sub {
    font-size: 13px;
    color: var(--pdp-muted);
}
#pdp .pdp-modal__close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--pdp-surface-2);
    font-size: 22px;
    line-height: 1;
}
#pdp .pdp-modal__map {
    width: 100%;
    height: 560px;
}

/* ---------- Адаптив по ширине контейнера ---------- */
@container (max-width: 1100px) {
    #pdp .pdp-main {
        --pdp-buy-w: 340px;
    }
    #pdp .pdp-cards--grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@container (max-width: 900px) {
    #pdp .pdp-main {
        grid-template-columns: minmax(0, 1fr);
    }
    #pdp .pdp-buy__sticky {
        position: static;
    }
    #pdp .pdp-specs {
        grid-template-columns: minmax(0, 1fr);
    }
    #pdp .pdp-overviews__item {
        grid-template-columns: minmax(0, 1fr);
    }
    #pdp .pdp-cards--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media print {
    #pdp .pdp-buy__sticky,
    #pdp .pdp-anchors {
        position: static;
    }
    #pdp .pdp-thumbs-wrap,
    #pdp .pdp-stage__nav,
    #pdp .pdp-modal {
        display: none;
    }
}

/* ---------- Нейтрализация глобальных правил .addCart/.addSku/.addCompare из template_styles.css
   (uppercase, точка ::before, padding/color с !important, margin-left:-12px, display:block у .added) ---------- */
#pdp .pdp-btn.addCart, #pdp .pdp-btn.addSku, #pdp .pdp-btn.addCompare,
#pdp .pdp-btn.addCart:hover, #pdp .pdp-btn.addCart:active, #pdp .pdp-btn.addCart.loading, #pdp .pdp-btn.addCart.added,
#pdp .pdp-btn.addSku:hover, #pdp .pdp-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;
}
#pdp .pdp-btn.addCart::before, #pdp .pdp-btn.addCart.added::before, #pdp .pdp-btn.addCart.disabled::before,
#pdp .pdp-btn.addSku::before, #pdp .pdp-btn.addCompare::before {
    content: none !important;
    display: none !important;
}
#pdp .pdp-btn.addCart, #pdp .pdp-btn.addCart:hover, #pdp .pdp-btn.addCart.added { padding: 0 18px !important; }
#pdp .pdp-btn--small.addCart, #pdp .pdp-btn--small.addCart:hover, #pdp .pdp-btn--small.addCart.added { padding: 0 14px !important; }
#pdp .pdp-btn--primary.addCart, #pdp .pdp-btn--primary.addCart:hover { color: #fff !important; }
#pdp .pdp-btn--ghost.addCompare, #pdp .pdp-btn--ghost.addCompare:hover { color: var(--pdp-text) !important; }
#pdp .pdp-btn--ghost.addCompare.added { color: var(--pdp-ok) !important; }

/* End */


/* Start:/local/css/lb-fonts.css?17888504451961*/
/* Шрифты витрины lifebook-shop.ru: Onest (текст) и Unbounded (акценты: цены, заголовки).
   Файлы лежат в /local/fonts/lifebook/, те же, что на fujitsu-online-shop.ru.
   Подключается карточкой товара, листингом и сравнением через Asset::addCss(). */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('/local/fonts/lifebook/onest-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('/local/fonts/lifebook/onest-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('/local/fonts/lifebook/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 800;font-display:swap;src:url('/local/fonts/lifebook/unbounded-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 800;font-display:swap;src:url('/local/fonts/lifebook/unbounded-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 800;font-display:swap;src:url('/local/fonts/lifebook/unbounded-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* End */


/* Start:/local/css/lb-blog-articles.css?17882892965300*/
/* Блок «Статьи и обзоры об этой модели» в карточке товара.
   Подключается из lb_shared/blog_product_articles.php.
   Самодостаточен: не зависит от стилей шаблона и блога. */

.lb-ba {
    --lb-ba-accent: #f17a38;
    --lb-ba-accent-hover: #d9661f;
    --lb-ba-bg: #f6f6f7;
    --lb-ba-card: #ffffff;
    --lb-ba-text: #1a1a1a;
    --lb-ba-muted: #6b7280;
    --lb-ba-cover: #ececef;
    --lb-ba-radius: 16px;
    --lb-ba-radius-card: 12px;

    box-sizing: border-box;
    margin: 32px 0;
    padding: 28px 28px 24px;
    background: var(--lb-ba-bg);
    border-radius: var(--lb-ba-radius);
    color: var(--lb-ba-text);
    font-family: inherit;
}
.lb-ba *,
.lb-ba *::before,
.lb-ba *::after {
    box-sizing: border-box;
}

.lb-ba__kicker {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lb-ba-accent);
}
.lb-ba__heading {
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--lb-ba-text);
}

.lb-ba__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.lb-ba__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--lb-ba-card);
    border-radius: var(--lb-ba-radius-card);
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.lb-ba__card:hover {
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
    transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
    .lb-ba__card,
    .lb-ba__card:hover {
        transition: none;
        transform: none;
    }
}

.lb-ba__cover {
    display: block;
    position: relative;
    aspect-ratio: 16 / 9;
    background: var(--lb-ba-cover);
    overflow: hidden;
}
.lb-ba__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lb-ba__cover-empty {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #f3f3f5 0%, #e6e6ea 100%);
}

.lb-ba__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 14px 16px 16px;
}
.lb-ba__title {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lb-ba__title a {
    color: inherit;
    text-decoration: none;
}
.lb-ba__title a:hover {
    color: var(--lb-ba-accent);
}
.lb-ba__excerpt {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--lb-ba-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lb-ba__more {
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
    color: var(--lb-ba-accent);
    text-decoration: none;
}
.lb-ba__more:hover,
.lb-ba__all a:hover {
    color: var(--lb-ba-accent-hover);
}

.lb-ba__all {
    margin: 20px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
.lb-ba__all a {
    color: var(--lb-ba-accent);
    text-decoration: none;
}

/* Планшет: две колонки */
@media (max-width: 1024px) {
    .lb-ba__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lb-ba {
        padding: 22px 20px 20px;
    }
    .lb-ba__heading {
        font-size: 21px;
    }
}

/* Телефон и мобильный шаблон: горизонтальная лента с прокруткой.
   Карточки не сжимаются в столбик — блок остаётся компактным
   по высоте, а листать вбок на телефоне привычнее. */
@media (max-width: 640px) {
    .lb-ba {
        margin: 24px -12px;
        padding: 20px 12px 16px;
        border-radius: 0;
    }
    .lb-ba__heading {
        font-size: 19px;
        margin-bottom: 14px;
    }
    .lb-ba__grid {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 2px 0 8px;
        margin: 0 -12px;
        padding-left: 12px;
        padding-right: 12px;
        scrollbar-width: none;
    }
    .lb-ba__grid::-webkit-scrollbar {
        display: none;
    }
    .lb-ba__card {
        flex: 0 0 76%;
        max-width: 320px;
        scroll-snap-align: start;
    }
    .lb-ba__all {
        margin-top: 12px;
    }
}

/* Мобильный шаблон сайта (ls_mobile) — лента всегда, независимо от ширины. */
.lb-ba--mobile {
    margin: 24px 0;
    padding: 20px 12px 16px;
    border-radius: 12px;
}
.lb-ba--mobile .lb-ba__heading {
    font-size: 19px;
    margin-bottom: 14px;
}
.lb-ba--mobile .lb-ba__grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 2px 0 8px;
    scrollbar-width: none;
}
.lb-ba--mobile .lb-ba__grid::-webkit-scrollbar {
    display: none;
}
.lb-ba--mobile .lb-ba__card {
    flex: 0 0 76%;
    max-width: 320px;
    scroll-snap-align: start;
}
.lb-ba--mobile .lb-ba__all {
    margin-top: 12px;
}

/* End */
/* /local/templates/ls/components/electro/catalog/.fujitsu/style.min.css?175794032415440 */
/* /local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook_pdp/style.css?179027645635407 */
/* /local/css/lb-fonts.css?17888504451961 */
/* /local/css/lb-blog-articles.css?17882892965300 */