/* Start:/local/templates/main/assets/css/styles.css?1790277086132093*/
/* =========================================================
   Reset (бывший reset.css, встроен вместо @import)
   ========================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input:-internal-autofill-selected {
    background-color: transparent !important;
}

a
{
    text-decoration: none;
    color: #010302F7;
}

html {
    overflow-y: scroll;
}
@supports (scrollbar-gutter: stable) {
    html {
        overflow-y: auto;
        scrollbar-gutter: stable;
    }
}

/* Скроллбар страницы и блоков (Chrome/Edge/Safari) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(1, 3, 2, 0.25);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(1, 3, 2, 0.4);
}

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(1, 3, 2, 0.25) transparent;
}

/* =========================================================
   Fonts (бывший fonts.css — WOFF2, только используемые начертания)
   ========================================================= */

/* Inter Tight 300 */
@font-face {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/local/templates/main/assets/css/../fonts/Inter_Tight/InterTight-Light.woff2') format('woff2');
}

/* Inter Tight 400 */
@font-face {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/local/templates/main/assets/css/../fonts/Inter_Tight/InterTight-Regular.woff2') format('woff2');
}

/* Inter Tight 500 */
@font-face {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/local/templates/main/assets/css/../fonts/Inter_Tight/InterTight-Medium.woff2') format('woff2');
}

/* Inter Tight 600 */
@font-face {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/local/templates/main/assets/css/../fonts/Inter_Tight/InterTight-SemiBold.woff2') format('woff2');
}

/* Inter Tight 700 */
@font-face {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/local/templates/main/assets/css/../fonts/Inter_Tight/InterTight-Bold.woff2') format('woff2');
}

