/* ===== Наши работы: отдельный CSS-файл ===== */

body .works-showcase {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 70px 0 90px 50% !important;
    transform: translateX(-50%) !important;
    padding: 70px 0 76px 0 !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.075) 0%, rgba(255,255,255,.035) 18%, transparent 38%),
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.06) 0%, rgba(255,255,255,.025) 20%, transparent 42%),
        radial-gradient(circle at 50% 55%, rgba(239,51,55,.08) 0%, rgba(239,51,55,.025) 18%, transparent 42%),
        linear-gradient(180deg, #202020 0%, #141414 38%, #080808 100%) !important;
    border-radius: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: none !important;
}
body .works-showcase::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.72) 0%, transparent 20%, transparent 80%, rgba(0,0,0,.72) 100%),
        radial-gradient(ellipse at center top, rgba(255,255,255,.07) 0%, transparent 55%) !important;
}

body .works-showcase::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: .22 !important;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) !important;
    background-size: 42px 42px !important;
}

body .works-showcase__head,
body .works-showcase__slider,
body .works-showcase__controls,
body .works-showcase__btn {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
	 position: relative !important;
    z-index: 2 !important;
}



body .works-showcase__btn {
    margin-top: 35px !important;
}

body .works-showcase__head {
    text-align: center !important;
    max-width: 1240px !important;
    margin: 0 auto 34px auto !important;
    padding: 0 20px !important;
}
body .works-showcase__slider {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

body .works-showcase .homepage__title,
body .works-showcase__title {
    color: #fff !important;
    padding: 0 0 13px 0 !important;
    margin: 0 !important;
    font-size: 42px !important;
    line-height: 48px !important;
}

body .works-showcase__title:after {
    content: "" !important;
    width: 72px !important;
    height: 3px !important;
    background: #ef3337 !important;
    display: block !important;
    margin: 16px auto 0 auto !important;
    border-radius: 5px !important;
}

body .works-showcase__subtitle {
    max-width: 760px !important;
    margin: 18px auto 0 auto !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 17px !important;
    line-height: 26px !important;
    text-align: center !important;
}

body .works-showcase__slider {
    position: relative !important;
    overflow: hidden !important;
}

body .works-showcase__item {
    display: grid !important;
    grid-template-columns: 0.9fr 1.35fr 0.9fr !important;
    gap: 24px !important;
    align-items: center !important;
}

body .works-showcase__media {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 9px !important;
    background: #1f1f1f !important;
    box-shadow: 0 16px 35px rgba(0,0,0,.35) !important;
}

body .works-showcase__media a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

body .works-showcase__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body .works-showcase__media video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
body .works-showcase__media--side {
    height: 430px !important;
}

body .works-showcase__media--video {
    height: 560px !important;
    background: #050505 !important;
    position: relative !important;
    overflow: hidden !important;
}
body .works-showcase__video-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: blur(24px) brightness(.55) saturate(1.15) !important;
    transform: scale(1.12) !important;
    z-index: 1 !important;
    opacity: .85 !important;
    pointer-events: none !important;
}

body .works-showcase__video-main {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
}

body .works-showcase__play {
    z-index: 6 !important;
}

body .works-showcase__label {
    position: absolute !important;
    left: 18px !important;
    bottom: 18px !important;
    z-index: 5 !important;
    background: rgba(0,0,0,.72) !important;
    color: #fff !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    line-height: 18px !important;
	display: none;
}

body .works-showcase__play {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 82px !important;
    height: 82px !important;
    border-radius: 50% !important;
    border: 2px solid #ef3337 !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 6 !important;
    cursor: pointer !important;
}

body .works-showcase__play span {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 14px solid transparent !important;
    border-bottom: 14px solid transparent !important;
    border-left: 20px solid #fff !important;
    margin-left: 32px !important;
}

body .works-showcase__media--video.is-playing .works-showcase__play {
    opacity: 0 !important;
    pointer-events: none !important;
}

body .works-showcase__name {
    position: absolute !important;
    left: 22px !important;
    right: 22px !important;
    bottom: 68px !important;
    z-index: 5 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
}

body .works-showcase__btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    width: fit-content !important;
    min-width: 360px !important;
    margin: 38px auto 0 auto !important;
    padding: 19px 46px !important;
    background: #ef3337 !important;
    color: #fff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-transform: none !important;
    transition: .25s ease !important;
    font-size: 18px !important;
    line-height: 22px !important;
}

body .works-showcase__btn::after {
    content: "→" !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    transition: transform .25s ease !important;
}

body .works-showcase__btn:hover::after {
    transform: translateX(5px) !important;
}

body .works-showcase__btn:hover {
    background: #d9272b !important;
    color: #fff !important;
}
/* ===== Стрелки и точки под каруселью ===== */

