/* Глобальное правило для блокировки горизонтального overflow на всей странице */
body.category-template-right-panel {
    overflow-x: clip;
}

/* Desktop-only fallback to avoid horizontal scroll on older browsers */
@media (min-width: 1024px) {
    body.category-template-right-panel {
        overflow-x: hidden; /* fallback */
        overflow-x: clip;   /* preferred */
    }
}

.floating-sidebar-rp {
    width: 100%;
    /* padding: 24px; */
    border-radius: 8px;
    background: rgba(6, 3, 12, 0);
    position: sticky;
    top: 15px;
    height: fit-content;
    margin-bottom: 30px;
    z-index: 1040;
}

@media (max-width: 1023px) {
    .floating-sidebar-rp {
        width: 100%;
        position: static;
        margin-bottom: 32px;
    }
}

@media (min-width: 1024px) {
    .floating-sidebar-rp {
        position: static;
        top: auto;
        bottom: auto;
        height: 100%;
        min-height: calc(100vh - 30px);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .floating-sidebar-rp__content {
        position: -webkit-sticky;
        position: sticky;
        top: unset;
        bottom: 15px;
        margin-top: auto;
    }
}

.floating-sidebar-rp__title {
    color: #fff;
    font-size: 18px;
    line-height: 136%;
    letter-spacing: 0.18px;
    margin-bottom: 24px;
}

.floating-sidebar-rp__nav {
    color: #FFF;
    font-size: 16px;
    line-height: 128%;
    letter-spacing: 0.16px;
}

.floating-sidebar-rp__nav li {
    padding-bottom: 24px;
}

.floating-sidebar-rp__nav li.active a {
    color: #27F5D1;
    opacity: 1;
}

.floating-sidebar-rp__nav a {
    color: inherit;
    text-decoration: none;
    opacity: 0.4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.floating-sidebar-rp__nav a:hover {
    color: #27F5D1;
    opacity: 1;
}

/* Основной контейнер для right-panel с сайдбаром */
.page__rp__container {
    /* max-width: 1380px; */
    /* margin: 0 auto; */
    padding: 0px 0px;
}
@media screen and (max-width: 1780px) {
    .page__rp__container {
        padding: 0 32px;
    }
}
@media screen and (max-width: 1024px) {
    .page__rp__container {
        padding: 0 32px;
    }
}

@media screen and (max-width: 767px) {
    .page__rp__container {
        padding: 0 16px;
    }
}

/* Стили для simple-text блоков ДО full-width (рядом с right panel) */
.page__rp__container .content-with-sidebar-rp__main .simple-text-rp__container {
    max-width: 1680px;
    padding: 0 0px;
}

.page__rp__container .content-with-sidebar-rp__main .list-text-rp__container{
    max-width: 1680px;
    padding: 0 0px;
}
.page__rp__container .content-with-sidebar-rp__main .table-text__container {
    max-width: 1680px;
    padding: 0 0px;
}

.page__rp__container .content-with-sidebar-rp__main .cards-text-rp__container-full  {
    max-width: 1680px;
    padding: 0 0px;
}

.page__rp__container .content-with-sidebar-rp__main .cards-text-rp__container  {
    max-width: 1680px;
    padding: 0 0px;
}
.page__rp__container .content-with-sidebar-rp__main .videoblock-rp__container {
    max-width: 1680px;
    padding: 0 0px;
}
/* Стили для simple-text блоков ПОСЛЕ full-width */
/* Применяется к блокам вне page__rp__container */
.category-template-right-panel main > .simple-text-rp__container,
.category-template-right-panel main > .simple-text__container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 35px;
}

@media screen and (max-width: 1024px) {
    .category-template-right-panel main > .simple-text-rp__container,
    .category-template-right-panel main > .simple-text__container {
        padding: 0 32px;
    }
}

@media screen and (max-width: 767px) {
    .category-template-right-panel main > .simple-text-rp__container,
    .category-template-right-panel main > .simple-text__container {
        padding: 0 16px;
    }
}

/* Hero контейнер сохраняет только горизонтальные отступы */
.category-template-right-panel .product-cat-hero-rp__container {
    padding: 0 35px;
}

@media screen and (max-width: 1024px) {
    .category-template-right-panel .product-cat-hero-rp__container {
        padding: 0 32px;
    }
}

@media screen and (max-width: 767px) {
    .category-template-right-panel .product-cat-hero-rp__container {
        padding: 0 16px;
    }
}


.content-with-sidebar-rp {
    display: flex;
    gap: 32px;
    align-items: stretch;
}

.content-with-sidebar-rp__main {
    flex: 1;
    min-width: 0;
}

.content-with-sidebar-rp__sidebar {
    flex-shrink: 0;
    width: 475px;
    position: relative;
    z-index: 1040;
}

@media (min-width: 1024px) {
    .content-with-sidebar-rp__main {
        position: sticky;
        top: 15px;
        height: fit-content;
        align-self: flex-start;
        z-index: 1040;
    }

    .content-with-sidebar-rp__sidebar {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1023px) {
    .content-with-sidebar-rp {
        flex-direction: column;
    }

    .content-with-sidebar-rp__sidebar {
        width: 100% !important;
        order: -1;
        margin-bottom: 32px;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }

    .content-with-sidebar-rp__main {
        order: 0;
    }

    .floating-sidebar-rp {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}