/* UNCAGE 400 */
@font-face {
    font-family: 'UNCAGE';
    src: url('/local/templates/main/assets/css/../fonts/UNCAGE_Font/UNCAGE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* UNCAGE 500 */
@font-face {
    font-family: 'UNCAGE';
    src: url('/local/templates/main/assets/css/../fonts/UNCAGE_Font/UNCAGE-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* UNCAGE 600 */
@font-face {
    font-family: 'UNCAGE';
    src: url('/local/templates/main/assets/css/../fonts/UNCAGE_Font/UNCAGE-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* UNCAGE 700 */
@font-face {
    font-family: 'UNCAGE';
    src: url('/local/templates/main/assets/css/../fonts/UNCAGE_Font/UNCAGE-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bebas Neue 400 */
@font-face {
    font-family: 'Bebas Neue';
    src: url('/local/templates/main/assets/css/../fonts/Bebas_Neue/BebasNeuePro-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Inter Tight', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #010302F7;
}

body * {
    box-sizing: border-box;
}
.main-gray {
    background-color: rgba(244, 244, 244, 1);
}

.text-thin {
    font-weight: 100;
}

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium {
    font-weight: 500;
}

.text-semibold {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

.text-extrabold {
    font-weight: 800;
}

.text-black {
    font-weight: 900;
}

.text-italic {
    font-style: italic;
}

p {
    margin-bottom: 20px;
}

.hr {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.13);
}

.box {
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1290px;
}

h1 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
}
a
{
    color: #D92B1B;
}
a:hover
{
    color: #ff4d4d;
}
.padding-box {
    padding-top: 100px;
    padding-bottom: 130px;
}

.adaptive_menu,
.toggle-menu-box,
.main-catalog .adaptive,
.footer .menu .icon,
.mobile-filter-toggle,
.mobile-filter-header {
    display: none;
}

.header {
    width: 100%;
    padding: 12px 4px;
}

.header > * {
    width: 100%;
    align-items: center;
}

.header .logo {
    width: 136px;
    display: inline-flex;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 93%;
    color: #E31E24;
    margin-right: 14px;
}

.header .logo:hover {
    text-decoration: none;
}

.header .logo svg {
    min-width: 66px;
}

.header .catalog {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 137px;
    height: 41px;
    background: #292929;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #FFFFFF;
    margin-right: 26px;
}

.header .catalog svg {
    margin-right: 6px;
}

.header .search-wrapper {
    background: #F4F4F4;
    border-radius: 5px;
    width: 100%;
    max-width: 409px;
    height: 41px;
    position: relative;
    margin-right: 16px;
}

.header .search-wrapper svg {
    position: absolute;
    right: 15px;
    top: 12px;
}

.header .search-wrapper input {
    width: 100%;
    height: 100%;
    padding: 10px 36px 10px 16px;
    font-style: normal;
    font-size: 15px;
    line-height: 135%;
    color: rgba(1, 3, 2, 0.39);
    border: none;
    outline: none;
    background: transparent;
}

.header .marketplace-links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header .marketplace-links li:not(:last-child) {
    margin-right: 27px;
}

.header .marketplace-links a {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    color: rgba(1, 3, 2, 0.97);
}

.header .right {
    display: flex;
    margin: 0 0 0 auto;
}

.header .phone {
    display: flex;
    align-items: center;

    padding-right: 29px;
    border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.header .phone a
{
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 135%;
    color: rgba(1, 3, 2, 0.97);
}
.header .phone svg {
    margin-right: 8px;
}

.header .personal-menu {
    padding-left: 25px;
    display: flex;
    width: 114px;
    justify-content: space-between;
    align-items: center;
}

.header .personal-menu a {
    position: relative;
}

.header .personal-menu .count {
    position: absolute;
    right: -14px;
    top: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    background: #D92B1B;
    border-radius: 50%;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.97);
    opacity: 0;
    z-index: -1;
}

.header .personal-menu .count.active {
    opacity: 1;
    z-index: 1;
}

.header .header-bottom {
    justify-content: space-between;
    padding: 16px 0 2px 0;
}

.header .header-bottom-menu {
    display: flex;
}

.header .header-bottom-menu li:not(:last-child) {
    margin-right: 51px;
}

.header .header-bottom-menu a {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    color: rgba(1, 3, 2, 0.97);
}

.main-slider {
    width: 100%;
    height: 725px;
    position: relative;
}

.main-slider .control-wrapper {
    position: absolute;
    bottom: 41px;
    width: 100%;
}

.main-slider .control {
}

.main-slider .control > * {
    border: 1px solid #A6A6A6;
    margin: 0;
    position: static;
}

.main-slider .control > * svg {
    width: 14px;
}

.main-slider .swiper {
    width: inherit;
    height: inherit;
}

.main-slider .swiper-slide {
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    height: 100%;
    position: relative;
}

.main-slider .swiper-slide picture {
    position: absolute;
    right: 0;
    top: 0;
}

.main-slider .swiper-slide picture img {
    width: auto;
    height: auto;
}

.main-slider .swiper-slide .left {
    padding: 85px 0;
    width: 100%;
    max-width: 715px;
}

.main-slider .swiper-slide .title_up {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    line-height: 135%;
}

.main-slider .swiper-slide .title_up svg {
    margin-right: 8px;
}

.main-slider .swiper-slide .title {
    margin: 21px 0 27px 0;
    font-family: 'UNCAGE', sans-serif;
    font-weight: 400;
    font-size: 54px;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    z-index: 0;
}

.main-slider .swiper-slide .title_down {
    margin-bottom: 38px;
}

.main-slider .swiper-slide li {
    display: flex;
    align-items: center;
    margin-bottom: 9px;

    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    padding-left: 35px;
}

.main-slider .swiper-slide li svg {
    margin-right: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.box-link a,
.box-link button {
    width: 177px;
    height: 44px;
    background: rgba(255, 255, 255, 0.29);
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 135%;
    color: #FFFFFF;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    outline: none;
    border: none;
    cursor: pointer;
}

.box-link a svg,
.box-link button svg {
    position: absolute;
    right: -50px;
    top: 0;
}

.main-catalog {
    flex-flow: column;
}

.title-up {
    font-weight: 500;
    font-size: 12px;
    line-height: 135%;
    text-transform: uppercase;
    color: #D92B1B;
    display: flex;
    align-items: center;
}

.title-up svg {
    margin-right: 10px;
}

h2.title {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
    margin: 18px 0 18px 0;
}

.desc {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    color: rgba(41, 41, 41, 0.47);
}

.main-catalog .desc {
    max-width: 294px;
}

.main-catalog .items {
    margin-top: 41px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-catalog .item {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding: 0 24px 22px 24px;
    width: calc(100% / 3 - 6px);
    margin-bottom: 10px;
    background: #F7F7F7;
    min-height: 360px;
}

.main-catalog .item .title-up {
    font-weight: 500;
    font-size: 11px;
    line-height: 135%;
    text-transform: uppercase;
    color: #D92B1B;
    opacity: 0.69;
}

.main-catalog .item .title {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-size: 23px;
    line-height: 110%;
    color: #292929;
    margin: 8px 0 6px 0;
}

.main-catalog .item .desc {
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    color: #292929;
    opacity: 0.64;
}

.main-catalog .item .image {
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    margin: 0 0 auto 0;
    position: relative;
    z-index: 2;
}

.main-catalog .item.item-big {
    width: calc(100% / 3 * 2 - 3px);
}

.main-catalog .item.item-big .image {
    background-position: right center;
}

.main-catalog .item.item-gradient {
    position: relative;
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
}

.main-catalog .item.item-gradient:before {
    position: absolute;
    content: 'VSK';
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 144px;
    line-height: 106%;
    text-transform: uppercase;
    color: #DEDADA;
    top: 48px;
    left: 54px;
    letter-spacing: 10px;
}

.main-catalog .item.item-gradient .title-up {
    color: #FFFFFF;
    opacity: 0.69;
    text-shadow: -1px -1px 6px #FFFFFF;
}

.main-catalog .item.item-gradient .title {
    color: #FFFFFF;
}

.main-catalog .item.item-gradient .desc {
    color: #FFFFFF;
    opacity: 0.64;
}

.main-why-we-wrapper {
    background: #F9F9F9;
}

.main-why-we {
    flex-flow: column;
}

.main-why-we .desc {
    max-width: 294px;
}

.main-why-we .items {
    width: 100%;
    margin: 62px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 13px;
    height: 605px;
}

.main-why-we .item {
    background: white;
    padding: 50px 20px 20px 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-flow: column;
}

.main-why-we .item .icon {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 36px;
    height: 36px;
    background: #6b7280;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
}

.main-why-we .item .title {
    max-width: 180px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.15;
    color: #1B1B25;
}

.main-why-we .item .desc {
    font-size: 14px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.5);
    margin: auto 0 0 0;
}

.main-why-we .item-feature {
    padding: 19px 20px 38px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    grid-row: span 2;
    position: relative;
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
}

.main-why-we .item-feature .title_up {
    width: 97px;
    font-weight: 500;
    font-size: 13px;
    line-height: 116%;
    letter-spacing: 2.76em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.32);
    position: relative;
    z-index: 2;
}

.main-why-we .item-feature .title {
    font-weight: 500;
    font-size: 19px;
    color: #FFFFFF;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.main-why-we .item-feature .desc {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin: auto 0 0 0;
    position: relative;
    z-index: 2;
    text-align: left;
}

.main-why-we .item-feature .package-image {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    position: absolute;
    z-index: 0;
}

.main-why-we .item-feature .package-image img {
    height: 100%;
}

.main-why-we .item-red {
    background: #D92B1B;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s;
}

.main-why-we .item-red .icon {
    background: transparent;
    z-index: 1;
}

.main-why-we .item-red .title {
    color: white;
    text-align: center;
    font-size: 20px;
    position: relative;
    z-index: 1;
}

.main-why-we .item-red .background {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.main-own-production {
    width: 100%;
    display: flex;
    background: #292929;
}

.main-own-production .left {
    width: 50%;
}

.main-own-production .left picture {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.main-own-production .left img {
    width: 100%;
    height: auto;
}

.main-own-production .right {
    width: 50%;
    position: relative;
    padding: 139px 90px;
    background: #292929;
}

.main-own-production .plus {
    position: absolute;
    width: 31px;
    height: 31px;
}

.main-own-production .plus.plus-1 {
    left: 90px;
    top: 19px;
}

.main-own-production .plus.plus-2 {
    left: 40%;
    top: 19px;
}

.main-own-production .plus.plus-3 {
    right: 50px;
    top: 19px;
}

.main-own-production .plus.plus-4 {
    left: 90px;
    bottom: 19px;
}

.main-own-production .plus.plus-5 {
    left: 40%;
    bottom: 19px;
}

.main-own-production .plus.plus-6 {
    right: 50px;
    bottom: 19px;
}

.main-own-production .title {
    width: 100%;
    max-width: 400px;
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 1.15;
    text-transform: uppercase;
    color: #FFFFFF;
}

.main-own-production .desc {
    width: 100%;
    max-width: 600px;
    font-size: 15px;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.67);
}

.main-own-production .desc p {
    margin-bottom: 18px;
    line-height: 1.35;
}

.main-own-production .desc li {
    margin-bottom: 17px;
    line-height: 1.35;
}

.main-own-production .desc li svg {
    margin-right: 10px;
}

.main-own-production .box-link {
    margin-top: 41px;
}

.main-our-clients {
    background: #F9F9F9;
}

.main-our-clients .box {
    flex-flow: column;
}

.main-our-clients .desc {
    width: 100%;
    max-width: 320px;
}

.main-reviews-slider {
    padding: 50px 0;
}

.main-reviews-slider .swiper-slide {
    width: 660px;
    height: 374px;
    background: #FFFFFF;
    display: flex;
    padding: 27px 24px 33px 10px;
}

.main-reviews-slider .swiper-slide img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
}

.main-reviews-slider .top-row {
    margin-bottom: 18px;
}

.main-facts {
    background: #F9F9F9;
}

.main-facts .box {
    display: flex;
}

.main-facts .left {
    width: 54%;
    padding-right: 52px;
}

.main-facts .right {
    width: 46%;
}

.main-facts .left .desc {
    font-size: 15px;
}

.main-facts .hr {
    margin: 40px 0 22px 0;
}

.main-facts .left .boxes {
    display: grid;
    gap: 13px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    height: 519px;
}

.main-facts .left .boxes > * {
    /*width: 316px;*/
    /*height: 253px;*/
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #2D220E;
}

.main-facts .left .boxes > * .title {
    font-family: 'Bebas Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 112px;
    line-height: 106%;
    text-transform: uppercase;
    color: #D92B1B;
}

.main-facts .left .boxes > * .title span {
    font-size: 70px;
}

.main-facts .left .boxes > * .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 135%;
    text-align: center;
    color: rgba(41, 41, 41, 0.47);
}

.main-facts .left .boxes .first {
    justify-content: flex-start;
    align-items: flex-start;
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 27px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
    border: none;
}

.main-facts .left .boxes > .gradient {
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
}

.main-facts .left .boxes > .gradient .title,
.main-facts .left .boxes > .gradient .desc {
    color: #fff;
}

.main-facts .right {
    display: flex;
    flex-flow: column;
    align-items: center;
    border: 1px solid #E2E2E2;
    padding-top: 30px;
    padding-right: 25px;
    padding-left: 25px;
}

.main-facts .right .title {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
    text-align: center;
    margin-bottom: 14px;
    width: 100%;
    max-width: 404px;
}

.main-facts .right .desc {
    font-size: 15px;
    line-height: 135%;
    text-align: center;
    color: rgba(41, 41, 41, 0.47);
    margin-bottom: 15px;
    width: 100%;
    max-width: 404px;
}

.cert-slider-wrapper {
    position: relative;
    padding: 0 60px;
    width: 100%;
    height: 100%;
}

.cert-slider {
    width: 100%;
    padding-bottom: 50px;
    height: 100%;
}

.cert-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cert-image-wrapper {
    display: flex;
    justify-content: center;
    /*background: white;*/
    /*border-radius: 12px;*/
    /*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);*/
    padding: 20px;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
    max-width: 100%;
}

.cert-image-wrapper:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.cert-image-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Кнопки навигации */
.cert-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: white;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/*.cert-nav:hover {*/
/*    background: #f8f8f8;*/
/*    border-color: #ccc;*/
/*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
/*}*/

.cert-nav:active {
    transform: translateY(-50%) scale(0.95);
}

.cert-nav-prev {
    left: 0;
}

.cert-nav-next {
    right: 0;
}

.cert-nav svg {
    width: 20px;
    height: 20px;
    color: #333;
}

.cert-nav.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

/* Пагинация */
.cert-slider.swiper-horizontal > .swiper-pagination-bullets {
    bottom: 70px;
}

.cert-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    transition: all 0.3s;
}

.cert-slider .swiper-pagination-bullet-active {
    background: #333;
    width: 24px;
    border-radius: 5px;
}

/* Лайтбокс для просмотра */
.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
    cursor: pointer;
}

.lightbox.active {
    display: flex;
}

.lightbox img {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
}

.lightbox-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.lightbox-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

.main-video {
    background: #F9F9F9;
}

.main-video .box {
    flex-flow: column;
    align-items: center;
}

.main-video .title {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 37px;
    line-height: 114%;
    text-align: center;
    color: #292929;
}

.main-video .video {
    width: 100%;
}

.main-video .video iframe {
    width: 100%;
}

.main-news {
    background: #F9F9F9;
}

.main-news .box {
    flex-flow: column;
}

.main-news__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.main-news__nav {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.main-news__nav-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.main-news__nav-btn:hover,
.cert-nav:hover {
    border-color: #fff;
    background: #D92B1B;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.cert-nav:hover svg path,
.main-news__nav-btn:hover svg path {
    stroke: #fff;
}

.main-news__nav-btn:active {
    transform: scale(0.95);
}

.main-news__nav-btn svg {
    width: 20px;
    height: 20px;
    color: #333;
}

.main-news__nav-btn.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

.main-news__nav-btn.swiper-button-disabled:hover {
    border-color: #ddd;
    background: white;
}

/* Слайдер */
.main-news__slider {
    width: 100%;
    overflow: hidden;
}

.main-news__slider .swiper-wrapper {
    align-items: stretch;
}

.main-news__slide {
    height: auto;
}

/* Карточка новости */
.main-news__card {
    background: white;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
}

.main-news__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.main-news__card-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f0f0f0;
}

.main-news__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s;
}

.main-news__card:hover .main-news__card-image img {
    transform: scale(1.05);
}

.main-news__card-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.main-news__card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 12px;
}

.main-news__card-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.3;
    margin: 0;
}

.main-news__card-date {
    font-size: 13px;
    color: #999;
    white-space: nowrap;
    flex-shrink: 0;
}

.main-news__card-text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    flex: 1;
}

/* Размеры карточек */
.main-news__slide--large .main-news__card-image {
    height: 380px;
}

.main-news__slide--large .main-news__card-title {
    font-size: 24px;
}

.main-news__slide--medium .main-news__card-image {
    height: 280px;
}

.main-news__slide--small .main-news__card-image {
    height: 280px;
}

.main-about-company {
    background: #F9F9F9;
}

.main-about-company .box {
    flex-flow: column;
}

.main-about-company .hr {
    margin: 9px 0 29px 0;
}

.main-about-company .items {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.main-about-company .items-top {
    width: 100%;
    display: grid;
    gap: 0 17px;
    grid-template-columns: repeat(3, 1fr);
}

.main-about-company .item-top {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 24px 20px;
    height: 203px;
    background-color: #fff;
    margin-bottom: 35px;
}

.main-about-company .item-top .top {
    display: flex;
    justify-content: space-between;
}

.main-about-company .item-top .title {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 135%;
    color: #292929;
    opacity: 0.57;
}

.main-about-company .item-top .bottom {
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    color: #292929;
}

.main-about-company .item-top.gradient {
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
}

.main-about-company .item-top.gradient .title {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.64);
}

.main-about-company .item-top.gradient .bottom {
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    color: #FFFFFF;
}

.main-about-company .items-bottom {
    width: 100%;
    display: grid;
    gap: 0 17px;
    grid-template-columns: repeat(3, 1fr);
}

.main-about-company .item-bottom {
    height: 343px;
    background-position: center;
    background-size: contain;
}

.footer {
    min-height: 560px;
    background: #000810;
    padding: 62px 0 34px 0;
    overflow: hidden;
}

.footer > .box {
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}

.footer .left {
    width: 30%;
    max-height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.footer .logo {
    align-items: center;
    width: 180px;
    display: inline-flex;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 93%;
    color: #E31E24;
    margin-bottom: 42px;
}

.footer .logo svg {
    min-width: 94px;
}

.footer .box-link {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.footer .box-link a {
    margin-bottom: 11px;
}

.footer .box-link button {
    width: 227px;
    background-color: #000;
    border: 1px solid #737373;
    font-size: 15px;
    color: #FFFFFF;
}

.footer .pay-systems {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .right {
    display: grid;
    width: 60%;
    gap: 0 30px;
    grid-template-columns: repeat(3, 1fr);
}

.footer .right .title {
    font-size: 15px;
    line-height: 135%;
    color: rgba(255, 255, 255, 0.51);
    margin-bottom: 22px;
}

.footer .right li {
    margin-bottom: 20px;
}

.footer .right li::before {
    content: "•";
    color: #fff; /* Цвет точки */
    font-size: 1em; /* Размер точки */
    margin-right: 10px;
}

.footer .right li a {
    font-size: 15px;
    line-height: 1.35;
    color: #FFFFFF;
}

.footer .lic-data {
    margin-top: 50px;
    height: 42px;
    min-width: 100%;
}

.footer .lic-data * {
    margin: 0;
    font-size: 14px;
    line-height: 153%;
    color: rgba(255, 255, 255, 0.53);
}

.header a:hover,
.header li.active a,
.footer .right a:hover {
    color: #D92B1B;
}

.header a.catalog:hover {
    background: #D92B1B;
    color: #ffffff;
}

.box-link a:hover,
.box-link button:hover {

    background: #292929;
}

.box-link a:hover svg rect,
.box-link button:hover svg rect {
    fill: #B02F23;
}

.box-link button.black:hover {
    background-color: #FFFFFF;
    color: #000810;
}

.personal-menu a:hover svg path {
    fill: #D92B1B;
}

/* ========== Мобильное меню ========== */
.toggle-menu-box {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px;
    height: 100vh;
    background: #1a1a1a;
    z-index: 10000;
    transition: right 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.toggle-menu-box.active {
    right: 0;
}

.mobile-menu-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 20px 24px;
}

.mobile-menu-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 13px;
    color: #E31E24;
}

.mobile-menu-logo svg {
    width: 66px;
    height: 26px;
}

.mobile-menu-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.mobile-menu-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-menu-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    font-size: 15px;
    text-decoration: none;
    transition: color 0.2s;
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 129%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.mobile-menu-list li a:hover {
    color: #D92B1B;
}

.mobile-menu-list li a svg {
    flex-shrink: 0;
    opacity: 0.6;
}

.mobile-marketplaces {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-marketplaces a {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
}

.mobile-marketplaces a:hover {
    color: #D92B1B;
}

.mobile-marketplaces a svg {
    opacity: 0.6;
    margin-left: 27px;
}

.mobile-menu-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
}

.btn-contact-us,
.btn-personal {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.2s;
    cursor: pointer;
}

.btn-contact-us {
    background: #D92B1B;
    color: #ffffff;
    border: none;
}

.btn-contact-us:hover {
    background: #b91c1c;
}

.btn-personal {
    background: #2a2a2a;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-personal:hover {
    background: #333333;
}

/* Затемнение фона при открытом меню */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Скроллбар для меню */
.toggle-menu-box::-webkit-scrollbar {
    width: 6px;
}

.toggle-menu-box::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.toggle-menu-box::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.toggle-menu-box::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

.breadcrumb {
    padding: 30px 0 18px 0;
    flex-wrap: wrap;
}

.breadcrumb-item * {
    font-size: 15px;
    line-height: 135%;
    color: #292929;
}

.breadcrumb-item a span {
    color: #17171782;
}

.breadcrumb .separator {
    color: #17171782;
    padding: 0 3px 0 5px;
    font-size: 15px;
}

.catalog-ib {
    padding: 22px 0 150px 0;
}

/* ===== Контейнер фильтра ===== */
.catalog-smart-filter {
    padding-top: 22px;
}

.smart-filter {
    margin-right: 20px;
}

.smart-filter .items {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    margin-top: 20px;
    flex-wrap: wrap;
}

/* ===== Выпадашка ===== */
.smart-filter .item.filter-dropdown {
    position: relative;
    list-style: none;
    margin: 0;
}

.smart-filter .filter-dropdown__toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 28px;
    background: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #171717;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: none;
}

.smart-filter .filter-dropdown__toggle:hover {
    background: #eeeeee;
    border-color: #e0e0e0;
}

.smart-filter .item.open .filter-dropdown__toggle {
    border-color: #D92B1B;
    background: #ffffff;
}

.smart-filter .filter-dropdown__toggle .dropdown-arrow {
    transition: transform 0.3s ease;
    color: #999;
}

.smart-filter .item.open .filter-dropdown__toggle .dropdown-arrow {
    transform: rotate(180deg);
}

/* ===== Контент выпадашки ===== */
.smart-filter .filter-dropdown__content {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 280px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.3s ease;
    z-index: 100;
    padding: 16px 20px;
}

.smart-filter .item.open .filter-dropdown__content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.smart-filter .filter-dropdown__body {
    min-width: 200px;
}

/* ===== Range слайдер ===== */
.smart-filter .filter-range__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.smart-filter .filter-range__title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.smart-filter .filter-range__slider {
    margin: 16px 0 20px;
}

.smart-filter .filter-range__inputs {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.smart-filter .filter-range__input-group {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.smart-filter .filter-range__input-group label {
    font-size: 13px;
    color: #999;
}

.smart-filter .filter-range__input-group input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
}

.smart-filter .filter-range__input-group input:focus {
    border-color: #D92B1B;
}

.smart-filter .filter-range__apply {
    width: 100%;
    padding: 8px;
    background: #D92B1B;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
}

.smart-filter .filter-range__apply:hover {
    background: #b82215;
}

/* ===== Чекбоксы ===== */
.smart-filter .filter-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.smart-filter .filter-checkboxes__item {
    display: flex;
    align-items: center;
}

.smart-filter .checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

.smart-filter .checkbox-label input {
    display: none;
}

.smart-filter .checkbox-custom {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 4px;
    flex-shrink: 0;
    transition: all 0.3s ease;
    position: relative;
}

.smart-filter .checkbox-label input:checked + .checkbox-custom {
    background: #D92B1B;
    border-color: #D92B1B;
}

.smart-filter .checkbox-label input:checked + .checkbox-custom::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 12px;
}

.smart-filter .checkbox-label:hover .checkbox-custom {
    border-color: #D92B1B;
}

.smart-filter .checkbox-label.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== Радиокнопки ===== */
.smart-filter .filter-radios {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.smart-filter .filter-radios__item {
    display: flex;
    align-items: center;
}

.smart-filter .radio-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 6px 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.smart-filter .radio-label:hover {
    background: #f5f5f5;
}

.smart-filter .radio-label.active {
    color: #D92B1B;
    font-weight: 500;
}

.smart-filter .radio-label input {
    display: none;
}

.smart-filter .radio-custom {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.3s ease;
    position: relative;
}

.smart-filter .radio-label input:checked + .radio-custom {
    border-color: #D92B1B;
}

.smart-filter .radio-label input:checked + .radio-custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #D92B1B;
    border-radius: 50%;
}

.smart-filter .radio-label:hover .radio-custom {
    border-color: #D92B1B;
}

.smart-filter .clear {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 28px;
    background: #D92B1B;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: none;
}

.smart-filter .clear:hover {
    opacity: .7;
}

.smart-filter .price-filter__slider {
    margin-bottom: 15px;
}

/* ===== Контейнер сортировки ===== */
.catalog-sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 12px 0;
    margin-left: auto;
    margin-right: 0;
}

.catalog-sort__dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.catalog-sort__label {
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}

.catalog-sort__select {
    position: relative;
    min-width: 200px;
}

.catalog-sort__current {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
    width: 100%;
    justify-content: space-between;
}

.catalog-sort__current:hover {
    background: #eeeeee;
    border-color: #e0e0e0;
}

.catalog-sort__select.open .catalog-sort__current {
    border-color: #D92B1B;
    background: #ffffff;
}

.catalog-sort__current svg:last-child {
    transition: transform 0.3s ease;
    flex-shrink: 0;
    color: #999;
}

.catalog-sort__select.open .catalog-sort__current svg:last-child {
    transform: rotate(180deg);
}

/* ===== Выпадающее меню ===== */
.catalog-sort__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    padding: 6px;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.3s ease;
    z-index: 100;
}

.catalog-sort__select.open .catalog-sort__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.catalog-sort__menu li {
    margin: 0;
    padding: 0;
}

.sort-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.sort-option:hover {
    background: #f5f5f5;
}

.sort-option.active {
    background: #f0f0f0;
    color: #D92B1B;
    font-weight: 500;
}

.sort-option .sort-check {
    color: #D92B1B;
    font-weight: 600;
    font-size: 14px;
}

.catalog-items_wrapper {
    padding-top: 22px;
    padding-bottom: 150px;
    flex-flow: column;
}

.catalog-items {
    width: 100%;
    display: grid;
    gap: 40px 15px;
    grid-template-columns: repeat(4, 1fr);
}

.catalog-item {
    position: relative;
    display: inline-flex;
    flex-flow: column;
    height: auto;
    background: #FFFFFF;
    padding: 18px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.catalog-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12),
    0 8px 16px rgba(0, 0, 0, 0.06);
}