body .works-showcase__controls {
    max-width: 760px !important;
    margin: 34px auto 0 auto !important;
    display: grid !important;
    grid-template-columns: 54px 1fr 54px !important;
    align-items: center !important;
    gap: 30px !important;
}

body .works-showcase__nav {
    width: 52px !important;
    height: 52px !important;
    border: 1.5px solid #ef3337 !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.25) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: .25s ease !important;
    position: static !important;
    margin: 0 !important;
}

body .works-showcase__nav:hover {
    background: #ef3337 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

body .works-showcase__nav:after {
    display: none !important;
}

body .works-showcase__nav {
    width: 52px !important;
    height: 52px !important;
    border: 1.5px solid #ef3337 !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.25) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: .25s ease !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

body .works-showcase__nav--prev::before {
    content: "←" !important;
    display: block !important;
    font-size: 28px !important;
    line-height: 1 !important;
    height: 28px !important;
    transform: translateY(-2px) !important;
}

body .works-showcase__nav--next::before {
    content: "→" !important;
    display: block !important;
    font-size: 28px !important;
    line-height: 1 !important;
    height: 28px !important;
    transform: translateY(-2px) !important;
}

body .works-showcase__pagination {
    position: static !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
}

body .works-showcase__pagination .swiper-pagination-bullet {
    width: 13px !important;
    height: 13px !important;
    background: rgba(255,255,255,.32) !important;
    opacity: 1 !important;
    margin: 0 !important;
}

body .works-showcase__pagination .swiper-pagination-bullet-active {
    background: #ef3337 !important;
}
/* ===== Архив Наши работы: финальные правки ===== */

body.post-type-archive-work_project .works-archive {
    padding: 130px 0 90px 0 !important;
    background: #fff !important;
}

body.post-type-archive-work_project .works-archive__head {
    max-width: 1240px !important;
    margin: 0 auto 70px auto !important;
    padding: 0 20px !important;
    text-align: left !important;
}

body.post-type-archive-work_project .works-archive__breadcrumbs {
    margin: 0 0 75px 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #777 !important;
}

body.post-type-archive-work_project .works-archive__breadcrumbs a {
    color: #777 !important;
    text-decoration: none !important;
    margin-right: 8px !important;
}

body.post-type-archive-work_project .works-archive__breadcrumbs span,
body.post-type-archive-work_project .works-archive__breadcrumbs .breadcrumb_last {
    margin-left: 8px !important;
    color: #777 !important;
}

body.post-type-archive-work_project .works-archive__title {
    text-align: center !important;
    font-size: 52px !important;
    line-height: 58px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 0 !important;
}

body.post-type-archive-work_project .works-archive__item {
    margin: 0 0 130px 0 !important;
}

body.post-type-archive-work_project .works-archive__item-title {
    text-align: center !important;
    font-size: 30px !important;
    line-height: 42px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 0 0 55px 0 !important;
}

body.post-type-archive-work_project .works-showcase__item {
    max-width: 1240px !important;
    margin: 0 auto !important;
}

body.post-type-archive-work_project .works-showcase__media--video {
    height: 560px !important;
    background: #050505 !important;
    position: relative !important;
    overflow: hidden !important;
}

body.post-type-archive-work_project .works-showcase__video-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: blur(24px) brightness(.55) saturate(1.15) !important;
    transform: scale(1.18) !important;
    z-index: 1 !important;
    opacity: .9 !important;
    pointer-events: none !important;
}

body.post-type-archive-work_project .works-showcase__video-main {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
}

body.post-type-archive-work_project .works-showcase__play {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 20 !important;
}

body.post-type-archive-work_project .works-showcase__media--video.is-playing .works-showcase__play {
    opacity: 0 !important;
    pointer-events: none !important;
}
body.post-type-archive-work_project .works-showcase__media--video video::-webkit-media-controls {
    display: none !important;
}
body.post-type-archive-work_project .works-archive__breadcrumbs {
    color: #777 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

body.post-type-archive-work_project .works-archive__breadcrumbs a {
    color: #777 !important;
    text-decoration: none !important;
    transition: color .25s ease !important;
}

body.post-type-archive-work_project .works-archive__breadcrumbs a:hover {
    color: #ef3337 !important;
}

body.post-type-archive-work_project .works-archive__pagination {
    display: flex !important;
    justify-content: center !important;
    margin: 20px 0 0 0 !important;
}

body.post-type-archive-work_project .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

body.post-type-archive-work_project .page-numbers {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: #f4f4f4 !important;
    color: #111 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    transition: .25s ease !important;
}

body.post-type-archive-work_project .page-numbers:hover,
body.post-type-archive-work_project .page-numbers.current {
    background: #ef3337 !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(239,51,55,.28) !important;
}

body.post-type-archive-work_project .page-numbers.prev,
body.post-type-archive-work_project .page-numbers.next {
    width: auto !important;
    padding: 0 18px !important;
}
.consult-block {
    background: #252525;
    padding: 45px 0;
    
}

.consult-block__inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.consult-block__title {
    font-family: 'ArialBold', sans-serif;
    font-size: 32px;
    color: #fff;
    margin: 0 0 12px;
}

.consult-block__title span {
    color: #ef3337;
}

.consult-block__text {
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    margin: 0 0 25px;
}

.consult-block__btn {
    background: #ef3337;
    color: #fff;
    border: none;
    padding: 12px 32px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
}

.consult-block__btn:hover {
    background: #c1272b;
}

@media (max-width: 768px) {
    .consult-block { padding: 35px 20px; }
    .consult-block__title { font-size: 24px; }
    .consult-block__btn { width: 100%; max-width: 260px; }
}

@media screen and (max-width: 767px) {
   body .works-showcase {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 45px 0 45px 50% !important;
        transform: translateX(-50%) !important;
        padding: 46px 18px 54px 18px !important;
        border-radius: 0 !important;
		background:
        radial-gradient(circle at 50% 5%, rgba(255,255,255,.09) 0%, rgba(255,255,255,.035) 22%, transparent 48%),
        radial-gradient(circle at 50% 45%, rgba(239,51,55,.07) 0%, rgba(239,51,55,.02) 22%, transparent 48%),
        linear-gradient(180deg, #202020 0%, #131313 42%, #070707 100%) !important;
    }

    body .works-showcase__head {
        margin: 0 auto 28px auto !important;
        padding: 0 12px !important;
    }

    body .works-showcase .homepage__title,
    body .works-showcase__title {
        font-size: 38px !important;
        line-height: 44px !important;
    }

    body .works-showcase__subtitle {
        max-width: 420px !important;
        font-size: 20px !important;
        line-height: 30px !important;
        margin-top: 20px !important;
    }

    body .works-showcase__item {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
    }

    body .works-showcase__media--video {
        grid-column: 1 / -1 !important;
        order: 1 !important;
        height: 520px !important;
    }


    body .works-showcase__media--closed,
    body .works-showcase__media--opened {
        height: 220px !important;
    }

    body .works-showcase__media--closed {
        order: 2 !important;
    }

    body .works-showcase__media--opened {
        order: 3 !important;
    }

    body .works-showcase__controls {
        max-width: 100% !important;
        margin: 26px auto 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    body .works-showcase__nav {
        display: none !important;
    }

    body .works-showcase__btn {
        width: 100% !important;
        max-width: 420px !important;
        min-width: 0 !important;
        margin-top: 32px !important;
        font-size: 22px !important;
        padding: 22px 28px !important;
    }
body .works-showcase__label {

	display: none;
}
      body.post-type-archive-work_project .works-archive {
        padding: 115px 0 70px 0 !important;
    }

    body.post-type-archive-work_project .works-archive__breadcrumbs {
        margin-bottom: 45px !important;
    }

    body.post-type-archive-work_project .works-archive__title {
        font-size: 38px !important;
        line-height: 44px !important;
    }

    body.post-type-archive-work_project .works-archive__item {
        margin-bottom: 90px !important;
    }

    body.post-type-archive-work_project .works-archive__item-title {
        font-size: 26px !important;
        line-height: 32px !important;
        margin-bottom: 35px !important;
    }
      /* 1. Перебиваем глобальный стиль nav из responsive.css */
    .works-archive_pagination nav,
    .works-archive_pagination .navigation,
    .works-archive_pagination .pagination,
    nav.navigation.pagination {
        padding: 0 !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        width: auto !important;
    }
    
    /* 2. Родительский блок пагинации — центрирование */
    .works-archive_pagination {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 30px 0 50px 0 !important;
        padding: 0 !important;
        text-align: center !important;
        background: transparent !important;
    }
    
    /* 3. Навигация — горизонтально и по центру */
    .works-archive_pagination .navigation,
    .works-archive_pagination .nav-links {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    /* 4. Кнопки пагинации */
    .works-archive_pagination .page-numbers {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 12px !important;
        border-radius: 8px !important;
        background: #f4f4f4 !important;
        color: #111 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        margin: 0 !important;
    }
    
    /* 5. Текущая страница и ховер */
    .works-archive_pagination .page-numbers.current,
    .works-archive_pagination .page-numbers:hover {
        background: #ef3337 !important;
        color: #fff !important;
    }
    
    /* 6. Стрелки Назад/Дальше */
    .works-archive_pagination .prev,
    .works-archive_pagination .next {
        padding: 0 16px !important;
    }
	 .consult-block { padding: 50px 20px 60px; }
    .consult-block__title { font-size: 28px; }
    .consult-block__btn { width: 100%; max-width: 280px; }
}