@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//prof-naves.ru/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//prof-naves.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(30,115,190);
	--wd-alternative-color: rgb(22,107,163);
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: rgb(30,115,190);
	--btn-default-bgcolor: rgb(30,115,190);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(30,115,190);
	--btn-accented-bgcolor-hover: rgb(30,115,190);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(30,115,190);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://prof-naves.ru/wp-content/uploads/2021/09/shoes-promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.header-banner {
	background-color: rgb(167,109,80);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(30,115,190);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(239,239,239);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1300px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1300px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: IBM Plex Sans !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: IBM Plex Sans !important;
}

/*! CSS Used from: */
@media (max-width: 1024px){
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
}
/*! CSS Used from:  */
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
@media print{
*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important;}
tr{page-break-inside:avoid;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table{max-width:100%;background-color:rgba(0, 0, 0, 0);}
th{text-align:left;}
th,td{line-height:1.42857143;text-align:left;vertical-align:top;}
th{font-weight:bold;}
td,tr td{border-top:1px solid #dddddd;}
.material,.table-price{width:100%;margin:auto;}
.table-price{margin-top:20px;}
.material th,.table-price th{background:#1E73BE;color:#fff;padding:5px 10px;text-align:center;vertical-align:middle;}
.material th{width:12%;}
.material th:first-child,.table-price th:first-child{border-radius:10px 0 0 0;}
.material th:last-child,.table-price th:last-child{border-radius:0 10px 0 0;}
.material td,.table-price td{background:#fff;padding:5px 10px;text-align:center;vertical-align:middle;min-width:90px;line-height:1.2;}
.material td[data-label*='Цена']{font-weight:bold;}
.material td:last-child:not([colspan]),.table-price td:last-child:not([colspan]){color:#7f6051;font-weight:bold;font-size:20px;position:relative;min-width:140px;text-align:right;}
.material tr:hover td,.table-price tr:hover td{background:#f6f6f6;}
.material tr.hide-item,.table-price tr.hide-item{display:none;}
.material.show-items .hide-item{display:table-row;}
@media (max-width: 850px){
.material td,.table-price td{min-width:60px;}
}
@media (max-width: 749px){
.table-price th,.material th{display:none;}
.material tr,.table-price tr,.material td,.table-price td{display:block;text-align:right;}
.material td,.table-price td{border-top:1px dashed rgba(0, 35, 102, 0.1);}
.material td:nth-child(2),.table-price td:nth-child(2){border-top:0;}
.material td:first-child,.table-price td:first-child{background:#1E73BE)!important;color:#fff;text-align:left;}
.material td:before{content:attr(data-label)':';float:left;font-weight:bold;font-size:16px;color:#000c;margin-right:10px;}
.material td:last-child:not([colspan]){color:#7f6051;font-weight:bold;font-size:20px;position:relative;text-align:left;}
.table-price td:last-child:not([colspan]){text-align:right;}
.material td:last-child:before,.table-price td:last-child:before{margin-top:3px;}
.material td:first-child:before{display:none;}
.table-price td:first-child:before{display:block;color:#fff;}
}

/*---------------------------------------------------------------------------------*/
/* Contact Form 7 CSS */
/*---------------------------------------------------------------------------------*/
span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea, .wpcf7-submit{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9');
background: -webkit-gradient( linear, left top, left bottom, color-stop(.5, white), color-stop(1, rgba(233, 233, 233, .5)) );
background: -moz-linear-gradient( center bottom, rgb(233,234,235) 0%, rgba(255,255,255,0) 85% );
border: 1px solid #aeaeae; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
line-height:12px;
margin: 0 0 0 5px;
padding: 10px;
width: 350px;
}
span.wpcf7-form-control-wrap input{
width: 350px;
}
span.wpcf7-form-control-wrap input:focus, span.wpcf7-form-control-wrap textarea:focus{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
background-image: none;
border: 1px solid #666666; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;
}
.wpcf7-submit{
background:#F1F2F3; box-shadow: -1px 1px 3px rgba(0,0,0,.25); -webkit-box-shadow: -1px 1px 3px rgba(0,0,0,.25); -moz-box-shadow: -1px 1px 3px rgba(0,0,0,.25);
font-family:sans-serif;
text-align: center;
width: 120px;

margin:0px auto;
cursor:pointer;
text-transform:uppercase;

padding: 3px;
margin:0px auto;
}

}
.wpcf7-submit:hover{
border:1px solid #888;
}
.wpcf7-not-valid-tip, div.wpcf7-validation-errors{
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow: 0 0 3px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
padding:8px 5px 5px !important;
}
.wp_syntax {
width: 530px !important;
}
/*шапка*/
.telephones a {
    display: block;
    padding: 0;
    margin: 0;
    font-family: 'IBM Plex Sans';
    font-size: clamp(1.3rem, 1.5vw, 1.6rem);  /* Размер текста составит 1.5% от ширины экрана */
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.cont2 {
    margin: 10px 0px;
    min-width: 100px;
    align-items: center;
}
.blue {
    color: #133cac;
}
.cont p {
    padding: 0;
    margin: 0;
    font-family: 'IBM Plex Sans';
    font-size: clamp(1.3rem, 1.5vw, 1.6rem);  /* Размер текста составит 1.5% от ширины экрана */
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
}
/*шапка моб*/
.blue {
    color: #1E73BE;
}
.contm p {
    padding: 0;
    margin: 0;
    font-family: 'IBM Plex Sans';
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
/*шапка кнопки precode.top/b/p/gs-button*/


/*Блок этапы-------------------------------------*/
.text-block  {
  padding: 20px 0px;
  font-family: "IBM Plex Sans";
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #1E73BE;
}
.steps  {
  margin: 30px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-image: url("https://prof-naves.ru/wp-content/uploads/2026//kr-7dney.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 50px;
}
.step  {
  max-width: 330px;
  min-width: 250px;
  justify-content: center;
  margin: 0px auto;
}
.dot  {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 140px;
  height: 140px;
  border-radius: 70px;
  background: rgb(255, 255, 255);
  border: 2px dashed #1E73BE;
}
.namber  {
  justify-content: center;
  display: flex;
  margin-left: 10px;
}
.namber p  {
  display: flex;
  background-color: #1E73BE;
  border-radius: 51px;
  width: 102px;
  height: 102px;
  justify-content: center;
  align-items: center;
}
.namber img  {
  padding-left: 50px;
  margin: 60px 0px;
}
.num  {
  font-family: "IBM Plex Sans";
  font-size: 54px;
  font-weight: bold;
  text-align: center;
  color: rgb(255, 255, 255);
}
.podp  {
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: "IBM Plex Sans";
  max-width: 230px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.56;
  text-align: center;
  color: rgb(51, 51, 51);
}
.seven-dney span  {
  display: flex;
  margin: 0px auto;
  max-width: 522px;
  font-family: "IBM Plex Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
  color: #1E73BE;
}
@media screen and (max-width: 1350px)  {
    .steps  {
    background-position-y: 80px;
  }
  .namber img  {
    padding-left: 10px;
    margin: 60px 0px;
  }
}
@media screen and (max-width: 1058px)  {
  .namber img  {
    display: none;
  }
  .namber img  {
    padding-left: 10px;
    margin: 60px 0px;
    width: 50px;
  }
}
@media screen and (max-width: 802px)  {
  .steps  {
    background-image: none;
  }
}
.podp  {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px)  {
    .text-block  {
    font-size: 32px;
  }
}
/*Блок узнать цену-------------------------------------*/
.xkqh, .xkqh div, .xkqh span, .xkqh iframe, .xkqh h1, .xkqh h2, .xkqh h3, .xkqh h4, .xkqh h5, .xkqh h6, .xkqh p, .xkqh a, .xkqh img, .xkqh strong, .xkqh ol, .xkqh ul, .xkqh li, .xkqh form, .xkqh label, .xkqh legend, .xkqh nav, .xkqh section  {
  margin: 0px;
  padding: 0px;
}
.xkqh a  {
  text-decoration: none;
}
.xkqh  {
  max-width: 1920px;
  margin: 0px auto;
}
.xkqh .vievport, .xkqh .vievport-1  {
  max-width: 1169px;
  margin: 0px auto;
  background-repeat: no-repeat;
}
.xkqh .girls  {
  margin: 53px 0px;
  background-image: url("https://prof-naves.ru/wp-content/uploads/2026/girls.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 70% 0px;
}
.xkqh .text-girl-block  {
  max-width: 627px;
  margin: 0px 20px;
  padding-bottom: 10px;
  font-family: "IBM Plex Sans";
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  color: #1E73BE;
}
.xkqh .girls .g-cosial  {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 627px;
}
.xkqh .girls .g-cosial .soc-it {
  border-radius: 15px;
  margin: 3px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  max-width: none;
}
.xkqh .soc-it a  {
  display: flex;
  align-items: center;
}
.xkqh .soc-it img  {
  padding: 5px;
  width: 27px;
  height: 27px;
}
.xkqh .soc-it span  {
  font-family: "IBM Plex Sans";
  padding: 5px 10px;
  font-size: 19px;
}
@media screen and (max-width: 480px)  {
  .xkqh .text-girl-block  {
    text-align: center;
  }
}
@media screen and (max-width: 768px)  {
  .xkqh .girls  {
    background: none;
  }
}
.xkqh .soc-it span  {
  color: rgb(19, 60, 172);
}
/*Белая полоса слева баннера-------------------------------------*/
:root {
    --wd-scroll-w: 0px !important;
}

html {
    --wd-scroll-w: 0px !important;
}
/*Блок материалы-------------------------------------*/
.sDesign__block--lg {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* Карточка */
.sDesign__block--lg .sDesign__item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 140px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
}

/* Контейнер изображения */
.sDesign__block--lg .sDesign__img-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Picture */
.sDesign__block--lg .sDesign__img-wrap picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Изображение */
.sDesign__block--lg .sDesign__img-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    transition: transform 0.4s ease;
}

/* Затемнение снизу */
.sDesign__block--lg .sDesign__item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.25) 45%,
        rgba(0, 0, 0, 0) 75%
    );
    z-index: 1;
    pointer-events: none;
}

/* Название */
.sDesign__block--lg .sDesign__item > span:last-child {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 15px !important;
    z-index: 2 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

/* Увеличение изображения при наведении */
.sDesign__block--lg .sDesign__item:hover img {
    transform: scale(1.05);
}

/* Планшет */
@media (max-width: 767px) {

    .sDesign__block--lg {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .sDesign__block--lg .sDesign__item {
        height: 120px !important;
    }

    .sDesign__block--lg .sDesign__item > span:last-child {
        left: 16px !important;
        right: 16px !important;
        bottom: 13px !important;
        font-size: 18px !important;
    }
}

/* Маленькие телефоны */
@media (max-width: 480px) {

    .sDesign__block--lg .sDesign__item {
        height: 105px !important;
    }

    .sDesign__block--lg .sDesign__item > span:last-child {
        font-size: 16px !important;
    }
}
/*Блок рассрочка-------------------------------------*/
/* Основной блок */
.installment-cards {
    display: grid;
    grid-template-columns: 1fr 1.35fr 1.15fr;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Общая карточка */
.installment-card {
    min-height: 100px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px 24px;
    font-family: inherit;
    line-height: 1.35;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

/* Белая карточка */
.installment-card-white {
    background: #ffffff;
    color: #555555;
    border: 1px solid #e5e5e5;
}

/* Жёлтые карточки */
.installment-card-yellow {
    background: #ffdc00;
    color: #111111;
}

/* Текст */
.installment-text {
    font-size: 16px;
}

.installment-text strong {
    font-weight: 700;
}

.installment-text span {
    color: #e00000;
    font-weight: 700;
}

/* Иконка Тинькофф */
.installment-card-yellow:has(.installment-icon) {
    gap: 18px;
}

.installment-icon {
    flex: 0 0 auto;
}

.tinkoff-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #111111;
    font-size: 25px;
    font-weight: 800;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
}

/* Планшет */
@media (max-width: 900px) {
    .installment-cards {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .installment-card:first-child {
        grid-column: 1 / -1;
    }

    .installment-card {
        min-height: 95px;
        padding: 18px 20px;
    }

    .installment-text {
        font-size: 15px;
    }
}

/* Телефон */
@media (max-width: 600px) {
    .installment-cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .installment-card:first-child {
        grid-column: auto;
    }

    .installment-card {
        min-height: 90px;
        padding: 18px 20px;
    }

    .installment-text {
        font-size: 15px;
    }

    .tinkoff-icon {
        width: 40px;
        height: 40px;
        font-size: 23px;
    }
}

/* Маленькие телефоны */
@media (max-width: 400px) {
    .installment-card {
        padding: 16px;
    }

    .installment-text {
        font-size: 14px;
    }

    .installment-card-yellow:has(.installment-icon) {
        gap: 12px;
    }
}


/* Форма заказа расчета */

/* Основной блок */
.calc-form {
    width: 100%;
    font-family: 'Golos Text', sans-serif;
    color: #333;
}

/* Поля */
.calc-form__field {
    margin-bottom: 22px;
}

.calc-form__field label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

/* Поля ввода */
.calc-form__field input[type="text"],
.calc-form__field input[type="tel"] {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #d9dfe6;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-family: 'Golos Text', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: none;
    transition: border-color .2s, box-shadow .2s;
}

.calc-form__field input:focus {
    border-color: #1E73BE;
    box-shadow: 0 0 0 3px rgba(30,115,190,.10);
    outline: none;
}

/* Согласие */
.calc-form__consent {
    margin: 2px 0 26px;
    font-size: 12px;
    line-height: 1.6;
    color: #666;
}

.calc-form__consent .wpcf7-list-item {
    margin: 0;
}

.calc-form__consent label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.calc-form__consent input[type="checkbox"] {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin: 2px 0 0;
    accent-color: #1E73BE;
}

.calc-form__consent a {
    color: #1E73BE;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Кнопка */
.calc-form__submit {
    margin-top: 0;
}

.calc-form__button,
.calc-form input[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 190px;
    height: 48px !important;
    padding: 0 24px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    background: #1E73BE !important;
    color: #fff !important;
    font-family: 'Golos Text', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    cursor: pointer;
    transition: background .2s, transform .2s;
    box-sizing: border-box;
}

.calc-form__button:hover,
.calc-form input[type="submit"]:hover {
    background: #165b98 !important;
    transform: translateY(-1px);
}

/* Ошибки */
.calc-form .wpcf7-not-valid {
    border-color: #dc5555 !important;
}

.calc-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 12px;
    color: #dc5555;
}

/* Мобильная версия */
@media (max-width: 767px) {
    .calc-form__field {
        margin-bottom: 18px;
    }

    .calc-form__button,
    .calc-form input[type="submit"] {
        width: 100% !important;
    }
}
/* =========================================================
   ПРОФ-НАВЕС — ГЛОБАЛЬНЫЕ СТИЛИ ТЕКСТОВЫХ БЛОКОВ
   Используется на главной и SEO-категориях
   ========================================================= */

.pn-about,
.pn-category {
    --pn-color: #30251F;
    --pn-accent: #1E73BE;
    --pn-bg: #F5F8FB;
    --pn-border: #E2EAF1;

    font-family: "Golos Text", Arial, sans-serif;
    color: var(--pn-color);
    font-size: 16px;
    line-height: 1.75;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.pn-about *,
.pn-category * {
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   ТЕКСТ
   --------------------------------------------------------- */

.pn-about p,
.pn-category p {
    margin: 0 0 16px;
}

.pn-about strong,
.pn-category strong {
    font-weight: 700;
}


/* ---------------------------------------------------------
   ЗАГОЛОВКИ
   --------------------------------------------------------- */

.pn-about h2,
.pn-category h2 {
    font-family: "Golos Text", Arial, sans-serif;
    color: var(--pn-color);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 22px;
}

.pn-about h3,
.pn-category h3 {
    font-family: "Golos Text", Arial, sans-serif;
    color: var(--pn-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 8px;
}


/* ---------------------------------------------------------
   ВВОДНЫЙ БЛОК
   --------------------------------------------------------- */

.pn-about__intro,
.pn-category__intro {
    background: var(--pn-bg);
    border-left: 4px solid var(--pn-accent);
    border-radius: 0 12px 12px 0;
    padding: 26px 30px;
    margin-bottom: 32px;
}

.pn-about__intro p:last-child,
.pn-category__intro p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   СЕКЦИИ
   --------------------------------------------------------- */

.pn-about__section,
.pn-category__section {
    margin: 0 0 38px;
}


/* Заголовок секции с синей вертикальной линией */

.pn-about__title,
.pn-category__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.pn-about__title:before,
.pn-category__title:before {
    content: "";
    display: block;
    flex: 0 0 5px;
    height: 29px;
    background: var(--pn-accent);
    border-radius: 5px;
}


/* ---------------------------------------------------------
   КАРТОЧКИ ПРЕИМУЩЕСТВ
   --------------------------------------------------------- */

.pn-about__features,
.pn-category__features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 24px 0 30px;
}

.pn-about__feature,
.pn-category__feature {
    background: #fff;
    border: 1px solid var(--pn-border);
    border-radius: 12px;
    padding: 20px;
    min-width: 0;
}

.pn-about__feature-icon,
.pn-category__feature-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #EAF3FC;
    color: var(--pn-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 13px;
}

.pn-about__feature p,
.pn-category__feature p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #625B56;
}


/* ---------------------------------------------------------
   ВАРИАНТЫ / ТИПЫ
   --------------------------------------------------------- */

.pn-about__types,
.pn-category__types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0;
}

.pn-about__type,
.pn-category__type {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 18px;
    background: var(--pn-bg);
    border: 1px solid var(--pn-border);
    border-radius: 10px;
}

.pn-about__type-mark,
.pn-category__type-mark {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--pn-accent);
    margin-top: 8px;
}

.pn-about__type p,
.pn-category__type p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #625B56;
}

.pn-about__type strong,
.pn-category__type strong {
    display: block;
    font-size: 16px;
    color: var(--pn-color);
    margin-bottom: 3px;
}


/* ---------------------------------------------------------
   ЭТАПЫ РАБОТЫ
   --------------------------------------------------------- */

.pn-about__steps,
.pn-category__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0;
}

.pn-about__step,
.pn-category__step {
    padding: 18px 16px;
    border: 1px solid var(--pn-border);
    border-radius: 10px;
    background: #fff;
}

.pn-about__step-num,
.pn-category__step-num {
    color: var(--pn-accent);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.pn-about__step p,
.pn-category__step p {
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}


/* ---------------------------------------------------------
   ВЫДЕЛЕННЫЙ БЛОК
   --------------------------------------------------------- */

.pn-about__note,
.pn-category__note {
    background: #EAF3FC;
    border-radius: 12px;
    padding: 22px 25px;
    margin: 24px 0;
}

.pn-about__note p:last-child,
.pn-category__note p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   ТАБЛИЦЫ
   --------------------------------------------------------- */

.pn-category__table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 22px 0 30px;
    -webkit-overflow-scrolling: touch;
}

.pn-category__table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    background: #fff;
    font-size: 14px;
    line-height: 1.5;
}

.pn-category__table th {
    background: var(--pn-bg);
    color: var(--pn-color);
    font-weight: 700;
    text-align: left;
    padding: 13px 15px;
    border: 1px solid var(--pn-border);
}

.pn-category__table td {
    padding: 12px 15px;
    border: 1px solid var(--pn-border);
    color: #625B56;
    vertical-align: top;
}

.pn-category__table tr:nth-child(even) td {
    background: #FAFCFE;
}


/* ---------------------------------------------------------
   СПИСКИ
   --------------------------------------------------------- */

.pn-about ul,
.pn-category ul {
    margin: 0 0 20px;
    padding-left: 22px;
}

.pn-about ol,
.pn-category ol {
    margin: 0 0 20px;
    padding-left: 24px;
}

.pn-about li,
.pn-category li {
    margin-bottom: 7px;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.pn-category__faq {
    margin: 22px 0 30px;
}

.pn-category__faq-item {
    border: 1px solid var(--pn-border);
    border-radius: 10px;
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}

.pn-category__faq-question {
    padding: 17px 20px;
    font-size: 16px;
    font-weight: 700;
    color: var(--pn-color);
}

.pn-category__faq-answer {
    padding: 0 20px 17px;
    font-size: 14px;
    line-height: 1.6;
    color: #625B56;
}


/* ---------------------------------------------------------
   ФИНАЛЬНЫЙ КОММЕРЧЕСКИЙ БЛОК
   --------------------------------------------------------- */

.pn-about__bottom,
.pn-category__bottom {
    background: var(--pn-color);
    color: #fff;
    border-radius: 12px;
    padding: 28px 30px;
    margin-top: 30px;
}

.pn-about__bottom h2,
.pn-category__bottom h2 {
    color: #fff;
    margin-bottom: 12px;
}

.pn-about__bottom p,
.pn-category__bottom p {
    color: #fff;
    margin-bottom: 16px;
}

.pn-about__bottom p:last-child,
.pn-category__bottom p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   МОБИЛЬНАЯ ВЕРСИЯ
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .pn-about,
    .pn-category {
        font-size: 15px;
        line-height: 1.7;
    }

    .pn-about h2,
    .pn-category h2 {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .pn-about h3,
    .pn-category h3 {
        font-size: 17px;
    }

    .pn-about__intro,
    .pn-category__intro {
        padding: 20px;
        margin-bottom: 26px;
    }

    .pn-about__section,
    .pn-category__section {
        margin-bottom: 30px;
    }

    .pn-about__features,
    .pn-category__features {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pn-about__feature,
    .pn-category__feature {
        padding: 17px;
    }

    .pn-about__types,
    .pn-category__types {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pn-about__type,
    .pn-category__type {
        padding: 14px;
    }

    .pn-about__steps,
    .pn-category__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .pn-about__step,
    .pn-category__step {
        padding: 15px;
    }

    .pn-about__note,
    .pn-category__note,
    .pn-about__bottom,
    .pn-category__bottom {
        padding: 20px;
    }

    .pn-category__table {
        min-width: 600px;
    }
}


/* ---------------------------------------------------------
   УЗКИЕ ЭКРАНЫ
   --------------------------------------------------------- */

@media (max-width: 380px) {

    .pn-about__steps,
    .pn-category__steps {
        grid-template-columns: 1fr;
    }

}
.pn-category__colors {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0 30px;
}

.pn-category__color {
    overflow: hidden;
    border: 1px solid var(--pn-border);
    border-radius: 11px;
    background: #fff;
}

.pn-category__color-swatch {
    height: 66px;
}

.pn-category__color-swatch--clear {
    background: #DCE8EE;
}

.pn-category__color-swatch--blue {
    background: #5874A6;
}

.pn-category__color-swatch--green {
    background: #537A62;
}

.pn-category__color-swatch--brown {
    background: #805E4F;
}

.pn-category__color-info {
    padding: 13px 12px 14px;
}

.pn-category__color-info strong {
    display: block;
    color: var(--pn-color);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 5px;
}

.pn-category__color-info p {
    color: #625B56;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

@media (max-width: 767px) {
    .pn-category__colors {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .pn-category__color-swatch {
        height: 60px;
    }
}

@media (max-width: 380px) {
    .pn-category__colors {
        grid-template-columns: 1fr;
    }
}
<style>
/* Проф-Навес — оформление текста для Woodmart */
.pn-about {
    --pn-color: #30251F;
    --pn-accent: #1E73BE;
    --pn-bg: #F5F8FB;
    --pn-border: #E2EAF1;
    font-family: "Golos Text", Arial, sans-serif;
    color: var(--pn-color);
    font-size: 16px;
    line-height: 1.75;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}</p>
<p>.pn-about * {
    box-sizing: border-box;
}</p>
<p>.pn-about p {
    margin: 0 0 16px;
}</p>
<p>.pn-about h2 {
    font-family: "Golos Text", Arial, sans-serif;
    color: var(--pn-color);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 22px;
}</p>
<p>.pn-about h3 {
    font-family: "Golos Text", Arial, sans-serif;
    color: var(--pn-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 8px;
}</p>
<p>.pn-about strong {
    font-weight: 700;
}</p>
<p>/* Вводный блок */
.pn-about__intro {
    background: var(--pn-bg);
    border-left: 4px solid var(--pn-accent);
    border-radius: 0 12px 12px 0;
    padding: 26px 30px;
    margin-bottom: 32px;
}</p>
<p>.pn-about__intro p:last-child {
    margin-bottom: 0;
}</p>
<p>/* Секции */
.pn-about__section {
    margin: 0 0 38px;
}</p>
<p>.pn-about__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}</p>
<p>.pn-about__title:before {
    content: "";
    display: block;
    flex: 0 0 5px;
    height: 29px;
    background: var(--pn-accent);
    border-radius: 5px;
}</p>
<p>/* Преимущества */
.pn-about__features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 24px 0 30px;
}</p>
<p>.pn-about__feature {
    background: #fff;
    border: 1px solid var(--pn-border);
    border-radius: 12px;
    padding: 20px;
    min-width: 0;
}</p>
<p>.pn-about__feature-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #EAF3FC;
    color: var(--pn-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 13px;
}</p>
<p>.pn-about__feature p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #625B56;
}</p>
<p>/* Варианты навесов */
.pn-about__types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0;
}</p>
<p>.pn-about__type {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 18px;
    background: var(--pn-bg);
    border: 1px solid var(--pn-border);
    border-radius: 10px;
}</p>
<p>.pn-about__type-mark {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--pn-accent);
    margin-top: 8px;
}</p>
<p>.pn-about__type p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #625B56;
}</p>
<p>.pn-about__type strong {
    display: block;
    font-size: 16px;
    color: var(--pn-color);
    margin-bottom: 3px;
}</p>
<p>/* Этапы работы */
.pn-about__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0;
}</p>
<p>.pn-about__step {
    padding: 18px 16px;
    border: 1px solid var(--pn-border);
    border-radius: 10px;
    background: #fff;
}</p>
<p>.pn-about__step-num {
    color: var(--pn-accent);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}</p>
<p>.pn-about__step p {
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}</p>
<p>/* Выделенный блок */
.pn-about__note {
    background: #EAF3FC;
    border-radius: 12px;
    padding: 22px 25px;
    margin: 24px 0;
}</p>
<p>.pn-about__note p:last-child {
    margin-bottom: 0;
}</p>
<p>/* Финальный блок */
.pn-about__bottom {
    background: var(--pn-color);
    color: #fff;
    border-radius: 12px;
    padding: 28px 30px;
    margin-top: 30px;
}</p>
<p>.pn-about__bottom p {
    margin: 0;
    color: #fff;
}</p>
<p>@media (max-width: 767px) {
    .pn-about {
        font-size: 15px;
        line-height: 1.7;
    }</p>
<p>    .pn-about h2 {
        font-size: 22px;
        margin-bottom: 18px;
    }</p>
<p>    .pn-about h3 {
        font-size: 17px;
    }</p>
<p>    .pn-about__intro {
        padding: 20px;
        margin-bottom: 26px;
    }</p>
<p>    .pn-about__section {
        margin-bottom: 30px;
    }</p>
<p>    .pn-about__features {
        grid-template-columns: 1fr;
        gap: 10px;
    }</p>
<p>    .pn-about__feature {
        padding: 17px;
    }</p>
<p>    .pn-about__types {
        grid-template-columns: 1fr;
        gap: 10px;
    }</p>
<p>    .pn-about__type {
        padding: 14px;
    }</p>
<p>    .pn-about__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }</p>
<p>    .pn-about__step {
        padding: 15px;
    }</p>
<p>    .pn-about__note,
    .pn-about__bottom {
        padding: 20px;
    }
}</p>
<p>@media (max-width: 380px) {
    .pn-about__steps {
        grid-template-columns: 1fr;
    }
}
</style>