/* ============================================================================
   RUANEKDOT — main-patch.css v1.2 (2026-09-17)
   Хотфикс №2: восстанавливаем оригинальный вид блоков
   ========================================================================= */

/* ---------------------------------------------------------------------------
   01. body — видим всегда
   --------------------------------------------------------------------------- */
body {
    opacity: 1 !important;
    transition: none !important;
}

/* ---------------------------------------------------------------------------
   02. ЛЕЙАУТ — жёстко на десктопе
   --------------------------------------------------------------------------- */
@media (min-width: 1041px) {
    .wrap { min-width: 320px; overflow: hidden; }
    .center { max-width: 1040px !important; margin: 0 auto !important; }
    .cols { margin-bottom: 10px; }
    .side {
        width: 300px !important;
        float: left !important;
        display: block !important;
    }
    .main {
        width: calc(100% - 330px) !important;
        float: right !important;
    }
}

/* ---------------------------------------------------------------------------
   03. .cenz — ВОЗВРАЩАЕМ КАК БЫЛО
   Красный текст справа (не бейдж!)
   --------------------------------------------------------------------------- */
.cenz {
    float: right !important;
    font-size: 13pt !important;
    font-weight: 700 !important;
    color: #B22222 !important;
    margin: 12px 4px -2px -4px !important;
    cursor: help !important;
    text-shadow: none !important;
    filter: none !important;
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    text-transform: none !important;
    display: inline !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------------------------
   04. .short — на всю ширину в ленте
   --------------------------------------------------------------------------- */
article.short {
    width: 100% !important;
    max-width: 100% !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    float: none !important;
}

/* ---------------------------------------------------------------------------
   05. Блоки uCoz — фоны и рамки
   --------------------------------------------------------------------------- */
.side-box {
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2) !important;
}
.color-title,
.content-block,
.title-section,
.footer-section,
.side-bt {
    background: #fcfcfc !important;
}
.sort-filter-panel {
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* ---------------------------------------------------------------------------
   06. hr / .hr
   --------------------------------------------------------------------------- */
hr,
.hr {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: #e5e5ee !important;
    border: 0 !important;
    margin: 0 0 6px !important;
}

/* ---------------------------------------------------------------------------
   07. Тулбар категорий — коты ВНУТРИ полосы
   --------------------------------------------------------------------------- */
.cn-bar {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.cn-runway {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.cn-bar > *:not(.cn-runway) {
    position: relative !important;
    z-index: 1 !important;
}
.cn-cat-wander,
.cn-dog-wander {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
}
.cn-kit {
    position: absolute !important;
    bottom: 4px !important;
    left: 0 !important;
    top: auto !important;
}

/* ---------------------------------------------------------------------------
   08. Карточки категорий
   --------------------------------------------------------------------------- */
.cn-card {
    background: #fff !important;
    border: 1px solid #edf2f7 !important;
}
.cn-card:hover,
.cn-card:focus-visible {
    border-color: var(--stripe, #ff9ec1) !important;
}
.cn-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)) !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.cn-grid > li {
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------------------------------------------------------------------------
   09. Иконки в шапке статьи (глаз / коммент / похожие)
   --------------------------------------------------------------------------- */
.color-title span[style*="float:right"] {
    float: right !important;
    color: #999 !important;
    font-size: 12px !important;
    font-family: tahoma, sans-serif !important;
    margin: 14px 4px 0 0 !important;
    text-shadow: 0 1px 0 #e5e5ee !important;
    line-height: normal !important;
}
.color-title span[style*="float:right"] img {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 2px 0 0 !important;
    opacity: .4 !important;
    width: auto !important;
    height: auto !important;
}
.color-title span[style*="float:right"] a img {
    opacity: .9 !important;
}
.color-title span[style*="float:right"] a {
    display: inline !important;
    color: #999 !important;
}

/* ---------------------------------------------------------------------------
   10. Формы
   --------------------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    background: #fff !important;
    border: 1px solid #e3e3e3 !important;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
    border: 1px solid #ccc !important;
    background: linear-gradient(to bottom, #eee, #e1e1e1) !important;
    color: #444 !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    font: bold 11px Sans-Serif !important;
}

/* ---------------------------------------------------------------------------
   11. Мобильная адаптация — не сжимаем сильнее, чем надо
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .cn-bar {
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
    }
    .cn-grid {
        grid-template-columns: repeat(auto-fill, minmax(82px, 1fr)) !important;
        gap: 6px !important;
    }
}

/* ---------------------------------------------------------------------------
   12. Прячем синюю полосу загрузки (FOUC-fix убираем)
   --------------------------------------------------------------------------- */
body:not(.loaded):not(.page-body) {
    opacity: 1 !important;
}