.catalog-detail {
  display: flex;
  flex-direction: row;
  position: relative;
}
.catalog-detail img {
  display: inline-block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}

.catalog-detail__item .catalog-detail__main {
  min-width: 0;

  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 358px;

  container: side-info / inline-size;
}
.gallery-size-normal .catalog-detail__main {
  flex-basis: 56%;
}
.visible-by-container-rule {
  display: none;
}
@container side-info (width < 600px) {
  .catalog-detail__main .catalog-detail__main-parts {
    flex-direction: column;
    gap: 24px;
  }
  .catalog-detail__main .catalog-detail__main-part--right {
    max-width: none;
  }
  .visible-by-container-rule {
    display: block;
  }
  .hidden-by-container-rule {
    display: none;
  }
}

body .catalog-detail__main-parts {
  align-items: flex-start;
}
.catalog-detail__main-part--right {
  max-width: 358px;
  width: 100%;
}

@media (min-width: 1200px) {
  .catalog-detail__item,
  .catalog-detail__right-info {
    min-width: 0;
  }
}

@media (max-width: 1199px) {
  body .catalog-detail {
    display: block;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .catalog-detail__item .catalog-detail__top-info > div {
    flex: 1;
  }
}
@media (max-width: 991px) {
  .catalog-detail__item .catalog-detail__top-info {
    gap: 20px;
  }
  .catalog-detail__item .catalog-detail__main {
    flex-basis: 300px;
  }
}
@media (max-width: 767px) {
  .catalog-detail__item .catalog-detail__top-info {
    flex-direction: column;
  }
}
#expandables .maxwidth-theme{
  padding-left: 0;
  padding-right: 0;
}
/* =========================
   CDEK delivery block - compact UI
   scope: only inside right block of custom widget
   ========================= */

.cdek-side-block--delivery #cdek-native-delivery .jqmClose{
  display: none !important; /* крестик из встроенного попапа тут лишний */
}

/* сбрасываем "попапность" формы внутри вашего сайд-блока */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery.form.popup{
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* заголовок */
.cdek-side-block--delivery #cdek-native-delivery .form-header{
  padding: 0 0 8px 0 !important;
  margin: 0 0 10px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-title h2{
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-title-city span{
  font-weight: 600 !important;
}

/* поле города/локации делаем плотнее */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-fields{
  margin: 0 0 8px 0 !important;
}

.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-field{
  margin: 0 !important;
}

/* список доставок */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-items{
  display: flex;
  flex-direction: column;
  gap: 6px; /* компактный вертикальный ритм */
}

/* карточка способа */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  padding: 8px 10px;
  transition: background .15s ease, border-color .15s ease;
}

/* чуть подсветим hover */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item:hover{
  background: rgba(0,0,0,.02);
  border-color: rgba(0,0,0,.12);
}

/* убираем дублирующую вторую строку в head */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-flexline.flexline-2{
  display: none !important;
}

/* выравнивание хедера */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-head{
  padding: 0 !important;
}

/* логотип меньше */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-logo{
  width: 28px;
  min-width: 28px;
  margin-right: 8px !important;
}

.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-logo img{
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain;
}

/* имя + срок */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-name{
  font-size: 13px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-period{
  font-size: 11px !important;
  line-height: 1.2 !important;
  opacity: .75;
  margin-top: 2px;
}

/* цена компактнее */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-price{
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

/* ✅ раскрытие оставляем живым, только компактный стиль */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-more{
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0,0,0,.06);
}

/* ошибки тоже уплотним */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-error{
  margin: 6px 0 10px 0 !important;
}

.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-error-icon{
  transform: scale(.85);
}

/* =========================================
   CDEK location search - fix icon/clear overlap
   scope: только правый блок виджета
   ========================================= */

/* якорим иконки именно на input-block */
.cdek-side-block--delivery #cdek-native-delivery .bx-sls .dropdown-block.bx-ui-sls-input-block{
  position: relative !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
}

/* контейнер инпутов */
.cdek-side-block--delivery #cdek-native-delivery .bx-sls .bx-ui-sls-container{
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
}

/* Лупа */
.cdek-side-block--delivery #cdek-native-delivery .bx-sls .dropdown-icon{
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

/* Крестик очистки */
.cdek-side-block--delivery #cdek-native-delivery .bx-sls .bx-ui-sls-clear{
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  cursor: pointer;
}

/* видимые инпуты селектора */
.cdek-side-block--delivery #cdek-native-delivery .bx-sls input.bx-ui-sls-fake,
.cdek-side-block--delivery #cdek-native-delivery .bx-sls input.bx-ui-sls-route,
.cdek-side-block--delivery #cdek-native-delivery .bx-sls input.dropdown-field{
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  height: 30px;
  line-height: 30px;
  font-size: 13px !important;
  position: relative;
  z-index: 1;
}

/* чтобы "белый градиент" и лоадер не перекрывали клики */
.cdek-side-block--delivery #cdek-native-delivery .bx-sls .dropdown-fade2white,
.cdek-side-block--delivery #cdek-native-delivery .bx-sls .bx-ui-sls-loader{
  pointer-events: none !important;
}

