/* Start:/local/templates/romza_bitronic2_2.23.10/components/sibdroid/catalog.element/catalog/style.min.css?174005693814841*/
.availability__block.old{padding:10px 20px 0;border-bottom:none;margin-bottom:0}.availability__block.old .availability__desc-block__name,.availability__block.old .availability__name{font-family:"Open Sans",sans-serif}.availability__block.old .availability__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;border-bottom:1px solid #e8e8e8;margin-bottom:0}.availability__block.old .availability__name{font-weight:400;color:#999;margin-bottom:5px;font-size:100%}.availability__block.old .availability__desc-block{margin-bottom:5px}.availability__block.old a.availability__desc-block__name{text-decoration-line:underline;text-decoration-style:dotted}.availability__block.old .availability__desc-block__svg{margin-right:20px}.availability__block{border-bottom:1px solid #e8e8e8}.availability__block,.availability__block-nsk{padding:0 20px 20px;margin-bottom:20px}.availability__list{display:flex;flex-direction:column;margin-bottom:20px}.availability__name,.availability__name-nsk{display:flex;justify-content:space-between;font-family:"Roboto",sans-serif;font-size:14px;font-weight:700;color:#333;margin-bottom:20px}.availability__name-nsk{margin-bottom:8px}.availability__name span{font-size:inherit;font-weight:inherit;color:inherit}.availability__desc{font-size:14px;color:#333;padding-bottom:5px}.availability__desc-block{position:relative;display:flex;align-items:center;justify-content:space-between;font-family:"Roboto",sans-serif;font-size:14px;color:#333;margin-bottom:12px}.availability__desc-block:last-child{margin-bottom:0}.availability__desc-block.stock{margin-top:-1px}.availability__desc-block .availability__desc-block__name,.availability__desc-block .availability__desc-block__svg{display:flex;align-items:center}.availability__pickup-info-nsk{font-family:"Roboto",sans-serif;font-weight:400;font-size:13px;line-height:16px;letter-spacing:.2px;color:#282e33;margin-top:10px}.availability__desc-block__name,.availability__desc-block__name-tooltip-text{font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#333}.availability__desc-block__name .availability__desc-block__name-tooltip,.availability__desc-block__svg .availability__desc-block__name-tooltip{width:17px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;font-family:"Roboto",sans-serif;font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#333;border:solid 1px #d6d6d6;border-radius:50%;margin-left:10px;cursor:default}.availability__desc-block__name .availability__desc-block__name-tooltip:hover,.availability__desc-block__svg .availability__desc-block__name-tooltip:hover{background-color:#d6d6d6}.availability__desc-block__name-tooltip-text{position:absolute;left:-21px;top:22px;width:max-content;max-width:calc(100% + 40px);border-radius:5px;box-shadow:0 0 10px 0 rgba(35,35,35,.3);background-color:#fff;padding:13px 20px;visibility:hidden;pointer-events:none;opacity:0;transition:.3s;z-index:3}.availability__desc-block__svg .availability__desc-block__name-tooltip-text{left:unset}.availability__desc-block__name .availability__desc-block__name-tooltip:hover .availability__desc-block__name-tooltip-text,.availability__desc-block__svg .availability__desc-block__name-tooltip:hover .availability__desc-block__name-tooltip-text{visibility:visible;pointer-events:auto;opacity:1}.availability__desc-block__svg .no,.availability__desc-block__svg .yes{width:10px;height:10px}.delivery-block{padding:0 20px;margin-bottom:20px}.delivery-block-nsk{margin-bottom:20px;padding:20px;background:#fff5d4;border-radius:6px}.delivery-block-nsk .availability__list{margin-bottom:0}.delivery-block-nsk .availability__name{margin-bottom:8px}.card-main-delivery-list__name{text-align:left;line-height:normal!important}.card-main-delivery-list__name .delivery{width:18px;min-width:18px;height:18px;margin-right:8px}picture{display:block}.product-page{padding:28px 70px 0;background-color:#fff}.product-page .rec-items .slick-next,.product-page .rec-items .slick-prev{z-index:1}@media (max-width:1300px){.product-page{padding-left:30px;padding-right:30px}}.card-img-nav .slick-list{margin-right:-10px}.card-img-nav{height:50px}.card-img-nav .slick-slide{margin-right:10px}.card-img-nav.arrows .slick-next.slick-arrow,.card-img-nav.arrows .slick-prev.slick-arrow{position:absolute;width:36px;height:36px;background-color:#efefef;border-radius:50%}.card-img-nav.arrows .slick-next.slick-arrow:before,.card-img-nav.arrows .slick-prev.slick-arrow:before{content:"";display:inline-block;width:9px;height:15px;background:url(/local/templates/romza_bitronic2_2.23.10/img/svg/arrow-2.svg)no-repeat center;background-size:100%;vertical-align:middle;margin:0 0 1px 3px}.card-img-nav.arrows .slick-prev.slick-arrow{left:-56px;top:calc(50% - 18px);transform:rotateY(180deg)}.card-img-nav.arrows .slick-next.slick-arrow{right:-56px;top:calc(50% - 18px)}.js-card-img-nav .card-img-nav__img{cursor:pointer}.js-card-img-nav .card-img-nav__img:hover{border-color:#d6d6d6}.js-card-img-nav .card-img-nav__img img{transition:.3s;max-height:50px}.js-card-img-nav .card-img-nav__img:hover img,.js-card-img-nav .slick-current .card-img-nav__img img{filter:brightness(.8)}.rating-ym{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:linear-gradient(180deg,#eaecf1 0,#f9fafe 100%);box-shadow:0 1px 0 0#dfe3ed;border-radius:12px;margin-bottom:10px}.rating-ym__content{width:100%;display:flex;flex-direction:column;text-align:center}.rating-ym__content-img{max-width:165px;margin:0 auto}.card-main-price_wrap .bonus p,.rating-ym__content-desc{font-family:"Roboto",sans-serif;font-size:14px;line-height:1.36;color:#333;padding:0}.rating-ym__content-desc span{font-weight:700}.rating-ym__stars{display:flex;align-items:center;justify-content:center;margin:10px 0;min-width:280px;width:100%}.rating-ym__stars span{position:relative;width:20px;height:20px}.rating-ym__stars span:before{content:"";width:20px;height:20px;display:block;font-family:icons;font-size:20px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fece24;position:absolute;top:-5px;left:0}.discount{display:block;width:100%;font-family:"Roboto",sans-serif;font-size:13px;line-height:.92;color:#333;text-align:center;border-radius:5px;background-color:#fff;padding:10px;margin-bottom:20px}.card-main-price_wrap{display:flex;justify-content:space-between;margin-bottom:22px}.card-main-price .old-price:after,.wait__email #detail_available:before{display:none}.card-main-price_wrap .bonus{-ms-flex-item-align:end;align-self:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.card-main-price_wrap .bonus .bonus__paw::before{content:"";display:block;background:url(/local/templates/romza_bitronic2_2.23.10/new_img/svg/bonus_paw.svg)no-repeat;background-size:contain;width:24px;height:24px}.card-main-price_wrap .bonus p{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px}.card-main-price_wrap .bonus span{font-size:16px;font-weight:600;line-height:18px;letter-spacing:.1px}.svg-icon-basket-btn{width:18px;height:15px;vertical-align:middle;fill:#333;margin-right:6px}.card-main__info{border-radius:5px;background-color:#f5f5f5;padding:20px}.card-main-delivery{margin-top:20px}.card-main__info-bonus,.card-main__info-guarantee{display:flex;align-items:center}.card-main__info-bonus{margin-top:20px}.card-main__info-icon{width:16px;height:16px;margin-right:12px}.card-main__info-bonus-sum,.card-main__info-title{font-family:"Roboto",sans-serif;font-size:14px;line-height:.86;color:#333}.card-main__info-bonus-sum{font-weight:700}@media (max-width:730px){.product-page{padding-left:10px;padding-right:10px}.rating-ym{position:relative;padding:20px 10px}.rating-ym__content-img{max-width:139px}.color-choice,.rbs-choose-props-sku{padding-left:20px}}.wait-title{padding:0}.wait-price{display:block;font-family:"Roboto",sans-serif;font-size:28px;font-weight:700;font-stretch:normal;font-style:normal;line-height:.89;letter-spacing:normal;color:#333;margin-bottom:20px}.wait-title,.wait__email #detail_available .button,.wait__email #detail_available .contacts__input{font-family:"Roboto",sans-serif;font-size:14px;font-stretch:normal;font-style:normal;letter-spacing:normal}.wait-title{font-weight:400;line-height:1.5;color:#333;margin-bottom:10px}.wait__email #detail_available .button,.wait__email #detail_available .contacts__input{line-height:1.79;border-radius:5px}.wait__email #detail_available .contacts__input{font-weight:400;color:#999;padding-left:10px;margin-right:10px}.wait__email #detail_available .button{font-weight:700;color:#333}.rec-items .slick-list{padding-bottom:1px}.rec-items .card-product__item_wrap{max-width:100%!important}.rec-items .card-product__item:hover{box-shadow:none}.rec-items .slick-next,.rec-items .slick-prev{position:absolute;top:calc(50% - 27px);width:36px;height:36px;background-color:#efefef;border-radius:100%;z-index:10;background-image:url(/local/templates/romza_bitronic2_2.23.10/components/sibdroid/catalog.element/catalog/../../../../img/svg/arrow-2.svg);background-repeat:no-repeat;background-position:14px center;background-size:9px}.rec-items .slick-prev{left:-18px;transform:scale(-1)}.rec-items .slick-next{right:-18px}.dots-1.rec-items .slick-dots{padding:0;margin-top:-25px}@media (max-width:1023px){.rec-items .card-product__item{padding-bottom:40px}}.custom-tooltip--large .custom-tooltip_low_cost{max-width:361px;border:1.5px solid #fdcd3c;box-shadow:0 3px 6px rgba(0,0,0,.1),0 4px 20px rgba(37,40,43,.1);font-size:12px;line-height:18px;padding:16px;text-align:left;right:-40px;left:auto;top:45px;bottom:auto;background-color:#fff;z-index:99999;border-radius:12px}.custom-tooltip_low_cost:after,.custom-tooltip_low_cost:before{content:"";position:absolute;top:-20px;right:48px;border-right:inherit;height:20px;width:20px}.custom-tooltip_low_cost:before{top:-16px;left:auto;right:33px;height:30px;width:30px;background:#fff;transform:rotate(225deg);border-bottom:inherit;clip-path:polygon(0 0,100%0,100% 100%)}.custom-tooltip:not(.no-hover):hover .custom-tooltip_low_cost{visibility:visible;pointer-events:auto;opacity:1}.custom-tooltip{position:absolute;width:18px;height:18px;right:4px;top:4px;background:#fdcd3c;border-radius:50%;color:#333;text-align:center;cursor:pointer}.custom-tooltip:before{position:absolute;top:-24px;left:-20px;width:80px;height:45px;content:""}.custom-tooltip--large .custom-tooltip__text{max-width:320px}.custom-tooltip__text{border:1.5px solid #fdcd3c;box-shadow:0 3px 6px rgba(0,0,0,.1),0 4px 20px rgba(37,40,43,.1);font-size:12px;line-height:18px;padding:16px;text-align:left;left:-21px;bottom:40px;top:auto;max-width:291px;background-color:#fff;z-index:99999;border-radius:12px}.custom-tooltip__text:before{content:"";position:absolute;bottom:-16px;left:16px;height:30px;width:30px;background:#fff;transform:rotate(45deg);border-bottom:inherit;border-right:inherit;clip-path:polygon(0 0,100%0,100% 100%)}.custom-tooltip__text:after{content:"";position:absolute;bottom:-20px;left:12px;border-right:inherit;height:20px;width:20px}.custom-tooltip__text a{color:#406eff;text-decoration-line:underline}@media (max-width:767px){.custom-tooltip__text{right:-4px;left:auto}.custom-tooltip__text:before{right:5px;left:auto;clip-path:polygon(0 0,0 100%,100% 100%)}.custom-tooltip__text:after{right:1px;left:auto;border-right:none;border-left:inherit}}.custom-tooltip-bottom__text{bottom:40px;top:auto}.custom-tooltip__info{padding:0}.custom-tooltip:hover .custom-tooltip__text{visibility:visible;pointer-events:auto;opacity:1}.guarantee-block{font-family:"Roboto",sans-serif;width:100%;position:relative;margin-bottom:10px;border-radius:12px;padding:4px;color:#fff;font-size:14px;line-height:20px;background-image:url(/local/templates/romza_bitronic2_2.23.10/components/sibdroid/catalog.element/catalog/../../../../new_img/guarantee-background.png);display:flex}.guarantee-block .guarantee-logo{width:41px;height:50px;margin:0 20px;background-image:url(/local/templates/romza_bitronic2_2.23.10/components/sibdroid/catalog.element/catalog/../../../../new_img/guarantee-logo.png)}.guarantee-block .guarantee-text,.original-block{align-items:center;display:flex}.guarantee-block .guarantee-text .guarantee-bold{font-weight:700;font-size:16px;line-height:18px;color:#fdcd3c;margin-right:6px}.guarantee-block .guarantee-tooltip{background:#fdcd3c}.original-block{font:14px/20px"Roboto";width:100%;position:relative;margin:20px 0;color:#000;justify-content:center;height:50px;border-radius:12px}.original-block__logo{width:74px;height:55px;margin:0 7px 0 16px;position:absolute;top:-5px;left:0;background-image:url(/local/templates/romza_bitronic2_2.23.10/components/sibdroid/catalog.element/catalog/../../../../new_img/original-product-logo.png);background-repeat:no-repeat;background-size:contain}.original-block__title{margin-left:30px}.original-block__tooltip{background-color:#fdcd3c}.white-block__tooltip{display:flex;font-weight:600;background-color:#fff;border:1px solid #adb3bd;top:24px;justify-content:center;align-items:center;color:#282e33}.white-block__tooltip:before{top:0!important;left:0!important;height:18px;width:18px}.original-block-default{position:relative;background:var(--Linear, linear-gradient(180deg, #EAECF1 0%, #F9FAFE 100%));box-shadow:0 1px 0 0#dfe3ed;border-radius:12px}.original-block-default:before{position:absolute;top:0;left:0;width:98px;height:100%;background-image:url(/local/templates/romza_bitronic2_2.23.10/components/sibdroid/catalog.element/catalog/../../../../new_img/original-product-background.png);background-repeat:no-repeat;background-size:contain;background-position-x:-15px;content:"";border-top-left-radius:12px;border-bottom-left-radius:12px}.low_cost_block{display:flex;justify-content:space-between;text-align:center;padding-bottom:10px}.low_cost_container{width:33%;display:flex;align-items:center;flex-direction:column;font-size:10px;line-height:12px;justify-content:flex-start;gap:10px}.low_cost_container p{padding:0 10px}.low_cost_text_bottom,.low_cost_text_top{text-align:center;font-size:14px;line-height:16px;padding-bottom:14px}.low_cost_text_bottom{line-height:18px;padding-top:8px;padding-bottom:0}.card-main-price-grey{border-radius:5px;display:block;background-color:#f5f5f5;padding:0 15px}.low_cost_middle_panel_bold{font-weight:700;font-size:14px;line-height:16px;padding:14px 0 10px}.low_cost_middle_panel{font-weight:400;font-size:12px;line-height:16px;padding-bottom:10px}.low_cost_close{position:absolute;top:0;right:0;background-color:unset!important;color:#adb3bd!important;display:none}.low_cost_close:before{font-size:16px!important}@media (max-width:730px){.custom-tooltip_low_cost:after,.custom-tooltip_low_cost:before{content:none}.custom-tooltip--large .custom-tooltip_low_cost{position:fixed;max-width:90%;top:27%;right:5%;padding:32px 16px 16px}.low_cost_close{display:block}}@media (max-width:520px){.white-block__tooltip{top:27px}}
/* End */


