/*
page gap = 6px
panel gap = 12px
header. height = 72px
card aspect-ratio: 346 / 475;
*/
:root {
    --outer-gap: 6px;
    --inner-gap: 12px;
    --outer-inner-gap: calc(var(--outer-gap) + var(--inner-gap));
    --c4-width: calc(calc(calc(100vw - 2 * var(--outer-inner-gap)) - 3 * var(--outer-gap)) / 4);
    --c4-1-left: var(--outer-inner-gap);
    --c4-2-left: calc(var(--c4-1-left) + var(--c4-width) + var(--outer-gap));
    --c4-3-left: calc(var(--c4-2-left) + var(--c4-width) + var(--outer-gap));
    --c4-4-left: calc(var(--c4-3-left) + var(--c4-width) + var(--outer-gap));
    --c4-1-right: var(--c4-4-left);
    --c4-2-right: var(--c4-3-left);
    --c4-3-right: var(--c4-2-left);
    --c4-4-right: var(--c4-1-left);
    --c12-width: calc(calc(calc(100vw - 2 * var(--outer-inner-gap)) - 11 * var(--outer-gap)) / 12);
    --c4-width: calc(calc(calc(100vw - 2 * var(--outer-inner-gap)) - 3 * var(--outer-gap)) / 4);
    --c3-width: calc(calc(calc(100vw - 2 * var(--outer-inner-gap)) - 2 * var(--outer-gap)) / 3);
    --c2-width: calc(calc(calc(100vw - 2 * var(--outer-inner-gap)) - var(--outer-gap)) / 2);
    --c1-width: calc(100vw - 2 * var(--outer-inner-gap));
    --c12-1-left: var(--outer-inner-gap);
    --c12-2-left: calc(var(--c12-1-left) + var(--c12-width) + var(--outer-gap));
    --c12-3-left: calc(var(--c12-2-left) + var(--c12-width) + var(--outer-gap));
    --c12-4-left: calc(var(--c12-3-left) + var(--c12-width) + var(--outer-gap));
    --c12-5-left: calc(var(--c12-4-left) + var(--c12-width) + var(--outer-gap));
    --c12-6-left: calc(var(--c12-5-left) + var(--c12-width) + var(--outer-gap));
    --c12-7-left: calc(var(--c12-6-left) + var(--c12-width) + var(--outer-gap));
    --c12-8-left: calc(var(--c12-7-left) + var(--c12-width) + var(--outer-gap));
    --c12-9-left: calc(var(--c12-8-left) + var(--c12-width) + var(--outer-gap));
    --c12-10-left: calc(var(--c12-9-left) + var(--c12-width) + var(--outer-gap));
    --c12-11-left: calc(var(--c12-10-left) + var(--c12-width) + var(--outer-gap));
    --c12-12-left: calc(var(--c12-11-left) + var(--c12-width) + var(--outer-gap));
    --font-size-24: calc(24vw / 14.4);
    --font-size-16: max(calc(16vw / 14.4), 12px);
    --font-size-62: calc(62vw / 14.4); 
    --font-size-64: calc(64vw / 14.4);
    
    --font-size-title-xl: clamp(40px, calc(60vw / 14.4), 80px);
    --font-size-text-m: clamp(18px, calc(24vw / 14.4), 32px);
    --font-size-title-m: clamp(30px, calc(32vw / 14.4), 38px);
    --font-size-text-s: clamp(13.5px, calc(16vw / 14.4), 22px);
    --button-height: 36px;
    --stretch:  12;
    --card-height: calc(1.4 * var(--c4-width));
    /*--card-height: max(395px, calc(475vw / 14.4));*/
    --card-height-m: calc(275vw / 14.4);
    --card3x4-height: calc(3 * var(--card-height) / 4 );
    --section-gap-u: 160;
    --section-gap: calc(var(--section-gap-u) * 1vw / var(--stretch));
    --color-primary: #2B626F;
    --gallery-height: max(395px, calc(1.4 * var(--c4-width)));
    --footer-height: calc(5 * 1.2 * var(--font-size-text-s) + 72px + 24px + 36px + 3 * 12px) !important;
}

@media (max-width: 1200px) {
    :root {
        --stretch: 5.76;
        --font-size-16: max(calc(16vw / 12), 12px);
        --font-size-24: calc(24vw / 12);
        --font-size-64: calc(64vw / 12);
        --font-size-62: calc(62vw / 12);
    }
}

