body.no-scroll{
    overflow: hidden;
}
.b18 {
    padding: 11.22685vw 0 3.7037vw;
    position: relative;
    overflow: hidden;
}

.b18:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/footer-bg.svg) center center;
    background-size: 0.52083vw;
    z-index: 5;
}

.b18 .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b18 .to-all {
    padding: 0.92593vw 1.38889vw;
    /* background: #FFBD1A; */
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    grid-gap: 0.34722vw;
    transition: 0.3s;
    padding: 0.34722vw 0.69444vw;
}

.b18 .to-all:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Цвет вашей границы */
    --border-color: rgba(255, 255, 255, 0.3);
    background-image:
        /* Верхняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Нижняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Левая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Правая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw);
    background-position: top left,
        /* Верх */
        bottom left,
        /* Низ */
        top left,
        /* Лево */
        top right;
    /* Право */
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    /* Самое важное: размер паттерна */
    /* Ширина 0.17361vw (0.05787vw цвет + 0.11574vw пусто), Высота 0.05787vw (толщина линии) */
    background-size: 0.11574vw 0.05787vw,
        /* Верх */
        0.11574vw 0.05787vw,
        /* Низ */
        0.05787vw 0.11574vw,
        /* Лево (наоборот: ширина 0.05787vw, высота шага 0.17361vw) */
        0.05787vw 0.11574vw;
    /* Право */
}

.b18 .to-all p {
    z-index: 2;
    position: relative;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(255, 255, 255, 0.5);
}

.b18 .to-all span {
    width: 0.5787vw;
    height: 0.40509vw;
    background: url(../img/accent-btn-arrow.svg) center center no-repeat;
    background-size: cover;
    display: block;
    transform: rotate(180deg);
    margin-top: -0.05787vw;
}

.b18 .to-all:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -6.76157vw;
    width: 2.1412vw;
    height: 5.49769vw;
    background: #fff;
    filter: blur(0.86806vw);
    background: #fff;
    transform: translate(0, -50%) rotate(30deg);
    transition: 0.3s;
    z-index: 1;
    margin-left: 0vw;
}

.b18 .to-all:hover:before {
    margin-left: calc(100% + 8vw);
}

.b18 .to-all:hover {
    background: #FFCA5F;
}

.b18 .to-all:hover p {
    color: #000
}

.b18 h1 {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 2.89352vw;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #fff;
    max-width: 40.50926vw;
    margin-top: 0.69444vw;
}

.b18 .tags {
    margin-top: 1.38889vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2.31481vw;
}

.b18 .tags p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    text-transform: uppercase;
}

.b18 .tags p:before {
    content: '';
    position: absolute;
    right: -1.38889vw;
    top: 50%;
    background: url(../img/b11-tag.svg) center center no-repeat;
    background-size: cover;
    width: 0.46296vw;
    height: 0.46296vw;
    transform: translate(0, -50%);
}

.b18 .tags p:last-child:before {
    display: none;
}

.b18 .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.77778vw;
}

.b18 .right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.b18 .right .b {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.69444vw;
}

.b18 .right .b img {
    display: block;
    width: 1.85185vw;
    height: 1.85185vw;
}

.b18 .right .b p {
    margin-right: 0.69444vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(255, 255, 255, 0.5);
}

.b19 {
    padding-top: 4.74537vw;
    padding-bottom: 9.25926vw;
    background: #F1F1F1;
    position: relative;
}

.popup-btn{
    display: block;
    position: fixed;
    right: 2vw;
    bottom: 2vw;
    width: 3.24vw;
    height: 3.24vw;
    background: url(../img/popup-bnt.svg) center center no-repeat;
    background-size: cover;
    z-index: 9999;
    cursor: pointer;
}
.popup-btn:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/popup-bnt-active.svg) center center no-repeat;
    background-size: cover;
    transition: 0.3s;
    opacity: 0;
}
.popup-btn.active:before{
    opacity: 1;
}


.blog-popup{
    position: fixed;
    bottom: 2vw;
    right: 6.25vw;
    background: red;
    z-index: 9999;
    display: none;
}
.blog-popup.active{
    display: block;
}

.b19:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/b2-bg.svg) center center;
    background-size: 0.52083vw;
    z-index: 5;
}

.b19 .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.77778vw;
}

.b19 .up {
    grid-column-start: 1;
    grid-column-end: 5;
    width: 100%;
    position: relative;
}

.b19 .up:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.08681vw solid rgba(255, 255, 255, 0.3);
}

.b19 .up img {
    width: 100%;
    height: 31.48148vw;
    display: block;
    object-fit: cover;
}

.b19 .cont {
    grid-column-start: 2;
    grid-column-end: 4;
}

.b19 .cont .wp-block-image ,
.b19 .cont .wp-block-gallery{
    position: relative;
    width: 100%;
    /* max-width: 100px; */
}

.wp-block-verse{
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81vw;
    line-height: 134%;
    color: #0a0803;
}

.blocks-gallery-caption,
.wp-element-caption{
    margin-top: 0.69vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81vw;
    line-height: 134%;
    color: #0a0803;
}
.wp-block-verse em,
.blocks-gallery-caption em,
.wp-element-caption em{
    position: relative;
    padding: 0.11vw 0.46vw;
    text-transform: uppercase;
    margin-right: 0.69vw;
}
.wp-block-verse em:before,
.blocks-gallery-caption em:before,
.wp-element-caption em:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --border-color: rgba(10, 8, 3, 0.3);
    background-image:
        /* Верхняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Нижняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Левая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Правая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw);
    background-position: top left,
        /* Верх */
        bottom left,
        /* Низ */
        top left,
        /* Лево */
        top right;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.11574vw 0.05787vw,
        /* Верх */
        0.11574vw 0.05787vw,
        /* Низ */
        0.05787vw 0.11574vw,
        /* Лево (наоборот: ширина 0.05787vw, высота шага 0.17361vw) */
        0.05787vw 0.11574vw;
    transition: 0.3s;
}

.b19 .cont .wp-block-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.08681vw solid rgba(255, 255, 255, 0.3);
}

.b19 .cont img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.b19 .left {
    position: relative;
}

.b19 .left .stick {
    display: flex;
    flex-direction: column;
    /* position: sticky; */
    /* top: 10vw; */
}

.b19 .left .stick div {
    padding: 1.15741vw 0vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.69444vw;
}

.b19 .left .stick div p {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(10, 8, 3, 0.3);
    min-width: 1.27315vw;
    text-align: center;
}

.b19 .left .stick div a {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 0.92593vw;
    line-height: 163%;
    position: relative;
    color: #0a0803;
}

.b19 .left .stick div a:before {
    content: '';
    position: absolute;
    top: -0.11574vw;
    left: -0.23148vw;
    width: calc(100% + 0.46296vw);
    height: 100%;
    background: #ffd400;
    z-index: -1;
    transition: 0.3s;
    opacity: 0;
}

.b19 .left .stick div a.light:before,
.b19 .left .stick div a:hover:before {
    opacity: 1;
}

.b19 .cont p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(10, 8, 3, 0.8);
    margin: 0.92593vw 0;
}