/* Start:/local/templates/romza_bitronic2_2.23.10/new_css/product_28.css?178747916632960*/
/* ============================================================
   ПК-карточка товара — макет 28a (задача 28, docs/tasks/28-kartochka-tovara-pc.md)
   Спека: docs/specs/28-kartochka-tovara-pc.md

   Разметка — desktop_28_main.php; прежняя карточка лежит скрытой в .p28d-legacy.
   Вкладки ниже карточки — штатный tabs.php, здесь только их вид
   (подчёркивание жёлтой полоской вместо квадратных табов).
   ============================================================ */

.p28d-legacy,
.p28d-legacy[hidden] {
  display: none !important;
}

/* ---------- 0. Блок ---------- */

.p28d {
  position: relative;
  margin: 0 0 20px;
  padding: 24px 32px 30px;
  background: #fff;
  border-radius: 12px;
  font-family: 'Roboto', Arial, sans-serif;
  color: #14171c;
  box-sizing: border-box;
}
.p28d *,
.p28d *:before,
.p28d *:after {
  box-sizing: border-box;
}
.p28d a {
  text-decoration: none;
}

.p28d-title {
  margin: 0 0 18px;
  font: 700 26px/1.2 'Roboto', Arial, sans-serif;
  color: #14171c;
}

.p28d-grid {
  /* фото — всё, что остаётся от средней (300) и правой (330) колонок:
     владелец 22.08.2026 — «фото крупнее, средний блок уже» */
  display: grid;
  grid-template-columns: minmax(320px, 1fr) 340px 330px;
  gap: 28px;
  align-items: start;
  --p28d-photo-h: 500px; /* высота фото и ленты превью — под высоту правой колонки */
}
/* узкое окно (половина экрана): галерея и цена в ряд, варианты с «Кратко о товаре» — под ними */
@media (max-width: 1100px) {
  .p28d-grid {
    grid-template-columns: minmax(260px, 1fr) 300px;
  }
  .p28d-gal { grid-column: 1; grid-row: 1; }
  .p28d-side { grid-column: 2; grid-row: 1; }
  .p28d-mid { grid-column: 1 / -1; grid-row: 2; }
}