/* =========================================
   Selected point UI (compact button + details)
   ========================================= */

#cdek-selected-point {
  margin-top: 10px;
}

/* пустое состояние */
.cdek-selected-empty {
  padding: 10px 12px;
  border-radius: 10px;
  background: #f6f7fb;
  border: 1px dashed #d9dce7;
  color: #6b6f7a;
  font-size: 13px;
}

/* обертка */
.cdek-selected {
  display: block;
}

/* кнопка-сводка */
.cdek-selected-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  padding: 12px 14px;
  border-radius: 12px;

  background: #f6f7fb;
  border: 1px solid #e6e8f0;

  cursor: pointer;
  text-align: left;

  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.cdek-selected-toggle:hover {
  background: #ffffff;
  border-color: #d9ddef;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

/* текстовая часть */
.cdek-selected-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.cdek-selected-title {
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #6b6f7a;
}

.cdek-selected-address {
  font-size: 14px;
  font-weight: 500;
  color: #1f2430;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* шеврон */
.cdek-selected-chevron {
  flex: 0 0 auto;

  width: 22px;
  height: 22px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #fff;
  border: 1px solid #e6e8f0;

  font-size: 12px;
  color: #6b6f7a;

  transition: transform .2s ease;
}

.cdek-selected-toggle[aria-expanded="true"] .cdek-selected-chevron {
  transform: rotate(180deg);
}

/* блок деталей */
.cdek-selected-details {
  margin-top: 8px;
  padding: 10px 12px;

  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #eef0f6;

  font-size: 13px;
  color: #2a2f3a;
}

.cdek-selected-row + .cdek-selected-row {
  margin-top: 4px;
}

/* =========================
   CDEK modal styles (layout base)
   ========================= */

#cdek-map-wrapper{
  position: relative;
  background: #fff; /* чтобы не было серого просвета */
}

/* Двухколоночная обёртка */
#cdek-widget-modal .cdek-widget-layout{
  display: flex;
  width: 100%;
}

/* Левая колонка с картой */
#cdek-widget-modal .cdek-widget-layout__map{
  flex: 1 1 auto;
  min-width: 0;
}

/* Правая колонка (разделитель выключен) */
#cdek-widget-modal .cdek-widget-layout__side{
  width: 400px;
  border-left: 0 !important;
  background: #fafafa;
  display: flex;
}

/* =========================
   CDEK cart base UI (общие части)
   ========================= */

#cdek-widget-modal .cdek-widget-cart__info{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}

#cdek-widget-modal .cdek-widget-cart__img-wrap{
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
  background: #f5f5f5;
}

#cdek-widget-modal .cdek-widget-cart__img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

#cdek-widget-modal .cdek-widget-cart__title{
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  max-height: 2.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#cdek-widget-modal .cdek-widget-cart__controls{
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

#cdek-widget-modal .cdek-cart-btn{
  flex: 0 0 auto;
  white-space: nowrap;
}

#cdek-widget-modal .cdek-widget-cart__counter{
  flex: 0 0 auto;
}

/* =========================
   Right side: 3 blocks (delivery/selected/cart)
   текущая пропорция 3/1/1 (~60/20/20)
   ========================= */

#cdek-widget-modal .cdek-widget-layout__side-inner{
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 600px; /* вровень с картой */
}

#cdek-widget-modal .cdek-side-block{
  min-height: 0;
}

/* delivery */
#cdek-widget-modal .cdek-side-block--delivery{
  flex: 3 1 0;
  padding: 16px;
  overflow: auto;
  background: #fff !important;
}

/* selected */
#cdek-widget-modal .cdek-side-block--selected{
  flex: 1 1 0;
  padding: 12px 16px;
  background: #fff;
  border-top: 1px solid #eee;
  overflow: auto;
}

/* cart */
#cdek-widget-modal .cdek-side-block--cart{
  flex: 1 1 0;
  padding: 12px 16px;
  background: #fff;
  border-top: 1px solid #eee;
  overflow: auto;
}

/* Плейсхолдер нативной доставки */
#cdek-widget-modal .cdek-native-delivery__placeholder{
  padding: 12px 0;
  color: #777;
  font-size: 13px;
}

/* Если вдруг где-то остался старый cart-оверлей на карте — гасим */
#cdek-widget-modal #cdek-map-wrapper .cdek-widget-cart{
  display: none !important;
}

/* Cart как встроенная карточка внутри правого блока */
#cdek-widget-modal .cdek-side-block--cart .cdek-widget-cart{
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: none !important;
  width: 100% !important;

  background: #f6f7fb !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;

  padding: 12px 14px !important;

  display: flex;
  align-items: center;
  gap: 12px;
}

#cdek-widget-modal .cdek-side-block--cart .cdek-widget-cart__img-wrap{
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
}

#cdek-widget-modal .cdek-side-block--cart .cdek-widget-cart__title{
  font-size: 12.5px;
}

#cdek-widget-modal .cdek-side-block--cart .cdek-widget-cart__controls{
  gap: 8px;
}

/* =========================
   Narrow overrides for selected block
   ========================= */

