/**
 * WPHub Blocks - Static CSS
 * Стили для кастомных Gutenberg блоков
 * Использует CSS переменные из inline стилей
 */

/* ==========================================================================
   WORDPRESS BLOCK TABLE
   ========================================================================== */

.blk-aab9e1de thead {
    border-bottom: none !important;
}

/* ==========================================================================
   CTA SECTION BLOCK
   ========================================================================== */

.quY1eaHr066 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-content: center;
    width: 100%;
    margin: 2rem 0 4rem 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--color-header-bg), var(--color-primary));
    min-height: auto;
    height: auto;
    text-align: center;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.quY1eaHr066.ldPh1bfy,
.quY1eaHr066.x9vgkFNjVJv,
.quY1eaHr066.zOOuUH1e,
.quY1eaHr066.k22ESEJn {
    min-height: 500px !important;
}

.quY1eaHr066.animate-in-view {
    opacity: 1;
    transform: translateY(0);
}

.quY1eaHr066 .vvxWeNkZYArU {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.quY1eaHr066 .v8FnCmp7 {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
}

.quY1eaHr066.has-image.ldPh1bfy .yjPGEiQxyw,
.quY1eaHr066.has-image.x9vgkFNjVJv .yjPGEiQxyw,
.quY1eaHr066.has-image.zOOuUH1e .yjPGEiQxyw,
.quY1eaHr066.has-image.k22ESEJn .yjPGEiQxyw,
.quY1eaHr066.has-background-image.ldPh1bfy .yjPGEiQxyw,
.quY1eaHr066.has-background-image.x9vgkFNjVJv .yjPGEiQxyw,
.quY1eaHr066.has-background-image.zOOuUH1e .yjPGEiQxyw,
.quY1eaHr066.has-background-image.k22ESEJn .yjPGEiQxyw {
    position: relative;
    z-index: 100 !important;
}

/* Default Style */
.quY1eaHr066.iBGqlvE3 {
    justify-content: center;
    align-items: center;
}

.quY1eaHr066.iBGqlvE3 .v8FnCmp7 {
    margin: 0 auto;
    width: 100%;
}

.quY1eaHr066.iBGqlvE3 .ikoZQjoXG03O {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Split Styles */
.quY1eaHr066.zOOuUH1e,
.quY1eaHr066.k22ESEJn,
.quY1eaHr066.ldPh1bfy,
.quY1eaHr066.x9vgkFNjVJv {
    display: flex !important;
    align-items: stretch;
    min-height: auto;
    padding: 0 !important;
}

/* Override padding for split layouts */
.quY1eaHr066.ldPh1bfy.cjxi133vji0,
.quY1eaHr066.ldPh1bfy.dnaz03hIJQ,
.quY1eaHr066.ldPh1bfy.zaiuNez0Pg,
.quY1eaHr066.ldPh1bfy.tuDQg0XTa,
.quY1eaHr066.ldPh1bfy.ypHHWdmY,
.quY1eaHr066.x9vgkFNjVJv.cjxi133vji0,
.quY1eaHr066.x9vgkFNjVJv.dnaz03hIJQ,
.quY1eaHr066.x9vgkFNjVJv.zaiuNez0Pg,
.quY1eaHr066.x9vgkFNjVJv.tuDQg0XTa,
.quY1eaHr066.x9vgkFNjVJv.ypHHWdmY,
.quY1eaHr066.zOOuUH1e.cjxi133vji0,
.quY1eaHr066.zOOuUH1e.dnaz03hIJQ,
.quY1eaHr066.zOOuUH1e.zaiuNez0Pg,
.quY1eaHr066.zOOuUH1e.tuDQg0XTa,
.quY1eaHr066.zOOuUH1e.ypHHWdmY,
.quY1eaHr066.k22ESEJn.cjxi133vji0,
.quY1eaHr066.k22ESEJn.dnaz03hIJQ,
.quY1eaHr066.k22ESEJn.zaiuNez0Pg,
.quY1eaHr066.k22ESEJn.tuDQg0XTa,
.quY1eaHr066.k22ESEJn.ypHHWdmY {
    padding: 0 !important;
}

.quY1eaHr066.zOOuUH1e .ikoZQjoXG03O,
.quY1eaHr066.k22ESEJn .ikoZQjoXG03O,
.quY1eaHr066.ldPh1bfy .ikoZQjoXG03O,
.quY1eaHr066.x9vgkFNjVJv .ikoZQjoXG03O {
    display: flex !important;
    width: 100%;
    align-items: stretch;
    min-height: 500px !important;
}

.quY1eaHr066.zOOuUH1e .v8FnCmp7,
.quY1eaHr066.k22ESEJn .v8FnCmp7 {
    flex: 0 0 50%;
    width: 50%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 40px;
    box-sizing: border-box;
    background: inherit;
}

.quY1eaHr066.zOOuUH1e .ngsdD8Xt,
.quY1eaHr066.k22ESEJn .ngsdD8Xt {
    flex: 0 0 50%;
    width: 50%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quY1eaHr066.zOOuUH1e .ngsdD8Xt img,
.quY1eaHr066.k22ESEJn .ngsdD8Xt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Reverse direction */
.quY1eaHr066.x9vgkFNjVJv .ikoZQjoXG03O,
.quY1eaHr066.k22ESEJn .ikoZQjoXG03O {
    flex-direction: row !important;
}

/* Height variants */
.quY1eaHr066.feU16ijKfc7 {
    min-height: 300px !important;
}

.quY1eaHr066.oHJVRm6Gkh {
    min-height: 400px !important;
}

.quY1eaHr066.eFRUoOaNco {
    min-height: 500px !important;
}

.quY1eaHr066.kHZnFLQqYF {
    min-height: auto !important;
    height: auto !important;
}

.quY1eaHr066.fe6gLPAb6hez {
    min-height: 100vh !important;
}

/* Content inner */
.quY1eaHr066.ldPh1bfy .wufylQ8u0,
.quY1eaHr066.x9vgkFNjVJv .wufylQ8u0,
.quY1eaHr066.zOOuUH1e .wufylQ8u0,
.quY1eaHr066.k22ESEJn .wufylQ8u0 {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 11 !important;
}

.quY1eaHr066.zOOuUH1e .wufylQ8u0,
.quY1eaHr066.k22ESEJn .wufylQ8u0 {
    width: 100%;
    max-width: 600px;
}

/* Section container */
.quY1eaHr066 .ikoZQjoXG03O {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: stretch;
    position: relative;
    z-index: 5;
}

.quY1eaHr066.ldPh1bfy .ikoZQjoXG03O,
.quY1eaHr066.zOOuUH1e .ikoZQjoXG03O {
    flex-direction: row !important;
}

/* Split content */
.quY1eaHr066.ldPh1bfy .yjPGEiQxyw,
.quY1eaHr066.x9vgkFNjVJv .yjPGEiQxyw,
.quY1eaHr066.zOOuUH1e .yjPGEiQxyw,
.quY1eaHr066.k22ESEJn .yjPGEiQxyw {
    flex: 1 1 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 50px 40px;
    box-sizing: border-box;
    min-height: 500px !important;
    background: inherit;
    position: relative;
    z-index: 10 !important;
}

/* Padding variants */
.quY1eaHr066.cjxi133vji0 .yjPGEiQxyw {
    padding: 10px 15px !important;
}

.quY1eaHr066.dnaz03hIJQ .yjPGEiQxyw {
    padding: 20px 25px !important;
}

.quY1eaHr066.zaiuNez0Pg .yjPGEiQxyw {
    padding: 30px 35px !important;
}

.quY1eaHr066.tuDQg0XTa .yjPGEiQxyw {
    padding: 50px 40px !important;
}

.quY1eaHr066.ypHHWdmY .yjPGEiQxyw {
    padding: 80px 50px !important;
}

/* Text alignment for split content */
.quY1eaHr066.text-left .yjPGEiQxyw {
    justify-content: flex-start !important;
}

.quY1eaHr066.text-right .yjPGEiQxyw {
    justify-content: flex-end !important;
}

/* Split visual */
.quY1eaHr066.ldPh1bfy .yJeMQpwMNn,
.quY1eaHr066.x9vgkFNjVJv .yJeMQpwMNn,
.quY1eaHr066.zOOuUH1e .yJeMQpwMNn,
.quY1eaHr066.k22ESEJn .yJeMQpwMNn {
    flex: 1 1 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    min-height: 500px !important;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

/* Split image */
.quY1eaHr066.ldPh1bfy .eiJQOrMt,
.quY1eaHr066.x9vgkFNjVJv .eiJQOrMt,
.quY1eaHr066.zOOuUH1e .eiJQOrMt,
.quY1eaHr066.k22ESEJn .eiJQOrMt {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: 0 !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.quY1eaHr066 .eiJQOrMt:hover {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}

/* Hide split elements in default layout */
.quY1eaHr066.fuUQdGu1iEoT .yjPGEiQxyw,
.quY1eaHr066.fuUQdGu1iEoT .yJeMQpwMNn,
.quY1eaHr066.iBGqlvE3 .yjPGEiQxyw,
.quY1eaHr066.iBGqlvE3 .yJeMQpwMNn {
    display: none !important;
}

.quY1eaHr066.fuUQdGu1iEoT .v8FnCmp7,
.quY1eaHr066.iBGqlvE3 .v8FnCmp7 {
    display: block !important;
}

/* Hide default content in split layouts */
.quY1eaHr066.ldPh1bfy .v8FnCmp7,
.quY1eaHr066.x9vgkFNjVJv .v8FnCmp7,
.quY1eaHr066.zOOuUH1e .v8FnCmp7,
.quY1eaHr066.k22ESEJn .v8FnCmp7 {
    display: none !important;
}

/* Default layout */
.quY1eaHr066.fuUQdGu1iEoT .ikoZQjoXG03O {
    justify-content: center;
    align-items: center;
}

.quY1eaHr066.fuUQdGu1iEoT .v8FnCmp7 {
    width: 100%;
    padding: 10px;
}

/* Text alignment */
.quY1eaHr066.text-left,
.quY1eaHr066.text-left .v8FnCmp7,
.quY1eaHr066.text-left .wufylQ8u0,
.quY1eaHr066.text-left .yjPGEiQxyw {
    text-align: left !important;
}

.quY1eaHr066.text-center,
.quY1eaHr066.text-center .v8FnCmp7,
.quY1eaHr066.text-center .wufylQ8u0,
.quY1eaHr066.text-center .yjPGEiQxyw {
    text-align: center !important;
}

.quY1eaHr066.text-right,
.quY1eaHr066.text-right .v8FnCmp7,
.quY1eaHr066.text-right .wufylQ8u0,
.quY1eaHr066.text-right .yjPGEiQxyw {
    text-align: right !important;
}

/* Button wrapper alignment */
.quY1eaHr066.text-left .pLXCKBft98A {
    display: flex;
    justify-content: flex-start !important;
}

.quY1eaHr066.text-center .pLXCKBft98A {
    display: flex;
    justify-content: center !important;
}

.quY1eaHr066.text-right .pLXCKBft98A {
    display: flex;
    justify-content: flex-end !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 991px) {
    /* Stack split layouts vertically on tablets and mobile */
    .quY1eaHr066.ldPh1bfy .ikoZQjoXG03O,
    .quY1eaHr066.x9vgkFNjVJv .ikoZQjoXG03O,
    .quY1eaHr066.zOOuUH1e .ikoZQjoXG03O,
    .quY1eaHr066.k22ESEJn .ikoZQjoXG03O {
        flex-direction: column !important;
    }

    .quY1eaHr066.ldPh1bfy .yjPGEiQxyw,
    .quY1eaHr066.x9vgkFNjVJv .yjPGEiQxyw,
    .quY1eaHr066.ldPh1bfy .yJeMQpwMNn,
    .quY1eaHr066.x9vgkFNjVJv .yJeMQpwMNn,
    .quY1eaHr066.zOOuUH1e .yjPGEiQxyw,
    .quY1eaHr066.k22ESEJn .yjPGEiQxyw,
    .quY1eaHr066.zOOuUH1e .v8FnCmp7,
    .quY1eaHr066.k22ESEJn .v8FnCmp7,
    .quY1eaHr066.zOOuUH1e .ngsdD8Xt,
    .quY1eaHr066.k22ESEJn .ngsdD8Xt {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 300px !important;
    }
}