/* ---------- 1. Галерея: лента превью слева, фото справа ---------- */

.p28d-gal {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
/* лента превью: ограничена высотой фото, листается стрелками (product_28.js) */
.p28d-gal__side {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
  width: 72px;
  height: var(--p28d-photo-h, 500px);
}
.p28d-gal__thumbs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.p28d-gal__thumbs::-webkit-scrollbar {
  display: none;
}
.p28d-gal__thumb {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  padding: 4px;
  margin: 0;
  background: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color .15s;
  -webkit-appearance: none;
  appearance: none;
}
.p28d-gal__thumb:hover {
  border-color: #c3c8cf;
}
.p28d-gal__thumb.is-on {
  padding: 3px;
  border: 2px solid #FDCD3C;
}
.p28d-gal__thumb picture,
.p28d-gal__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p28d .p28d-gal__arr {
  position: relative;
  flex-shrink: 0;
  width: 72px;
  height: 24px;
  margin: 0;
  padding: 0;
  background: #f2f3f5;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background .15s;
  -webkit-appearance: none;
  appearance: none;
}
.p28d .p28d-gal__arr:hover {
  background: #e5e7ea;
}
.p28d .p28d-gal__arr[hidden] {
  display: none;
}
.p28d-gal__arr:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border: solid #14171c;
  border-width: 0 1.8px 1.8px 0;
}
.p28d-gal__arr--up:before {
  transform: translate(-50%, -20%) rotate(-135deg);
}
.p28d-gal__arr--down:before {
  transform: translate(-50%, -80%) rotate(45deg);
}
.p28d-gal__main {
  /* без серой подложки и затемнения — на ПК в карточке фото как есть
     (решение владельца 22.08.2026; в каталоге и на мобилке подложка остаётся) */
  position: relative;
  flex: 1;
  min-width: 0;
  height: var(--p28d-photo-h, 500px);
  padding: 6px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
/* .card-img-big нужен cart_fly.js, но у темы он 530×530 с отступом — перебиваем */
.p28d .p28d-gal__link,
.p28d .p28d-gal__link.card-img-big {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 !important;
  cursor: zoom-in;
}
.p28d .p28d-gal__link picture {
  display: block;
  width: 100%;
  height: 100%;
}
.p28d-gal__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ---------- 2. Варианты и «Кратко о товаре» ---------- */

.p28d-mid {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}

.p28d-sku {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.p28d-sku__label {
  font-size: 13px;
  color: #6b7078;
}
.p28d-sku__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.p28d-sku__ph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 4px;
  background: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 8px;
  transition: border-color .15s;
  overflow: hidden;
}
.p28d-sku__ph:hover {
  border-color: #c3c8cf;
}
.p28d-sku__ph.is-on {
  padding: 3px;
  border: 2px solid #FDCD3C;
  cursor: default;
}
.p28d-sku__ph img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.p28d-sku__ph-text {
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  color: #6b7078;
  overflow: hidden;
}
.p28d-sku__pill {
  display: inline-block;
  /* кнопки одного ряда — одной ширины (владелец 23.08.2026: «8/128 меньше 12/512»):
     базовые 92px покрывают «12/512 Gb» жирным, точную ширину по самой широкой
     кнопке ряда выставляет product_28.js через --p28d-pill-w */
  min-width: var(--p28d-pill-w, 92px);
  padding: 8px 14px;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.25;
  color: #14171c;
  transition: background .15s, border-color .15s;
}
.p28d-sku__pill:hover {
  background: #f7f8f9;
  color: #14171c;
}
.p28d-sku__pill.is-on,
.p28d-sku__pill.is-on:hover {
  background: #FDCD3C;
  border-color: #FDCD3C;
  font-weight: 600;
  cursor: default;
}
.p28d-sku__pill--warn {
  color: #8b9098;
}

.p28d-specs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid #f0f1f3;
}
.p28d-specs--empty {
  border-top: none;
  padding-top: 0;
}
.p28d-mid > .p28d-sku + .p28d-specs--empty {
  border-top: 1px solid #f0f1f3;
  padding-top: 16px;
}
.p28d-specs__h {
  font-size: 13px;
  font-weight: 600;
  color: #14171c;
}
.p28d-specs__row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.p28d-specs__name {
  flex-shrink: 0;
  font-size: 12.5px;
  color: #8b9098;
  white-space: nowrap;
}
.p28d-specs__line {
  flex: 1;
  min-width: 12px;
  height: 1px;
  background: #ebedf0;
  align-self: flex-end;
  margin-bottom: 4px;
}
.p28d-specs__val {
  font-size: 12.5px;
  font-weight: 500;
  color: #14171c;
  text-align: right;
  max-width: 70%;
}
.p28d-specs__all {
  align-self: flex-start;
  margin-top: 2px;
  font: 400 13px/1.3 'Roboto', Arial, sans-serif;
  color: #5c626b;
  border-bottom: 1px dashed #b6bbc2;
  transition: color .15s, border-color .15s;
}
.p28d-specs__all:hover {
  color: #14171c;
  border-color: #14171c;
}

/* ---------- 3. Цена ---------- */

.p28d-side {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.p28d-price {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  background: #f7f8f9;
  border-radius: 8px;
}
.p28d-price__row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.p28d-price__cur {
  font: 700 32px/34px 'Roboto', Arial, sans-serif;
  color: #000;
  white-space: nowrap;
}
.p28d-price__old {
  font-size: 13px;
  color: #9aa0a9;
  text-decoration: line-through;
  white-space: nowrap;
}
.p28d-price__disc {
  padding: 2px 7px;
  background: #f2f3f5;
  border-radius: 4px;
  font-size: 11.5px;
  font-weight: 500;
  color: #6b7078;
}
.p28d-price__bonus {
  font-size: 13px;
  line-height: 1.4;
  color: #6b7078;
}
.p28d-price__bonus b {
  font-weight: 600;
  color: #14171c;
}
.p28d-price__bonus.is-empty {
  display: none;
}
.p28d-price__why {
  align-self: flex-start;
  padding-bottom: 1px;
  font-size: 13px;
  color: #5c626b;
  border-bottom: 1px dashed #b6bbc2;
  cursor: pointer;
  transition: color .15s, border-color .15s;
}
.p28d-price__why:hover {
  color: #14171c;
  border-color: #14171c;
}

/* кнопка «В корзину» — штатные классы для basket.js, вид свой */
.p28d .p28d-buy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  height: 46px;
  margin: 0;
  padding: 0 14px;
  background: #FDCD3C;
  border: none;
  border-radius: 6px;
  font: 600 14.5px/1 'Roboto', Arial, sans-serif;
  color: #14171c;
  text-transform: none;
  cursor: pointer;
  transition: background .15s;
  -webkit-appearance: none;
  appearance: none;
}
.p28d .p28d-buy:hover {
  background: #ffae00;
  color: #14171c;
}
.p28d .p28d-buy.disabled {
  opacity: .6;
  pointer-events: none;
}
.p28d-buy__ico {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  fill: #14171c;
}
.p28d-buy__text--in {
  display: none;
}
.p28d .p28d-buy.rbs-in-cart .p28d-buy__text,
.p28d .p28d-buy.active .p28d-buy__text {
  display: none;
}
.p28d .p28d-buy.rbs-in-cart .p28d-buy__text--in,
.p28d .p28d-buy.active .p28d-buy__text--in {
  display: inline;
}
/* после добавления кнопка ведёт в корзину: фон спокойнее, смысл читается по тексту */
.p28d .p28d-buy.active {
  background: #fff3c4;
}
.p28d .p28d-buy.active:hover {
  background: #ffe99a;
}