@media (max-width: 1100px) {
    :root {
        --card-height: calc(1.4 * var(--c3-width));
    }
}

@media (max-width: 960px) {
    :root {
        --stretch: 9.6;
        --font-size-16: calc(16vw / 7.68);
        --font-size-24: calc(24vw / 7.68);
        --font-size-64: calc(64vw / 7.68);
        --font-size-62: calc(62vw / 7.68);
        --font-size-title-xl: clamp(40px, calc(50vw / 9.6), 70px);
        --section-gap-u: 140;
        --card-height: calc(var(--c2-width) / 1.4);
    }
}

@media (max-width: 768px) {
    :root {
        --card-height: calc(1 * var(--c2-width));
    }
}

@media (max-width: 840px) {
    :root {
        height: 408px;
    }
    
}

@media (max-width: 640px) {
    :root {
        --card-height: calc(1.4 * var(--c2-width));
    }
}

@media (max-width: 576px) {
    :root {
        --stretch: 5.76;
        --font-size-16: max(calc(16vw / 4), 12px);
        --font-size-24: calc(24vw / 4);
        --font-size-64: calc(64vw / 4);
        --font-size-62: calc(62vw / 4);
        /*--card-height: 356px ;*/
    /*--card-height-m: 356px ;*/
    --card-height-m: calc(356vw / 5.76);
    --card-height: calc(var(--c1-width) / 1.4);
    }
}

@media (max-width: 440px) {
    :root {
        --font-size-title-xl: clamp(30px, calc(40vw / 9.6), 70px);
        /*--card-height: calc(356vw / 4.4) ;*/
        /*--card-height: 256px ;*/
        
    
    --card-height-m: 256px ;
    }
}

@media (max-width: 480px) {
    :root {
        --card-height: calc( var(--c1-width));
        --footer-height: calc(8 * 1.2 * var(--font-size-text-s) + 72px + 24px + 36px + 7 * 12px) !important;
    }
}

@media (max-width: 320px) {
    :root {
        --font-size-text-s: clamp(12px, calc(16vw / 14.4), 22px);
    }
}

*,
*::before,
*::after {
  box-sizing: border-box　!important;
}


.policy-text {
    font-size: var(--font-size-text-s) !important;
    line-height: 1.2 !important;
    width: calc((100% - 36px - 6px) / 2) !important;
    right: 18px !important;
    left: unset !important;
}

@media (max-width: 960px) {
  .policy-text {
    width: calc(75% - 36px) !important;
}  
}
@media (max-width: 576px) {
  .policy-text {
    width: calc(100% - 36px) !important;
    left: 18px !important;
    right: unset !important;
}  
}
/*.hero-text-1 {*/
/*    font-size: calc(24vw / 14.4) !important;*/
/*    left: 18px !important;*/
/*    bottom: unset !important;*/
/*    right: unset !important;*/
/*    top: calc(100vh - 144px) !important;*/
/*    zoom: 1 !important;*/
/*    width: calc(567vw / 14.4) !important;*/
/*    transform: translateY(-100%) !important;*/
/*}*/

/*.hero-header-2 {*/
/*    font-size: calc(32vw / 14.4) !important;*/
/*    right: 18px !important;*/
/*    top: 12px !important;*/
/*    left: unset !important;*/
/*    bottom: unset !important;*/
/*    zoom: 1 !important;*/
/*    width: calc(calc(calc(100% - 18px) / 2) - 24px) !important;*/
/*}*/




.uc-header {
    height: 72px !important;
    zoom: 1 !important;
}

/*bottom menu*/
/*.menu-bottom-price {*/
/*    left: 18px !important;*/
/*    bottom: 18px !important;*/
/*    right: unset !important;*/
/*    top: unset !important;*/
/*    zoom: 1 !important;*/
/*}*/

/*.menu-bottom-plus {*/
/*    left: 91px !important;*/
/*    bottom: 18px !important;*/
/*    right: unset !important;*/
/*    top: unset !important;*/
/*    zoom: 1 !important;*/
/*}*/

/*.menu-bottom-case {*/
/*    left: 241px !important;*/
/*    bottom: 18px !important;*/
/*    right: unset !important;*/
/*    top: unset !important;*/
/*    zoom: 1 !important;*/
/*}*/

