/* Базовые стили остаются без изменений */
.bx-control-panel {
    margin: 0.625rem; /* 10px */
}

.tag-buttons {
    padding: 0.625rem; /* 10px */
}

.pressed {
    color: white;
    background-color: blue;
}

.bx-news-list {
    display: flex;
    flex-wrap: wrap;
}

.half-place {
    width: 50%;
}

.preview_picture {
    width: 100%;
}

.news-item {
    display: flex;
    flex-direction: column;
    padding: 0.625rem; /* 10px */
    min-height: 4.625rem; /* 74px */
}

.news-item.right-item {
    height: 25%;
}

.footer a {
    padding-top: 0;
    font-size: 0.875rem; /* 14px */
}

.footer-head__container {
    display: flex;
    justify-content: space-between;
    gap: 2.5rem; /* 40px */
    border-bottom: 0.0625rem solid #ddd; /* 1px */
    width: 100%;
    margin: 0 auto;
	height: 5.375rem;
	padding: 0 clamp(20px, 10.625rem, 170px);
}

footer .footer-foot__container,
.footer .footer-foot__container {
    height: auto !important;
    width: 100%;
    padding: 0;
}

.footer-foot__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    gap: 2.5rem; /* 40px */
    padding: 0;
}

.foot-column0,
.foot-column1,
.foot-column2 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem; /* 20px */
}

.foot-column0__menu,
.foot-column1__menu,
.foot-column2__menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 0.9375rem; /* 15px */
    font-size: 0.875rem; /* 14px */
}

.h3_large {
    font-size: 1.25rem; /* 20px */
    font-weight: bold;
    margin-bottom: 0;
    color: #222;
}

.h4_large {
    font-size: 0.875rem; /* 14px */
    font-weight: bold;
    display: block;
    margin-top: 0;
}

.logo {
    width: 9.375rem; /* 150px */
    height: 5.625rem; /* 90px */
    margin-bottom: 0;
}

footer .page-padding,
.footer .page-padding {
    padding:
            clamp(1.125rem, 3vw, 3.125rem) !important;/* top: 18-50px */
            clamp(1.125rem, 5vw, 10.625rem) !important; /* sides: 18-170px */
            clamp(1.125rem, 3.5vw, 4.0625rem) !important; /* bottom: 18-65px */
}
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #4370b7;
    color: white;
    border: 3px solid #fff;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.3s;
    z-index: 1000;
  }
  
  .back-to-top:hover {
    opacity: 1;
  }
  
  .back-to-top svg {
    width: 20px;
    height: 20px;
  }
.back-to-top svg path {
	stroke: #fff;
}

@media screen and (max-width: 1440px){
	.footer-head__container{
		padding: 0 1.125rem;
	}

}



/* Планшеты (768px - 1024px) - 2 колонки в footer */
@media screen and (max-width: 64rem) and (min-width: 48rem) {
    .bx-news-list {
        flex-direction: row;
    }

    .half-place {
        width: 50%;
    }

    .footer-foot__wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 1.25rem; /* 20px */
        flex-grow: initial;
    }

    .foot-column2,
    .foot-column0 {
        flex: 0 0 calc(50% - 0.625rem); /* 50% минус половина gap */
        box-sizing: border-box;
    }

    .foot-column1 {
        flex: 0 0 100%;
        margin-top: 1.25rem;
    }

    .footer-head__container {
        gap: 1.25rem; /* 20px */
    }
}

/* Большие мобильные (576px - 768px) - 2 колонки в footer */
@media screen and (max-width: 48rem) and (min-width: 36rem) {
    .bx-news-list {
        flex-direction: column;
    }

    .half-place {
        width: 100%;
    }

    .footer-foot__wrapper {
        display: grid; !important;
        flex-wrap: wrap;
        gap: 1.25rem; /* 20px */
    }

    .foot-column2,
    .foot-column0 {
        flex: 0 0 calc(50% - 0.625rem); /* 50% минус половина gap */
        box-sizing: border-box;
    }

    .foot-column1 {
        flex: 0 0 100%;
        margin-top: 1.25rem;
    }

    .footer-head__container {
        gap: 0.9375rem; /* 15px */
    }
}

/* Малые мобильные (375px - 576px) - 1 колонка в footer */
@media screen and (max-width: 36rem) and (min-width: 23.4375rem) {
    .bx-news-list {
        flex-direction: column;
    }

    .footer-foot__wrapper {
        flex-direction: column;
        gap: 1.25rem; /* 20px */
    }

    .foot-column0,
    .foot-column1,
    .foot-column2 {
        width: 100% !important;
    }

    .footer-head__container {
        gap: 0.625rem; /* 10px */
    }
}

/* Очень малые экраны (<375px) - всё в 1 колонку */
@media screen and (max-width: 23.4375rem) {
    .bx-news-list {
        flex-direction: column;
    }

    .half-place {
        width: 100%;
    }

    .footer-foot__wrapper {
        flex-direction: column;
    }

    .foot-column0,
    .foot-column1,
    .foot-column2 {
        width: 100% !important;
    }

    .footer-head__container {
        gap: 0.625rem; /* 10px */
    }
}

/* Десктопы (>1024px) - 3 колонки */
@media screen and (min-width: 64rem) {
    .footer-head__container {
        gap: 2.5rem; /* 40px */
    }

    .footer-foot__wrapper {
        display: flex;
        gap: 2.5rem; /* 40px */
    }

    .foot-column0,
    .foot-column1,
    .foot-column2 {
        flex: 1;
    }

    footer .page-padding,
    .footer .page-padding {
        padding: 3.125rem 10.625rem 4.0625rem !important;
    }
}