.va-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
font-family:var(--font-main);
font-weight:600;
line-height:1;
text-decoration:none;
cursor:pointer;
border-radius:14px;
font-size:14px;
padding:12px 18px;
transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

/* =====================================================
   VA CLINIC — ФІНАЛЬНИЙ МОБІЛЬНИЙ БУРГЕР
   Завантажується після menu.css і прибирає конфлікти
   стандартних стилів WordPress та Safari.
   ===================================================== */

@media (max-width: 1024px) {

    html,
    body {
        overflow-x: hidden;
    }

    /* Кнопка відкриття / закриття меню */
    html body button.va-burger-btn {
        box-sizing: border-box;
        position: relative;
        z-index: 1000001;

        display: flex;
        flex: 0 0 48px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;

        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
        max-width: 48px;
        max-height: 48px;

        margin: 0 0 0 auto;
        padding: 0;

        color: #d6ad52;
        background: transparent;
        border: 0;
        border-radius: 12px;
        box-shadow: none;

        font: inherit;
        line-height: 1;

        appearance: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;

        cursor: pointer;
    }

    html body button.va-burger-btn span {
        display: block;
        flex: 0 0 2px;

        width: 28px;
        height: 2px;
        min-height: 2px;

        margin: 0;
        padding: 0;

        background: currentColor;
        border: 0;
        border-radius: 2px;

        transform-origin: center;
        transition: transform 0.25s ease, opacity 0.2s ease;
        pointer-events: none;
    }

    html body button.va-burger-btn.active {
        color: #d6ad52;
        background: rgba(8, 8, 8, 0.92);
        border: 1px solid rgba(214, 173, 82, 0.55);
    }

    html body button.va-burger-btn.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    html body button.va-burger-btn.active span:nth-child(2) {
        opacity: 0;
    }

    html body button.va-burger-btn.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    /* Затемнення сторінки */
    html body .menu-overlay {
        position: fixed;
        inset: 0;
        z-index: 999998;

        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        background: rgba(0, 0, 0, 0.72);
        transition: opacity 0.25s ease, visibility 0.25s ease;
    }

    html body .menu-overlay.active {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    /* Панель меню */
    html body nav.mobile-menu {
        box-sizing: border-box;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 999999;

        display: block;
        width: min(380px, calc(100vw - 24px));
        max-width: none;
        height: 100dvh;
        min-height: 100vh;

        margin: 0;
        padding: calc(78px + env(safe-area-inset-top, 0px))
                 calc(18px + env(safe-area-inset-right, 0px))
                 calc(30px + env(safe-area-inset-bottom, 0px))
                 18px;

        color: #ffffff;
        background:
            linear-gradient(180deg, rgba(214, 173, 82, 0.045), transparent 190px),
            #080808;
        border: 0;
        border-left: 1px solid rgba(214, 173, 82, 0.28);
        border-radius: 0;
        box-shadow: -22px 0 55px rgba(0, 0, 0, 0.58);

        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;

        transform: translate3d(100%, 0, 0);
        transition: transform 0.28s ease;
    }

    html body nav.mobile-menu.active {
        transform: translate3d(0, 0, 0);
    }

    html body nav.mobile-menu .mobile-menu-title {
        display: block;
        margin: 0 0 8px;
        padding: 0 54px 16px 2px;

        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);

        font-size: 19px;
        font-weight: 700;
        line-height: 1.25;
    }

    /* Список і основні пункти */
    html body nav.mobile-menu ul.mobile-nav,
    html body nav.mobile-menu ul.sub-menu {
        list-style: none;
    }

    html body nav.mobile-menu ul.mobile-nav {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    html body nav.mobile-menu ul.mobile-nav li {
        box-sizing: border-box;
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
    }

    html body nav.mobile-menu ul.mobile-nav > li > a,
    html body nav.mobile-menu ul.mobile-nav > li > a:visited {
        box-sizing: border-box;
        display: flex;
        align-items: center;

        width: 100%;
        min-height: 54px;
        margin: 0;
        padding: 12px 56px 12px 2px;

        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.085);

        font-size: 17px;
        font-weight: 600;
        line-height: 1.4;
        text-align: left;
        text-decoration: none;

        white-space: normal;
        overflow-wrap: anywhere;
    }

    html body nav.mobile-menu ul.mobile-nav > li.current-menu-item > a,
    html body nav.mobile-menu ul.mobile-nav > li.current-menu-ancestor > a {
        color: #d6ad52 !important;
        -webkit-text-fill-color: #d6ad52 !important;
    }

    /* Окрема велика кнопка зі стрілкою для групи */
    html body nav.mobile-menu button.submenu-toggle {
        box-sizing: border-box;
        position: absolute;
        top: 3px;
        right: 0;
        z-index: 3;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
        max-width: 48px;
        max-height: 48px;

        margin: 0;
        padding: 0;

        color: #d6ad52;
        background: transparent;
        border: 0;
        border-radius: 12px;
        box-shadow: none;

        font-size: 0;
        line-height: 0;

        appearance: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;

        cursor: pointer;
        pointer-events: auto;
    }

    html body nav.mobile-menu button.submenu-toggle::before {
        content: "";
        display: block;

        width: 10px;
        height: 10px;

        border: 0;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;

        transform: translateY(-2px) rotate(45deg);
        transition: transform 0.2s ease;
    }

    html body nav.mobile-menu button.submenu-toggle[aria-expanded="true"] {
        background: rgba(214, 173, 82, 0.1);
    }

    html body nav.mobile-menu button.submenu-toggle[aria-expanded="true"]::before {
        transform: translateY(3px) rotate(225deg);
    }

    html body nav.mobile-menu button.submenu-toggle:focus-visible,
    html body button.va-burger-btn:focus-visible {
        outline: 2px solid #d6ad52;
        outline-offset: 2px;
    }

    /* Підгрупи */
    html body nav.mobile-menu ul.sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;

        width: 100%;
        max-height: none;
        margin: 0;
        padding: 6px 0 8px 14px;

        background: transparent;
        border: 0;
        border-left: 1px solid rgba(214, 173, 82, 0.25);
        box-shadow: none;

        overflow: visible;
        transform: none;
        transition: none;
    }

    html body nav.mobile-menu li.menu-item-has-children.active > ul.sub-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        max-height: none;
    }

    html body nav.mobile-menu ul.sub-menu a,
    html body nav.mobile-menu ul.sub-menu a:visited {
        box-sizing: border-box;
        display: flex;
        align-items: center;

        width: 100%;
        min-height: 48px;
        margin: 0;
        padding: 10px 54px 10px 10px;

        color: #d2d2d2 !important;
        -webkit-text-fill-color: #d2d2d2 !important;
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.055);

        font-size: 15px;
        font-weight: 500;
        line-height: 1.45;
        text-align: left;
        text-decoration: none;

        white-space: normal;
        overflow-wrap: anywhere;
    }

    html body nav.mobile-menu ul.sub-menu ul.sub-menu {
        margin-left: 4px;
        padding-left: 10px;
    }

    /* Запис і телефон у нижній частині меню */
    html body nav.mobile-menu .mobile-menu-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;

        width: 100%;
        margin: 22px 0 0;
        padding: 20px 0 0;

        border-top: 1px solid rgba(255, 255, 255, 0.11);
    }

    html body nav.mobile-menu a.mobile-menu-cta,
    html body nav.mobile-menu a.mobile-menu-cta:visited,
    html body nav.mobile-menu a.mobile-menu-phone,
    html body nav.mobile-menu a.mobile-menu-phone:visited {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        min-height: 52px;
        margin: 0;
        padding: 10px 15px;

        border-radius: 13px;

        font-size: 15px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
    }

    html body nav.mobile-menu a.mobile-menu-cta,
    html body nav.mobile-menu a.mobile-menu-cta:visited {
        color: #17120a !important;
        -webkit-text-fill-color: #17120a !important;
        background: linear-gradient(180deg, #f0d178, #d4a43e);
        border: 1px solid #d6ad52;
        box-shadow: 0 10px 25px rgba(201, 151, 62, 0.18);
    }

    html body nav.mobile-menu a.mobile-menu-phone,
    html body nav.mobile-menu a.mobile-menu-phone:visited {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(214, 173, 82, 0.4);
    }

    /* Під час відкритого меню нічого не перекриває навігацію */
    body.menu-open {
        width: 100%;
        overflow: hidden;
    }

    body.menu-open .va-call-fixed,
    body.menu-open #va-scroll-navigation,
    body.menu-open .va-scroll-nav,
    body.menu-open [id^="bingc-"],
    body.menu-open [class^="bingc-"],
    body.menu-open [class*=" bingc-"],
    body.menu-open iframe[src*="binotel"],
    body.menu-open iframe[src*="widgets"] {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 480px) {
    html body nav.mobile-menu {
        width: calc(100vw - 16px);
        padding-right: calc(16px + env(safe-area-inset-right, 0px));
        padding-left: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body nav.mobile-menu,
    html body .menu-overlay,
    html body button.va-burger-btn span,
    html body nav.mobile-menu button.submenu-toggle::before {
        transition: none;
    }
}
@media (hover:hover){
.va-btn:hover{
transform:translateY(-2px);
}
}
.va-btn.gold{
background:linear-gradient(
180deg,
var(--color-gold-soft),
var(--color-gold-light),
var(--color-gold)
);
color:#1a1a1a;
box-shadow:0 8px 20px rgba(201,151,62,0.35);
}
@media (hover:hover){
.va-btn.gold:hover{
box-shadow:0 16px 40px rgba(201,151,62,0.5);
}
}
.va-btn.dark{
background:rgba(20,20,20,0.7);
border:1px solid rgba(255,255,255,0.1);
color:#fff;
box-shadow:0 6px 16px rgba(0,0,0,0.3);
}
@media (hover:hover){
.va-btn.dark:hover{
background:rgba(201,151,62,0.1);
border-color:rgba(201,151,62,0.4);
color:var(--color-gold-light);
}
}
.va-btn.lg{
font-size:16px;
padding:16px 28px;
}
.va-btn.md{
font-size:14px;
}
.va-btn.sm{
font-size:13px;
padding:10px 14px;
border-radius:12px;
}
.hero-premium .va-btn{
position:relative;
z-index:3;
}
.va-main-cta{
margin-top:20px;
display:flex;
flex-direction:column;
gap:12px;
align-items:flex-start;
}
.va-main-cta .va-btn{
display:inline-flex;
}
.va-main-cta .va-btn + .va-btn{
margin-top:12px;
}
.va-contacts{
margin-top:15px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
@media (max-width:768px){
.va-btn.lg{
width:100%;
}
.va-contacts{
justify-content:center;
}
.va-contacts .va-btn{
flex:1;
min-width:140px;
}
}
.va-call-fixed{
position:fixed;
bottom:20px;
right:20px;
width:56px;
height:56px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
background:linear-gradient(
180deg,
var(--color-gold-light),
var(--color-gold)
);
color:#1a1200;
box-shadow:0 8px 20px rgba(201,151,62,0.35);
z-index:50;
}
a{
color:#C9A96E;
transition:0.3s;
}
a:hover{
color:#E5C07B;
}
body a{
color:#C9A96E;
}
body a:hover{
color:#E5C07B;
}
.va-btn.outline{
background:transparent;
border:1px solid rgba(201,151,62,0.4);
color:var(--color-gold-light);
}
@media (hover:hover){
.va-btn.outline:hover{
background:rgba(201,151,62,0.12);
border-color:#e8c77a;
}
}
.hero-premium .va-services{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:14px;
max-width:680px;
}
.hero-premium .va-services .va-btn{
width:100%;
text-align:center;
border-radius:16px;
}
@media (max-width:768px){
.hero-premium .va-services{
grid-template-columns: 1fr !important;
}
.hero-premium .title-top{
display: block;
}
}
.va-btn.gold,
.va-btn.gold:visited{
color:#1a1a1a !important;
opacity:1 !important;
filter:none !important;
-webkit-text-fill-color:#1a1a1a !important;
text-shadow:none !important;
}
h1, h2, h3, h4, h5, h6{
color:var(--color-gold-light) !important;
}
.va-title,
.our-doctors-hero h1,
.our-doctors-hero h2{
text-align:left;
max-width:100%;
width:100%;
margin:0;
}
.title-top{
display:block;
font-size:18px;
color:var(--color-text-secondary);
margin-bottom:10px;
}
.va-services-premium .va-services{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:12px;
margin-bottom:45px;
}
.va-services-premium .va-services > a{
display:flex;
align-items:center;
justify-content:center;
padding:14px 10px;
min-height:90px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
background:rgba(255,255,255,0.02);
text-align:center;
font-size:13px;
line-height:1.2;
text-decoration:none;
transition:
transform .2s ease,
box-shadow .2s ease,
border-color .2s ease,
background .2s ease;
}
.va-services-premium .va-services > a span{
display:block;
}
@media (hover:hover){
.va-services-premium .va-services > a:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.25);
border-color:rgba(201,151,62,0.35);
background:rgba(201,151,62,0.05);
}
}
.va-services-premium .va-services > a:active{
transform:scale(0.97);
}
.va-services-premium .va-services > a.is-highlight{
border-color:rgba(201,151,62,0.6);
background:linear-gradient(
180deg,
rgba(201,151,62,0.15),
rgba(201,151,62,0.05)
);
box-shadow:0 10px 30px rgba(201,151,62,0.2);
}
.va-hours-premium .va-hours-card{
background:rgba(255,255,255,0.02);
border:1px solid rgba(255,255,255,0.05);
border-radius:16px;
padding:20px;
margin-top:20px;
}
.va-hours-premium .va-hours-card .va-row{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,0.05);
}
.va-hours-premium .va-hours-card .time{
font-weight:600;
color:#fff;
}
.va-doc-content{
width:100%;
}
.va-doc-featured{
border:1px solid rgba(201,151,62,0.5);
box-shadow:0 15px 40px rgba(201,151,62,0.25);
}
.va-doc-badge{
position:absolute;
top:12px;
left:12px;
background:linear-gradient(
180deg,
#e8c77a,
#c19a4a
);
color:#1a1a1a;
font-size:12px;
font-weight:600;
padding:6px 10px;
border-radius:8px;
z-index:5;
}
.va-doc-card{
position:relative;
}
@media (hover:hover){
.va-doc-featured:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(201,151,62,0.35);
}
}
.va-ba-image{
width:100%;
aspect-ratio: 4/3;
overflow:hidden;
border-radius:12px;
}
.va-ba-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.va-doc-image{
width:100%;
aspect-ratio:3/4;
overflow:hidden;
}
.va-doc-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:50% 10%;
display:block;
}
.va-doc-card img{
height:auto;
max-width:100%;
}
@media (min-width:1024px){
.va-doc-card{
max-width:380px;
margin:0 auto;
}
}
.va-seo-links .va-doc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}
.va-seo-links .va-doc-card{
background:rgba(255,255,255,0.02);
border:1px solid rgba(255,255,255,0.05);
border-radius:16px;
padding:22px;
display:flex;
flex-direction:column;
height:100%;
transition:.25s ease;
}
@media (hover:hover){
.va-seo-links .va-doc-card:hover{
transform:translateY(-5px);
border-color:rgba(201,151,62,0.4);
box-shadow:0 12px 30px rgba(0,0,0,0.3);
}
}
.va-seo-links .va-doc-card h3{
color:var(--color-gold-light);
margin-bottom:10px;
}
.va-services-premium .va-doc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}
.va-services-premium .va-doc-card{
background:rgba(255,255,255,0.02) !important;
border:1px solid rgba(201,151,62,0.35) !important;
border-radius:16px;
padding:24px !important;
display:flex;
flex-direction:column;
transition:.25s ease;
}
@media (hover:hover){
.va-services-premium .va-doc-card:hover{
transform:translateY(-5px);
border-color:rgba(201,151,62,0.4);
box-shadow:0 12px 30px rgba(0,0,0,0.3);
}
}
.va-services-premium .va-doc-card h3{
color:var(--color-gold-light);
margin-bottom:10px;
}
.va-services-premium .va-doc-card p{
color:var(--color-text-secondary);
font-size:14px;
line-height:1.5;
}
.va-seo-links .va-doc-card p{
color:var(--color-text-secondary);
font-size:14px;
line-height:1.5;
}
.va-seo-links .va-doc-content{
display:flex;
flex-direction:column;
height:100%;
}
.va-seo-links .va-btn{
margin-top:auto;
}
.va-doc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}
.va-doc-grid .va-doc-card{
max-width:100% !important;
margin:0 !important;
}
.va-doctor .va-doc-grid{
margin-top:20px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
}
.va-doctor .va-doc-card{
background:linear-gradient(180deg,#1a1a1a,#111);
border:1px solid rgba(201,151,62,0.25);
border-radius:18px;
padding:22px;
position:relative;
overflow:hidden;
transition:.3s ease;
}
.va-doctor .va-doc-card::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:radial-gradient(circle at 20% 20%, rgba(201,151,62,0.15), transparent 60%);
opacity:0;
transition:.3s;
}
@media (hover:hover){
.va-doctor .va-doc-card:hover{
transform:translateY(-6px);
border-color:#e8c77a;
box-shadow:0 20px 50px rgba(201,151,62,0.25);
}
.va-doctor .va-doc-card:hover::before{
opacity:1;
}
}
.va-doctor .va-doc-card h3{
color:#e8c77a;
margin-bottom:10px;
font-size:18px;
}
.va-doctor .va-doc-card p{
color:#ccc;
font-size:14px;
line-height:1.6;
}
.va-doctor .va-doc-card a{
color:#e8c77a;
text-decoration:none;
}
.va-doctor .va-doc-card a:hover{
text-decoration:underline;
}
.va-why-right{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
gap:20px !important;
}
.va-why-card{
background:rgba(255,255,255,0.02);
border:1px solid rgba(255,255,255,0.05);
border-radius:16px;
padding:22px;
display:flex;
flex-direction:column;
transition:.25s ease;
}
@media (hover:hover){
.va-why-card:hover{
transform:translateY(-5px);
border-color:rgba(201,151,62,0.4);
box-shadow:0 12px 30px rgba(0,0,0,0.3);
}
}
.va-why-card h3{
color:var(--color-gold-light);
margin-bottom:10px;
}
.va-why-card p{
color:var(--color-text-secondary);
font-size:14px;
line-height:1.5;
}
.va-steps{
margin-top:30px;
display:grid;
gap:20px;
}
.va-step{
display:flex;
gap:16px;
align-items:flex-start;
padding:18px;
border-radius:16px;
border:1px solid rgba(201,151,62,0.25);
background:linear-gradient(180deg,#1a1a1a,#111);
transition:.3s ease;
}
.va-step-num{
min-width:42px;
height:42px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:16px;
color:#1a1a1a;
background:linear-gradient(180deg,#e8c77a,#c19a4a);
}
.va-step-content h3{
color:#e8c77a;
margin-bottom:6px;
font-size:17px;
}
.va-step-content p{
color:#ccc;
font-size:14px;
line-height:1.5;
}
@media (hover:hover){
.va-step:hover{
transform:translateY(-4px);
box-shadow:0 15px 40px rgba(201,151,62,0.25);
border-color:#e8c77a;
}
}
@media (min-width:768px){
.va-steps{
grid-template-columns:repeat(2,1fr);
}
}
@media (min-width:1024px){
.va-steps{
grid-template-columns:repeat(4,1fr);
}
}
.implant-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}
.implant-card{
background:rgba(255,255,255,0.02);
border:1px solid rgba(255,255,255,0.05);
border-radius:16px;
padding:22px;
display:flex;
flex-direction:column;
transition:.25s ease;
}
@media (hover:hover){
.implant-card:hover{
transform:translateY(-5px);
border-color:rgba(201,151,62,0.4);
box-shadow:0 12px 30px rgba(0,0,0,0.3);
}
}
.implant-card h3{
color:var(--color-gold-light);
margin-bottom:10px;
}
.implant-card p,
.implant-card li{
color:var(--color-text-secondary);
font-size:14px;
line-height:1.5;
}
.implant-card ul,
.implant-card ol{
padding-left:18px;
}
.va-hero-mini .va-title{
text-align:center;
max-width:900px;
margin:0 auto;
}
.va-hero-mini .va-title strong{
max-width:100%;
margin:0 auto;
}
.va-hero-mini .va-title{
text-wrap:normal;
}
.va-list{
max-width:700px;
margin:25px auto;
text-align:left;
padding-left:18px;
}
.va-list li{
margin-bottom:10px;
color:var(--color-text-secondary);
}
.va-container{
width:100%;
max-width:1200px;
margin:0 auto;
padding:0 16px;
box-sizing:border-box;
}
.va-doc-card{
width:100%;
min-width:0;
box-sizing:border-box;
border:1px solid rgba(201,151,62,0.35);
}
.va-doc-grid .va-doc-card{
max-width:100%;
margin:0;
}
@media (max-width:768px){
.panel-grid,
.panel-grid-cell,
.so-panel{
width:100%;
max-width:100%;
}
.va-doc-grid{
grid-template-columns:1fr;
}
}
.hero-premium .va-title{
max-width:100%;
word-break:normal;
overflow-wrap:break-word;
}
@media (max-width:768px){
.va-title{
max-width:100%;
}
}
.hero-premium .va-container,
.va-hero-mini .va-container{
max-width:1200px;
width:100%;
}
.hero-premium .hero-content{
max-width:100%;
}
.hero-premium .va-title{
max-width:900px;
width:100%;
}
@media (max-width:768px){
.hero-premium .va-title{
max-width:100%;
font-size:clamp(26px,6vw,34px);
}
}
.hero-premium .va-title{
max-width:100%;
width:100%;
line-height:1.15;
word-break:normal;
overflow-wrap:break-word;
}
@media (max-width:768px){
.hero-premium .va-title{
font-size:clamp(26px,6vw,34px);
}
}
.va-doc-content{
width:100%;
max-width:100%;
}
.va-check-list{
margin-top:10px;
padding-left:18px;
}
.va-check-list li{
margin-bottom:6px;
color:var(--color-text-secondary);
}
@media (min-width:1025px){
.nav-menu li{
position:relative;
}
.nav-menu .sub-menu{
display:none;
position:absolute;
top:100%;
left:0;
min-width:260px;
background:#050505;
border-radius:14px;
padding:12px 0;
z-index:9999;
}
.nav-menu li:hover > .sub-menu{
display:block;
}
.nav-menu .sub-menu .sub-menu{
top:0;
left:100%;
}
}
header,
.header-inner,
.va-container{
overflow:visible !important;
}
.va-footer-nav{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:20px;
}
.va-footer-nav a{
min-height:42px;
}
.va-map-card{
margin-top:24px;
padding:18px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.02);
}
.va-map-top{
display:flex;
align-items:flex-start;
gap:14px;
margin-bottom:16px;
}
.va-map-icon{
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:rgba(255,255,255,.06);
font-size:20px;
}
.va-map-title{
font-size:15px;
font-weight:700;
margin-bottom:4px;
color:#fff;
}
.va-map-address{
font-size:14px;
line-height:1.5;
opacity:.75;
}
.va-footer-contact{
font-style:normal;
line-height:1.7;
}
.va-footer-contact a{
color:inherit;
text-decoration:none;
}
.va-work-title{
margin-top:18px;
margin-bottom:12px;
font-size:15px;
font-weight:700;
}
.va-footer-messengers{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:20px;
}
.va-work-schedule{
margin-top:22px;
padding:18px;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
background:rgba(255,255,255,.02);
}
.va-work-title{
margin-bottom:14px;
font-size:15px;
font-weight:700;
color:#fff;
}
.va-work-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.06);
font-size:14px;
}
.va-work-row:last-child{
border-bottom:none;
padding-bottom:0;
}
.va-price-pro{
max-width:1100px;
margin:0 auto;
}
.va-group{
margin-bottom:50px;
}
.va-group h3{
font-size:32px;
color:var(--color-gold-light) !important;
margin-bottom:20px;
border-bottom:1px solid rgba(201,151,62,.25);
padding-bottom:12px;
}
.va-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,.06);
}
.va-row:hover{
background:rgba(255,255,255,.02);
}
.va-name{
flex:1;
color:#fff;
font-size:17px;
}
.va-price{
color:var(--color-gold-light);
font-size:19px;
font-weight:700;
white-space:nowrap;
}
@media(max-width:768px){
.va-group h3{
font-size:26px;
}
.va-row{
padding:12px 0;
}
.va-name{
font-size:15px;
max-width:70%;
}
.va-price{
font-size:17px;
}
}
.va-price-nav{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:25px 0 40px;
}
@media(max-width:768px){
.va-price-nav{
flex-wrap:nowrap;
overflow-x:auto;
padding-bottom:8px;
-webkit-overflow-scrolling:touch;
}
.va-price-nav .va-btn{
flex-shrink:0;
white-space:nowrap;
}
}
.va-about-hero{
min-height:auto;
padding:70px 0 80px;
}
.va-about-hero .va-container{
max-width:1180px;
}
.va-about-hero-grid{
display:grid;
grid-template-columns:1fr 440px;
gap:56px;
align-items:center;
width:100%;
}
.va-about-hero-text{
max-width:620px;
}
.va-about-title{
margin:0 0 14px;
color:#e8c77a !important;
font-size:clamp(38px,4.5vw,62px);
line-height:1.05;
font-weight:800;
letter-spacing:-0.03em;
}
.va-about-title span{
display:block;
margin-bottom:12px;
color:#e7d6ad;
font-size:16px;
line-height:1.3;
font-weight:600;
letter-spacing:0;
}
.va-about-subtitle{
margin:0 0 22px;
max-width:560px;
color:#fff;
font-size:clamp(20px,2.3vw,30px);
line-height:1.25;
font-weight:600;
}
.va-about-hero .va-lead{
max-width:560px;
margin-bottom:26px;
color:#f1f1f1;
font-size:16px;
line-height:1.75;
}
.va-about-hero .va-services{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
max-width:430px;
margin-bottom:22px;
}
.va-about-hero .va-services .va-btn{
width:100%;
min-height:46px;
padding:12px 14px;
}
.va-about-hero .va-main-cta{
align-items:flex-start;
margin-top:0;
}
.va-about-hero-photo{
position:relative;
width:100%;
max-width:440px;
aspect-ratio:3/4;
border-radius:24px;
overflow:hidden;
border:1px solid rgba(201,151,62,0.35);
box-shadow:0 28px 80px rgba(0,0,0,0.48);
}
.va-about-hero-photo img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
.va-about-hero-photo::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
180deg,
rgba(0,0,0,0.00),
rgba(0,0,0,0.22)
);
pointer-events:none;
}
@media(max-width:900px){
.va-about-hero{
padding:50px 0 60px;
}
.va-about-hero-grid{
grid-template-columns:1fr;
gap:32px;
}
.va-about-hero-text{
max-width:100%;
text-align:center;
}
.va-about-title{
font-size:clamp(34px,8vw,46px);
}
.va-about-subtitle,
.va-about-hero .va-lead{
max-width:100%;
margin-left:auto;
margin-right:auto;
}
.va-about-hero .va-services{
max-width:100%;
grid-template-columns:1fr 1fr;
}
.va-about-hero .va-main-cta{
align-items:center;
}
.va-about-hero-photo{
max-width:420px;
margin:0 auto;
}
}
@media(max-width:480px){
.va-about-hero .va-services{
grid-template-columns:1fr;
}
}
.site-search {
overflow: hidden;
height: 0;
position: relative;
transition: .3s height ease-out;
will-change: height;
}
.search-opened .site-search {
height: 72px;
}
.site-search > .container,
.site-search-form {
height: 100%;
position: relative;
}
input.site-search-input,
.site-search-close {
appearance: none;
background: none;
border: none;
}
input.site-search-input {
color: #fff;
font-size: 24px;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
margin-bottom: 0;
}
.text-dark input.site-search-input {
color: #000;
}
.site-search .search-toggle {
color: rgba(255, 255, 255, 0.25);
font-size: 24px;
outline: none;
padding: 0 12px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.site-search.text-dark .search-toggle {
color: #595959;
}
@media (max-width: 991px) {
.site-search {
display: none;
}
}
@media (max-width: 768px) {
.va-btn {
box-sizing: border-box;
max-width: 100%;
min-height: 0;
padding: 13px 16px;
font-size: 15px;
line-height: 1.25;
border-radius: 15px;
white-space: normal;
}
.va-btn.main,
.hero-premium .va-main-cta .va-btn,
.our-doctors-hero .va-doc-content .va-btn {
width: 100%;
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
.hero-premium .va-main-cta {
width: 100%;
max-width: 340px;
}
.va-contacts .va-btn,
.site-footer .va-btn,
footer .va-btn {
width: 100%;
max-width: 260px;
margin-left: auto;
margin-right: auto;
}
.hero-premium .va-services {
gap: 12px;
}
.hero-premium .va-services .va-service,
.hero-premium .va-services a,
.hero-premium .va-services .va-card {
min-height: 120px;
padding: 18px 10px;
box-sizing: border-box;
}
.va-reviews-premium {
padding: 70px 16px;
}
.va-reviews {
display: grid;
grid-template-columns: 1fr;
gap: 22px;
width: 100%;
}
.va-card {
width: 100%;
box-sizing: border-box;
padding: 24px 20px;
margin: 0;
border-radius: 18px;
}
.va-card p {
font-size: 16px;
line-height: 1.65;
}
}
.va-reviews-premium {
overflow: hidden;
padding-top: 110px;
padding-bottom: 100px;
}
.va-reviews-premium .va-reviews {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 24px;
row-gap: 28px;
align-items: stretch;
}
.va-reviews-premium .va-card {
margin: 0 !important;
height: auto;
min-height: 100%;
box-sizing: border-box;
}
.va-reviews-premium .section-title,
.va-reviews-premium h2 {
margin-top: 0;
margin-bottom: 42px;
line-height: 1.15;
}
@media (max-width: 1024px) {
.va-reviews-premium .va-reviews {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
}
@media (max-width: 768px) {
.va-reviews-premium {
padding: 70px 16px;
}
.va-reviews-premium .va-reviews {
grid-template-columns: 1fr;
gap: 22px;
}
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.pagination,
.posts-navigation,
.wp-block-query-pagination {
margin: 40px 0;
text-align: center;
}
ul.page-numbers {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}
.pagination .nav-links {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 38px;
height: 38px;
padding: 0 12px;
border-radius: 8px;
background: #1a1a1a;
color: #f2c14e;
text-decoration: none;
border: 1px solid #333;
font-size: 15px;
line-height: 1;
}
.page-numbers:hover {
background: #f2c14e;
color: #000;
}
.page-numbers.current {
background: #f2c14e;
color: #000;
font-weight: 700;
cursor: default;
}
.page-numbers.dots {
background: transparent;
border: none;
color: #777;
padding: 0 4px;
}
@media (min-width: 769px) {
.va-article,
.entry-content,
.post-content,
.single-post .content-area,
.single-post article {
max-width: 1100px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.va-article p,
.va-article li,
.entry-content p,
.entry-content li {
max-width: 900px !important;
}
.va-article h1,
.va-article h2,
.va-article h3,
.entry-content h1,
.entry-content h2,
.entry-content h3 {
max-width: 1000px !important;
}
}
@media (min-width: 769px) {
.blog .va-cta-blog,
.page-id-blog .va-cta-blog,
.va-cta-blog {
margin-bottom: 45px !important;
}
.blog .va-blog-filter,
.va-blog-filter {
margin-top: 35px !important;
margin-bottom: 45px !important;
}
.va-cta-blog + .va-blog-filter {
margin-top: 45px !important;
}
}
.va-about-hero .va-services {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
max-width: 560px !important;
column-gap: 22px !important;
row-gap: 14px !important;
margin: 0 0 24px !important;
padding: 0 !important;
}
.va-about-hero .va-services > a.va-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 58px !important;
margin: 0 !important;
padding: 14px 18px !important;
box-sizing: border-box !important;
border-radius: 14px !important;
border: 1px solid rgba(201, 151, 62, 0.5) !important;
background: rgba(255, 255, 255, 0.01) !important;
text-align: center !important;
line-height: 1.25 !important;
}
@media (max-width: 900px) {
.va-about-hero .va-services {
max-width: 560px !important;
margin: 0 auto 24px !important;
}
}
@media (max-width: 600px) {
.va-about-hero .va-services {
grid-template-columns: 1fr !important;
max-width: 360px !important;
gap: 12px !important;
}
.va-about-hero .va-services > a.va-btn {
min-height: 52px !important;
}
}
#clinic,
#gallery,
#doctors,
#sterilization {
scroll-margin-top: 110px;
}
.va-about-hero .va-services {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
max-width: 560px;
column-gap: 22px;
row-gap: 14px;
margin: 0 0 24px;
padding: 0;
}
.va-about-hero .va-services > .va-btn {
width: 100%;
min-width: 0;
min-height: 58px;
margin: 0;
padding: 14px 18px;
box-sizing: border-box;
border-radius: 14px;
}
@media (max-width: 600px) {
.va-about-hero .va-services {
grid-template-columns: 1fr;
max-width: 360px;
margin-left: auto;
margin-right: auto;
gap: 12px;
}
}
html body a:not(.va-btn):not(.btn):not(.page-numbers),
html body a:not(.va-btn):not(.btn):not(.page-numbers):visited,
html body a:not(.va-btn):not(.btn):not(.page-numbers) :is(span,strong,em,i){
color:#C9A96E!important;
-webkit-text-fill-color:#C9A96E!important;
opacity:1!important;
}
html body a:not(.va-btn):not(.btn):not(.page-numbers):hover,
html body a:not(.va-btn):not(.btn):not(.page-numbers):hover :is(span,strong,em,i){
color:#E5C07B!important;
-webkit-text-fill-color:#E5C07B!important;
}
html body .va-btn.gold,
html body .va-btn.gold:visited,
html body .va-btn.gold span{
color:#1a1a1a!important;
-webkit-text-fill-color:#1a1a1a!important;
}
html body .va-btn.dark,
html body .va-btn.dark:visited,
html body .va-btn.dark span{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
html body .va-btn.outline,
html body .va-btn.outline:visited,
html body .va-btn.outline span{
color:#E8C77A!important;
-webkit-text-fill-color:#E8C77A!important;
}
html body .va-about-hero .va-services{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
width:100%!important;
max-width:560px!important;
gap:14px 24px!important;
margin:0 0 24px!important;
padding:0!important;
}
html body .va-about-hero .va-services>a.va-btn{
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
isolation:isolate;
overflow:hidden;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:58px!important;
margin:0!important;
padding:14px 18px!important;
box-sizing:border-box!important;
border:1px solid rgba(201,151,62,.5)!important;
border-radius:14px!important;
background:rgba(255,255,255,.01)!important;
text-align:center!important;
line-height:1.25!important;
}
html body .va-about-hero .va-services>a.va-btn::before,
html body .va-about-hero .va-services>a.va-btn::after{
content:none!important;
display:none!important;
}
@media(max-width:900px){
html body .va-about-hero .va-services{
max-width:560px!important;
margin:0 auto 24px!important;
}
}
@media(max-width:600px){
html body .va-about-hero .va-services{
grid-template-columns:1fr!important;
max-width:360px!important;
gap:12px!important;
}
html body .va-about-hero .va-services>a.va-btn{
min-height:52px!important;
}
}
/* =========================
   BLOG PAGINATION SPACING FIX
========================= */

/* Простір між картками та пагінацією */
.va-latest-posts .va-doc-grid {
  padding-bottom: 60px;
}

/* Простір між пагінацією та наступним блоком */
.va-latest-posts nav.va-blog-pagination {
  margin: 0 0 52px;
}

/* Прибираємо зовнішні відступи списку */
.va-latest-posts nav.va-blog-pagination > ul.page-numbers {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .va-latest-posts .va-doc-grid {
    padding-bottom: 40px;
  }

  .va-latest-posts nav.va-blog-pagination {
    margin-bottom: 36px;
  }
}
/* =========================
   BLOG CARDS — ORDERED GRID
========================= */

/* Окрема сітка тільки для блогу */
.va-latest-posts .va-doc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:24px;

  width:100%;
  margin-top:30px;
}

/* Однакова висота карток */
.va-latest-posts .va-post-card{
  display:flex;
  flex-direction:column;

  width:100%;
  min-width:0;
  height:100%;

  overflow:hidden;

  background:var(--color-card);
  border:1px solid rgba(201,151,62,0.18);
  border-radius:var(--radius-md);

  font-family:var(--font-main);
}

/* Однакова пропорція всіх фото */
.va-latest-posts .va-post-image{
  display:block;
  flex:0 0 auto;

  width:100%;
  aspect-ratio:16 / 9;

  overflow:hidden;
  background:#111;
}

/* Перебиваємо розміри з теми */
.va-latest-posts .va-post-image img{
  display:block;

  width:100% !important;
  height:100% !important;

  object-fit:cover !important;
  object-position:center;
}

/* Контент розтягується на всю висоту */
.va-latest-posts .va-post-content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;

  width:100%;
  padding:18px;

  box-sizing:border-box;
}

/* Дата */
.va-latest-posts .va-post-date{
  margin-bottom:8px;

  color:var(--color-text-muted);
  font-size:13px;
  line-height:1.3;
}

/* Категорія */
.va-latest-posts .va-post-category{
  margin:0 0 10px;
}

.va-latest-posts .va-post-category a{
  display:inline-flex;
  align-items:center;

  max-width:100%;
  padding:5px 10px;

  border:1px solid rgba(201,151,62,0.35);
  border-radius:999px;

  background:rgba(201,151,62,0.07);
  color:var(--color-gold-light);

  font-size:12px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;

  overflow-wrap:anywhere;
}

/* Заголовки мають однакову зону */
.va-latest-posts .va-post-title{
  min-height:3.9em;
  margin:0 0 10px;

  font-size:18px;
  line-height:1.3;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.va-latest-posts .va-post-title a{
  color:var(--color-gold-light);
  text-decoration:none;
}

/* Опис — максимум 3 рядки */
.va-latest-posts .va-post-excerpt{
  min-height:4.8em;
  margin:0 0 18px;

  color:var(--color-text-secondary);
  font-family:var(--font-main);
  font-size:15px;
  line-height:1.6;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

/* Кнопки стають на один рівень */
.va-latest-posts .va-post-content > .va-btn{
  align-self:flex-start;
  margin-top:auto;
}

/* Hover лише для комп’ютера */
@media (hover:hover){

  .va-latest-posts .va-post-category a:hover{
    color:#111;
    background:var(--color-gold-light);
    border-color:var(--color-gold-light);
  }

  .va-latest-posts .va-post-card:hover{
    transform:translateY(-5px);
    border-color:var(--color-gold);
    box-shadow:0 12px 30px rgba(201,151,62,0.14);
  }
}

/* Планшет */
@media (max-width:1024px){

  .va-latest-posts .va-doc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
}

/* Телефон */
@media (max-width:640px){

  .va-latest-posts .va-doc-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .va-latest-posts .va-post-image{
    aspect-ratio:16 / 10;
  }

  .va-latest-posts .va-post-title{
    min-height:auto;
  }

  .va-latest-posts .va-post-excerpt{
    min-height:auto;
  }

  .va-latest-posts .va-post-content{
    padding:16px;
  }
}
/* Прибираємо навігацію попередній/наступний запис */
body.single-post nav.navigation.post-navigation,
body.single-post .post-navigation,
body.single-post .single-post-navigation {
    display: none !important;
}

/* Прибираємо службове посилання Edit */
body.single-post .edit-link,
body.single-post a.post-edit-link {
    display: none !important;
}
/* =====================================================
   ГОЛОВНЕ ЗОБРАЖЕННЯ У СТАТТЯХ VA CLINIC
   ЄДИНИЙ ПРЕМІАЛЬНИЙ ФОРМАТ 16:9
   ===================================================== */

.single-post img.wp-post-image,
.single-post .post-thumbnail img,
.single-post .entry-thumbnail img {
    display: block;
    width: 100%;
    max-width: 780px;
    aspect-ratio: 16 / 9;
    height: auto;

    object-fit: contain;
    object-position: center;

    margin: 0 auto 32px;

    background: #0d0d0d;
    border-radius: 14px;
}


/* Планшет */
@media (max-width: 991px) {

    .single-post img.wp-post-image,
    .single-post .post-thumbnail img,
    .single-post .entry-thumbnail img {
        max-width: 720px;
        margin-bottom: 28px;
    }

}


/* Телефон */
@media (max-width: 767px) {

    .single-post img.wp-post-image,
    .single-post .post-thumbnail img,
    .single-post .entry-thumbnail img {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 9;
        margin-bottom: 22px;
        border-radius: 10px;
    }

}