.b19 .cont kbd{
    position: relative;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.8vw;
    line-height: 134%;
    color: #0a0803;
    text-transform:uppercase;
    padding: 0.11vw 0.34vw;
}
.b19 .cont kbd:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --border-color: rgba(10, 8, 3, 0.3);
    background-image: /* Верхняя линия */ linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw), /* Нижняя линия */ linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw), /* Левая линия */ linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw), /* Правая линия */ linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw);
    background-position: top left, /* Верх */ bottom left, /* Низ */ top left, /* Лево */ top right;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.11574vw 0.05787vw, /* Верх */ 0.11574vw 0.05787vw, /* Низ */ 0.05787vw 0.11574vw, /* Лево (наоборот: ширина 0.05787vw, высота шага 0.17361vw) */ 0.05787vw 0.11574vw;
}

.b19 .cont a {
    font-family: "Geometria", sans-serif;
    color: #1071f8;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.b19 .cont h2 {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 2.89352vw;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #0a0803;
    margin-top: 7.75463vw;
    margin-bottom: 2.77778vw;
    position: relative;
    scroll-margin-top: 10vw;
}

.b19 .cont h2:first-child{
    margin-top: 0;
} 
.b19 .cont h2:first-child:before{
    display: none;
}

.b19 .cont h2:before {
    content: '';
    position: absolute;
    height: 0.34722vw;
    width: 100vw;
    background: url(../img/b9-h2-divider.svg) center center no-repeat;
    background-size: cover;
    top: -4.05093vw;
    left: 50%;
    transform: translate(-50%, 0)
}

.b19 .cont h3 {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.62037vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #0a0803;
    margin-top: 2.77778vw;
    margin-bottom: 0.92593vw;
}

.b19 .right {
    position: relative;
}

.b19 .form .black-btn p{
    margin: 0;
    color: #fff;
}

.b19 .form .black-btn:hover p{
    color: #0A0803
}


.b19 .right .form ,
.blog-popup .form{
    display: flex;
    flex-direction: column;
    /* position: sticky; */
    /* top: 10vw; */
    max-width: 18.92361vw;
}

.b19 .cont .related {
    margin-top: 2.77778vw;
}

.b19 .cont .related .head {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.62037vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #0a0803;
}

.b19 .cont .related .item {
    margin-top: 0.92593vw;
    display: grid;
    background: #fff;
    grid-template-columns: 18.69213vw 1fr;
    gap: 1.15741vw;
    position: relative;
}

.b19 .cont .related .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/b2-bg.svg) center center;
    z-index: 5;
    background-size: 0.52083vw;
}

.b19 .cont .related .item .i {
    padding: 0.92593vw 1.15741vw 0.92593vw 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 6;
}

.b19 .cont .related .item .i .tags {
    display: flex;
    align-items: center;
    gap: 1.73611vw;
}

.b19 .cont .related .item .i .tags p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.75231vw;
    line-height: 150%;
    color: rgba(10, 8, 3, 0.3);
    margin: 0;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
}

.b19 .cont .related .item .i .tags p:before {
    content: '';
    position: absolute;
    right: -1.15741vw;
    top: 50%;
    background: url(../img/b11-tag-dark.svg) center center no-repeat;
    background-size: cover;
    width: 0.28935vw;
    height: 0.28935vw;
    transform: translate(0, -50%);
}

.b19 .cont .related .item .i .tags p:last-child:before {
    display: none;
}

.b19 .cont .related .item .i .name {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.62037vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #0a0803;
    margin-top: 0.92593vw;
    margin-bottom: 0;
}

.b19 .cont .related .item .i a {
    border-color: rgba(10, 8, 3, 0.3);
    padding: 0.69444vw 1.38889vw;
    margin-top: 0.92593vw;
    color: rgba(10, 8, 3, 0.5);
    text-decoration: none;
}

.b19 .cont .related .item .i a p {
    margin: 0;
}

.b19 .cont .related .item .img {
    position: relative;
    z-index: 6;
}

.b19 .cont .related .item .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.08681vw solid rgba(255, 255, 255, 0.3);
}

.b19 .cont .related .item .img img {
    width: 100%;
    height: 100%;
    min-height: 11.22685vw;
    margin: 0;
    display: block;
    height: 11.22vw;
    opacity: 1;
    border-width: 1.5px;
    object-fit: cover;
}

.b19 .cont .b {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.69444vw;
    margin-top: 2.77778vw;
}

.b19 .cont .b img {
    display: block;
    width: 1.85185vw;
    height: 1.85185vw;
}

.b19 .cont .b p {
    margin: 0;
    margin-right: 0.69444vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(10, 8, 3, 0.5);
}

.b20 {
    background: #fff;
    padding: 9.25926vw 0;
}

.b20 .container {
    max-width: 77.5463vw;
}

.b20 h2 {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 2.89352vw;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #0a0803;
}

.b20 .btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.38889vw;
}

.b20 .btns a:last-child {
    padding: 0.92593vw 1.38889vw;
    background: #FFBD1A;
    background: #ffd400;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    grid-gap: 0.34722vw;
    transition: 0.3s;
    padding: 0.34722vw 0.69444vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81019vw;
    line-height: 134%;
    color: rgba(255, 255, 255, 0.3);
}

.b20 .btns a:last-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Цвет вашей границы */
    --border-color: rgba(10, 8, 3, 0.3);
    background-image:
        /* Верхняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Нижняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Левая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Правая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw);
    background-position: top left,
        /* Верх */
        bottom left,
        /* Низ */
        top left,
        /* Лево */
        top right;
    /* Право */
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    /* Самое важное: размер паттерна */
    /* Ширина 0.17361vw (0.05787vw цвет + 0.11574vw пусто), Высота 0.05787vw (толщина линии) */
    background-size: 0.11574vw 0.05787vw,
        /* Верх */
        0.11574vw 0.05787vw,
        /* Низ */
        0.05787vw 0.11574vw,
        /* Лево (наоборот: ширина 0.05787vw, высота шага 0.17361vw) */
        0.05787vw 0.11574vw;
    /* Право */
}

.b20 .btns a:last-child p {
    z-index: 2;
    position: relative;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81019vw;
    line-height: 134%;
    color: #0a0803;
}

.b20 .btns a:last-child span {
    width: 0.5787vw;
    height: 0.40509vw;
    background: url(../img/accent-btn-arrow.svg) center center no-repeat;
    background-size: cover;
    display: block;
    margin-top: -0.05787vw;
}

.b20 .btns a:last-child:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3.76157vw;
    width: 2.1412vw;
    height: 5.49769vw;
    background: #fff;
    filter: blur(0.86806vw);
    background: #fff;
    transform: translate(0, -50%) rotate(30deg);
    transition: 0.3s;
    z-index: 1;
    margin-left: 0vw;
}

.b20 .btns a:last-child:hover:before {
    margin-left: calc(100% + 4.91898vw);
}

.b20 .btns a:last-child:hover {
    background: #FFCA5F;
}

.b20 .btns a:first-child {
    padding: 0.92593vw 1.38889vw;
    /* background: #FFBD1A; */
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    grid-gap: 0.34722vw;
    transition: 0.3s;
    padding: 0.34722vw 0.69444vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81019vw;
    line-height: 134%;
    color: rgba(255, 255, 255, 0.3);
}

