@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

@font-face {
    font-family: "Halvar Breitschrift";
    src: url("/wp-content/themes/medbeauty/assets/fonts/HalvarBreit-Lt.ttf")
        format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Halvar Breitschrift";
    src: url("/wp-content/themes/medbeauty/assets/fonts/HalvarBreit-Md.woff2")
        format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Halvar Breitschrift";
    src: url("/wp-content/themes/medbeauty/assets/fonts/HalvarBreit-Bd.ttf")
        format("truetype");
    font-weight: 700;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}

body.wp-theme-medbeauty.upd-style {
    --main-color: #f0e5db;
    --main-text-color: #733a16;

    --popup-bg-color: #aa8862;

    --full-width-block-bg: #f9f3ea;
    --full-width-block-bg-milk: #fbf9f8;

    /* secondary btn */
    --btn-secondary-color: #aa8862;

    --btn-secondary-color-hover: #733a16;
    --btn-secondary-bg-color-hover: #dcc4aa;

    --btn-secondary-text-color-pressed: white;
    --btn-secondary-bg-color-border-pressed: var(--btn-bg-color);
    --btn-secondary-border-color-pressed: var(--btn-bg-color);
    /* secondary btn */

    --card-bg-color: #f5e8db;

    /* --btn-bg-color: #ff8e47; */
    --btn-bg-color: #dcc4aa;
    --btn-text-color: #733a16;
    --btn-bg-color-hover: #733a16;
    --btn-text-color-hover: #fff;
    --btn-bg-color-pressed: #54280c;

    /* menu */
    --menu-border-color: #d96d2a;

    --chevron-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M9.5 0.5L5 5L0.5 0.5' stroke='%2354280C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --chevron-image-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M10 5.5L5.5 1ZM5.5 1L1 5.5Z' fill='%23FFD762'/%3E%3Cpath d='M10 5.5L5.5 1L1 5.5' stroke='%2354280C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    --fastener-path: path(
        "M0 3.23298C0 -0.0753441 5.22277 -1.22638 6.94275 1.59969C9.77423 6.25205 13.066 10.2626 16 10.2626C18.934 10.2626 22.2258 6.25205 25.0572 1.5997C26.7772 -1.22638 32 -0.075346 32 3.23298V43.8186C32 47.1269 26.7772 48.278 25.0572 45.4519C22.2258 40.7995 18.934 36.7889 16 36.7889C13.066 36.7889 9.77423 40.7995 6.94275 45.4519C5.22277 48.278 0 47.1269 0 43.8186V3.23298Z"
    );
}

body > * {
    overflow: hidden;
}

/* Select2 on checkout: appended to body must not inherit overflow:hidden from body > * */
body > .select2-container.medbeauty-np-dropdown,
body > .select2-dropdown.medbeauty-np-dropdown {
    overflow: visible !important;
}

body > .select2-container.medbeauty-np-dropdown .select2-dropdown {
    overflow: visible !important;
}

body > .select2-container.medbeauty-np-dropdown .select2-results__options {
    overflow-y: auto !important;
    max-height: 280px;
}

body.popup-open,
body.popup-open > * {
    overflow: hidden;
}
body.popup-open {
    touch-action: none;
}

@media (min-width: 1068px) {
    html.services-menu-open,
    body.services-menu-open {
        overscroll-behavior: none;
    }
}
/* html {
  overflow-y: hidden;
} */

body.upd-style p {
    color: var(--main-text-color);
    font-family: "Inter", sans-serif;
}

.upd-style header {
    background: none;
    min-height: 78px;
    /* position: sticky; */
    /* top: 4px; */
}

.upd-style .wrapp--pc {
    width: 100%;
    background: #fbf9f8;
}

.sticky-header header .header--content {
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    /* margin: 0 auto; */
    z-index: 1000;
    animation: fromup 0.3s ease;
}
@keyframes fromup {
    from {
        transform: translateY(-100%) translateX(-50%);
    }
    to {
        transform: translateY(0) translateX(-50%);
    }
}

header .header--content {
    padding: 0;
    padding-top: 12px;
    color: var(--main-text-color);
    display: flex;
    align-items: stretch;
    gap: 2px;
    padding: 16px;
    position: relative;
    z-index: 1;
}

header .nav a {
    font-family: "Halvar Breitschrift", sans-serif;
    letter-spacing: normal;
    text-transform: unset;
    font-weight: 300;
}

header .current-language {
    gap: 0;
    position: relative;
    top: 2px;
    line-height: 1;
    letter-spacing: normal;
    font-size: 16px;
    font-family: "Halvar Breitschrift";
    font-weight: 300;
}

header .current-language .arrow {
    display: none;
}

header .main-menu li.menu-item-has-children > a::after {
    content: "";
    background-image: var(--chevron-image);
    background-repeat: no-repeat;
    top: 50%;
    position: absolute;
    transform: translateY(-15%);
    width: 12px;
    height: 20px;
}

header ul.main-menu {
    gap: 8px;
}
header .main-menu li {
    padding: 12px;
    border-radius: 50px;
}
header .main-menu li.menu-item-has-children {
    padding-right: 28px;
}
header .main-menu li:hover {
    background-color: #fbf9f8;
}

header .main-menu li:active {
    background-color: var(--btn-secondary-bg-color-hover);
}
header .main-menu .sub-menu li {
    position: relative;
    /* padding-right: 13px; */
    padding: 2px 16px;
}
header .main-menu .sub-menu li:not(.split-submenu-third-panel) > a {
    position: relative;
    transform: translateX(0);
    transition: transform 0.2s;
}
header .main-menu .sub-menu li:not(.split-submenu-third-panel):hover > a {
    transform: translateX(-4px);
}

header .main-menu .sub-menu li:not(.split-submenu-third-panel) > a:after {
    content: "";
    position: absolute;
    /* right: 24px; */
    margin-left: 8px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/wp-content/themes/medbeauty/assets/icons/ic-sign-logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: 0.2s;
}
header .main-menu .sub-menu li:not(.split-submenu-third-panel):hover > a:after {
    opacity: 1;
}

header .main-menu .sub-menu li:not(.split-submenu-third-panel):hover {
    background-color: unset;
}

li.split-submenu-third-panel.is-visible::after,
li.split-submenu-third-panel.is-visible::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #f0e5db 100%);
    z-index: 1;
    pointer-events: none;
}
li.split-submenu-third-panel.is-visible::after {
    background: linear-gradient(0deg, #f0e5db 0%, #00000000 100%);
    bottom: 8px;
}

header .main-menu li.menu-item-has-children.open > a::after {
    /* top: -11px; */
    background-image: var(--chevron-image-open);
}
header .main-menu li.menu-item-has-children.open > a {
    font-weight: bold;
}

header .main-menu li.open:hover {
    background-color: unset;
}

header .main-menu li.open > ul {
    background: var(--main-color);
    backdrop-filter: unset;
    box-shadow: unset;
    padding: 16px 0;
    display: flex;
    gap: 12px;
    flex-direction: column;
    border-radius: 8px;
}

header .main-menu li.open > ul a {
    color: var(--main-text-color);
    display: block;
    padding: 8px 44px 7px 16px;
    border-radius: 25px;
}
header .main-menu li.open > ul a:active {
    background-color: var(--btn-secondary-bg-color-hover);
}
header .main-menu > li > .sub-menu > li > a[href="#"] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: pointer;
}
header .main-menu li ul li a {
    text-transform: unset;
}
header .main-menu li ul {
    top: 68px;
    left: -320px;
}

header .main-menu li.open > ul.is-split-submenu {
    min-width: 320px;
    max-width: min(480px, calc(100vw - 40px));
    padding-right: 0;
}
header .main-menu li.open > ul.is-split-submenu > li {
    width: 100%;
}
header
    .main-menu
    li.open
    > ul.is-split-submenu
    > li.has-third-level
    > .sub-menu {
    display: none;
}
header
    .main-menu
    li.open
    > ul.is-split-submenu
    > li.has-third-level.is-third-active
    > a {
    font-weight: 500;
    background-color: var(--full-width-block-bg-milk);
}

header
    .main-menu
    li.open
    > ul.is-split-submenu
    > li.has-third-level.is-third-active::before {
    content: "";
    background-image: url("/wp-content/themes/medbeauty/assets/icons/ic-arrow-right.svg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

header .main-menu li.open > ul.is-split-submenu {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
header .main-menu li.open > ul.is-split-submenu > li.split-submenu-third-panel {
    display: none;
    position: absolute;
    top: 0;
    left: calc(100% + 0px);
    width: 844px;
    max-height: min(500px, calc(100vh - 140px));
    overflow-y: auto;
    height: 100%;
    background: var(--main-color);
    /* border-radius: 8px; */
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
    padding: 8px 0;
    border-left: 1px solid #dcc4aa;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14); */
    z-index: 30;
    overflow: hidden;
}
header
    .main-menu
    li.open
    > ul.is-split-submenu
    > li.split-submenu-third-panel.is-visible {
    display: block;
}
header
    .main-menu
    li.open
    > ul.is-split-submenu.split-panel-left
    > li.split-submenu-third-panel {
    left: auto;
    right: calc(100% + 12px);
}
header .main-menu li.open > ul.is-split-submenu .split-submenu-third-list {
    display: block;
    position: static;
    top: auto;
    left: auto;
    min-width: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    max-height: 100%;
}
header .main-menu li.open > ul.is-split-submenu .split-submenu-third-list > li {
    padding: 2px 16px;
}
header
    .main-menu
    li.open
    > ul.is-split-submenu
    .split-submenu-third-list
    > li
    > a {
    color: var(--main-text-color);
    display: block;
    padding: 8px 44px 7px 16px;
    border-radius: 25px;
}

header .header--content > .logo,
header .header--content > nav,
header .header--content > .language-switch,
header .header--content > .sign-up-popup-container {
    padding: 8px 20px;
    border-radius: 50px;
    flex: 1;
    display: flex;
    position: relative;
    background-color: var(--main-color);
    align-items: center;
    justify-content: center;
}
header .header--content > nav {
    padding: 8px 32px;
}
.desktop-only {
    display: flex !important;
}
@media (max-width: 1068px) {
    header .header--content > .burger {
        padding: 8px 20px;
        border-radius: 50px;
        /* flex: 1; */
        display: flex;
        position: relative;
        background-color: var(--main-color);
        align-items: center;
        justify-content: center;
    }
    header .header--content > .burger span {
        opacity: 0;
    }

    header .header--content > .burger:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='8' viewBox='0 0 20 8' fill='none'%3E%3Cpath d='M1 7H19M1 1H19' stroke='%2354280C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 20px;
    }

    .desktop-only {
        display: none !important;
    }

    header .header--content > .logo {
        order: 3;
    }
    header .header--content > .language-switch {
        order: 2;
    }
    header .header--content > .burger {
        order: 1;
    }
}

@media (max-width: 768px) {
    header .header--content .logo {
        top: unset;
        right: unset;
    }
    header .header--content > .logo,
    header .header--content > nav,
    header .header--content > .language-switch,
    header .header--content > .sign-up-popup-container {
        padding: 8px 20px;
    }
    /* logo */
    header .logo img {
        width: 106px;
    }
}

header .header--content .language-switch {
    flex: unset;
    width: 69px;
}
header .header--content .language-switch:hover .current-language,
header .header--content .language-switch:active .current-language {
    color: #d96d2a;
}

/* 3. The Fastener (Pseudo-element) */
header .header--content > .logo::after,
header .header--content > .nav.desktop-nav::after,
header .header--content .language-switch::after,
.fastener::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--main-color);
    z-index: -1;
    clip-path: var(--fastener-path);
}

.sign-up-popup-container {
    display: flex;
}

.ns-btn,
.footer__address a.ns-btn {
    display: flex;
    align-items: center;
    color: white;
    font-family: "Halvar Breitschrift", sans-serif;
    gap: 6px;
    flex: 1;
}
.footer__address a.ns-btn {
    width: fit-content;
}
.ns-btn span {
    font-weight: 500;
    flex: 1;
    text-align: center;
    white-space: nowrap;
}
.ns-btn > * {
    background-color: var(--btn-bg-color);
    color: var(--btn-text-color);
    padding: 4px;
    border-radius: 25px;
    z-index: 1;
    position: relative;
    transition: 0.1s;
}
.ns-btn > span {
    padding: 6px 20px;
}
@media (max-width: 1249.98px) {
    .ns-btn > span {
        padding: 5px 20px;
    }
}
.ns-btn:hover > * {
    background-color: var(--btn-bg-color-hover);
    color: var(--btn-text-color-hover);
}
.ns-btn:active > * {
    background-color: var(--btn-bg-color-pressed);
}
.ns-btn :first-child:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -9px;
    height: 28px;
    transform: translateX(10px);
    width: 32px;
    background-color: var(--btn-bg-color);
    /* background-color: red; */
    /* transform: translateX(-50%); */
    clip-path: path(
        "M0 3.25596C0 0.374063 3.93193 -1.05299 6.0522 0.898883C9.06695 3.67419 12.7526 6.26721 16 6.26721C19.2474 6.26721 22.933 3.6742 25.9478 0.898884C28.0681 -1.05298 32 0.374064 32 3.25596V23.2785C32 26.1604 28.0681 27.5874 25.9478 25.6355C22.933 22.8602 19.2474 20.2672 16 20.2672C12.7526 20.2672 9.06695 22.8602 6.0522 25.6355C3.93193 27.5874 0 26.1604 0 23.2785V3.25596Z"
    );
    z-index: -1;
    transition: 0.1s;
}
.ns-btn:not(:has(i)) :first-child:after {
    content: unset;
}
.ns-btn i {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ns-btn i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 16px;
    width: 16px;
    background-color: currentColor;
    -webkit-mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-pen.svg");
    mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-pen.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.ns-btn:hover :first-child::after {
    background-color: var(--btn-bg-color-hover);
}
.ns-btn:active :first-child::after {
    background-color: var(--btn-bg-color-pressed);
}

.ns-btn--secondary {
    background-color: transparent;
    font-family: "Halvar Breitschrift", sans-serif;
    color: var(--btn-secondary-color);
    border: 1px solid var(--btn-secondary-color);
    border-radius: 50px;
    padding: 4px 20px;
    transition: 0.1s;
}
.ns-btn--secondary:hover {
    background-color: var(--btn-secondary-bg-color-hover);
    color: var(--btn-secondary-color-hover);
    border-color: var(--btn-secondary-color-hover);
}
.ns-btn--secondary:active {
    background-color: var(--btn-secondary-bg-color-border-pressed);
    color: var(--btn-secondary-text-color-pressed);
    border-color: var(--btn-secondary-border-color-pressed);
}

@media (max-width: 1067.98px) {
    .ns-btn--secondary {
        flex: 1;
        text-align: center;
    }
}

.footer__address a.ns-btn:hover {
    text-decoration: none;
}

.footer__address-online-booking {
    margin-top: 20px;
}
.footer__address-online-booking .ns-btn span {
    font-weight: 700;
    line-height: 1.5;
}

/* } */

/* mobile menu */

header .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(78.51deg, #f0e5db -1.34%, #dcc4aa 110.01%);
    box-shadow: unset;
    backdrop-filter: unset;
    display: none;
    flex-direction: column;
    padding: 20px;
    margin: 0px auto;
    height: 100%;
    max-width: unset;
    overflow: auto;
}

header .mobile-menu .mobile-menu-content {
    padding: 24px 16px;
    background-color: var(--main-color);
    position: relative;
    margin-top: 100px;
    border-radius: 8px;
}
header .mobile-menu .mobile-menu-content .close-menu {
    display: none;
}

@media (max-width: 1067.98px) {
    .sticky-header header .header--content {
        padding: 16px;
    }

    header .mobile-menu li {
        font-family: "Halvar Breitschrift", sans-serif;
        font-weight: 300;
        letter-spacing: normal;
        text-transform: unset;
        padding: 16px 8px;
    }
    header .mobile-menu li a {
        color: var(--main-text-color);
    }
    header .mobile-menu li:first-child {
        padding-top: 12px;
    }

    header .mobile-menu li.open:first-child {
        padding-top: 0;
    }

    header .mobile-menu li:last-child {
        padding-bottom: 12px;
    }

    header .mobile-menu {
        gap: 16px;
    }

    .sign-up-popup-container {
        width: 100%;
    }

    header .mobile-menu .ns-btn {
        width: 100%;
    }
    header .mobile-menu .ns-btn > span {
        flex: 1;
        text-align: center;
        padding-block: 8px;
    }
    header .mobile-menu .ns-btn i {
        width: 40px;
        height: 40px;
    }
}

header .mobile-menu-list .dropdown-toggle {
    color: transparent;
    position: relative;
}
header .mobile-menu-list .dropdown-toggle:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 2px;
    width: 12px;
    height: 20px;
    background-image: var(--chevron-image);
    background-repeat: no-repeat;
}
header .mobile-menu-list.open .dropdown-toggle:after {
    background-image: var(--chevron-image-open);
}