/*.menu-bottom-feedback {*/
/*    left: 377px !important;*/
/*    bottom: 18px !important;*/
/*    right: unset !important;*/
/*    top: unset !important;*/
/*    zoom: 1 !important;*/
/*}*/

/*.menu-bottom-faq {*/
/*    right: 18px !important;*/
/*    bottom: 18px !important;*/
/*    left: unset !important;*/
/*    top: unset !important;*/
/*    zoom: 1 !important;*/
/*}*/

/*.menu-bottom-form {*/
/*    right: 60px !important;*/
/*    bottom: 18px !important;*/
/*    left: unset !important;*/
/*    top: unset !important;*/
/*    zoom: 1 !important;*/
/*}*/

/*sections*/

.section-header {
    font-size: var(--font-size-title-m) !important;
    left: 18px !important;
    top: 0 !important;
    right: unset !important;
    bottom: unset !important;
    zoom: 1 !important;
    width: calc(100% - 2 * 18px) !important;
}

.section-header h3 {
    font-size: inherit !important;
}

.uc-section-header {
   margin-block-start: var(--section-gap);
   margin-block-end: 36px;
}

.uc-section-about {
   /*margin-block-start: var(--section-gap);*/
}

.section-about-header {
    font-size: var(--font-size-title-m) !important;
    left: 18px !important;
    top: 0 !important;
    right: unset !important;
    bottom: unset !important;
    zoom: 1 !important;
    width: calc(calc(calc(100% - 18px) / 2) - 24px) !important;
}

/*.section-about-text {*/
/*    font-size: calc(24vw / 14.4) !important;*/
/*    right: 18px !important;*/
/*    top: 0 !important;*/
/*    left: unset !important;*/
/*    bottom: unset !important;*/
/*    zoom: 1 !important;*/
/*    width: calc(calc(calc(100% - 18px) / 2) - 24px) !important;*/
/*}*/

/*.section-about-text div {*/
/*    font-size: inherit !important;*/
/*}*/

.section-svai-header {
    font-size: calc(32vw / 14.4) !important;
    left: 18px !important;
    top: 0 !important;
    right: unset !important;
    bottom: unset !important;
    zoom: 1 !important;
    width: calc(calc(calc(100% - 18px) / 2) - 24px) !important;
}

/*#rec688221363 > * {*/
/*    height: calc(calc(24vw / 14.4) * 1.1 * 9) !important;*/
/*}*/

/* карточки свай */
.uc-section-svai > div,
.uc-section-svai > div > div {
    --card-height: calc(var(--c4-width) * calc(475 / 346));
    height: var(--card-height) !important;
}
.uc-section-obvyazka > div,
.uc-section-obvyazka > div > div {
    --card-height: calc(var(--c4-width) * calc(475 / 346));
    height: var(--card-height) !important;
}
.uc-section-hl > div,
.uc-section-hl > div > div {
    --card-height: calc(var(--c4-width) * calc(276 / 346));
    height: var(--card-height) !important;
}


/*-----------------------------------------------*/
/* фон карточки */
/* фон карточки - ширина */
.st-card-2-bg,
.st-card-3-bg,
.st-card-4-bg {
    width: var(--c4-width) !important;
    height: var(--card-height) !important;
}

.st-card-2-img,
.st-card-3-img,
.st-card-4-img {
    /*width: calc(0.87 * var(--c4-width)) !important;*/
    width: var(--c4-width) !important;
}