.b20 .btns a:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Цвет вашей границы */
    --border-color: rgba(10, 8, 3, 0.3);
    background-image:
        /* Верхняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Нижняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Левая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Правая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw);
    background-position: top left,
        /* Верх */
        bottom left,
        /* Низ */
        top left,
        /* Лево */
        top right;
    /* Право */
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    /* Самое важное: размер паттерна */
    /* Ширина 0.17361vw (0.05787vw цвет + 0.11574vw пусто), Высота 0.05787vw (толщина линии) */
    background-size: 0.11574vw 0.05787vw,
        /* Верх */
        0.11574vw 0.05787vw,
        /* Низ */
        0.05787vw 0.11574vw,
        /* Лево (наоборот: ширина 0.05787vw, высота шага 0.17361vw) */
        0.05787vw 0.11574vw;
    /* Право */
}

.b20 .btns a:first-child p {
    z-index: 2;
    position: relative;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81019vw;
    line-height: 134%;
    color: #0a0803;
}

.b20 .btns a:first-child span {
    width: 0.5787vw;
    height: 0.40509vw;
    background: url(../img/accent-btn-arrow.svg) center center no-repeat;
    background-size: cover;
    display: block;
    transform: rotate(180deg);
    margin-top: -0.05787vw;
}

.b20 .btns a:first-child:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3.76157vw;
    width: 2.1412vw;
    height: 5.49769vw;
    background: #fff;
    filter: blur(0.86806vw);
    background: #fff;
    transform: translate(0, -50%) rotate(30deg);
    transition: 0.3s;
    z-index: 1;
    margin-left: 0vw;
}

.b20 .btns a:first-child:hover:before {
    margin-left: calc(100% + 4.91898vw);
}

.b20 .btns a:first-child:hover {
    background: #FFCA5F;
}

.b20 .cont {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 2.77778vw;
    gap: 2.77778vw;
}

.b20 .cont .item,
.b20 .cont .item .i {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b20 .cont .item .img {
    position: relative;
}

.b20 .cont .item .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.08681vw solid rgba(255, 255, 255, 0.3);
}

.b20 .cont .item .img img {
    width: 23.95833vw;
    height: 13.4838vw;
    display: block;
    object-fit: cover;
}

.b20 .cont .item .i .tags {
    display: flex;
    align-items: center;
    gap: 1.73611vw;
    margin-top: 1.38889vw;
}

.b20 .cont .item .i .tags p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.75231vw;
    line-height: 150%;
    color: rgba(10, 8, 3, 0.3);
    margin: 0;
    text-transform: uppercase;
    position: relative
}

.b20 .cont .item .i .tags p:before {
    content: '';
    position: absolute;
    right: -1.15741vw;
    top: 50%;
    background: url(../img/b11-tag-dark.svg) center center no-repeat;
    background-size: cover;
    width: 0.28935vw;
    height: 0.28935vw;
    transform: translate(0, -50%);
}

.b20 .cont .item .i .tags p:last-child:before {
    display: none;
}

.b20 .cont .item .name {
    margin-top: 0.92593vw;
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.62037vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #0a0803;
}

.b20 .cont .item .desc {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(10, 8, 3, 0.5);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0.69444vw;
}

.b20 .cont .item .dark-btn {
    border-color: rgba(10, 8, 3, 0.3);
    padding: 0.69444vw 1.38889vw;
    margin-top: 0.92593vw;
}

.b20 .cont .item .dark-btn p {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 0.81019vw;
    line-height: 120%;
    color: rgba(10, 8, 3, 0.8);
}

.blog-popup .form .cont,
.b19 .right .form .cont {
    position: relative;
    background: #FAFAFA;
    padding: 1.04167vw;
    width: 100%;
}

.blog-popup .form .cont:after,
.blog-popup .form .cont:before,
.b19 .right .form .cont:after,
.b19 .right .form .cont .thank:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/b2-bg.svg) center center;
    z-index: 5;
    background-size: 0.52083vw;
}

.blog-popup .form .cont:before,
.blog-popup .form .cont .thank:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0.17361vw 0.46296vw 0.11574vw;
    background-image:
        /* ГРАДИЕНТЫ: Черный цвет ровно 0.05787vw, остальное прозрачное */
        linear-gradient(to right, #B5B5B3 0.17361vw, transparent 0.05787vw), linear-gradient(to right, #B5B5B3 0.17361vw, transparent 0.05787vw), linear-gradient(to bottom, #B5B5B3 0.17361vw, transparent 0.05787vw), linear-gradient(to bottom, #B5B5B3 0.17361vw, transparent 0.05787vw);
    background-position: top, bottom, left, right;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    /* Первое число (0.23148vw) — это общий шаг (0.05787vw точка + 0.17361vw пробел). Второе число (0.05787vw) — это высота самой линии. */
    background-size: 0.46296vw 0.11574vw,
        /* Верх */
        0.46296vw 0.11574vw,
        /* Низ */
        0.11574vw 0.46296vw,
        /* Лево (наоборот: ширина 0.05787vw, шаг 0.23148vw) */
        0.11574vw 0.46296vw
        /* Право */
    ;
    background-image: linear-gradient(to right, #B5B5B3 0.23148vw, transparent 0.05787vw), linear-gradient(to right, #B5B5B3 0.23148vw, transparent 0.05787vw), linear-gradient(to bottom, #B5B5B3 0.17361vw, transparent 0.23148vw), linear-gradient(to bottom, #B5B5B3 0.17361vw, transparent 0.23148vw);
    background-position: top, bottom, left, right;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.46296vw 0.11574vw,
        /* Верх */
        0.46296vw 0.11574vw,
        /* Низ */
        0.11574vw 0.46296vw,
        /* Лево (наоборот: ширина 0.05787vw, шаг 0.23148vw) */
        0.11574vw 0.46296vw
        /* Право */
    ;
}

.blog-popup .form .cont .c1,
.b19 .right .form .cont .c1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.92593vw;
    z-index: 99;
    position: relative;
}

.blog-popup .form .cont .c1 .h2,
.b19 .right .form .cont .c1 .h2 {
    margin: 0;
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.21528vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #0a0803;
}

.blog-popup .form .cont .head,
.b19 .right .form .cont .head {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 0.81019vw;
    line-height: 120%;
    color: #0a0803;
    margin-bottom: 0.46296vw;
}

.blog-popup .form .cont .head span,
.b19 .right .form .cont .head span {
    color: #da5c2c;
}

.blog-popup .form .cont .c1 input,
.blog-popup .form .cont .c2 input,
.b19 .right .form .cont .c1 input,
.b19 .right .form .cont .c3 textarea {
    border: 0.05787vw solid rgba(10, 8, 3, 0.15);
    padding: 0.69444vw 0.92593vw;
    width: 100%;
    height: 2.89352vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: #0a0803;
    outline: none;
    transition: 0.3s;
}

.blog-popup .form .cont .c1 input:focus,
.blog-popup .form .cont .c3 textarea:focus 
.b19 .right .form .cont .c1 input:focus,
.b19 .right .form .cont .c3 textarea:focus {
    border-color: #0a0803;
}

.blog-popup .form .cont .c1 input.error ,
.b19 .right .form .cont .c1 input.error {
    border: 0.05787vw solid red;
}

