body#page.page.sidebar-a-left {background: url(../images/Knitting-Pattern-bg-min.avif) 0% 0% no-repeat fixed; background-size: cover;}

:root {
  --padding: 0.8em;
  --margin: 1em;
  --gap: 0.1em;
  --color: #b2003f;
}
.clear.clr {clear: both;}

#sidebar-a .module.style-nobox, #sidebar-b .module.style-nobox {background-color:#ffffff00; border-radius: 20px; overflow: hidden;}
#sidebar-a .module img, #sidebar-b .module img {width:100%; height: auto;}


.item-image.align-center,
.subcategory-image.align-center {margin-bottom: 0}

.category.rborder, .frontpage.rborder{
    background: #ffffff69;
    border-radius: 10px;
    padding: var(--padding);
    margin-bottom: var(--margin);
}


.item-image.jb-divider-bottom {float: left; margin: 0 20px 10px 0;}
.jb-row.item-social.last.clearfix {float:right;}
.element.element-textarea.first.last img:last-child {float: right !important; margin:15px 0 0 10px !important; max-width:420px;}
.jbzoo .jbzoo-item-teaser .element {padding-left: 10px;}
.jbzoo .jb-row {margin-bottom:0 !important;}
ul.zoo-list > li.current.active {padding-left: 5px;}
ul.zoo-list > li.current.active a {color: #609633;  font-weight: bold;}
ul.zoo-category-list {padding: 0 15px 15px; font-size: 17px; line-height: 27px;}


.jbzoo-item-full .rborder.item-body {
    padding: var(--margin); margin: var(--margin) 0;
    background: #fff;
    border-radius: 10px;
}
.jbzoo-item h1.title {font-size: 26px;line-height: 28px; color: var(--color);}


h4 a {color:#4b9111;}
h3.item-title a:hover {text-decoration: underline;}
h2.subcategory-title a, h3.item-title a {background: var(--color) linear-gradient(to bottom, var(--color) 0%,#ff647e 100%);
    color: #fff;
    display: block;
    padding: 7px;
    border-radius: 0 0 7px 7px;
    text-decoration: none;
    height: 70px;}

h2.subcategory-title,
.jbzoo-item-teaser .item-title {margin-bottom: 0 !important; margin-top: 0;}

.jbzoo-item-teaser .item-image a,
.subcategory .subcategory-image a {display: block; border-radius: 7px 7px 0 0; overflow: hidden;}
.jbzoo-item-teaser i h3 {
    display: inline-block;
    margin: 0 5px  0 0;
    font-weight: normal;
    font-size: 14px;}

a.logo {display: block; float: left;}
#m-logo img {margin: 5px 10px;}

.mobile-switcher {background: rgb(235, 75, 110)}

#m-content .element-itemprint {display: none;}

.jbzoo-item-full .item-body img {display:block; border-radius:10px; margin: 15px auto !important;}
.jbzoo-item-full .item-image.align-left img {margin-top: 0 !important}

#m-content .item-anons img,
#m-content .item-image.align-left img,
#m-content a[data-video-replaced] img {width: 100% !important; height: auto; }
#m-content .item-image.align-left {float: none; margin: 0 0 15px 0;}


.rborder.column.width100 {
    box-sizing: border-box;
    padding: var(--padding);
    background: #fff;
    border-radius: 10px;
}
.rborder.column.width100 img {
    width: 100%;
    height: auto;
}
.subcategories.subcategory-col-1,
.items.items-col-1 {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  column-gap: var(--gap);
  row-gap: calc(4*var(--gap));
}
@media (min-width : 320px) {
    .rborder.column.width100 {width:calc(50% - 2*var(--gap))}
}
@media (min-width : 768px) {
    .rborder.column.width100 {width:calc(33% - 3*var(--gap))}
}
@media (min-width : 1360px) {
    .rborder.column.width100 {width:calc(25% - 4*var(--gap))}
}
/*@media (min-width : 1440px) {
    .rborder.column.width100 {width:calc(20% - 5*var(--gap))}
}*/
@media (min-width : 1920px) {
    .rborder.column.width100 {width:240px;}
} 


/*  Нумерация страниц  */

.jbzoo .pagination {
    display: flex;
    margin: 1em 0;
}

.jbzoo .pagination span,
.jbzoo .pagination a {
    display: block;
    flex: 1;
    text-align: center;
    padding: 0.5em;
    background: #fff;
    border-radius: 20px;
    color: #333;
    border:1px solid var(--color);
    min-width: 0;
}

.jbzoo .pagination span,
.jbzoo .pagination a:hover {
    background-color: var(--color);
    color: #fff;
}

/* Скрываем ВСЕ номера страниц */
.jbzoo .pagination a:not(.start):not(.previous):not(.next):not(.end) {
    display: none;
}

/* Текущая страница всегда видна */
.jbzoo .pagination span {
    display: block !important;
}

/* 2 страницы ДО текущей */
.jbzoo .pagination a:not(.start):not(.previous):not(.next):not(.end):has(+ a + span),
.jbzoo .pagination a:not(.start):not(.previous):not(.next):not(.end):has(+ span) {
    display: block !important;
}

/* 2 страницы ПОСЛЕ текущей - используем ~ вместо + */
.jbzoo .pagination span ~ a:not(.start):not(.previous):not(.next):not(.end) {
    display: block !important;
}

/* Скрываем страницы начиная с 3-й после текущей */
.jbzoo .pagination span ~ a:not(.start):not(.previous):not(.next):not(.end) ~ a:not(.start):not(.previous):not(.next):not(.end) ~ a:not(.start):not(.previous):not(.next):not(.end) {
    display: none !important;
}

.youtube_link {
    display: inline-block;
    padding: 20px 20px 20px 100px;
    margin-bottom: 50px;
    border: 5px solid #d8325e;
    color: white;
    border-radius: 20px;
    background: #d8325e url("../images/youtube_icon.svg") no-repeat;
    background-size: contain;
}
.cadre_texte {
    font-size: 12px;
    line-height: 13px;
    padding-bottom: 10px;
    text-align:left;
}