#cdek-widget-modal .cdek-side-block--selected > .cdek-selected-title{
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 8px;
  color: #222;
}

#cdek-widget-modal .cdek-side-block--selected .cdek-selected-empty{
  font-size: 12px;
  color: #777;
}

#cdek-widget-modal .cdek-side-block--selected .cdek-selected-row{
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 6px;
}

#cdek-widget-modal .cdek-side-block--selected .cdek-selected-row b{
  font-weight: 600;
}

/* =========================================
   CDEK native form body padding override
   scope: только правый блок виджета
   ========================================= */

.cdek-side-block--delivery #cdek-native-delivery .form.popup .form-body{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* =========================================
   Высота внутреннего root CDEK
   ========================================= */

#cdek-widget-modal .cdek-jipbqv{
  height: 95% !important;
}

/* =========================================
   CDEK переключатель "ПВЗ / ДО ДВЕРИ"
   segmented control без эффекта "кнопка в кнопке"
   ========================================= */

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6{
  display: flex !important;
  gap: 0 !important;

  padding: 4px !important;
  background: #f3f5fa !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 12px !important;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6 .cdek-luckad{
  flex: 1 1 0;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  position: relative;
}

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6 .cdek-wa75fd{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6 .cdek-pdfvml{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6 .cdek-qzbpbh{
  display: block;
  width: 100%;

  text-align: center;
  padding: 10px 12px;

  border-radius: 9px;

  font-size: 12px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;

  color: #5d6574;
  background: transparent;

  cursor: pointer;

  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6
.cdek-wa75fd:checked + .cdek-pdfvml .cdek-qzbpbh{
  background: #ffffff;
  color: #0a8f3c;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6
.cdek-wa75fd:not(:checked) + .cdek-pdfvml .cdek-qzbpbh:hover{
  background: rgba(255,255,255,.6);
}

#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6 .cdek-mfqq2r,
#cdek-widget-modal .cdek-xvnk8x.cdek-2yvgu6 .cdek-fshz91{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================
   Adaptive
   ========================= */

@media (max-width: 991px){
  #cdek-widget-modal .cdek-widget-layout{
    flex-direction: column;
  }
  #cdek-widget-modal .cdek-widget-layout__side{
    width: 100%;
    border-left: none;
    border-top: 1px solid #eee;
  }
  #cdek-widget-modal .cdek-widget-layout__side-inner{
    max-height: none;
  }
}

/* =========================================
   Финальные правки "без стекла" для layout
   + лёгкое стекло только для верхней шапки (как у тебя)
   ========================================= */

#cdek-widget-modal > div > div.cdek-widget-layout{
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* это у тебя на 1-й внутренний блок (шапка модалки) 
#cdek-widget-modal > div > div:nth-child(1) {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  border-radius: 16px !important;
}
*/
body.cdek-modal-open{
  overflow: hidden !important;
}
/* CDEK: адрес в кнопке — 2 строки максимум */
#cdek-selected-point > div > button > span.cdek-selected-main > span.cdek-selected-address{
  font-size: 12.5px;
  line-height: 1.25;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Группы доставок (курьерская + остальные) в правом CDEK-блоке */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-group{
  background: #f6f7fb;
  border: 1px solid transparent;
  border-radius: 12px !important;
  padding: 12px 14px;
  margin-bottom: 12px;
}

/* заголовок "Курьерская доставка" */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-group-title{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #6b6f7a;
  margin-bottom: 6px;
}

/* при наведении — белая карточка поверх голубой рамки */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item:hover{
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
  box-shadow: 0 3px 10px rgba(15,23,42,.06);
}

/* последняя рамка без лишнего отступа снизу (если нужно) */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-group--other{
  margin-bottom: 0;
}
/* Кнопка "Купить" внутри раскрытого способа доставки */
.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-actions{
  margin-top: 10px;
}

.cdek-side-block--delivery #cdek-native-delivery .catalog-delivery-item-actions .btn{
  width: 100%;
  font-size: 12px;
  padding: 8px 10px;
}
/* кнопка под "Выбрать" внутри карты СДЭК */
#cdek-widget-modal #cdek-map .cdek-map-buy{
  margin-top: 10px;
}

#cdek-widget-modal #cdek-map .cdek-map-buy .js-cdek-map-buy{
  width: 100%;
  cursor: pointer;
  transition: transform .08s ease;
}
#cdek-widget-modal #cdek-map .cdek-map-buy .js-cdek-map-buy:active{
  transform: translateY(1px); /* "айфон-тап" */
}


/*-- ===================== CFG META (price + status above cart buttons) ===================== -->

/* футер полулиста: meta над кнопками */
#configuratorSheet .cfg-sheet__footer{
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}

/* контейнер meta: цена сверху, под ней карточка статусов */
#configuratorSheet #cfg-meta{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 0 0;
  border-top: 1px solid rgba(0,0,0,.06);
}
/* вместо prefers-color-scheme: dark — тёмная тема ТОЛЬКО когда сайт реально в dark */
html[data-theme="dark"] #configuratorSheet #cfg-meta .cfg-status,
body[data-theme="dark"] #configuratorSheet #cfg-meta .cfg-status,
body.theme-dark #configuratorSheet #cfg-meta .cfg-status,
body.dark-theme #configuratorSheet #cfg-meta .cfg-status,
html.dark #configuratorSheet #cfg-meta .cfg-status{
  background: rgba(15,15,15,0.85);
  border-color: rgba(255,255,255,0.12);
}