.catalog-item .badges {
    width: calc(100% - 20px);
    min-height: 28px;
    position: absolute;
    top: 10px;
    left: 10px;
    padding-right: 37px;
}

.catalog-item .badges > * {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    width: auto;
    height: 28px;
    border-radius: 1px;
    font-weight: 500;
    font-size: 13px;
    line-height: 124%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    background-color: #D92B1B;
}

.catalog-item picture {
    width: calc(100%);
    height: 182px;
    margin: 34px auto 40px auto;
    overflow: hidden;
}

.catalog-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.catalog-item .title {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 135%;
    color: #292929;
    margin-bottom: 7px;
}

.catalog-item .desc {
    font-weight: 300;
    font-size: 15px;
    color: #292929;
    margin-bottom: 11px;
}

.catalog-item .prices-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: 0;
}

.catalog-item .prices {
    display: flex;
    align-items: flex-end;
}

.catalog-item .price_current {
    font-weight: 500;
    font-size: 22px;
    line-height: 116%;
    color: #292929;
}

.catalog-item .price_old {
    margin-left: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 116%;
    text-decoration-line: line-through;
    color: #292929;
    opacity: 0.39;
}

button {
    border: none;
    outline: none;
    cursor: pointer;
}

button.favorite {
    position: absolute;
    right: 18px;
    top: 18px;
    background: transparent;
    z-index: 10;
}

button.favorite.active path {
    fill: #D92B1B;
}

.catalog-item .buy {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 5px;
    gap: 10px;
    width: 31px;
    height: 31px;
    background: #F2F2F2;
    transition-duration: .5s;
}

.catalog-item .prices-box:hover .buy,
.catalog-item .prices-box.active .buy {
    background-color: #292929;
}

.catalog-item .prices-box:hover .buy path,
.catalog-item .prices-box.active .buy path {
    fill: #fff;
}

.catalog-sections {
    margin-top: 17px;
    width: 100%;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}

.catalog-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 32px 10px 28px;
    gap: 8px;
    background: #292929;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.pagination {
    margin-top: 65px;
}

.pagination ul {
    width: auto;
    margin: 0 auto;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
    max-width: 600px;
}

.pagination li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
    letter-spacing: -0.03em;
    color: #000000;
    background: #fff;
    opacity: 0.71;
}

.pagination li a:hover {
    background: #000000;
    color: #fff;
}

.pagination li.active {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
    letter-spacing: -0.03em;
    background: #000000;
    color: #fff;
    opacity: 1;
}

.catalog-detail {
    display: flex;
    flex-flow: column;
}

.catalog-detail .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.catalog-detail .top .images {
    width: 100%;
    max-width: 579px;
    height: 579px;
    position: relative;
    border: 1px solid #DADADA;
}

.catalog-detail .top .images .badges {
    width: calc(100% - 20px);
    min-height: 28px;
    position: absolute;
    top: 10px;
    left: 10px;
    padding-right: 37px;
    z-index: 2;
}

.catalog-detail .top .images .badges > * {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    width: auto;
    height: 28px;
    border-radius: 1px;
    font-weight: 500;
    font-size: 13px;
    line-height: 124%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    background-color: #D92B1B;
}

.cat-det-image-slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.cat-det-image-slider {
    width: 100%;
    padding-bottom: 50px;
    height: 100%;
}

.cat-det-image-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cat-det-image-image-wrapper {
    display: flex;
    justify-content: center;
    padding: 20px;
    cursor: pointer;
    transition: transform 0.3s;
    max-width: 100%;
}

.cat-det-image-image-wrapper:hover {
    transform: scale(1.02);
}

.cat-det-image-image-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Кнопки навигации */
.cat-det-image-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: white;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.cat-det-image-nav:active {
    transform: translateY(-50%) scale(0.95);
}

.cat-det-image-nav-prev {
    left: 10px;
}

.cat-det-image-nav-next {
    right: 10px;
}

.cat-det-image-nav svg {
    width: 20px;
    height: 20px;
    color: #333;
}

.cat-det-image-nav.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

/* Пагинация */
.cat-det-image-slider.swiper-horizontal > .swiper-pagination-bullets {
    bottom: 70px;
}

.cat-det-image-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    transition: all 0.3s;
}

.cat-det-image-slider .swiper-pagination-bullet-active {
    background: #333;
    width: 24px;
    border-radius: 5px;
}

.catalog-detail .top .property-actions {
    width: 100%;
    max-width: 688px;
    background: #F6F6F6;
    padding: 54px 40px;
    margin-left: 23px;
}

.catalog-detail .images .favorite {
    position: absolute;
    right: 18px;
    top: 18px;
    background: transparent;
    z-index: 10;
}

.catalog-detail .images button {
    border: none;
    outline: none;
    cursor: pointer;
}

.catalog-detail .article {
    font-style: normal;
    font-size: 15px;
    line-height: 135%;
    color: rgba(23, 23, 23, 0.51);
    margin-bottom: 31px;
}

.catalog-detail h1 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 114%;
    color: #292929;
    margin-bottom: 22px;
}

.catalog-detail .prices {
    display: flex;
    align-items: baseline;
}

.catalog-detail .price_current {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 114%;
    color: #292929;
    margin-bottom: 18px;
}

.catalog-detail .price_old {
    margin-left: 9px;
    font-weight: 500;
    font-size: 23px;
    line-height: 116%;
    text-decoration-line: line-through;
    color: #292929;
    opacity: 0.36;
}

.catalog-detail .actions {
    margin-bottom: 31px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.catalog-detail .buy {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 432px;
    width: 100%;
    height: 40px;
    background: #D92B1B;
    font-weight: 500;
    font-size: 15px;
    line-height: 135%;
    color: #FFFFFF;
}

.catalog-detail .buy:hover,
.catalog-detail .buy.active {
    background-color: #292929;
}

/* ===== Счетчик количества ===== */
.catalog-detail .counter {
    display: flex;
    align-items: center;
    margin-left: 11px;
    width: 65px;
}

.catalog-detail .counter-btn {
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
    color: #666;
}

.catalog-detail .counter-btn:hover {
    border-color: #D92B1B;
    color: #D92B1B;
}

.catalog-detail .counter-btn:active {
    transform: scale(0.95);
}

.catalog-detail .counter-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.catalog-detail .counter-btn:disabled:hover {
    border-color: #ddd;
    color: #666;
}

.catalog-detail .counter-value {
    font-size: 20px;
    font-weight: 500;
    color: #292929;
    min-width: 28px;
    text-align: center;
}

.catalog-detail .hr {
    margin-bottom: 19px;
}

.catalog-detail .bottom {
    padding-bottom: 147px;
    display: flex;
}

.catalog-detail .properties {
    column-count: 2;
    column-gap: 24px;
}

.catalog-detail .properties > div {
    font-size: 15px;
    line-height: 201%;
    color: rgba(16, 15, 13, 0.41);
    margin-bottom: 7px;
}

.catalog-detail .properties > div span {
    color: #100F0D;
}

/* ===== Табы ===== */
.catalog-detail .tabs-wrapper {
    width: 100%;
    max-width: 579px;
}

/* Навигация */
.catalog-detail .tabs-nav {
    display: flex;
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 32px;
}

.catalog-detail .tabs-nav__btn {
    flex: 1;
    padding: 16px 24px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.catalog-detail .tabs-nav__btn:hover {
    background: #ebebeb;
}

.catalog-detail .tabs-nav__btn--active {
    background: #292929;
    color: #ffffff;
}

.catalog-detail .tabs-nav__btn--active:hover {
    background: #292929;
}

/* Контент */
.catalog-detail .tabs-panel {
    display: none;
    animation: fadeIn 0.3s ease;
}

.catalog-detail .tabs-panel--active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Типографика контента */
.catalog-detail .tabs-panel h3 {
    font-size: 20px;
    font-weight: 600;
    color: #292929;
    margin: 0 0 16px 0;
    line-height: 1.3;
}

.catalog-detail .tabs-panel h4 {
    font-size: 17px;
    font-weight: 600;
    color: #292929;
    margin: 28px 0 14px 0;
    line-height: 1.3;
}

.catalog-detail .tabs-panel p {
    font-size: 15px;
    line-height: 1.6;
    color: #292929;
    margin: 0 0 16px 0;
    font-weight: 400;
}

.catalog-detail .tabs-panel ul {
    margin: 0;
    padding-left: 20px;
    list-style: disc;
}

.catalog-detail .tabs-panel li {
    font-size: 15px;
    line-height: 1.6;
    color: #292929;
    margin-bottom: 14px;
}

.catalog-detail .tabs-panel li:last-child {
    margin-bottom: 0;
}

.catalog-detail .tabs-panel li strong {
    color: #292929;
    font-weight: 600;
}

.catalog-detail .tabs-panel img {
    width: 100%;
    height: auto;
}

.catalog-detail .form-action {
    width: 100%;
    max-width: 441px;
    padding: 30px 40px 40px 40px;
    display: flex;
    flex-flow: column;
    background: linear-gradient(322.61deg, #4B4B4B 34.3%, #292929 101.54%);
    align-self: baseline;
    margin-left: 23px;
}

.catalog-detail .form-action svg {
    margin-bottom: 21px;
}

.catalog-detail .form-action .title {
    font-weight: 500;
    font-size: 23px;
    line-height: 135%;
    color: #FFFFFF;
    margin-bottom: 14px;
}

.catalog-detail .form-action .desc {
    font-size: 15px;
    line-height: 135%;
    color: #FFFFFF;
    margin-bottom: 29px;
}

.catalog-detail .form-action button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    gap: 10px;
    width: 100%;
    height: 40px;
    background: #D92B1B;
    font-weight: 500;
    font-size: 15px;
    line-height: 135%;
    color: #FFFFFF;
}

.catalog-detail-other {
    background-color: rgba(244, 244, 244, 1);
    padding-top: 67px;
    padding-bottom: 89px;
}

.catalog-detail-other .catalog-items_wrapper > .title {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 43px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
    margin-bottom: 16px;
}

.catalog-detail-other .catalog-items_wrapper > .desc {
    font-size: 18px;
    line-height: 110%;
    color: rgba(41, 41, 41, 0.47);
    margin-bottom: 79px;
}

.catalog-detail-other .related-products-swiper {
    width: 100%;
    overflow: visible;
}

.catalog-detail-other .related-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
}

.catalog-detail-other .related-nav {
    display: flex;
    gap: 12px;
}

.catalog-detail-other .swiper-button-prev-related,
.catalog-detail-other .swiper-button-next-related {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #292929;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    color: white;
    flex-shrink: 0;
}

.catalog-detail-other .swiper-button-prev-related:hover,
.catalog-detail-other .swiper-button-next-related:hover {
    background: #D92B1B;
    transform: scale(1.05);
}

.catalog-detail-other .swiper-button-prev-related:active,
.catalog-detail-other .swiper-button-next-related:active {
    transform: scale(0.95);
}

.catalog-detail-other .swiper-button-prev-related svg,
.catalog-detail-other .swiper-button-next-related svg {
    width: 20px;
    height: 20px;
}

/* ===== Оверлей ===== */
.cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.cart-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ===== Боковая панель ===== */
.cart-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 729px;
    height: 100vh;
    background: #F6F6F6;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}

.basket-static .cart-content,
.basket-static .cart-footer {
    padding: 0;
}

.basket-static .cart-sidebar {
    position: static;
    max-width: unset;
    box-shadow: none;
    height: auto;
    transform: none;
    transition: none;
    padding: 50px 20px;
    z-index: 1;
}

.cart-sidebar.active {
    transform: translateX(0);
}

/* Шапка */
.cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 42px 0 28px 0;
    margin-left: 46px;
    margin-right: 28px;
    border-bottom: 1px solid #e8e8e8;
}