/* название, описание, цена карточки */
/* название, описание, цена карточки - ширина */
.st-card-2-name,
.st-card-2-descr,
.st-card-2-price,
.st-card-2-text,
.st-card-2-num,
.st-card-3-name,
.st-card-3-descr,
.st-card-3-price,
.st-card-3-text,
.st-card-3-num,
.st-card-4-name,
.st-card-4-descr,
.st-card-4-price,
.st-card-4-text,
.st-card-4-num {
    width: calc(var(--c4-width) - 2 * var(--inner-gap)) !important;
}
/* название, описание, цена карточки - выключка */
.st-card-2-price,
.st-card-3-price,
.st-card-4-price,
.st-card-2-num,
.st-card-3-num,
.st-card-4-num {
    text-align: right;
}
/* название, описание, цена карточки - размер шрифта */
.st-card-2-name div,
.st-card-2-price div,
.st-card-2-num div,
.st-card-3-name div,
.st-card-3-price div,
.st-card-3-num div,
.st-card-4-name div,
.st-card-4-price div,
.st-card-4-num div {
    font-size: var(--font-size-24) !important;
}
.st-card-2-descr div,
.st-card-3-descr div,
.st-card-4-descr div,
.st-card-2-text div,
.st-card-3-text div,
.st-card-4-text div
{
    font-size: var(--font-size-16) !important;
}
/* кнопка карточки - позиция */
.st-card-2-action,
.st-card-3-action,
.st-card-4-action,
.st-card-2-num,
.st-card-3-num,
.st-card-4-num {
    top: unset !important;
    bottom: var(--inner-gap) !important;
}
/* текст карточки - позиция */
.st-card-2-text,
.st-card-3-text,
.st-card-4-text {
    top: calc(96vw / 14.4) !important;
    bottom: unset !important;
}

/* цена карточки - позиция */
.st-card-2-price,
.st-card-3-price,
.st-card-4-price {
    top: unset !important;
    bottom: calc(var(--inner-gap) + var(--button-height) + var(--inner-gap)) !important;
}

/* карточка l */
.st-card-2-bg,
.st-card-2-img {
    left: var(--c4-2-left) !important;
    right: unset !important;
}
.st-card-2-name,
.st-card-2-descr,
.st-card-2-price,
.st-card-2-text,
.st-card-2-num {
    left: calc(var(--c4-2-left) + var(--inner-gap)) !important;
    right: unset !important;
}
.st-card-2-action {
    right: calc(var(--c4-2-right) + var(--inner-gap)) !important;
    left: unset !important;
}

/* карточка m */
.st-card-3-bg,
.st-card-3-img {
    left: var(--c4-3-left) !important;
    right: unset !important;
}
.st-card-3-name,
.st-card-3-descr,
.st-card-3-price,
.st-card-3-text,
.st-card-3-num {
    left: calc(var(--c4-3-left) + var(--inner-gap)) !important;
    right: unset !important;
}
.st-card-3-action {
    right: calc(var(--c4-3-right) + var(--inner-gap)) !important;
    left: unset !important;
}

/* карточка s */
.st-card-4-bg,
.st-card-4-img {
    left: var(--c4-4-left) !important;
    right: unset !important;
}
.st-card-4-name,
.st-card-4-descr,
.st-card-4-price,
.st-card-4-text,
.st-card-4-num {
    left: calc(var(--c4-4-left) + var(--inner-gap)) !important;
    right: unset !important;
}
.st-card-4-action {
    right: calc(var(--c4-4-right) + var(--inner-gap)) !important;
    left: unset !important;
}

/* price */
/*.uc-price > div,*/
/*.uc-price > div > div {*/
/*    height: calc(36vw / 14.4) !important;*/
/*}*/

/*.st-tab-price-name div,*/
/*.st-tab-price-length div,*/
/*.st-tab-price-val div {*/
/*    font-size: var(--font-size-16) !important;*/
/*    line-height: calc(36vw / 14.4) !important;*/
/*    height: calc(36vw / 14.4) !important;*/
/*    width: max-content !important;*/
/*}*/

/*.st-tab-price-name,*/
/*.st-tab-price-length,*/
/*.st-tab-price-val {*/
/*    height: calc(36vw / 14.4) !important;*/
/*}*/

/*.st-tab-price-name {*/
/*    left: calc(var(--c12-4-left) + var(--inner-gap)) !important;*/
/*    right: unset !important;*/
/*}*/
/*.st-tab-price-length {*/
/*    left: calc(var(--c12-10-left) + var(--inner-gap)) !important;*/
/*    right: unset !important;*/
/*}*/
/*.st-tab-price-val {*/
/*    left: calc(var(--c12-11-left) + var(--inner-gap)) !important;*/
/*    right: unset !important;*/
/*}*/

/*--c12-width*/
/*.st-tab-price-line {*/
/*    width: calc(9 * var(--c12-width) + 8 * var(--outer-gap)) !important;*/
/*    left: var(--c12-4-left) !important;*/
/*    top: unset !important;*/
/*    right: unset !important;*/
/*    bottom: 0 !important;*/
/*}*/

/*.uc-url,*/
/*.uc-url * {*/
/*    height: 0 !important;*/
/*}*/