/*
Theme Name: WUDE — Удэ
Theme URI: https://wudeschool.com/
Author: WUDE local design
Description: Редактируемая главная страница школы Удэ на стандартных блоках Gutenberg.
Version: 0.1.0
Text Domain: wude
*/
@import url("assets/all.min.css");

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&family=Roboto+Slab:wght@400;500&display=swap');
:root{--red:#b71f23;--ink:#121212;--muted:#7b7b7b;--paper:#f8f7f5;--wrap:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Manrope,Arial,sans-serif;background:#fff}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.site-wrap{width:min(calc(100% - 100px),var(--wrap));margin-inline:auto}.site-header{position:relative;z-index:99;background:#fff}.site-header__inner{min-height:94px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.brand-mark{font:700 63px/.9 serif;color:var(--red);width:80px;height:80px;flex:0 0 80px;object-fit:contain;max-width:none;}.brand-name{font-size:16px;line-height:1.35;font-weight:800;letter-spacing:.08em}.brand-name small{font-size:12px;font-weight:700;letter-spacing:.12em}.site-nav{display:flex;align-items:center;margin-left:auto}
.site-nav__list{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:14px;list-style:none;margin:0;padding:0;width:max-content;max-width:none;}
.site-nav__list li{position:relative;list-style:none;margin:0;padding:0}
.site-nav__list>li>a{display:flex;align-items:center;gap:8px;padding:8px 0;line-height:1.35;}.site-nav__list a > i.fa-light {
    font-family: "Font Awesome 7 Pro" !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 16px;
    width: 20px;
    flex: 0 0 20px;
    text-align: center;
    color: var(--red);
}
.site-nav__list .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:230px;
    padding:8px 0;
    margin:0;
    list-style:none;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    z-index:100;
}

/* Wude: третий и последующие уровни меню */
@media (min-width: 768px) {
    .site-nav__list .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    }
}

.site-nav__list li:hover>.sub-menu,
.site-nav__list li:focus-within>.sub-menu{display:block}
.site-nav__list .sub-menu a{
    display:block;
    padding:9px 17px 9px 45px;
    white-space:normal;
    font-weight:500;
    line-height:1.5;
    position:relative;
}