.cart-title {
    font-family: 'UNCAGE', sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #292929;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cart-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #666;
    transition: color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-close:hover {
    color: #D92B1B;
}

/* Контент */
.cart-content {
    flex: 1;
    overflow-y: auto;
    padding: 24px 24px 24px 46px;
}

/* Товар в корзине */
.cart-item {
    display: flex;
    gap: 18px;
    padding: 20px 0;
    transition: background 0.2s;
}

.cart-item:hover {
    background: #f5f5f5;
}

.cart-item-image {
    width: 86px;
    height: 86px;
    flex-shrink: 0;
    background: white;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-item-info {
    flex: 1;
    min-width: 0;
}

.cart-item-name {
    font-size: 15px;
    font-weight: 500;
    color: #171717;
    margin-bottom: 4px;
}

.cart-item-desc {
    font-size: 13px;
    color: #171717;
    opacity: 0.44;
    margin-bottom: 8px;
    line-height: 1.3;

}

.cart-item-price {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 114%;
    color: #292929;
}

.cart-item-actions {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/* Счетчик количества */
.cart-item-counter {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px;
}

.counter-btn {
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    border-radius: 50%;
    padding: 0;
}

.counter-btn:hover {
    background: #ffffff;
}

.counter-value {
    font-size: 17px;
    font-weight: 500;
    color: #292929;
    min-width: 24px;
    text-align: center;
}

/* Кнопка удаления */
.cart-item-remove {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #999;
    transition: color 0.2s;
}

.cart-item-remove:hover {
    color: #D92B1B;
}

/* Футер */
.cart-footer {
    padding: 7px 24px 24px 40px;
}

.cart-total {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 40px;
}

.cart-total-label {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    color: #292929;
}

.cart-total-value {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    color: #292929;
}

.cart-checkout {
    width: 100%;
    height: 50px;
    padding: 5px;
    background: #D92B1B;
    color: white;
    border: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
}

.cart-checkout:hover {
    background: #b91c1c;
}

.cart-checkout:active {
    transform: scale(0.98);
}

/* Скроллбар */
.cart-content::-webkit-scrollbar {
    width: 6px;
}

.cart-content::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
}

.cart-content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.cart-content::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Блокировка прокрутки body */
body.cart-open {
    overflow: hidden;
    padding-right: 16px;
}

.basket-static {
    flex-flow: column;
}

.checkout-modal {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    height: 100vh;
    background: white;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}

.checkout-modal.active {
    transform: translateX(0);
}

.checkout-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #666;
    z-index: 10;
    transition: color 0.3s;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-close:hover {
    color: #D92B1B;;
}

.checkout-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 80px 40px 40px 40px;
    overflow-y: auto;
    height: 100%;
}

/* Заголовок */
.checkout-title {
    font-size: 39px;
    font-weight: 400;
    color: #171717;
    margin: 0 0 38px 0;
}

/* Форма */
.checkout-form-section {
    min-width: 0;
    max-width: 500px;
}

.checkout-container .form-group {
    margin-bottom: 12px;
}

.checkout-container .form-label {
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    margin-bottom: 8px;
}

.checkout-container .form-input {
    width: 100%;
    padding: 12px 17px;
    height: 48px;
    background: #F6F6F6;
    border-radius: 0;
    font-size: 15px;
    font-family: inherit;
    transition: all 0.3s;
}

.checkout-container .form-input:focus {
    outline: none;
    border-color: #d9d9d9;
    background: #cfcfcf;
}

.checkout-container .form-input::placeholder {
    color: #999;
}

/* Телефон */
.checkout-container .phone-input-wrapper {
    display: flex;
    gap: 0;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    transition: all 0.3s;
}

.form-group.delivery,
.form-group.payment {
    margin-top: 25px;
}

.checkout-container .delivery .form-label,
.checkout-container .payment .form-label {
    font-size: 18px;
    font-weight: 500;

}

.checkout-container .payment .form-label {
    margin-bottom: 25px;
}

.country-code {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 16px;
    background: white;
    border-right: 1px solid #e0e0e0;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
}

.country-code svg {
    color: #999;
}

.phone-input {
    flex: 1;
    border: none;
    background: transparent;
}

.phone-input:focus {
    outline: none;
}

/* Доставка */
.delivery-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.radio-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

.radio-label input {
    display: none;
}

.radio-custom {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 2px;
    transition: all 0.3s;
    position: relative;
}

.radio-label input:checked + .radio-custom {
    border-color: rgba(14, 14, 14, 0.34);
}

.radio-label input:checked + .radio-custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    background: #131313;;
    border-radius: 50%;
}

.radio-text {
    line-height: 1.4;
}

/* Оплата */
.payment-methods {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.payment-method {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 17px;
    background: #fafafa;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.payment-method input {
    display: none;
}

.payment-method-name {
    font-size: 15px;
    color: #131313;
    z-index: 2;
    position: relative;
}

.payment-radio {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(118, 118, 118, 0.34);
    border-radius: 50%;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
}

.payment-method input:checked + .payment-method-name {
    color: #fff;
}

.payment-method input:checked + .payment-method-name + .payment-radio {
    border-color: rgba(228, 228, 228, 0.34);
}

.payment-method input + .payment-method-name + .payment-radio + .bg {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.payment-method input:checked + .payment-method-name + .payment-radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    background: #FFFFFF;
    border-radius: 50%;
}

.payment-method input:checked + .payment-method-name + .payment-radio + .bg {

    background-color: #292929;
}

/* Чекбокс */
.form-group.approval {
    margin-top: 28px;
    margin-bottom: 34px;
    display: flex;
}

.form-group.approval .checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    font-size: 13px;
    color: #666;
    position: relative;
    transition: color 0.3s ease;
}

.form-group.approval .checkbox-label input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.form-group.approval .checkbox-custom {
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    flex-shrink: 0;
    margin-top: 2px;
    transition: all 0.3s;
    position: relative;
}

.form-group.approval .checkbox-label input:checked + .checkbox-custom {
    background: rgba(217, 43, 27, 1);
    border-color: rgba(217, 43, 27, 1);
}

.form-group.approval .checkbox-label input:checked + .checkbox-custom::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
}

.form-group.approval .checkbox-text {
    font-size: 14px;
    line-height: 108%;
    color: rgba(154, 154, 154, 0.59);
    align-self: end;
}

.form-group.promo-code {
    position: relative;
}

.promo-code__actions {
    display: flex;
    margin-bottom: 5px;
}

.promo-code-btn {
    width: 110px;
    padding: 16px;
    background: #D92B1B;
    color: white;
    border: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
}

.promo-code-btn:hover {
    background: #b91c1c;
}

.promo-code-message {
    margin-top: 8px;
    font-size: 13px;
    min-height: 20px;
}

.promo-code-message.success {
    color: #28a745;
}

.promo-code-message.error {
    color: #dc3545;
}

.promo-code-message.info {
    color: #17a2b8;
}

/* Кнопка оформления */
.checkout-submit {
    width: 100%;
    padding: 16px;
    background: #D92B1B;
    color: white;
    border: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
}

.checkout-submit:hover {
    background: #b91c1c;
}

/* Правая колонка */
.checkout-order-section {
    position: sticky;
    align-self: start;
    max-width: 480px;
    width: 100%;
}

.checkout-order-summary {
    background: #F6F6F6;
    padding: 27px 36px 33px 36px;
}

.order-summary-title {
    font-size: 18px;
    font-weight: 500;
    color: #171717;
    margin: 0 0 18px 0;
}

/* Товары в заказе */
.order-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.order-item {
    display: flex;
    gap: 12px;
    padding: 0;
    position: relative;
}

.order-item-image {
    width: 100px;
    height: 100px;
    background: #fafafa;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.order-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.order-item-info {
    flex: 1;
    min-width: 0;
}

.order-item-name {
    font-size: 15px;
    font-weight: 400;
    color: #171717;
    margin-bottom: 3px;
}

.order-item-name > span {
    font-weight: 600;
    color: #ff4040;
}

.order-item-desc {
    font-size: 11px;
    color: #999;
    margin-bottom: 8px;
    line-height: 1.2;
}

.order-item-counter {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

.order-item-counter .counter-btn {
    width: 22px;
    height: 22px;
    border: 1px solid #e0e0e0;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
    transition: all 0.2s;
    padding: 0;
}

.order-item-counter .counter-btn:hover {
    border-color: #D92B1B;
    color: #D92B1B;
}

.order-item-counter .counter-value {
    font-size: 13px;
    font-weight: 600;
    color: #171717;
    min-width: 20px;
    text-align: center;
}

.order-item-price {
    font-size: 18px;
    font-weight: 500;
    color: #171717;
    align-self: center;
}

.order-item-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #999;
    transition: color 0.2s;
}

.order-item-remove:hover {
    color: #D92B1B;
}

/* Итого */
.order-totals {
    border-top: 1px solid #e0e0e0;
    padding-top: 16px;
}

.order-total-row {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
    font-size: 14px;
    color: #171717;
}

.total-label {
    padding-right: 5px;
    font-size: 14px;
    color: #171717;
    opacity: 0.59;
}

.total-value {
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.59;
}

.order-total-final {
    display: flex;
    margin-top: 29px;
    font-size: 18px;
    font-weight: 500;
    justify-content: flex-end;
}

.total-final-label {
    font-size: 18px;
    font-weight: 500;
    color: #171717;
    padding-right: 5px;
}

.total-final-value {
    font-size: 18px;
    font-weight: 500;
}

/* Скроллбар */
.checkout-container::-webkit-scrollbar {
    width: 6px;
}

.checkout-container::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
}