.blog-popup .form .cont .c1 input::-webkit-input-placeholder ,
.b19 .right .form .cont .c1 input::-webkit-input-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c1 input::-moz-placeholder ,
.b19 .right .form .cont .c1 input::-moz-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c1 input:-ms-input-placeholder ,
.b19 .right .form .cont .c1 input:-ms-input-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c1 input::-ms-input-placeholder ,
.b19 .right .form .cont .c1 input::-ms-input-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c1 input::placeholder ,
.b19 .right .form .cont .c1 input::placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c3,
.b19 .right .form .cont .c3,
.blog-popup .form .cont .c4 ,
.b19 .right .form .cont .c4 {
    position: relative;
    z-index: 10;
    margin-top: 0.92593vw;
}

.blog-popup .form .cont .c3 textarea::-webkit-input-placeholder ,
.b19 .right .form .cont .c3 textarea::-webkit-input-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c3 textarea::-moz-placeholder ,
.b19 .right .form .cont .c3 textarea::-moz-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c3 textarea:-ms-input-placeholder ,
.b19 .right .form .cont .c3 textarea:-ms-input-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c3 textarea::-ms-input-placeholder ,
.b19 .right .form .cont .c3 textarea::-ms-input-placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c3 textarea::placeholder ,
.b19 .right .form .cont .c3 textarea::placeholder {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c3 textarea ,
.b19 .right .form .cont .c3 textarea {
        border: 0.05787vw solid rgba(10, 8, 3, 0.15);
    padding: 0.69444vw 0.92593vw;
    width: 17.47685vw;
    height: 2.89352vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: #0a0803;
    outline: none;
    transition: 0.3s;
    width: 100%;
    height: 7.17593vw;
    resize: vertical;
    min-height: 7.17593vw;
}

.blog-popup .form .cont .c4 ,
.b19 .right .form .cont .c4 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.85185vw;
    align-items: center;
    width: 16.78241vw;
}

.blog-popup .form .cont .c4 .black-btn ,
.b19 .right .form .cont .c4 .black-btn {
    justify-content: center;
}

.blog-popup .form .cont .c4 .black-btn p ,
.b19 .right .form .cont .c4 .black-btn p {
    margin: 0;
    color: #fff;
}
.blog-popup .form .cont .c4 .black-btn:hover p ,
.b19 .right .form .cont .c4 .black-btn:hover p {
    color: #000;
}

.blog-popup .form .cont .c4 .desc ,
.b19 .right .form .cont .c4 .desc {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81019vw;
    line-height: 134%;
    color: rgba(10, 8, 3, 0.5);
}

.blog-popup .form .cont .c4 .desc a ,
.b19 .right .form .cont .c4 .desc a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(10, 8, 3, 0.8);
}

.blog-popup .form .cont .c1 .input-cont ,
.b19 .right .form .cont .c1 .input-cont {
    position: relative;
    cursor: pointer;
    z-index: 999;
    max-width: 16.78241vw;
}

.blog-popup .form .cont .c1 .input-cont .select ,
.b19 .right .form .cont .c1 .input-cont .select {
    position: absolute;
    top: 100%;
}

.blog-popup .form .cont .c1 .input-cont .head-item ,
.b19 .right .form .cont .c1 .input-cont .head-item {
    z-index: 10;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0.05787vw solid rgba(10, 8, 3, 0.15);
    padding: 0.69444vw 0.92593vw;
    width: 16.78241vw;
    height: 2.89352vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: #0a0803;
    background: #fff;
    transition: 0.3s;
}

.blog-popup .form .cont .c1 .input-cont .head-item.error ,
.b19 .right .form .cont .c1 .input-cont .head-item.error {
    border-color: red;
}

.blog-popup .form .cont .c1 .input-cont.active .head-item ,
.b19 .right .form .cont .c1 .input-cont.active .head-item {
    border: 0.05787vw solid #0a0803;
}

.blog-popup .form .cont .c1 .input-cont .active:before ,
.b19 .right .form .cont .c1 .input-cont .active:before {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.blog-popup .form .cont .c1 .input-cont .select ,
.b19 .right .form .cont .c1 .input-cont .select {
    position: absolute;
    top: 3.35648vw;
    left: 0;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
    padding-top: 0.9722vw;
    overflow: auto;
    padding: 0.23148vw 0vw;
}

.blog-popup .form .cont .c1 .input-cont.active .select ,
.b19 .right .form .cont .c1 .input-cont.active .select {
    opacity: 1;
    visibility: visible;
}

.blog-popup .form .cont .c1 .input-cont .select .item ,
.b19 .right .form .cont .c1 .input-cont .select .item {
    padding: 0.34722vw 0.92593vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.69444vw;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.blog-popup .form .cont .c1 .input-cont .select .item p ,
.b19 .right .form .cont .c1 .input-cont .select .item p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: #0a0803;
}

.blog-popup .form .cont .c1 .input-cont .select .item span ,
.b19 .right .form .cont .c1 .input-cont .select .item span {
    display: block;
    width: 0.75231vw;
    height: 0.75231vw;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/b9-tick.svg) center center no-repeat;
    background-size: cover;
    transition: 0.3s;
    opacity: 0;
}

.blog-popup .form .cont .c1 .input-cont .select .item.active span ,
.b19 .right .form .cont .c1 .input-cont .select .item.active span {
    opacity: 1;
}

.blog-popup .form .cont .c1 .input-cont .select .item:hover ,
.b19 .right .form .cont .c1 .input-cont .select .item:hover {
    background: rgba(0, 0, 0, 0.03);
}

.blog-popup .form .cont .c1 .input-cont .select .item.active ,
.b19 .right .form .cont .c1 .input-cont .select .item.active {
    opacity: 1;
}

.blog-popup .form .cont .thank ,
.b19 .right .form .cont .thank {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    z-index: 999;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0.5vw;
}

.blog-popup .form .cont.thank .thank ,
.b19 .right .form .cont.thank .thank {
    display: flex;
}

.blog-popup .form .cont .thank .thank-head ,
.b19 .right .form .cont .thank .thank-head {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #0a0803;
    z-index: 10;
    position: relative;
}

.blog-popup .form .cont .thank .thank-desc ,
.b19 .right .form .cont .thank .thank-desc {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    text-align: center;
    color: rgba(10, 8, 3, 0.8);
    margin-top: 0.92593vw;
    margin-bottom: 2.77778vw;
    z-index: 10;
    position: relative;
}

.blog-popup .form .cont .thank .black-btn ,
.b19 .right .form .cont .thank .black-btn {
    z-index: 10;
    position: relative;
}


.blog-popup .form .cont{
    padding: 1.85vw;
}
.blog-popup .form{
    max-width: 29.34vw;
    width: 29.34vw;
}
.blog-popup .form .cont .c1 .input-cont,
.blog-popup .form .cont .c1 .input-cont .head-item{
    width: 25.63vw;
    max-width: 25.63vw;
}
.blog-popup .form .cont .c4{
    max-width: none;
    width: 100%;
}

.blog-popup .form .cont .c4 .close-popup{
    display: none;
}



.b21 {
    padding: 11.22685vw 0 3.7037vw;
    position: relative;
}