.site-nav__list .sub-menu a > i{
    position:absolute;
    left:17px;
    top:12px;
    width:20px;
    text-align:center;
}
.site-nav__list .sub-menu a:hover{background:#f8f4ef}.site-nav a{font-size:13px;font-weight:600;white-space:nowrap}.site-nav a:hover{color:var(--red)}.lang{font-size:12px;font-weight:800;color:var(--red)}.nav-toggle{display:none;background:none;border:0;font-size:26px;cursor:pointer}.wude-page{overflow:hidden}.wude-section{position:relative}.wude-section .wp-block-group__inner-container{max-width:var(--wrap);margin:auto}.wude-eyebrow{font:800 13px/1.4 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--red)}.wude-title{font:700 clamp(38px,5vw,92px)/1.05 Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.018em;margin:18px 0 22px}.wude-lead{font-size:17px;max-width:610px;line-height:1.75}.wude-btn.wp-block-button .wp-block-button__link{background:var(--red);border-radius:0;padding:17px 34px;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.wude-btn.wp-block-button .wp-block-button__link:hover{background:#8d161a;color:#fff}.wude-hero{min-height:690px;padding:84px max(5vw,40px) 75px;display:flex;align-items:center;background:#fff url('assets/wude-hero-new.webp') no-repeat right center;background-size:auto 100%}.wude-hero>.wp-block-group__inner-container{width:min(100%,var(--wrap))}.wude-hero .wude-title{font-size:clamp(64px,6.5vw,132px);max-width:730px}.wude-hero .wude-lead{max-width:570px}.wude-hero .wude-btn{margin-top:30px}.wude-history{background:#a9181d url('assets/red-temple.webp') no-repeat right center;background-size:auto 100%;color:#fff;padding:75px max(5vw,40px)}.wude-history .wude-eyebrow{color:#ffd1d1}.wude-history .wp-block-columns{gap:8%;align-items:center}.wude-history .wude-title{font-size:clamp(48px,5.8vw,108px);margin:10px 0}.wude-history .wude-year{font:700 clamp(68px,7vw,145px)/1 Oswald,sans-serif;margin:0}.wude-history .wude-lead{font-size:15px;max-width:550px}.wude-feature{padding:95px max(4.5vw,35px)}.wude-feature>.wp-block-group__inner-container{max-width:var(--wrap)}.wude-feature .wp-block-columns{gap:26px}.wude-feature-card{min-height:580px;padding:28px 30px 290px;background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;border-right:1px solid #eee}.wude-feature-card .wude-title{font-size:clamp(34px,3vw,55px)}.wude-feature-card .wude-lead{font-size:15px}.wude-feature-card a{color:var(--red);font-weight:800;font-size:13px}.wude-feature-card.trad{background-image:url('assets/card-traditions.webp')}.wude-feature-card.masters{background-image:url('assets/card-masters.webp')}.wude-feature-card.travel{background-image:url('assets/card-travel.webp')}.wude-media{background:#111517;color:#fff;padding:85px max(4.5vw,35px)}.wude-media .wude-eyebrow{color:#f16565}.wude-media h2{font:500 clamp(38px,4vw,72px)/1.2 'Roboto Slab',serif;margin:12px 0}.wude-media .wude-lead{font-size:15px;color:#ccc}.wude-media .wp-block-columns{gap:22px}.wude-video-main{min-height:420px;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 70%),url('assets/film-main.webp') center/cover;display:flex;align-items:flex-end;padding:34px;margin:32px 0 20px}.wude-video-main h3{font:500 34px/1.2 'Roboto Slab',serif;margin:3px 0}.wude-video-main p{margin:0}.wude-film{min-height:220px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:20px;position:relative}.wude-film p{background:rgba(0,0,0,.6);padding:4px 8px;margin:0;font-size:13px;font-weight:800}.wude-film.one{background-image:url('assets/film-china.webp')}.wude-film.two{background-image:url('assets/film-seminar.webp')}.wude-film.three{background-image:url('assets/film-master.webp')}.wude-film.four{background-image:url('assets/film-nature.webp')}.wude-quote{min-height:480px;background:#fff url('assets/quote-landscape.webp') no-repeat right bottom;background-size:auto 100%;padding:100px max(5vw,40px)}.wude-quote .wude-title{font-size:clamp(44px,5vw,90px)}.wude-quote .wude-lead{max-width:500px}
.wude-articles{padding:0px}
.wude-articles .wude-title{font-size:clamp(38px,4vw,65px)}.wude-articles 
.wp-block-columns{gap:20px}.wude-article{padding: 0;min-height: 0;background:#fafafa center top/100% auto no-repeat}.wude-article .wude-title{font-size:33px}.wude-article a{color:var(--red);font-size:13px;font-weight:800}.wude-article.main{background-image:url('assets/article-main.webp')}.wude-article.master{background-image:url('assets/article-master.webp')}.wude-article.tea{background-image:url('assets/article-tea.webp')}.wude-archive{background:#a21b21 url('assets/archive-art.webp') right center/auto 100% no-repeat;color:#fff;padding:80px max(5vw,40px)}.wude-archive .wude-title{font-size:clamp(45px,5vw,85px)}.wude-archive .wude-btn .wp-block-button__link{border:1px solid white;background:transparent}.site-footer{border-top:1px solid #eee;padding:55px 0 35px}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-grid p{font-size:12px;color:#888}.footer-links{display:flex;gap:30px;font-size:13px}.copyright{border-top:1px solid #eee;padding-top:20px;font-size:11px;color:#999;margin-top:35px}.wp-block-group{box-sizing:border-box}.wp-block-columns{margin-bottom:0}.wude-page :where(h1,h2,h3,p){overflow-wrap:break-word}@media(max-width:1050px){.site-wrap{width:calc(100% - 48px)}.site-nav{gap:13px}.site-nav a{font-size:11px}.wude-hero{min-height:620px;background-position:90% center}.wude-hero .wude-title{font-size:80px}.wude-feature-card{min-height:510px;padding-bottom:220px}}@media(max-width:767px){.site-wrap{width:calc(100% - 30px)}.site-header__inner{min-height:75px}.brand-mark{font-size:46px}.brand-name{font-size:13px}.nav-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:22px 20px;box-shadow:0 16px 30px #0002;flex-direction:column;align-items:flex-start;gap:16px}.site-nav.is-open{display:flex}.site-nav a{font-size:15px}
.site-nav__list{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
.site-nav__list>li>a{padding:10px 0}
.site-nav__list .sub-menu{
    display:block;
    position:static;
    min-width:0;
    padding:0 0 8px 18px;
    box-shadow:none;
}
.site-nav__list .sub-menu a{padding:7px 0}
.lang{display:none}.wude-hero{min-height:670px;align-items:start;padding:65px 20px 350px;background-size:auto 58%;background-position:right bottom}.wude-hero .wude-title{font-size:clamp(54px,13vw,80px);max-width:530px}.wude-lead{font-size:14px}.wude-history,.wude-feature,.wude-media,.wude-quote,.wude-articles,.wude-archive{padding:60px 20px}.wude-history{background-size:auto 52%;background-position:right bottom;padding-bottom:200px}.wude-history .wp-block-columns{gap:10px}.wude-feature .wp-block-columns,.wude-media .wp-block-columns,.wude-articles .wp-block-columns{display:block}.wude-feature-card{min-height:525px;margin-bottom:25px}.wude-media .wude-film{margin:0 0 14px;min-height:190px}.wude-video-main{min-height:320px}.wude-quote{padding-bottom:250px;background-size:auto 48%}.wude-article{margin:0 0 18px;min-height:450px}.wude-archive{background-size:auto 60%;background-position:right bottom;padding-bottom:200px}.footer-grid{display:block}.footer-links{margin-top:22px;flex-wrap:wrap}.wude-title{line-height:1.08}}
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.site-nav a {
    font-size: 15px;
    text-align: left !important;
}
.site-nav {
    margin-left: auto;
    margin-right: 0;
}
h1, h2 {
    line-height: 1.35em !important;
}

/* WUDE KANJI FIX */
.wude-hero {
    position: relative;
    padding-left: clamp(145px, 14vw, 260px);
}

.wude-hero .wude-hero-kanji {
    position: absolute;
    left: clamp(35px, 6vw, 120px);
    top: 70px;
    margin: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-family: "Songti SC", "Hiragino Mincho ProN", serif;
    font-size: clamp(48px, 4.7vw, 84px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .08em;
    color: #bababa;
    z-index: 2;
}
/* WUDE — контейнер слайдера */
.wude-slider-container,
.wp-block-group.wude-slider-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 80px 0 !important;
    box-sizing: border-box;
    float: none !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

/* Планшет */
@media (max-width: 1024px) {
    .wude-slider-container,
    .wp-block-group.wude-slider-container {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

/* Телефон */
@media (max-width: 767px) {
    .wude-slider-container,
    .wp-block-group.wude-slider-container {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 767px) {
    .wude-hero {
        padding-left: 105px;
    }
    .wude-hero .wude-hero-kanji {
        left: 20px;
        top: 60px;
        font-size: 38px;
    }
}

/* WUDE — single post container */
.wude-single-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 15px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .wude-single-container {
        padding: 30px 15px;
    }
}

/* WUDE — адаптивное видео в статьях */
.wude-single-content .wp-block-embed,
.wude-single-content .wp-block-embed__wrapper,
.wude-single-content .wp-block-video,
.wude-single-content .wp-video,
.wude-single-content .video-container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wude-single-content iframe[src*="youtube.com"],
.wude-single-content iframe[src*="youtube-nocookie.com"],
.wude-single-content iframe[src*="youtu.be"],
.wude-single-content .wp-block-embed.is-type-video iframe {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    border: 0;
}

.wude-single-content .wp-block-embed__wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
}

.wude-single-content .wp-block-embed__wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
}

.wude-single-content video,
.wude-single-content .wp-block-video video {
    display: block;
    width: 100%;
    height: auto;
}



/* WUDE SINGLE 900 START */
.wude-single-container {
    width: calc(100% - 30px) !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 60px 0 !important;
    box-sizing: border-box;
}

.wude-single-content {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.7;
}

.wude-single-content img,
.wude-single-content video,
.wude-single-content iframe {
    max-width: 100%;
}

.wude-single-content iframe[src*="youtube.com"],
.wude-single-content iframe[src*="youtube-nocookie.com"] {
    display: block;
    width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    border: 0;
}

.wude-single-content .wp-block-embed,
.wude-single-content .wp-block-embed__wrapper {
    width: 100%;
    max-width: 100%;
}

.wude-single-content .wp-block-embed__wrapper iframe {
    width: 100% !important;
}

@media (max-width: 767px) {
    .wude-single-container {
        padding: 30px 0 !important;
    }
}
/* WUDE SINGLE 900 END */


.wude-category-slide__title {
    font: 700 clamp(22px, 2.9vw, 36px) / 1.07 Oswald, Impact, sans-serif !important;
    color: #111;
    max-width: 270px;
}

/* WUDE SINGLE HERO */
.wude-single-hero {
    position: relative;
    width: 100%;
    height: 750px;
    overflow: hidden;
    margin: 0 0 40px;
}

.wude-single-hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wude-single-title {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    margin: 0;
    color: #fff;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.65);
    z-index: 2;
}

.wude-single-title--plain {
    position: static;
    color: #111;
    text-shadow: none;
    margin: 0 0 30px;
}

.wude-single-content {
    width: 100%;
}

@media (max-width: 991px) {
    .wude-single-hero {
        height: 520px;
    }

    .wude-single-title {
        top: 30px;
        left: 30px;
        right: 30px;
    }
}

@media (max-width: 767px) {
    .wude-single-hero {
        height: 380px;
        margin-bottom: 25px;
    }

    .wude-single-title {
        top: 20px;
        left: 20px;
        right: 20px;
    }
}

/* WUDE SINGLE HERO */
.wude-single-hero {
    position: relative !important;
    height: 750px;
    overflow: hidden;
}

.wude-single-hero > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wude-single-hero > h1 {
    position: absolute !important;
    top: 50px !important;
    left: 50px !important;
    right: 50px;
    z-index: 10;
    margin: 0 !important;
    color: #fff !important;
    font-size: 50px;
    line-height: 1.2;
    text-shadow: 0 3px 15px rgba(0,0,0,.8);
}

/* WUDE SINGLE HERO — POSITION */
.wude-single-hero {
    position: relative !important;
    height: 750px !important;
    overflow: hidden;
}

.wude-single-hero > img.wp-post-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wude-single-hero > h1.wude-single-title {
    position: absolute !important;
    top: 50px !important;
    left: 50px !important;
    right: 50px !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 10;
    margin: 0 !important;
    color: #fff !important;
    font-size: 50px;
    line-height: 1.2;
    text-shadow: 0 3px 15px rgba(0,0,0,.8);
}
/* WUDE FIRST PARAGRAPH */
body.single .wude-single-content > p:first-of-type {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
}
.wbd-subname i.fa-light {
    font-family: "Font Awesome 7 Pro" !important;
    font-style: normal !important;
    font-weight: 300 !important;
}
body.blog .wbd-hero {
    background-image: url('/wp-content/uploads/wude-design/wude-background.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-size:  100%;
    z-index: 22;
}
body.blog .wbd-hero {
    color: white;
}





/* WUDE SHARE — sidebar, before Popular */







/* WUDE SHARE — compact spacing */








/* WUDE SHARE — compact spacing */








/* WUDE SHARE — compact spacing */








/* WUDE — Instagram gradient hover */



/* Instagram — без цветной обводки */


/* Instagram — без цветной обводки */



/* WUDE MEDIA GUTENBERG V2 */

.wude-media {
    position: relative;
    background: #111517;
    color: #fff;
}

.wude-media .wude-media-featured {
    position: relative;
    margin: 34px 0 26px;
    padding: 0;
    background: none;
    min-height: 0;
}

.wude-media .wp-block-video {
    width: 100%;
    margin: 0;
    position: relative;
}

.wude-media .wp-block-video video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: #080a0b;
}

.wude-media .wude-media-featured video {
    max-height: 680px;
}

.wude-media .wude-media-kind {
    margin: 20px 0 5px;
    color: #f16565;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.wude-media .wude-media-video-title {
    margin: 0 0 8px;
    color: #fff;
    font: 500 clamp(25px,3vw,36px)/1.2
          'Roboto Slab',serif;
}

.wude-media .wude-media-description {
    margin: 0;
    color: #c6c9ca;
    font-size: 14px;
    line-height: 1.6;
}

.wude-media .wude-media-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 22px;
    margin: 30px 0 0;
    padding: 0;
}

.wude-media .wude-media-card {
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    background: none;
}

.wude-media .wude-media-card-title {
    margin: 12px 0 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

/* Планшет: две колонки */

@media (min-width:768px) and (max-width:1169px) {

    .wude-media .wude-media-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

}

/* Мобильный: одна колонка */

@media (max-width:767px) {

    .wude-media .wude-media-grid {
        grid-template-columns: minmax(0,1fr);
        gap: 28px;
    }

    .wude-media .wude-media-featured {
        margin-top: 25px;
    }

    .wude-media .wude-media-card {
        margin: 0;
    }

}

/* END WUDE MEDIA GUTENBERG V2 */

/* WUDE MEDIA GRID FIX */
.wude-media > .wp-block-group__inner-container {
    width: 100%;
    max-width: var(--wrap);
    margin-inline: auto;
}

.wude-media .wude-media-grid {
    display: grid !important;
    width: 100%;
    max-width: none;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px;
}

.wude-media .wude-media-grid > .wp-block-group__inner-container {
    display: contents;
}

.wude-media .wude-media-card {
    width: 100%;
    min-width: 0;
}

.wude-media .wude-media-card .wp-block-video {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1169px) {
    .wude-media .wude-media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .wude-media .wude-media-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
/* END WUDE MEDIA GRID FIX */


/* WUDE HEADER SEARCH */

.site-nav .wude-header-search {
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    margin-left: 16px;
    z-index: 110;
}

.wude-header-search__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #202020;
    cursor: pointer;
    list-style: none;
}

.wude-header-search__toggle::-webkit-details-marker {
    display: none;
}

.wude-header-search__toggle::marker {
    content: "";
}

.wude-header-search__toggle i {
    font-family: "Font Awesome 7 Pro";
    font-size: 19px;
    font-weight: 300;
    font-style: normal;
    transition: color .25s ease;
}

.wude-header-search__toggle:hover,
.wude-header-search[open] .wude-header-search__toggle {
    color: #b71f23;
}

.wude-header-search__form {
    position: absolute;
    right: 42px;
    top: 50%;
    transform: translateY(-50%);

    width: 0;
    height: 42px;
    overflow: hidden;
    opacity: 0;

    background: #fff;
    transition: width .3s ease, opacity .25s ease;
}

.wude-header-search[open] .wude-header-search__form {
    width: 228px;
    overflow: visible;
    opacity: 1;
}

.wude-header-search__form input {
    display: block;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 14px;

    border: 1px solid #d5d5d5;
    border-radius: 0;
    background: #fff;

    color: #202020;
    font: 400 14px/1.4 Montserrat, sans-serif;
    outline: none;
}

.wude-header-search__form input:focus {
    border-color: #b71f23;
}

.wude-header-search__toggle:focus-visible {
    outline: 2px solid #b71f23;
    outline-offset: 2px;
}

@media (max-width: 767px) {

    .site-nav .wude-header-search {
        width: 100%;
        height: auto;
        flex: 0 0 auto;
        margin: 12px 0 0;
    }

    .wude-header-search__toggle {
        justify-content: flex-start;
    }

    .wude-header-search__form {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        height: 0;
        max-width: 270px;
    }

    .wude-header-search[open] .wude-header-search__form {
        width: 100%;
        height: 42px;
    }
}


/* WUDE SEARCH MENU MOVEMENT */

@media (min-width: 768px) {
    .site-nav__list {
        position: relative;
        transition: transform 350ms cubic-bezier(.22,1,.36,1);
    }

    .site-nav:has(.wude-header-search[open]) .site-nav__list {
        transform: translateX(-228px);
    }
}

/* END WUDE HEADER SEARCH */




/* WUDE SLIDER SECTION FULL WIDTH */

/* Первая секция со слайдером рубрик */
.wude-page .wp-block-columns:has(> .wude-slider-container) {
    position: relative;
    isolation: isolate;
    background: #f4f4f4;
}

/* Фон растягивается до краёв экрана */
.wude-page .wp-block-columns:has(> .wude-slider-container)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #f4f4f4;
    z-index: -1;
    pointer-events: none;
}

/* Убираем белый фон между шапкой и карточками */
.wude-page .wude-slider-container {
    background: transparent;
}

/* END WUDE SLIDER SECTION FULL WIDTH */


/* WUDE UNIFIED SECTION ALIGNMENT START */

.wude-page {
    --wude-section-gutter:
        max(24px, calc((100vw - 1440px) / 2 + 24px));
}

.wude-page .wude-history,
.wude-page .wude-media,
.wude-page .wude-quote,
.wude-page .wude-articles,
.wude-page .wude-archive {
    padding-left: var(--wude-section-gutter);
    padding-right: var(--wude-section-gutter);
}

/* Третий блок: фон на всю ширину экрана */

.wude-page .wp-block-columns:has(> .wude-slider-container) {
    position: relative;
    left: 50%;
    width: 100vw !important;
    max-width: none !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    background: #f4f4f4;
}

/* Одна ширина для заголовка и карточек */

.wude-page .wude-slider-container .wude-slider-heading,
.wude-page .wude-slider-container .wude-category-slider {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .wude-page {
        --wude-section-gutter: 16px;
    }

    .wude-page .wude-slider-container .wude-slider-heading,
    .wude-page .wude-slider-container .wude-category-slider {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

.video-five.wp-block-paragraph {
    display: inline-block !important;
    padding-bottom: 30px;
}
/* WUDE UNIFIED SECTION ALIGNMENT END */


/* WUDE_VIDEO_ALIGN_ONLY */
.wude-media .wp-block-embed__wrapper iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    display: block;
}


/* WUDE_VIDEO_FRAME_FINAL */
.wude-media .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.wude-media .wp-block-embed__wrapper::before {
    content: none !important;
    padding: 0 !important;
}

.wude-media .wp-block-embed__wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    display: block;
}

.wude-media .wp-block-embed {
    margin-bottom: 15px;
}

/* WUDE — персональные онлайн-тренировки */
.wude-page .wude-online-training {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    min-height: 600px;
    padding: 28px max(5vw, 40px) 55px;
    color: #fff;
    background: #850b0d url('/wp-content/uploads/wude-design/wude-training-background.webp')
        center center / cover no-repeat;
}

.wude-online-training > .wp-block-group__inner-container {
    max-width: 1440px;
    margin: 0 auto;
}

.wude-online-training .wude-training-brand {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.wude-online-training .wude-training-brand .wp-block-site-logo {
    margin: 0;
}

.wude-online-training .wude-training-brand p {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
}

.wude-online-training .wude-training-title {
    max-width: 700px;
    margin: 20px 0 20px;
    color: #fff;
    font-family: Oswald, Impact, sans-serif;
    font-size: clamp(42px, 4vw, 70px);
    font-weight: 700;
    line-height: 1.08;
    text-transform: uppercase;
}

.wude-online-training .wude-training-description {
    max-width: 660px;
    margin: 0 0 28px;
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
}

.wude-online-training .wude-training-actions {
    margin-top: 22px;
}

.wude-online-training .wude-training-telegram .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 30px;
    border: 1px solid #b0b0b0;
    border-radius: 0;
    background: transparent;
    color: #b0b0b0;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: color .25s ease, border-color .25s ease;
}

.wude-online-training .wude-training-telegram .wp-block-button__link:hover,
.wude-online-training .wude-training-telegram .wp-block-button__link:focus-visible {
    color: #229ed9;
    border-color: #229ed9;
    background: transparent;
}

@media (max-width: 767px) {
    .wude-page .wude-online-training {
        min-height: 780px;
        padding: 30px 20px 380px;
        background-size: auto 100%;
        background-position: 57% bottom;
    }

    .wude-online-training .wude-training-title {
        max-width: 100%;
        font-size: clamp(36px, 9vw, 54px);
    }

    .wude-online-training .wude-training-description {
        max-width: 100%;
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    .wude-page .wude-online-training {
        background-position: calc(50% + 70px) center;
    }
}


@media (min-width: 768px) {
    .wude-page .wude-online-training {
        background-position: calc(50% + 140px) center;
    }
}

/* Telegram — круглая иконка */
.wude-online-training .wude-training-telegram .wp-block-button__link {
    width: 60px;
    height: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b0b0b0;
    border-radius: 50%;
    background: transparent;
    color: #b0b0b0;
    font-size: 0;
    transition: color .25s ease, border-color .25s ease;
}

.wude-online-training .wude-training-telegram .wp-block-button__link::before {
    content: "\f2c6";
    font-family: "Font Awesome 7 Brands", "Font Awesome 6 Brands", "Font Awesome 5 Brands";
    font-size: 27px;
    font-weight: 400;
}

.wude-online-training .wude-training-telegram .wp-block-button__link:hover,
.wude-online-training .wude-training-telegram .wp-block-button__link:focus-visible {
    color: #229ed9;
    border-color: #229ed9;
    background: transparent;
}

/* === WUDE CF1 DESIGN START === */

div[id^="wpcf7-f5697-"] form {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #202020;
}

/* Two-column layout */

div[id^="wpcf7-f5697-"] .cf-left1,
div[id^="wpcf7-f5697-"] .cf-right1 {
    width: calc(50% - 12px);
    margin-bottom: 26px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
}

div[id^="wpcf7-f5697-"] .cf-left1 {
    float: left;
    clear: left;
}

div[id^="wpcf7-f5697-"] .cf-right1 {
    float: right;
}

/* Input fields */

div[id^="wpcf7-f5697-"] input[type="text"],
div[id^="wpcf7-f5697-"] input[type="tel"],
div[id^="wpcf7-f5697-"] input[type="email"],
div[id^="wpcf7-f5697-"] input[type="date"],
div[id^="wpcf7-f5697-"] select,
div[id^="wpcf7-f5697-"] textarea {
    display: block;
    width: 100%;
    min-height: 52px;
    margin-top: 8px;
    padding: 12px 16px;
    box-sizing: border-box;

    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;

    color: #202020;
    background: #fafafa;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;

    transition: border-color .25s ease,
                background-color .25s ease,
                box-shadow .25s ease;
}

div[id^="wpcf7-f5697-"] input::placeholder,
div[id^="wpcf7-f5697-"] textarea::placeholder {
    color: #929292;
    opacity: 1;
}

/* Focus */

div[id^="wpcf7-f5697-"] input:focus,
div[id^="wpcf7-f5697-"] select:focus,
div[id^="wpcf7-f5697-"] textarea:focus {
    border-color: #a52026;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(165,32,38,.08);
}

div[id^="wpcf7-f5697-"] select {
    cursor: pointer;
}

/* Section headings */

div[id^="wpcf7-f5697-"] h3 {
    clear: both;
    position: relative;
    margin: 26px 0 28px;
    padding: 0 0 14px;

    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: #202020;

    border-bottom: 1px solid #dedede;
}

div[id^="wpcf7-f5697-"] h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 65px;
    height: 2px;
    background: #a52026;
}

/* Clear floats */

div[id^="wpcf7-f5697-"] .clear {
    clear: both;
}

div[id^="wpcf7-f5697-"] form::after {
    content: '';
    display: table;
    clear: both;
}

/* Submit button */

div[id^="wpcf7-f5697-"] input[type="submit"] {
    display: inline-block;
    min-width: 220px;
    min-height: 54px;
    padding: 15px 32px;

    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;

    color: #fff;
    background: #a52026;
    border: 1px solid #a52026;
    border-radius: 3px;
    cursor: pointer;

    transition: background-color .25s ease,
                border-color .25s ease;
}

div[id^="wpcf7-f5697-"] input[type="submit"]:hover,
div[id^="wpcf7-f5697-"] input[type="submit"]:focus-visible {
    background: #202020;
    border-color: #202020;
}

/* Validation */

div[id^="wpcf7-f5697-"] .wpcf7-not-valid {
    border-color: #a52026 !important;
}

div[id^="wpcf7-f5697-"] .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 13px;
    color: #a52026;
}

/* Mobile */

@media (max-width: 767px) {
    div[id^="wpcf7-f5697-"] .cf-left1,
    div[id^="wpcf7-f5697-"] .cf-right1 {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
    }

    div[id^="wpcf7-f5697-"] h3 {
        font-size: 20px;
    }

    div[id^="wpcf7-f5697-"] input[type="submit"] {
        width: 100%;
    }
}

/* === WUDE CF1 DESIGN END === */