/* /local/templates/100system/css/redesign-shared-product-labels.css */
/* 100system approved catalogue badge palette: one reusable source.
   Colors only. No geometry, product data or native status logic changes.
   Values match approved catalogue/home v66 + v75, and search v102b. */
:root {
  --s100-label-hit-ink:#F26A16;
  --s100-label-hit-bg:#FFF2E8;
  --s100-label-stock-ink:#159447;
  --s100-label-stock-bg:#EAF7EF;
  --s100-label-order-ink:#3272C8;
  --s100-label-order-bg:#EDF4FD;
  --s100-label-check-ink:#7556C8;
  --s100-label-check-bg:#F2EEFC;
  --s100-label-discontinued-ink:#687583;
  --s100-label-discontinued-bg:#F1F4F6;
  --s100-label-unavailable-ink:#C94F55;
  --s100-label-unavailable-bg:#FCEEEF;
}

html body .catalog-item__label[title="Хит"],
html body .catalog-item .catalog-item__labels .catalog-item__label[title="Хит"] {
  color:var(--s100-label-hit-ink)!important;
  background-color:var(--s100-label-hit-bg)!important;
  border-color:var(--s100-label-hit-ink)!important;
}

html body .catalog-item__label[title="В наличии"],
html body .catalog-item .catalog-item__labels .catalog-item__label[title="В наличии"] {
  color:var(--s100-label-stock-ink)!important;
  background-color:var(--s100-label-stock-bg)!important;
  border-color:var(--s100-label-stock-ink)!important;
}

html body .catalog-item__label[title="Под заказ"],
html body .catalog-item .catalog-item__labels .catalog-item__label[title="Под заказ"] {
  color:var(--s100-label-order-ink)!important;
  background-color:var(--s100-label-order-bg)!important;
  border-color:var(--s100-label-order-ink)!important;
}

html body .catalog-item__label[title="Уточняйте наличие"],
html body .catalog-item .catalog-item__labels .catalog-item__label[title="Уточняйте наличие"] {
  color:var(--s100-label-check-ink)!important;
  background-color:var(--s100-label-check-bg)!important;
  border-color:var(--s100-label-check-ink)!important;
}

html body .catalog-item__label[title="Снят с производства"],
html body .catalog-item .catalog-item__labels .catalog-item__label[title="Снят с производства"] {
  color:var(--s100-label-discontinued-ink)!important;
  background-color:var(--s100-label-discontinued-bg)!important;
  border-color:var(--s100-label-discontinued-ink)!important;
}

html body .catalog-item__label[title="Нет в наличии"],
html body .catalog-item .catalog-item__labels .catalog-item__label[title="Нет в наличии"] {
  color:var(--s100-label-unavailable-ink)!important;
  background-color:var(--s100-label-unavailable-bg)!important;
  border-color:var(--s100-label-unavailable-ink)!important;
}

/* /local/templates/100system/css/shared-floating-controls76.css */

/* One shared vertical rail for the existing top button and Bitrix chat. */
html.s100-floating-ready #btn-scroll-to-top{
 display:flex!important;align-items:center;justify-content:center;
 position:fixed!important;top:auto!important;left:auto!important;
 right:calc(var(--s100-floating-right,24px) + var(--s100-floating-center-offset,0px))!important;
 bottom:calc(var(--s100-floating-bottom,24px) + var(--s100-floating-chat-size,44px) + var(--s100-floating-top-offset,12px))!important;
 width:44px!important;height:44px!important;min-width:44px;
 padding:0;border-radius:50%;box-sizing:border-box;
}
html.s100-floating-ready #btn-scroll-to-top .icon{width:18px;height:18px}
html.s100-floating-ready #btn-scroll-to-top.s100-top-visible{z-index:10050!important;opacity:1!important;pointer-events:auto}
html.s100-floating-ready #btn-scroll-to-top:not(.s100-top-visible),
html.s100-floating-ready.s100-floating-chat-open #btn-scroll-to-top,
html.s100-floating-ready.s100-floating-tight #btn-scroll-to-top{opacity:0!important;pointer-events:none!important;z-index:-100!important}
@media(prefers-reduced-motion:reduce){html.s100-floating-ready #btn-scroll-to-top{transition:none}}

/* r179 · Match the chat launcher to the 44px scroll-to-top control.
   The expanded mobile contact panel keeps its native dimensions. */
html [data-b24-crm-button-cont].b24-widget-button-position-bottom-right:not(.b24-widget-button-bottom) {
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
}
html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-inner-container {
 width:44px!important;height:44px!important;transform:none!important;
}
html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-block,
html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-inner-block,
html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-icon-container,
html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-inner-item {
 width:44px!important;height:44px!important;
}
html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-inner-block {
 border-radius:50%!important;box-shadow:0 2px 7px rgba(40,55,75,.12);
 animation:s100-chat-breathe 2.8s ease-in-out infinite!important;
}
html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-inner-item svg {
 transform:scale(.75)!important;transform-origin:center;
}
html [data-b24-crm-button-cont] .b24-widget-button-inner-mask,
html [data-b24-crm-button-cont] .b24-widget-button-pulse {
 display:none!important;animation:none!important;
}

/* A soft breathing halo; the clickable circle stays exactly 44px. */
@keyframes s100-chat-breathe {
 0%,100% {box-shadow:0 2px 7px rgba(40,55,75,.12),0 0 0 2px rgba(245,121,31,.10)}
 50% {box-shadow:0 2px 7px rgba(40,55,75,.12),0 0 0 6px rgba(245,121,31,.18)}
}
@media(prefers-reduced-motion:reduce) {
 html [data-b24-crm-button-cont]:not(.b24-widget-button-bottom) .b24-widget-button-inner-block {
  animation:none!important;
 }
}

/* /local/templates/100system/css/shared-mobile-header77.css */
/* Mobile user actions sit on a white panel, independent of desktop navigation. */
@media(max-width:767px){
 #header .header-user-menu>li>a,
 #header .header-user-menu>li>a:focus{color:#354d5d!important}
 #header .header-user-menu>li>a:hover,
 #header .header-user-menu>li>a:focus-visible,
 #header .header-user-menu>li>a.selected,
 #header .header-user-menu>li>a.selected:focus{color:#f5791f!important}
}