nav#block-pds-osnovnayanavigaciya ul {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin: 0;
    justify-content: space-between;
}
nav#block-pds-osnovnayanavigaciya ul li {
    list-style: none;
}
@media (max-width: 960px) {
    nav#block-pds-osnovnayanavigaciya ul {
        flex-direction: column;
    }
}

p::selection {background-color: #ff5f4f;color: #fff;}
header {
    padding-top: .5rem;
}
.unimenu__header-logo__img img {
    display: none;
}
.unimenu__header-logo__img {
    background-image: url(/themes/custom/pds/img/logo2025.png);
    display: block;
    width: 100px;
    height: 49px;
    background-size: cover;
}

h1::first-line {
    margin: 0;
    color: #ff6922;
    display: block;
    width: 100px
}
h1 {
    text-transform: uppercase;
    margin: 0;
}

.m-heading {
    display: grid;
    grid-template-columns: 1fr 350px;
    align-items: end;
    padding: 10px 15px;
    justify-content: space-between;
    gap: 1rem;
}
/* Кнопки */
.cbutton {
    text-align: center;
    width: 100%;
}
.cbutton a {
    color: #fff;
    background-color: #ff5f4f;
    padding: 10px 20px;
    display: block;
}
.cbutton p {
    font-size: .9rem;
    min-width: 300px;
    margin: 0;
}

.paragraph h2:first-child {
    margin-top: 0;
    font-size: 2rem;
    color: #ff5f4f;
    border-bottom: 1px solid #ff5f4f;
}
.heading h2, h2 {
    color: #ff5f4f;
}
.paragraph h3 {
    margin-top: .4rem;
    font-size: 1rem;
}


.paragraph:nth-child(even) .gruoping a:nth-child(2) {
    border: 1px solid #ffffff;
    color: #ffffff;
}
.paragraph:nth-child(even) .gruoping a:nth-child(2):hover {
    border: 1px solid #ff5f4f;
    color: #ff5f4f;
}

.flex-gruoping {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    gap: 1rem;
}
.flex-gruoping a {
    background: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.prem {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    gap: 1rem;
    z-index: 0;
    position: relative;
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
.prem > div {
    background-color: #e5e5e5;
    padding: 10px 20px;
    font-weight: 500;
    border: 1px solid #ccc;
    font-size: .9rem;
    text-transform: uppercase;
}

a.btn.more {background-color: #ff5f4f;color: #fff}
a.btn.more:hover {color: #ff6922;background-color: #fff;outline: 1px solid #ff5f4f;}
.gruoping a:nth-child(2) {background: transparent!important;border: 1px solid #ff5f4f;color: #ff5f4f;}

.why {border: 2px solid #ff5f4f;border-radius: 25px;}
.why h3 {margin-top: 0;border-bottom: 1px dashed #ccc;font-size: 1.1rem;}
.why p {margin-bottom: 0;}
.mx-0 {margin: auto 0;}
.mt-2 {margin-top: 2rem;}
.p-1 {padding: 1rem;}

.flex-gruoping.mx-0 > .why::before {
    position: absolute;
    margin-top: -36px;
    font-size: 2rem;
    margin-left: -1.6rem;
    background-color: #eeeeee;
    border-radius: 1rem;
    font-weight: bold;
    color: #ff5f4f;
    display: block;
    width: 31px;
    height: 45px;
    text-align: center;
}
.flex-gruoping.mx-0 > .why:first-child:before {
    content: '1';
}
.flex-gruoping.mx-0 > .why:nth-child(2):before {
    content: '2';
}
.flex-gruoping.mx-0 > .why:nth-child(3):before {
    content: '3';
}
.flex-gruoping.mx-0 > .why:nth-child(4):before {
    content: '4';
}

a.back-to-top {
    position: fixed;
    border-radius: 0;
    width: 42px;
    height: 42px;
    right: 25px;
    bottom: 49px;
    color: #ffffff;
    background: #ff6922;
}

/* views*/
.views-element-container .pager__link.is-active, .views-element-container .pager__item--current {
    display: flex !important;
    background: transparent;
    border: 1px solid #ff5f4f;
    color: #ff5f4f;
}
.view-content {
    display: grid;
    gap: 1rem;
    align-items: end;
}
h3 > a {
    display: block;
    border-bottom: 2px solid #e74929;
    color: #333;
}
/* views */

/* product */
.view-engines .view-header {
    margin-bottom: 1rem;
}
.paragraph.engine .container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto;
    grid-auto-flow: row;
    gap: 1rem;
}
.paragraph.engine div:nth-child(1) ul {
    margin: 1rem 0 0 0;
}
.paragraph.engine div:nth-child(1) ul li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px dashed #ff6922;
    padding-bottom: 6px;
}
.paragraph.engine div:nth-child(1) ul li span span {
    display: block;
}
.paragraph.engine div:nth-child(3) {
    grid-row: span 2;
}
.paragraph.engine div:nth-child(3) img {
    width: 240px;
}
.paragraph.engine div:nth-child(4) {
    grid-column: span 2;
}
.paragraph.engine div:nth-child(4) a {
    display: block;
    width: 100%;
    background: #ff6922;
    color: #fff;
    padding: .5rem 5px;
    text-align: center;
}
.paragraph.engine h2 {
    text-transform: none;
    color: #2a2a2a;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

/* feedbacks */
#block-pds-views-block-feedbacks-block-1 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 3rem 0;
}
#block-pds-views-block-feedbacks-block-1 .view-footer {
    margin-top: 1rem;
    font-size: .9rem;
}
#block-pds-views-block-feedbacks-block-1 h2 {
    font-size: 2rem;
    color: #ff5f4f;
    border-bottom: 1px solid #ff5f4f;
}
.view-feedbacks > .view-content {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    column-gap: 1rem;
    align-items: stretch;
}
.view-feedbacks > .view-content > div {padding: 0 1rem;}
.view-feedbacks > .view-content > div:nth-child(even) {background-color: #fff;}
p.name {font-weight: 600;}
.rating .star {
    background-color: lightgrey;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    display: inline-block;
    height: 15px;
    width: 15px;
}
.rating #active {
    background-color: #ffae00;
}
.view-feedbacks time.datetime {
    font-size: 15px;
    line-height: 16px;
    color: #484848;
}
.feed-header {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: .5rem;
    margin: 10px 0 0 0;
}
.feed-header img {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    border-radius: 50%;
    width: 100%;
}
.feed-header div:nth-child(2) {
    font-weight: 600;
}
.feed-header div:nth-child(3) {
    grid-column: span 2;
}

/* etapi */
#paragraph-id-79 ol {
    list-style: none;
    margin-top: 1rem;
}
#paragraph-id-79 .flex-gruoping.mx-0 > .why::before {
    background-color: #131313;
    color: #eee;
}
/* etapi */

/* faq */
#block-pds-views-block-faq-block-1 h2 {
    font-size: 2rem;
    color: #ff5f4f;
    border-bottom: 1px solid #ff5f4f;
}
.view-faq > .view-content {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3rem;
}
.view-faq .faq-content {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: .5rem;
    margin-bottom: .5rem;
}
.view-faq .pd-card {
    display: grid;
    background-color: #fff;
    padding: 15px;
    height: 100%;
    align-content: space-between;
}
.view-faq .pd-card h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.view-faq .pd-card h3 > a {
    text-overflow: ellipsis;
    overflow: hidden;
}
#block-pds-views-block-faq-block-1 {
    width: 100%;
    max-width: 1300px;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 3rem;
}
/* faq */