.mobile-menu-list
    > .menu-item-has-children
    > .sub-menu
    > .menu-item-has-children
    > .dropdown-toggle::after {
    content: "";
    background-color: var(--btn-secondary-color);
    background-image: unset;
    -webkit-mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-plus.svg");
    mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-plus.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mobile-menu-list
    > .menu-item-has-children
    > .sub-menu
    > .menu-item-has-children.open
    > .dropdown-toggle::after {
    background-color: transparent;
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-mask-repeat: initial;
    mask-repeat: initial;
    -webkit-mask-size: initial;
    mask-size: initial;
    -webkit-mask-position: initial;
    mask-position: initial;
    background-image: url("/wp-content/themes/medbeauty/assets/icons/ic-sign-logo.svg");
    width: 24px;
    height: 24px;
}
.mobile-menu-list .menu-item-has-children.open > .sub-menu {
    margin-top: 20px;
    border: 1px solid var(--menu-border-color);
    border-radius: 12px;
    padding: 8px;
    margin-inline: -8px;
}
.mobile-menu-list .menu-item-has-children.open > .sub-menu a {
    text-transform: unset;
    color: var(--main-text-color);
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 300;
    letter-spacing: normal;
    padding-inline: 12px 28px;
}

.mobile-menu-list .menu-item-has-children.open.auto-procedures > a {
    position: relative;
    background-color: var(--full-width-block-bg-milk);
    border-radius: 25px;
    padding-block: 14px;
}

.mobile-menu-list .menu-item-has-children.open > .sub-menu li {
    padding-inline: 0;
}

.auto-procedures {
    position: relative;
}
.auto-procedures a {
    /* width: 90%; */
    display: block;
}
.auto-procedures span.dropdown-toggle {
    font-size: 24px;
    /* margin-left:auto; */
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
/* .auto-procedures:first-child span.dropdown-toggle {
    top: calc(50% - 8px);
} */
.auto-procedures.open span.dropdown-toggle {
    top: 7.5px;
    transform: unset;
}

.mobile-menu-list {
    padding: 0;
}
/* .auto-procedures.open:first-child span.dropdown-toggle {
    top: 7px;
} */
.header .mobile-menu-list .auto-procedures .dropdown-toggle:after {
    right: 0;
    top: 0;
}

.mobile-menu-list li.auto-procedures.open {
    padding-top: 0px;
}

.mobile-menu-list .menu-item-has-children.open .auto-procedures > .sub-menu {
    border: 0;
    padding: 0;
    padding-inline: 8px;
    margin-top: 8px;
    position: relative;
}
.mobile-menu-list
    .menu-item-has-children.open
    .auto-procedures
    > .sub-menu:after {
    content: "";
    bottom: -16px;
    position: absolute;
    width: 95%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #dcc4aa;
}

header:has(#mobileMenu[style*="display: flex"]) .header--content .burger:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1 13L13 1' stroke='%2354280C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='%2354280C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* mobile menu */

/* Footer */

.upd-style footer {
    background: linear-gradient(
        176.74deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
}

.upd-style footer .footer__container {
    padding-block: 40px;
}
.upd-style footer .footer__addresses,
.upd-style footer .footer__subscribe {
    margin-top: 0;
    flex-wrap: wrap;
}
.upd-style footer p {
    color: white;
}

@media (max-width: 1067.98px) {
    .upd-style footer .footer__addresses {
        gap: 24px;
    }
}

.upd-style footer .footer__subscribe {
    max-width: 420px;
    left: unset;
}

.upd-style .hide-in-new {
    display: none;
}

/* specialists page */

@media (max-width: 1068px) {
    .beauty__role {
        height: unset;
        padding: 0;
    }
    .beauty__image-box {
        height: auto;
    }
}
/* specialists page */

.upd-style footer .footer__form {
    gap: 8px;
    width: unset;
    font-family: Inter, sans-serif;
    border-bottom: unset;
    padding-right: 52px;
}
.upd-style footer .footer__form input[type="email"] {
    border-bottom: 1px solid white;
}
.upd-style footer .footer__form input[type="email"].is-error {
    border-bottom-color: #ff8e47;
}

@media (max-width: 1067.98px) {
    .upd-style footer .footer__form {
        padding-right: 0;
    }
    .upd-style footer .footer__form input[type="email"] {
        margin-right: 48px;
        width: auto;
    }
}

.upd-style footer .footer__input::placeholder {
    color: white;
}

.upd-style footer .footer__btn {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: unset;
    right: 0px;
    bottom: 8px;
    border-width: 3px;
}
.upd-style footer .footer__btn svg {
    filter: brightness(0) invert(1);
    width: 16px;
    height: 16px;
}
.upd-style footer .footer__btn svg path {
    stroke-width: 3px;
}
.upd-style footer .footer__form label {
    font-size: 16px;
    color: white;
    text-transform: unset;
}

.upd-style footer .footer__subscribe-text {
    font-family: "Halvar Breitschrift", sans-serif;
    color: white;
    font-size: 16px;
    white-space: initial;
    line-height: 1;
}

.upd-style footer .links--bottom {
    display: flex;
    gap: 35px;
    align-items: flex-end;
}
.upd-style footer .links--bottom a {
    font-family: "Inter", sans-serif;
}

.upd-style footer .men--xt {
    justify-content: space-between;
    margin-top: 100px;
}

.upd-style footer {
    position: relative;
}
.upd-style footer:after {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 0;
    background-image: url("/wp-content/themes/medbeauty/back/bg-desktop.svg");
    background-repeat: no-repeat;
    width: 100%;
    height: 240px;
}

@media (max-width: 1067.98px) {
    .upd-style footer .men--xt {
        display: flex;
        margin-top: 40px;
        justify-content: center;
    }
    .upd-style footer .links--bottom {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        align-items: start;
    }
    .upd-style footer .links--bottom a {
        font-size: 12px;
    }

    .upd-style footer .footer__btn {
        right: 0;
        bottom: 8px;
    }

    .upd-style footer .footer__container {
        position: relative;
    }
    .upd-style footer .footer__container:before {
        position: absolute;
        content: "";
        pointer-events: none;
        top: 0;
        background-image: url("/wp-content/themes/medbeauty/back/elements-right.svg");
        background-repeat: no-repeat;
        width: 100%;
        height: 160px;
    }
    .upd-style footer {
        position: relative;
    }
    .upd-style footer > * {
        padding: 20px;
    }

    .upd-style footer:after {
        position: absolute;
        content: "";
        pointer-events: none;
        bottom: 0;
        background-image: url("/wp-content/themes/medbeauty/back/elements-left.svg");
        background-repeat: no-repeat;
        background-position: bottom;
        width: 100%;
        height: 192px;
    }
}

.upd-style footer .footer__logo {
    padding: 0;
}
.upd-style footer .footer__socials {
    margin: 0;
    gap: 0;
}

.upd-style footer .footer__socials img {
    width: 32px;
    height: 32px;
}

.upd-style footer .footer__socials a,
.ns-btn-social {
    padding: 16px;
    border-radius: 50px;
    flex: 1;
    display: flex;
    position: relative;
    background-color: var(--main-color);
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.upd-style footer .footer__socials a:not(:last-child)::after,
.ns-btn-social:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--main-color);
    z-index: -1;
    clip-path: var(--fastener-path);
}

/* ns-btn-social */
.ns-btn-social .ic-tg {
    width: 24px;
    height: 24px;
    display: block;
    background-color: var(--popup-bg-color);
    -webkit-mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-tg.svg");
    mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-tg.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ns-btn-social:active .ic-tg {
    background-color: var(--btn-bg-color);
}
/* ns-btn-social */

.upd-style footer .footer__time {
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 300;
    text-align: center;
    display: block;
}
@media (max-width: 1067.98px) {
    .footer__info {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

/* Footer */

/* Pop-up */

.pop-up-beauty__wrapper .pop-up-beauty__form {
    gap: 32px;
}

.pop-up-beauty__form .pop-up-beauty__form-title {
    text-align: center;
    margin-bottom: 8px;
}
.pop-up-beauty__form
    .pop-up-beauty__form-title
    .pop-up-beauty__form-title-text {
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pop-up-beauty__form
    .pop-up-beauty__form-title
    .pop-up-beauty__form-title-text-sub {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 8px;
    margin-inline: auto;
    color: #733a16;
    width: 80%;
}

.pop-up-beauty__form .pop-up-beauty__field .pop-up-beauty__label {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.24px;
    padding-bottom: 10px;
    color: #54280c;
}

.pop-up-beauty__form .ns-btn span {
    flex: 1;
}

.pop-up-beauty .pop-up-beauty__wrapper {
    padding: 48px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.08);
    width: 90%;
    max-width: 426px;
    overflow-y: auto;
    position: relative;
}

@media (max-width: 767.98px) {
    .pop-up-beauty .pop-up-beauty__wrapper {
        padding: 24px;
    }
}

.pop-up-beauty__field {
    width: 100%;
}

.pop-up-beauty__field input {
    border-bottom: 1px solid #dcc4aa;
    font-size: 14px;
    padding-bottom: 4px;
}
.pop-up-beauty__field input.is-error {
    border-bottom-color: #ef4444;
}
.pop-up-beauty__phone-group {
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #dcc4aa;
}
.pop-up-beauty__phone-group.is-error {
    border-bottom-color: #ef4444;
}
.pop-up-beauty__phone-group input {
    border-bottom: unset;
}

.pop-up-beauty__field input::placeholder {
    color: #bababa;
}

.pop-up-beauty__phone-group .pop-up-beauty__phone-prefix {
    flex-shrink: 0;
    color: #000;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    line-height: 150%;
    padding-bottom: 4px;
}

.pop-up-beauty__field input {
    font-family: "Inter", sans-serif;
    font-size: 16px;
}

@media (max-width: 360.98px) {
    .pop-up-beauty__field input {
        font-size: 16px;
    }
}

.pop-up-beauty__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    color: #000;
    font-feature-settings:
        "liga" off,
        "clig" off;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    cursor: pointer;
    /* margin-block: 12px; */
}

.pop-up-beauty__checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.pop-up-beauty__checkbox-box {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 4px;
    border: 1px solid #b0895e;
    background: #fff;
    position: relative;
    transition: all 0.2s ease;
}
.pop-up-beauty__checkbox-box:hover,
.pop-up-beauty__checkbox:hover .pop-up-beauty__checkbox-box {
    border-color: var(--btn-bg-color);
}

.pop-up-beauty__checkbox
    input[type="checkbox"]:checked
    + .pop-up-beauty__checkbox-box {
    background: #b0895e;
    border-color: #b0895e;
}

.pop-up-beauty__checkbox
    input[type="checkbox"]:checked
    + .pop-up-beauty__checkbox-box:hover,
.pop-up-beauty__checkbox:hover
    input[type="checkbox"]:checked
    + .pop-up-beauty__checkbox-box {
    border-color: var(--btn-bg-color);
    background: var(--btn-bg-color);
}

.pop-up-beauty__checkbox
    input[type="checkbox"]:checked
    + .pop-up-beauty__checkbox-box::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.pop-up-beauty__checkbox
    input[type="checkbox"]:focus-visible
    + .pop-up-beauty__checkbox-box {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.pop-up-beauty__checkbox-text {
    line-height: 1;
}

.pop-up-beauty__checkbox a {
    color: #000;
    text-decoration: underline;
}

/* Pop-up */

/* FAQ block */

/* Shared gradient heading style for all H2 in upd-style pages */
.upd-style h2 {
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.upd-style .services-section {
    z-index: unset !important;
}
.upd-style .faq__list {
    z-index: 1 !important;
}

@media (min-width: 370px) and (max-width: 1095px) {
    .upd-style .services-section {
        padding: 8px 20px !important;
    }
}

.upd-style .faq .faq__title {
    text-align: left;
    font-size: 36px;
    font-style: normal;
    /* line-height: 70px; */
}

.upd-style .faq-item {
    border: unset;
    position: relative;
    box-shadow: unset;
    background: transparent;
    border-radius: 50px;
    transition: 0.2s;
    /* border-radius: 50px; */
}
.upd-style .faq-item--open {
    background: var(--main-color);
    border-radius: 16px;
}
/* Cancel style.css .faq-item--open .faq-item__icon { rotate } for any depth (nested triggers are not direct children of the outer open item). */
.upd-style .faq-item__trigger .faq-item__icon {
    transform: unset !important;
}
/* Override style.css .faq-item--open .faq-item__content (500px + descendant matching) for .upd-style only. */
.upd-style .faq-item--open > .faq-item__content {
    max-height: none;
    overflow: visible;
}
/* Closed panels: undo style.css descendant open rule when a closed .faq-item sits inside an open ancestor. */
.upd-style .faq-item:not(.faq-item--open) > .faq-item__content {
    max-height: 0;
    overflow: hidden;
    padding: 0;
}
.upd-style .faq-item__trigger {
    font-family: "Halvar Breitschrift", sans-serif;
    position: relative;
    /* background-color: transparent; */
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    padding: 20px 0px 20px 20px;
    text-indent: -1.2em;
    padding-left: 52px;
}

.upd-style .faq-item__trigger:after {
    content: "";
    position: absolute;
    width: calc(100% - 74px);
    left: 0;
    border-radius: 50px;
    height: 100%;
    background-color: var(--main-color);
    z-index: -1;
}

@media (max-width: 767.98px) {
    .upd-style .faq-item__trigger {
        font-size: 14px;
        padding-left: 36px;
    }
    .upd-style .faq .faq__title {
        margin-inline: 16px;
    }
}
@media (max-width: 640px) {
    .upd-style .faq__list {
        margin-inline: 0;
    }
}

.upd-style .faq-item__trigger > * {
    display: block;
    background: var(--main-color);
    border-radius: 50px;
    padding: 20px;
}
.upd-style .faq-item__trigger span {
    width: 70px;
    height: 70px;
    position: relative;
    aspect-ratio: 1;
    margin-block: -20px;
}
.upd-style .faq-item__trigger span:before {
    content: "";
    position: absolute;
    top: 50%;
    /* right: -17px; */
    left: -17px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--main-color);
    z-index: -1;
    clip-path: var(--fastener-path);
}
.upd-style .faq-item__trigger span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    background-color: var(--btn-bg-color-pressed);
    background-image: none;
    filter: none;
    transition: background-color 0.15s ease;
    -webkit-mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-plus.svg");
    mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-plus.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.upd-style .faq-item--open > .faq-item__trigger span:after {
    background-color: var(--btn-bg-color-pressed);
    background-image: none;
    -webkit-mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-minus.svg");
    mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-minus.svg");
}
.upd-style .faq-item__trigger:hover span:after,
.upd-style .faq-item--open > .faq-item__trigger:hover span:after {
    background-color: #ff8e47;
    filter: none;
}

.upd-style .tariffs-accordion {
    margin-top: 8px;
}

.upd-style .tariffs-accordion .faq-item__answer {
    padding: 0 20px 20px;
}

.upd-style .tariffs-accordion__rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.upd-style .tariffs-accordion__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    color: #733a16;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    line-height: 1.4;
}

.upd-style .tariffs-accordion__procedure {
    flex: 1 1 auto;
}

.upd-style .tariffs-accordion__price {
    flex: 0 0 auto;
    white-space: nowrap;
}

.upd-style .tariffs-accordion--3col .tariffs-accordion__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto max-content;
    align-items: start;
    column-gap: 16px;
    row-gap: 8px;
}

.upd-style .tariffs-accordion--3col .tariffs-accordion__procedure {
    flex: unset;
}

.upd-style .tariffs-accordion--3col .tariffs-accordion__duration {
    text-align: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.upd-style .tariffs-accordion--3col .tariffs-accordion__price {
    text-align: right;
}

.upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--tariffs-acc-duration-col, 6.5rem) var(--tariffs-acc-price-col, 7.5rem);
    align-items: center;
    column-gap: 12px;
}

.upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__procedure {
    flex: unset;
    min-width: 0;
}

.upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__duration {
    justify-self: end;
    width: var(--tariffs-acc-duration-col, 6.5rem);
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__price {
    justify-self: end;
    width: var(--tariffs-acc-price-col, 7.5rem);
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__duration-in-name {
    display: none;
}

@media (max-width: 767.98px) {
    .upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        row-gap: 4px;
    }

    .upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__duration {
        display: none;
    }

    .upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__duration-in-name {
        display: block;
        margin-top: 4px;
        font-family: "Inter", sans-serif;
        font-size: 13px;
        line-height: 1.35;
        color: rgba(115, 58, 22, 0.65);
    }

    .upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__procedure {
        display: block;
    }

    .upd-style .pricelist-accordion .tariffs-accordion--pricelist-3col .tariffs-accordion__price {
        width: auto;
        align-self: start;
    }
}

.upd-style .pricelist-accordion .faq-item__trigger {
    background: none;
    background-image: none;
    background-color: transparent;
    background-clip: border-box;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    color: #733a16;
    padding: 4px 0 4px 32px;
}

/* Procedure rows in pricelist: same compact tariff accordion as single-procedure #procedure-details */
.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__trigger {
    text-indent: 0;
    padding: 12px 0 12px 24px;
    color: var(--main-text-color);
    -webkit-text-fill-color: unset;
    font-size: 16px;
    text-transform: uppercase;
    height: 54px;
    box-sizing: border-box;
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__trigger:after {
    width: calc(100% - 52px);
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__trigger
    span:before {
    top: calc(50% - 2px);
    left: -15px;
    scale: 0.9;
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__trigger
    > .faq-item__trigger-text {
    display: block;
    /* background: transparent !important; */
    /* border-radius: 0; */
    padding: unset;
    width: 80%;
    font-size: 16px;
    font-family: "Halvar Breitschrift", sans-serif;
    color: inherit;
    -webkit-text-fill-color: unset;
    margin: 0;
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__trigger
    > span.faq-item__icon {
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    margin-block: 0;
    padding: 0;
    aspect-ratio: 1;
}

.upd-style .pricelist-accordion .faq-item__trigger .faq-item__trigger-text {
    color: #733a16;
    -webkit-text-fill-color: currentColor;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-indent: 0;
}

/* Pricelist: service row = title + compact +/- only (no pill background). */
.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item.faq-item,
.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item.faq-item--open {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-left: none;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__trigger.pricelist-accordion__service-head {
    font-family: "Halvar Breitschrift", sans-serif;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    font-size: clamp(15px, 2.2vw, 22px);
    font-weight: 700;
    line-height: 1.25;
    padding: 24px 0;
    padding-left: 0;
    text-indent: 0;
    text-align: left;
    border: none;
    cursor: pointer;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__trigger.pricelist-accordion__service-head:after {
    display: none;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__trigger.pricelist-accordion__service-head
    > * {
    display: block;
    background: transparent !important;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__trigger.pricelist-accordion__service-head
    span {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    margin-block: 0;
    flex-shrink: 0;
    position: relative;
    aspect-ratio: 1;
    padding: 0;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__trigger.pricelist-accordion__service-head
    span:before {
    display: none;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__trigger.pricelist-accordion__service-head
    span:after {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    .pricelist-accordion__service-title {
    flex: 1 1 auto;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: left;
    font-size: 24px;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__content {
    padding-left: 0;
    padding-right: 0;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item.faq-item--open
    > .faq-item__content {
    padding-bottom: 12px;
}

.upd-style
    .pricelist-accordion__list--services
    > .pricelist-accordion__service-item
    > .faq-item__answer.pricelist-accordion__service-answer {
    padding-top: 4px;
    padding-bottom: 0;
}

.upd-style .services-section > .pricelist-section__main-title {
    max-width: 960px;
    padding-inline: 15px;
    margin-inline: auto;
    margin-bottom: 12px;
}

.upd-style .services-section > .pricelist-accordion {
    margin-bottom: 4px;
}

.pricelist-accordion .pricelist-accordion__list--procedures {
    margin-top: 0;
}

.pricelist-accordion__service-answer .pricelist-accordion__list--procedures {
    width: 100%;
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__content
    > .faq-item__answer {
    padding: 0 20px 20px;
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__content
    .tariffs-accordion {
    margin-top: 0;
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__content
    .tariffs-accordion__rows {
    margin-top: 0;
}

/* Pricelist: flat tariff groups (no nested faq-item); row typography matches #procedure-details (16px). */
.upd-style .pricelist-accordion .tariffs-accordion--pricelist-flat {
    margin-top: 0;
}

.upd-style .pricelist-accordion .tariffs-accordion__rows--pricelist-flat {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.upd-style .pricelist-accordion .tariffs-accordion__group-block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px 24px;
}

.upd-style .pricelist-accordion .tariffs-accordion__group-label {
    flex: 0 1 30%;
    min-width: min(100%, 220px);
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    text-transform: uppercase;
    color: #733a16;
}

.upd-style .pricelist-accordion .tariffs-accordion__group-rows {
    flex: 1 1 55%;
    min-width: min(100%, 260px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Same as .upd-style div#procedure-details .tariffs-accordion__row — base .tariffs-accordion__row stays 20px for legacy FAQ blocks */
.upd-style .pricelist-accordion .tariffs-accordion__row {
    font-size: 16px;
}

.upd-style
    .pricelist-accordion
    .pricelist-accordion__list--procedures
    > .pricelist-accordion__procedure-item
    > .faq-item__content {
    padding-inline: 6px;
    padding-bottom: 0;
}

@media (max-width: 640px) {
    .upd-style .pricelist-accordion .tariffs-accordion__group-block {
        flex-direction: column;
    }

    .upd-style .pricelist-accordion .tariffs-accordion__group-label {
        flex: 1 1 auto;
        min-width: 100%;
    }

    .upd-style .pricelist-accordion .tariffs-accordion__group-rows {
        min-width: 100%;
    }
}

@media (max-width: 1067.98px) {
    .upd-style
        .pricelist-accordion
        .pricelist-accordion__list--procedures
        > .pricelist-accordion__procedure-item
        > .faq-item__trigger {
        height: auto;
    }

    .upd-style .faq-item__trigger {
        line-height: 1;
    }
    .upd-style .faq-item__trigger span {
        width: 40px;
        height: 40px;
        padding: 4px;
    }

    .upd-style
        .pricelist-accordion
        .pricelist-accordion__list--procedures
        > .pricelist-accordion__procedure-item
        > .faq-item__trigger
        > span.faq-item__icon {
        width: 54px;
        height: 54px;
        min-width: 54px;
        min-height: 54px;
        padding: 0;
    }

    .upd-style .faq-item__trigger:after {
        content: "";
        width: calc(100% - 43px);
    }
    .upd-style .faq-item__trigger span:before {
        left: -15px;
        transform: translateY(-50%) scale(0.7);
    }
    .upd-style .tariffs-accordion .faq-item__answer {
        padding: 0 16px 16px;
    }
    .upd-style
        .pricelist-accordion
        .pricelist-accordion__list--procedures
        > .pricelist-accordion__procedure-item
        > .faq-item__content
        > .faq-item__answer {
        padding: 0 16px 16px;
    }
    .upd-style .tariffs-accordion__row {
        font-size: 16px;
    }

    .upd-style
        .pricelist-accordion__list--services
        > .pricelist-accordion__service-item
        > .faq-item__trigger.pricelist-accordion__service-head {
        padding: 24px 0;
        font-size: 14px;
    }

    .upd-style
        .pricelist-accordion__list--services
        > .pricelist-accordion__service-item
        > .faq-item__trigger.pricelist-accordion__service-head:after {
        display: none;
    }

    .upd-style
        .pricelist-accordion__list--services
        > .pricelist-accordion__service-item
        > .faq-item__trigger.pricelist-accordion__service-head
        span {
        width: 26px;
        height: 26px;
        min-width: 26px;
        min-height: 26px;
        padding: 0;
    }

    .upd-style
        .pricelist-accordion__list--services
        > .pricelist-accordion__service-item
        > .faq-item__trigger.pricelist-accordion__service-head
        span:before {
        display: none;
    }
}

.service-content-block:has(.wp-block-lazyblock-faq-block) {
    background-color: var(--full-width-block-bg-milk);
}
.wp-block-lazyblock-faq-block .services-section {
    background-color: unset !important;
}

.faq__container.faq__container--with-image {
    display: flex;
    max-width: unset;
    gap: 54px;
}
.faq__container.faq__container--with-image .faq__media {
    width: 40%;
    /* padding: 8px; */
    /* box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.15); */
    height: fit-content;
    aspect-ratio: 3/4;
}
.faq__container.faq__container--with-image
    .faq__media
    .faq__media_image-wrapper {
    position: relative;
    height: 100%;
}
.faq__container.faq__container--with-image
    .faq__media
    .faq__media_image-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    /* box-shadow:
        inset 0 0 0 9999px rgba(255, 197, 161, 0.25),
        inset 0 0 0 9999px rgba(170, 136, 98, 0.25);
    mix-blend-mode: overlay; */
    pointer-events: none;
    z-index: 1;
}

.faq__container.faq__container--with-image .faq__media img {
    height: 100%;
    object-fit: contain;
}

.faq__container.faq__container--with-image .faq__content {
    width: 60%;
}

@media (max-width: 1067.98px) {
    .faq__container.faq__container--with-image {
        gap: 24px;
        align-items: flex-start;
    }

    .faq__container.faq__container--with-image .faq__media {
        width: 38%;
    }

    .faq__container.faq__container--with-image .faq__content {
        width: 62%;
    }
}

@media (max-width: 767.98px) {
    .faq__container.faq__container--with-image {
        flex-direction: column;
        gap: 20px;
    }

    .faq__container.faq__container--with-image .faq__media,
    .faq__container.faq__container--with-image .faq__content {
        width: 100%;
    }

    .faq__container.faq__container--with-image .faq__media {
        max-width: 420px;
        margin-inline: auto;
    }
}

/* FAQ block */

/* Procedures block */

.upd-style .peeling--item .card--pr {
    position: relative;
}

.upd-style .content--bottom-content.content--block-v {
    position: absolute;
    /* display: none; */
    flex-direction: column;
    padding: 12px;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 16px;
    overflow: hidden;
    background-color: transparent;
    background-image: url("/wp-content/themes/medbeauty/assets/icons/popup-icon.svg");
    background-position: right top;
    border: 0;
}
@media (min-width: 370px) and (max-width: 1095px) {
    .upd-style .content--bottom-content.content--block-v {
        height: 24px !important;
    }
}

.card--pr .btns--bottom {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    flex: 1;
    align-items: flex-end;
}

@media (max-width: 992.98px) {
    .card--pr .btns--bottom .ns-btn--secondary {
        font-size: 0px;
        aspect-ratio: 1;
        flex: 0;
        padding: 8px;
        display: flex;
        width: 32px;
        height: 32px;
        position: relative;
    }
    .card--pr .btns--bottom .ns-btn--secondary::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url("/wp-content/themes/medbeauty/assets/icons/ic-arrow-diagonal-up-right.svg");
        background-position: center;
        background-repeat: no-repeat;
        left: calc(50%);
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.card--pr .btns--bottom .ns-btn--secondary {
    flex: 1;
    text-align: center;
}

.upd-style .peeling--item .btns--bottom > * {
    flex: unset;
    width: calc(50% - 12px);
}

@media (max-width: 992.98px) {
    .card--pr .btns--bottom .ns-btn--secondary {
        flex: unset;
        width: auto;
    }
}

.card--pr .btns--bottom .ns-btn {
    flex: 1;
    text-align: center;
}

.content--bottom-content.content--block-v:hover {
    width: auto;
    height: auto !important;
    background-color: var(--popup-bg-color);
    background-image: unset;
    top: 40px;
    overflow: visible;
    border-radius: 8px;
    animation: easein 0.2s ease;
    z-index: 2;
}

/* TEMPORARY: REMOVE AFTER DEVELOPMENT */

.wp-block-lazyblock-aparatna-kosmetologiya-blok-proceduri,
.service-content-block:has(
    .wp-block-lazyblock-aparatna-kosmetologiya-blok-proceduri
) {
    display: none !important;
}

/* TEMPORARY: REMOVE AFTER DEVELOPMENT */

.upd-style .peelings--cards .procedure {
    margin: 0;
    text-align: left;
    background: linear-gradient(
        180deg,
        #733a16 16.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 24px;
    min-height: 74px;
    text-wrap: balance;
}

@media (max-width: 1095px) {
    .upd-style .procedure {
        display: block;
    }
    .upd-style .peelings--cards .procedure {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    .upd-style .peelings--cards .procedure {
        font-size: 18px;
        line-height: 22px;
        width: 85%;
        min-height: unset;
    }
}

@keyframes easein {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
.upd-style .content--bottom-content.content--block-v:hover:after {
    content: "";
    position: absolute;
    right: 0;
    top: -24px;
    width: 100%;
    height: 24px;
    background-image: url("/wp-content/themes/medbeauty/assets/icons/ic-action-list.svg");
    background-position: right;
    background-repeat: no-repeat;
}
.upd-style .peelings--title {
    font-size: 36px;
    line-height: 40px;
    text-align: left;
    text-transform: uppercase;
    padding-block: 20px;
}
/* @media (max-width: 767.98px) {
    .upd-style .peelings--title {
        font-size: 36px;
        line-height: 40px;
        text-align: left;
        text-transform: uppercase;
        padding: 20px;
    }
} */

.peeling--item.card--pr {
    position: relative;
    background-color: var(--card-bg-color);
    padding: 12px;
    border-radius: 4px;
    margin: 0;
}

.service-content-block:has(.peelings--wrapp) {
    background-color: var(--full-width-block-bg);
}

.upd-style .peeling--top img {
    width: 100%;
    height: 160px !important;
    object-fit: cover;
    border-radius: 8px;
}

.upd-style .peeling--top-image-wrap {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    isolation: isolate;
}

.upd-style .peeling--top-image-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    /* box-shadow:
        inset 0 0 0 9999px rgba(255, 197, 161, 0.25),
        inset 0 0 0 9999px rgba(170, 136, 98, 0.25); */
    mix-blend-mode: overlay;
    pointer-events: none;
    z-index: 1;
}

.upd-style .peeling--top-image-wrap .peeling--top-price-badge {
    z-index: 2;
}

.upd-style .peeling--top-image-wrap img {
    display: block;
}
@media (max-width: 1095px) {
    .upd-style .peeling--top img {
        width: 100% !important;
    }
}
@media (max-width: 575.98px) {
    .upd-style .peeling--top img {
        height: 200px !important;
    }
}

.content--bottom-content.content--block-v > * {
    opacity: 0;
}

.content--bottom-content.content--block-v:hover > * {
    opacity: 1;
}

.upd-style .content--bottom-content.content--block-v h3 {
    opacity: 1 !important;
    transform: unset !important;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
@media (max-width: 767.98px) {
    .upd-style .content--bottom-content.content--block-v h3 {
        font-size: 18px;
    }
    .content--bottom-content.content--block-v:hover {
        width: 90%;
    }
}

.upd-style .content--bottom-content.content--block-v h3::before {
    content: "";
    margin-right: 4px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.upd-style
    .content--bottom-content.content--block-v
    .pl--list.listt--xm:first-child
    h3::before {
    background-image: url("/wp-content/themes/medbeauty/assets/icons/done-checkmark.svg");
}

.upd-style
    .content--bottom-content.content--block-v
    .pl--list.listt--xm:last-child
    h3::before {
    background-image: url("/wp-content/themes/medbeauty/assets/icons/not-checkmark.svg");
}

.upd-style .content--bottom-content.content--block-v h3,
.upd-style .content--bottom-content.content--block-v li,
.upd-style .content--bottom-content.content--block-v .pl--list li::before {
    color: white;
}

.upd-style .peelings--cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1300px) {
    .upd-style .peelings--cards {
        padding-inline: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767.98px) {
    .upd-style .peelings--cards {
        grid-template-columns: repeat(1, 1fr);
    }
}
.main-page-content-container .peelings--cards {
    padding-inline: 0px;
}
.main-page-content-container .services-section {
    padding-inline: 0px !important;
}

.upd-style .peeling--top {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (max-width: 1095px) {
    .procedure--txt {
        padding: 0;
    }
}

.peeling--top-price-badge {
    position: absolute;
    color: var(--main-color);
    left: 8px;
    top: 8px;
    border: 1px solid var(--main-color);
    padding: 8px 12px;
    border-radius: 50px;
    background: linear-gradient(
        90deg,
        rgba(245, 232, 219, 0) 0%,
        rgba(245, 232, 219, 0.4) 100%
    );
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1;

    display: none;
}
.peeling--top-price-badge:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: black;
    z-index: -1;
    border-radius: 50px;
    opacity: 0.3;
}

@media (max-width: 767.98px) {
    .upd-style .peelings--cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* Single excerpt in card (no duplicate .mobile--text-np copy) */
.upd-style .peeling--top .content--right.text--pm {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
}

/*
 * style.css hides .content--right p:nth-last-of-type(-n+2) in (370px–1095px);
 * one paragraph counts as "last" and disappears — restore visibility for procedure cards.
 */
@media (min-width: 370px) and (max-width: 1095px) {
    .upd-style .peeling--top .content--right.text--pm p {
        display: block !important;
    }
}

.upd-style .text--pm p {
    font-family: "Inter", sans-serif;
    color: var(--main-text-color);
    padding: 0;
}
.upd-style .text--pm p.result {
    font-weight: 600;
    color: #aa8862;
    margin-top: 8px;
}

/* Procedures block */

/* Procedure single page */

/* .single-procedure .wrapp--pc {
    background: linear-gradient(78.51deg, #f0e5db -1.34%, #dcc4aa 110.01%);
} */

.top-container {
    min-height: 720px;
    position: relative;
    background: linear-gradient(78.51deg, #f0e5db -1.34%, #dcc4aa 110.01%);
    padding-top: 100px;
    margin-top: -100px;
}

@media (max-width: 767.98px) {
    .top-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: unset;
    }
}

.top-container__buttons .ns-btn span,
.top-container__buttons .ns-btn {
    flex: unset;
}
.top-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 370px;
    background-image: url("/wp-content/themes/medbeauty/back/circles-bg-curves.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    pointer-events: none;
}
.top-container .container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    z-index: 2;
}
.top-container .container > * {
    width: 80%;
}
.top-container h1 {
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 700;
    font-size: 68px;
    line-height: 70px;
    text-transform: uppercase;
    color: var(--main-text-color);
    text-wrap: balance;
}

.top-container__excerpt {
    max-width: 400px;
    font-family: Inter, sans-serif;
    display: flex;

    flex-direction: column;
    gap: 8px;
}

.top-container__buttons {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.top-container .top-container__img {
    position: absolute;
    right: 0;
    bottom: 0;
    /* width: 514px; */
    /* height: 486px; */
    max-width: 720px;
    object-fit: contain;
    object-position: bottom right;
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 1067.98px) {
    .top-container h1 {
        font-size: 36px;
        line-height: 38px;
    }
    .top-container .container > * {
        width: 100%;
    }
    .top-container .top-container__img {
        position: relative;
        object-position: center;
        margin-left: auto;
    }

    .top-container__buttons > * {
        width: 50%;
    }

    .ns-btn span {
        flex: 1;
    }
    .ns-btn :first-child:after {
        top: 50%;
        transform: translate(10px, -50%);
    }
    .top-container:after {
        content: unset;
    }
    .top-container__excerpt {
        max-width: unset;
    }
    .top-container__buttons .ns-btn span {
        flex: 1;
    }
}

@media (max-width: 767.98px) {
    .top-container__buttons {
        flex-direction: column;
        text-align: center;
    }
    .top-container__buttons > * {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .top-container .top-container__img {
        max-width: 100%;
    }
    .top-container h1 {
        font-size: 28px;
        line-height: 32px;
        text-wrap: balance;
    }
}

@media (max-width: 409.98px) {
    .top-container h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .top-container__excerpt p {
        font-size: 14px;
    }
}

.top-container__img-rotated-wrap {
    position: absolute;
    right: 5vw;
    bottom: 172px;
    transform: rotate(-3deg);
    box-shadow: 0px 0px 16px 0px #0000004d;
    z-index: 1;
}
.top-container .top-container__img-rotated-wrap img {
    position: relative;
}

@media (max-width: 1200.98px) {
    .top-container__img-rotated-wrap {
        scale: 0.7;
    }
}

@media (max-width: 1067.98px) {
    .top-container__img-rotated-wrap {
        position: relative;
        scale: unset;
        transform: unset;
        bottom: 20px;
        margin: 20px;
        width: 100%;
        max-width: calc(100% - 40px);
        right: unset;
    }
    .top-container .top-container__img-rotated-wrap img {
        max-width: 100%;
        margin: 0;
    }
}

@media (max-width: 767.98px) {
    .top-container__img-rotated-wrap {
        bottom: 0;
    }
}

/* blocks img */

.top-container.top-container--blocks-img img {
    right: 100px;
    bottom: 70px;
}

@media (max-width: 1067.98px) {
    .top-container.top-container--blocks-img img {
        right: 0;
        bottom: 16px;
        margin-inline: 16px;
        margin-top: 12px;
        width: calc(100% - 32px);
        max-width: unset;
    }
}

.service-template .top-container.top-container--blocks-img .top-container__img {
    width: unset;
    max-width: 720px;
}

@media (max-width: 1067.98px) {
    .service-template
        .top-container.top-container--blocks-img
        .top-container__img {
        right: 0;
        bottom: 16px;
        margin-inline: 16px;
        margin-top: 32px;
        width: calc(100% - 32px) !important;
        max-width: unset;
        -webkit-mask-image: unset;
        mask-image: unset;
    }
}
@media (max-width: 767.98px) {
    .service-template
        .top-container.top-container--blocks-img
        .top-container__img {
        right: 0;
        bottom: 0px;
        margin-bottom: 16px;
        margin-inline: 16px;
        margin-top: 16px;
        width: calc(100% - 32px) !important;
        max-width: unset;
    }
}

/* blocks img */

.procedure-content-container {
    padding-block: 80px;
    background-color: #fbf9f8;
}

.procedure-content-container .tariffs-container {
    display: flex;
    gap: 40px;
}
.procedure-content-container .tariffs-container > *:first-child {
    width: 45%;
}
.procedure-content-container .tariffs-container > *:last-child {
    width: 55%;
}

@media (max-width: 1067.98px) {
    .procedure-content-container .tariffs-container {
        flex-direction: column;
        gap: 24px;
    }
    .procedure-content-container .tariffs-container > *:first-child,
    .procedure-content-container .tariffs-container > *:last-child {
        width: 100%;
    }
}
.tariffs-container__image {
    box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 12px;
    height: fit-content;
    width: fit-content;
    position: relative;
}
.tariffs-container__image__wrapper:before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow:
        inset 0 0 0 9999px rgba(255, 197, 161, 0.25),
        inset 0 0 0 9999px rgba(170, 136, 98, 0.25);
    mix-blend-mode: overlay;
    pointer-events: none;
    z-index: 1;
}
.tariffs-container__image__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.tariffs-container__image__wrapper img {
    aspect-ratio: 3/4;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.tariffs-container__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.tariffs-container__content h2 {
    font-size: 36px;
    line-height: 50px;
}

.procedure-details-block {
    padding-top: 56px;
}

.procedure-details-block h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.upd-style .procedure-details-accordion {
    display: block;
    column-count: 2;
    column-gap: 16px;
}

.upd-style .procedure-details-accordion > .faq-item {
    width: 100%;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin-bottom: 16px;
}

.upd-style .procedure-details-accordion .faq-item__trigger-text {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 18px;
    overflow-wrap: anywhere;
    word-break: break-word;
    padding: 0;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.upd-style .procedure-details-accordion .faq-item__trigger {
    color: var(--main-text-color);
    background: none;
    -webkit-text-fill-color: unset;
    text-indent: 0;
    padding-left: 28px;
}

.upd-style .faq__list.procedure-details-accordion .faq-item__answer ul {
    color: var(--main-text-color);
    margin-left: 24px;
}
.upd-style .faq__list.procedure-details-accordion .faq-item__answer ul li {
    list-style-type: disc;
    font-family: "Inter", sans-serif;
}

@media (max-width: 767.98px) {
    .upd-style .procedure-details-accordion {
        column-count: 1;
    }
}

.tariffs-container__content__excerpt {
    font-family: Inter, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tariffs-container__content .ns-btn {
    flex: unset;
}

.tariffs-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
    --tariff-cols-desktop: 4;
    --tariff-cols-mobile: 2;
}

.tariff-cell.tariff-cell--omit {
    display: none !important;
}

.tariffs-container__content .ns-btn {
    margin-top: 12px;
    margin-left: auto;
}

.tariff-row {
    display: flex;
    grid-template-columns: repeat(
        var(--tariff-cols-desktop, 4),
        minmax(0, 1fr)
    );
    gap: 2px;
}
.tariff-row > * {
    flex: 1;
}
.tariff-row .tariff-cell--price {
    flex: unset;
}

.tariff-cell {
    background: var(--main-color);
    border-radius: 999px;
    padding: 14px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tariff-cell__label {
    color: #884112;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tariff-cell__value {
    color: #884112;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-wrap: balance;
}

.tariff-row .tariff-cell {
    position: relative;
}
.tariff-row .tariff-cell:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--main-color);
    clip-path: var(--fastener-path);
}

@media (max-width: 1399.98px) {
    .tariff-cell {
        padding: 12px 18px;
    }

    .tariff-cell__label {
        font-size: 14px;
    }

    .tariff-cell__value {
        font-size: 14px;
    }
}

@media (max-width: 1067.98px) {
    .tariffs-container__image {
        display: none;
    }
    .procedure-content-container .tariffs-container {
        flex-direction: column;
        gap: 24px;
    }

    .procedure-content-container .tariffs-container > * {
        width: 100%;
    }

    .tariff-row {
        grid-template-columns: repeat(
            var(--tariff-cols-mobile, 2),
            minmax(0, 1fr)
        );
    }

    .tariffs-grid--mobile-fallback
        .tariff-cell--procedure:not(.tariff-cell--omit),
    .tariffs-grid--mobile-fallback
        .tariff-cell--duration:not(.tariff-cell--omit) {
        display: flex !important;
    }

    .tariffs-grid--mobile-show-procedure
        .tariff-cell--procedure:not(.tariff-cell--omit) {
        display: flex !important;
    }

    .tariff-cell__label {
        font-size: 14px;
    }

    .tariff-cell__value {
        font-size: 14px;
    }

    .tariff-cell__value--zone-mobile-fallback {
        font-size: 0;
        line-height: 0;
    }

    .tariff-cell__value--zone-mobile-fallback::before {
        content: attr(data-mobile-fallback);
        font-size: 14px;
        line-height: 1.1;
        color: #884112;
        font-family: Inter, sans-serif;
        font-style: normal;
        font-weight: 400;
    }

    .procedure-content-container {
        padding-block: 40px;
    }
}

@media (max-width: 767.98px) {
    .tariff-cell--procedure,
    .tariff-cell--duration {
        display: none;
    }
}

.before-after-container {
    background-color: var(--full-width-block-bg);
    padding-block: 40px;
    position: relative;
}
@media (max-width: 1067.98px) {
    .before-after-container {
        padding-block: 20px;
    }
}
.before-after-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/themes/medbeauty/back/circles-bg-curves-top.svg");
    background-repeat: no-repeat;
    background-position: top right;
    pointer-events: none;
}
.before-after-container h2 {
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 478px;
    line-height: 1;
    margin-bottom: 32px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1067.98px) {
    .before-after-container h2 {
        font-size: 32px;
    }
}

/* Before / after carousel (procedure single) — full width of .before-after-container */
.upd-style .before-after-container__slider {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-bottom: 40px;
    box-sizing: border-box;
    z-index: 1;
}

@media (max-width: 1067.98px) {
    .upd-style .before-after-container__slider {
        padding-bottom: 20px;
    }
}
.upd-style .before-after-carousel {
    width: 100%;
    max-width: 100%;
    margin-bottom: 72px;
    box-sizing: border-box;
}

.upd-style .before-after-carousel .slick-list {
    margin-inline: 0;
}

.upd-style .before-after-carousel .slick-slide {
    width: min(1122px, calc(100vw - 32px)) !important;
    margin: 0 10px;
    box-sizing: border-box;
}

.upd-style .before-after-carousel .slick-slide > div {
    height: 100%;
}

.upd-style .before-after-carousel__slide {
    background-color: var(--card-bg-color);
    border-radius: 4px;
    padding: 24px;
    box-sizing: border-box;
}

.upd-style .before-after-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 24px;
    box-sizing: border-box;
    min-height: 100%;
}

@media (min-width: 768px) {
    .upd-style .before-after-card {
        flex-direction: row;
        align-items: stretch;
        gap: 24px;
        padding: 0;
    }
}

.upd-style .before-after-card__visuals {
    display: flex;
    flex-shrink: 0;
    gap: 12px;
    justify-content: center;
}

@media (min-width: 768px) {
    .upd-style .before-after-card__visuals {
        gap: 16px;
    }
}

.upd-style .before-after-card__shot {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    max-width: 200px;
    aspect-ratio: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

@media (min-width: 768px) {
    .upd-style .before-after-card__shot {
        max-width: 220px;
    }
}

.upd-style .before-after-card__badge {
    z-index: 1;
    padding: 8px;
    width: 100px;
    text-align: center;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    background: linear-gradient(
        176.74deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    white-space: nowrap;
    border-radius: 50px;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {
    .upd-style .before-after-card__badge {
        font-size: 16px;
    }
}

.upd-style .before-after-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 12px; */
    /* border: 2px solid #fff; */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    /* padding: 8px; */
}

.upd-style .before-after-card__shot .before-after-card__img {
    background-color: unset;
    box-shadow: unset;
    min-height: 308px;
}

@media (max-width: 567.98px) {
    .upd-style .before-after-card__shot .before-after-card__img {
        min-height: 248px;
    }
}

@media (max-width: 425.98px) {
    .upd-style .before-after-card__shot .before-after-card__img {
        min-height: 200px;
        object-fit: contain;
    }
}

.upd-style .before-after-card__text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.45;
    color: var(--main-text-color);
    justify-content: center;
    /* margin-top: 8px; */
}

.upd-style .before-after-card__field {
    margin: 0;
}

.upd-style .before-after-card__label {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.upd-style .before-after-card__value {
    margin: 0;
    font-weight: 400;
}

.upd-style .before-after-container__slider .slick-prev,
.upd-style .before-after-container__slider .slick-next {
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--card-bg-color);
    z-index: 2;
    transform: none;
    border: none;
    cursor: pointer;
    padding: 0;
    position: absolute;
}

.upd-style .before-after-container__slider .slick-prev {
    left: 50%;
    /* right: auto; */
    margin-left: -72px;
    /* position: absolute; */
}

.upd-style .before-after-container__slider .slick-next {
    left: 50%;
    /* right: auto; */
    /* margin-left: 12px; */
}

.upd-style .before-after-container__slider .slick-prev::before,
.upd-style .before-after-container__slider .slick-next::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-color: var(--btn-bg-color-pressed);
    -webkit-mask-image: url("../icons/ic-return-back.svg");
    mask-image: url("../icons/ic-return-back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.upd-style .before-after-container__slider .slick-prev,
.upd-style .before-after-container__slider .slick-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.upd-style .before-after-container__slider .slick-next::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -17px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--card-bg-color);
    z-index: -1;
    clip-path: var(--fastener-path);
}

.upd-style .before-after-container__slider .slick-prev img,
.upd-style .before-after-container__slider .slick-next img {
    display: none;
}

.upd-style .before-after-container__slider .slick-next::before {
    transform: scaleX(-1);
}

.upd-style .before-after-container__slider .slick-prev:active::before,
.upd-style .before-after-container__slider .slick-next:active::before {
    background-color: var(--btn-bg-color);
}

.upd-style div#procedure-details .faq-item__trigger {
    text-indent: 0;
    padding: 12px 0px 12px 24px;
    color: var(--main-text-color);
    -webkit-text-fill-color: unset;
    font-size: 16px;
    text-transform: uppercase;
}

.upd-style div#procedure-details .faq-item__content {
    padding-inline: 6px;
    padding-bottom: 0px;
}
.upd-style div#procedure-details .tariffs-accordion__row {
    font-size: 16px;
}
.upd-style div#procedure-details .faq-item__trigger {
    height: 54px;
}

.upd-style div#procedure-details .faq-item__icon {
    width: 54px;
    height: 54px;
}
.upd-style div#procedure-details .faq-item__trigger-text {
    padding: unset;
    width: 80%;
    font-size: 16px;
    font-family: "Halvar Breitschrift", sans-serif;
}
.upd-style div#procedure-details .faq-item__trigger:after {
    width: calc(100% - 52px);
}
.upd-style div#procedure-details .faq-item__trigger span:before {
    top: calc(50% - 2px);
    left: -15px;
    scale: 0.9;
}

@media (max-width: 1067.98px) {
    .upd-style div#procedure-details .faq-item__trigger {
        height: auto;
    }
}

/* Procedure single page */

/* contact section */
.upd-style section.contact {
    background-color: #fbf9f8;
}
.contact__form-block {
    background-color: unset;
}

.upd-style .contact__container {
    flex-direction: row-reverse;
    padding-block: 80px;
}
@media (max-width: 1067.98px) {
    .upd-style .contact__container {
        padding-block: 20px 80px;
        flex-direction: column-reverse;
    }
}
.contact__field:has(#last-name),
.contact__field:has(#email) {
    display: none;
}
.contact__field textarea {
    border: 1px solid var(--main-color);
    padding: 8px;
    border-radius: 6px;
}
.contact__field label {
    font-family: Inter, sans-serif;
    text-transform: unset;
    font-size: 16px;
}
.contact__form-block {
    padding-inline: 100px;
    justify-content: flex-start;
}
@media (max-width: 1067.98px) {
    .contact__form-block {
        padding-inline: 0px;
    }
    .contact__form {
        margin: 24px 0 24px 0;
    }
}
.contact__image-wrapper {
    padding: 16px;
    background-color: #fff;
    padding: 12px;
    box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.15);
    width: fit-content;
    height: fit-content;
    max-width: 545px;
    margin: 0 auto;
}
@media (max-width: 1067.98px) {
    .contact__image {
        height: 320px;
    }

    .contact__submit-wrapper .ns-btn-social {
        padding: 12px;
    }
}
.contact__submit-wrapper {
    align-items: center;
    justify-content: space-between;
}

.contact__submit-wrapper .ns-btn--secondary {
    flex: unset;
}

.contact__form button[type="submit"]:disabled,
.pop-up-beauty__form button[type="submit"]:disabled {
    background: none;
    color: #bababa;
    border-color: #bababa;
    cursor: not-allowed;
}

.contact__title {
    margin-bottom: 24px;
    line-height: 1;
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 700;
    font-size: 36px;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
}

@media (max-width: 1067.98px) {
    .contact__title {
        text-align: left;
        text-transform: uppercase;
        margin: 0;
    }
}
@media (max-width: 374.98px) {
    .contact__title {
        font-size: 24px;
    }
}
/* Phone field: same pattern as popup (pop-up-beauty__phone-group) */
.upd-style .contact__phone-group {
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #dcc4aa;
}
.upd-style .contact__phone-group .contact__input--phone {
    flex: 1;
    min-width: 0;
    border-bottom: none;
    padding-bottom: 4px;
}
.upd-style .contact__phone-prefix {
    flex-shrink: 0;
    color: #000;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    line-height: 150%;
    padding-bottom: 4px;
}

.upd-style .contact__input,
.upd-style .contact__textarea {
    border-color: #dcc4aa;
}
.upd-style .contact__input.is-error {
    border-color: #ef4444;
}
.upd-style .contact__phone-group.is-error {
    border-bottom-color: #ef4444;
}

body.upd-style .form-field-error {
    margin-top: 8px;
    margin-bottom: 0;
    color: #ef4444;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    display: none;
}
body.upd-style .form-field-error.is-visible {
    display: block;
}

.upd-style footer .footer__form .form-field-error {
    color: #ff8e47;
    margin-top: 2px;
    position: absolute;
    bottom: -14px;
}

/* contact section */

/* Main page */

.full-width-container.main-page h1 {
    font-size: 68px;
    line-height: 70px;
}

@media (max-width: 1299.98px) {
    .full-width-container.main-page h1 {
        font-size: 48px;
        line-height: 50px;
    }
}

@media (max-width: 1067.98px) {
    .full-width-container.main-page h1 {
        font-size: 36px;
        line-height: 38px;
    }
}

@media (max-width: 575.98px) {
    .full-width-container.main-page h1 {
        font-size: 28px;
        line-height: 32px;
    }
}

.main-page .top-container:after {
    content: unset;
}
.main-page .top-container__content-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.top-container__content-left h1 {
    margin: 0;
}
p.top-container__content-left-text {
    /* max-width: 440px; */
    line-height: 1.2;
}
p.top-container__content-left-text {
    margin: 0 !important;
}

.top-container__content-left-text.inline-styling {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--popup-bg-color);
    font-family: Inter, sans-serif;
}

.top-container__content-left-text.inline-styling::before,
.top-container__content-left-text.inline-styling::after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 10px;
    background-image: url("/wp-content/themes/medbeauty/assets/icons/side-styling-dots.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.top-container__content-left-text.inline-styling.short::before,
.top-container__content-left-text.inline-styling.short::after {
    background-image: url("/wp-content/themes/medbeauty/assets/icons/side-styling-short-dots.svg");
    width: 20px;
}

@media (max-width: 767.98px) {
    .top-container__content-left-text.inline-styling {
        justify-content: space-between;
    }
    .top-container__content-left-text.inline-styling::before,
    .top-container__content-left-text.inline-styling::after {
        width: 68px;
    }
}
@media (max-width: 408.98px) {
    .top-container__content-left-text.inline-styling {
        font-size: 12px;
    }
    .top-container__content-left-text.inline-styling::before,
    .top-container__content-left-text.inline-styling::after {
        width: 48px;
    }
}

.main-page .top-container__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.top-container__content-heading {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}
.top-container__content-heading > *:first-child {
    width: 66.66%;
}
.top-container__content-heading > *:last-child {
    width: 33.33%;
}

.top-container__content-heading--consultation > *:first-child {
    width: 50%;
}
.top-container__content-heading--consultation > *:last-child {
    width: 50%;
}

@media (max-width: 1269.98px) {
    .top-container__content-heading > *:first-child {
        width: 55%;
    }
    .top-container__content-heading > *:last-child {
        width: 45%;
    }
}

@media (max-width: 1067.98px) {
    .top-container__content-heading {
        flex-direction: column;
    }
    .top-container__content-heading > *:first-child,
    .top-container__content-heading > *:last-child {
        width: 100%;
    }
}

.top-container__content-right-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--main-text-color);
    font-family: Inter, sans-serif;
}
.top-container__content-right-content p {
    line-height: 1.2;
}
.top-container__content-right-content .btn-container {
    display: flex;
    gap: 12px;
}
@media (min-width: 1067.98px) {
    .top-container__content-right-content .main-page-hero-cta {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .top-container__content-right-content .btn-container {
        flex-direction: column;
        gap: 8px;
    }
    .top-container__content-right-content .btn-container .ns-btn--secondary,
    .top-container__content-right-content .btn-container .ns-btn span {
        text-align: center;
    }
}

.main-collage-images-container {
    display: flex;
    gap: 12px;
    margin-top: 32px;
    margin-bottom: 20px;
}
.main-collage-images-container-left,
.main-collage-images-container-right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 50%;
}

.main-collage-images-container-left__item {
    aspect-ratio: 1;
}

.main-collage-images-container-left__item img {
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
}

.main-collage-images-container-mobile {
    display: none;
}

@media (max-width: 767.98px) {
    .main-collage-images-container-left,
    .main-collage-images-container-right {
        display: none;
    }

    .main-collage-images-container-mobile {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .main-collage-images-container-mobile img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
}

/* our mission block */

.our-misison-block {
    padding-block: 100px;
    position: relative;
    z-index: 1;
}
.our-misison-block .container {
    position: relative;
    z-index: 1;
}

.our-misison-block::after {
    content: "";
    position: absolute;
    width: 865px;
    height: 460px;
    background-image: url("/wp-content/themes/medbeauty/back/bg-bottom-right.svg");
    bottom: 0;
    right: 0;
    z-index: 0;
}
.our-misison-block h2 {
    font-size: 36px;
    line-height: 1;
}

.our-misison-block .our-misison-block__connected-circles {
    display: flex;
    gap: 36px;
    margin-top: 200px;
}

.our-misison-block .our-misison-block__connected-circles-item {
    width: 250px;
    height: 250px;
    background-color: var(--card-bg-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
    border-radius: 50%;
    position: relative;
}
.our-misison-block .our-misison-block__connected-circles-item:first-child img {
    aspect-ratio: 1;
    width: 200px;
    object-fit: cover;
    border-radius: 50%;
}
.our-misison-block .our-misison-block__connected-circles-item p {
    font-size: 14px;
    text-align: center;
}
.our-misison-block .our-misison-block__connected-circles-item span {
    background: linear-gradient(
        176.74deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 12px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    text-wrap: balance;
    width: 75%;
    text-align: center;
}

.our-misison-block
    .our-misison-block__connected-circles-item:last-child::after {
    content: "";
    position: absolute;
    top: calc(50% + 10px);
    left: -18px;
    width: 72px;
    height: 124px;
    transform: translate(-50%, -50%);
    background-color: var(--card-bg-color);
    clip-path: path(
        "M0 3.13392C0 -0.00713158 4.49308 -1.18957 6.15862 1.47355C13.2906 12.8771 25.3585 29.3701 35.5 29.3701C45.6415 29.3701 57.7094 12.8771 64.8414 1.47355C66.5069 -1.18957 71 -0.00712395 71 3.13393V100.554C71 103.695 66.5069 104.877 64.8414 102.214C57.7094 90.8104 45.6415 74.3174 35.5 74.3174C25.3585 74.3174 13.2906 90.8104 6.15862 102.214C4.49308 104.877 0 103.695 0 100.554V3.13392Z"
    );
}

@media (max-width: 767.98px) {
    .our-misison-block .our-misison-block__connected-circles {
        flex-direction: column;
        align-items: center;
        gap: 28px;
        margin-top: 32px;
    }

    /* Disable desktop horizontal connector. */
    .our-misison-block
        .our-misison-block__connected-circles-item:last-child::after {
        content: none;
    }

    /* Vertical connector between first and second circle. */
    .our-misison-block
        .our-misison-block__connected-circles-item:last-child::before {
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        width: 72px;
        height: 124px;
        transform: translate(-50%, -50%) rotate(90deg);
        background-color: var(--card-bg-color);
        clip-path: path(
            "M0 3.13392C0 -0.00713158 4.49308 -1.18957 6.15862 1.47355C13.2906 12.8771 25.3585 29.3701 35.5 29.3701C45.6415 29.3701 57.7094 12.8771 64.8414 1.47355C66.5069 -1.18957 71 -0.00712395 71 3.13393V100.554C71 103.695 66.5069 104.877 64.8414 102.214C57.7094 90.8104 45.6415 74.3174 35.5 74.3174C25.3585 74.3174 13.2906 90.8104 6.15862 102.214C4.49308 104.877 0 103.695 0 100.554V3.13392Z"
        );
    }
}

.main-page-content-container {
    background-color: var(--full-width-block-bg-milk);
}
.our-misison-block__content {
    display: flex;
    gap: 40px;
    width: 100%;
}

@media (max-width: 767.98px) {
    .our-misison-block__content {
        flex-direction: column-reverse;
        gap: 0px;
        margin-top: 24px;
    }
    .our-misison-block
        .our-misison-block__connected-circles-item:last-child::before {
        top: -12px;
        left: 46%;
    }
    .our-misison-block {
        padding-block: 40px;
    }
}

.our-misison-block__content-right-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.our-misison-block__content-right-item::before {
    content: "•";
    flex-shrink: 0;
    font-size: 1.25em;
    line-height: 1.4;
    color: var(--main-text-color);
}

.our-misison-block__content-right-item p {
    margin: 0;
}

.our-misison-block__content-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 1067.98px) {
    .our-misison-block h2 {
        margin-bottom: 12px;
    }
    .our-misison-block__content {
        gap: 20px;
        flex-direction: column-reverse;
    }
    .our-misison-block .our-misison-block__connected-circles {
        margin-top: 40px;
    }
}

/* our mission block */

/* main-values-block */
.upd-style .main-values-block {
    position: relative;
    background-color: var(--full-width-block-bg-milk);
    padding-block: 90px 46px;
    overflow: hidden;
}

.upd-style .main-values-block::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 760px;
    height: 460px;
    background-image: url("/wp-content/themes/medbeauty/back/circles-bg-curves.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    opacity: 0.25;
    pointer-events: none;
}

.upd-style .main-values-block__content {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 48px;
    position: relative;
    z-index: 1;
}

.upd-style .main-values-block__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 420px;
}

.upd-style .main-values-block__label {
    color: var(--popup-bg-color);
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

.upd-style .main-values-block__caption {
    color: var(--popup-bg-color);
    font-family: Inter, sans-serif;
    font-size: 16px;
    max-width: 460px;
}

.upd-style .main-values-block__right {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}

.upd-style .main-values-block__right p {
    margin: 0;
    color: var(--btn-secondary-color);
    font-family: "Halvar Breitschrift", sans-serif;
}

.upd-style .main-values-block__right p + p {
    margin-top: 26px;
}

@media (max-width: 1199.98px) {
    .upd-style .main-values-block__right {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    .upd-style .main-values-block {
        padding-block: 40px 24px;
    }

    .upd-style .main-values-block__content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .upd-style .main-values-block__left {
        min-height: auto;
        gap: 16px;
    }

    .upd-style .main-values-block__label {
        font-size: 22px;
    }

    .upd-style .main-values-block__caption {
        font-size: 16px;
        max-width: none;
    }

    .upd-style .main-values-block__right {
        font-size: 18px;
        line-height: 1.2;
    }

    .upd-style .main-values-block__right p + p {
        margin-top: 16px;
    }
}

/* main-values-block */

/* our-specialists-block */
.upd-style .our-specialists-block {
    position: relative;
    background-color: var(--full-width-block-bg);
    padding-block: 40px;
}

.upd-style .our-specialists-block::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 865px;
    height: 460px;
    background-image: url("/wp-content/themes/medbeauty/back/bg-bottom-right.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    pointer-events: none;
    z-index: 0;
}

.upd-style .our-specialists-block .container {
    position: relative;
    z-index: 1;
}

.upd-style .our-specialists-block h2 {
    font-size: 36px;
    line-height: 1;
}

.upd-style .our-specialists-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.upd-style .our-specialists-card {
    background-color: var(--card-bg-color);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.upd-style .our-specialists-card h3 {
    margin: 0;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 24px;
    line-height: 1;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 8px;
}

.upd-style .our-specialists-card img {
    width: 100%;
    height: 154px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.upd-style .our-specialists-card__position,
.upd-style .our-specialists-card__experience {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    color: var(--main-text-color);
}

.upd-style .our-specialists-card__experience {
    font-weight: 500;
}

.upd-style .our-specialists-card.is-hidden-initial {
    display: none;
}

.upd-style .our-specialists-block__actions {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}
.upd-style .our-specialists-block__actions .ns-btn--secondary {
    flex: unset;
}

@media (max-width: 992.98px) {
    .upd-style .our-specialists-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767.98px) {
    .upd-style .our-specialists-grid {
        grid-template-columns: 1fr;
    }

    .upd-style .our-specialists-block h2 {
        font-size: 32px;
    }

    .upd-style .our-specialists-card img {
        height: 154px;
    }
}

@media (max-width: 575.98px) {
    .upd-style .our-specialists-grid {
        grid-template-columns: 1fr;
    }
    .upd-style .our-specialists-block__actions .ns-btn--secondary {
        flex: 1;
    }
}
/* our-specialists-block */

/* services section */
.services-section {
    padding-block: 8px;
}
.services-section h2 {
    font-size: 36px;
    line-height: 1;
}

.upd-style .services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.upd-style .services-grid__card {
    margin: 0;
}

.upd-style .services-grid__card {
    border-radius: 12px;
}

.upd-style .services-grid__card.is-hidden-initial {
    display: none;
}

.upd-style .services-grid__decor-filler {
    display: none;
}

@media (min-width: 1200px) {
    .upd-style .services-grid__decor-filler {
        display: block;
        grid-column: span 2;
        align-self: center;
    }

    .upd-style
        .services-grid__decor-filler
        .our-misison-block__connected-circles {
        display: flex;
        gap: 28px;
        justify-content: center;
        align-items: center;
    }

    .upd-style
        .services-grid__decor-filler
        .our-misison-block__connected-circles-item {
        width: 250px;
        height: 250px;
        background-color: var(--card-bg-color);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px;
        position: relative;
    }

    .upd-style
        .services-grid__decor-filler
        .our-misison-block__connected-circles-item:first-child
        img {
        width: 202px;
        height: 202px;
        border-radius: 50%;
        object-fit: cover;
    }

    .upd-style
        .services-grid__decor-filler
        .our-misison-block__connected-circles-item
        p {
        font-size: 14px;
        line-height: 1.2;
        text-align: center;
        margin: 0;
        width: 140px;
    }

    .upd-style
        .services-grid__decor-filler
        .our-misison-block__connected-circles-item
        span {
        background: linear-gradient(
            176.74deg,
            #733a16 42.97%,
            #ff8e47 100%,
            #733a16 100%
        );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 12px;
        font-family: Inter, sans-serif;
        font-weight: 700;
        text-align: center;
        margin: 0;
    }

    .upd-style
        .services-grid__decor-filler
        .our-misison-block__connected-circles-item:last-child::after {
        content: "";
        position: absolute;
        top: calc(50% + 8px);
        left: -16px;
        width: 72px;
        height: 124px;
        transform: translate(-50%, -50%);
        background-color: var(--card-bg-color);
        clip-path: path(
            "M0 3.13392C0 -0.00713158 4.49308 -1.18957 6.15862 1.47355C13.2906 12.8771 25.3585 29.3701 35.5 29.3701C45.6415 29.3701 57.7094 12.8771 64.8414 1.47355C66.5069 -1.18957 71 -0.00712395 71 3.13393V100.554C71 103.695 66.5069 104.877 64.8414 102.214C57.7094 90.8104 45.6415 74.3174 35.5 74.3174C25.3585 74.3174 13.2906 90.8104 6.15862 102.214C4.49308 104.877 0 103.695 0 100.554V3.13392Z"
        );
    }
}

@media (max-width: 1199.98px) {
    .upd-style .services-grid__decor-filler {
        display: none !important;
    }
}

.upd-style .services-section .services-grid .peeling--top img {
    height: 136px !important;
}

.upd-style .services-section .services-grid .btns--bottom {
    margin-top: auto;
    padding-top: 12px;
}

.upd-style .services-section .services-grid .ns-btn--secondary {
    width: 100%;
}

@media (max-width: 992.98px) {
    /* Services cards have only one action button: keep full "Детальніше" button */
    .upd-style
        .services-section
        .services-grid
        .btns--bottom
        .ns-btn--secondary {
        font-size: 14px;
        aspect-ratio: auto;
        flex: 1;
        padding: 6px 20px;
        width: 100%;
        height: auto;
        position: static;
        display: inline-flex;
        justify-content: center;
    }

    .upd-style
        .services-section
        .services-grid
        .btns--bottom
        .ns-btn--secondary::after {
        content: none;
    }
}

.upd-style .services-grid__show-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    position: relative;
    z-index: 1;
}

.upd-style .services-grid__show-more {
    min-width: 180px;
}
@media (max-width: 1067.98px) {
    .upd-style .services-grid__show-more {
        flex: unset;
    }
}
@media (max-width: 575.98px) {
    .upd-style .services-grid__show-more {
        flex: 1;
    }
}

@media (max-width: 1199.98px) {
    .upd-style .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .upd-style .services-grid {
        grid-template-columns: 1fr;
    }
    .upd-style .services-section .services-grid .peeling--top img {
        height: 154px !important;
    }
    .upd-style .services-grid__show-more-wrap button {
        flex: 1;
    }
}

.upd-style .services-section {
    position: relative;
    background-color: var(--full-width-block-bg);
    padding-bottom: 16px;
}
.services-section .container {
    z-index: 1;
    position: relative;
}
.upd-style .services-section:after {
    content: "";
    position: absolute;
    width: 865px;
    height: 460px;
    background-image: url("/wp-content/themes/medbeauty/back/bg-bottom-right.svg");
    bottom: 0;
    right: 0;
    z-index: 0;
}
.wp-block-lazyblock-faq-block .services-section:after {
    content: unset;
}

/* services section */

/* main-reviews-block */
.upd-style .main-reviews-block {
    position: relative;
    background-color: var(--full-width-block-bg);
    padding-block: 40px 28px;
    overflow: hidden;
    margin-block: 64px;
}

.upd-style .main-reviews-block:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 594px;

    background-image: url("/wp-content/themes/medbeauty/back/reviews-circles-bg.svg");
    /* background-size: cover; */
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.upd-style .main-reviews-carousel__slide[aria-hidden="true"]:after {
    display: block !important;
}
@media (max-width: 767.98px) {
    /* .upd-style .main-reviews-block:after {
        content: unset;
    } */
}

.upd-style .main-reviews-block h2 {
    margin: 0;
    font-size: 36px;
    line-height: 1;
}

.upd-style .main-reviews-block__slider {
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

.upd-style .main-reviews-carousel {
    --reviews-side-size: min(250px, 22vw);
    --reviews-center-size: min(400px, 35vw);
    position: relative;
    padding-block: 10px 18px;
    min-height: 500px;
    overflow: visible;
}

.upd-style .main-reviews-carousel .splide__track {
    overflow: hidden;
    position: relative;
}

.upd-style .main-reviews-carousel .splide__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 400px;
    margin: 0;
    list-style: none;
    padding-inline: max(16px, calc(50% - var(--reviews-center-size) / 2));
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: transform 0.18s ease;
}

.upd-style .main-reviews-carousel.splide--ttb .splide__list {
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 0;
}

.upd-style .main-reviews-carousel__slide {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: var(--reviews-side-size);
    min-width: 0;
    height: auto;
    margin-inline: 8px;
    padding-inline: 12px;
    position: relative;
    overflow: visible;
    transition:
        width 0.18s ease,
        opacity 0.18s ease;
}

.upd-style .main-reviews-carousel__slide.is-active {
    width: var(--reviews-center-size);
    z-index: 2;
}

.upd-style .main-reviews-carousel__slide.is-active:after,
.upd-style
    .main-reviews-carousel__slide.is-active
    + .main-reviews-carousel__slide:after,
.upd-style .main-reviews-carousel__slide:has(+ .is-active):after {
    --reviews-gap-after: var(--reviews-gap-to-center);
}

.upd-style .main-reviews-carousel .main-reviews-card {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-origin: center center;
}

.upd-style .main-reviews-carousel__slide:after {
    --reviews-connector-half: 35.5px;
    --reviews-gap-side-side: 28px;
    --reviews-gap-to-center: 20px;
    content: "";
    position: absolute;
    top: 52.5%;
    right: auto;
    left: calc(
        100% - 16px + var(--reviews-gap-after, var(--reviews-gap-side-side)) -
            var(--reviews-connector-half)
    );
    scale: 0.95;
    font-family: sans-serif;
    width: 71px;
    height: 122px;
    transform: translateY(-50%) scale(0.8);
    clip-path: path(
        "M0 3.13392C0 -0.00713158 4.49308 -1.18957 6.15862 1.47355C13.2906 12.8771 25.3585 29.3701 35.5 29.3701C45.6415 29.3701 57.7094 12.8771 64.8414 1.47355C66.5069 -1.18957 71 -0.00712395 71 3.13393V100.554C71 103.695 66.5069 104.877 64.8414 102.214C57.7094 90.8104 45.6415 74.3174 35.5 74.3174C25.3585 74.3174 13.2906 90.8104 6.15862 102.214C4.49308 104.877 0 103.695 0 100.554V3.13392Z"
    );
    background-color: var(--card-bg-color);
    z-index: -1;
}

@media (max-width: 767.98px) {
    .upd-style .main-reviews-carousel__slide:last-child:after {
        content: unset;
    }
}

.upd-style .main-reviews-carousel__slide[aria-hidden="true"]:after {
    display: none;
}

@media (max-width: 767.98px) {
    .upd-style .main-reviews-carousel__slide:after {
        --reviews-card-side: min(280px, calc(92vw - 16px));
        --reviews-gap-side-side: 34px;
        --reviews-gap-to-center: 18px;
        top: unset;
        right: unset;
        left: 50%;
        bottom: calc(
            -1 * (var(--reviews-gap-side-side) + var(--reviews-connector-half))
        );
        transform: translateX(-50%) rotate(90deg);
        width: 71px;
        height: 104px;
    }

    .upd-style .main-reviews-carousel__slide:after {
        bottom: calc(
            -1 *
                (
                    var(--reviews-gap-after, var(--reviews-gap-side-side)) +
                        var(--reviews-connector-half)
                )
        );
    }
}

.upd-style .main-reviews-carousel .main-reviews-card {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    padding: 12px;
    background-color: var(--card-bg-color);
    overflow: hidden;
}

.upd-style .main-reviews-card__img {
    width: 100%;
    height: 100%;
    /* border-radius: 50%; */
    object-fit: cover;
    display: block;
    -webkit-user-drag: none;
    pointer-events: none;
}

.upd-style .main-reviews-block__slider .main-reviews-carousel__arrow {
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--card-bg-color);
    z-index: 2;
    transform: none;
    border: none;
    cursor: pointer;
    padding: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
}

.upd-style .main-reviews-block__slider .main-reviews-carousel__arrow--prev {
    left: 50%;
    margin-left: -72px;
}

.upd-style .main-reviews-block__slider .main-reviews-carousel__arrow--next {
    left: 50%;
}

.upd-style .main-reviews-block__slider .main-reviews-carousel__arrow::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-color: var(--btn-bg-color-pressed);
    -webkit-mask-image: url("../icons/ic-return-back.svg");
    mask-image: url("../icons/ic-return-back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.upd-style
    .main-reviews-block__slider
    .main-reviews-carousel__arrow--next::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -17px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--card-bg-color);
    z-index: -1;
    clip-path: var(--fastener-path);
}

.upd-style
    .main-reviews-block__slider
    .main-reviews-carousel__arrow--next::before {
    transform: scaleX(-1);
}

.upd-style
    .main-reviews-block__slider
    .main-reviews-carousel__arrow:active::before {
    background-color: var(--btn-bg-color);
}

@media (max-width: 991.98px) {
    .upd-style .main-reviews-carousel {
        --reviews-side-size: min(210px, 28vw);
        --reviews-center-size: min(270px, 38vw);
    }

    .upd-style .main-reviews-carousel .splide__list {
        padding-inline: max(12px, calc(50% - var(--reviews-center-size) / 2));
    }

    .upd-style .main-reviews-carousel__slide:after {
        --reviews-gap-side-side: 22px;
        --reviews-gap-to-center: 16px;
    }
}

@media (max-width: 767.98px) {
    .upd-style .main-reviews-block {
        padding-block: 32px 102px;
        margin-bottom: 64px;
    }

    .upd-style .main-reviews-block h2 {
        font-size: 32px;
    }

    .upd-style .main-reviews-carousel {
        min-height: 0;
        padding-block: 8px 14px;
        --reviews-center-size: min(358px, 92vw);
        --reviews-side-size: min(280px, 86vw);
        --reviews-viewport-height: calc(var(--reviews-center-size) + 10.5rem);
    }

    .upd-style .main-reviews-carousel .splide__track {
        height: var(--reviews-viewport-height);
        max-height: min(540px, 72vh);
    }

    .upd-style .main-reviews-carousel .splide__list {
        min-height: 0;
        padding-block: max(3rem, calc(50% - var(--reviews-center-size) / 2));
        padding-inline: 0;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .upd-style .main-reviews-carousel .splide__track {
        width: 100%;
    }

    /* gradient fade out */
    .upd-style .main-reviews-carousel::before,
    .upd-style .main-reviews-carousel::after {
        content: "";
        position: absolute;
        top: 6px;
        left: 0;
        width: 100%;
        height: 72px;
        background: linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            var(--full-width-block-bg)
        );
        z-index: 1;
        pointer-events: none;
    }
    .upd-style .main-reviews-carousel::after {
        top: unset;
        bottom: 12px;
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0),
            var(--full-width-block-bg)
        );
    }

    .upd-style .main-reviews-carousel__slide {
        width: var(--reviews-side-size);
        max-width: 100%;
        margin-inline: auto;
        margin-block: 12px;
        padding-inline: 8px;
        opacity: 0.7;
    }

    .upd-style .main-reviews-carousel__slide.is-active {
        width: var(--reviews-center-size);
        opacity: 1;
    }

    .upd-style .main-reviews-block__slider .main-reviews-carousel__arrow--prev {
        left: calc(50% - -2px);
        right: auto;
        bottom: -2px;
    }

    .upd-style .main-reviews-block__slider .main-reviews-carousel__arrow--next {
        left: auto;
        right: calc(50% - 72px);
        bottom: -2px;
    }

    .upd-style .main-reviews-block__slider .main-reviews-carousel__arrow {
        z-index: 5;
        pointer-events: auto;
        bottom: -79px;
    }
}
/* main-reviews-block */

/* socials-promotion-block */
.upd-style .socials-promotion-block {
    padding-block: 40px;
    background-color: var(--full-width-block-bg);
}

.upd-style .socials-promotion-block__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.upd-style .socials-promotion-block h2 {
    margin: 0;
    max-width: 780px;
    font-size: 36px;
    line-height: 1;
}

.upd-style .socials-promotion-block__instagram-btn {
    flex-shrink: 0;
    flex: unset;
    margin-left: auto;
}

.upd-style .socials-promotion-block__instagram-btn span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: unset;
}

.upd-style .socials-promotion-block__instagram-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.upd-style .socials-promotion-block__visual {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    column-gap: 0px;
    row-gap: 0px;
    margin-top: 20px;
    margin-inline: 80px;
}

@media (max-width: 1199.98px) {
    .upd-style .socials-promotion-block__visual {
        margin-inline: 0px;
    }
}

@media (max-width: 767.98px) {
    .upd-style .socials-promotion-block__visual {
        margin-inline: 0;
    }
}

.upd-style .socials-promotion-block__circle {
    position: relative;
    width: 250px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: var(--card-bg-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    justify-self: center;
    z-index: 1;
}
.socials-promotion-block__circle.socials-promotion-block__circle--4 {
    z-index: 2;
}

.upd-style .socials-promotion-block__circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    padding: 24px;
    position: relative;
    /* z-index: 99; */
}

@media (max-width: 767.98px) {
    .upd-style .socials-promotion-block__circle img {
        padding: 12px;
    }
}

.upd-style .socials-promotion-block__circle--1 {
    grid-column: 1;
    grid-row: 1;
}

.upd-style .socials-promotion-block__circle--2 {
    grid-column: 3;
    grid-row: 1;
    z-index: 2;
}

.upd-style .socials-promotion-block__circle--3 {
    grid-column: 2;
    grid-row: 2;
    margin-top: -12px;
}

.upd-style .socials-promotion-block__circle--4 {
    grid-column: 4;
    grid-row: 2;
    margin-top: -12px;
}

.upd-style .socials-promotion-block__circle:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 206px;
    height: 204px;
    top: 56%;
    left: 66%;
    background-color: var(--card-bg-color);
    transform-origin: center;
    rotate: -2deg;
    clip-path: path(
        "M83.4059 0.989284C85.177 -0.943928 88.4765 0.127296 88.8046 2.72851C90.9397 19.6587 98.3585 63.6142 119.406 82.8965C140.454 102.179 184.89 105.728 201.942 106.376C204.562 106.475 205.917 109.668 204.146 111.602L121.542 201.77C119.771 203.703 116.471 202.632 116.143 200.03C114.008 183.1 106.589 139.145 85.5412 119.862C64.4934 100.58 20.0576 97.0309 3.00565 96.3834C0.385714 96.2839 -0.969741 93.0906 0.801315 91.1574L83.4059 0.989284Z"
    );
    z-index: -1;
}

@media (max-width: 767.98px) {
    .upd-style .socials-promotion-block__circle:not(:last-child)::after {
        clip-path: path(
            "M54.2695 1.08318C55.9961 -0.97446 59.4607 0.0792807 59.8366 2.73892C61.671 15.7205 66.9765 42.5653 80.4057 53.8338C93.8348 65.1022 121.193 65.6655 134.296 65.2178C136.981 65.1261 138.62 68.3551 136.893 70.4128L83.3338 134.243C81.6072 136.3 78.1426 135.247 77.7667 132.587C75.9323 119.605 70.6268 92.7604 57.1976 81.492C43.7684 70.2236 16.4101 69.6603 3.30724 70.1079C0.622752 70.1997 -1.01662 66.9706 0.709949 64.913L54.2695 1.08318Z"
        );
    }
}

.upd-style .socials-promotion-block__circle--2::after {
    left: auto;
    right: 66%;
}

.upd-style
    .socials-promotion-block__visual
    .socials-promotion-block__circle--3:not(:last-child)::after {
    top: -38%;
    left: 65%;
    right: auto;
    transform: scaleX(-1);
    rotate: 2deg;
}

.ns-btn.instagram-btn i:after {
    background-color: currentColor;
    -webkit-mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-ig.svg");
    mask-image: url("/wp-content/themes/medbeauty/assets/icons/ic-ig.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

@media (max-width: 767.98px) {
    .upd-style .socials-promotion-block {
        padding-block: 32px;
    }

    .upd-style .socials-promotion-block__top {
        flex-direction: column;
        align-items: flex-start;
    }

    .upd-style .socials-promotion-block h2 {
        font-size: 32px;
    }

    .upd-style .socials-promotion-block__visual {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0px;
        margin-top: 16px;
    }

    .upd-style .socials-promotion-block__circle {
        width: min(171px, 100%);
        justify-self: stretch;
    }

    .upd-style .socials-promotion-block__circle--1 {
        grid-row: 1;
        grid-column: 1;
        margin-left: auto;
        margin-right: 0;
        margin-top: 0;
    }

    .upd-style .socials-promotion-block__circle--2 {
        grid-row: 3;
        grid-column: 1;
        margin-left: auto;
        margin-right: 0;
        margin-top: 0;
        z-index: 2;
    }

    .upd-style .socials-promotion-block__circle--3 {
        grid-row: 2;
        grid-column: 2;
        margin-left: 0;
        margin-right: auto;
        margin-top: 0;
    }

    .upd-style .socials-promotion-block__circle--4 {
        grid-row: 4;
        grid-column: 2;
        margin-left: 0;
        margin-right: auto;
        margin-top: 0;
        z-index: 2;
    }

    .upd-style .socials-promotion-block__circle:not(:last-child)::after {
        width: 138px;
        height: 136px;
        top: 60%;
        left: 60%;
        rotate: 5deg;
    }

    .upd-style .socials-promotion-block__circle--1::after,
    .upd-style .socials-promotion-block__circle--3::after {
        left: auto;
        right: -42%;
        transform: none;
    }

    .upd-style .socials-promotion-block__circle--2::after {
        right: auto;
        left: -42%;
        /* transform: scaleX(-1); */
    }

    .upd-style
        .socials-promotion-block__visual
        .socials-promotion-block__circle--3:not(:last-child)::after {
        top: 61%;
        right: -42%;
        right: auto;
        left: -40%;
        transform: none;
        rotate: 95deg;
        z-index: -1;
    }
}
/* socials-promotion-block */

/* Main page */

/* single service page */

.service-content-container {
    background-color: var(--full-width-block-bg-milk);
}

.service-template .top-container .top-container__img {
    width: 1169px;
    max-width: unset;
    height: 782px;
}

@media (max-width: 1067.98px) {
    .service-template .top-container .container {
        padding-bottom: 0;
    }
    .service-template .top-container .top-container__img {
        object-position: bottom;
        -webkit-mask-image: linear-gradient(transparent 0%, black 10%);
        mask-image: linear-gradient(transparent 0%, black 10%);
        width: 100% !important;
        height: auto;
    }
}

@media (max-width: 767.98px) {
    .service-template .top-container .top-container__img {
        height: auto;
    }
}

.wp-block-lazyblock-aparatna-kosmetologiya-blok .about-us__wrapper {
    flex-wrap: nowrap;
}
.wp-block-lazyblock-aparatna-kosmetologiya-blok h2 {
    padding-bottom: 0;
    margin-bottom: 30px;
}
.services-content {
    color: var(--main-text-color);
}
.services-content .flex--mb--class {
    display: none;
}

.services-content .flex--mb--class {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    width: 80%;
}
@media (max-width: 1067.98px) {
    .services-content .flex--mb--class {
        width: 100%;
    }
}

.services-content .rows--block {
    background-color: var(--card-bg-color);
    margin: 0;
    padding: 24px;
    border-radius: 50%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    clip-path: url("#serviceFeatureClip");
}
.services-content .rows--block:before {
    content: "";
    background-image: url("/wp-content/themes/medbeauty/assets/icons/ic-checkmark-advantages.svg");
    width: 64px;
    height: 64px;
}

.services-content .rows--block:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -52px;
    width: 71px;
    height: 104px;
    background-color: var(--card-bg-color);
    clip-path: path(
        "M0 3.13392C0 -0.00713158 4.49308 -1.18957 6.15862 1.47355C13.2906 12.8771 25.3585 29.3701 35.5 29.3701C45.6415 29.3701 57.7094 12.8771 64.8414 1.47355C66.5069 -1.18957 71 -0.00712395 71 3.13393V100.554C71 103.695 66.5069 104.877 64.8414 102.214C57.7094 90.8104 45.6415 74.3174 35.5 74.3174C25.3585 74.3174 13.2906 90.8104 6.15862 102.214C4.49308 104.877 0 103.695 0 100.554V3.13392Z"
    );
}

.services-content .rows--block:nth-child(2):after {
    top: unset;
    bottom: -71px;
    right: unset;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}
.services-content .rows--block:nth-child(3):after {
    top: -71px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}
.services-content .rows--block:nth-child(4):after {
    top: 50%;
    transform: translateY(-50%);
    right: unset;
    left: -52px;
}

.services-content .rows--block span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}

@media (max-width: 575.98px) {
    .services-content .flex--mb--class {
        display: grid;
        grid-template-columns: 1fr;
        gap: 32px;
        width: 100%;
    }
    .services-content .rows--block:after,
    .services-content .rows--block:nth-child(3):after {
        top: unset;
        bottom: -71px;
        right: unset;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
    .services-content .rows--block:nth-child(4):after {
        content: unset;
    }
}

.service-content-block section.about-us {
    background-color: var(--full-width-block-bg-milk) !important;
}

.services-content .flex--mb--class h3 {
    display: none;
}

section.service-content-block .peelings--wrapp,
section.service-content-block .peelings--beauty {
    background-color: unset;
}

section.service-content-block {
    position: relative;
}
section.service-content-block:has(.peelings--wrapp):before {
    content: "";
    position: absolute;
    width: 865px;
    height: 460px;
    background-image: url("/wp-content/themes/medbeauty/back/bg-bottom-right.svg");
    bottom: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
}

@media (max-width: 575.98px) {
    section.service-content-block:has(.peelings--wrapp):before {
        content: unset;
    }
    .upd-style section.service-content-block .peelings--cards {
        padding-inline: 0;
    }
}

/* TEMPORARY: REMOVE AFTER DEVELOPMENT */
.wp-block-lazyblock-reviews-section {
    display: none !important;
}

/* REMOVE THIS BLOCK IN WP AFTER DEVELOPMENT (IN EDITOR BLOCKS) */
/* TEMPORARY: REMOVE AFTER DEVELOPMENT */

.wp-block-lazyblock-aparatna-kosmetologiya-blok .hm--block {
    display: none;
}

/* single service page */

.apparatus-cosmetology {
    z-index: 1;
}

/* consultation block: enabled only when block has conditional class */
.consultation.consultation--beauty.consultation--new-style {
    padding: 72px 0;
    background: var(--full-width-block-bg-milk);
}

.consultation--new-style .consultation__header {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.consultation--new-style .consultation__title {
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
}

.consultation--new-style .const--text {
    max-width: 980px;
}

.consultation--new-style .consultation__grid-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 0;
}

.consultation--new-style .consultation__card {
    display: grid;
    grid-template-columns: minmax(250px, 39%) 1fr;
    gap: 16px;
    align-items: stretch;
    padding: 12px;
    border-radius: 14px;
    background: var(--full-width-block-bg);
    box-shadow: none;
}

.consultation--new-style .consultation__card__image_container {
    position: relative;
}

.consultation--new-style .consultation__image {
    width: 100%;
    height: 100%;
    /* min-height: 420px; */
    border-radius: 12px;
    object-fit: cover;
}

.consultation--new-style .consultation__info {
    padding-left: 0;
    display: flex;
    flex-direction: column;
}

.consultation--new-style .consultation__name {
    margin-bottom: 6px;
    font-size: 24px;
    line-height: 1;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.consultation--new-style .consultation__position {
    margin-bottom: 20px;
    color: var(--main-text-color);
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
}

.consultation--new-style .consultation__pricing {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 0;
}

.consultation--new-style .consultation__pricing .lis--xtr {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 0;
    /* padding: 12px; */
    border-radius: 18px;
}

/* first consultation: use variable first, fallback second */
.consultation--new-style
    .consultation__pricing
    .lis--xtr:nth-child(odd)
    .consultation__pill {
    background: var(--main-color, #f0e5db);
}

/* second consultation: use variable first, fallback second */
.consultation--new-style
    .consultation__pricing
    .lis--xtr:nth-child(even)
    .consultation__pill {
    background: var(--card-bg-color, #f5e8db);
}

.consultation--new-style .consultation__pricing .bootom--line {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    color: var(--main-text-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.consultation--new-style .consultation__item-grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 0px;
}

.consultation--new-style .consultation__pill {
    flex: 0 0 auto;
    margin: 0;
    padding: 12px 12px 12px 20px;
    border-radius: 999px;
    /* background: rgba(255, 255, 255, 0.45); */
    min-height: 60px;
    position: relative;
}

.consultation--new-style .consultation__pill:nth-child(even) {
    flex: 1;
}

.consultation--new-style .consultation__pill.consultation__pill--book {
    padding: 16px;
}

.consultation--new-style .consultation__pill--consultation {
    flex-basis: calc(58% - 5px);
}

.consultation--new-style .consultation__pill--duration {
    flex-basis: calc(42% - 5px);
}

.consultation--new-style .consultation__pill--price {
    flex-basis: calc(42% - 5px);
}

.consultation--new-style .consultation__pill--book {
    flex-basis: calc(58% - 5px);
}

.consultation--new-style .consultation__pill p {
    margin: 0;
}

.consultation--new-style .consultation__pill:nth-child(odd):after {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--main-color);
    /* z-index: -1; */
    clip-path: var(--fastener-path);
}

.consultation--new-style .consultation__pill:nth-child(1):before,
.consultation--new-style .consultation__pill:nth-child(2):before,
.consultation--new-style .consultation__pill:nth-child(3):before {
    content: "";
    position: absolute;
    /* top: 50%; */
    /* right: -16px; */
    bottom: -52px;
    left: 24px;
    transform: translateY(-50%) rotate(90deg);
    width: 32px;
    height: 47px;
    background-color: var(--main-color);
    /* z-index: -1; */
    clip-path: var(--fastener-path);
}
.consultation--new-style .consultation__pill:nth-child(3):before {
    content: unset;
}

@media (max-width: 767.98px) {
    .consultation--new-style .consultation__pill:nth-child(odd):after {
        content: unset;
    }
    .consultation--new-style .consultation__pill:nth-child(3):before {
        content: "";
    }
}

.lis--xtr.consultation__item.consultation__item--second
    .consultation__pill:after,
.lis--xtr.consultation__item.consultation__item--second
    .consultation__pill:before {
    background-color: var(--card-bg-color);
    background: var(--card-bg-color);
}

.consultation--new-style .consultation__pill-label {
    margin-bottom: 4px !important;
    background: linear-gradient(
        180deg,
        #733a16 42.97%,
        #ff8e47 100%,
        #733a16 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
}

.consultation--new-style .consultation__pill-value {
    color: var(--main-text-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
}

.consultation--new-style .consultation__pill--book {
    display: flex;
    align-items: center;
}

.consultation--new-style .consultation__book-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    border-radius: 999px;
    text-decoration: none;
    background: var(--btn-bg-color);
    color: #fff;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.consultation--new-style .consultation__book-btn:hover {
    background: var(--btn-bg-color-hover);
}

.page-template-page-pricing .services-section {
    background-color: #ffffff;
}
.page-template-page-pricing .services-section:after {
    content: unset;
}

.page-template-page-pricing .main-page-content-container {
    padding-block: 80px;
    background-color: #fff;
}

@media (max-width: 1279.98px) {
    .consultation--new-style .consultation__grid-block {
        grid-template-columns: 1fr;
        padding-inline: 20px;
    }

    .consultation--new-style .consultation__title {
        font-size: 44px;
    }

    .consultation--new-style .consultation__pricing .bootom--line {
        font-size: 16px;
    }
}

@media (max-width: 1067.98px) {
    .consultation--new-style .consultation__card {
        grid-template-columns: 1fr;
    }

    .consultation--new-style .consultation__image {
        min-height: 360px;
    }

    .consultation--new-style .consultation__item-grid {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .consultation.consultation--beauty.consultation--new-style {
        padding: 40px 0;
    }

    .consultation--new-style .consultation__title {
        font-size: 32px;
    }

    .consultation--new-style .consultation__position {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .consultation--new-style .consultation__pricing .bootom--line {
        font-size: 16px;
    }

    .consultation--new-style .consultation__item-grid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .consultation--new-style .consultation__pill {
        flex-basis: auto;
        min-height: unset;
        padding: 10px 12px;
        border-radius: 14px;
    }

    .consultation--new-style .consultation__book-btn {
        min-height: 38px;
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .consultation--new-style .consultation__title {
        font-size: 26px;
    }

    .consultation--new-style .consultation__card {
        gap: 12px;
        padding: 10px;
    }

    .consultation--new-style .consultation__image {
        min-height: 280px;
    }
}

/* Contacts page (template-contacts.php) — intro uses top-container__* markup without .top-container (no hero gradient/bg) */
.contacts-page-new__intro {
    position: relative;
    background: transparent;
    padding-block: 48px 32px;
}

.contacts-page-new__intro .container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.contacts-page-new__intro .container > .top-container__content {
    width: 100%;
}

.main-page.contacts-page-new
    .contacts-page-new__intro
    .top-container__content-left
    h1 {
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-text-color);
    text-wrap: balance;
    margin: 0;
}

@media (max-width: 1067.98px) {
    .contacts-page-new__intro {
        padding-bottom: 0;
    }
}

.contacts-page-new__content {
    padding-block: 48px 64px;
}

.contacts-locations {
    margin-bottom: 40px;
}

.contacts-locations__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 32px;
}

.contacts-location-card__map {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #e8dfd6;
    box-shadow: 0 8px 32px rgba(115, 58, 22, 0.08);
    border: 4px solid #fbf9f8;
}

.contacts-location-card__address-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 1;
    max-width: calc(100% - 28px);
    padding: 10px 14px;
    border-radius: 10px;
    background: #fff;
    color: #1a56c4;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.contacts-location-card__iframe {
    display: block;
    width: 100%;
    min-height: 280px;
    height: 320px;
    border: 0;
    vertical-align: bottom;
}

.contacts-location-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px 24px;
    margin-top: 22px;
}

.contacts-location-card__phones {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.contacts-location-card__phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #733a16;
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.15s ease;
}

.contacts-location-card__phone:hover,
.contacts-location-card__phone:focus-visible {
    color: #d96d2a;
}

.contacts-location-card__phone-icon {
    display: inline-flex;
    flex-shrink: 0;
    color: currentColor;
}

.contacts-location-card__phone-icon svg {
    display: block;
}

.contacts-location-card__book {
    flex-shrink: 0;
    text-align: center;
    white-space: nowrap;
}

.page-template-template-contacts .top-container__content-right {
    display: flex;
    align-items: flex-end;
}
.page-template-template-contacts .top-container__content-right p {
    margin-bottom: 0;
}
.page-template-template-contacts
    p.top-container__content-left-text.inline-styling {
    max-width: 485px;
}

.page-template-template-contacts .top-container__content-heading > *:last-child,
.page-template-template-contacts
    .top-container__content-heading
    > *:first-child {
    width: 50%;
}
@media (max-width: 1267.98px) {
    .page-template-template-contacts
        .top-container__content-heading
        > *:last-child,
    .page-template-template-contacts
        .top-container__content-heading
        > *:first-child {
        width: 100%;
    }

    .page-template-template-contacts .top-container__content-heading p {
        max-width: 100%;
    }
}

.page-template-template-contacts .top-container__content-heading {
    gap: 32px;
}

.page-template-template-blog .top-container__content-right {
    display: flex;
    align-items: flex-end;
}

@media (max-width: 1067.98px) {
    .contacts-locations__grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .contacts-location-card__iframe {
        height: 260px;
        min-height: 240px;
    }

    .contacts-location-card__meta {
        flex-direction: column;
        align-items: stretch;
    }

    .contacts-location-card__book {
        width: 100%;
        max-width: 320px;
        margin-inline: auto;
    }
}

/* Blog page (template-blog.php) */
.upd-style .blog-section {
    position: relative;
    background-color: var(--full-width-block-bg-milk);
    padding-block: 48px 64px;
}

.upd-style .blog-section__title {
    /* max-width: 960px; */
    /* padding-inline: 15px; */
    margin-inline: auto;
    margin-bottom: 32px;
}

.upd-style .blog-section__empty {
    font-family: Inter, sans-serif;
    color: var(--main-text-color);
}

.upd-style .blog__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 0;
}

.upd-style .blog__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 12px;
}

.upd-style .blog__card-title-wrap {
    margin: 0;
    padding: 0;
}

.upd-style .blog__card .blog__card-title {
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
    min-height: unset;
    font-size: 20px;
    width: 100%;
    /* elipsis 2 rows only */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .upd-style .blog__card .blog__card-title {
        /* remove elipsis */
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: unset;
        display: block;
        width: 100%;
        text-overflow: unset;
        white-space: unset;
        word-break: unset;
    }
}

.upd-style .blog__card-media {
    margin-bottom: 12px;
}

.upd-style .blog__card .peeling--top-image-wrap {
    border-radius: 8px;
}

.upd-style .blog__card-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    object-fit: cover;
    border-radius: 8px;
}

.upd-style .blog__card-excerpt {
    flex: 1;
    margin-bottom: 16px;
}

.upd-style .blog__card-excerpt p {
    margin: 0;
}

.upd-style .blog__card-actions {
    margin-top: auto;
}

.upd-style .blog__card-actions .ns-btn--secondary {
    display: block;
    width: 100%;
    text-align: center;
    flex: unset;
}

/* Blog has a single full-width CTA — do not use procedure-card icon-only secondary button on tablet/mobile */
@media (max-width: 992.98px) {
    .upd-style .blog__card.peeling--item .btns--bottom > * {
        width: 100%;
    }

    .upd-style .blog__card.card--pr .blog__card-actions .ns-btn--secondary {
        font-size: inherit;
        aspect-ratio: auto;
        flex: unset;
        padding: 4px 20px;
        display: block;
        width: 100%;
        height: auto;
        position: static;
    }

    .upd-style
        .blog__card.card--pr
        .blog__card-actions
        .ns-btn--secondary::after {
        content: none;
    }
}

.upd-style .blog__load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.upd-style .blog__load-more.is-loading {
    opacity: 0.65;
    pointer-events: none;
}

.upd-style .blog__load-more-wrap[hidden] {
    display: none !important;
}

@media (max-width: 1199.98px) {
    .upd-style .blog__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .upd-style .blog__grid {
        grid-template-columns: 1fr;
    }

    .upd-style .blog__card-image {
        aspect-ratio: 16 / 10;
    }

    .upd-style .blog__load-more-wrap .blog__load-more {
        flex: 1;
        width: 100%;
    }
}

/* Single post (single.php) */
.upd-style .top-container--single-post {
    min-height: 720px;
    display: flex;
    flex-direction: column;
}

.upd-style .top-container--single-post .container {
    display: flex;
    width: 100%;
    flex: 1;
}

.upd-style .top-container--single-post .container > * {
    width: 100%;
}

.upd-style .single-post-hero {
    display: flex;
    /* grid-template-columns: minmax(0, 1fr) minmax(280px, 44%); */
    gap: 24px 32px;
    align-items: end;
    min-height: 648px;
    position: relative;
    flex: 1;
}

.upd-style .single-post-hero__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: start;
    padding-top: 12px;
    /* max-width: 680px; */
}

.upd-style .single-post-hero__title {
    margin: 0;
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-text-color);
    text-wrap: balance;
}

.upd-style .single-post-hero__lead {
    margin: 0;
    max-width: 560px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.35;
    color: var(--main-text-color);
}

.upd-style .single-post-hero__socials {
    display: flex;
    margin: 8px 0 0;
    gap: 0;
    width: fit-content;
}

.upd-style .single-post-hero__socials img {
    width: 32px;
    height: 32px;
    display: block;
}

.upd-style .single-post-hero__socials a {
    padding: 16px;
    border-radius: 50px;
    flex: 1;
    display: flex;
    position: relative;
    background-color: var(--btn-bg-color);
    align-items: center;
    justify-content: center;
    z-index: 0;
    text-decoration: none;
}

.upd-style .single-post-hero__socials a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    width: 32px;
    height: 47px;
    background-color: var(--btn-bg-color);
    z-index: -1;
    clip-path: var(--fastener-path);
}

.upd-style .single-post-hero__media {
    justify-self: end;
    align-self: end;
    width: 100%;
    max-width: 720px;
    margin-bottom: 52px;
    position: absolute;
    right: 0;
}

.upd-style .single-post-hero__figure {
    margin: 0;
}

.upd-style .single-post-hero__image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    /* border: 4px solid #fff; */
    object-fit: cover;
    box-shadow: 0 12px 40px rgba(115, 58, 22, 0.12);
}

.upd-style .single-post-page__body {
    padding-block: 48px 64px;
}

.upd-style .single-post-article.entry-content {
    /* max-width: 960px; */
    margin: 0 auto;
    font-family: Inter, sans-serif;
    color: var(--main-text-color);
    line-height: 1.5;
}

.upd-style .single-post-article.entry-content > * {
    margin-bottom: 1.25em;
}

.upd-style .single-post-page__related {
    padding-bottom: 64px;
}

.upd-style .single-post-page__related-empty {
    grid-column: 1 / -1;
    font-family: Inter, sans-serif;
    color: var(--main-text-color);
}

@media (max-width: 1299.98px) {
    .upd-style .top-container--single-post {
        min-height: unset;
    }

    .upd-style .single-post-hero {
        flex-direction: column;
        align-items: stretch;
        min-height: unset;
        gap: 28px;
    }

    .upd-style .single-post-hero__content {
        align-self: stretch;
        max-width: none;
    }

    .upd-style .single-post-hero__media {
        position: relative;
        right: auto;
        bottom: auto;
        align-self: stretch;
        width: 100%;
        max-width: none;
        margin-bottom: 0;
    }
}

@media (max-width: 469.98px) {
    .upd-style .top-container--single-post {
        min-height: unset;
    }
}

/* blog post page */

.blog-content-group {
    gap: 60px;
}
.blog-content-group .text-block-group > h2 {
    font-size: 36px;
    line-height: 1.2;
    width: calc(50% - 48px);
}
.blog-content-group .text-block-group > :last-child {
    width: calc(50% + 48px);
}
.blog-content-group .text-block-group {
    display: flex;
    gap: 48px;
    align-items: flex-start;
}

.blog-content-group .images-block {
    gap: 48px;
}

.w-100 {
    width: 100%;
}
.w-100 img {
    width: 100%;
}
.w-50 {
    width: 50%;
}
.w-50-left {
    width: 50%;
    left: 0;
}
.w-50-right {
    width: 50%;
    right: 0;
}

.blog-text-socials-block {
    align-items: flex-start;
}

.blog-text-socials-block li.wp-social-link {
    background: unset;
    color: var(--btn-secondary-color);
    text-transform: uppercase;
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 300;
}
.blog-text-socials-block li.wp-social-link svg {
    width: 32px;
    height: 32px;
}
.blog-text-socials-block li.wp-social-link span.wp-block-social-link-label {
    font-size: 24px;
    text-decoration: underline;
    text-underline-offset: 4px;
}

div.blog-text-socials-block > p {
    text-transform: uppercase;
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: var(--btn-secondary-color);
}

.blog-content-group p.lighter-text {
    color: var(--btn-secondary-color);
}

.blog-content-group ul.wp-block-list li {
    list-style: disc;
    margin-left: 24px;
    margin-block: 8px;
}

.upd-style
    .single-post-article
    .blog-content-group
    .images-block
    .wp-block-image
    img,
.upd-style
    .single-post-article
    .blog-content-group
    > figure.wp-block-image
    img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

@media (max-width: 992.98px) {
    .upd-style .single-post-article .blog-content-group {
        gap: 40px;
    }

    .upd-style .single-post-article .blog-content-group .text-block-group {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 24px;
        align-items: stretch;
    }

    .upd-style .single-post-article .blog-content-group .text-block-group > h2,
    .upd-style
        .single-post-article
        .blog-content-group
        .text-block-group
        > :last-child {
        width: 100%;
        max-width: 100%;
    }

    .upd-style .single-post-article .blog-content-group .text-block-group > h2 {
        font-size: 28px;
        line-height: 1.15;
    }

    .upd-style .single-post-article .blog-content-group .images-block {
        gap: 24px;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .upd-style .single-post-article .w-50,
    .upd-style .single-post-article .w-50-left,
    .upd-style .single-post-article .w-50-right {
        width: 100%;
        left: auto;
        right: auto;
        position: relative;
    }

    .upd-style .single-post-article .blog-text-socials-block {
        /* flex-direction: column; */
        align-items: center !important;
        flex-wrap: wrap;
        gap: 16px;
    }

    .upd-style
        .single-post-article
        .blog-text-socials-block
        li.wp-social-link
        span.wp-block-social-link-label,
    .upd-style .single-post-article div.blog-text-socials-block > p {
        font-size: 18px;
    }

    .upd-style .single-post-article .blog-content-group .wp-block-spacer {
        height: 48px !important;
    }
}

@media (max-width: 575.98px) {
    .upd-style .single-post-article .blog-content-group {
        gap: 32px;
    }

    .upd-style .single-post-article .blog-content-group .text-block-group {
        gap: 16px;
    }

    .upd-style .single-post-article .blog-content-group .text-block-group > h2 {
        font-size: 24px;
    }

    .upd-style .single-post-article .blog-content-group .images-block {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    .upd-style
        .single-post-article
        .blog-text-socials-block
        li.wp-social-link
        span.wp-block-social-link-label,
    .upd-style .single-post-article div.blog-text-socials-block > p {
        font-size: 16px;
    }

    .upd-style
        .single-post-article
        .blog-text-socials-block
        li.wp-social-link
        svg {
        width: 28px;
        height: 28px;
    }
}

/* blog post page */

/* ---- WooCommerce shop (phase 1) ---- */
.upd-style .shop-page {
    padding-block: 24px 48px;
    color: #733a16;
}

.upd-style .shop-page__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 20px;
    margin-bottom: 24px;
}

.upd-style .shop-page__title {
    flex: 1 1 100%;
    margin: 0;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #733a16;
}

.upd-style .shop-page__tabs {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
    margin: 0;
}

.upd-style .shop-page__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 18px;
    border: 1px solid var(--btn-secondary-color);
    border-radius: 999px;
    /* background: #fff; */
    color: var(--btn-secondary-color);
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.upd-style .shop-page__tab:hover {
    border-color: var(--btn-secondary-color-hover);
    color: var(--btn-secondary-color-hover);
}

.upd-style .shop-page__tab--active {
    border-color: var(--btn-secondary-color);
    background: var(--btn-secondary-color);
    color: var(--full-width-block-bg);
    font-weight: 500;
}

.upd-style .shop-page__toolbar {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px 16px;
    margin: 0;
}

.upd-style .shop-page__filter-chips {
    flex: 1 1 auto;
    min-width: 0;
}

.upd-style .shop-page__filter-chips .wpc-filter-chips-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.upd-style .shop-page__filter-chips .wpc-chip {
    margin: 0;
}

.upd-style .shop-page__toolbar .woocommerce-ordering {
    margin: 0;
    position: relative;
    display: inline-block;
}

.upd-style .shop-page__toolbar .woocommerce-ordering::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 10px;
    height: 6px;
    transform: translateY(-50%);
    background-image: var(--chevron-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

.upd-style .shop-page__toolbar .woocommerce-ordering select {
    min-height: 40px;
    padding: 8px 36px 6px 16px;
    border: 1px solid var(--btn-secondary-color);
    border-radius: 999px;
    color: var(--btn-secondary-color);
    font-family: "Halvar Breitschrift", sans-serif;
    font-weight: 300;
    font-size: 16px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    width: 200px;
}

.upd-style .shop-page__layout {
    display: grid;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.upd-style .shop-sidebar__search {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 16px;
    border: 1px solid #e0cfc0;
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

.upd-style .shop-sidebar__search-input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    padding: 12px 16px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #733a16;
    background: transparent;
}

.upd-style .shop-sidebar__search-input::placeholder {
    color: rgba(115, 58, 22, 0.55);
}

.upd-style .shop-sidebar__search-btn {
    flex: 0 0 44px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.upd-style .shop-sidebar__search-btn span {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23733a16' stroke-width='1.6'/%3E%3Cpath d='M20 20l-3-3' stroke='%23733a16' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")
        center / contain no-repeat;
}

.upd-style .shop-sidebar__filters-note {
    margin: 0 0 16px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1.4;
    color: rgba(115, 58, 22, 0.7);
}

.upd-style .shop-sidebar__section {
    border-top: 1px solid #e8ddd3;
    padding-top: 12px;
    margin-top: 12px;
}

.upd-style .shop-sidebar__section--disabled {
    opacity: 0.55;
    pointer-events: none;
}

.upd-style .shop-sidebar__section-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #733a16;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.upd-style .shop-sidebar__section-icon::after {
    content: "▾";
    font-size: 12px;
}

.upd-style .shop-sidebar__placeholder-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    color: rgba(115, 58, 22, 0.5);
}

/* Filter Everything PRO — shop sidebar */
.upd-style .shop-sidebar__filters {
    margin-top: 4px;
}

.upd-style .shop-sidebar__filters .wpc-filters-main-wrap {
    width: 100%;
    max-width: none;
}

.upd-style .shop-page__sidebar .wpc-filters-open-button-container,
.upd-style .shop-page__sidebar .wpc-open-close-filters-button,
.upd-style .shop-page__sidebar .wpc-widget-close-container,
.upd-style .shop-page__sidebar .wpc-widget-popup-title,
.upd-style .shop-page__sidebar .wpc-filters-widget-top-container,
.upd-style .shop-page__sidebar .wpc-filter-set-widget-title {
    display: none !important;
}

.upd-style .shop-page__sidebar .wpc-filters-widget-content,
.upd-style .shop-page__sidebar .wpc-filters-widget-containers-wrapper,
.upd-style .shop-page__sidebar .wpc-filters-scroll-container,
.upd-style .shop-page__sidebar .wpc-filters-widget-wrapper {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.upd-style .shop-page__sidebar .wpc-filters-section {
    border-top: 1px solid #e8ddd3;
    padding-top: 12px;
    margin-top: 12px;
}

.upd-style .shop-page__sidebar .wpc-filter-header {
    margin: 0;
}

.upd-style .shop-page__sidebar .wpc-filter-title,
.upd-style .shop-page__sidebar .widget-title.wpc-filter-title {
    margin: 0;
    padding: 0;
    border: 0;
    color: #733a16;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.upd-style .shop-page__sidebar .wpc-filter-title button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.upd-style .shop-page__sidebar .wpc-filter-content {
    margin-top: 10px;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    color: #733a16;
}

.upd-style .shop-page__sidebar .wpc-filter-content label,
.upd-style .shop-page__sidebar .wpc-filter-content a {
    color: #733a16;
}

.upd-style .shop-page__sidebar .wpc-filter-content .wpc-term-item {
    margin-bottom: 6px;
}

.upd-style .shop-page__sidebar .wpc-filters-widget-controls-container {
    margin-top: 12px;
}

.upd-style .shop-page__sidebar .wpc-filters-apply-button,
.upd-style .shop-page__sidebar .wpc-filters-reset-button {
    font-family: "Inter", sans-serif;
}

.upd-style ul.products.shop-page__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.upd-style ul.products.shop-page__grid::before,
.upd-style ul.products.shop-page__grid::after {
    display: none;
    content: none;
}

.upd-style ul.products.shop-page__grid > li.shop-card {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
}

.upd-style .shop-card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.upd-style .shop-card__media-link {
    display: block;
    text-decoration: none;
}

.upd-style .shop-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 292 / 148;
    padding: 16px;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}

.upd-style .shop-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.upd-style .shop-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 8px;
    padding-top: 14px;
}

.upd-style .shop-card__meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.upd-style .shop-card__stock-badge {
    margin: 0;
    flex-shrink: 0;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 300;
    color: #8f8f8f;
    text-align: right;
    white-space: nowrap;
}

.upd-style .shop-card__brand {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #272727;
}

.upd-style .shop-card__brand--empty {
    display: block;
}

.upd-style .shop-card__title,
.upd-style .shop-card__title a {
    display: block;
    margin: 0;
    color: #272727;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
    text-transform: none;
    -webkit-text-fill-color: initial;
}

.upd-style .shop-card__title:hover,
.upd-style .shop-card__title a:hover {
    text-decoration: underline;
}

.upd-style .shop-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-top: auto;
    font-family: "Inter", sans-serif;
}

.upd-style .shop-card__price-old {
    color: rgba(115, 58, 22, 0.55);
    font-size: 14px;
    text-decoration: line-through;
}

.upd-style .shop-card__price-current {
    font-size: 16px;
    font-weight: 700;
    color: #733a16;
}

.upd-style .shop-card__footer {
    margin-top: 12px;
}

.upd-style .shop-card__btn,
.upd-style .shop-card__footer .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 36px;
    /* padding: 10px 16px; */
    border: 0;
    border-radius: 999px;
    background: #e8d4c4;
    color: #733a16 !important;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.upd-style .shop-card__btn:hover,
.upd-style .shop-card__footer .button:hover {
    background: #dcc4b0;
    color: #733a16 !important;
}

.upd-style .shop-card__btn--disabled,
.upd-style .shop-card__footer--out_of_stock .shop-card__btn {
    background: transparent;
    color: #bababa !important;
    border: 1px solid #bababa;
    cursor: not-allowed;
}

.upd-style .shop-card__stock-notice {
    margin: 0 0 8px;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    color: rgba(115, 58, 22, 0.65);
}

.upd-style .shop-card__clinic-notice {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #c47d4a;
}

.upd-style .shop-card--out_of_stock .shop-card__title,
.upd-style .shop-card--out_of_stock .shop-card__price {
    opacity: 0.75;
}

.upd-style .shop-page__main .woocommerce-pagination {
    margin-top: 32px;
}

/* WooCommerce notices (add to cart, errors, info) */
.upd-style .woocommerce-notices-wrapper {
    margin: 0 0 20px;
}

.upd-style .woocommerce-message,
.upd-style .woocommerce-info,
.upd-style .woocommerce-error,
.upd-style ul.woocommerce-message,
.upd-style ul.woocommerce-info,
.upd-style ul.woocommerce-error {
    position: relative;
    margin: 0 0 12px;
    padding: 14px 16px;
    border: 1px solid #e1d5cb;
    border-radius: 999px;
    background: #fbf9f8;
    color: #733a16;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.45;
    list-style: none;
    outline: none;
}

.upd-style .woocommerce-message::before,
.upd-style .woocommerce-info::before,
.upd-style .woocommerce-error::before {
    display: none;
}

.upd-style ul.woocommerce-message li,
.upd-style ul.woocommerce-info li,
.upd-style ul.woocommerce-error li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.upd-style .woocommerce-message,
.upd-style ul.woocommerce-message {
    border-color: #dcc4b0;
    background: #f3eeea;
}

.upd-style .woocommerce-info,
.upd-style ul.woocommerce-info {
    border-color: #e1d5cb;
    background: #fbf9f8;
}

.upd-style .woocommerce-error,
.upd-style ul.woocommerce-error {
    border-color: #e8c4b8;
    background: #fdf6f3;
    color: #8f3f2c;
}

.upd-style .woocommerce-message a,
.upd-style .woocommerce-info a:not(.button),
.upd-style .woocommerce-error a:not(.button) {
    color: #733a16;
}

.upd-style .woocommerce-message .button,
.upd-style .woocommerce-info .button,
.upd-style .woocommerce-error .button,
.upd-style .woocommerce-message a.button,
.upd-style .woocommerce-info a.button,
.upd-style .woocommerce-error a.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 10px 0 0;
    padding: 8px 20px;
    border: 0;
    border-radius: 999px;
    background: #e8d4c4;
    color: #733a16 !important;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.upd-style .woocommerce-message .button:hover,
.upd-style .woocommerce-info .button:hover,
.upd-style .woocommerce-error .button:hover,
.upd-style .woocommerce-message a.button:hover,
.upd-style .woocommerce-info a.button:hover,
.upd-style .woocommerce-error a.button:hover {
    background: #dcc4b0;
    color: #733a16 !important;
}

@media (min-width: 640px) {
    .upd-style .woocommerce-message,
    .upd-style .woocommerce-info,
    .upd-style .woocommerce-error {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 16px;
    }

    .upd-style .woocommerce-message .button,
    .upd-style .woocommerce-info .button,
    .upd-style .woocommerce-error .button,
    .upd-style .woocommerce-message a.button,
    .upd-style .woocommerce-info a.button,
    .upd-style .woocommerce-error a.button {
        margin: 0 0 0 auto;
        flex-shrink: 0;
    }
}

/* Cart trigger — Icon-Basket (admin preview) */
.upd-style header.header {
    position: relative;
}

.upd-style .header-cart-trigger-wrap {
    position: absolute;
    top: 100px;
    right: 16px;
    /* z-index: 10040; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.upd-style .header-cart-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid #e0cfc0;
    border-radius: 50%;
    color: #733a16;
    background: var(--main-color);
    cursor: pointer;
}

.upd-style .header-cart-trigger__circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e8d4c4;
    transition: background-color 0.2s ease;
}

.upd-style .header-cart-trigger:hover .header-cart-trigger__circle,
.upd-style .header-cart-trigger:focus-visible .header-cart-trigger__circle {
    background: #dcc4b0;
}

.upd-style .header-cart-trigger__icon-img {
    display: block;
    width: 21px;
    height: 21px;
}

.upd-style .header-cart-trigger__count {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #54280c;
    color: #fff;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}

.upd-style .header-cart-trigger__count--empty {
    display: none;
}

.upd-style .header-cart-trigger__tooltip {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    padding: 16px 16px;
    border-radius: 12px;
    background: #e8d4c4;
    color: #54280c;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 2;
}

.upd-style .header-cart-trigger:hover .header-cart-trigger__tooltip,
.upd-style .header-cart-trigger:focus-visible .header-cart-trigger__tooltip {
    opacity: 1;
    visibility: visible;
}

.upd-style .header-cart-trigger--has-items .header-cart-trigger__tooltip--empty {
    display: none;
}

.upd-style .header-cart-trigger--empty .header-cart-trigger__tooltip--full {
    display: none;
}

.upd-style .shop-card__footer .added_to_cart {
    display: none !important;
}

.upd-style .header-cart-toast {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    max-width: min(280px, calc(100vw - 32px));
    margin-top: 0;
    padding: 8px 10px 8px 14px;
    border-radius: 10px;
    background: #e8d4c4;
    box-shadow: 0 4px 12px rgba(84, 40, 12, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.upd-style .header-cart-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.upd-style .header-cart-toast[hidden] {
    display: none;
}

.upd-style .header-cart-toast:not([hidden]).is-visible {
    display: flex;
}

.upd-style .header-cart-toast__text {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1.35;
    color: #54280c;
}

.upd-style .header-cart-toast__close {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #54280c;
    cursor: pointer;
}

.upd-style .header-cart-toast__close:hover {
    background: rgba(84, 40, 12, 0.08);
}

/* Cart offcanvas (right) */
.upd-style .cart-popup {
    position: fixed;
    inset: 0;
    z-index: 10050;
    pointer-events: none;
    visibility: hidden;
}

.upd-style .cart-popup[hidden] {
    display: block;
}

.upd-style .cart-popup.is-open {
    pointer-events: auto;
    visibility: visible;
}

.upd-style .cart-popup__overlay {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 0;
    background: rgba(30, 20, 10, 0.45);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.upd-style .cart-popup.is-open .cart-popup__overlay {
    opacity: 1;
}

.upd-style .cart-popup__panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(100%, 506px);
    padding: 24px 20px 20px;
    border-radius: 0;
    background: #fff;
    box-shadow: -12px 0 32px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}

.upd-style .cart-popup.is-open .cart-popup__panel {
    transform: translateX(0);
}

.upd-style .cart-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
}

.upd-style .cart-popup__title {
    flex: 0 0 auto;
    margin: 0 40px 20px 0;
    padding-right: 8px;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    color: #733a16;
}

.upd-style .cart-popup__fragment {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.upd-style .cart-popup__items {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-right: 4px;
    -webkit-overflow-scrolling: touch;
}

.upd-style .cart-popup__empty {
    margin: 0;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: rgba(115, 58, 22, 0.65);
}

.upd-style .cart-popup__item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.upd-style .cart-popup__item-media {
    border: 1px solid #e1d5cb;
    border-radius: 12px;
    background: #fbf9f8;
    padding: 8px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upd-style .cart-popup__item-media img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.upd-style .cart-popup__item-brand {
    margin: 0 0 4px;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    color: #733a16;
}

.upd-style .cart-popup__item-title {
    margin: 0 0 8px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.35;
    color: #733a16;
}

.upd-style .cart-popup__item-price {
    margin-bottom: 10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #733a16;
}

.upd-style .cart-popup__item-price del {
    color: #a5a4a4;
    margin-right: 8px;
}

.upd-style .cart-popup__item-price ins {
    text-decoration: none;
    font-weight: 600;
}

.upd-style .cart-popup__item-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

.upd-style .cart-popup__quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e0cfc0;
    border-radius: 999px;
    overflow: hidden;
    min-height: 36px;
}

.upd-style .cart-popup__qty-btn {
    width: 28px;
    min-width: 28px;
    height: 36px;
    border: 0;
    background: transparent;
    color: #733a16;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    position: relative;
}

.upd-style .cart-popup__qty-btn::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 1px;
    background-color: #e1d5cb;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
}

.upd-style .cart-popup__qty-btn.cart-popup__qty-btn--plus::after {
    right: auto;
    left: -4px;
}

.upd-style .cart-popup__qty-btn:focus-visible {
    outline: 1px solid #733a16;
    outline-offset: -1px;
}

.upd-style .cart-popup__qty-input {
    width: 40px;
    height: 36px;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #733a16;
    appearance: textfield;
    -moz-appearance: textfield;
}

.upd-style .cart-popup__qty-input::-webkit-outer-spin-button,
.upd-style .cart-popup__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.upd-style .cart-popup__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #e0cfc0;
    border-radius: 50%;
    background: #fff;
    color: #733a16;
    cursor: pointer;
}

.upd-style .cart-popup__footer {
    flex: 0 0 auto;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e3d8cf;
    background: #fff;
}

.upd-style .cart-popup__footer--empty .cart-popup__checkout {
    pointer-events: none;
    opacity: 0.5;
}

.upd-style .cart-popup__total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    color: #272727;
    font-weight: 600;
}

.upd-style .cart-popup__checkout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 20px;
    border: 0;
    border-radius: 999px;
    background: #e8d4c4;
    color: #733a16;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.upd-style .cart-popup__checkout:hover {
    background: #dcc4b0;
    color: #733a16;
}

.upd-style body.cart-popup-open {
    overflow: hidden;
}

@media (max-width: 1067.98px) {
    .upd-style .header-cart-trigger-wrap {
        right: 72px;
    }
}

@media (max-width: 767.98px) {
    .upd-style .header-cart-trigger-wrap {
        top: auto;
        bottom: 16px;
        right: 16px;
        transform: none;
    }

    .upd-style .cart-popup__panel {
        width: min(100%, 100vw);
        padding: 20px 16px 16px;
    }

    .upd-style .cart-popup__title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .upd-style .cart-popup__item {
        grid-template-columns: 72px minmax(0, 1fr);
    }
}

@media (max-width: 1100px) {
    .upd-style ul.products.shop-page__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .upd-style .shop-page__layout {
        grid-template-columns: 1fr;
    }

    .upd-style .shop-page__header {
        gap: 12px;
    }

    .upd-style .shop-page__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .upd-style .shop-page__tabs::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 640px) {
    .upd-style ul.products.shop-page__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .upd-style .shop-page__tabs {
        gap: 8px;
    }

    .upd-style .shop-page__tab {
        font-size: 12px;
        padding: 8px 14px;
    }
}

/* ---- WooCommerce single product (phase 1) ---- */
.upd-style .shop-single {
    padding-block: 16px 48px;
    color: #733a16;
}

.upd-style .shop-single__breadcrumbs {
    margin-bottom: 22px;
}
.upd-style .shop-single__breadcrumbs .woocommerce-breadcrumb {
    display:flex;
    gap:8px;
    flex-wrap: wrap;
}
.upd-style .shop-single__breadcrumbs .woocommerce-breadcrumb,
.upd-style .shop-single__breadcrumbs .woocommerce-breadcrumb a {
    color: rgba(115, 58, 22, 0.65);
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: 300;
}

.upd-style .shop-single__breadcrumbs .shop-single__breadcrumb-current {
    color: rgba(115, 58, 22, 0.65);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.upd-style .shop-single__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px 24px;
    align-items: start;
}

.upd-style .shop-single__product {
    margin: 0 !important;
}

.upd-style .shop-single__product .shop-single__gallery-col,
.upd-style .shop-single__product .shop-single__summary {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

.upd-style .shop-single__gallery-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.upd-style .shop-single__gallery-box {
    border-radius: 18px;
    background: #f3eeea;
    aspect-ratio: 1 / 1;
    max-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.upd-style .shop-single__gallery-box img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.upd-style .shop-single__summary {
    min-width: 0;
}

.upd-style .shop-single__brand {
    margin: 0 0 4px;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 300;
    /* letter-spacing: 0.06em; */
    text-transform: uppercase;
    color: var(--main-text-color);
}

.upd-style .shop-single__title {
    margin: 0 0 14px;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.12;
    text-transform: uppercase;
    color: #733a16;
}

.upd-style .shop-single__purchase-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

    @media (max-width: 1173.98px) and (min-width: 1067.98px) {
        .upd-style .shop-single__purchase-row {
            flex-direction: column;
            align-items: flex-start;
        }
    }

.upd-style .shop-single__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    font-family: "Inter", sans-serif;
}

.upd-style .shop-single__price .woocommerce-Price-currencySymbol {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
}

.upd-style .shop-single__price ins,
.upd-style .shop-single__price .shop-single__price-current,
.upd-style .shop-single__price .amount {
    color: #733a16;
    font-weight: 400;
    font-size: 20px;
    text-decoration: none;
}

.upd-style .shop-single__price del,
.upd-style .shop-single__price .shop-single__price-old,
.upd-style .shop-single__price del .amount {
    margin-right: 0;
    color: #a5a4a4;
    font-size: 18px;
    text-decoration: line-through;
}


.upd-style .shop-single__buy-block {
    margin: 0;
    flex: 1 1 auto;
}

.upd-style .shop-single__buy-block:has(.out-of-stock) {
    display: none;
}

.upd-style .shop-single__buy-block form.cart {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0;
}

.upd-style .shop-single__buy-block .quantity {
    margin: 0 !important;
    border: 1px solid #e0cfc0;
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
}

/* Override global .text rules in style.css (WC adds class "text" to qty input) */
.upd-style .shop-single__buy-block .quantity input.input-text.qty.text {
    width: 49px;
    height: 36px;
    min-height: 36px;
    max-height: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    margin-bottom: 0;
    padding-top: 2px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: "Inter", sans-serif;
    color: #733a16;
    overflow: visible;
    font-feature-settings: normal;
}

.upd-style .shop-single__buy-block .quantity .qty::-webkit-outer-spin-button,
.upd-style .shop-single__buy-block .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.upd-style .shop-single__buy-block .quantity .qty[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.upd-style .shop-single__buy-block .shop-single__qty-btn {
    width: 28px;
    min-width: 28px;
    height: 36px;
    border: 0;
    background: transparent;
    color: #733a16;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    position: relative;
}

.upd-style .shop-single__buy-block .shop-single__qty-btn::after {
    content:'';
    position:absolute;
    height:16px;
    width:1px;
    background-color:#e1d5cb;
    right: -4px;
    top:50%;
    transform:translateY(-50%);
}

.shop-single__qty-btn.shop-single__qty-btn--plus::after {
    right: auto;
    left: -4px;
}


.upd-style .shop-single__buy-block .shop-single__qty-btn:focus-visible {
    outline: 1px solid #733a16;
    outline-offset: -1px;
}

.upd-style .shop-single__buy-block .single_add_to_cart_button {
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #e8d4c4;
    color: #733a16 !important;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 22px;
}

.upd-style .shop-single__clinic-notice {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #c47d4a;
}

.upd-style .shop-single__meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.upd-style .shop-single__stock,
.upd-style .shop-single__sku {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: rgba(115, 58, 22, 0.78);
}

.upd-style .shop-single__stock--out {
    color: rgba(115, 58, 22, 0.6);
}

.upd-style .shop-single__info-card {
    border: 1px solid #e1d5cb;
    border-radius: 24px;
    background: #fff;
    padding: 14px 16px;
    margin-bottom: 16px;
    position: relative;
}

.upd-style .shop-single__info-title {
    display: flex;
    gap: 8px;
    margin: 0 0 24px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.12;
    text-transform: none;
    color: #515151;
    align-items: center;
}

.upd-style .shop-single__info-title:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    top: 50px;
    left: 0;
    background: #e3d8cf;
    position: absolute;
}

.upd-style .shop-single__info-list {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #515151;
}

.upd-style .shop-single__info-list td {
    padding: 8px 0;
    vertical-align: top;
}

.upd-style .shop-single__info-list td:first-child {
    width: 74%;
    padding-right: 16px;
}

.upd-style .shop-single__info-list td:last-child {
    width: 26%;
    text-align: right;
    white-space: nowrap;
    color: #acacac;
}

.upd-style .shop-single__info-text {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #733a16;
}

.upd-style .shop-single__tabs {
    margin-top: 0;
    width: 100%;
}

.upd-style .shop-single__tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    border-bottom: 1px solid #e3d8cf;
    margin-bottom: 14px;
}

.upd-style .shop-single__tab-btn {
    border: 0;
    background: transparent;
    color: rgba(115, 58, 22, 0.6);
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.upd-style .shop-single__tab-btn.is-active {
    color: #733a16;
    border-bottom-color: #733a16;
}

.upd-style .shop-single__tab-panel {
    display: none;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #733a16;
}

.upd-style .shop-single__tab-panel.is-active {
    display: block;
}

.upd-style .shop-single__tab-panel[hidden] {
    display: none !important;
}

.upd-style .shop-single__tab-empty {
    margin: 0;
    color: rgba(115, 58, 22, 0.55);
}

.upd-style .shop-single__tab-panel p:first-child {
    margin-top: 0;
}

/* Tablet and below: single column */
@media (max-width: 1067.98px) {
    .upd-style .shop-single {
        padding-block: 12px 36px;
    }

    .upd-style .shop-single__container {
        padding-inline: 16px;
    }

    .upd-style .shop-single__breadcrumbs {
        margin-bottom: 16px;
    }

    .upd-style .shop-single__breadcrumbs .woocommerce-breadcrumb,
    .upd-style .shop-single__breadcrumbs .woocommerce-breadcrumb a {
        font-size: 12px;
        line-height: 1.35;

    }

    .upd-style .shop-single__main {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .upd-style .shop-single__gallery-col {
        gap: 16px;
    }

    .upd-style .shop-single__gallery-box {
        max-height: min(72vw, 440px);
        padding: 16px;
    }

    .upd-style .shop-single__title {
        font-size: clamp(20px, 5.5vw, 28px);
        margin-bottom: 12px;
    }

    .upd-style .shop-single__purchase-row {
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
    }

    .upd-style .shop-single__price {
        flex: 1 1 auto;
        min-width: 0;
        white-space: normal;
    }

    .upd-style .shop-single__buy-block {
        flex: 1 1 auto;
        min-width: min(100%, 280px);
    }

    .upd-style .shop-single__buy-block form.cart {
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .upd-style .shop-single__meta-row {
        flex-wrap: wrap;
        gap: 6px 12px;
        margin-bottom: 14px;
    }

    .upd-style .shop-single__info-card {
        padding: 12px 14px;
        margin-bottom: 12px;
        border-radius: 20px;
    }

    .upd-style .shop-single__info-title {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e3d8cf;
    }

    .upd-style .shop-single__info-title:after {
        display: none;
    }

    .upd-style .shop-single__tab-nav {
        flex-wrap: nowrap;
        gap: 12px 16px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .upd-style .shop-single__tab-nav::-webkit-scrollbar {
        display: none;
    }

    .upd-style .shop-single__tab-btn {
        flex: 0 0 auto;
        font-size: 15px;
        padding: 8px 0;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .upd-style .shop-single {
        padding-block: 8px 28px;
    }

    .upd-style .shop-single__container {
        padding-inline: 12px;
    }

    .upd-style .shop-single__gallery-box {
        max-height: none;
        aspect-ratio: 1 / 1;
        border-radius: 14px;
        padding: 12px;
    }

    .upd-style .shop-single__brand {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .upd-style .shop-single__title {
        font-size: 20px;
        line-height: 1.15;
    }

    .upd-style .shop-single__purchase-row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin-bottom: 8px;
    }

    .upd-style .shop-single__price {
        width: 100%;
        flex: none;
    }

    .upd-style .shop-single__price ins,
    .upd-style .shop-single__price .shop-single__price-current,
    .upd-style .shop-single__price .amount {
        font-size: 18px;
    }

    .upd-style .shop-single__buy-block {
        width: 100%;
        min-width: 0;
    }

    .upd-style .shop-single__buy-block form.cart {
        justify-content: space-between;
        width: 100%;
        gap: 8px;
    }

    .upd-style .shop-single__buy-block .quantity {
        flex: 0 0 auto;
    }

    .upd-style .shop-single__buy-block .single_add_to_cart_button {
        flex: 1 1 auto;
        min-width: 0;
        text-align: center;
        padding-inline: 16px;
        font-size: 14px;
    }

    .upd-style .shop-single__clinic-notice {
        font-size: 13px;
    }

    .upd-style .shop-single__meta-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 12px;
    }

    .upd-style .shop-single__info-title {
        font-size: 15px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        gap: 6px;
    }

    .upd-style .shop-single__info-title img {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

    .upd-style .shop-single__info-list {
        font-size: 13px;
    }

    .upd-style .shop-single__info-list td {
        padding: 6px 0;
    }

    .upd-style .shop-single__info-list td:first-child {
        width: auto;
        padding-right: 10px;
    }

    .upd-style .shop-single__info-list td:last-child {
        width: auto;
        white-space: normal;
        text-align: right;
        vertical-align: top;
    }

    .upd-style .shop-single__info-text {
        font-size: 13px;
    }

    .upd-style .shop-single__tab-nav {
        gap: 10px 14px;
        margin-bottom: 10px;
    }

    .upd-style .shop-single__tab-btn {
        font-size: 14px;
        padding: 6px 0;
    }

    .upd-style .shop-single__tab-panel {
        font-size: 13px;
    }
}

@media (max-width: 380px) {
    .upd-style .shop-single__buy-block .quantity input.input-text.qty.text {
        min-height: 36px;
        max-height: none;
        font-size: 16px;
    }
}

/* Checkout page */
.checkout-page-active .site-main .page-title {
    display: none;
}


.upd-style .checkout-page {
    padding: 24px 0 64px;
}




.upd-style .checkout-page__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /* margin-bottom: 0px; */
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: var(--btn-secondary-color);
    text-decoration: none;
    padding-inline: 8px;
}


.upd-style .checkout-page__back-icon {
    font-size: 16px;
    line-height: 1;
}


.upd-style .checkout-page__title {
    margin: 0 0 24px;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-text-color);
}

.upd-style .checkout-page__steps {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.upd-style .checkout-page__step {
    padding: 0;
    border: 0;
    background: none;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    color: #dcc4aa;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.upd-style .checkout-page__step--active {
    color: var(--main-text-color);
    border-bottom-color: var(--main-text-color);
}

.upd-style .checkout-page__step-divider {
    flex: 0 0 auto;
    display: block;
    width: 77px;
    height: 10px;
    line-height: 0;
}

.upd-style .checkout-page__step-divider-img {
    display: none;
    width: 77px;
    height: 10px;
    max-width: none;
}

.upd-style .checkout-page__step-divider-img[hidden] {
    display: none !important;
}

.upd-style .checkout-page__step-divider-img[data-checkout-step-divider="1"] {
    display: block;
}

.upd-style .checkout-page.is-step-2 .checkout-page__step-divider-img[data-checkout-step-divider="1"] {
    display: none;
}

.upd-style .checkout-page.is-step-2 .checkout-page__step-divider-img[data-checkout-step-divider="2"] {
    display: block;
}

.upd-style .checkout-page__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 506px);
    gap: 40px;
    align-items: start;
}

.upd-style .checkout-page__header {
    margin-bottom: 32px;
}

.upd-style .checkout-step[hidden] {
    display: none !important;
}

.upd-style .checkout-step:not(.is-active):not(.checkout-step--morkva-preinit) {
    display: none !important;
}

.upd-style .checkout-step--morkva-preinit {
    position: absolute !important;
    left: -10000px !important;
    top: 0 !important;
    width: 640px !important;
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.upd-style .checkout-page,
.upd-style .checkout-page__layout,
.upd-style .checkout-page__main,
.upd-style .checkout-step.is-active,
.upd-style .checkout-delivery,
.upd-style .checkout-delivery__morkva,
.upd-style .checkout-delivery__mrkv-group,
.upd-style .checkout-delivery__mrkv-inner,
.upd-style .checkout-delivery__mrkv-inner .form-row,
.upd-style .checkout-delivery__mrkv-inner .woocommerce-input-wrapper {
    overflow: visible !important;
}

.checkout-page__main .checkout-step {
    max-width: 400px;
}

.upd-style .select2-container--open {
    z-index: 10060;
}

body > .select2-container.select2-container--default.select2-container--open.medbeauty-np-dropdown,
body > .select2-dropdown.select2-dropdown--below.medbeauty-np-dropdown,
body > .select2-dropdown.select2-dropdown--above.medbeauty-np-dropdown {
    z-index: 10061 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body > .select2-container.medbeauty-np-dropdown .select2-dropdown,
body > .select2-dropdown.medbeauty-np-dropdown {
    background-color: #fff !important;
    border: 1px solid #e0cfc0 !important;
    box-shadow: 0 8px 24px rgba(84, 40, 12, 0.12) !important;
}

body > .select2-container.medbeauty-np-dropdown .select2-results__option,
body > .select2-dropdown.medbeauty-np-dropdown .select2-results__option {
    color: #54280c !important;
    padding: 10px 12px !important;
}

body > .select2-container.medbeauty-np-dropdown .select2-results__option--highlighted,
body > .select2-dropdown.medbeauty-np-dropdown .select2-results__option--highlighted {
    background-color: #f5ebe3 !important;
    color: #54280c !important;
}

body > .select2-container.medbeauty-np-dropdown .select2-search__field,
body > .select2-dropdown.medbeauty-np-dropdown .select2-search__field {
    color: #54280c !important;
}

.upd-style .checkout-page__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 32px;
    border: 0;
    border-radius: 999px;
    background: #e8d4c4;
    color: #733a16;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.upd-style .checkout-page__btn:hover {
    background: #dcc4b0;
}

.upd-style .checkout-page__btn--next {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
}

.upd-style .checkout-page__btn--next:disabled,
.upd-style .checkout-page__btn--next.is-disabled,
.upd-style .checkout-page__btn--next:disabled:hover,
.upd-style .checkout-page__btn--next.is-disabled:hover,
.upd-style .checkout-page__btn--submit:disabled,
.upd-style .checkout-page__btn--submit.is-disabled,
.upd-style .checkout-page__btn--submit:disabled:hover,
.upd-style .checkout-page__btn--submit.is-disabled:hover {
    background: none;
    color: #bababa;
    border: 1px solid #bababa;
    border-color: #bababa;
    cursor: not-allowed;
    pointer-events: none;
}

.upd-style .checkout-page__btn--submit {
    width: 100%;
    margin-top: 8px;
}



.upd-style .checkout-billing-fields .form-row {
    margin: 0 0 24px;
    padding: 0;
}

.upd-style .checkout-billing-fields .form-row-wide,
.upd-style .checkout-field--phone {
    grid-column: 1 / -1;
}

.upd-style .checkout-billing-fields label,
.upd-style .checkout-field__label {
    display: block;
    margin-bottom: 8px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--btn-bg-color-pressed);
}

.upd-style .checkout-billing-fields label .required,
.upd-style .checkout-field__label .required,
.upd-style .checkout-field__label .require,
.upd-style .checkout-field__label .optional {
    display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-left: 0;
}

.upd-style .checkout-billing-fields .input-text,
.upd-style .checkout-field__input,
.upd-style .checkout-field__select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e0cfc0;
    border-radius: 0;
    padding: 8px 0;
    background: transparent;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #54280c;
    box-shadow: none;
}

.upd-style .checkout-billing-fields .input-text:focus,
.upd-style .checkout-field__input:focus,
.upd-style .checkout-field__select:focus {
    outline: none;
    border-bottom-color: #733a16;
}

.upd-style .checkout-billing-fields .input-text.is-error,
.upd-style .checkout-field__input.is-error {
    border-bottom-color: #c0392b;
}

.upd-style .checkout-field__phone-group {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #e0cfc0;
}

.upd-style .checkout-field__phone-group.is-error {
    border-bottom-color: #c0392b;
}

.upd-style .checkout-field__phone-prefix {
    flex: 0 0 auto;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #54280c;
}

.upd-style .checkout-field__input--phone {
    border-bottom: 0;
}

.upd-style .checkout-field__error {
    margin: 6px 0 0;
    font-size: 12px;
    color: #c0392b;
    min-height: 0;
}

.upd-style .checkout-field__error:not(.is-visible) {
    display: none;
}

.upd-style .checkout-field__control--search {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #e0cfc0;
}

.upd-style .checkout-field__control--search .checkout-field__input {
    border-bottom: 0;
}

.upd-style .checkout-field__icon {
    flex: 0 0 auto;
    color: #aa8862;
}

.upd-style .checkout-field__control--select {
    position: relative;
    border-bottom: 1px solid #e0cfc0;
}

.upd-style .checkout-field__select {
    appearance: none;
    cursor: pointer;
}

.upd-style .checkout-delivery__row {
    display: grid;
    grid-template-columns: 1fr 100px;
    gap: 16px;
}

.upd-style .checkout-delivery__panel[hidden] {
    display: none !important;
}

.upd-style .checkout-delivery__notice {
    margin-bottom: 20px;
}

.upd-style .checkout-delivery > .checkout-field {
    margin: 0 0 24px;
    padding: 0;
}

.upd-style .checkout-delivery__morkva {
    margin: 0;
}

.upd-style .checkout-delivery__mrkv-group:not(.is-active) {
    display: none !important;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva {
    margin: 0 0 24px;
    padding: 0;
    clear: both;
    float: none;
    width: 100%;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva::before,
.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva::after {
    content: none;
    display: none;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva:not(:has(> .checkout-field__label)),
.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva[style*="display: none"] {
    display: none !important;
    margin: 0;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva > label {
    float: none;
    width: auto;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva > .checkout-field__control,
.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva > .woocommerce-input-wrapper {
    display: block;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva > .checkout-field__control--select,
.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva > .woocommerce-input-wrapper.checkout-field__control--select,
.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva > .woocommerce-input-wrapper.checkout-field__control:not(.checkout-field__control--select) {
    border-bottom: 1px solid #e0cfc0;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva:focus-within > .checkout-field__control,
.upd-style .checkout-delivery__mrkv-inner .form-row.checkout-field--morkva:focus-within > .woocommerce-input-wrapper {
    border-bottom-color: #733a16;
}

.upd-style .checkout-delivery__mrkv-inner .select2-container {
    width: 100% !important;
}

.upd-style .checkout-delivery__mrkv-inner .select2-selection--single {
    min-height: 0;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.upd-style .checkout-delivery__mrkv-inner .select2-selection__rendered {
    padding: 8px 0;
    line-height: 1.25;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #54280c;
}

.upd-style .checkout-delivery__mrkv-inner .select2-selection__placeholder {
    color: #aa8862;
}

.upd-style .checkout-delivery__mrkv-inner .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 0;
}

.upd-style .checkout-delivery__mrkv-inner .woocommerce-input-wrapper .checkout-field__input,
.upd-style .checkout-delivery__mrkv-inner .woocommerce-input-wrapper > input.input-text {
    min-height: 0;
    border-bottom: 0;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.woocommerce-invalid > .checkout-field__control,
.upd-style .checkout-delivery__mrkv-inner .form-row.woocommerce-invalid > .woocommerce-input-wrapper {
    border-bottom-color: #c0392b;
}

.upd-style .checkout-delivery__mrkv-inner .form-row.woocommerce-invalid .select2-selection--single,
.upd-style .checkout-delivery__mrkv-inner .form-row.woocommerce-invalid .checkout-field__input.is-error,
.upd-style .checkout-delivery__mrkv-inner .form-row.woocommerce-invalid input.input-text.is-error {
    border-bottom-color: transparent;
}

.upd-style .checkout-page .woocommerce-shipping-totals,
.upd-style .checkout-page .woocommerce-shipping-methods,
.upd-style .checkout-page #shipping_method {
    display: none !important;
}

.upd-style .checkout-payment-preview__apple {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin-top: 16px;
    border-radius: 999px;
    border: 0;
    background: #111;
    color: #fff;
    font-size: 16px;
    opacity: 0.85;
}

.upd-style .checkout-payment-preview__note {
    margin: 8px 0 0;
    font-size: 12px;
    color: #aa8862;
    text-align: center;
}

.upd-style .checkout-payment__method-input {
    display: none;
}

.upd-style .checkout-payment__methods {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.upd-style .checkout-order {
    border: 1px solid #e0cfc0;
    border-radius: 16px;
    padding: 24px;
}

.upd-style .checkout-order__title {
    margin: 0 0 40px;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-text-color);
    position: relative;
}

.upd-style .checkout-order__title::before {
    content: '';
    position: absolute;
    bottom: -24px;
    left: -24px;
    width: calc(100% + 48px);
    height: 1px;
    background: #e0cfc0;
}

.upd-style .checkout-order__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    /* border-bottom: 1px solid #e0cfc0; */
    position: relative;
}

.upd-style .checkout-order__items::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -24px;
    width: calc(100% + 48px);
    height: 1px;
    background: #e0cfc0;
}



.upd-style .checkout-order__item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.upd-style .checkout-order__item-media {
    border: 1px solid #e1d5cb;
    border-radius: 12px;
    background: #fff;
    padding: 8px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upd-style .checkout-order__item-media .checkout-order__thumb-img,
.upd-style .checkout-order__item-media img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    border-radius: 0;
}

.upd-style .checkout-order__item-brand {
    margin: 0;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #272727;
}

.upd-style .checkout-order__item-title {
    margin: 0 0 8px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.35;
    color: #272727;
}

.upd-style .checkout-order__price,
.upd-style .checkout-order__price--sale {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
    font-family: "Inter", sans-serif;
}

.upd-style .checkout-order__price-old {
    font-size: 16px;
    font-weight: 400;
    color: #a5a4a4;
    text-decoration: line-through;
}

.upd-style .checkout-order__price-current {
    font-size: 16px;
    font-weight: 600;
    color: #272727;
}

.upd-style .checkout-order__item-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 0;
}

.upd-style .checkout-order__quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e0cfc0;
    border-radius: 999px;
    overflow: hidden;
    min-height: 36px;
    background: #fff;
}

.upd-style .checkout-order__qty-btn {
    width: 28px;
    min-width: 28px;
    height: 36px;
    border: 0;
    background: transparent;
    color: #733a16;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    position: relative;
}

.upd-style .checkout-order__qty-btn::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 1px;
    background-color: #e1d5cb;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
}

.upd-style .checkout-order__qty-btn.checkout-order__qty-btn--plus::after {
    right: auto;
    left: -4px;
}

.upd-style .checkout-order__qty-input {
    width: 40px;
    height: 36px;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #733a16;
    appearance: textfield;
    -moz-appearance: textfield;
    background: transparent;
}

.upd-style .checkout-order__qty-input::-webkit-outer-spin-button,
.upd-style .checkout-order__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.upd-style .checkout-order__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #e0cfc0;
    border-radius: 50%;
    background: #fff;
    color: #733a16;
    cursor: pointer;
}

.upd-style .cart-popup__price,
.upd-style .cart-popup__price--sale {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.upd-style .cart-popup__price-old {
    font-size: 13px;
    color: #aa8862;
    text-decoration: line-through;
}

.upd-style .cart-popup__price-current {
    font-size: 14px;
    font-weight: 600;
    color: #54280c;
}

.upd-style .cart-popup__item-price {
    font-size: 14px;
    font-weight: 600;
    color: #54280c;
}

.upd-style .checkout-order__totals {
    padding-top: 0;
}

.upd-style .checkout-order__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 12px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.35;
}

.upd-style .checkout-order__row:last-child {
    margin-bottom: 0;
}

.upd-style .checkout-order__row-label {
    flex: 1 1 auto;
    color: #a5a4a4;
    font-size: 16px;
    font-weight: 400;
}

.upd-style .checkout-order__row-value {
    flex: 0 1 auto;
    text-align: right;
    color: #272727;
    font-weight: 600;
}

.upd-style .checkout-order__row-value .amount,
.upd-style .checkout-order__row-value bdi {
    font-weight: inherit;
    color: inherit;
}

.upd-style .checkout-order__row--discount .checkout-order__row-value {
    font-weight: 600;
    color: #272727;
}

.upd-style .checkout-order__row--shipping .checkout-order__row-value--hint {
    max-width: 52%;
    font-size: 13px;
    font-weight: 600;
    color: #272727;
    line-height: 1.3;
}

.upd-style .checkout-order__row--total {
    margin-top: 4px;
    padding-top: 16px;
    position: relative;
    /* border-top: 1px solid #e0cfc0; */
}

.upd-style .checkout-order__row--total::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -24px;
    width: calc(100% + 48px);
    height: 1px;
    background: #e0cfc0;
}

.upd-style .checkout-order__row--total .checkout-order__row-label,
.upd-style .checkout-order__row--total .checkout-order__row-value--total {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #272727;
}

.upd-style .checkout-order__row--total .checkout-order__row-label {
    color: #272727;
}

.upd-style .checkout-order__row-value--total .amount,
.upd-style .checkout-order__row-value--total strong {
    font-weight: 600;
    color: inherit;
}

.upd-style .checkout-page__callback {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #733a16;
    cursor: pointer;
}

.upd-style .checkout-page__callback-input {
    width: 18px;
    height: 18px;
    margin: 0;
    flex-shrink: 0;
    appearance: none;
    border: 1px solid #e0cfc0;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

.upd-style .checkout-page__callback-input:checked {
    background-color: #733a16;
    border-color: #733a16;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5.2L4.2 8.4L11 1.6' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 8px;
}

.upd-style .woocommerce-form-coupon-toggle,
.upd-style form.checkout_coupon {
    display: none !important;
}

.upd-style .checkout-payment .woocommerce-privacy-policy-text,
.upd-style .checkout-payment__methods .woocommerce-notice,
.upd-style .checkout-payment__methods .woocommerce-info {
    display: none !important;
}

.upd-style .woocommerce-checkout .col2-set,
.upd-style .woocommerce-checkout #order_review_heading,
.upd-style #billing_phone_field {
    display: none;
}

@media (max-width: 991.98px) {
    .upd-style .checkout-page__layout {
        grid-template-columns: 1fr;
    }

    .upd-style .checkout-page__sidebar {
        order: -1;
    }
}

@media (max-width: 767.98px) {
    .upd-style .checkout-page__steps {
        flex-wrap: wrap;
    }

    .upd-style .checkout-page__step-divider {
        display: none;
    }

    .upd-style .checkout-delivery__row {
        grid-template-columns: 1fr;
    }
}