.checkout-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.checkout-container::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* ===== Шапка блока доставки ===== */
.delivery-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.delivery-header .form-label {
    margin-bottom: 0; /* Убираем нижний отступ, так как теперь есть flex */
}

/* Кнопка выбора на карте */
.btn-map-select {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: #D92B1B; /* Цвет как у кнопки "Оформить заказ" */
    color: white;
    border: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
}

.btn-map-select:hover {
    background: #b91c1c;
}

.btn-map-select:active {
    transform: scale(0.98);
}

/* ===== Модальное окно карты ===== */
.map-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    display: none; /* Скрыто по умолчанию */
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.map-modal-overlay.active {
    display: flex;
}

.map-modal {
    background: white;
    width: 100%;
    max-width: 900px;
    height: 80vh;
    max-height: 700px;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    animation: modalSlideUp 0.3s ease;
}

@keyframes modalSlideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.map-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    z-index: 10;
    transition: background 0.2s;
}

.map-modal-close:hover {
    background: #f0f0f0;
    color: #D92B1B;
}

.map-modal-header {
    padding: 20px 24px;
    border-bottom: 1px solid #e8e8e8;
}

.map-modal-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
}

#yandex-map {
    flex: 1;
    width: 100%;
    min-height: 400px;
    background: #f5f5f5;
}

.map-modal-footer {
    padding: 16px 24px;
    border-top: 1px solid #e8e8e8;
    display: flex;
    justify-content: flex-end;
}

.btn-map-confirm {
    padding: 12px 24px;
    background: #D92B1B;
    color: white;
    border: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;

    display: none;
}

.btn-map-confirm:hover {
    background: #b91c1c;
}

.yandexMapBtn {
    padding: 12px 24px;
    background: #D92B1B;
    color: white;
    border: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
}

/* =========================================
   Страница детального заказа (.personal-orders)
   ========================================= */
.personal-orders {
    flex-flow: column;
    padding: 60px 0 100px 0;
    gap: 30px;
}

.personal-orders h1 {
    font-family: 'UNCAGE', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 114%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 10px 0;
}

/* Общие стили для секций (Свойства, Доставка, Товары, Оплата) */
.personal-orders section {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 32px 40px;
}

.personal-orders section h2 {
    font-family: 'UNCAGE', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 114%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 24px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Сетка для свойств, доставки и оплаты */
.personal-orders section.properties .items,
.personal-orders section.delivery .items,
.personal-orders section.payment .items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px 40px;
}

.personal-orders section .items > div {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    line-height: 135%;
    color: rgba(41, 41, 41, 0.55);
}

.personal-orders section .items > div span {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #171717;
}

/* Секция товаров */
.personal-orders section.products .order-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.personal-orders section.products .order-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #F6F6F6;
    transition: background 0.3s;
}

.personal-orders section.products .order-item:hover {
    background: #f0f0f0;
}

.personal-orders section.products .order-item-image {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.personal-orders section.products .order-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.personal-orders section.products .order-item-info {
    flex: 1;
    min-width: 0;
}

.personal-orders section.products .order-item-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #171717;
    line-height: 135%;
}

.personal-orders section.products .order-item-name > span {
    display: block;
    margin-top: 4px;
    font-weight: 400;
    font-size: 13px;
    color: rgba(41, 41, 41, 0.5);
}

.personal-orders section.products .order-item-price {
    font-family: 'UNCAGE', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #292929;
    white-space: nowrap;
}

/* Секция оплаты и кнопка */
.personal-orders section.payment .paying {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.personal-orders section.payment .paying a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 280px;
    height: 48px;
    background: #D92B1B;
    color: #FFFFFF;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    transition: background 0.3s, transform 0.2s;
}

.personal-orders section.payment .paying a:hover {
    background: #292929;
}

.personal-orders section.payment .paying a:active {
    transform: scale(0.98);
}

/* Ссылка на чек */
.personal-orders section.payment .items > div a {
    color: #D92B1B;
    text-decoration: underline;
    text-decoration-color: rgba(217, 43, 27, 0.3);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.3s;
}

.personal-orders section.payment .items > div a:hover {
    text-decoration-color: #D92B1B;
}

/* Описание способа оплаты (если есть) */
.personal-orders section.payment > div:not(.paying):not(.items) {
    margin-top: 16px;
    font-size: 14px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.7);
    padding: 16px;
}

/* Более заметное предупреждение об оплате до подтверждения заказа */
.personal-orders section.payment .payment-note {
    background: #FFF5E0;
    border-left: 4px solid #E8A200;
    border-radius: 8px;
    color: #7A4A00;
    font-weight: 500;
}

/* Заглушка кнопки оплаты до подтверждения заказа */
.personal-orders section.payment .payment-btn--disabled {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 280px;
    height: 48px;
    background: #E6E6E6;
    color: #9A9A9A;
    border: none;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-size: 15px;
    cursor: not-allowed;
}

.personal-orders section.payment .payment-hint {
    margin-top: 12px;
    font-size: 13px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.55);
}


/*==================о компании========================*/
.company {
    width: 100%;
}

/* ===== ВЕРХНЯЯ СЕКЦИЯ ===== */
.company > .top {
    width: 100%;
    height: 630px;
    background: linear-gradient(135deg, #000810 0%, #0a1428 50%, #000810 100%);
    position: relative;
    padding: 40px 0 60px 0;
    overflow: hidden;
}

.company > .top .logo {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    pointer-events: none;
}

.company > .top .box-text {
    display: flex;
    gap: 12px;
    position: relative;
    z-index: 2;
    width: 100%;
}

.company .breadcrumb {
    padding: 0 0 50px 0;
}

.company .breadcrumb-item a span,
.company .breadcrumb .separator {
    color: rgba(255, 255, 255, 0.4);
}

.company .breadcrumb-item * {
    color: rgba(255, 255, 255, 1);
}


/* Заголовок "О компании" */
.company .title-up {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 135%;
    text-transform: uppercase;
    color: #D92B1B;
    letter-spacing: 0.05em;
    width: 100%;
    max-width: 520px;
    align-self: baseline;
}

.company .title-up svg {
    flex-shrink: 0;
}

/* Блок right с h1 и текстом */
.company > .top .right {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 655px;
}

.company > .top h1 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 106%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.company > .top .text {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.7);
}

.company > .top .text ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.company > .top .text li {
    position: relative;
    list-style: disc;
}


/* ===== СЕКЦИЯ ЦЕННОСТИ ===== */
.company .values {
    width: 100%;
    padding: 0;
    background: #FFFFFF;
}

.company .values .box {
    display: grid;
    grid-template-columns: 480px 1fr;
    gap: 0;
    align-items: stretch;
    margin-left: 0;
}

.company .values .image-wrapper {
    position: relative;
    height: 600px;
    overflow: hidden;
}

.company .values .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.company .values .content {
    background: #FFFFFF;
    padding: 80px 0 0 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company .values .section-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 135%;
    text-transform: uppercase;
    color: #D92B1B;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.company .values .section-label svg {
    flex-shrink: 0;
}

.company .values h2 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 37px;
    line-height: 114%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 24px 0;
}

.company .values .desc-intro {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.6);
    margin-bottom: 32px;
}

.company .values .values-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.company .values .values-list li {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.7);
    padding-left: 28px;
    position: relative;
}

.company .values .values-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.33008L-4.07833e-07 8.66021L-2.92811e-08 -4.94421e-05L7.5 4.33008Z' fill='%23D92B1B'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

/* ===== СЕКЦИЯ ПРОИЗВОДСТВО ===== */
.company .production {
    width: 100%;
    padding: 80px 0 100px 0;
    background: #F9F9F9;
}

.company .production .box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.company .production h2 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 114%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 50px 0;
    text-align: center;
}

.company .production .video-wrapper {
    width: 100%;
    max-width: 1130px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.company .production .video-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.company .production .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: #D92B1B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
}

.company .production .play-button:hover {
    background: #b91c1c;
    transform: translate(-50%, -50%) scale(1.1);
}

.company .production .play-button svg {
    width: 24px;
    height: 24px;
    fill: white;
    margin-left: 4px;
}

/* ===== СЕКЦИЯ ЦЕННОСТИ КОМПАНИИ ===== */
.company .company-values {
    width: 100%;
    padding: 100px 0;
    background: #FFFFFF;
}

.company .company-values .box {
    flex-flow: column;
}

.company .company-values .section-header {
    margin-bottom: 45px;
}

.company .company-values h2 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 114%;
    text-transform: uppercase;
    color: #292929;
    margin: 16px 0 24px 0;
}

.company .company-values .desc-intro {
    color: rgba(41, 41, 41, 0.6);
    max-width: 495px;
    line-height: 135%;
}

.company .values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.company .value-card {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 16px 59px 41px 19px;
    position: relative;
    transition: all 0.3s ease;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.company .value-card:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.company .value-card.value-card-gradient {
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
    color: #FFFFFF;
    border: none;
}

.company .value-number {
    position: absolute;
    top: 20px;
    right: 30px;
    font-family: 'UNCAGE', sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #292929;
    opacity: 0.44;
}

.company .value-card-gradient .value-number {
    color: rgba(255, 255, 255, 0.3);
}

.company .value-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
}

.company .value-card h3 {
    font-family: 'UNCAGE', sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 113%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 16px 0;
}

.company .value-card-gradient h3 {
    color: #FFFFFF;
}

.company .value-card p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.6);
    margin: 0;
}

.company .value-card-gradient p {
    color: rgba(255, 255, 255, 0.6);
}

/* ===== СЕКЦИЯ ГАЛЕРЕЯ ПРОИЗВОДСТВА ===== */
.company .production-gallery {
    width: 100%;
    padding: 100px 0 200px 0;
    background: #fff;
}

.company .production-gallery .box {
    flex-flow: column;
}

.company .production-gallery .section-header {
    margin-bottom: 117px;
}

.company .production-gallery h2 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 114%;
    text-transform: uppercase;
    color: #292929;
    margin: 16px 0 0 0;
}

.company .gallery-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.company .gallery-slider {
    flex: 1;
    overflow: hidden;
    width: 100%;
}

.company .gallery-slide {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/4;
}

.company .gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.company .gallery-slide:hover img {
    transform: scale(1.05);
}

.company .gallery-nav {
    position: absolute;
    left: 0;
    top: -100px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    background: transparent;
}

.company .gallery-nav.gallery-next {
    left: 70px;
}

.company .gallery-nav:hover {
    background: #D92B1B;
    border-color: #D92B1B;
    color: #FFFFFF;
    transform: scale(1.1);
}

.company .gallery-nav:active {
    transform: scale(0.95);
}

.contacts {
    background-color: #f9f9f9;
}

.contacts h1 {
    margin: 18px 0 18px 0;
}

.contacts .title-up_2 {
    margin-top: 160px;
}

.contacts .padding-box {
    padding-top: 29px;
    padding-bottom: 96px;
}

/* ===== СТРАНИЦА ДОСТАВКИ ===== */
.delivery {
    width: 100%;
    padding: 60px 0 0 0;
    background: #FFFFFF;
}

.delivery_2 {
    width: 100%;
    background: #F9F9F9;
    padding-bottom: 172px;
}

.delivery .box + .box {
    flex-flow: column;
}

.delivery .breadcrumb-item * {
    font-size: 15px;
    line-height: 135%;
    color: #292929;
}

.delivery .breadcrumb-item a span {
    color: #17171782;
}

.delivery .breadcrumb .separator {
    color: #17171782;
    padding: 0 8px;
    font-size: 15px;
}

.delivery .delivery-header {
    margin-bottom: 60px;
    align-items: baseline;
}

.delivery .delivery-header .title-up {
    width: 100%;
    max-width: 400px;
}

.delivery .delivery-header .right {
    display: flex;
    flex-flow: column;

    width: 100%;
    max-width: 536px;
}

.delivery .delivery-header h1 {
    margin-bottom: 22px;
}

.delivery .delivery-intro {
    line-height: 150%;
    color: rgba(41, 41, 41, 0.7);
    max-width: 850px;
}

.delivery .delivery-intro p {
    margin: 0 0 16px 0;
}

.delivery .delivery-intro strong {
    font-weight: 600;
    color: #D92B1B;
}

/* Преимущества */
.delivery .delivery-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 100px;
}

.delivery .delivery-feature {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 20px;
    position: relative;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.delivery .delivery-feature:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    background-color: #D92B1B;
}

.delivery .feature-number {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #292929;
    opacity: 0.44;
}

.delivery .delivery-feature h3 {
    font-family: 'UNCAGE', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 113%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 16px 0;
    padding-right: 60px;
}

.delivery .delivery-feature p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.6);
    margin: 0;
}

/* Способы доставки */
.delivery .delivery-methods {
    margin-top: 110px;
}