/* froms */
form#webform-submission-raschet-stoimosti-remonta-dvigat-add-form {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  max-width: 1440px;
  max-content; 1440px;
  margin: 0 auto;
  margin-bottom: 1rem;
}
/* froms */

@media (max-width: 960px) {
    p {font-size: .9rem;}
    .views-element-container {width: 100%;padding: 0 20px;}
    .paragraph h2:first-child, #block-pds-views-block-feedbacks-block-1 h2 {font-size: 1.2rem;}
    #marketing {margin-top: 3rem;}
    #marketing h1 {font-size: 1.3rem;}
    .heading h2 {font-size: 1.3rem;}
    .m-heading {grid-template-columns: auto;padding: 1rem 10px;}
    .cbutton {margin-bottom: 1rem;}
    .cbutton p {margin: 1rem 0 .5rem 0;}
    .views-view-responsive-grid__item h3 {color: #ff6922;}
    .flex-gruoping {display: block;}
    .flex-gruoping .why {margin-bottom: 1rem;}
    .prem {justify-content: space-between;gap: .5rem;margin-top: -2rem;}
    .prem > div {text-align: center;padding: 5px 20px;text-align: center;}
    .view-faq > .view-content, .view-faq .faq-content { grid-template-columns: 1fr;}
    .view-faq .pd-card h3 {white-space: normal;}
    .view-faq .pd-card img, .paragraph.engine div:nth-child(3) img {object-fit: cover;width: 100%;height: 150px;}
    .block-page-title-block {margin-top: 3rem;}
    .view-feedbacks > .view-content {flex-direction: column;}
    .paragraph.engine .container {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-direction: column;}
    .paragraph.engine div:nth-child(1) ul li {border-bottom: 1px dashed #ccc;padding: 6px 0;}
    .paragraph--type--views .container {padding: 0px;}
}