/* цена — крупно, слева */
#configuratorSheet #cfg-meta .cfg-price{
  font: 700 20px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing: .1px;
  white-space: nowrap;
}

/* карточка статусов: рамка вокруг двух строк, по контенту */
#configuratorSheet #cfg-meta .cfg-status{
  display: inline-flex;          /* чтобы не тянуться на всю ширину */
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,0.08);
  /* background: #e9e9e9;*/
  box-shadow: 0 1px 2px rgba(15,23,42,0.04);
  box-sizing: border-box;
  align-self: flex-start;
  max-width: 100%;
}

/* каждая строка статуса внутри карточки: иконка + текст */
#configuratorSheet #cfg-meta .cfg-status > *{
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
  background: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
}

/* Колонка под иконку — фиксированной ширины, центрируем SVG */
#configuratorSheet #cfg-meta .cfg-status > * .icon-container,
#configuratorSheet #cfg-meta .cfg-status > * .status__svg-icon{
  width: 24px;              /* одна и та же ширина для обеих иконок */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0;
  flex-shrink: 0;
}

/* сами svg — одинакового размера, без лишних отступов */
#configuratorSheet #cfg-meta .cfg-status > * svg{
  display: block;
  width: 18px;
  height: 18px;
}

/* Чуть подвинуть иконку первой строки (Самовывоз) влево */
#configuratorSheet #cfg-meta .cfg-status .status-container .icon-container svg{
  transform: translateX(-5px);
}

/* текст статуса — базовый стиль */
#configuratorSheet #cfg-meta .cfg-status > * .catalog-detail__pseudo-link-text,
#configuratorSheet #cfg-meta .cfg-status > * .js-replace-status{
  font: 500 14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  /*color: #111827;*/
}

/* === Доставка по РФ, 15–19 января — как «родная» тема === */

/* 1) Всегда пунктирное подчёркивание (как на детальной) */
#configuratorSheet #cfg-meta .cfg-status .js-open-cdek-widget
  .catalog-detail__pseudo-link-text .dotted{
  text-decoration: none;                 /* убираем обычное подчёркивание */
  border-bottom: 1px dotted currentColor;
  padding-bottom: 1px;                   /* чтобы линия не прилипала к тексту */
}

/* 2) Кликабельная строка: ведём себя как link-opacity-color--hover */
#configuratorSheet #cfg-meta .cfg-status .js-open-cdek-widget{
  cursor: pointer;
  transition: opacity .15s ease;
}

/* при наведении — всё (иконка + текст) чуть светлеет */
#configuratorSheet #cfg-meta .cfg-status .js-open-cdek-widget:hover{
  opacity: .7;
}

/* кнопки сразу под meta, без лишнего воздуха */
#configuratorSheet #cfg-cart-block{
  margin-top: 4px;
}

/* «Готово» не сдвигаем вверх */
#configuratorSheet .cfg-sheet__action{
  transform: translateY(0) !important;
}
/* Мини-корзина в полулисте на белом фоне, как в виджете СДЭК */
#configuratorSheet .cfg-cart-block{
  width: 100%;
}

#configuratorSheet .cfg-cart-widget{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15,23,42,0.12);
  box-sizing: border-box;
}

#configuratorSheet .cfg-cart-widget .cdek-widget-cart__info{
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}

#configuratorSheet .cfg-cart-widget .cdek-widget-cart__img-wrap{
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}

#configuratorSheet .cfg-cart-widget .cdek-widget-cart__img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

#configuratorSheet .cfg-cart-widget .cdek-widget-cart__title{
  font: 500 14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color: #111827;
}

/* кнопки и счётчик справа */
#configuratorSheet .cfg-cart-widget .cdek-widget-cart__controls{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

#configuratorSheet .cfg-cart-btn{
  white-space: nowrap;
}

#configuratorSheet #cfg-cart-counter .counter{
  min-width: auto;
}

.catalog-detail .js-open-cdek-widget {
  cursor: pointer;
}

/* контент: шире паддинги и немного больше высота */
#configuratorSheet .cfg-sheet__content{
  padding: 0 24px 18px !important;
  max-height: min(72svh, 72vh) !important;  /* было ~70% — чуть выше */
}

/* =========  ========= */
/* ========= CFG SHEET: desktop-тюнинг размера и отступов ========= */
/* =========  ========= */


