/* COOL Stock: таблички «нет в наличии» на карточках и сообщение на странице товара.
   Цвета берутся из COOL Skin (--cs-*), поэтому тёмная и светлая тема переключаются сами.
   Свои цвета задаются в настройках модуля (переменные --cs-stock-*). */
.cs-stock-host{position:relative}
.cs-stock-badge{position:absolute;left:10px;top:10px;z-index:6;max-width:calc(100% - 20px);padding:7px 12px;border-radius:999px;background:var(--cs-stock-out-bg,#16161C);color:var(--cs-stock-out-fg,#fff);font-family:var(--cs-body,'Manrope',Arial,sans-serif);font-size:12px;font-weight:800;line-height:1.1;letter-spacing:.01em;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none}
.cs-stock-badge--soon{background:var(--cs-stock-soon-bg,var(--cs-yellow,#F5C400));color:var(--cs-stock-soon-fg,#111)}
html[data-theme="dark"] .cs-stock-badge{background:var(--cs-stock-out-bg,#33333E)}
html[data-theme="dark"] .cs-stock-badge--soon{background:var(--cs-stock-soon-bg,var(--cs-yellow,#F5C400))}
.cs-stock-card .product-image-container img,
.cs-stock-card .left-block img{opacity:.5;filter:grayscale(.55);transition:opacity .2s ease}
.cs-stock-card:hover .product-image-container img,
.cs-stock-card:hover .left-block img{opacity:.75}

/* сообщение на странице товара */
.cs-stock-note{margin:14px 0;padding:16px 18px;border:1px solid var(--cs-line,#DCDCE3);border-left:5px solid var(--cs-stock-out-bg,#16161C);border-radius:16px;background:var(--cs-surface2,#ECECF0);color:var(--cs-text,#16161C);font-family:var(--cs-body,'Manrope',Arial,sans-serif);font-size:15px;line-height:1.5}
.cs-stock-note b{display:block;margin-bottom:4px;font-size:16px}
.cs-stock-note--soon{border-left-color:var(--cs-stock-soon-bg,var(--cs-yellow,#F5C400))}
html[data-theme="dark"] .cs-stock-note{border-left-color:var(--cs-stock-out-bg,#8A8A96)}
html[data-theme="dark"] .cs-stock-note--soon{border-left-color:var(--cs-stock-soon-bg,var(--cs-yellow,#F5C400))}

/* скрытые кнопки: специально сильнее правила COOL Skin, которое выстраивает кнопки в ряд */
html body .cs-stock-hide.cs-stock-hide,
html body .cs-actions>.cs-stock-hide,
html body .cs-actions.cs-stock-hide{display:none!important}