.delivery .delivery-methods .title-up_2 {
    margin-top: 0;
    margin-bottom: 16px;
}

.delivery .delivery-methods h2 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 114%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 24px 0;
}

.delivery .delivery-methods-intro {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.6);
    margin: 0 0 50px 0;
    max-width: 650px;
}

.delivery .delivery-methods-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 340px;
    gap: 20px;
}

.delivery .delivery-method-card {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 20px 20px 20px 20px;
    position: relative;
    min-height: 320px;
    display: flex;
    flex-direction: column;
}

.delivery .delivery-method-card:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    background-color: #D92B1B;
}

.delivery .method-number {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #292929;
    opacity: 0.44;
    margin-bottom: 62px;
}

.delivery .delivery-method-card h3 {
    font-family: 'UNCAGE', sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 113%;
    text-transform: uppercase;
    color: #292929;
    padding-right: 60px;
    margin-bottom: 55px;
}

.delivery .delivery-method-card p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.6);
    margin: 0 0 12px 0;
}

.delivery .method-address {
    padding-top: 10px;
    font-weight: 500;
}

.delivery .method-address strong {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 135%;
    color: #292929;
}

.delivery .method-info {
    margin-top: auto;
    padding-top: 20px;
}

.delivery .method-info p {
    margin: 0 0 8px 0;
}

.delivery .method-info strong {
    color: #292929;
    font-weight: 600;
}

/* Градиентная карточка */
.delivery .delivery-method-card-gradient {
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
    border: none;
    color: #FFFFFF;
    position: relative;
}

.delivery .delivery-method-card-gradient:before {
    display: none;
}

.delivery .delivery-method-card-gradient a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delivery .delivery-method-card-gradient h3 {
    color: #FFFFFF;
    margin: 0;
    padding: 20px;
}

.delivery .delivery-method-card-gradient svg {
    position: absolute;
    right: 20px;
    top: 20px;
}


/* ===== СТРАНИЦА ГАРАНТИИ ===== */
.guarantees {
    width: 100%;
    padding: 60px 0 0 0;
    background: #FFFFFF;
}

.guarantees .box + .box {
    flex-flow: column;
}

.guarantees .breadcrumb-item * {
    font-size: 15px;
    line-height: 135%;
    color: #292929;
}

.guarantees .breadcrumb-item a span {
    color: #17171782;
}

.guarantees .breadcrumb .separator {
    color: #17171782;
    padding: 0 8px;
    font-size: 15px;
}

.guarantees .guarantees-header {
    margin-bottom: 60px;
    align-items: baseline;
}

.guarantees .guarantees-header .title-up {
    width: 100%;
    max-width: 400px;
}

.guarantees .guarantees-header .right {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 750px;
}

.guarantees .guarantees-header h1 {
    margin-top: 18px;
    margin-bottom: 15px;
}

.guarantees .guarantees-intro {
    line-height: 150%;
    color: rgba(41, 41, 41, 0.7);
    max-width: 850px;
}

.guarantees .guarantees-intro p {
    margin: 0 0 16px 0;
}

.guarantees .guarantees-intro strong {
    font-weight: 600;
    color: #D92B1B;
}

.guarantees h2 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
    margin-bottom: 15px;
    max-width: 557px;
}

/* Преимущества */
.guarantees .guarantees-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 100px;
}

.guarantees .guarantees-feature {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 20px;
    position: relative;
    min-height: 280px;
    display: flex;
    flex-direction: column;
}

.guarantees .guarantees-feature:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    background-color: #D92B1B;
}

.guarantees .feature-number {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #292929;
    opacity: 0.44;
    margin-bottom: 64px;
}

.guarantees .guarantees-feature h3 {
    font-family: 'UNCAGE', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 113%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 16px 0;
    padding-right: 60px;
    margin-bottom: 80px;
}

.guarantees .guarantees-feature p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.6);
    margin: 0;
}

/* Условия гарантии */

.guarantees .guarantees-conditions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 10px;
    margin-bottom: 195px;
}

.guarantees .guarantees-condition-card {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 13px 20px 20px 20px;
    position: relative;
    min-height: 236px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.guarantees .condition-number {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #292929;
    opacity: 0.44;
    margin-bottom: 62px;
}

.guarantees .guarantees-condition-card p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.6);
    margin: 0 0 16px 0;
}

.guarantees .guarantees-condition-card h3 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 99%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

/* Градиентная карточка */
.guarantees .guarantees-condition-card-gradient {
    background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
    border: none;
    color: #FFFFFF;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.guarantees .guarantees-condition-card-gradient svg {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* ===== СТРАНИЦА СО СПИСКОМ СТАТЕЙ ===== */
.articles {
    width: 100%;
    background-color: #F4F4F4;
    padding-bottom: 47px;
}

.articles .box + .box {
    flex-flow: column;
}

.articles-header {
    padding: 76px 0 76px 0;
}

.articles-header h1 {
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
    margin: 0 0 20px 0;
    text-align: center;
}

/* Фильтры */
.articles-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.filter-btn {
    height: 36px;
    border: 1.5px solid rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 135%;
    color: #292929;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    gap: 10px;
}

.filter-btn:hover {
    border-color: #D92B1B;
    color: #D92B1B;
}

.filter-btn.active {
    background: #D92B1B;
    border-color: #D92B1B;
    color: #FFFFFF;
}

/* Сетка статей */
.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 67px 20px;
}

.article-card {
    background: #FFFFFF;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

.article-card:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.article-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
    background: #F9F9F9;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.article-card:hover .article-image img {
    transform: scale(1.05);
}

.article-content {
    padding: 29px 10px 10px 10px;
}

.article-category {
    display: inline-block;
    padding: 4px 8px;
    border: 1.5px solid rgba(6, 6, 6, 0.25);
    border-radius: 4px;
    font-size: 12px;
    line-height: 135%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #060606;
    margin-bottom: 29px;
}

.article-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 113%;
    color: #292929;
    margin-bottom: 29px;
}

.article-desc {
    font-size: 14px;
    line-height: 135%;
    color: #838383;
    margin-bottom: 29px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-date {
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: rgba(6, 6, 6, 0.25);
}

/* ===== ДЕТАЛЬНАЯ СТРАНИЦА СТАТЬИ ===== */
.article {
    width: 100%;
    padding: 0;
}

.article .box+.box {
    flex-flow: column;
}

.article-header {
    position: relative;
}
.article-header>div
{
    width: 100%;
    position: absolute;
    bottom: 33px;
}
.article-date {
    line-height: 135%;
    color: #FFFFFF;
    opacity: 0.94;
    margin-bottom: 7px;
}

.article-header h1 {
    font-weight: 500;
    font-size: 50px;
    line-height: 87%;
    color: #FFFFFF;
}

.article-main-image {
    width: 100%;
    margin-bottom: 39px;
    overflow: hidden;
    position: relative;
    background-color: #e6e6e6;
}

.article-main-image img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 310px;
    object-fit: contain;
}

.article .article-content
{
    flex-flow: column;
}
.article-content h2 {
    font-family: 'UNCAGE', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 106%;
    text-transform: uppercase;
    color: #292929;
    margin: 20px 0 20px 0;
}

.article-content p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.7);
    margin: 0 0 16px 0;
}

.article-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.article-content li {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: rgba(41, 41, 41, 0.7);
    padding-left: 28px;
    position: relative;
    margin-bottom: 12px;
}

.article-content li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #D92B1B;
    border-radius: 50%;
}

.article-content .article-image {
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    border-radius: 8px;
}