@media (min-width: 1024px){
  /* сам полулист — шире и чуть выше от края */
  #configuratorSheet .cfg-sheet__panel{
    max-width: 900px !important;          /* было 800px */
    margin-bottom: 10px !important;       /* небольшой зазор от низа */
  }

  /* шапка */
  #configuratorSheet .cfg-sheet__header{
    padding: 12px 24px 10px !important;
  }

  

  /* футер с метой и кнопками */
  #configuratorSheet .cfg-sheet__footer{
    padding: 10px 24px calc(16px + env(safe-area-inset-bottom,0px)) !important;
  }

  /* мини-корзина ближе к мета-блоку */
  #configuratorSheet #cfg-cart-block{
    margin-top: 6px !important;
  }
}
/* ===== Ограничение высоты полулиста до 80% экрана ===== */
#configuratorSheet .cfg-sheet__panel{
  display: flex;
  flex-direction: column;
  max-height: min(95svh, 95vh); /* не больше 80% высоты окна */
}

/* контент внутри — скроллится, а не растягивает панель */
#configuratorSheet .cfg-sheet__content{
  flex: 1 1 auto;
  min-height: 0;          /* важно для корректного flex-скролла */
  max-height: none;       /* перебиваем старое 70svh/70vh */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* =========================
   ГРУППА 1: SKU pills (desktop) — стабильные размеры + shimmer + активная рамка
   ========================= */

/* === SKU pills: stable sizing + shimmer + active border (desktop) === */

/* Группа 1.1 — Базовая плашка (не pict) */
html body .catalog-detail__offers .sku-props__value:not(.sku-props__value--pict){
  --sku-height: auto !important;
  height: auto !important;
  min-height: 34px;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;

  border-radius: 12px !important;

  position: relative;
  overflow: hidden;                      /* shimmer не вылезает */
  box-sizing: border-box;

  border: none !important;               /* убираем border полностью */
  box-shadow: 0 0 0 1px var(--stroke_input) inset !important; /* серая рамка */
  font-weight: inherit !important;
}

/* Группа 1.2 — Контейнер плашек (layout/flow) */
html body .catalog-detail__offers .sku-props__values{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
html body .catalog-detail__offers .line-block{
  align-items: flex-start !important;
}

/* Группа 1.3 — Активная плашка (бирюзовый inset) */
html body .catalog-detail__offers .sku-props__value:not(.sku-props__value--pict).sku-props__value--active{
  background: inherit !important;
  color: inherit !important;

  border: none !important;
  box-shadow: 0 0 0 2px #00AEA0 inset !important; /* ← бирюзовая рамка */
  font-weight: inherit !important;
  position: relative;
  z-index: 1;
}


/* Группа 1.4 — Shimmer на неактивных (визуальный “блик”) */
html body .catalog-detail__offers .sku-props__value:not(.sku-props__value--pict):not(.sku-props__value--active)::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;

  background: linear-gradient(110deg, transparent 0%, rgba(0,0,0,.06) 20%, transparent 40%);
  transform: translateX(-150%);
  animation: pill-shimmer 3s infinite 1s; /* проход каждые 3s, старт через 1s */
  will-change: transform;
}

/* Группа 1.5 — Анимация shimmer */
@keyframes pill-shimmer {
  0%   { transform: translateX(-150%); }
  25%  { transform: translateX(150%); }
  100% { transform: translateX(150%); }
}

/* Группа 1 фикс 1 — На активной shimmer отключен (чтобы не “светилась”) */
html body .catalog-detail__offers .sku-props__value--active::after{
  content: none !important;
}

/* Группа 1 фикс 2 — Исключения из shimmer (pict/missing) */
html body .catalog-detail__offers .sku-props__value--pict::after,
html body .catalog-detail__offers .sku-props__value--missing::after{
  content: none;
}


/* Группа 1 фикс 3 — Узкие экраны: компактнее padding/size */
@media (max-width: 400px){
  html body .catalog-detail__offers .sku-props__value{
    padding: 6px 8px;
    font-size: .875rem;
  }
}

/* =========================
   ГРУППА 1 фикс 4: SKU pills — принудительная одинаковая ширина/выравнивание (вторая “надстройка”)
   ========================= */

