header {
    border-bottom: 0.5px solid #1F1F1F33;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    background-color: #F2F2F2;
    top: 0;
    z-index: 15;
}
header .logo img{
    width: 160px;
}

header .header-inner{
    display: flex;
    justify-content: space-between;
}

header .header-inner .right{
    display: flex;
    align-items: center;
    gap: 72px;
}
header .header-inner .right nav ul{
    display: flex;
    gap: 30px;
    list-style: none;
}
header .header-inner .right nav ul li{
    position: relative;
}
header .header-inner .right nav ul li a{
    text-decoration: none;
    color: #1F1F1F;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;

}
header .header-inner .right nav ul li:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #1F1F1F;
    transition: all .3s;
}
header .header-inner .right nav ul li:hover:after{
    width: 100%;
}
header .header-inner .right nav ul.lang-menu{
    gap: 8px;
   flex-direction: row;
}
header .header-inner .right nav.lang-menu a{
    color: #1F1F1F66;
}
header .header-inner .right nav.lang-menu li.current-lang a {
    color: #1F1F1F;
}


header .burger{
    display: none;
}

@media (max-width: 991px) {
    header .header-inner .menu{
        position: absolute;
        height: 100vh;
        top: 101px;
        right: -100%;
        background-color: #F2F2F2;
        width: 100%;
        max-width: 350px;
        border-left: 0.5px solid #1F1F1F33;
        padding: 80px 60px;
        transition: all 0.4s;
        z-index: 10;
    }
    header.active .header-inner .menu{
        right: 0;
    }
    header .header-inner .right {
        gap: 40px;
    }

    header .header-inner .right nav ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    header .burger{
        display: flex;
        flex-direction: column;
        gap: 6px;
            cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    }

    header .burger span{
        display: block;
        width: 25px;
        height: 3px;
        background-color: #1F1F1F;
    }
}

@media (max-width: 650px) {
    header .logo img{
        width: 130px;
    }
    header.active .header-inner .menu{
        top: 90px;
    }
    header .header-inner .right {
        gap: 25px;
    }
}
@media (max-width: 430px) {

    header.active .header-inner .menu{
        max-width: 500px;
    }
}

@media (max-width: 360px) {

    header .header-inner .right {
        gap: 15px;
    }
}
/*=================================*/

.filter{
    transition: top 0.3s;
}
.filter.fixed{
    position: fixed;
    top: 0;
}
.filter.active{
    position: fixed;
    top: 100px;
    width: 100%;
    background-color: #F2F2F2;
    border-bottom: 0.5px solid #1F1F1F33;
    z-index: 1;
}

@media (max-width: 650px) {
    .filter.active {
        top: 90px;
    }
}
.filter .filter-inner{
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 20px 0;
}
.filter .filter-inner .block{
    display: flex;
    align-items: center;
    gap: 12px;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}
.filter .filter-inner .block span{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1F1F1F;
}
.filter .filter-inner form{
    display: flex;
    gap: 10px;
}