.article-content .article-image img {
    width: 100%;
    height: auto;
    display: block;
}
.stat-404
{
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    min-height: calc(100vh - 103px - 633px);
    padding: 50px 20px;
}
.vozvrat .box+.box,
.oplata .box+.box,
.search-page  .box+.box,
.favourites  .box+.box
{
    flex-flow: column;
    min-height: calc(100vh - 103px - 633px);
    line-height: 120%;
}
.search-page
{
    padding-bottom: 100px;
}
.search-action
{
    display: flex;
    gap: 10px;
}
.search-action .form-input
{
    max-width: 600px;
    width: 100%;
}
.search-action .btn-submit
{
    max-width: 150px;
    width: 100%;
}
.sale-order-list-container
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.sale-order
{
    padding: 20px;
    box-shadow: 0 3px 4px rgb(0 0 0 / 14%);
}
.sale-order-list-title
{
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.favourites .catalog-items_wrapper
{
    padding-top: 50px;
    padding-bottom: 50px;
}
.favourites h2
{
    font-family: 'UNCAGE', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 135%;
    color: #292929;
    margin-bottom: 27px;
}
@media screen and (max-width: 1290px) {
    .box {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .header-top,
    .header-bottom {
        display: none;
    }

    .adaptive_menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        position: relative;
    }

    .adaptive_menu .right {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .toggle-adaptive-menu {
        margin-left: 25px;
        cursor: pointer;
    }

    .toggle-adaptive-menu:hover line {
        stroke: #D92B1B;
    }

    .header .personal-menu {
        padding-left: 17px;
        width: 120px;
    }

    .header .personal-menu svg {
        width: 23px;
        height: 23px;
    }

    .main-catalog .item.item-gradient:before {
        font-size: 90px;
    }
}

@media screen and (max-width: 1080px) {
    .catalog-detail .top,
    .catalog-detail .bottom {
        flex-flow: column;
        margin-bottom: 0;
    }

    .catalog-detail .top .images {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }

    .catalog-detail .top .property-actions,
    .catalog-detail .tabs-wrapper,
    .catalog-detail .form-action {
        max-width: unset;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 24px;
    }

    .catalog-detail .form-action {
        order: 0;
    }

    .catalog-detail .tabs-wrapper {
        order: 1;
    }

}

@media (max-width: 1024px) {
    .delivery .delivery-features,
    .delivery .delivery-methods-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .guarantees .guarantees-features,
    .guarantees .guarantees-conditions-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .main-slider {
        height: 750px;
    }

    .main-catalog .item.item-big {
        width: calc(100% / 2 - 8px);
        padding-right: 0;
        padding-top: 0;
    }

    .main-catalog .item.item-big .image {
        background: #F7F7F7 no-repeat right top;
        background-size: 95%;
    }

    .main-catalog .item {
        width: calc(100% / 2 - 8px);
        background: #fff;
        padding-left: 0;
        padding-right: 0;
    }

    .main-catalog .item.item-gradient {
        background: unset;
        width: 100%;
    }

    .main-catalog .item.item-gradient .image {
        background-size: 247px;
        margin: 0 auto auto auto;
        position: relative;
    }

    .main-catalog .item.item-gradient .image-bg {
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 70%;
        background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
    }

    .main-catalog .item.item-gradient:before {
        left: calc((100% - 328px) / 2);
        font-size: 144px;
        z-index: 1;
    }

    .main-catalog .item.item-gradient .title-up {
        color: #D92B1B;
        opacity: 0.69;
    }

    .main-catalog .item.item-gradient .title {
        color: #292929;
    }

    .main-catalog .item .desc {
        display: none;
    }

    .main-catalog svg.adaptive {
        display: block;
        position: absolute;
        right: 10px;
        top: 11px;
        z-index: 3;
    }

    .padding-box {
        padding-top: 33px;
        padding-bottom: 43px;
    }

    .main-why-we .items {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        height: auto;
    }

    .main-why-we .item {
        padding: 23px 20px 28px 20px;
    }

    .main-own-production {
        flex-flow: column-reverse;
    }

    .main-own-production .left,
    .main-own-production .right {
        width: 100%
    }

    .main-own-production .right {
        padding: 54px 20px 20px;
    }

    .box-link a, .box-link button {
        width: calc(100% - 50px);
        max-width: 335px;
        height: 49px;
        /*background: rgba(255, 255, 255, 0.12);*/
        background: rgba(41, 41, 41, 1);
    }

    .main-own-production .plus {
        display: none;
    }

    .box-link a svg,
    .box-link button svg {
        top: -2px
    }

    .box-link a svg,
    .box-link button svg,
    .box-link a svg rect,
    .box-link button svg rect {
        height: 51px;
    }

    .swiper.bottom-row {
        display: none;
    }

    .swiper.top-row {
        padding-bottom: 38px;
    }

    .swiper.top-row .top-row-nav {
        position: relative;
        bottom: -33px;
        display: flex;
        justify-content: center;
    }

    .swiper.top-row .top-row-nav .swiper-button-next,
    .swiper.top-row .top-row-nav .swiper-button-prev {
        margin: 0 2px;
        position: static;
    }

    .main-reviews-slider {
        padding: 50px 0 0;
    }

    .main-facts .box {
        flex-flow: column;
    }

    .main-facts .left {
        width: 100%;
        padding-right: unset;
    }

    .main-facts .right {
        width: 100%;
    }

    .catalog-items {
        grid-template-columns: repeat(3, 1fr);
    }

    .catalog-smart-filter {
        flex-flow: column;
    }

    .checkout-container {
        grid-template-columns: 1fr;
    }

    .checkout-form-section,
    .checkout-order-section {
        max-width: 100%;
    }

    .guarantees .guarantees-header h1 {
        font-size: 29px;
    }

    .guarantees .guarantees-features,
    .guarantees .guarantees-conditions-grid {
        grid-template-columns: 1fr;
    }

    .guarantees .guarantees-feature,
    .guarantees .guarantees-condition-card {
        min-height: 226px;
    }

    .guarantees .guarantees-condition-card h3,
    .guarantees .guarantees-feature h3 {
        padding-right: 50px;
    }

    .guarantees .guarantees-condition-card-gradient {
        min-height: 280px;
    }

    .guarantees .guarantees-conditions {
        margin-top: 48px;
    }

}

@media (max-width: 800px) {
    .company .breadcrumb {
        padding-left: 20px;
        padding-right: 20px;
    }

    .company > .top .box-text {
        flex-flow: column;
    }

    .company .title-up {
        margin-bottom: 16px;
    }

    .company > .top h1 {
        font-size: 29px;
    }

    .company > .top .text ul {
        padding-left: 20px;
    }

    .company .values .box {
        display: block;
        padding: 0;
    }

    .company .values .image-wrapper {
        height: unset;
        width: 100%;
    }

    .company .values .content {
        padding: 43px 20px 69px 20px;
    }

    .company .values h2 {
        font-size: 29px;
    }

    .company .production {
        padding: 39px 0 48px 0;
    }

    .company .production .box {
        padding: 0;
    }

    .company .production .video-wrapper,
    .company .production .video-wrapper .video-preview {
        height: 458px;
    }

    .company .production .video-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .company .production .video-wrapper img {
        height: 100%;
        width: auto;
        object-fit: cover;
    }

    .company .company-values {
        padding: 45px 0 0 0;
    }

    .company .company-values h2 {
        font-size: 29px;
    }

    .company .values-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .company .value-card {
        padding: 16px 59px 14px 19px;
    }

    .company .value-card h3 {
        font-size: 18px
    }

    .company .production-gallery {
        padding: 61px 0 132px 0;
    }

    .company .production-gallery h2 {
        font-size: 29px;
    }

    .company .production-gallery .section-header {
        margin-bottom: 24px;
    }

    .company .gallery-nav {
        top: auto;
        bottom: -100px;
        left: calc(50% - 75px);
    }

    .company .gallery-nav.gallery-next {
        left: calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .main-slider .swiper-slide picture,
    .main-slider .swiper-slide picture img {
        height: 100%;
    }

    .main-about-company .items-top,
    .main-about-company .items-bottom {
        grid-template-columns: repeat(2, 1fr);
        gap: 17px;
    }

    .main-about-company .items-bottom * {
        background-repeat: no-repeat;
        height: 289px;
    }

    .footer > .box {
        position: relative;
        flex-flow: column;
    }

    .footer .left {
        margin-bottom: 28px;
    }

    .footer .left,
    .footer .left .top {
        width: 100%;
    }

    .footer .box-link a {
        width: 100%;
        max-width: 285px;
    }

    .footer .box-link button {
        width: 100%;
        max-width: 335px;
    }

    .footer .pay-systems {
        position: absolute;
        width: calc(100% - 40px);
        bottom: 74px;
    }

    .footer .lic-data {
        margin-top: 122px;
    }

    .footer .right {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer .right .menu:nth-child(3) {
        order: -1;
        grid-column: span 2;
        align-self: start;
        margin-bottom: 30px;
    }

    .footer .right .menu:nth-child(3) ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .footer .right .menu:nth-child(3) li::before {
        display: none;
        margin-bottom: 0;
    }

    .menu:nth-child(3) .icon {
        display: block;
        width: 57px;
        height: 57px;
        margin-right: 10px;
    }

    .menu:nth-child(3) a:hover .icon {
        fill: #ffffff;
    }

    .menu:nth-child(3) .text {
        display: none; /* Скрываем заголовок */
    }

    .main-video .video iframe {
        height: calc((100vw - 40px) * 0.56);
    }

    .smart-filter .clear {
        display: none;
    }

    .catalog-smart-filter {
        flex-flow: row;
        flex-wrap: nowrap;
    }

    .catalog-sort {
        padding: 0;
    }

    .mobile-filter-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #292929;
        width: 125px;
        height: 40px;
        color: #fff;
        border: none;
        font-family: 'Manrope', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 0;
        cursor: pointer;
        transition: background 0.3s;

    }

    .mobile-filter-toggle:hover {
        background: rgba(0, 0, 0, .29);
    }

    .mobile-filter-toggle svg {
        width: 11px;
        margin-right: 6px;
    }

    .smart-filter {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10000;
        display: none;
    }

    .smart-filter.active {
        display: flex;
    }

    .mobile-filter-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.6s;
    }

    .smart-filter.active .mobile-filter-overlay {
        opacity: 1;
    }

    .mobile-filter-container {
        padding: 25px 20px 20px 20px;
        position: relative;
        margin-right: auto;
        width: 100%;
        max-width: 400px;
        height: 100%;
        background: white;
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        transition: transform 0.6s ease;
    }

    .smart-filter.active .mobile-filter-container {
        transform: translateX(0);
    }

    /* Шапка */
    .mobile-filter-header {
        display: flex;
    }

    .mobile-filter-title {
        font-family: 'UNCAGE', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 106%;
        text-transform: uppercase;
        color: #292929;
        margin-right: 6px;
    }

    .mobile-filter-reset {
        font-family: 'Inter Tight', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-decoration-line: underline;
        color: #D92B1B;
    }

    .smart-filter .items {
        flex-flow: column;
        align-items: flex-start;
    }

    .smart-filter .item {
        border-bottom: 1px solid rgba(41, 41, 41, 0.22);
        width: 100%;
    }

    .smart-filter .filter-dropdown__toggle {
        width: 100%;
        font-size: 15px;
        letter-spacing: -0.01em;
        color: #292929;
        padding: 10px 0 15px 0;
        justify-content: space-between;
    }

    .smart-filter .filter-range__title {
        font-size: 15px;
        line-height: 135%;
        letter-spacing: -0.01em;
        color: #292929;
    }

    .personal-orders section {
        padding: 24px 20px;
    }

    .personal-orders section h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .personal-orders section.properties .items,
    .personal-orders section.delivery .items,
    .personal-orders section.payment .items {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .personal-orders section.products .order-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .personal-orders section.products .order-item-image {
        width: 100%;
        height: 120px;
    }

    .personal-orders section.products .order-item-info {
        width: 100%;
    }

    .personal-orders section.products .order-item-price {
        align-self: flex-start;
        font-size: 20px;
    }

    .personal-orders section.payment .paying a {
        max-width: 100%;
    }

    .personal-orders section.payment .payment-btn--disabled {
        max-width: 100%;
    }

    .delivery .delivery {
        padding: 40px 0 60px 0;
    }

    .delivery .delivery-header h1 {
        font-size: 29px;
    }

    .delivery .delivery-features,
    .delivery .delivery-methods-grid {
        grid-template-columns: 1fr;
    }

    .delivery .delivery-feature,
    .delivery .delivery-method-card {
        min-height: 226px;
    }

    .delivery .delivery-method-card h3,
    .delivery .delivery-feature h3 {
        padding-right: 50px;
    }

    .delivery .delivery-method-card-gradient {
        min-height: 280px;
    }

    .delivery .delivery-methods {
        margin-top: 48px;
    }

    .delivery_2 {
        padding-bottom: 132px;
    }

    .guarantees .guarantees-header {
        flex-flow: column;
    }

    .guarantees .guarantees-header h1 {
        font-size: 24px;
        margin-top: 13px;
    }

    .guarantees .guarantees-conditions h2 {
        font-size: 24px;
    }

    .guarantees .guarantees-feature h3,
    .guarantees .guarantees-condition-card h3 {
        font-size: 17px;
    }

    .articles-header h1 {
        font-size: 24px;
    }
    .articles-grid {
        grid-template-columns: 1fr;
        gap: 40px 20px;
    }
    .article-image {
        height: 260px;
    }

    .articles-filters {
        gap: 8px;
    }
    .filter-btn {
        font-size: 14px;
    }

    .article-header h1 {
        font-size: 29px;
    }

    .article-content h2 {
        font-size: 22px;
    }
    .sale-order-list-container
    {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

@media (max-width: 615px) {
    .main-slider .swiper-slide .left {
        padding: 61px 0;
    }

    .main-slider .swiper-slide .title_up {
        font-size: 11px;
    }

    .main-slider .swiper-slide .title {
        font-size: 34px;
        margin: 21px 0 19px 0;
    }

    .main-slider .swiper-slide li {
        font-size: 15px;
    }

    .main-about-company .items-bottom {
        display: none;
    }

    .main-slider .swiper-slide picture {
        top: auto;
        bottom: 0;
    }

    .main-slider .swiper-slide picture,
    .main-slider .swiper-slide picture img {
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }

    .main-slider .control-wrapper {
        display: none;
    }

    h2.title {
        font-size: 34px;
    }

    .desc {
        font-size: 15px;
    }

    .main-catalog .items {
        margin-top: 33px;
    }

    .main-catalog .item {
        min-height: 247px;
    }

    .main-catalog .item .title-up {
        margin-top: 13px;
    }

    .main-catalog .item .title {
        font-size: 18px;
    }

    .main-catalog .item.item-gradient {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .main-catalog .item.item-gradient .image-bg {
        height: 66%;
    }

    .main-catalog .item.item-gradient:before {
        font-size: 124px;
        left: calc((100% - 286px) / 2);
        top: 30px;
    }

    .main-why-we .items {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 30px;
    }

    .main-why-we .item-feature {
        order: 10;
        height: 495px;
    }

    .main-why-we .item-red {
        display: none;
    }

    .main-why-we .item .icon {
        position: static;
        margin-right: 13px;
    }

    .main-why-we .item .title {
        margin-bottom: 30px;
    }

    .main-why-we .item {
        flex-flow: wrap;
    }

    .main-why-we .item .desc {
        width: 100%;
    }

    .main-own-production .title {
        font-size: 34px;
    }

    .main-own-production .box-link button {
        background: rgba(255, 255, 255, 0.12);
    }

    .main-reviews-slider {
        padding: 50px 20px 0;
    }

    .main-reviews-slider .swiper-slide {
        width: calc(100% - 40px);
        height: 335px;
    }

    .main-facts {
        background: #fff;
    }

    .main-facts .left .boxes {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 30px auto;
        height: auto;
    }

    .main-facts .left .boxes > * {
        background: #F9F9F9;
    }

    .main-facts .hr {
        display: none;
    }

    .main-facts .left .boxes > *:not(.first) {
        min-height: 188px;
    }

    .main-facts .left .boxes > *:last-child {
        background: radial-gradient(203.75% 536.25% at -108.75% -14.26%, #140703 0%, #161007 27.5%, #2D220E 54.5%, #60430C 66.5%, #B9A571 80.5%, #1C1913 100%);
        margin-bottom: 78px;
    }

    .main-facts .left .boxes > *:last-child * {
        color: #fff;

    }

    .main-facts .left .boxes > * .title {
        font-size: 95px;
    }

    .main-facts .right {
        padding: 0;
        border: unset;
        align-items: flex-start;
    }

    .main-facts .right .title,
    .main-facts .right .desc {
        text-align: left;
    }

    .main-video .box {
        align-items: flex-start;
    }

    .main-video .title {
        font-size: 24px;
        text-align: left;
    }

    .main-news h2.title {
        font-size: 24px;
    }

    .main-about-company h2.title {
        font-size: 24px;
    }

    .main-about-company .hr {
        display: none;
    }

    .main-about-company .items-top {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }

    .main-about-company .item-top {
        margin-bottom: 0;
    }

    .main-map,
    .main-map iframe {
        height: 427px;
    }

    .catalog-items {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 9px;
    }

    .catalog-item {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .catalog-item picture {
        padding: 10px;
        height: 214px;
        margin: 0 0 14px 0;
        background-color: #fff;
    }

    .catalog-item .title {
        font-size: 16px;
        line-height: 135%;
    }

    .catalog-sections {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog-item:hover {
        transform: none;
        box-shadow: none;
    }

    .catalog-item .prices-box {
        align-items: center;
        background: rgba(72, 72, 72, 0.1);
        border-radius: 62px;
        width: auto;
        padding: 9px 14px;
        align-self: baseline;
    }

    .catalog-item .prices-box .buy {
        background-color: transparent;
        margin-left: 4px;
    }

    .catalog-item .prices-box path {
        stroke: none;
    }

    .catalog-item .price_current {
        font-size: 15px;
    }

    .catalog-item .price_old {
        font-size: 10px;
    }

    .catalog-item .prices-box:hover,
    .catalog-item .prices-box.active {
        background-color: #292929;
    }

    .catalog-item .prices-box.active .price_current,
    .catalog-item .prices-box:hover .price_current {
        color: #fff;
    }

    .catalog-item .prices-box.active .price_old,
    .catalog-item .prices-box:hover .price_old {
        color: #ffffffff;
    }

    .catalog-detail {
        padding-left: 0;
        padding-right: 0;
    }

    .cat-det-image-image-wrapper {
        background-color: #fff;
    }

    .catalog-detail .top .images {
        border: none;
        height: calc(100vw - 15px);
        overflow: hidden;
    }

    .catalog-detail .top .property-actions {
        padding: 0 20px 17px 20px;
    }

    .catalog-detail .article {
        font-size: 13px;
        margin-bottom: 13px;
    }

    .catalog-detail h1 {
        font-size: 20px;
    }

    .catalog-detail .price_current {
        font-size: 25px;
    }

    .catalog-detail .price_old {
        font-size: 19px;
    }

    .catalog-detail .form-action {
        padding: 20px 20px 40px 20px;
        margin-bottom: 0;
    }

    .catalog-detail .tabs-wrapper {
        padding: 41px 20px 84px 20px;
        background-color: #fff;
    }

    .catalog-detail .bottom {
        padding-bottom: 0;
    }

    .catalog-detail-other {
        padding-top: 20px;
    }

    .catalog-detail-other .catalog-items_wrapper {
        padding-bottom: 0;
    }

    .catalog-detail-other .desc {
        display: none;
    }

    .cart-header {
        margin-left: 24px;
        margin-right: 24px;
    }

    .cart-item {
        position: relative;
        padding-right: 35px;
    }

    .cart-item-remove {
        position: absolute;
        right: 0;
        top: 6px;
        z-index: 2;
    }

    .cart-item-content {
        flex-flow: column;
        padding: 24px;
    }

    .cart-item-actions {
        flex-flow: row-reverse;
        width: 200px;
    }

    .counter-btn svg {
        width: 17px;
        height: 17px;
    }

    .contacts h1 {
        font-size: 24px;
    }

    .contacts .title-up_2 {
        margin-top: 37px;
    }

    .contacts .main-about-company .items-bottom {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .contacts .main-about-company .item-bottom {
        background-size: cover;
    }
}

@media (max-width: 480px) {
    .toggle-menu-box {
        max-width: 100%;
    }

    .mobile-menu-content {
        padding: 16px;
    }

    .mobile-menu-list li a {
        padding: 14px 0;
        font-size: 14px;
    }

    .checkout-close {
        top: 20px;
        right: 10px;
    }

    .checkout-container {
        padding: 40px 20px 20px 20px;
    }

    .payment-methods {
        grid-template-columns: 1fr;
    }

    .checkout-order-summary {
        padding: 13px 17px 17px 17px;
    }

    .order-item-image {
        width: 70px;
        height: 70px;
    }

    .delivery .delivery-header {
        flex-flow: column;
    }

    .delivery .delivery-header h1 {
        font-size: 24px;
        margin-top: 13px;
    }

    .delivery .delivery-methods h2 {
        font-size: 24px;
    }

    .delivery .delivery-feature h3,
    .delivery .delivery-method-card h3 {
        font-size: 17px;
    }

    .guarantees .guarantees-header {
        margin-bottom: 35px;
    }

    .guarantees .guarantees-features {
        margin-bottom: 0;
    }

    .guarantees .guarantees-conditions-grid {
        margin-bottom: 108px;
    }


    .article-content h2 {
        font-size: 20px;
    }
}

/* ===== Прелоадер оформления заказа ===== */
.checkout-preloader {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: rgba(255, 255, 255, 0.88);
}

.checkout-preloader.active {
    display: flex;
}

.checkout-preloader__spinner {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.12);
    border-top-color: #AFA07D;
    animation: checkoutSpin 0.8s linear infinite;
}

.checkout-preloader__text {
    color: #292929;
    font-size: 14px;
}

@keyframes checkoutSpin {
    to {
        transform: rotate(360deg);
    }
}
/* End */


/* Start:/local/templates/main/assets/css/popups.css?17893720858142*/

/* Фон попапа */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    z-index: 1000;
    display: flex;
    justify-content: center;
    overflow-y: hidden;
}

.popup-container {
    width: 100%;
    max-width: 520px;
    background: #ffffff;
    height: 750px;
    display: flex;
    flex-direction: column;
    margin: auto;
}

/* Шапка */
.popup-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 20px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    background: #fff;
}

.btn-back {
    position: absolute;
    left: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    color: #333;
}

.btn-back svg {
    width: 24px;
    height: 24px;
}

.popup-header h2 {
    font-size: 17px;
    font-weight: 600;
    color: #333;
}

.btn-close {
    position: absolute;
    right: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    color: #999;
}

.btn-close svg {
    width: 20px;
    height: 20px;
}

/* Контент формы */
.popup-body {
    padding: 32px 24px;
    flex: 1;
}

.form-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
    line-height: 1.3;
}

.form-description {
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 32px;
}

/* Поля формы */
.form-group {
    margin-bottom: 24px;
}

.form-label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 500;
}

.form-input {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    border: none;
    background: #f5f5f5;
    color: #333;
    outline: none;
    transition: background 0.2s;
}

.form-input::placeholder {
    color: #bbb;
}

.form-input:focus {
    background: #efefef;
}

/* Поле телефона */
.phone-wrapper {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    overflow: hidden;
}

.phone-country {
    display: flex;
    align-items: center;
    padding: 14px 12px;
    cursor: pointer;
    gap: 8px;
    border: none;
    background: transparent;
    position: relative;
}

.phone-country::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #999;
    margin-left: 4px;
}

.country-flag {
    width: 24px;
    height: 16px;
    background: linear-gradient(to bottom, #fff 33%, #0039a6 33%, #0039a6 66%, #d52b1e 66%);
    flex-shrink: 0;
}

.phone-prefix {
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.phone-input {
    flex: 1;
    padding: 14px 16px;
    font-size: 15px;
    border: none;
    background: transparent;
    color: #333;
    outline: none;
}

.phone-input::placeholder {
    color: #bbb;
}

/* Текстовая область */
.form-textarea {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    border: none;
    background: #f5f5f5;
    color: #333;
    outline: none;
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
}

.form-textarea::placeholder {
    color: #bbb;
}

.form-textarea:focus {
    background: #efefef;
}

/* Чекбокс согласия */
.consent-group {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 32px;
    margin-bottom: 24px;
}

.consent-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: #fff;
    border: 1px solid #dc2626;
    cursor: pointer;
    margin-top: 1px;
    box-sizing: border-box;
}

.consent-checkbox svg {
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: opacity 0.15s;
}

.consent-checkbox input:checked + svg {
    opacity: 1;
}

.consent-checkbox:has(input:checked) {
    background: #dc2626;
}

.consent-text {
    font-size: 13px;
    color: #999;
    line-height: 1.4;
}

.consent-text a {
    color: #999;
    text-decoration: underline;
}

/* Кнопка отправки */
.btn-submit {
    width: 100%;
    padding: 16px;
    background: #dc2626;
    color: white;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-submit:hover {
    background: #b91c1c;
}

.btn-submit:active {
    background: #991b1b;
}

/* Состояние успешной отправки */
.btn-success {
    background: #1a1a1a;
}

.btn-success:hover {
    background: #333;
}

/* Сообщение об ошибке формы */
.form-error {
    display: none;
    margin: 0 0 16px 0;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.4;
    color: #b91c1c;
    background: #feecec;
    border: 1px solid #fddad8;
    border-radius: 4px;
}

/* Ошибка под конкретным полем */
.field-error {
    display: none;
    margin: 8px 0 0 0;
    font-size: 13px;
    line-height: 1.4;
    color: #b91c1c;
}

.form-group.has-error .form-input,
.form-group.has-error .phone-input,
.form-group.has-error .form-textarea,
.consent-group.has-error .consent-checkbox {
    border-color: #b91c1c;
}

.consent-group .field-error {
    flex-basis: 100%;
}

/* Анимация появления */
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.popup-container {
    animation: slideUp 0.3s ease-out;
}

/* Скрытие попапа */
.popup-overlay.hidden {
    display: none;
}



/* ===== COOKIE BANNER ===== */
.cookie-banner
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    padding: 20px 0;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.cookie-banner.active
{
    transform: translateY(0);
}

.cookie-banner__container
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.cookie-banner__content
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}

.cookie-banner__text
{
    flex: 1;
    color: #292929;
    font-size: 13px;
    line-height: 135%;
}

.cookie-banner__text p
{
    margin: 0;
}

.cookie-banner__text a
{
    color: #D92B1B;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.3s;
}

.cookie-banner__text a:hover
{
    color: #ff4d4d;
    text-decoration: none;
}

.cookie-banner__buttons
{
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.cookie-btn
{
    font-size: 13px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 57px 5px 58px;
    gap: 10px;
    width: 162px;
    height: 28px;
    background: #292929;
}

.cookie-btn--primary
{
    color: #FFFFFF;
}

.cookie-btn--primary:hover
{
    background: #b91c1c;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(217, 43, 27, 0.3);
}

.cookie-btn--outline
{
    background: #E4E4E4;
    color: #292929;
}

.cookie-btn--outline:hover
{
    border-color: #FFFFFF;
    background: rgba(255, 255, 255, 0.05);
}

/* Адаптивность */
@media (max-width: 768px) {
    .cookie-banner__container {
        padding: 0 20px;
    }

    .cookie-banner__content {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .cookie-banner__text {
        font-size: 13px;
    }

    .cookie-banner__text strong {
        font-size: 15px;
    }

    .cookie-banner__buttons {
        justify-content: stretch;
    }

    .cookie-btn {
        flex: 1;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .cookie-banner {
        padding: 16px 0;
    }

    .cookie-btn {
        padding: 10px 20px;
        font-size: 13px;
    }
}
/* End */


/* Start:/local/templates/main/assets/css/btn_top.css?17893720851427*/
.scroll-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #dc2626;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.8);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 16px rgba(220, 38, 38, 0.3);
}

.scroll-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.scroll-top:hover {
    background: #b91c1c;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 8px 24px rgba(220, 38, 38, 0.4);
}

.scroll-top:active {
    transform: translateY(-2px) scale(0.98);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.scroll-top svg {
    width: 24px;
    height: 24px;
    color: white;
    transition: transform 0.3s;
}

.scroll-top:hover svg {
    transform: translateY(-2px);
}

/* Пульсация при появлении */
.scroll-top::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #dc2626;
    animation: pulse 2s ease-out infinite;
    z-index: -1;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}
/* End */


/* Start:/local/templates/main/assets/js/swiper/swiper-bundle.min.css?178937208514609*/
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/main/assets/js/nouislider/nouislider.min.css?17893720854220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */


/* Start:/local/templates/main/assets/css/nouislider.css?17893720851253*/
:root {
    --slider-connect: #D92B1B;
    --slider-bg: #e8e8e8;
    --slider-handle: #D92B1B;
    --slider-handle-hover: #b82215;
}

.noUi-connect {
    background: var(--slider-connect);
}

.noUi-target {
    background: var(--slider-bg);
}

.noUi-handle {
    background: var(--slider-handle);
    border-color: var(--slider-handle);
}

.noUi-handle:hover {
    background: var(--slider-handle-hover);
    border-color: var(--slider-handle-hover);
}

/* Трек (фон) - 2px */
.noUi-target {
    height: 2px;
    background: #e8e8e8;
    border: none;
    box-shadow: none;
    border-radius: 2px;
}

/* Активная линия - 2px */
.noUi-connect {
    height: 2px;
    background: #D92B1B;
    border-radius: 2px;
}

/* Ползунки нужно немного сместить */
.noUi-handle {
    top: -8px !important; /* Смещаем вверх, так как трек стал тоньше */
    right: -9px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50%;
    background: #D92B1B;
    border: 2px solid #D92B1B;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Убираем внутренние точки */
.noUi-handle:before,
.noUi-handle:after {
    display: none;
}
/* End */
/* /local/templates/main/assets/css/styles.css?1790277086132093 */
/* /local/templates/main/assets/css/popups.css?17893720858142 */
/* /local/templates/main/assets/css/btn_top.css?17893720851427 */
/* /local/templates/main/assets/js/swiper/swiper-bundle.min.css?178937208514609 */
/* /local/templates/main/assets/js/nouislider/nouislider.min.css?17893720854220 */
/* /local/templates/main/assets/css/nouislider.css?17893720851253 */