.p28d .p28d-oneclick {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 6px;
  font: 500 13.5px/1 'Roboto', Arial, sans-serif;
  color: #14171c;
  cursor: pointer;
  transition: background .15s;
}
.p28d .p28d-oneclick:hover {
  background: #f7f8f9;
  color: #14171c;
}

/* нет в наличии: штатный блок .wait переезжает сюда из прежней карточки */
.p28d-wait {
  font-size: 13px;
  color: #5c626b;
}
.p28d-wait__na {
  margin: 0;
  font: 700 18px/1.3 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-wait .wait {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  text-align: left;
}
.p28d-wait .wait .wait-title {
  margin: 0 0 6px;
  font: 700 15px/1.35 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-wait .wait .wait-price {
  display: block;
  margin: 0 0 12px;
  font: 700 26px/1.2 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-wait .wait__email .wait-title {
  font: 400 12.5px/1.45 'Roboto', Arial, sans-serif;
  color: #5c626b;
}
.p28d-wait .wait__email form {
  display: flex;
  gap: 8px;
  margin: 0 0 8px;
}
.p28d-wait .wait__email .contacts__input {
  flex: 1;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #d5d9de;
  border-radius: 6px;
  background: #fff;
  font: 400 13.5px 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-wait .wait__email .button {
  height: 42px;
  padding: 0 16px;
  background: #FDCD3C;
  border: none;
  border-radius: 6px;
  font: 600 13.5px 'Roboto', Arial, sans-serif;
  color: #14171c;
  cursor: pointer;
}
.p28d-wait .wait__email .button:hover {
  background: #ffae00;
}
.p28d-wait .wait__info,
.p28d-wait .wait__email .checkbox {
  font-size: 11.5px;
  line-height: 1.4;
  color: #8b9098;
}
.p28d-wait .wait__email .checkbox label {
  display: inline;
}

/* ---------- 4. Доставка и сервисы ---------- */

.p28d-serv {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 16px 18px;
  background: #f7f8f9;
  border-radius: 8px;
}
.p28d-serv__hr {
  display: block;
  height: 1px;
  background: #ebedf0;
}
.p28d-serv__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #14171c;
}
.p28d-serv__row--link:hover {
  color: #14171c;
}
.p28d-serv__row--link:hover .p28d-serv__title {
  text-decoration: underline;
}
.p28d-serv__ico {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #fff;
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
}
.p28d-serv__ico--delivery { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%236b7078%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%226.5%22%20width=%2211.5%22%20height=%229%22%20rx=%221.5%22/%3E%3Cpath%20d=%22M13.5%209.5h3.6l3.4%203.4v2.6h-7%22/%3E%3Ccircle%20cx=%226.8%22%20cy=%2217.8%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2216.6%22%20cy=%2217.8%22%20r=%221.7%22/%3E%3C/svg%3E"); }
.p28d-serv__ico--pickup { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%236b7078%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%209.2%205.2%204.8h13.6L20%209.2%22/%3E%3Cpath%20d=%22M4.6%209.2v10h14.8v-10%22/%3E%3Cpath%20d=%22M9.6%2019.2v-5.6h4.8v5.6%22/%3E%3Cpath%20d=%22M4%209.2h16%22/%3E%3C/svg%3E"); }
.p28d-serv__ico--trade { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%20stroke=%22%237b828c%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14.5%205.5%205.5%2014.5%22/%3E%3Ccircle%20cx=%226.8%22%20cy=%226.8%22%20r=%221.8%22/%3E%3Ccircle%20cx=%2213.2%22%20cy=%2213.2%22%20r=%221.8%22/%3E%3C/svg%3E"); }

.p28d-serv__text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
}
.p28d-serv__title {
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.35;
  color: #14171c;
}
.p28d-serv__sub {
  font-size: 12px;
  line-height: 1.4;
  color: #6b7078;
}
.p28d-serv__shops {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 3px;
}
/* адрес магазина: пин рисуем псевдоэлементом — map.js смотрит e.target.dataset,
   внутри ссылки не должно быть вложенных элементов */
.p28d-serv__shop {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 12.5px;
  line-height: 1.4;
  color: #3c424a;
  transition: color .15s;
}
.p28d-serv__shop:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 5px;
  width: 9px;
  height: 9px;
  border: 2px solid #14171c;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
}
a.p28d-serv__shop:hover {
  color: #14171c;
  text-decoration: underline;
}
.p28d-serv__shop.is-off {
  color: #9aa0a9;
}
.p28d-serv__shop.is-off:before {
  border-color: #9aa0a9;
}
.p28d-chev {
  align-self: center;
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border: solid #9aa0a9;
  border-width: 0 1.6px 1.6px 0;
  transform: rotate(-45deg);
}

/* ---------- 5. Бенто «Почему покупают у нас» — между карточкой и вкладками ----------
   Без заголовка (services.php выводится с $sbWhyHideTitle — владелец 23.08.2026:
   серая полоса с заголовком спорила с карточкой, в макете его больше нет). */

.p28d-why .sb-why {
  margin: 0 0 24px;
}
.p28d-why .sb-why__grid {
  grid-auto-rows: 145px;
}

/* ---------- 6. Вкладки: жёлтая полоска вместо квадратных табов ----------
   Бэкенд и разметка — tabs.php, здесь только вид. Селектор через соседа:
   секция вкладок идёт после .p28d в том же контейнере; .p28tabs в селекторе —
   ради специфичности выше правил темы (.tab-wrap_card .nav-tab-list__item.active). */

.p28d ~ .main-block_tabs {
  padding: 22px 32px 30px;
  border-radius: 12px;
  font-family: 'Roboto', Arial, sans-serif;
  /* у темы .main-block {overflow: hidden} — с ним position: sticky у панели справа от
     описания не работает (блок сам становится «прокручиваемым» контейнером).
     flow-root — чтобы плавающие картинки описания не вылезали из белого блока */
  overflow: visible;
  display: flow-root;
}
.p28d ~ .main-block_tabs .p28tabs.tab-wrap {
  margin: 0;
  padding: 0;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  border-bottom: 1px solid #e5e7ea;
  background: none;
  box-shadow: none;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__item,
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__item.active {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: auto;
  margin: 0 0 -1px;
  padding: 0;
  background: none;
  border: 0;
  border-bottom: 2.5px solid transparent;
  box-shadow: none;
  text-align: left;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__item:before,
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__item:after {
  display: none !important;
  content: none !important;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__item.active {
  border-bottom-color: #FDCD3C;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__link {
  display: block;
  height: auto;
  margin: 0;
  padding: 0 2px 12px;
  font: 600 15px/1.3 'Roboto', Arial, sans-serif;
  color: #6b7078;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  transition: color .15s;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__link:hover,
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__item.active .nav-tab-list__link {
  color: #14171c;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__link span + span {
  color: #9aa0a9;
  font-weight: 500;
}
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list__item.active .nav-tab-list__link span + span {
  color: #b8890a;
}
/* стрелки карусели табов темы не нужны */
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list .slick-arrow,
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list .slick-prev,
.p28d ~ .main-block_tabs .p28tabs .nav-tab-list .slick-next {
  display: none !important;
}

.p28d ~ .main-block_tabs .p28tabs .box-tab-cont {
  margin: 0;
  padding: 22px 0 0;
}
.p28d ~ .main-block_tabs .p28tabs .tab-cont,
.p28d ~ .main-block_tabs .p28tabs .tab-cont#tab_1 { /* #tab_1: тема центрирует описание с max-width 1120 */
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}
.p28d ~ .main-block_tabs .p28tabs .tab-inner {
  margin: 0;
  padding: 0;
}
/* описание: колонка текста как в макете */
.p28d ~ .main-block_tabs .p28tabs .tab-text_desc {
  max-width: 860px;
  padding: 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: #3c424a;
}
.p28d ~ .main-block_tabs .p28tabs .tab-text_desc p {
  margin: 0 0 16px;
  font-size: 14.5px;
  line-height: 1.65;
  color: #3c424a;
}
.p28d ~ .main-block_tabs .p28tabs .tab-text_desc img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}
.p28d ~ .main-block_tabs .p28tabs .tab-text_desc h2,
.p28d ~ .main-block_tabs .p28tabs .tab-text_desc h3 {
  margin: 22px 0 12px;
  font: 700 18px/1.3 'Roboto', Arial, sans-serif;
  color: #14171c;
  text-transform: none;
}
/* характеристики: 720px, строки «имя — пунктир — значение» */
.p28d ~ .main-block_tabs .p28tabs .characteristics .tab-text {
  max-width: 720px;
  padding: 0;
}
.p28d ~ .main-block_tabs .p28tabs .characteristics-gears {
  display: none;
}
/* группы характеристик (yenisite:ipep.props_groups, шаблон sib_detail): заголовки
   групп поменьше, строки 13.5px, значение полужирнее — как в макете */
.p28d ~ .main-block_tabs .p28tabs .characteristics-item__title {
  margin: 0 0 8px;
  font: 700 18px/1.3 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d ~ .main-block_tabs .p28tabs .characteristics-item + .characteristics-item .characteristics-item__title {
  margin-top: 8px;
}
.p28d ~ .main-block_tabs .p28tabs .characteristics-list {
  padding: 0 0 16px;
}
.p28d ~ .main-block_tabs .p28tabs .characteristics-list__item {
  margin: 0;
  padding: 7px 0;
  align-items: baseline;
  font-size: 13.5px;
  line-height: 1.45;
}
.p28d ~ .main-block_tabs .p28tabs .characteristics-list__title {
  font-size: 13.5px;
  line-height: 1.45;
  color: #6b7078;
}
.p28d ~ .main-block_tabs .p28tabs .characteristics-list__value {
  font-size: 13.5px;
  line-height: 1.45;
  font-weight: 500;
  color: #14171c;
}

/* ---------- 7. Просмотрщик фото (свой: прежний попап-слайдер живёт на скрытых элементах) ---------- */

body.p28d-lb-lock {
  overflow: hidden;
}
.p28d-lb {
  position: fixed;
  inset: 0;
  z-index: 10200; /* выше закреплённой шапки (.header_fix — 10100), ниже Jivo */
  display: none;
  font-family: 'Roboto', Arial, sans-serif;
}
.p28d-lb.is-open {
  display: block;
}
.p28d-lb__back {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .96);
}
.p28d-lb__stage {
  position: absolute;
  left: 96px;
  right: 96px;
  top: 24px;
  bottom: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p28d-lb__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: opacity .15s;
}
.p28d-lb.is-loading .p28d-lb__img {
  opacity: .35;
}
.p28d-lb__spin {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  border: 3px solid #e5e7ea;
  border-top-color: #FDCD3C;
  border-radius: 50%;
  animation: p28dSpin .8s linear infinite;
  display: none;
}
.p28d-lb.is-loading .p28d-lb__spin {
  display: block;
}
@keyframes p28dSpin {
  to { transform: rotate(360deg); }
}
.p28d-lb__close,
.p28d-lb__arr {
  position: absolute;
  z-index: 2;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #f2f3f5;
  cursor: pointer;
  transition: background .15s;
  -webkit-appearance: none;
  appearance: none;
}
.p28d-lb__close:hover,
.p28d-lb__arr:hover {
  background: #e5e7ea;
}
.p28d-lb__close {
  right: 24px;
  top: 20px;
  font: 300 30px/48px 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-lb__arr {
  top: 50%;
  margin-top: -70px;
}
.p28d-lb__arr:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  border: solid #14171c;
  border-width: 0 2px 2px 0;
}
.p28d-lb__arr--prev {
  left: 24px;
}
.p28d-lb__arr--prev:before {
  transform: translate(-30%, -50%) rotate(135deg);
}
.p28d-lb__arr--next {
  right: 24px;
}
.p28d-lb__arr--next:before {
  transform: translate(-70%, -50%) rotate(-45deg);
}
.p28d-lb--single .p28d-lb__arr,
.p28d-lb--single .p28d-lb__foot {
  display: none;
}
.p28d-lb--single .p28d-lb__stage {
  bottom: 24px;
}
.p28d-lb__foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.p28d-lb__counter {
  font-size: 12.5px;
  color: #8b9098;
}
.p28d-lb__strip {
  display: flex;
  gap: 8px;
  max-width: calc(100vw - 48px);
  overflow-x: auto;
  padding: 2px;
  scrollbar-width: none;
}
.p28d-lb__strip::-webkit-scrollbar {
  display: none;
}
.p28d-lb__thumb {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  padding: 3px;
  background: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.p28d-lb__thumb.is-on {
  padding: 2px;
  border: 2px solid #FDCD3C;
}
.p28d-lb__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ---------- 8. Нет в наличии — макет 57a ---------- */

.p28d--na {
  padding: 26px 32px 28px;
}
.p28d-na {
  display: grid;
  grid-template-columns: 300px minmax(260px, 1fr) 300px;
  gap: 20px;
  align-items: start;
}
.p28d-na__photo {
  position: relative;
  height: 320px;
  padding: 14px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.p28d-na__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}
.p28d-na__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p28d-na__veil {
  position: absolute;
  inset: 0;
  background: rgba(247, 248, 249, .55);
}
.p28d-na__badge {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 4px 10px;
  background: #14171c;
  border-radius: 4px;
  font: 600 11px/1.4 'Roboto', Arial, sans-serif;
  color: #fff;
}
.p28d-na__mid {
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-width: 0;
}
.p28d-na__title {
  margin: 0;
  font: 700 21px/1.25 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-na__variant {
  font-size: 13px;
  color: #6b7078;
}
.p28d-na__mid .p28d-specs {
  padding-top: 12px;
  border-top: 1px solid #e2e4e8;
  gap: 9px;
}
.p28d-na__side {
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 18px;
  background: #f7f8f9;
  border-radius: 10px;
}
.p28d-na__label {
  font-size: 12px;
  color: #8b9098;
}
.p28d-na__label--big {
  font: 700 18px/1.3 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-na__prices {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 9px;
}
.p28d-na__price {
  padding: 3px 9px;
  background: #FDCD3C;
  border-radius: 4px;
  font: 700 24px/30px 'Roboto', Arial, sans-serif;
  color: #000;
  white-space: nowrap;
}
.p28d-na__old {
  font-size: 12.5px;
  color: #9aa0a9;
  text-decoration: line-through;
}
.p28d-na__note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 12px;
  background: #fff;
  border-radius: 8px;
  font-size: 11.5px;
  line-height: 1.45;
  color: #6b7078;
}
.p28d-na__note i {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  border-radius: 50%;
  background: #eceef0;
  font: 700 10px/17px 'Roboto', Arial, sans-serif;
  font-style: normal;
  text-align: center;
  color: #6b7078;
}
/* .btn-action-notify нужен попапу 55, но у темы на нём белая кнопка 110×41 — перебиваем */
.p28d .p28d-na__notify,
.p28d .p28d-na__notify.btn-action-notify {
  display: block;
  width: 100%;
  height: 46px;
  margin: 0;
  padding: 0 14px;
  background: #FDCD3C;
  border: none;
  border-radius: 8px;
  font: 700 14px/1 'Roboto', Arial, sans-serif;
  color: #14171c;
  cursor: pointer;
  transition: background .15s;
  -webkit-appearance: none;
  appearance: none;
}
.p28d .p28d-na__notify.btn-action-notify:hover {
  background: #ffae00;
}
.p28d-na__similar {
  align-self: center;
  font-size: 12.5px;
  color: #5c626b;
  border-bottom: 1px dashed #b6bbc2;
  transition: color .15s, border-color .15s;
}
.p28d-na__similar:hover {
  color: #14171c;
  border-color: #14171c;
}
.p28d-na__side .p28d-wait[hidden] {
  display: none;
}
@media (max-width: 1100px) {
  .p28d-na {
    grid-template-columns: 260px minmax(0, 1fr);
  }
  .p28d-na__side {
    grid-column: 1 / -1;
  }
}

/* ---------- 9. «Есть в наличии сейчас» (57a): белая карточка между товаром и бенто ---------- */

.p28d-p57 {
  margin: 0 0 20px;
  padding: 18px;
  background: #fff;
  border-radius: 12px;
  font-family: 'Roboto', Arial, sans-serif;
}

/* ---------- 10. Липкая панель справа от описания (макет 28a, 23.08.2026) ----------
   Разметка — desktop_28_main.php ($p28dStickHtml), стоит в .box-tab-cont после панелей
   вкладок (tabs.php). Видна только на вкладке «Описание»: tabs.php держит
   data-active на корне .p28tabs (сервер — при рендере, JS — при переключении).
   Отступ сверху под закреплённую шапку считает product_28.js (--p28d-stick-top). */

/* Обёртка страницы темы .main-wrap {overflow: hidden} («липкий подвал») — любой такой
   предок делает position: sticky бесполезным. clip режет содержимое так же, но не
   превращает обёртку в прокручиваемый контейнер. Только на странице с карточкой 28a:
   через :has() с первой отрисовки, класс body.p28d-page ставит product_28.js. */
body:has(#p28d) .main-wrap {
  overflow: clip;
}
body.p28d-page .main-wrap {
  overflow: clip;
}

.p28d ~ .main-block_tabs .p28tabs[data-active="description"] .box-tab-cont {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 296px;
  gap: 28px;
  align-items: start;
}
.p28d ~ .main-block_tabs .p28tabs .p28d-stick {
  display: none;
}
.p28d ~ .main-block_tabs .p28tabs[data-active="description"] .p28d-stick {
  display: flex;
}

.p28d-stick {
  position: sticky;
  top: var(--p28d-stick-top, 128px); /* 128 = шапка темы 112 + 16, уточняет JS */
  flex-direction: column;
  gap: 14px;
  font-family: 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-stick *,
.p28d-stick *:before,
.p28d-stick *:after {
  box-sizing: border-box;
}
.p28d-stick a {
  text-decoration: none;
}

/* карточка покупки — тёплый фон, как в макете */
.p28d-stick__buy {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  background: #fff8e3;
  border: 1px solid #f5e2ab;
  border-radius: 12px;
}
.p28d-stick__row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.p28d-stick__cur {
  font: 700 24px/28px 'Roboto', Arial, sans-serif;
  color: #000;
  white-space: nowrap;
}
.p28d-stick__old {
  font-size: 12.5px;
  color: #9d9482;
  text-decoration: line-through;
  white-space: nowrap;
}
.p28d-stick__bonus {
  font-size: 12px;
  line-height: 1.4;
  color: #6b6350;
}
.p28d-stick__bonus b {
  font-weight: 600;
  color: #14171c;
}
.p28d-stick__bonus.is-empty {
  display: none;
}
/* кнопка — те же штатные классы basket.js, что у верхней (.p28d-buy), вид свой */
.p28d-stick .p28d-stick__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 14px;
  background: #FDCD3C;
  border: none;
  border-radius: 8px;
  font: 700 13.5px/1 'Roboto', Arial, sans-serif;
  color: #14171c;
  text-transform: none;
  cursor: pointer;
  transition: background .15s;
  -webkit-appearance: none;
  appearance: none;
}
.p28d-stick .p28d-stick__btn.btn-action-add:hover {
  background: #ffae00;
  color: #14171c;
}
.p28d-stick .p28d-stick__btn.disabled {
  opacity: .6;
  pointer-events: none;
}
.p28d-stick .p28d-stick__btn .p28d-buy__ico {
  width: 20px;
  height: 20px;
}
.p28d-stick .p28d-stick__btn.rbs-in-cart .p28d-buy__text,
.p28d-stick .p28d-stick__btn.active .p28d-buy__text {
  display: none;
}
.p28d-stick .p28d-stick__btn.rbs-in-cart .p28d-buy__text--in,
.p28d-stick .p28d-stick__btn.active .p28d-buy__text--in {
  display: inline;
}
.p28d-stick .p28d-stick__btn.active {
  background: #fff3c4;
}
.p28d-stick .p28d-stick__btn.active:hover {
  background: #ffe99a;
}
.p28d-stick__deliv {
  font-size: 11.5px;
  line-height: 1.45;
  color: #6b6350;
}

/* «Коротко о модели» — строки те же, что в «Кратко о товаре» (.p28d-specs__row) */
.p28d-stick__specs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  background: #f7f8f9;
  border-radius: 12px;
}
.p28d-stick__h {
  font: 700 13px/1.3 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28d-stick__specs .p28d-specs__line {
  background: #e6e8eb;
}
.p28d-stick .p28d-stick__all {
  font-size: 12.5px;
}

/* End */


/* Start:/local/templates/romza_bitronic2_2.23.10/assets/components/sku/style.css?1676888486871*/


.sku__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}
.sku__item {
    background-color: #fff;
    cursor: default;
}
.sku__item {
    padding: 0 4px;
}

.sku__button {
    display: block;
    height: 24px;
    border: 1px solid #666;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 4px;
    padding: 2px 6px 0 7px;
}
.sku__button--current {
    background-color: #ffce24;
    border: 2px solid #ffce24;
    color: #333;
}

.sku__button--color {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    padding: 2px;
}
.sku__button-color {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
}
.sku__button--current.sku__button--color {
    border-color: yellow;
    background: none;
}

.sku__button--current.sku__button--color {

}
/* End */


/* Start:/local/templates/romza_bitronic2_2.23.10/new_css/why_cheaper.css?17870776749556*/
/* ============================================================
   «Почему дешевле, чем в сетях» — модалка 45a (ПК) и шторка 45b (мобилка).
   Файл самодостаточный: подключается и новым шаблоном карточки (sib_pdp_28),
   и боевым (catalog), где триггером служит старый блок .card-main-price-low_cost.
   ============================================================ */

/* ---------- 1. Кнопка «Почему дешевле, чем в сетях» ---------- */
.p28 .p28-why-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 14px;
  padding: 7px 12px;
  background: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 8px;
  font: 400 12.5px 'Roboto', Arial, sans-serif;
  color: #5c626b;
  cursor: pointer;
  transition: border-color .15s, color .15s;
}
.p28 .p28-why-btn:hover {
  border-color: #c3c8cf;
  color: #14171c;
}
.p28 .p28-why-btn__q {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1.3px solid #c3c8cf;
  border-radius: 50%;
  font: 600 10px/13px 'Roboto', Arial, sans-serif;
  text-align: center;
  color: inherit;
}
.p28--mob .p28-why-btn {
  margin: 4px 0 12px;
  padding: 0;
  background: none;
  border: none;
  border-bottom: 1px dashed #b8890a;
  border-radius: 0;
  font-size: 13px;
  color: #14171c;
  flex-direction: row-reverse;
}
.p28--mob .p28-why-btn__q {
  border: none;
  background: #e3e5e8;
  color: #6b7078;
  font-weight: 700;
  line-height: 16px;
}

/* ---------- 2. Выпадашка: ПК — модалка 45a, мобилка — шторка 45b ---------- */
body.p28why-lock {
  overflow: hidden;
}
.p28why {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: none;
  font-family: 'Roboto', Arial, sans-serif;
}
.p28why.is-open {
  display: block;
}
.p28why__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 16, 17, .5);
  animation: p28whyFade .18s ease;
}
.p28why__win {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(20, 23, 28, .18);
  animation: p28whyIn .2s ease;
}
.p28why__grip {
  display: none;
}
@keyframes p28whyFade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes p28whyIn {
  from { opacity: 0; transform: translate(-50%, -46%); }
  to { opacity: 1; transform: translate(-50%, -50%); }
}

/* шапка */
.p28why__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  background: #18191a;
}
.p28why__head-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.p28why__kicker {
  font: 800 10px 'Open Sans', Arial, sans-serif;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #FDCD3C;
}
.p28why__title {
  font: 700 16px 'Open Sans', Arial, sans-serif;
  color: #fff;
}
.p28why__close {
  margin-left: auto;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #2b2d31;
  color: #9aa0a9;
  font: 400 15px/26px 'Roboto', Arial, sans-serif;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.p28why__close:hover {
  background: #3a3d42;
  color: #fff;
}

/* тело */
.p28why__body {
  padding: 16px 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.p28why__lead {
  font-size: 13.5px;
  line-height: 1.55;
  color: #3c424a;
}
.p28why__lead b {
  color: #14171c;
}

/* три причины */
.p28why__reasons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.p28why__reason {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 13px;
  background: #f7f8f9;
  border-radius: 10px;
}
.p28why__num {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #FDCD3C;
  color: #14171c;
  font: 800 13px/28px 'Open Sans', Arial, sans-serif;
  text-align: center;
}
.p28why__reason-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.p28why__reason-title {
  font: 700 13px 'Open Sans', Arial, sans-serif;
  color: #14171c;
}
.p28why__reason-desc {
  font-size: 12px;
  line-height: 1.45;
  color: #5c626b;
}

/* на чём не экономим */
.p28why__save {
  border: 1px solid #f0e2ba;
  border-radius: 10px;
  overflow: hidden;
}
.p28why__save-head {
  padding: 8px 13px;
  background: #fffaea;
  font: 700 11px 'Open Sans', Arial, sans-serif;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #8a6a15;
}
.p28why__save-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.p28why__save-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 11px 13px;
  border-top: 1px solid #f4eeda;
}
.p28why__save-item + .p28why__save-item {
  border-left: 1px solid #f4eeda;
}
.p28why__save-item b {
  font: 700 12.5px 'Open Sans', Arial, sans-serif;
  color: #14171c;
}
.p28why__save-item span {
  font-size: 12px;
  line-height: 1.45;
  color: #5c626b;
}

/* отзывы */
.p28why__reviews {
  border-top: 1px solid #f0f1f3;
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.p28why__reviews-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.p28why__reviews-title {
  font: 700 14px 'Open Sans', Arial, sans-serif;
  color: #14171c;
}
.p28why__reviews-score {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 7px;
}
.p28why__rating {
  padding: 3px 8px;
  background: #FDCD3C;
  border-radius: 5px;
  font: 700 13px 'Roboto', Arial, sans-serif;
  color: #000;
}
.p28why__rating-note {
  font-size: 11.5px;
  color: #6b7078;
}
.p28why__quotes {
  display: flex;
  gap: 10px;
}
.p28why__quote {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 13px;
  background: #f7f8f9;
  border-radius: 10px;
}
.p28why__quote-head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p28why__ava {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  color: #fff;
  font: 700 10px/24px 'Roboto', Arial, sans-serif;
  text-align: center;
}
.p28why__quote-name {
  font: 600 12.5px 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p28why__stars {
  margin-left: auto;
  color: #FDCD3C;
  font-size: 11px;
  letter-spacing: 1px;
}
.p28why__quote-text {
  font-size: 12px;
  line-height: 1.5;
  color: #3c424a;
}
.p28why__platforms {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11.5px;
  color: #6b7078;
}
.p28why__platform {
  display: flex;
  align-items: center;
  gap: 6px;
}
.p28why__platform img {
  height: 14px;
  width: auto;
  display: block;
}
.p28why__since {
  margin-left: auto;
}
.p28why__foot {
  padding: 12px 14px;
  background: #fffaea;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #3c424a;
}
.p28why__foot b {
  color: #14171c;
}

/* --- мобильная шторка снизу (45b) --- */
@media (max-width: 767px) {
  .p28why__win {
    left: 0;
    top: auto;
    bottom: 0;
    width: auto;
    right: 0;
    max-width: none;
    max-height: 88vh;
    transform: none;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, .3);
    animation: p28whyUp .22s ease;
    -webkit-overflow-scrolling: touch;
  }
  @keyframes p28whyUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
  }
  .p28why__grip {
    display: block;
    width: 38px;
    height: 4px;
    margin: 9px auto 0;
    border-radius: 2px;
    background: #d8dade;
  }
  .p28why__head {
    padding: 12px 16px 6px;
    background: #fff;
  }
  .p28why__kicker {
    font-size: 9.5px;
    color: #b8890a;
  }
  .p28why__title {
    color: #14171c;
  }
  .p28why__close {
    background: #f2f3f5;
    color: #6b7078;
  }
  .p28why__body {
    padding: 8px 16px 22px;
    gap: 13px;
  }
  .p28why__lead {
    font-size: 13px;
  }
  .p28why__reasons {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .p28why__reason {
    flex-direction: row;
    align-items: flex-start;
    gap: 11px;
    padding: 12px 13px;
  }
  .p28why__num {
    width: 26px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
  }
  .p28why__save-head {
    font-size: 10.5px;
    padding: 8px 12px;
  }
  .p28why__save-grid {
    grid-template-columns: 1fr;
  }
  .p28why__save-item + .p28why__save-item {
    border-left: none;
  }
  .p28why__save-item b {
    font-size: 12px;
  }
  .p28why__save-item span {
    font-size: 11.5px;
  }
  .p28why__quotes {
    flex-direction: column;
  }
  .p28why__reviews-title {
    font-size: 13.5px;
  }
  .p28why__platforms {
    gap: 12px;
    font-size: 11px;
  }
  .p28why__foot {
    font-size: 12.5px;
    padding: 11px 13px;
  }
}

/* ---------- 0.3. Табы: убираем наследие темы ---------- */
@media (min-width: 992px) {
  /* жёлтая полоса СВЕРХУ активной вкладки (псевдоэлемент темы) — не нужна,
     в макете линия только под активным заголовком */
  .p28-tabs--desk.p28-tabs--desk .nav-tab-list__item.active:before {
    display: none;
    content: none;
  }
  /* лишние отступы вокруг строки табов */
  .p28-tabs--desk.p28-tabs--desk .tab-wrap {
    margin: 0;
    padding: 0;
  }
  .p28-tabs--desk.p28-tabs--desk .box-tab-cont,
  .p28-tabs--desk.p28-tabs--desk .tab-inner {
    margin: 0;
  }
}


/* End */


/* Start:/local/templates/romza_bitronic2_2.23.10/new_css/pdp_tabs.css?1787078536858*/
/* ============================================================
   Асинхронные вкладки карточки товара: заглушка на время загрузки.
   Подключается и боевым шаблоном (catalog), и новым (sib_pdp_28).
   ============================================================ */
.p28tabs .p28tabs__loader {
  padding: 26px 0;
  font-size: 13.5px;
  color: #9aa0a9;
}
.p28tabs .p28tabs__loader a {
  color: #406EFF;
  text-decoration: underline;
}

/* мобильный аккордеон: заголовки секций стали ссылками — вид прежний */
.accordion_mob .accordion__head .p28macc__link {
  display: block;
  color: inherit;
  font: inherit;
  text-decoration: none;
}
.accordion_mob .accordion__head .p28macc__link:hover {
  color: inherit;
}

/* End */


/* Start:/local/templates/romza_bitronic2_2.23.10/new_css/similar_57.css?17874041234467*/
/* ============================================================
   «Есть в наличии сейчас» — подборка в карточке товара без наличия (макет 57a,
   задача 28, docs/tasks/28-kartochka-tovara-pc.md).
   Разметка — components/bitrix/catalog.section/sib_pdp_57/template.php;
   подключается самим шаблоном, поэтому работает и на ПК (4 в ряд), и на мобилке
   (.p57--mob, 2 в ряд). Обёртка блока — у карточек (.p28d-p57 / .p53-p57).
   Фото на серой подложке #f7f8f9 с multiply — правило владельца для каталога.
   ============================================================ */

.p57 {
  font-family: 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p57 *,
.p57 *:before,
.p57 *:after {
  box-sizing: border-box;
}

.p57__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}
.p57__title {
  font: 800 17px/1.3 'Open Sans', 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.p57__sub {
  font-size: 12.5px;
  color: #8b9098;
}
.p57__all {
  margin-left: auto;
  font-size: 12.5px;
  color: #5c626b;
  text-decoration: none;
  border-bottom: 1px dashed #b6bbc2;
  white-space: nowrap;
  transition: color .15s, border-color .15s;
}
.p57__all:hover {
  color: #14171c;
  border-color: #14171c;
}
.p57__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.p57-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px;
  background: #fff;
  border: 1px solid #f0f1f3;
  border-radius: 8px;
  min-width: 0;
}
.p57-card__photo {
  display: block;
  margin: -11px -11px 2px;
  aspect-ratio: 1 / 1.05;
  background: #f7f8f9;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.p57-card__photo picture,
.p57-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10%;
  box-sizing: border-box;
  mix-blend-mode: multiply;
}
.p57-card__prices {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.p57-card__price {
  padding: 2px 7px;
  background: #FDCD3C;
  border-radius: 4px;
  font: 700 14px/18px 'Roboto', Arial, sans-serif;
  color: #000;
  white-space: nowrap;
}
.p57-card__old {
  font-size: 11.5px;
  color: #9aa0a9;
  text-decoration: line-through;
}
.p57-card__name {
  min-height: 49px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
  color: #14171c;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.p57-card__name:hover {
  color: #14171c;
  text-decoration: underline;
}
.p57-card__note {
  margin-top: -2px;
  min-height: 30px;
  font-size: 11px;
  line-height: 1.35;
  color: #6b7078;
}
.p57 .p57-card__buy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  margin: auto 0 0;
  padding: 0 10px;
  background: #FDCD3C;
  border: none;
  border-radius: 7px;
  font: 600 12.5px/1 'Roboto', Arial, sans-serif;
  color: #14171c;
  text-transform: none;
  cursor: pointer;
  transition: background .15s;
  -webkit-appearance: none;
  appearance: none;
}
.p57 .p57-card__buy:hover {
  background: #ffae00;
  color: #14171c;
}
.p57 .p57-card__buy.disabled {
  opacity: .6;
  pointer-events: none;
}
.p57-card__buy-ico {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  fill: #14171c;
}
.p57-card__buy-text--in {
  display: none;
}
.p57 .p57-card__buy.rbs-in-cart .p57-card__buy-text,
.p57 .p57-card__buy.active .p57-card__buy-text {
  display: none;
}
.p57 .p57-card__buy.rbs-in-cart .p57-card__buy-text--in,
.p57 .p57-card__buy.active .p57-card__buy-text--in {
  display: inline;
}
.p57 .p57-card__buy.active {
  background: #fff3c4;
}

/* ---------- мобилка (53a/57a): 2 в ряд, ссылка «Все …» под сеткой ---------- */
.p57--mob .p57__head {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 11px;
}
.p57--mob .p57__title {
  font-size: 15px;
}
.p57--mob .p57__sub {
  font-size: 11.5px;
}
.p57--mob .p57__all--bottom {
  display: inline-block;
  margin: 12px 0 0;
  white-space: normal;
}
.p57--mob .p57__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.p57--mob .p57-card__name {
  min-height: 0;
}
.p57--mob .p57-card__note {
  min-height: 0;
}

/* End */


/* Start:/local/templates/romza_bitronic2_2.23.10/new_css/accessories_pdp.css?17874106026872*/
/* ============================================================
   Вкладка «Аксессуары» в карточке товара (задача aksessuary-pdp,
   docs/tasks/aksessuary-pdp.md).
   Разметка — components/bitrix/catalog.section/sib_pdp_acc/template.php,
   подключается самим шаблоном: ПК (вкладка 28a, 5 в ряд) и мобилка
   (.acc29--mob, блок в карточке 53a, 2 в ряд). Карточка — как у подборки
   «Есть в наличии сейчас» (similar_57.css). Фото на серой подложке
   #f7f8f9 с multiply — правило владельца для каталога.
   ============================================================ */

.acc29 {
  font-family: 'Roboto', Arial, sans-serif;
  color: #14171c;
}
.acc29 *,
.acc29 *:before,
.acc29 *:after {
  box-sizing: border-box;
}

/* ---------- навигация по группам ---------- */
.acc29__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}
.acc29__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  border: 1px solid #e5e7ea;
  border-radius: 20px;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: #14171c;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .15s, background .15s;
}
.acc29__chip:hover {
  border-color: #c3c8cf;
  background: #f7f8f9;
  color: #14171c;
}
.acc29__chip.is-active {
  border-color: #FDCD3C;
  background: #fff8e3;
}
.acc29__chip-n {
  font-weight: 500;
  color: #8b9098;
}

/* ---------- группа ---------- */
.acc29-group + .acc29-group {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid #f0f1f3;
}
.acc29-group__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0 0 14px;
}
.acc29 .acc29-group__title {
  margin: 0;
  padding: 0;
  font: 700 18px/1.25 'Roboto', Arial, sans-serif;
  color: #14171c;
  text-transform: none;
}
.acc29-group__count {
  font-weight: 500;
  font-size: 15px;
  color: #9aa0a9;
}
.acc29-group__sub {
  font-size: 12.5px;
  color: #6b7078;
}

/* ---------- сетка и карточка ---------- */
.acc29__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1250px) {
  .acc29__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1000px) {
  .acc29__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.acc29-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px;
  background: #fff;
  border: 1px solid #f0f1f3;
  border-radius: 8px;
  min-width: 0;
}
.acc29-card--more {
  display: none;
}
.acc29-group.is-open .acc29-card--more {
  display: flex;
}
.acc29-card__photo {
  display: block;
  margin: -11px -11px 2px;
  aspect-ratio: 1 / 1.05;
  background: #f7f8f9;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.acc29-card__photo picture,
.acc29-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10%;
  box-sizing: border-box;
  mix-blend-mode: multiply;
}
.acc29-card__prices {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.acc29-card__price {
  padding: 2px 7px;
  background: #FDCD3C;
  border-radius: 4px;
  font: 700 14px/18px 'Roboto', Arial, sans-serif;
  color: #000;
  white-space: nowrap;
}
.acc29-card__old {
  font-size: 11.5px;
  color: #9aa0a9;
  text-decoration: line-through;
}
.acc29-card__name {
  min-height: 49px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
  color: #14171c;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.acc29-card__name:hover {
  color: #14171c;
  text-decoration: underline;
}
.acc29-card__note {
  margin-top: -2px;
  min-height: 15px;
  font-size: 11px;
  line-height: 1.35;
  color: #6b7078;
}
.acc29 .acc29-card__buy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  margin: auto 0 0;
  padding: 0 10px;
  background: #FDCD3C;
  border: none;
  border-radius: 7px;
  font: 600 12.5px/1 'Roboto', Arial, sans-serif;
  color: #14171c;
  text-transform: none;
  cursor: pointer;
  transition: background .15s;
  -webkit-appearance: none;
  appearance: none;
}
.acc29 .acc29-card__buy:hover {
  background: #ffae00;
  color: #14171c;
}
.acc29 .acc29-card__buy.disabled {
  opacity: .6;
  pointer-events: none;
}
.acc29-card__buy-ico {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  fill: #14171c;
}
.acc29-card__buy-text--in {
  display: none;
}
.acc29 .acc29-card__buy.rbs-in-cart .acc29-card__buy-text,
.acc29 .acc29-card__buy.active .acc29-card__buy-text {
  display: none;
}
.acc29 .acc29-card__buy.rbs-in-cart .acc29-card__buy-text--in,
.acc29 .acc29-card__buy.active .acc29-card__buy-text--in {
  display: inline;
}
.acc29 .acc29-card__buy.active {
  background: #fff3c4;
}

/* ---------- «Показать ещё» ---------- */
.acc29 .acc29__more {
  display: block;
  width: 100%;
  height: 40px;
  margin: 12px 0 0;
  padding: 0 14px;
  background: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 8px;
  font: 600 13px/1 'Roboto', Arial, sans-serif;
  color: #14171c;
  text-transform: none;
  cursor: pointer;
  transition: background .15s, border-color .15s;
  -webkit-appearance: none;
  appearance: none;
}
.acc29 .acc29__more:hover {
  background: #f7f8f9;
  border-color: #c3c8cf;
  color: #14171c;
}
.acc29-group.is-open .acc29__more {
  display: none;
}

/* ---------- мобилка (блок в карточке 53a): 2 в ряд, чипы лентой ---------- */
.acc29--mob .acc29__nav {
  flex-wrap: nowrap;
  overflow-x: auto;
  margin: 0 -14px 14px;
  padding: 0 14px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.acc29--mob .acc29__nav::-webkit-scrollbar {
  display: none;
}
.acc29--mob .acc29__chip {
  flex: 0 0 auto;
  padding: 6px 11px;
  font-size: 12.5px;
}
.acc29--mob .acc29-group + .acc29-group {
  margin-top: 20px;
  padding-top: 16px;
}
.acc29--mob .acc29-group__head {
  flex-direction: column;
  gap: 2px;
  margin-bottom: 10px;
}
.acc29--mob .acc29-group__title {
  font-size: 15px;
}
.acc29--mob .acc29-group__count {
  font-size: 13px;
}
.acc29--mob .acc29-group__sub {
  font-size: 11.5px;
}
.acc29--mob .acc29__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.acc29--mob .acc29-card__name {
  min-height: 0;
}
.acc29--mob .acc29-card__note {
  min-height: 0;
}

/* блок в мобильной карточке 53a (обёртка .p53-block — product_53.css) */
.p53-acc .p53-h {
  margin-bottom: 12px;
}
.p53-acc__n {
  font-weight: 600;
  font-size: 13px;
  color: #9aa0a9;
}

/* End */
/* /local/templates/romza_bitronic2_2.23.10/components/sibdroid/catalog.element/catalog/style.min.css?174005693814841 */
/* /local/templates/romza_bitronic2_2.23.10/new_css/product_28.css?178747916632960 */
/* /local/templates/romza_bitronic2_2.23.10/assets/components/sku/style.css?1676888486871 */
/* /local/templates/romza_bitronic2_2.23.10/new_css/why_cheaper.css?17870776749556 */
/* /local/templates/romza_bitronic2_2.23.10/new_css/pdp_tabs.css?1787078536858 */
/* /local/templates/romza_bitronic2_2.23.10/new_css/similar_57.css?17874041234467 */
/* /local/templates/romza_bitronic2_2.23.10/new_css/accessories_pdp.css?17874106026872 */