.filter .filter-inner form select,
.filter .filter-inner form option{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    /*text-transform: uppercase;*/
    color: #1F1F1F;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}
.filter .filter-inner form select{
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 5px 25px 5px 0;
    appearance: none;
    width: auto;
    display: inline-block;
    background: url(/wp-content/themes/lora/assets/icon/arrow-drop.svg) 100% / 8% no-repeat transparent;
}


.filter .filter-inner form option{
    padding: 2px 4px;
}
.filter .filter-inner form select option:after{
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background-image: url("/wp-content/themes/lora/assets/icon/arrow-drop.svg");
    position: absolute;
    right: 5px;
    top: 5px;
}

.woocommerce .woocommerce-ordering{
    margin: 0;
}
/*===*/
.filter .form-filter{
    position: fixed;
    z-index: 100;
    top: 0px;
    left: -100%;
    max-width: 480px;
    width: 100%;
    background-color: #F2F2F2;
    padding: 100px 10px 20px 40px;
    height: 100vh ;
    transition: all .3s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.filter .form-filter.active{
    left: 0;
}
.filter .form-filter .text{
    position: absolute;
    font-family: 'Correction-Brush', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    text-transform: uppercase;
    color: #1F1F1F;
    z-index: 2;
    top: 40px;
    cursor: default;
}
.filter .form-filter .close{
    position: absolute;
    z-index: 2;
    right: 15px;
    margin-top: 10px;
    height: 20px;
    width: 20px;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    top: 40px;
}
.filter .form-filter .close span{
    background-color: #1F1F1F;
    display: block;
    width: 18px;
    height: 2px;
    transform: rotate(45deg) translate(7.5px, 6px);
}
.filter .form-filter .close span:last-child{
    transform: rotate(-45deg) translate(-4.5px, 6px);
}

.filter .form-filter .wpfFilterButtonsTop .wpfFilterButton.wpfButton,
.filter .form-filter .wpfFilterButtonsBottom .wpfClearButton.wpfButton{
    display: none;
}
.filter .form-filter .wpfFilterButtonsBottom .wpfFilterButton.wpfButton{
    width: calc(100% - 20px);
    border-radius: 50px;
    background-color: #1F1F1F;
    border: 1px solid #1F1F1F;
    padding: 14px 0;
    margin: 0;
    box-sizing: border-box;

    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px;
}


.filter .form-filter .ClearButton{
    display: block;
    position: absolute;
    width: fit-content;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: #999999;
    min-height: auto;
    margin-left: 130px;
    padding: 5px;
    top: 53px;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}


.filter .form-filter .wpfFilterContent{
    padding-right: 20px;
    position: relative;
}
.filter .form-filter  .ms-options-wrap > .ms-options{
    min-height: auto !important;
    max-height: 300px !important;
}
.filter .form-filter .ms-options-wrap button{
    background-color: transparent;
    padding: 16px 0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    text-transform: uppercase;
    color: #1F1F1F !important;
}

/*====*/
.filter .form-filter .wpfMainWrapper{
    overflow-y: scroll;
    height: 100%;
}
/* сам скроллбар (задаём ширину) */
.filter .form-filter .wpfMainWrapper::-webkit-scrollbar{
    width: 2px;
    background: transparent;
}

/* дорожка (палка) — полностью скрыта */
.filter .form-filter .wpfMainWrapper::-webkit-scrollbar-track{
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ползунок — видимый */
.filter .form-filter .wpfMainWrapper::-webkit-scrollbar-thumb{
    background-color: #1F1F1F;
    border-radius: 10px;
    border: 0;
}

/* угол (если вдруг есть) тоже скрываем */
.filter .form-filter .wpfMainWrapper::-webkit-scrollbar-corner{
    background: transparent;
}

.filter .form-filter .wpfMainWrapper{
    scrollbar-width: thin;
    scrollbar-color: #1F1F1F transparent; /* thumb / track */
}
.filter .form-filter .wpfMainWrapper >div{
    margin: 0;
    padding: 0;
}
/*===*/
/* Контейнер со списком */
.ms-options{
    min-height: 200px;
    max-height: 330px;       /* можешь оставить своё */
    overflow: auto;

    padding: 10px 8px;
    border-radius: 12px;
    background: transparent;
}

/* Скроллбар: только ползунок (Chrome/Edge/Safari) */
 .filter .form-filter .ms-options::-webkit-scrollbar{
    width: 2px;
    background: transparent;
}
 .filter .form-filter .ms-options::-webkit-scrollbar-track{
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
 .filter .form-filter .ms-options::-webkit-scrollbar-thumb{
    background: #1F1F1F;
    border-radius: 10px;
}
 .filter .form-filter .ms-options::-webkit-scrollbar-corner{
    background: transparent;
}

/* Firefox */
 .filter .form-filter .ms-options{
    scrollbar-width: thin;
    scrollbar-color: #1F1F1F transparent;
}

/* Список */
 .filter .form-filter .ms-options ul{
    margin: 0;
    padding: 0;
    list-style: none;
    column-gap: 0;
}

/* Пункт */
 .filter .form-filter .ms-options li{
    margin: 0;
    padding: 0;
}

/* Лейбл (кликабельная строка) */
 .filter .form-filter .ms-options label{
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 8px 10px;
    border-radius: 10px;

        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    user-select: none;
    line-height: 1.2 !important; /* перебивает inline line-height:24px */
    padding-left: 31px !important; /* перебивает inline padding-left:26px */
}

/* Hover/active */
 .filter .form-filter .ms-options label:hover{
    background: rgba(31,31,31,0.06);
}

/* Прячем дефолтный чекбокс */
 .filter .form-filter .ms-options input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;

    margin: 0;
    left: 6px;
    border: 1.5px solid #1F1F1F;
    border-radius: 4px;
    background: transparent;

    display: inline-grid;
    place-content: center;
}

/* Галочка */
 .filter .form-filter .ms-options input[type="checkbox"]::after{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    transform: scale(0);
    transition: transform .12s ease;
    background: #1F1F1F;
}

/* Checked */
 .filter .form-filter .ms-options input[type="checkbox"]:checked::after{
    transform: scale(1);
}

/* Фокус с клавиатуры */
 .filter .form-filter .ms-options input[type="checkbox"]:focus-visible{
    outline: 2px solid rgba(31,31,31,0.35);
    outline-offset: 2px;
}

/* Состояние выбранного пункта (подсветка строки) */
 .filter .form-filter .ms-options input[type="checkbox"]:checked + span,
 .filter .form-filter .ms-options label:has(input[type="checkbox"]:checked){
    background: rgba(31,31,31,0.06);
}

@media (max-width: 991px) {

    .filter .form-filter .ms-options-wrap button{
        padding: 12px 0 !important;
    }

    .filter .form-filter .wpfFilterButtonsBottom .wpfFilterButton.wpfButton{
        font-size: 12px;
        padding: 14px 0;
        line-height: 1;
        min-height: auto;
    }
}
@media (max-width: 600px) {
    .filter .form-filter .ms-options label{
        font-size: 14px;
    }
    .filter .form-filter .ms-options-wrap button{
        padding: 8px 0 !important;
    }
}
/*=================================*/

.breadcrumbs a{
    color: #1F1F1F;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: underline;
}
.breadcrumbs span.breadcrumb_last{
    color: #999999;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;

}

/*======================================*/
.page-wrapper .read-more-block{
    width: fit-content;
    margin: 80px auto 100px;
}
.page-wrapper.archive .content .blog-page-inner{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 40px;
    row-gap: 60px;
}
.page-wrapper.archive .content article.post img{
    width: 100%;
    transition: all 0.1s;
}
.page-wrapper.archive .content article.post:hover img{
    scale: 1.01;
}
.page-wrapper.archive .content article.post .post-info{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-wrapper.archive .content article.post .post-info .post-date span{
    color: #999999;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
}
.page-wrapper.archive .content article.post .post-info .post-info-title a{
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #1F1F1F;
}

@media (max-width: 1600px ) {

    .page-wrapper.archive .content .blog-page-inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .page-wrapper.archive .content article.post .post-info .post-info-title a{
        font-size: 16px;
    }

}
@media (max-width: 1000px ) {
    .page-wrapper.archive .content .blog-page-inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .page-wrapper.archive .content article.post .post-info .post-info-title a{
        font-size: 14px;
    }
}
@media (max-width: 800px ) {
    .page-wrapper.archive .content .blog-page-inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 20px;
        row-gap: 35px;
    }
    .page-wrapper.archive .content article.post .post-info {
        gap: 5px;
        margin-top: 13px;
    }
    .page-wrapper.archive .content article.post .post-info .post-info-title a{
        font-size: 13px;
    }
}
@media (max-width: 600px ) {
    .page-wrapper.archive .content .blog-page-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 35px;
    }
}
.page-wrapper.archive .content article.post .post-info .post-date{
    display: flex;
    flex-direction: column;
}

/*=================================*/

.page-wrapper.post h1{
    font-size: 48px;
}
.page-wrapper.post .content-inner> img{
    /*max-width: 650px;*/
    max-height: clamp(250px, calc(100vh - 300px), 600px);
}
.page-wrapper.post .content img.alignright{
    float: right;
}
.page-wrapper.post .content img.alignleft{
    float: left;
}
.page-wrapper.post .content img.aligncenter{
    margin: 0px auto;
    display: block;
}
.page-wrapper.post .content .text{
    font-size: 18px;
    line-height: 1.5;
}
.page-wrapper.post .content .text li{
    margin-left: 1em;
}
.page-wrapper.post .content .text a{
    color: #1f1f1f;
}
.page-wrapper.post .content .text blockquote{
    border-left: 3px solid #1f1f1f;
    padding-left: 1.5em;
}
.page-wrapper.post .content .text blockquote p{
    padding: 8px 0;
}
@media (max-width: 991px) {
    .page-wrapper.post h1{
        font-size: 36px;
    }
    .page-wrapper.post .content .text{
        font-size: 16px;
        line-height: 1.4;
    }
    .page-wrapper.post .content img{
        max-width: 100%;

    }
}
@media (max-width: 600px) {
    .page-wrapper.post h1{
        font-size: 28px;
    }
    .page-wrapper.post .content .text{
        font-size: 14px;
    }
}

/*=================================*/
.archive-exhibitions .content-inner .blocks-exhibition{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.archive-exhibitions .content-inner .blocks-exhibition .block{
    width: 100%;
    height: 30vw;
    max-height: calc(100vh - 300px);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-decoration: none;

}
.archive-exhibitions .content-inner .blocks-exhibition .block:after{

    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.archive-exhibitions .content-inner .blocks-exhibition .block:first-child:after{
    background: linear-gradient(180deg, rgba(72, 41, 12, 0) 0%, rgba(72, 41, 12, 0.2) 77.88%, #48290C 100%);
}

.archive-exhibitions .content-inner .blocks-exhibition .block:last-child:after{
    background: linear-gradient(180deg, rgba(11, 7, 3, 0) 0%, rgba(11, 7, 3, 0.2) 77.88%, #0B0703 100%);

}

    .archive-exhibitions .content-inner .blocks-exhibition .block span{
        font-weight: 600;
        font-size: 24px;
        line-height: 120%;
        text-transform: uppercase;
        color: #FFFFFF;
        bottom: 40px;
        left: 40px;
        position: absolute;
        z-index: 3;
        padding-right: 15px;
    }

.archive-exhibitions .content-inner .tabs{
    padding: 120px 0 60px;
}
.archive-exhibitions .content-inner .tabs form{
    display: flex;
    gap: 40px;
}
.archive-exhibitions .content-inner .tabs form label input{
    display: none;
}

.archive-exhibitions .content-inner .tabs form label span{
    font-family: 'Correction-Brush', sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 8%;
    text-decoration-skip-ink: auto;
    color:#1F1F1F66 ;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}
.archive-exhibitions .content-inner .tabs form label:has(input[checked="checked"]) span{
    color: #1F1F1F;

}
.exhibitions-inner {
    display: flex;
    flex-direction: column;
}
.exhibitions-inner .post{
    border-bottom: 1px solid #DADADA;
    padding: 40px 0 ;
    transition: all 0.2s;
    position: relative;
}
.exhibitions-inner .post:hover{
    background-color: #DDD;
}
.exhibitions-inner .post:first-child{
    border-top: 1px solid #DADADA;
}
.exhibitions-inner .post .post-info{
    display: flex;
    display: grid;
    grid-template-columns: 1fr auto ;
    justify-content: space-between;
    gap: 500px;
    position: relative;
}
.exhibitions-inner .post .post-info .left{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.exhibitions-inner .post .a-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    color: #1F1F1F;
    text-decoration: none;
}
.exhibitions-inner .post span:last-child{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: #999999;
}
.exhibitions-inner .post .post-info .img{
    position: absolute;
    right: 200px;
    z-index: 2;
    transition: all 0.3s;
    top: 50%;

}
.exhibitions-inner .post .post-info .img img{
    width: 360px;
    position: relative;
    height:auto ;
    clip-path: inset(50% 0 50% 0);    /* скрыто: сжато к центру */
    transition: clip-path 0.35s ;

    transform: translateY(-50%);

}

@media (min-width: 991px) {
    .exhibitions-inner .post:hover .post-info .img img{
        clip-path: inset(0 0 0 0);
        transition: clip-path 0.5s ease;
    }
}

@media (max-width: 1600px) {
    .archive-exhibitions .content-inner .blocks-exhibition .block span{
        font-size: 20px;
    }
    .exhibitions-inner .post .a-title{
        font-size: 20px;
    }
    .archive-exhibitions .content-inner .tabs form label span{
        font-size: 32px;
    }
    .exhibitions-inner .post .post-info{
        gap: 430px;
    }
    .exhibitions-inner .post .post-info .img{
        right: 220px;
    }
    .exhibitions-inner .post .post-info .img img {
        width: 250px;
    }
}
@media (max-width: 1200px) {
    .archive-exhibitions .content-inner .blocks-exhibition{
        gap: 20px;
    }
    .archive-exhibitions .content-inner .blocks-exhibition .block span{
        font-size: 18px;
        bottom: 25px;
        left: 25px;
    }
    .exhibitions-inner .post{
        padding: 30px 0;
    }
    .exhibitions-inner .post .a-title{
        font-size: 18px;
    }

    .archive-exhibitions .content-inner .tabs{
        padding: 60px 0 30px;
    }
    .archive-exhibitions .content-inner .tabs form{
        gap: 30px;
    }
    .archive-exhibitions .content-inner .tabs form label span{
        font-size: 24px;
    }
    .exhibitions-inner .post .post-info{
        gap: 260px;
    }
    .exhibitions-inner .post .post-info .img{
        right: 130px;
    }
    .exhibitions-inner .post .post-info .img img{
        width: 200px;
    }
}

@media (max-width: 991px) {
    .exhibitions-inner .post .post-info{
        gap: 90px;
    }
}

@media (max-width: 600px) {
    .archive-exhibitions .content-inner .blocks-exhibition{
        grid-template-columns: 1fr;
    }
    .archive-exhibitions .content-inner .blocks-exhibition .block{
        height: 50vw;
    }
    .archive-exhibitions .content-inner .blocks-exhibition .block span,
    .exhibitions-inner .post .a-title{
        font-size: 16px;
    }
    .archive-exhibitions .content-inner .tabs form{
        gap: 20px;
    }
    .archive-exhibitions .content-inner .tabs form label span{
        font-size: 20px;
    }
}
@media (max-width: 500px) {
    .exhibitions-inner .post .post-info{
        gap: 40px;
    }
}

@media (max-width: 400px) {
    .archive-exhibitions .content-inner .blocks-exhibition .block span,
    .exhibitions-inner .post .a-title{
        font-size: 14px;
    }
    .exhibitions-inner .post .post-info {
        gap: 20px;
    }
}
@media (max-width: 330px) {
    .archive-exhibitions .content-inner .blocks-exhibition .block span,
    .exhibitions-inner .post .a-title{
        word-break: break-word;
        
    }
}


/*==============================================================================*/
.page-wrapper.archive.picture .button-archive{
    display: block;
    width: fit-content;
    color: #1F1F1F;
    border: 1px solid #1F1F1F;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    padding: 14px 40px;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    transition: all 0.2s;
}

.page-wrapper.archive.picture .button-archive.var-2{
    border: none;
    border-radius: 0;
    padding: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #1F1F1F;
}
.page-wrapper.archive.picture .button-archive.var-2:after{
    content: url("/wp-content/themes/lora/assets/icon/button-arrow.svg");
    margin-left: 10px;
}

/*==============================================================================*/
/*==============================================================================*/
/*==============================================================================*/

.section-1-inner .top{
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: center;
}
.section-1-inner .top h1{
    margin:  0;
    /*max-width: 598px;*/
    max-width: 788px;
    font-family: 'Correction-Brush', sans-serif;
    font-weight: 400;
    font-size: 80px;
    line-height: 1.1;
    text-transform: uppercase;

}
.section-1-inner .top .right{
    max-width: 655px;
    display: flex;
    flex-direction: column;
}
.section-1-inner .top .right .text{
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-transform: uppercase;
    color: #1F1F1F;
    margin-bottom: 25px;
}
.section-1-inner .top .right .text p{
    margin: 0;
}
.section-1-inner .img{
    max-width: 2000px;
    margin: 25px auto 0;
}
.section-1-inner .img img{
    width: 100%;
}

@media (max-width: 1600px) {
    .section-1-inner .top h1{
        font-size: 72px;
    }

    .section-1-inner .top .right .text{
        font-size: 16px;
    }

}
@media (max-width: 1400px) {
    .section-1-inner .top .right{
        max-width: 500px;
    }
}
@media (max-width: 1200px) {
    .section-1-inner .top h1{
        font-size: 58px;
    }
    .section-1-inner .top .right{
        max-width: 400px;
    }
    .section-1-inner .top .right .text{
        margin-bottom: 15px;
        font-size: 14px;
    }
}
@media (max-width: 991px) {

    .section-1-inner .top h1{
        font-size: 46px;
    }

    .section-1-inner .top .right .text{
        font-size: 13px;
    }
}

@media (max-width: 850px) {
    .section-1{
        padding-top: 20px;
    }
    .section-1-inner .top{
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    .section-1-inner .top h1{
        max-width: 700px;
    }
    .section-1-inner .top .right {
        max-width: 600px;
    }
    }
@media (max-width: 850px) {
    .section-1-inner .top h1{
        font-size: 32px;
    }
    .section-1-inner .top .right .text{
        font-size: 12px;
        max-width: 450px;
    }
}
/*================================*/
.gallery-front {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    /*max-width: 1600px;*/
    margin: 0 auto;
}
.gallery-front .column{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.gallery-front article.post img{
    width: 100%;
}
.gallery-front article.post .post-info{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.gallery-front article.post .post-info .post-date span{
    color: #999999;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
}
.gallery-front article.post .post-info .post-info-title a{
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1F1F1F;
}
.gallery-front article.post .post-info .post-date{
    display: flex;
    flex-direction: column;
}
.section-2 .block-button,
.single-product .block-button
{
    width: fit-content;
    margin: 0 auto;
}
@media (max-width: 1600px ) {

    .gallery-front .content article.post .post-info .post-info-title a{
        font-size: 16px;
    }

}
@media (max-width: 1000px ) {
    .gallery-front article.post .post-info{
        margin-top: 14px;
    }
    .gallery-front article.post .post-info .post-info-title a{
        font-size: 14px;
    }

    .gallery-front article.post .post-info .post-date{
        gap: 5px;
    }
}
@media (max-width: 991px) {
    .gallery-front {
        gap: 20px;
    }
    .gallery-front .column{
        gap: 40px;
    }

    .gallery-front article.post .post-info .post-date span{
        font-size: 12px;
        line-height: 100%;
    }
}
@media (max-width: 800px ) {

    .gallery-front article.post .post-info {
        gap: 5px;
        margin-top: 10px;
    }
    .gallery-front article.post .post-info .post-info-title a{
        font-size: 13px;
    }
}
@media (max-width: 600px ) {
    .gallery-front {
        gap: 10px;
    }
    .gallery-front .column{
        gap: 30px;
    }
    .gallery-front article.post .post-info .post-info-title a{
        font-size: 12px;
        line-height: 1;
    }
    .gallery-front article.post .post-info{
        margin-top: 1px;
    }
}

/*=================================*/
.section-3{
    background-color: #1F1F1F;
}
.section-3-inner {
    display: grid;
    grid-template-columns: 1fr 598px;
    gap: 190px;
}
.section-3-inner .left .h2{
    margin: 0;

    color: #FFFFFF;
}
.section-3-inner .left .text{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    margin: 40px 0;
}
.section-3-inner .left .text p:first-child{
    margin-top: 0;
}
.section-3-inner .left .text p:last-child{
    margin-bottom: 0;
}
.section-3-inner .right img{
    width: 100%;
}
@media (max-width: 1600px) {
    .section-3-inner{
        gap: 100px;
        grid-template-columns: 1fr 500px;

    }

}
@media (max-width: 1200px) {
    .section-3-inner{
        gap: 60px;
        grid-template-columns: 1fr 350px;

    }
}
@media (max-width: 900px) {
    .section-3-inner{
        gap: 60px;
        grid-template-columns: 1fr;
    }
    .section-3-inner .left .text{
        font-size: 15px;
    }
}
@media (max-width: 600px) {
    .section-3-inner .left .text{
        font-size: 14px;
        margin: 25px 0;
    }
}

/*==================================================*/

/*==================================================*/
.section-5{
    background-color: #1F1F1F;
}
.section-5-inner{
    display: flex;
    justify-content: space-between;
    gap: 100px;
}
.section-5-inner .left .h2{
    /*max-width: 736px;*/
    max-width: 855px;
    color: #fff;
}
.section-5-inner .left .text{
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
    margin: 24px 0 40px;
    /*max-width: 596px;*/
    max-width: 660px;
}
.section-5-inner .right{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:40px ;
    /*max-width: 590px;*/
    max-width: 690px;
}
.section-5-inner .right .block{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.section-5-inner .right .block .img{
    border-radius: 50px;
    border: 1px solid #FFFFFF33;
    padding: 10px 13px;
    width: fit-content;
    line-height: 0.9;
}
.section-5-inner .right .block .img img{
    max-width: 30px;
}
.section-5-inner .right .block .text{
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
}
.section-5-inner .right .block .text p{
    margin: 0;
}

@media (max-width: 1600px) {
    .section-5-inner .left .text{
        font-size: 16px;
        margin: 24px 0 30px;
    }

}
@media (max-width: 1300px) {
    .section-5-inner{
        gap: 60px;
        flex-direction: column;
    }
    .section-5-inner .right{
            grid-template-columns: repeat(4,1fr);
        max-width: 100%;
    }

}
@media (max-width: 900px) {
    .section-5-inner .left .text{
        font-size: 16px;
        margin: 15px 0 30px;
    }
    .section-5-inner .right{
        grid-template-columns: repeat(2,1fr);
    }
    .section-5-inner .right .block .text{
        font-size: 14px;
    }
}
/*========================================*/

.section-6-inner>.bottom{
    display: grid;
    grid-template-columns: 335px 1fr;
    gap:180px ;
}
.section-6-inner .bottom .left{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: #1F1F1F;
}
.section-6-inner .bottom .left p{
    margin: 0;
}
.section-6-inner .bottom .right .item{
    border-bottom: 1px solid #1F1F1F;
}
.section-6-inner .bottom .right .item .top>img{
    transition: all 0.2s;
}
.section-6-inner .bottom .right .item.jquery-accordion-active .top>img{
    transform: rotate(45deg);
}
.section-6-inner .bottom .right .item .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding:20px 0 ;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}
.section-6-inner .bottom .right .item .top span{
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;

}
.section-6-inner .bottom .right .item .bottom{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

@media (max-width: 1600px) {
    .section-6-inner .bottom .right .item .top span{
        font-size: 20px;

    }
    .section-6-inner .bottom .right .item .bottom{
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
    }
    .section-6-inner>.bottom{
        gap: 100px;
    }
}
@media (max-width: 1200px) {
    .section-6-inner .bottom .right .item .top span{
        font-size: 18px;

    }
    .section-6-inner .bottom .right .item .bottom{
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
    }
}

@media (max-width: 900px) {
    .section-6-inner>.bottom{
        gap: 40px;
        grid-template-columns: 1fr;
    }
}
    /*==============================================================================*/
/*==============================================================================*/
/*==============================================================================*/
/*==============================================================================*/

.form-1{
    background-color: #1F1F1F;
    width: 100%;
    border-top: 1px solid #FFFFFF33;
    border-bottom: 1px solid #FFFFFF33;
}
.form-1 .form-1-inner{
    padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.form-1 span{
    color: #FFFFFF;
    font-family: 'Correction-Brush',sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 1600px) {
    .form-1 span {
        font-size: 30px;
    }
    .form-1 .form-1-inner{
        padding: 50px 0;
    }
}
@media (max-width: 1200px) {
    .form-1 span {
        font-size: 26px;
    }
}
@media (max-width: 800px) {
    .form-1 span {
        font-size: 22px;
    }
}

@media (max-width: 700px) {
    .form-1 .form-1-inner{
        flex-direction: column;
    }
    .form-1 span {
        text-align: center;
    }
}
/*====*/
footer {
    background-color: #1F1F1F;
    color: #fff;
}
footer .footer-inner{
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
    gap: 40px;
    flex-wrap: wrap;
}
footer .footer-inner a{
    position: relative;
}
footer .footer-inner a:after{
    content: "";
    position: absolute;
    width: 0px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 0px;
    transition: all 0.3s;
}
footer .footer-inner a:hover:after{
    width: 100%;
}
footer .footer-inner .logo img{
    width: 160px;
}
footer .footer-inner .info{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
footer .footer-inner .info .menu ul{
    list-style: none;
    display: flex;
    gap: 20px;
;
}
footer .footer-inner .info .menu a{
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;

}

footer .footer-inner .info .contacts{
    display: flex;
    flex-direction: column;
    gap:  20px;
}
footer .footer-inner .info .contacts a{
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    text-decoration: none;
    color: #FFFFFF;
    width: fit-content;
}
footer .footer-inner .info .contacts a img  {
    width: 20px;
}
footer .footer-inner .info .contacts .soc{
    display: flex;
    gap: 12px;
}
footer .footer-inner .info .contacts .soc a:hover:after{
    content: none;
}
footer .footer-inner .form{
    max-width: 493px;
}
footer .footer-inner .form>span{
    font-family: 'Correction-Brush', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-transform: uppercase;
}
footer .footer-inner .form form{
    margin-top: 24px;
}
footer .footer-inner .form form p{
    margin: 0;
}
footer .footer-inner .form form p:has(span.name){
    position: relative;
}
footer .footer-inner .form form span.name{
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #999999;
    position: absolute;
    top: 20px;
    transition: all 0.3s;
}
footer .footer-inner .form form input{
    background-color: transparent;
    margin: 0px;
    border: none;
    border-bottom: 1px solid #999999;
    padding: 19px 0;
    width: 100%;
    color: #fff;
    font-size: 18px;
}
footer .footer-inner .form form input:focus,
footer .footer-inner .form form input:focus-visible,
footer .footer-inner .form form input:invalid
{
    outline:none;
    border: none;
    border-bottom: 1px solid #999999;

}
footer .footer-inner .form form span.name:has(~span input:focus),
footer .footer-inner .form form span.name:has(~span input:not(:placeholder-shown)){
    bottom: auto;
    top: -3px;
    font-size: 14px;

}

footer .footer-inner .form form input[type='submit']{
    display: block;
    width: fit-content;
    color: #999999;
    border: 1px solid #999999;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    padding: 14px 40px;
    margin-top: 20px;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}
footer .footer-inner .form form .wpcf7-spinner{
    display: none;
}
footer .bottom{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid #FFFFFF33
}
footer .bottom span{
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: #999999;
}
footer .bottom img {
    min-width: 30px;
}

@media (max-width: 991px) {

    footer .footer-inner{
        column-gap: 60px;
    }
    footer .footer-inner .info{
        gap: 40px;
    }
    footer .footer-inner .info .contacts a{
        font-size: 18px;
    }

    footer .footer-inner .form>span{
        font-size: 20px;
    }
    footer .footer-inner .form form span.name{
        font-size: 14px;
    }
    footer .footer-inner .form form span.name:has(~span input:focus),
    footer .footer-inner .form form span.name:has(~span input:invalid),
    footer .footer-inner .form form span.name:has(~span input:valid)
    {
        font-size: 12px;
    }
    footer .footer-inner .form form input{
        font-size: 16px;
    }
}
@media (max-width: 600px) {
    footer .footer-inner{
        flex-direction: column;

    }
    footer .footer-inner .info .menu ul{
        flex-direction: column;
        gap: 15px;
    }
}



/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/* Overlay */
.cf1{
    position: fixed;
    display: none;
    inset: 0;
    z-index: 100;

    place-items: center;


    background: rgba(0,0,0,.5);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    width: 100%;
    height: 100%;
    align-items: center;
}
.cf1.active{
    display: flex;
}
/* Modal */
.cf1-inner{
    position: relative;
    width: min(640px, 100%);
    margin: auto;

    padding: 36px 32px 28px;
    border-radius: 18px;

    background: rgba(246,246,246,.92);
    border: 1px solid rgba(255,255,255,.7);
    box-shadow:
            0 30px 90px rgba(0,0,0,.35),
            0 2px 0 rgba(255,255,255,.5) inset;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

/* Close */
.cf1-inner img.close{
    position: absolute;
    right: 14px;
    top: 14px;

    width: 36px;
    height: 36px;
    padding: 10px;
    border-radius: 999px;

        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    transform: rotate(45deg);

    background: rgba(0,0,0,.06);
    transition: background .2s ease, transform .2s ease, opacity .2s ease;
    opacity: .8;
    -webkit-user-drag:none;
    user-select: none;
}
.cf1-inner img.close:hover{
    background: rgba(0,0,0,.10);
    opacity: 1;
}
.cf1-inner img.close:active{
    transform: rotate(45deg) scale(.98);
}

/* Title */
.cf1-inner .title{
    display: block;
    text-align: center;

    font-size: clamp(22px, 2.2vw, 30px);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;

    color: #111;
    margin: 2px 0 26px;
}
/* Text */
.cf1-inner .text{
    display: block;
    text-align: center;

    font-size: clamp(14px, 1.8vw, 22px);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;

    color: #111;
    margin: 2px 0 26px;
}
/* Spacing */
.cf1-inner form p{
    margin: 16px 0;
}
.cf1-inner form p:nth-child(2){
    margin-top: 0;
}
.cf1-inner form p:nth-child(5){
    margin-bottom: 0;
}
.cf1-inner form p .wpcf7-spinner{
    display: none;
}

/* Field wrapper */
.cf1-inner form p:has(span.name){
    position: relative;
}

/* Floating label */
.cf1-inner form span.name,
.cf1-inner form span.label{

    z-index: 1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;

    color: rgba(31, 31, 31, 0.9);
    pointer-events: none;

    transform-origin: left top;
    transition: transform .2s ease, color .2s ease, opacity .2s ease;
 
}
.cf1-inner form span.name{
    position: absolute;
    left: 14px;
    top: 7px;
}


/* Inputs look like "soft cards" but still minimal */
.cf1-inner form input,
.cf1-inner form textarea{
    width: 100%;
    margin: 0;

    font-size: 16px;
    color: #1f1f1f;

    padding: 28px 14px 12px;
    border-radius: 14px;

    border: 1px solid rgba(17,17,17,.18);
    background: rgba(255,255,255,.75);

    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .12s ease;
}

.cf1-inner form textarea{
    min-height: 92px;
    resize: vertical;
}

/* Placeholder: делаем тише, чтобы не спорил с лейблом */
.cf1-inner form textarea::placeholder,
.cf1-inner form input::placeholder{
    color: rgba(17,17,17,.35);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .08em;
}

/* Focus */
.cf1-inner form input:focus,
.cf1-inner form input:focus-visible,
.cf1-inner form textarea:focus{
    outline: none;
    background: rgba(255,255,255,.92);

    border-color: rgba(17,17,17,.55);
    box-shadow:
            0 10px 25px rgba(0,0,0,.10),
            0 0 0 4px rgba(17,17,17,.10);
}

/* Hover (приятно, но аккуратно) */
@media (hover:hover){
    .cf1-inner form input:hover,
    .cf1-inner form textarea:hover{
        border-color: rgba(17,17,17,.28);
    }
}

/* Label animation: компактнее и “дороже” */
.cf1-inner form span.name:has(~span input:focus),
.cf1-inner form span.name:has(~span input:not(:placeholder-shown)),
.cf1-inner form span.name:has(~span textarea:focus),
.cf1-inner form span.name:has(~span textarea:not(:placeholder-shown)){
    transform:  scale(.85);
    color: rgba(17,17,17,.75);
}

/* Submit: современная “пилюля” */
.cf1-inner form input[type='submit']{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    margin-top: 18px;

    padding: 14px 44px;
    border-radius: 999px;

    background: #111;
    color: #F6F6F6;

    border: 1px solid #111;

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;

        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}
.cf1-inner form input[type='submit']:hover{
    background-color: transparent;
    color: #1f1f1f;
}
.cf1-inner form input[type='submit']:active{
    transform: translateY(0);
    box-shadow: none;
}

/* Responsive */

@media (max-width: 660px) {
    .cf1-inner {
        padding: 45px 18px 25px;

    }
}
@media (max-width: 520px){
    .cf1{
        padding: 14px;
    }

    .cf1-inner form input,
    .cf1-inner form textarea{
        border-radius: 12px;
        padding: 26px 12px 12px;
    }
    .cf1-inner form span.name{
        left: 12px;
        top: 13px;
    }
}
/* =========================
   SELECT (dropdown)
   ========================= */

/* базовый select как инпут */
.cf1-inner form select{
    width: 100%;
    margin: 0;

    font-size: 16px;
    color: #1f1f1f;

    padding: 28px 44px 12px 14px; /* справа место под стрелку */
    border-radius: 14px;

    border: 1px solid rgba(17,17,17,.18);
    background: rgba(255,255,255,.75);

    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .12s ease;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}

/* стрелка (через background) */
.cf1-inner form select{
    background-image:
            linear-gradient(45deg, transparent 50%, rgba(17,17,17,.65) 50%),
            linear-gradient(135deg, rgba(17,17,17,.65) 50%, transparent 50%),
            linear-gradient(to right, transparent, transparent);
    background-position:
            calc(100% - 22px) 50%,
            calc(100% - 16px) 50%,
            100% 0;
    background-size:
            6px 6px,
            6px 6px,
            2.6em 3.5em;
    background-repeat: no-repeat;
}

/* focus как у input/textarea */
.cf1-inner form select:focus,
.cf1-inner form select:focus-visible{
    outline: none;
    background-color: rgba(255,255,255,.92);

    border-color: rgba(17,17,17,.55);
    box-shadow:
            0 10px 25px rgba(0,0,0,.10),
            0 0 0 4px rgba(17,17,17,.10);
}

@media (hover:hover){
    .cf1-inner form select:hover{
        border-color: rgba(17,17,17,.28);
    }
}

/* если хочешь такой же “floating label” для select */
.cf1-inner form span.name:has(~span select:focus),
.cf1-inner form span.name:has(~span select:valid){
    transform: translateY(-6px) scale(.92);
    color: rgba(17,17,17,.75);
}

/* (важно) чтобы :valid работал — у select нужен required
   и у первого option value="" */


/* =========================
   RADIO / CHECKBOX (custom)
   ========================= */

/* контейнер для группы (если CF7 оборачивает иначе — всё равно будет ок) */
.cf1-inner form .wpcf7-radio,
.cf1-inner form .wpcf7-checkbox{
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 10px;
    margin-top: 6px;
}

@media (max-width: 660px) {
    .cf1-inner form .wpcf7-radio,
    .cf1-inner form .wpcf7-checkbox{
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 10px;
        margin-top: 6px;
    }

}
/* каждая опция */
.cf1-inner form .wpcf7-radio .wpcf7-list-item,
.cf1-inner form .wpcf7-checkbox .wpcf7-list-item{
    margin: 0;
}

/* кликабельная строка */
.cf1-inner form .wpcf7-radio label,
.cf1-inner form .wpcf7-checkbox label{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: 100%;

    padding: 12px 14px;
    border-radius: 14px;

    border: 1px solid rgba(17,17,17,.18);
    background: rgba(255,255,255,.65);

        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    user-select: none;

    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .12s ease;
}
.cf1-inner form .wpcf7-radio .wpcf7-list-item.last{
    grid-column: span 2;
}

/* текст */
.cf1-inner form .wpcf7-radio label .wpcf7-list-item-label,
.cf1-inner form .wpcf7-checkbox label .wpcf7-list-item-label{
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: rgba(17,17,17,.85);
}

/* прячем нативный input, но оставляем доступность */
.cf1-inner form .wpcf7-radio input[type="radio"],
.cf1-inner form .wpcf7-checkbox input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

/* “контрол” слева */
.cf1-inner form .wpcf7-radio label::before,
.cf1-inner form .wpcf7-checkbox label::before{
    content: "";
    flex: 0 0 18px;
    width: 18px;
    height: 18px;

    border-radius: 999px; /* radio по умолчанию круг */
    border: 1px solid rgba(17,17,17,.35);
    background: rgba(255,255,255,.9);

    box-shadow: 0 2px 0 rgba(255,255,255,.6) inset;
    transition: transform .15s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

/* checkbox — квадратнее */
.cf1-inner form .wpcf7-checkbox label::before{
    border-radius: 6px;
}

/* hover */
@media (hover:hover){
    .cf1-inner form .wpcf7-radio label:hover,
    .cf1-inner form .wpcf7-checkbox label:hover{
        border-color: rgba(17,17,17,.28);
        background: rgba(255,255,255,.78);
    }
}

/* focus внутри строки (когда табом дошли до input) */
.cf1-inner form .wpcf7-radio label:has(input:focus-visible),
.cf1-inner form .wpcf7-checkbox label:has(input:focus-visible){
    border-color: rgba(17,17,17,.55);
    box-shadow:
            0 10px 25px rgba(0,0,0,.10),
            0 0 0 4px rgba(17,17,17,.10);
}

/* checked state */
.cf1-inner form .wpcf7-radio label:has(input:checked),
.cf1-inner form .wpcf7-checkbox label:has(input:checked){
    border-color: rgba(17,17,17,.45);
    background: rgba(255,255,255,.92);
}

/* точка у radio */
.cf1-inner form .wpcf7-radio label:has(input:checked)::before{
    background:
            radial-gradient(circle at center, rgba(17,17,17,.9) 0 45%, transparent 48%);
    border-color: rgba(17,17,17,.55);
}

/* галочка у checkbox */
.cf1-inner form .wpcf7-checkbox label:has(input:checked)::before{
    background: rgba(17,17,17,.92);
    border-color: rgba(17,17,17,.92);
    box-shadow: 0 2px 0 rgba(255,255,255,.15) inset;
    position: relative;
}

/* рисуем “галочку” через after */
.cf1-inner form .wpcf7-checkbox label:has(input:checked)::after{
    content: "";
    position: relative;
    left: -30px;           /* подгон под ::before */
    width: 6px;
    height: 10px;
    border-right: 2px solid rgba(246,246,246,.95);
    border-bottom: 2px solid rgba(246,246,246,.95);
    transform: rotate(45deg);
}

/* disabled */
.cf1-inner form .wpcf7-radio input:disabled + .wpcf7-list-item-label,
.cf1-inner form .wpcf7-checkbox input:disabled + .wpcf7-list-item-label{
    opacity: .5;
}

/* =========================
   Mobile tweaks
   ========================= */
@media (max-width: 520px){
    .cf1-inner form select{
        border-radius: 12px;
        padding: 26px 40px 12px 12px;
        background-position:
                calc(100% - 20px) 50%,
                calc(100% - 14px) 50%,
                100% 0;
    }
    .cf1-inner form .wpcf7-radio label,
    .cf1-inner form .wpcf7-checkbox label{
        border-radius: 12px;
        padding: 11px 12px;
    }
}


/*=======================================*/
.page-wrapper.error h1{
    margin-bottom: 40px;
}

.page-wrapper.error p{
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1.3;
}

@media (max-width: 991px) {
    .page-wrapper.error h1{
        margin-bottom: 30px;
    }

    .page-wrapper.error p{
        font-size: 18px;
        margin-bottom: 30px;
    }
}
@media (max-width: 600px) {
    .page-wrapper.error h1{
        font-size: 28px;
    }

    .page-wrapper.error p{
        font-size: 16px;
        margin-bottom: 30px;
    }
}


/*========================================*/
.page-wrapper.contact .content-inner{

    display: grid;
    grid-template-columns: 580px 1fr;
    gap: 170px;
}

.page-wrapper.contact .content-inner .left .masterskie{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.page-wrapper.contact .content-inner .left .block{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page-wrapper.contact .content-inner .left .block .title{
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    text-transform: uppercase;
    color: #1F1F1F;
}
.page-wrapper.contact .content-inner .left .block .address{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1F1F1F;
}

.page-wrapper.contact .content-inner .left .block .buttons{
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.page-wrapper.contact .content-inner .left .block .buttons .button{
    padding: 8px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.page-wrapper.contact .content-inner .left .block .buttons .button img{
    width: 12px;
}
.page-wrapper.contact .content-inner .left .block .buttons .button img.white{
    display: none;
}

.page-wrapper.contact .content-inner .left .block .buttons .button:hover img.white{
    display: block;
}

.page-wrapper.contact .content-inner .left .block .buttons .button:hover img.black{
    display: none;
}
.page-wrapper.contact .content-inner .right {
    display: flex;
    flex-direction: column;
    gap: 24px ;
}
.page-wrapper.contact .content-inner .right .text{
    font-family: 'Correction-Brush', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #1F1F1F;
    max-width: 740px;
}
.page-wrapper.contact .content-inner .right .contacts{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-wrapper.contact .content-inner .right .contacts a{
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #1F1F1F;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
.page-wrapper.contact .content-inner .right .contacts a:hover{
    text-decoration: underline;
}
.page-wrapper.contact .content-inner .right .social{
    display: flex;
    gap: 12px;
}
.page-wrapper.contact .content-inner .right .social a{
    display: block;
    background-color: #1F1F1F;
    border: 1px solid #1F1F1F;
    padding:8px 10px ;
    border-radius: 50px;
    line-height: 1;
}
.page-wrapper.contact .content-inner .right .social a img{
    width: 20px;
}

@media (max-width: 1700px) {
    .page-wrapper.contact .content-inner{

        grid-template-columns: 480px 1fr;
        gap: 170px;
    }
}
@media (max-width: 1400px) {
    .page-wrapper.contact .content-inner{
        gap: 140px;
    }
    .page-wrapper.contact .content-inner .left .masterskie{
        gap: 50px;
    }
    .page-wrapper.contact .content-inner .right .text{
        font-size: 24px;
    }
    .page-wrapper.contact .content-inner .right .contacts a{
        font-size: 19px;
    }
}
@media (max-width: 1400px) {
    .page-wrapper.contact .content-inner{
        gap: 80px;
    }
}
@media (max-width: 980px) {
    .page-wrapper.contact .content-inner{
        grid-template-columns: 336px 1fr;
    }
    .page-wrapper.contact .content-inner .left .masterskie {
        gap: 30px;
    }
    .page-wrapper.contact .content-inner .left .block{
        gap: 0px;
    }
    .page-wrapper.contact .content-inner .left .block .title{
        font-size: 18px;
    }
    .page-wrapper.contact .content-inner .left .block .address{
        font-size: 14px;
    }
    .page-wrapper.contact .content-inner .right .text{
        font-size: 20px;
    }

    .page-wrapper.contact .content-inner .right {
        gap: 20px;
    }
    .page-wrapper.contact .content-inner .right .contacts {
        gap: 5px;
    }
        .page-wrapper.contact .content-inner .right .contacts a {
        font-size: 16px;
    }
    .page-wrapper.contact .content-inner .right .social a img{
        width: 16px;
    }
}
@media (max-width: 760px) {
    .page-wrapper.contact .content-inner {
        gap: 60px;
    }
}

@media (max-width: 700px) {
    .page-wrapper.contact .content-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .page-wrapper.contact .content-inner .right .text{
        max-width: 500px;
    }
}

@media (max-width: 600px) {
    .page-wrapper.contact .content-inner .left .block .buttons{
        flex-wrap: wrap;
    }
}



/*===================================================================================*/
/*===================================================================================*/
/*===================================================================================*/

.page-wrapper.single-product {

    .product-inner .top
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .product-inner .top .right,
    .product-inner .bottom .right{
        margin-left: 120px;
    }
    .product-inner .top .right .h1{
        font-family: 'Correction-Brush', sans-serif;
        font-weight: 400;
        font-size: 48px;
        line-height: 100%;
        text-transform: uppercase;
        color: #1F1F1F;
        margin: 0;
    }
    .product-inner .top .right .mini-info{
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        text-transform: uppercase;
        color: #999999;
        margin-top: 20px;
    }
    .product-inner .top .right>.text{
        margin-top: 40px;
        margin-bottom: 60px;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
    }
    .product-inner .top .right .text p{
        margin-bottom: 0;
    }
    .product-inner .top .right .text p:first-child{
        margin-top: 0;
    }
    .product-inner .top .right .buttons{
        display: flex;
        gap: 4px;
    }
    /*===*/
    .product-inner .top .right .buttons .yith-add-to-wishlist-button-block{
        margin: 0;
    }
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button{
        display: block;
        background-color: #1F1F1F;
        border: 1px solid #1F1F1F;
        border-radius: 50px;
        padding: 23px 23px;
        margin: 0px;
        line-height: 1;
            cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    }
    .product-inner .top .right .buttons .yith-add-to-wishlist-button-block span{
        display: none;
    }
    .product-inner .top .right .buttons .yith-add-to-wishlist-button-block svg{
        display: none;
    }
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button:after,
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-buttonyith-wcwl-add-to-wishlist-button--added:after{
        content: url('/wp-content/themes/lora/assets/icon/heart-white.svg');
        position: absolute;
        left: 13px;
        top: 11px;
    }
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button:before,
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-buttonyith-wcwl-add-to-wishlist-button--added:before{
        content: "";
        position: absolute;
        left: 14px;
        top: 14px;
        background-image: url('/wp-content/themes/lora/assets/icon/heart-btn-black.svg');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 21px;
        height: 21px;
    }
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added:before{
        background-image: url('/wp-content/themes/lora/assets/icon/heart-btn-white.svg');
    }
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button:hover,
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added{
        background-color: transparent;
    }
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button:hover:after,
    .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added:after{
        opacity: 0;
    }

    .product-inner .top .right .buttons .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single{
        gap: 0;
    }

    /*====*/
    .product-inner .bottom{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .product-inner .advantages{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        padding:15px 0 ;

        border-bottom: 0.5px solid #000;
        border-top: 0.5px solid #000;
        margin-top: 40px;
    }
    .product-inner .advantages.four{
        grid-template-columns: repeat(2, 1fr);
        row-gap: 15px;
        column-gap: 25px;
    }
    .product-inner .advantages .block{
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px;
        align-items: center;
    }
    .product-inner .advantages .block .img {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*border: 1px solid #1F1F1F;*/
        border-radius: 100px;
    }
    .product-inner .advantages .block img   {
        width: 20px;
    }
    .product-inner .advantages .block .text{
        font-weight: 400;
        font-size: 14px;
        line-height: 120%;
        color: #000;
    }

    @media (max-width: 1650px) {
        .product-inner .advantages{
            grid-template-columns: repeat(2, 1fr);
            row-gap: 15px;
            column-gap: 25px;
        }

        .product-inner .top .right,
        .product-inner .bottom .right{
            margin-left: 80px;
        }
    }

    @media (max-width: 1300px) {
        .product-inner .advantages,
        .product-inner .advantages.four{
            grid-template-columns: 1fr;
            row-gap: 8px;
            margin-top: 30px;
        }
        .product-inner .top{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }

        .product-inner .top .right,
        .product-inner .bottom .right{
            margin-left: 30px;
        }

    }
    @media (max-width: 750px) {
        .product-inner .advantages,
        .product-inner .advantages.four{
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            margin-top: 20px;
        }
    }
    @media (max-width: 550px) {

        .product-inner .advantages,
        .product-inner .advantages.four{
            grid-template-columns:1fr;
            gap: 8px;
        }
        .product-inner .advantages .block img {
            width: 16px;
        }
        .product-inner .advantages .block .img {
            width: 30px;
            height: 30px;
        }
    }

    /*===*/


    .product-inner .bottom .left{
        display: flex;
        flex-direction: column;
        gap: 35px;
    }


    .product-inner .bottom .left .h2{
        font-family: 'Correction-Brush', sans-serif;
        font-weight: 400;
        font-size: 36px;
        line-height: 100%;
        text-transform: uppercase;
        color: #1F1F1F;
        margin: 0;
    }
    .product-inner .bottom .left .desc .text{
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #000;
    }
    .product-inner .bottom .left .product-attributes{
        display: flex;
        flex-direction: column;
    }
    .product-inner .bottom .left .product-attributes .product-attributes__row{
        display: flex;
        gap: 4px;
        padding: 7px 0;
    }
    .product-inner .bottom .left .product-attributes .product-attributes__row .border{
        flex: 1;
        border-bottom: 2px dotted #999;
    }
    .product-inner .bottom .left .product-attributes .product-attributes__row .product-attributes__label{
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        text-transform: uppercase;

    }
    .product-inner .bottom .left .product-attributes .product-attributes__row .product-attributes__value{
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        text-transform: uppercase;

    }



    /*====================*/
    .interior-inner .h2,
    .other-work-inner .h2{
        font-family: 'Correction-Brush',sans-serif;
        font-weight: 400;
        font-size: 40px;
        line-height: 100%;
        text-transform: uppercase;
        margin: 0;
    }
    .interior-inner .interior-grid{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px;
    }
    .interior-inner .interior-grid .name{
        color:  #999999;
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        text-transform: uppercase;
        margin-top: 20px;
    }
    /* Наложение внутри карточки */
    .interior-inner .interior-card .interior-scene{
        position: relative;
        overflow: hidden;
        aspect-ratio: 4 / 3;   /* можно заменить на фикс. высоту, если нужно */
        background: #f2f2f2;
    }

    /* Фон — интерьер */
    .interior-inner .interior-card .interior-bg{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* ЗОНА под картину (её двигаем и задаём размеры) */
    .interior-inner .interior-card .zone{
        position: absolute;
        z-index: 2;

        /* ПОЛОЖЕНИЕ зоны на интерьере */
        left: 30%;
        top: 23%;

        /* РАЗМЕР зоны (в процентах от сцены) */
        width: 40%;
        height: 30%;

        /* центрируем содержимое */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .interior-inner .interior-card:nth-child(2) .zone{
        /* ПОЛОЖЕНИЕ зоны на интерьере */
        left: 31%;
        top: 28%;

        /* РАЗМЕР зоны (в процентах от сцены) */
        width: 38%;
        height: 26%;
    }
    .interior-inner .interior-card:nth-child(3) .zone{
        /* ПОЛОЖЕНИЕ зоны на интерьере */
        top: 16%;
        height: 35%;
    }
    /* Картина поверх */
    .interior-inner .interior-card .interior-art{
        position: absolute;
        z-index: 2;

        /* базовая позиция/размер (подстрой под фото) */
        height: auto;
        max-height: 100%;
        max-width: 100%;

        /* рамка + тень */
        background: #fff;
        box-shadow: 0 12px 20px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.1);
    }

    .interior-inner img{
        user-select: none;
        -webkit-user-drag: none;
    }
    .interior-inner .interior-card .interior-art.middle{
        max-height: 80%;
        max-width: 80%;
    }
    .interior-inner .interior-card .interior-art.small{
        max-height: 60%;
        max-width: 60%;
    }

    .interior-inner .interior-card .interior-art.big.vertical{
        max-height: 105%;
        max-width: 100%;
    }
    .interior-inner .interior-card .interior-art.middle.vertical{
        max-height: 90%;
        max-width: 80%;
    }
    .interior-inner .interior-card .interior-art.small.vertical{
        max-height: 70%;
        max-width: 60%;
    }
    .interior-inner .interior-card .interior-art.big.horizontal{
        max-height: 90%;
        max-width: 100%;
    }
    .interior-inner .interior-card .interior-art.middle.horizontal{
        max-height: 80%;
        max-width: 95%;
    }
    .interior-inner .interior-card .interior-art.small.horizontal{
        max-height: 70%;
        max-width: 90%;
    }
    @media (max-width: 1600px) {
        .product-inner .top .right .h1{
            font-size: 38px;
        }
    }
    @media (max-width: 1200px) {
        .product-inner .top .right .h1{
            font-size: 34px;
        }
        .product-inner .bottom .left .h2,
        .interior-inner .h2,
        .other-work-inner .h2{
            font-size: 30px;
        }
        .product-inner .top .right .mini-info,
        .product-inner .top .right .text,
        .product-inner .bottom .left .desc .text,
        .product-inner .bottom .left .product-attributes .product-attributes__row .product-attributes__value,
        .product-inner .bottom .left .product-attributes .product-attributes__row .product-attributes__label{
            font-size: 14px;
        }
        .product-inner .top .right > .text{
            margin-top: 30px;
            margin-bottom: 40px;
        }
        .product-inner .top .right .mini-info{
            margin-top: 12px;
        }
        .product-inner .bottom .left {
            gap: 20px;
        }
        .product-inner .top .right {
            margin-left: 40px;
        }
        .interior-inner .interior-grid .name{
            font-size: 14px;
        }
    }

    @media (max-width: 991px) {
        .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button{
            padding: 20px 21px;
        }
        .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-button:after, .product-inner .top .right .buttons .yith-wcwl-add-to-wishlist-buttonyith-wcwl-add-to-wishlist-button--added:after{
            left: 10px;
            top: 10px;
        }
        .product-inner .top .right {
            margin-left: 00px;
        }
        .interior-inner .interior-grid{
            gap: 15px;
        }

    }

    @media (max-width: 750px) {
        .product-inner .top{
            grid-template-columns: 1fr;
            gap: 35px;
        }

        .interior-inner .interior-grid{
            grid-template-columns: 1fr;
            gap: 25px;
        }
        .product-inner .bottom{
            grid-template-columns: 1fr;
        }
        .interior-inner .interior-grid .name{
            margin-top: 10px;
        }
        .product-inner .top .right > .text{
            margin-top: 20px;
            margin-bottom: 25px;
        }
    }
    @media (max-width: 600px) {

        .product-inner .top{
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .product-inner .top .right .h1 {
            font-size: 30px;
        }
        .product-inner .bottom .left .h2
        {
            font-size: 24px;
        }

        .product-inner .bottom .left{
            gap: 10px;
        }

        .interior-inner .h2,
        .other-work-inner .h2{
            font-size: 26px;
        }



    }


}


/*=======================================================*/
/*=======================================================*/
/*=======================================================*/

/* 1) Скрываем ненужные колонки (и в заголовке, и в строках) */
.page-wrapper.wishlist table th.product-price,
.page-wrapper.wishlist table td.product-price,
.page-wrapper.wishlist table th.product-stock-status,
.page-wrapper.wishlist table td.product-stock-status,
.page-wrapper.wishlist table th.product-add-to-cart,
.page-wrapper.wishlist table td.product-add-to-cart{
    display: none !important;
}

/* 2) Чуть “собираем” таблицу, чтобы не было ощущения пустоты */
.page-wrapper.wishlist table.shop_table{
    width: 100%;
    border-collapse: collapse;
}

.page-wrapper.wishlist table.shop_table th,
.page-wrapper.wishlist table.shop_table td{
    padding: 14px 12px;
    vertical-align: middle;
}
.wishlist_table tr td.product-thumbnail a{
    max-width:max-content;
}
/* 3) Картинка товара аккуратно */
.page-wrapper.wishlist td.product-thumbnail img{
    width: 200px;
    max-width: 200px;
    height: auto;
    display: block;
}

/* 4) Название товара более читаемо */
.page-wrapper.wishlist td.product-name a{
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
}

/* 5) Удаление (крестик) — компактнее */
.page-wrapper.wishlist td.product-remove{
    width: 44px;
    text-align: center;
}



/* 6) Мобильная версия: делаем строки “карточками” */
@media (max-width: 768px){
    .page-wrapper.wishlist table.shop_table,
    .page-wrapper.wishlist table.shop_table thead,
    .page-wrapper.wishlist table.shop_table tbody,
    .page-wrapper.wishlist table.shop_table th,
    .page-wrapper.wishlist table.shop_table td,
    .page-wrapper.wishlist table.shop_table tr{
        display: block;
    }

    .page-wrapper.wishlist table.shop_table thead{
        display: none;
    }

    .page-wrapper.wishlist table.shop_table tr{
        border: 1px solid rgba(0,0,0,.08);
        border-radius: 12px;
        margin: 12px 0;
        padding: 10px;
    }

    .page-wrapper.wishlist table.shop_table td{
        padding: 10px 8px;
        border: 0;
    }

    .page-wrapper.wishlist td.product-thumbnail img{
        max-width: 150px;
        width: 100%;
    }
}


.page-wrapper.wishlist .paintings-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 40px;
    row-gap: 60px;
}
.page-wrapper.wishlist .content article.post{
    position: relative;
}
.page-wrapper.wishlist article.post .wishlist-remove{
    position:absolute;
    top:10px;
    right:10px;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    text-decoration:none;
    font-size:22px;
    line-height:1;
    background-color: #F2F2F2;
    color: #e10000;
    box-shadow:2px 2px 4px 0px rgb(0 0 0 / 18%);;

}
.page-wrapper.wishlist article.post .wishlist-remove:hover{
    box-shadow:2px 2px 5px 1px rgb(0 0 0 / 38%);;
    background-color: rgba(242, 242, 242, 0.80);

}
.page-wrapper.wishlist .content article.post img{
    width: 100%;
}
.page-wrapper.wishlist .content article.post .post-info{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-wrapper.wishlist .content article.post .post-info .post-date span{
    color: #999999;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
}
.page-wrapper.wishlist .content article.post .post-info .post-info-title a{
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #1F1F1F;
}

@media (max-width: 1600px ) {

    .page-wrapper.wishlist .content .paintings-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .page-wrapper.wishlist .content article.post .post-info .post-info-title a{
        font-size: 16px;
    }

}
@media (max-width: 1000px ) {
    .page-wrapper.wishlist .content .paintings-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .page-wrapper.wishlist .content article.post .post-info .post-info-title a{
        font-size: 14px;
    }
}
@media (max-width: 800px ) {
    .page-wrapper.wishlist .content .paintings-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 20px;
        row-gap: 35px;
    }
    .page-wrapper.wishlist .content article.post .post-info {
        gap: 5px;
        margin-top: 13px;
    }
    .page-wrapper.wishlist .content article.post .post-info .post-info-title a{
        font-size: 13px;
    }
}
@media (max-width: 600px ) {
    .page-wrapper.wishlist .content .paintings-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 35px;
    }
}


/*==========================================================================*/
/* Контейнер списка — flex + перенос */
.wpfFilterWrapper{
    margin-bottom: 8px !important;
}
.wpfFilterWrapper  .wfpDescription{
    font-weight: 600;
    font-size: 16px !important;
    line-height: 140%;
    text-transform: uppercase;
    color: #1F1F1F;
    padding: 16px 0 8px !important;
    position: relative;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

}
.wpfFilterWrapper  .wfpDescription:after{
    content: url('/wp-content/themes/lora/assets/icon/plus.svg');
    position: absolute;
    right: 00px;
    scale: 0.8;
    transition: all 0.2s;

}
.wpfFilterWrapper  .wfpDescription.active:after{
    transform: rotate(45deg);
}
.wpfFilterWrapper .wpfCheckboxHier{
    height: 0;
    overflow: hidden;

}
.wpfFilterWrapper .wfpDescription.active ~ .wpfCheckboxHier{
    height: 100%;
}
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] .wpfFilterVerScroll {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    padding: 0;
}

/* Убираем стандартные отступы li */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] .wpfFilterVerScroll > li{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Прячем блок с чекбоксом и "квадратиком" */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] .wpfCheckbox{
    display: none !important;
}

/* Делаем плашку */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] label.wpfLiLabel{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border: 0.5px solid #1F1F1F;
    border-radius: 5px;
    background: transparent;
        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    user-select: none;
    line-height: 1.1;
    transition: 0.15s ease;
}
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] label.wpfLiLabel > span{
    padding: 0px !important;
}
/* ховер */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] label.wpfLiLabel:hover{
    background: #1f1f1f;
    color: #fff;
}

/* Активная плашка (когда input внутри отмечен) */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] li:has(input[type="checkbox"]:checked) > label.wpfLiLabel{
    background: #1f1f1f;
    color: #fff;
    border-color: #1f1f1f;
}

/* чтобы текст внутри тоже стал белым */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] li:has(input[type="checkbox"]:checked) .wpfDisplay{
    color: #fff;
}

 .wpfDisplay .wpfValue,
.wpfFilterWrapper .wpfFilterTaxNameWrapper{
    padding-left: 0px !important;
}


 /*====================*/
/* ====== BEAUTY SWITCH UI (WPF radio) ====== */

/* список */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier ul.wpfFilterVerScroll{
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

/* скрываем "Нет" полностью — оставляем один тумблер */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="net"]{
    display: none !important;
}

/* скрываем текст "Да" */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] .wpfDisplay{
    display: none !important;
}

/* инпуты скрываем */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] input,
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="net"] input{
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* сам "компонент" тумблера — label у "Да" */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] .wpfCheckbox label{
    /* размеры */

    display: inline-flex !important;
    align-items: start;

        cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 0 0, pointer;

    user-select: none;
    width: 36px !important;
    height: 20px !important;
    border-radius: 10px;
    background: none;

    border: none !important;
    transition: transform .08s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    position: relative;
    z-index: 1;
}


/* подпись слева: выкл/вкл (меняется через checked) */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] input + label::before{
    content: "";
    width: 36px !important;
    height: 20px !important;
    background-color: #E5E5E5 !important;
    border: none !important;
        border-radius:20px !important;
    position: relative;
    z-index: 0;
}

/* дорожка тумблера */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] input + label::after{
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 999px;
    position: absolute !important;
    left: 11px !important;
    top: 50% !important;

    background-color: #C5C5C5;
    transition: background .25s ease, filter .2s ease;
}

/* hover подсветка */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] .wpfCheckbox label:hover{
    border-color: rgba(0,0,0,.18);
    background: rgba(0,0,0,.06);
}

/* ON: "Да" checked */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] input:checked + label{
    background-color:rgba(43,182,115,.35);
    /*background: rgba(43,182,115,.08);*/
}


.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckbox input[type="checkbox"]:checked + label::before{
    background: none !important;
    background-color: #E5E5E5 !important;
}
/* ON: дорожка и кружок вправо */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfCheckboxHier li[data-term-slug="da"] input:checked + label::after{

    left: 25px !important;
    background-color: #c5c5c5;
}

.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"] .wpfFilterContent .wpfCheckboxHier{
    position: absolute;
    top: 5px;
    right: 30px;
    width: fit-content;
}

/* ====== Lock/Disabled состояния для тумблера ====== */

/* некликабельный вид */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"].wpfSwitch--locked
.wpfCheckboxHier li[data-term-slug="da"] .wpfCheckbox label{
    cursor: not-allowed !important;
    opacity: .55;
}

/* на всякий: отключаем ховер-эффекты */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"].wpfSwitch--locked
.wpfCheckboxHier li[data-term-slug="da"] .wpfCheckbox label:hover{
    background: none !important;
}

/* Принудительно OFF (когда только "нет") */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"].wpfSwitch--off
.wpfCheckboxHier li[data-term-slug="da"] input + label::after{
    left: 11px !important; /* твоя позиция OFF */
}

/* Принудительно ON (когда только "да") */
.wpfMainWrapper .wpfFilterWrapper[data-display-type="radio"].wpfSwitch--on
.wpfCheckboxHier li[data-term-slug="da"] input + label::after{
    left: 25px !important; /* твоя позиция ON */
}

.wpfMainWrapper .wpfFilterButtons{
    position: sticky;
    bottom: 0;
    background-color: #F2F2F2;
}

@media (max-width: 991px) {
    .wpfFilterWrapper .wfpDescription{
        font-size: 14px !important;
    }

    .wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] .wpfFilterVerScroll{
        gap: 6px;
    }

    .wpfMainWrapper .wpfFilterWrapper[data-display-type="list"] label.wpfLiLabel{
        padding: 5px 10px;
    }
}

/*=================================*/
.gallery h2{

        font-family: 'Correction-Brush', sans-serif;
        font-weight: 400;
        font-size: 42px;
        line-height: 100%;
        text-transform: uppercase;
        color: #1F1F1F;
        margin: 0;
        margin-bottom: 30px;
}
.gallery .gallery-inner{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
}
.gallery .gallery-inner .sl-serv-photo{
    width: 100%;
    max-height: 350px;
    height: 20vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 1500px) {
    .gallery .gallery-inner{
        grid-template-columns: repeat(3,1fr);
    }
    .gallery .gallery-inner .sl-serv-photo {
        max-height: 320px;
        height: 28vw;
    }

}
@media (max-width: 1200px) {
    .gallery h2{
        font-size: 34px;
    }
}
@media (max-width: 991px) {
    .gallery h2{
        font-size: 32px;
    }
    .gallery .gallery-inner{

        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .gallery .gallery-inner .sl-serv-photo {
        max-height: 320px;
        height: 38vw;
    }
}
@media (max-width: 600px) {
    .gallery h2{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .gallery .gallery-inner .sl-serv-photo{
        max-height: 290px;
        height: 40vw;
    }
}
@media (max-width: 423px) {
    .gallery h2{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .gallery .gallery-inner .sl-serv-photo{
        max-height: 250px;
    }
}



/*======================================================================================================*/
/*======================================================================================================*/
/*======================================================================================================*/


.about .content-inner{
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 130px;
}

.about .content-inner .title{
    font-family: 'Correction-Brush',sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 140%;
    text-transform: uppercase;
    color: #1F1F1F;
    margin: 0px;
}
.about .content-inner .right{
    max-width: 740px;
}
.about .content-inner .block{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 80px;
}
.about .content-inner .block:first-child{
    margin-top: 0;
}
.about .content-inner .block >.text,
.about .content-inner .block.list .text a.item {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #1F1F1F;
    text-decoration: none;
}
.about .content-inner .block >.text a{
    color: #1f1f1f;
}
/*===*/
.about .content-inner .block.list .text{
    display: flex;
    flex-direction: column;
}
.about .content-inner .block.list .text .item{
    padding: 20px 0;
    border-bottom: 2px dotted #000;
}
.about .content-inner .block.list .text .item:first-child {
    border-top: 2px dotted #000;
}
.about .content-inner .block.list .text .item p{
    margin: 0;
}
/*====*/
.about .content-inner .block.list#education .text .item{
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 20px;
}
.about .content-inner .block.list#education .text .item .date{
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
}
/*===*/
.about .content-inner .block.list#publish .text .item {
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
    text-decoration: none;
    color: #1f1f1f;
    transition: all 0.3s ;

}

.about .content-inner .block.list#publish .text .item:before{
    content: url('/wp-content/themes/lora/assets/icon/arrow.svg');
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px ;
    padding: 5px;
    transition: all 0.3s ;
}
.about .content-inner .block.list#publish .text a.item:hover {
    padding-left: 50px;
    padding-right: 0;
}
.about .content-inner .block.list#publish .text a.item:hover:before{
transform: rotate(45deg);
}


/*===============*/
.about .left {
    align-self: start; /* тоже полезно */
    height: 100%;
}
.about .left .menu{
    position: sticky;
    top: 130px;          /* отступ сверху при “прилипании” */
    margin-left: 20px;
}
.about .left .menu li{
    margin: 4px 0;
}
.about .left .menu li a{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #1F1F1F;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .about .content-inner{
        grid-template-columns: 230px 1fr;
        gap: 60px;
    }
    .about .content-inner .block{
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    .about .content-inner {
        grid-template-columns: 150px 1fr;
        gap: 30px;
    }
    .about .left .menu li{
        margin: 5px 0;
        padding: 8px 0;
    }
}
@media (max-width: 600px) {
    .about .content-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .about .left .menu li {
        margin: 3px 0;
        padding: 5px 0;
    }
}


/*=========================================*/

.exhibit .content-inner{
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 160px;
}
.exhibit .content-inner .left{
    display: flex;
    flex-direction: column;
}
.exhibit .content-inner .left .address{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #1F1F1F;
    margin-bottom: 16px;
}
.exhibit .content-inner .left .address span{
    font-weight: 700;
}

.exhibit .content-inner .left .tel a{
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #1F1F1F;
    text-decoration: none;
}
.exhibit .content-inner .left .tel a:hover{
    text-decoration: underline;
}
.exhibit .content-inner .left .buttons{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 40px;
}
.exhibit .content-inner .left .buttons a{
    width: fit-content;
    padding: 8px 20px;
    display: flex;
    gap: 4px;
}
.exhibit .content-inner .left .buttons .button img.white,
.exhibit .content-inner .left .buttons .button:hover img.black{
    display: none;
}
.exhibit .content-inner .left .buttons .button:hover img.white{
    display: block;
}
.exhibit .content-inner .left .dop-info{
    margin-top: 30px;
}
.exhibit .content-inner .left .dop-info .text{
    font-size: 14px;
}
.exhibit .content-inner .left .dop-info img{
    max-width: 100px;
}
.exhibit .content-inner .right{
    max-width: 740px;
}
.exhibit .content-inner .right .text p:first-child{
    margin-top: 0;
}
@media (max-width: 1200px) {
    .exhibit .content-inner{
        gap: 80px;
    }
    .exhibit .content-inner .left .dop-info .text{
        font-size: 12px;
    }
}
@media (max-width: 800px) {
    .page-wrapper.exhibit h1{
        font-size: 34px;
    }
        .exhibit .content-inner{
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .exhibit .content-inner .left .buttons{
        margin-top: 20px;
    }
    .exhibit .content-inner .left .buttons{
        flex-direction: row;
        flex-wrap: wrap;;
    }
    .exhibit .content-inner .left .dop-info{
        margin-top: 20px;
    }
}
@media (max-width: 600px) {
    .page-wrapper.exhibit h1{
        font-size: 28px;
    }
}


/*======================================================*/

.tags {
    padding-bottom: 30px;
}
.product .tags{
    padding-bottom: 0;
    padding-top: 30px;
}
.tags .btn-open-tags{
    cursor: url("/wp-content/themes/lora/assets/icon/cursor-poiner.svg") 15 -3, pointer;

    padding: 5px 0;
    transition: all .2s;
    margin-top: 10px;
    width: fit-content;

}

.tags .btn-open-tags:after{
    content: url('/wp-content/themes/lora/assets/icon/arrow-drop.svg');

    position: absolute;
    margin-top: -5.5px;
    margin-left: 7px;
    font-size: 20px;
}
.tags .tags-inner.open ~ .btn-open-tags:after{
    transform: rotate(180deg);
    margin-top: 1.1px;
}
.tags-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    height: 94px;
    overflow: hidden;
    padding-top: 5px;
}
.product .tags-inner{
    height: 68px;
    gap: 7px;
}
.tags-inner.open,
.product .tags-inner.open{
    height: 100%;
}

.tags-inner .tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    border: 1px solid #111;
    border-radius: 999px;
    color: #111;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition:
            background 0.25s ease,
            color 0.25s ease,
            transform 0.2s ease,
            box-shadow 0.25s ease;
}

.tags-inner .tag span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    transition:
            background 0.25s ease,
            color 0.25s ease;
}

.tags-inner .tag:hover,
.tags-inner .tag.active{
    background: #111;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.tags-inner .tag.active{
    transform: none;
}
.tags-inner .tag:hover span,
.tags-inner .tag.active span{
    background: #fff;
    color: #111;
}

.tags-inner .tag:focus-visible {
    outline: 2px solid #111;
    outline-offset: 3px;
}

@media (max-width: 991px) {
    .tags {
        padding: 28px 0;
    }
    .product .tags{
        padding-bottom: 0;
        padding-top: 20px;
    }
    .tags-inner {
        gap: 10px;
    }

    .tags-inner .tag{
        padding: 6px 14px;
        font-size: 13px;
    }

    .tags-inner .tag span{
        min-width: 22px;
        height: 22px;
        font-size: 11px;
    }
}

@media (max-width: 450px) {
    .tags-inner {
        gap: 5px;
        height: 75px;
    }

    .tags-inner .tag{
        padding: 4px 14px;
        font-size: 12px;
    }
    .tags-inner .tag span{
        font-size: 11px;
    }
    .product .tags-inner{
        height: 57px;
        gap: 7px;
    }
    .tags .btn-open-tags{
        font-size: 15px;
    }
}
/*=============================================*/