.b21 .bg{
    display: none;
}
.b21:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 17.7662vw;
    background: url(../img/b11-before.svg) center center no-repeat;
    background-size: cover;
}
.b21:after{
        content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14.29398vw;
    background: url(../img/b11-after.svg) center center no-repeat;
    background-size: cover;
}

.b21 .container {
    max-width: 83.7963vw;
}

.b21 h1 {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 2.89352vw;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #fff;
}

.b21 .cont {
    margin-top: 1.85185vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.77778vw;
}

.b21 .cont .item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.b21 .cont .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/b21-bg.svg) center center;
    background-size: 0.52083vw;
    z-index: 5;
}

.b21 .cont .item .i {
    padding: 0.92593vw 1.15741vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 6;
}

.b21 .cont .item .img {
    position: relative;
    z-index: 6;
}

.b21 .cont .item .img:before,
.b22 .cont .item .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.08681vw solid rgba(255, 255, 255, 0.3);
}

.b21 .cont .item .name {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.62037vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #fff;
    margin-top: 0.92593vw;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.b21 .cont .item .desc {
    display: none;
}

.b21 .cont .item img {
    width: 16.89815vw;
    height: 11.22685vw;
    display: block;
}

.b21 .cont .item .tags {
    display: flex;
    gap: 1.67824vw;
}

.b21 .cont .item .tags p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.75231vw;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.3);
    position: relative;
}

.b21 .cont .item .tags p:before {
    content: '';
    position: absolute;
    right: -1.09954vw;
    top: 50%;
    background: url(../img/b11-tag.svg) center center no-repeat;
    background-size: cover;
    width: 0.28935vw;
    height: 0.28935vw;
    transform: translate(0, -50%);
}

.b21 .cont .item .tags p:last-child:before {
    display: none;
}

.b21 .cont .item .dark-btn {
    padding: 0.69444vw 1.38889vw;
    margin-top: 0.92593vw;
}

.b21 .cont .item:first-child {
    flex-direction: column;
    grid-row-start: 1;
    grid-row-end: 4;
}

.b21 .cont .item:first-child img {
    width: 40.50926vw;
    height: 26.09954vw;
}

.b21 .cont .item:first-child .desc {
    display: block;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0.46296vw;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.b22 {
    padding: 3.7037vw 0 12.73148vw;
    background: #F1F1F1;
    position: relative;
    z-index: 5;
}

.b22:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/b2-bg.svg) center center;
    z-index: 5;
    background-size: 0.52083vw;
}

.b22 .container {
    max-width: 77.5463vw;
}

.b22 h2 {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 2.89352vw;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #0a0803;
}

.b22 .up {
    margin-top: 0.69444vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.b22 .up .left {
    display: flex;
    gap: 0.46296vw;
}

.b22 .up .left p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81019vw;
    line-height: 134%;
    color: #0a0803;
    padding: 0.34722vw 0.69444vw;
    /* background: red; */
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

.b22 .up .left p.active {
    background: #ffd400;
}

.b22 .up .left p:hover {
    background: #1071f8;
    color: #fff;
}

.b22 .up .left p:after,
.b22 .up .left p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --border-color: rgba(10, 8, 3, 0.3);
    background-image:
        /* Верхняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Нижняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Левая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Правая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw);
    background-position: top left,
        /* Верх */
        bottom left,
        /* Низ */
        top left,
        /* Лево */
        top right;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.11574vw 0.05787vw,
        /* Верх */
        0.11574vw 0.05787vw,
        /* Низ */
        0.05787vw 0.11574vw,
        /* Лево (наоборот: ширина 0.05787vw, высота шага 0.17361vw) */
        0.05787vw 0.11574vw;
    transition: 0.3s;
}

.b22 .up .left p:before {
    --border-color: rgba(255, 255, 255, 1);
    opacity: 0;
}

.b22 .up .left p:hover:before {
    opacity: 1;
}

.b22 .up .left p:hover:after {
    opacity: 0;
}

.b22 .up .left p.active:hover:after {
    opacity: 1;
}

.b22 .up .left p.active:hover:before {
    opacity: 0;
}

.b22 .up .right .head {
    white-space: nowrap;
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 0.92593vw;
    line-height: 163%;
    color: #0a0803;
}

.b22 .up .right .input-cont {
    position: relative;
    cursor: pointer;
    z-index: 999;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.69444vw;
}

.b22 .up .right .select {
    position: absolute;
    top: 100%;
}

.b22 .up .right .head-item {
    z-index: 10;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.69444vw 0.92593vw;
    width: fit-content;
    height: 2.89352vw;
    transition: 0.3s;
    /* border: 0.05787vw solid rgba(255, 255, 255, 0.3); */
    gap: 0.23148vw;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.81019vw;
    line-height: 134%;
    color: #0a0803;
}

.b22 .up .right .head-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --border-color: rgba(10, 8, 3, 0.3);
    background-image:
        /* Верхняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Нижняя линия */
        linear-gradient(to right, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Левая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw),
        /* Правая линия */
        linear-gradient(to bottom, var(--border-color) 0.05787vw, transparent 0.05787vw);
    background-position: top left,
        /* Верх */
        bottom left,
        /* Низ */
        top left,
        /* Лево */
        top right;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.11574vw 0.05787vw,
        /* Верх */
        0.11574vw 0.05787vw,
        /* Низ */
        0.05787vw 0.11574vw,
        /* Лево (наоборот: ширина 0.05787vw, высота шага 0.17361vw) */
        0.05787vw 0.11574vw;
    transition: 0.3s;
}

.b22 .up .right .head-item svg {
    width: 0.81019vw;
    height: 0.81019vw;
}

.b22 .up .right .head-item svg path {
    stroke: #0A0803;
}

.b22 .up .right .input-cont .active:before {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.b22 .up .right .input-cont .select {
    position: absolute;
    top: 3.35648vw;
    left: 0;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
    padding-top: 0.9722vw;
    overflow: auto;
    padding: 0.23148vw 0vw;
}

.b22 .up .right .input-cont.active .select {
    opacity: 1;
    visibility: visible;
}

.b22 .up .right .input-cont .select .item {
    padding: 0.34722vw 0.92593vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.69444vw;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.b22 .up .right .input-cont .select .item p {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 162%;
    color: #0a0803;
}

.b22 .up .right .input-cont .select .item span {
    display: block;
    width: 0.75231vw;
    height: 0.75231vw;
    background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/b9-tick.svg) center center no-repeat;
    background-size: cover;
    transition: 0.3s;
    opacity: 0;
}

.b22 .up .right .input-cont .select .item.active span {
    opacity: 1;
}

.b22 .up .right .input-cont .select .item:hover {
    background: rgba(0, 0, 0, 0.03);
}

.b22 .up .right .input-cont .select .item.active {
    opacity: 1;
}

.b22 .cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.77778vw;
    margin-top: 2.77778vw;
}

.b22 .cont .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b22 .cont .item .img {
    position: relative;
}

.b22 .cont .item .img img {
    width: 37.38426vw;
    height: 21.00694vw;
    display: block;
}

.b22 .cont .item .name {
    font-family: "Geometria", sans-serif;
    font-weight: 500;
    font-size: 1.62037vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #0a0803;
    margin-top: 0.92593vw;
}

.b22 .cont .item .desc {
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.92593vw;
    line-height: 163%;
    color: rgba(10, 8, 3, 0.5);
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0.69444vw;
}