/* Контейнер плашек */
.catalog-detail__offers .sku-props__values {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* Каждая плашка */
.catalog-detail__offers .sku-props__value:not(.sku-props__value--pict) {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  width: auto;

  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 10px;
  border-radius: 12px;
  box-sizing: border-box;
}

/* Активная — как у тебя */
.catalog-detail__offers .sku-props__value.sku-props__value--active {
  box-shadow: 0 0 0 2px #00AEA0 inset !important;
}

/* Группа 1 фикс 5 — Мобильный расклад: 2 в ряд */
@media (max-width: 500px) {
  .catalog-detail__offers .sku-props__value:not(.sku-props__value--pict) {
    flex: 1 1 45%;   /* две в ряд */
    min-width: auto;
  }
}


/* =========================
   ГРУППА 2: Tabs — принудительно показываем вкладку "Характеристики"
   ========================= */

/* Убираем скрытие вкладки "Характеристики" */
.tabs .nav-tabs li.hidden {
    display: inline-block !important;
    visibility: visible !important;
}



/* =========================
   ГРУППА 7: Детальная — мелкие правки отступов/скрытий в блоках
   ========================= */

.catalog-detail__main a.sku-linkshow,
.catalog-detail__main a.mods-trigger {
  margin-top: 2px !important;
}

/* Группа 7.1 — Скрываем характеристики в списке офферных свойств после 5-й */
.catalog-detail__main .properties.js-offers-prop .properties__item:nth-child(n+6) {
  display: none;
}


/* =========================
   ГРУППА 12: DIFF-теги — многострочный текст (до 3 строк) + hover/active + коллапс “хвоста”
   ========================= */
/* ===== Дифф-теги: до 3 строк текста с «…», без налезаний ===== */

/* Группа 12.1 — Ряд тегов (flex/переносы) */
.sku-props--diff-tags .sku-props-tags__values{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-content:flex-start;
  /* на будущее (если решишь анимировать высоту ряда тегов) */
  overflow:hidden;
  transition:max-height .28s ease;
}

/* Группа 12.2 — Сам тег (3 строки + …) */
.sku-props--diff-tags .sku-props-tags__value{
  border:1px solid var(--stroke,#e5e7eb);
  border-radius:10px;
  padding:5px 7px;
  background:var(--bg,#fff);
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;

  flex:0 1 clamp(160px,28vw,360px);
  min-width:0;
  height:auto;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  line-height:1.25;

  font-size:.8rem !important;
}

/* Группа 12.3 — Hover/Active состояния */
.sku-props--diff-tags .sku-props-tags__value:hover{
  background:var(--bg-hover,#f9fafb);
  border-color:color-mix(in srgb,var(--stroke) 70%, black 10%);
}
.sku-props--diff-tags .sku-props-tags__value--active,
.sku-props--diff-tags .sku-props-tags__value[aria-pressed="true"]{
  background:var(--primary-50,#e6f7f7);
  border-color:var(--primary-400,#22b8b1);
  color:var(--primary-600,#14938d);
}

/* PATCH: строго 3 строки, чтобы 4-я никогда не "подсвечивалась" */
.sku-props--diff-tags .sku-props-tags__value{
  /* синхронизируем высоту с реальными параметрами */
  --tag-lines: 3;
  --tag-py: 5px;      /* = padding-top/bottom (в стиле 8 у тебя 8px) */
  --tag-lh: 1.25em;   /* = line-height * 1em */

  box-sizing: border-box;

  line-height: 1.25;                  /* как было */
  -webkit-line-clamp: var(--tag-lines);
  line-clamp: var(--tag-lines);

  /* 3 строки текста + верх/низ padding */
  max-height: calc(var(--tag-lines) * var(--tag-lh) + (2 * var(--tag-py)));
  overflow: hidden;
}
/* PATCH: в шите не даём теме/локальным стилям ломать высоту и 3 строки */
#cfg-tags .sku-props--diff-tags .sku-props-tags__values{
  /* если тема где-то зажимает высоту — снимаем */
  height:auto !important;
  max-height:none !important;
  overflow:visible;           /* рамка растёт вместе с рядами */
  align-content:flex-start;
}

/* SHIMMER по ВСЕМУ контейнеру и без "следа" после окончания */
.sku-props--diff-tags.diff-tags--no-visible-active{
  position:relative;
  isolation:isolate;
  overflow:hidden;           /* шимер не вылезает наружу */
  /* если у блока есть скругление — можно явно повторить */
  /* border-radius:16px; */
}

/* контент поверх, шимер "под" ним */
.sku-props--diff-tags.diff-tags--no-visible-active > *{
  position:relative;
  z-index:1;
}

.sku-props--diff-tags.diff-tags--no-visible-active::before{
  content:"";
  position:absolute;
  inset:-40px;               /* запас, чтобы диагональ закрывала края */
  pointer-events:none;
  z-index:0;

  opacity:0;                 /* ВАЖНО: по умолчанию невидим */
  transform:translateX(-85%) rotate(8deg);

  /* fallback без color-mix */
  background:linear-gradient(120deg,
    transparent 38%,
    rgba(34,184,177,.18) 50%,
    transparent 62%
  );

  /* если color-mix поддерживается — будет подхватываться выше по приоритету */
  background:linear-gradient(120deg,
    transparent 38%,
    color-mix(in srgb, var(--primary-400,#22b8b1) 22%, transparent) 50%,
    transparent 62%
  );

  animation:diffTagsShimmerBlock 1.25s ease-in-out 3;
  animation-fill-mode:none;  /* после окончания вернётся к opacity:0 */
}

@keyframes diffTagsShimmerBlock{
  0%   { opacity:0; transform:translateX(-85%) rotate(8deg); }
  12%  { opacity:1; }
  85%  { opacity:1; }
  100% { opacity:0; transform:translateX(115%) rotate(8deg); } /* уходит за край и гаснет */
}

/* на всякий случай — уважение к reduce motion */
@media (prefers-reduced-motion: reduce){
  .sku-props--diff-tags.diff-tags--no-visible-active::before{ animation:none !important; }
}





/* Группа 12.4 — Кнопка “показать ещё/скрыть” под рядом тегов */
.sku-props--diff-tags .tags-toggle{
  display:inline-block;
  margin-top:6px;
  color:var(--theme-more-color,#00aea0);
  background:none;
  border:0;
  padding:0;
  font:500 13px/1.35 var(--theme-font-family,system-ui,sans-serif);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Группа 12.5 — Плавное раскрытие “хвоста” групп (контейнер) */
.mods-collapsible{
  overflow:hidden;
  max-height:0;
  transition:max-height .28s ease;
}

/* Группа 12.6 — Кнопка-переключатель для групп (Показать ещё/Скрыть) */
.grid-list__item.catalog-detail__offers .mods-toggle{
  display:block;
  margin:10px 0 0;
  color:var(--theme-more-color,#00aea0);
  background:none;
  border:0;
  padding:0;
  font:500 13px/1.35 var(--theme-font-family,system-ui,sans-serif);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Группа 12 фикс 1 — Чуть больше воздуха снизу под рядами тегов */
.sku-props--diff-tags .sku-props-tags__values{ margin-bottom:9px; }

/* Группа 12 фикс 2 — Принудительное скрытие “хвоста” при tags-collapsed (onlydetail) */
.onlydetail
  .sku-props-tags__values.tags-collapsed
  > .line-block__item.tag-extra{
  display:none !important;
}

/* Группа 12 фикс 3 — Тонкая рамка вокруг блока diff-tags в офферах */
.grid-list__item.catalog-detail__offers:not(.skip-border)
  .sku-props.sku-props--detail.sku-props--diff-tags{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px;
  /*background:#effafa9e;  можно заменить на #fafafa */
}


/* Группа 12 фикс 4 — Подстраховка: скрывать “плашки ТП”, если есть diff-tags (если нужно) */
.product-container.detail .catalog-detail__main-part--left
  .catalog-detail__offers > div:has(> .sku-props.sku-props--detail.sku-props--diff-tags)
  > .line-block__item.sku-props__inner{
  display:none !important;
}


/* =========================
   ГРУППА 13: Автоскрытие блоков, если оффер/модификация одна (детальная)
   ========================= */

/* если внутри .catalog-detail__offers только одна .sku-props__value */
.catalog-detail__offers:has(.sku-props__values > .line-block__item:only-child) {
  display: none !important;
}
/* Скрыть блок модификаций #sku, если карточка всего одна */
#sku:not(:has(#table-scroller-wrapper > .grid-list__item + .grid-list__item)) {
  display: none !important;
}

/* (на всякий) скрыть .catalog-detail__offers, если одна «плашка» */
.catalog-detail__offers:not(:has(.sku-props__values > .line-block__item + .line-block__item)) {
  display: none !important;
}


/* =========================
   ГРУППА 14: “Скрываем все модификации и в 1 клик” — правила скрытия ссылок/хвостов/one-click
   ========================= */

/* ===== Скрываем все модификации и в 1 клик на детальной ===== */

/* 14.1 — Скрывать ссылку, когда присутствуют теги (кнопки) модификаций */
.catalog-detail__main-part--left:has(.sku-props-tags__value) > div > a {
  display: none !important;
}

/* 14.2 — Скрывать ссылку, если по счётчику всего 1 модификация */
#cfg-mods-link > a[data-count="1"],
.mods-link.mods-trigger.mods-link--has-count[data-count="1"] {
  display: none !important;
}

/* 14.3 — Для обычных плашек ТП: скрываем после 4-й */
.catalog-detail__offers .sku-props__values:has(> .line-block__item:nth-child(5))
  > .line-block__item:nth-child(n+8) {
  display: none !important;
}

/* 14.4 — one-click: скрываем в cfg-buttons */
#cfg-buttons > div.cfg-buttons__values > div > div > div.ocb-wrapper.hide-600 {
  display: none !important;
}

/* рамка появляется только если НЕТ diff-tags
   + если выбирать нечего (везде по 1 варианту) — скрываем весь конфигуратор */
/* рамка появляется только если НЕТ diff-tags */
@supports selector(:has(*)){

  /* базовый вид (и в светлой, и в тёмной) — БЕЗ background */
  .catalog-detail .sku-configurator-wrapper.js-sku-configurator-wrapper:not(:has(.sku-props--diff-tags)):has(.sku-props__values > .line-block__item + .line-block__item){
    border-radius: 16px !important;
    padding: 12px !important;
    /* background здесь УБРАЛИ */
  }

  /* background ТОЛЬКО для светлой темы */
  html:not([data-theme="dark"]):not(.dark)
  body:not([data-theme="dark"]):not(.theme-dark):not(.dark-theme)
  .catalog-detail .sku-configurator-wrapper.js-sku-configurator-wrapper:not(:has(.sku-props--diff-tags)):has(.sku-props__values > .line-block__item + .line-block__item){
    background: #f9f9f9 !important;
  }

  .catalog-detail .sku-configurator-wrapper.js-sku-configurator-wrapper:not(:has(.sku-props--diff-tags)) > .catalog-detail__offers{
    margin: 0 !important;
  }
}

.detail-gallery-big-slider-main{
  position: relative;
}

.detail-gallery-big-slider-main .detail-brand-overlay--on-photo{
  position: absolute;
  top: 8px;
  left: 18px;
  z-index: 15;
  pointer-events: auto;
}

.detail-gallery-big-slider-main .detail-brand-overlay__link{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  min-height: 34px;
  max-width: 132px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  overflow: hidden;
}

.detail-gallery-big-slider-main .detail-brand-overlay img{
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 28px;
}

@media (max-width: 580.98px){
  .detail-gallery-big-slider-main .detail-brand-overlay--on-photo{
    top: 8px;
    left: 18px;
  }

  .detail-gallery-big-slider-main .detail-brand-overlay__link{
    padding: 4px 6px;
    min-height: 28px;
    max-width: 110px;
  }

  .detail-gallery-big-slider-main .detail-brand-overlay img{
    max-height: 22px;
  }
}

/*
  Мягкий loading-state без shimmer-полос:
  1) статусы наличия и доставки стартуют как можно раньше через классы на <html>
  2) JS дополнительно вешает .is-status-loading на конкретные строки
  3) для ТП blur вешается только на внутренние блоки тегов при реальном js_item_detail.php
  4) на dark theme ничего не рисуем поверх блока — только blur/opacity
*/

html.premier-status-loading-init .catalog-detail__forms .status-container,
html.premier-status-loading-init #configuratorSheet .status-container,
.catalog-detail__forms .status-container.is-status-loading,
#configuratorSheet .status-container.is-status-loading,
html.premier-delivery-loading-init .catalog-detail__forms .js-open-cdek-widget,
html.premier-delivery-loading-init #configuratorSheet .js-open-cdek-widget,
.catalog-detail__forms .js-open-cdek-widget.is-status-loading,
#configuratorSheet .js-open-cdek-widget.is-status-loading {
  filter: blur(2px);
  opacity: 0.68;
  pointer-events: none;
  transition: filter .2s ease, opacity .2s ease;
}

/* ===== Loading-state для зоны ТП / тегов ===== */
.sku-props__values.is-sku-loading,
.sku-props--diff-tags.is-sku-loading,
.sku-props-tags__values.is-sku-loading {
  filter: blur(2px);
  opacity: 0.62;
  pointer-events: none;
  transition: filter .16s ease, opacity .16s ease;
}

@media (prefers-reduced-motion: reduce) {
  html.premier-status-loading-init .catalog-detail__forms .status-container,
  html.premier-status-loading-init #configuratorSheet .status-container,
  .catalog-detail__forms .status-container.is-status-loading,
  #configuratorSheet .status-container.is-status-loading,
  html.premier-delivery-loading-init .catalog-detail__forms .js-open-cdek-widget,
  html.premier-delivery-loading-init #configuratorSheet .js-open-cdek-widget,
  .catalog-detail__forms .js-open-cdek-widget.is-status-loading,
  #configuratorSheet .js-open-cdek-widget.is-status-loading,
  .sku-props__values.is-sku-loading,
  .sku-props--diff-tags.is-sku-loading,
  .sku-props-tags__values.is-sku-loading {
    transition: none;
  }
}

/* ===== Dark theme tuning =====
   В теме используется body.theme-dark.
   Ничего не рисуем поверх элемента, только чуть повышаем читаемость blur.
*/
body.theme-dark .catalog-detail__forms .status-container.is-status-loading,
body.theme-dark #configuratorSheet .status-container.is-status-loading,
body.theme-dark .catalog-detail__forms .js-open-cdek-widget.is-status-loading,
body.theme-dark #configuratorSheet .js-open-cdek-widget.is-status-loading,
body.theme-dark .sku-props__values.is-sku-loading,
body.theme-dark .sku-props--diff-tags.is-sku-loading,
body.theme-dark .sku-props-tags__values.is-sku-loading {
  opacity: 0.78;
}

body.theme-dark html.premier-status-loading-init .catalog-detail__forms .status-container,
body.theme-dark html.premier-status-loading-init #configuratorSheet .status-container,
body.theme-dark html.premier-delivery-loading-init .catalog-detail__forms .js-open-cdek-widget,
body.theme-dark html.premier-delivery-loading-init #configuratorSheet .js-open-cdek-widget {
  opacity: 0.78;
}

@media (prefers-color-scheme: dark) {
  html.premier-status-loading-init .catalog-detail__forms .status-container,
  html.premier-status-loading-init #configuratorSheet .status-container,
  .catalog-detail__forms .status-container.is-status-loading,
  #configuratorSheet .status-container.is-status-loading,
  html.premier-delivery-loading-init .catalog-detail__forms .js-open-cdek-widget,
  html.premier-delivery-loading-init #configuratorSheet .js-open-cdek-widget,
  .catalog-detail__forms .js-open-cdek-widget.is-status-loading,
  #configuratorSheet .js-open-cdek-widget.is-status-loading,
  .sku-props__values.is-sku-loading,
  .sku-props--diff-tags.is-sku-loading,
  .sku-props-tags__values.is-sku-loading {
    opacity: 0.78;
  }
}
/*
  Мягкий loading-state без shimmer-полос:
  1) статусы наличия и доставки стартуют как можно раньше через классы на <html>
  2) JS дополнительно вешает .is-status-loading на конкретные строки
  3) для ТП blur вешается только на внутренние блоки тегов при реальном js_item_detail.php
  4) на dark theme ничего не рисуем поверх блока — только blur/opacity
*/