.b22 .cont .item .tags {
    display: flex;
    margin-top: 1.38889vw;
    gap: 1.67824vw;
}

.b22 .cont .item .tags p {
    position: relative;
    font-family: "Geometria", sans-serif;
    font-weight: 400;
    font-size: 0.75231vw;
    line-height: 150%;
    color: rgba(10, 8, 3, 0.3);
}

.b22 .cont .item .tags p:before {
    content: '';
    position: absolute;
    right: -0.9838vw;
    top: 50%;
    background: url(../img/b11-tag-dark.svg) center center no-repeat;
    background-size: cover;
    width: 0.28935vw;
    height: 0.28935vw;
    transform: translate(0, -50%);
}

.b22 .cont .item .tags p:last-child:before {
    display: none;
}

.b22 .load-more-wrapper {
    margin-top: 2.77778vw;
}


@media(max-width: 700px){
        .b18 {
        padding: 29.85075vw 0 7.9602vw;
    }

    .b18:before {
        background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/footer-bg.svg) center center;
        background-size: 2.23881vw;
    }

    .b18 h1 {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 7.9602vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #fff;
        margin-top: 2.98507vw;
        max-width: none;
    }

    .b18 .to-all {
        padding: 0.49751vw 1.49254vw;
    }

    .b18 .to-all p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(255, 255, 255, 0.6);
    }

    .b18 .container {
        grid-template-columns: 1fr;
        gap: 15.9204vw;
    }

    .b18 .to-all span {
        width: 1.99005vw;
        height: 1.99005vw;
        min-width: 1.99005vw;
        min-height: 1.99005vw;
    }

    .b18 .to-all:after {
        padding: 0.99502vw 1.99005vw;
        display: inline-block;
        padding: 0.74627vw 1.99005vw 0.49751vw;
        background-image:
            /* ГРАДИЕНТЫ: Черный цвет ровно 0.24876vw, остальное прозрачное */
            linear-gradient(to right, #54524F 0.24876vw, transparent 0.24876vw), linear-gradient(to right, #54524F 0.24876vw, transparent 0.24876vw), linear-gradient(to bottom, #54524F 0.24876vw, transparent 0.24876vw), linear-gradient(to bottom, #54524F 0.24876vw, transparent 0.24876vw);
        background-position: top, bottom, left, right;
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        background-size: 0.74627vw 0.24876vw,
            /* Верх */
            0.74627vw 0.24876vw,
            /* Низ */
            0.24876vw 0.74627vw,
            /* Лево (наоборот: ширина 0.24876vw, шаг 0.99502vw) */
            0.24876vw 0.74627vw;
    }

    .b18 .tags p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(255, 255, 255, 0.5);
    }

    .b18 .tags {
        gap: 5.97015vw;
        margin-top: 2.98507vw;
    }

    .b18 .tags p:before {
        content: '';
        position: absolute;
        right: -4.47761vw;
        top: 50%;
        background: url(../img/b11-tag.svg) center center no-repeat;
        background-size: cover;
        width: 1.99005vw;
        height: 1.99005vw;
        transform: translate(0, -50%);
    }

    .b19 .cont .b img,
    .b18 .right .b img {
        display: block;
        width: 5.97015vw;
        height: 5.97015vw;
    }

    .b18 .right .b p ,
    .b19 .cont .b p{
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(255, 255, 255, 0.5);
        margin-right: 1.99005vw;
    }

    .b18 .right .b,
    .b19 .cont .b{
        gap: 1.99005vw;
    }

    .b18 .right {
        justify-content: flex-start;
    }

    .b19 {
        padding-top: 4.97512vw;
    }

    .b19 .up img {
        height: 62.43781vw;
    }

    .b19 .container {
        grid-template-columns: 1fr;
        gap: 11.9403vw;
    }

    .b19 .left,
    .b19 .right {
        display: none;
    }

    .b19 .cont {
        grid-column-start: 1;
        grid-column-end: 2;
        /* background: red; */
        width: 100%;
    }

    .b19 .up {
        grid-column-end: 2;
    }

    .b19 .cont .related {
        margin-top: 11.9403vw;
    }

    .b19 .cont .related .head {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 4.97512vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
    }

    .b19 .cont .related .item {
        margin-top: 2.98507vw;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .b19 .cont p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.8);
        margin: 2.98507vw 0;
    }

    .blocks-gallery-caption,
    .wp-element-caption{
        margin-top: 2vw;
        font-size: 3.23vw;
    }
    .wp-block-verse{
        font-size: 3.23vw;
        white-space: pre-wrap;
    }
    .wp-block-verse em,
    .blocks-gallery-caption em,
    .wp-element-caption em{
        position: relative;
        padding: 0.29vw 1.49vw;
        text-transform: uppercase;
        margin-right: 2vw;
    }
    .wp-block-verse em:before,
    .blocks-gallery-caption em:before,
    .wp-element-caption em:before{
                background-image: /* Верхняя линия */ linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw), /* Нижняя линия */ linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw), /* Левая линия */ linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw), /* Правая линия */ linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw);
        background-position: top left, /* Верх */ bottom left, /* Низ */ top left, /* Лево */ top right;
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        background-size: 0.49751vw 0.24876vw, /* Верх */ 0.49751vw 0.24876vw, /* Низ */ 0.24876vw 0.49751vw, /* Лево (наоборот: ширина 0.24876vw, высота шага 0.74627vw) */ 0.24876vw 0.49751vw;
    }

    .b19 .cont h2 {
        margin-top: 25.37313vw;
        margin-bottom: 7.9602vw;
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 7.9602vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
    }

    .b19 .cont h3 {
        margin-top: 5.97015vw;
        margin-bottom: 2.98507vw;
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 4.97512vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
    }

    .b19 .up:before,
    .b19 .cont .wp-block-image:before,
    .b19 .cont .related .item .img:before,
    .b20 .cont .item .img:before {
        border-width: 0.37313vw;
    }

    .b19 .cont h2:before {
        height: 1.49254vw;
        width: 100vw;
        background: url(../img/b9-h2-divider.svg) center center no-repeat;
        background-size: cover;
        top: -12.43781vw;
        left: 50%;
    }

    .b19 .cont .related .item .i {
        padding: 2.98507vw;
    }

    .b20 .cont {
        grid-template-columns: 1fr;
        margin-top: 7.9602vw;
        gap: 7.9602vw;
    }

    .b20 .cont .item .img img {
        width: 92.0398vw;
        height: 51.74129vw;
    }

    .b20 {
        padding: 24.87562vw 0;
    }

    .b20 h2 {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 7.9602vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
    }

    .b20 .container {
        max-width: 92.0398vw;
    }

    .b20 .btns {
        margin-top: 3.9801vw;
    }

    .b20 .btns a:first-child p,
    .b20 .btns a:lasr-child p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.23383vw;
        line-height: 130%;
        color: #0a0803;
    }

    .b20 .btns a:first-child,
    .b20 .btns a:lasr-child {
        padding: 1.49254vw 2.48756vw;
    }

    .b20 .btns a:first-child:after,
    .b20 .btns a:last-child:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* Цвет вашей границы */
        --border-color: rgba(10, 8, 3, 0.3);
        background-image:
            /* Верхняя линия */
            linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw),
            /* Нижняя линия */
            linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw),
            /* Левая линия */
            linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw),
            /* Правая линия */
            linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw);
        background-position: top left,
            /* Верх */
            bottom left,
            /* Низ */
            top left,
            /* Лево */
            top right;
        /* Право */
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        /* Самое важное: размер паттерна */
        /* Ширина 0.74627vw (0.24876vw цвет + 0.49751vw пусто), Высота 0.24876vw (толщина линии) */
        background-size: 0.49751vw 0.24876vw,
            /* Верх */
            0.49751vw 0.24876vw,
            /* Низ */
            0.24876vw 0.49751vw,
            /* Лево (наоборот: ширина 0.24876vw, высота шага 0.74627vw) */
            0.24876vw 0.49751vw;
        /* Право */
    }

    .b20 .btns a:first-child span,
    .b20 .btns a:last-child span {
        width: 2.48756vw;
        height: 1.74129vw;
    }

    .b20 .btns a:first-child p,
    .b20 .btns a:last-child p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.23383vw;
        line-height: 130%;
        color: #0a0803;
    }

    .b20 .btns a:first-child,
    .b20 .btns a:last-child {
        padding: 1.49254vw 2.48756vw;
    }

    .b20 .cont .item .i .tags {
        gap: 4.22886vw;
        margin-top: 3vw;
    }

    .b20 .cont .item .i .tags p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 2.98507vw;
        line-height: 150%;
        color: rgba(10, 8, 3, 0.3);
    }

    .b20 .cont .item .i .tags p:before {
        width: 1.24378vw;
        height: 1.24378vw;
        right: -2.98507vw;
    }

    .b20 .cont .item .name {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 4.97512vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
        margin-top: 2.98507vw;
    }

    .b20 .cont .item .desc {
        margin-top: 1.99005vw;
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.5);
    }

    .b20 .cont .item .dark-btn p {
        font-size: 3.23383vw;
    }

    .b20 .cont .item .dark-btn {
        padding: 2.98507vw 4.97512vw;
        margin-top: 2.98507vw;
    }

    .b19 .cont .related .item .i .name {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 4.97512vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
        margin-top: 1.99005vw;
    }
    .b19 .cont .related .item .i a{
        margin-top: 3vw;
    }

    .b19 .cont .related .item .i .tags p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 2.98507vw;
        line-height: 150%;
        color: rgba(10, 8, 3, 0.3);
    }

    .b19 .cont .related .item .i .tags p:before {
        right: -3.48259vw;
        width: 1.24378vw;
        height: 1.24378vw;
        top: 43%;
    }

    .b19 .cont .related .item .i .tags {
        gap: 5.22388vw;
    }

    .b19 .cont kbd {
        position: relative;
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.23383vw;
        line-height: 130%;
        color: #0a0803;
        padding: 0.49751vw 1.49254vw;
        display: table;
        margin-bottom: 1.99005vw;
        margin-top: 7.9602vw;
    }

    .b19 .cont kbd:first-child:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        --border-color: rgba(10, 8, 3, 0.3);
        background-image: /* Верхняя линия */ linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw), /* Нижняя линия */ linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw), /* Левая линия */ linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw), /* Правая линия */ linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw);
        background-position: top left, /* Верх */ bottom left, /* Низ */ top left, /* Лево */ top right;
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        background-size: 0.49751vw 0.24876vw, /* Верх */ 0.49751vw 0.24876vw, /* Низ */ 0.24876vw 0.49751vw, /* Лево (наоборот: ширина 0.24876vw, высота шага 0.74627vw) */ 0.24876vw 0.49751vw;
    }
    .dark-btn:hover:before {
        margin-left: calc(100% + 22vw);
    }

        .b21 {
        padding: 29.85075vw 0 11.9403vw;
    }

    .b21 .bg{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        background: url(https://cuprgbvn.shop/wp-content/themes/hotshots/new/img/footer-bg.svg) center center;
        background-size: 2.23881vw;
    }
    .b21:before,
    .b21:after{
        display: none;
    }
    .b21 .cont .item:before{
        background-size: 2.23881vw;
    }

    .b21 .container,
    .b22 .container {
        max-width: 92.0398vw;
    }

    .b21 h1 {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 7.9602vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #fff;
    }

    .b21 .cont {
        grid-template-columns: 1fr;
        gap: 11.9403vw;
        margin-top: 5.97015vw;
    }

    .b21 .cont .item:first-child {
        flex-direction: column;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .b21 .cont .item {
        flex-direction: column;
    }

    .b21 .cont .item .img img {
        width: 92.0398vw;
        height: 60.94527vw;
    }

    .b21 .cont .item .img:before,
    .b22 .cont .item .img:before {
        border-width: 0.37313vw;
    }

    .b21 .cont .item .name {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 4.97512vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #fff;
        margin-top: 1.99005vw;
    }

    .b21 .cont .item .i {
        padding: 2.98507vw;
    }

    .b21 .cont .item .tags {
        gap: 5.22388vw;
    }

    .b21 .cont .item .tags p:before {
        right: -2.98507vw;
        width: 1.24378vw;
        height: 1.24378vw;
    }

    .b21 .cont .item .tags p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 2.98507vw;
        line-height: 150%;
        color: rgba(255, 255, 255, 0.3);
    }

    .b22 .cont .item .img img {
        width: 92.0398vw;
        height: 51.74129vw;
    }

    .b21 .cont .item:first-child .desc {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(255, 255, 255, 0.5);
        margin-top: 1.99005vw;
        -webkit-line-clamp: 3;
    }

    .b21 .cont .item .dark-btn {
        margin-top: 2.98507vw;
        padding: 2.98507vw 4.97512vw;
    }

    .b22 {
        padding: 14.42786vw 0 24.87562vw;
    }

    .b22 h2 {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 7.9602vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
    }

    .b22 .up .right {
        display: none;
    }

    .b22 .up .left {
        flex-wrap: wrap;
        gap: 1.99005vw;
    }

    .b22 .up {
        margin-top: 2.98507vw;
    }

    .b22 .up .left p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.23383vw;
        line-height: 130%;
        color: #0a0803;
        padding: 1.49254vw 2.48756vw;
    }

    .b22 .up .left p:after,
    .b22 .up .left p:before {
        background-image:
            /* Верхняя линия */
            linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw),
            /* Нижняя линия */
            linear-gradient(to right, var(--border-color) 0.24876vw, transparent 0.24876vw),
            /* Левая линия */
            linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw),
            /* Правая линия */
            linear-gradient(to bottom, var(--border-color) 0.24876vw, transparent 0.24876vw);
        background-position: top left,
            /* Верх */
            bottom left,
            /* Низ */
            top left,
            /* Лево */
            top right;
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        background-size: 0.49751vw 0.24876vw,
            /* Верх */
            0.49751vw 0.24876vw,
            /* Низ */
            0.24876vw 0.49751vw,
            /* Лево (наоборот: ширина 0.24876vw, высота шага 0.74627vw) */
            0.24876vw 0.49751vw;
    }

    .b22 .up .left p:before {
        --border-color: rgba(255, 255, 255, 1);
    }

    .b22 .cont {
        grid-template-columns: 1fr;
        margin-top: 7.9602vw;
        gap: 7.9602vw;
    }

    .b22 .cont .item .name {
        margin-top: 2.98507vw;
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 4.97512vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
    }

    .b22 .cont .item .desc {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.5);
        margin-top: 1.99005vw;
    }

    .b22 .cont .item .tags {
        margin-top: 3.9801vw;
        gap: 5.22vw;
    }

    .b22 .cont .item .tags p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 2.98507vw;
        line-height: 150%;
        color: rgba(10, 8, 3, 0.3);
    }

    .b22 .cont .item .tags p:before {
        width: 1.24378vw;
        height: 1.24378vw;
        right: -3.2vw;
    }

    .popup-btn{
        right: 3.98vw;
        bottom: 5.97vw;
        width: 11.94vw;
        height: 11.94vw;
    }

    .blog-popup {
        bottom: -24.87562vw;
        right: 0;
        width: 100%;
    }
    
    .blog-popup .form {
        width: 100%;
        max-width: none;
    }
    
    .blog-popup .form .cont .c1 .head {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 4.47761vw;
        line-height: 110%;
        letter-spacing: -0.01em;
        color: #0a0803;
    }
    
    .blog-popup .form .cont .c1 .box .head {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 3.23383vw;
        line-height: 130%;
        color: #0a0803;
    }
    
    .blog-popup .form .cont:before,
    .blog-popup .form .cont .thank:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background-image:
            /* ГРАДИЕНТЫ: Черный цвет ровно 0.24876vw, остальное прозрачное */
            linear-gradient(to right, #B5B5B3 0.99502vw, transparent 0.24876vw), linear-gradient(to right, #B5B5B3 0.99502vw, transparent 0.24876vw), linear-gradient(to bottom, #B5B5B3 0.99502vw, transparent 0.24876vw), linear-gradient(to bottom, #B5B5B3 0.99502vw, transparent 0.24876vw);
        background-position: top, bottom, left, right;
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        /* Первое число (0.99502vw) — это общий шаг (0.24876vw точка + 0.74627vw пробел). Второе число (0.24876vw) — это высота самой линии. */
        background-size: 1.99005vw 0.49751vw,
            /* Верх */
            1.99005vw 0.49751vw,
            /* Низ */
            0.49751vw 1.99005vw,
            /* Лево (наоборот: ширина 0.24876vw, шаг 0.99502vw) */
            0.49751vw 1.99005vw;
        /* Право */
    }
    
    .b9 .cont .thank {
        /* display: none; */
    }
    
    .blog-popup .form .cont .c1 {
        grid-template-columns: 1fr;
        grid-gap: 3.9801vw;
    }
    
    .blog-popup .form .cont .c1 input,
    .blog-popup .form .cont .c3 textarea,
    .blog-popup .form .cont .c1 .input-cont .head-item {
        width: 100%;
        border: 0.24876vw solid rgba(10, 8, 3, 0.15);
        padding: 2.98507vw 3.9801vw;
        height: 11.69154vw;
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.9801vw;
        line-height: 162%;
        color: #0a0803;
        outline: none;
        transition: 0.3s;
    }
    
    .blog-popup .form .cont .c4 {
        grid-gap: 3.9801vw;
        grid-template-columns: 1fr 11.9403vw;
        align-items: flex-start;
        margin-top: 4.72637vw;
    }
    
    .blog-popup .form .cont .c4 .black-btn {
        width: 100%;
    }
    
    .blog-popup .form .cont .head {
        font-family: "Geometria", sans-serif;
        font-weight: 500;
        font-size: 3.23383vw;
        line-height: 130%;
        color: #0a0803;
        margin-bottom: 1.99005vw;
    }
    
    .blog-popup .form .cont .c1 .input-cont .head-item {
        border: 0.24876vw solid rgba(10, 8, 3, 0.15);
        padding: 2.98507vw 3.9801vw;
        width: 100%;
        height: 11.6vw;
        font-size: 3.9801vw;
    }
    
    .blog-popup .form .cont .c1 .input-cont.active .head-item {
        border: 0.24876vw solid #0a0803;
        width: 100%;
    }
    
    .blog-popup .form .cont .c1 .input-cont .select {
        top: 11.69154vw;
        padding: 0.99502vw 0vw;
    }
    
    .blog-popup .form .cont .c1 .input-cont .select .item {
        padding: 1.49254vw 3.9801vw;
        gap: 2.98507vw;
    }
    
    .blog-popup .form .cont .c1 .input-cont .select .item p {
        font-size: 3.9801vw;
    }
    
    .blog-popup .form .cont .c1 .input-cont .select .item span {
        width: 3.23383vw;
        height: 3.23383vw;
    }
    
    .blog-popup .form .cont .c3 textarea::-webkit-input-placeholder,
    .blog-popup .form .cont .c1 input::-webkit-input-placeholder {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.5);
    }
    
    .blog-popup .form .cont .c3 textarea::-moz-placeholder,
    .blog-popup .form .cont .c1 input::-moz-placeholder {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.5);
    }
    
    .blog-popup .form .cont .c3 textarea::-ms-input-placeholder,
    .blog-popup .form .cont .c1 input:-ms-input-placeholder {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.5);
    }
    
    .blog-popup .form .cont .c3 textarea::-ms-input-placeholder,
    .blog-popup .form .cont .c1 input::-ms-input-placeholder {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.5);
    }
    
    .blog-popup .form .cont .c3 textarea::placeholder,
    .blog-popup .form .cont .c1 input::placeholder {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.5);
    }
    
    .blog-popup .form .cont .c2 .cc div p {
        font-family: "Geometria", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 130%;
        color: rgba(10, 8, 3, 0.8);
    }
    
    .blog-popup .form .cont .c2 .cc div {
        height: 11.69154vw;
        padding: 2.98507vw 0.99502vw;
    }
    
    .blog-popup .form .cont .c2 .cc div span {
        width: 4.97512vw;
        height: 4.97512vw;
        border: 0.24876vw solid #000;
    }
    
    .blog-popup .form .cont .c2 .cc div span:before {
        width: 2.98507vw;
        height: 2.98507vw;
    }
    
    .blog-popup .form .cont .c3 textarea {
        height: 30.84577vw;
        min-height: 30.84577vw;
    }
    
    .blog-popup .form .cont .c4 .desc {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 400;
        font-size: 3.48259vw;
        line-height: 134%;
        color: rgba(10, 8, 3, 0.5);
    }
    
    .blog-popup .form .cont .c1 .input-cont,
    .blog-popup .form .cont .c1 .input-cont .head-item {
        max-width: none;
        width: 100%;
    }
    
    .blog-popup .form .cont .c3 {
        margin-top: 3.9801vw;
    }
    
    .blog-popup .form .cont {
        padding: 7.9602vw 3.9801vw 32.83582vw;
    }

    .blog-popup .form .cont .c4 .close-popup{
        display: block;
        width: 11vw;
        height: 100%;
        background: url(../img/popup-bnt-active.svg) center center no-repeat;
        background-size: cover;
    }

    .popup-bg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(10, 8, 3, 0.5);
        z-index: 9999;
        transition: 0.3s;
        opacity: 0;
        visibility: hidden;;
    }
    .popup-bg.active{
        opacity: 1;
        visibility: visible;
    }
    
}