/* ================================
   FIX: Disable white hover fill on price list rows/items (Tilda blocks)
   Scope: global (safe), affects Tilda-like blocks across the site.
   Reason: On /price/ some list rows gained white background on :hover.
   ================================ */
#allrecords .t-rec [class*="__row"]:hover,
#allrecords .t-rec [class*="__item"]:hover,
#allrecords .t-rec .t-accordion__panel:hover,
#allrecords .t-rec .t-list__item:hover,
#allrecords .t-rec .t-row:hover,
#allrecords .t-rec .t-item:hover,
#allrecords .t-rec .t-container__col:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* =========================================================
   FIX (v2): Remove white hover fill on price list rows/items
   Scope: #allrecords .t-rec ... (Tilda blocks)
   Notes: Increased specificity with 'html body' and broader selectors
          to override theme/Tilda hover backgrounds.
   Only affects hover background; keeps text colors/underlines intact.
   ========================================================= */
html body #allrecords .t-rec .t-accordion__panel:hover,
html body #allrecords .t-rec .t-container__col:hover,
html body #allrecords .t-rec .t-column:hover,
html body #allrecords .t-rec .t-row:hover,
html body #allrecords .t-rec .t-item:hover,
html body #allrecords .t-rec [class*="__row"]:hover,
html body #allrecords .t-rec [class*="__item"]:hover,
html body #allrecords .t-rec .t-list__item:hover,
html body #allrecords .t-rec .t-descr__btn:hover,
html body #allrecords .t-rec .t-title__btn:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ===============================================
   CTA Circle: "Записаться ONLINE" — recolor to yellow
   We target common selectors used by Elementor Floating Buttons
   and similar circular CTA widgets, without changing sizes.
   =============================================== */
.e-floating-buttons .e-floating-button,
.e-floating-buttons .e-fb-button,
.e-floating-buttons a.e-floating-button,
.e-floating-buttons a.e-fb-button,
.efb-button,
.efb-button .efb-button__inner,
a.floating-button,
a.e-floating-button,
a.efb-button {
    background-color: #d3a526 !important;
    border-color: #d3a526 !important;
    color: #fff !important;
}
/* Hover/active/focus keep the same yellow */
.e-floating-buttons .e-floating-button:hover,
.e-floating-buttons .e-fb-button:hover,
.e-floating-buttons a.e-floating-button:hover,
.e-floating-buttons a.e-fb-button:hover,
.efb-button:hover,
.efb-button .efb-button__inner:hover,
a.floating-button:hover,
a.e-floating-button:hover,
a.efb-button:hover,
.e-floating-buttons .e-floating-button:focus,
.e-floating-buttons .e-fb-button:focus,
a.floating-button:focus,
a.e-floating-button:focus,
a.efb-button:focus {
    background-color: #d3a526 !important;
    border-color: #d3a526 !important;
    color: #fff !important;
}
/* If the widget sets the purple via inline style, also neutralize it */
[style*="#9f8ec0"],
[style*="rgb(159, 142, 192)"] {
    background-color: #d3a526 !important;
    border-color: #d3a526 !important;
    color: #fff !important;
}

/* =========================================================
   Aktsent header sale button: compact text button, not circle/oval
   ========================================================= */
#rec648336223 .tn-elem[data-elem-id="1696398875846"],
#rec648340005 .tn-elem[data-elem-id="1689940797210"] {
    width: 155px !important;
    height: 50px !important;
    border-radius: 10px !important;
    background: transparent !important;
    background-color: transparent !important;
}

#rec648336223 .tn-elem[data-elem-id="1696398875846"] .tn-atom,
#rec648340005 .tn-elem[data-elem-id="1689940797210"] .tn-atom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    background: #c99a28 !important;
    background-color: #c99a28 !important;
    background-image: none !important;
    border-color: #c99a28 !important;
    color: #ffffff !important;
    font-family: 'Manrope', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

#rec648336223 .tn-elem[data-elem-id="1696398875846"] .tn-atom:hover,
#rec648336223 .tn-elem[data-elem-id="1696398875846"] .tn-atom:focus,
#rec648336223 .tn-elem[data-elem-id="1696398875846"] .tn-atom:active,
#rec648340005 .tn-elem[data-elem-id="1689940797210"] .tn-atom:hover,
#rec648340005 .tn-elem[data-elem-id="1689940797210"] .tn-atom:focus,
#rec648340005 .tn-elem[data-elem-id="1689940797210"] .tn-atom:active {
    background: #c99a28 !important;
    background-color: #c99a28 !important;
    background-image: none !important;
    border-color: #c99a28 !important;
    color: #ffffff !important;
}

#rec648336223 .tn-elem[data-elem-id="1696398875846"] .tn-atom::before,
#rec648336223 .tn-elem[data-elem-id="1696398875846"] .tn-atom::after,
#rec648340005 .tn-elem[data-elem-id="1689940797210"] .tn-atom::before,
#rec648340005 .tn-elem[data-elem-id="1689940797210"] .tn-atom::after {
    display: none !important;
    content: none !important;
}

@media screen and (max-width: 639px) {
    #rec648336223 .tn-elem[data-elem-id="1696398875846"],
    #rec648340005 .tn-elem[data-elem-id="1689940797210"] {
        width: 142px !important;
        height: 50px !important;
    }

    #rec648336223 .tn-elem[data-elem-id="1696398875846"] .tn-atom,
    #rec648340005 .tn-elem[data-elem-id="1689940797210"] .tn-atom {
        padding: 0 12px !important;
        font-size: 13px !important;
    }
}

/* =========================================================
   Aktsent staff section: dynamic WP cards instead of Tilda Zero block
   ========================================================= */
.aktsent-staff-section {
    background: #171617;
    overflow: hidden;
    padding: 36px 0 24px;
}

.aktsent-staff-viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    user-select: none;
    touch-action: pan-y;
}

.aktsent-staff-viewport::-webkit-scrollbar {
    display: none;
}

.aktsent-staff-viewport.is-dragging {
    cursor: grabbing;
}

.aktsent-staff-track {
    display: flex;
    align-items: flex-start;
    gap: 19px;
    width: max-content;
    min-width: 100%;
    padding: 0 30px 8px;
}

.aktsent-staff-track > * {
    flex-shrink: 0;
}

.aktsent-staff-card {
    flex: 0 0 240px;
    width: 240px;
}

.aktsent-staff-photo {
    width: 240px;
    height: 290px;
    border-radius: 10px;
    background-color: #242120;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.aktsent-staff-role {
    margin-top: 10px;
    color: #e8e8e8;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 300;
    text-transform: none;
    min-height: 17px;
}

.aktsent-staff-name {
    margin-top: 6px;
    color: #ffffff;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
    text-transform: uppercase;
    word-break: normal;
}

#rec648349602 .arrow-left,
#rec648349602 .arrow-right {
    cursor: pointer;
}

@media screen and (max-width: 959px) {
    .aktsent-staff-section {
        padding-top: 34px;
    }

    .aktsent-staff-track {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 639px) {
    .aktsent-staff-section {
        padding-top: 26px;
        padding-bottom: 18px;
    }

    .aktsent-staff-track {
        gap: 14px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 6px;
    }

    .aktsent-staff-card {
        flex-basis: 176px;
        width: 176px;
    }

    .aktsent-staff-photo {
        width: 176px;
        height: 212px;
        border-radius: 8px;
    }

    .aktsent-staff-role {
        margin-top: 8px;
        font-size: 11px;
        line-height: 1.3;
        min-height: 28px;
    }

    .aktsent-staff-name {
        margin-top: 4px;
        font-size: 14px;
        line-height: 1.28;
    }
}

/* =========================================================
   Aktsent staff yellow placeholder with brand logo
   ========================================================= */
.aktsent-staff-photo--placeholder {
    background: #c99a28 !important;
    background-color: #c99a28 !important;
    background-image: none !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 18px 18px;
    box-sizing: border-box;
}

.aktsent-staff-placeholder-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.aktsent-staff-placeholder-logo img {
    display: block;
    width: 100%;
    max-width: 172px;
    max-height: 82%;
    height: auto;
    object-fit: contain;
    object-position: center center;
    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.14));
}

@media screen and (max-width: 639px) {
    .aktsent-staff-photo--placeholder {
        padding: 16px 12px 12px;
    }

    .aktsent-staff-placeholder-logo img {
        max-width: 136px;
        max-height: 76%;
    }
}

/* =========================================================
   Aktsent Telegram/VK subscribe block: clean rebuild without Tilda artifacts
   ========================================================= */
.aktsent-vk-subscribe-section {
    background: #171617;
    padding: 34px 24px 18px;
    overflow: hidden;
}

.aktsent-vk-subscribe-inner {
    width: min(100%, 1810px);
    margin: 0 auto;
}

.aktsent-vk-subscribe-title {
    margin: 0 0 52px;
    color: #ffffff;
    font-family: 'Foglihten', Georgia, serif;
    font-size: clamp(52px, 4.7vw, 88px);
    line-height: 0.9;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: lowercase;
}

.aktsent-vk-subscribe-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(320px, 0.82fr) minmax(300px, 1.18fr) 86px;
    align-items: center;
    gap: 36px;
    min-height: 404px;
    padding: 54px 58px 54px 84px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    color: #171617;
    text-decoration: none;
}

.aktsent-vk-subscribe-card:hover,
.aktsent-vk-subscribe-card:focus,
.aktsent-vk-subscribe-card:active {
    color: #171617;
    text-decoration: none;
}

.aktsent-vk-subscribe-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.aktsent-vk-subscribe-text,
.aktsent-vk-subscribe-link {
    display: block;
    max-width: 590px;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: clamp(24px, 1.55vw, 30px);
    line-height: 1.35;
    font-weight: 300;
    text-transform: uppercase;
}

.aktsent-vk-subscribe-link {
    margin-top: 28px;
    text-transform: none;
    overflow-wrap: anywhere;
}

.aktsent-vk-subscribe-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 306px;
    min-height: 80px;
    margin-top: 92px;
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #c99a28;
    color: #171617;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.aktsent-vk-subscribe-card:hover .aktsent-vk-subscribe-button,
.aktsent-vk-subscribe-card:focus .aktsent-vk-subscribe-button {
    background: #171617;
    color: #ffffff;
}

.aktsent-vk-subscribe-logo {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    max-width: 620px;
    justify-self: center;
}

.aktsent-vk-subscribe-logo img {
    display: block;
    width: min(100%, 520px);
    max-height: 270px;
    height: auto;
    object-fit: contain;
    object-position: center center;
    filter: none;
}

.aktsent-vk-subscribe-arrow {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    justify-self: end;
    border-radius: 50%;
    background: #d9cfc2;
    color: #171617;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 42px;
    line-height: 1;
    font-weight: 300;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.aktsent-vk-subscribe-card:hover .aktsent-vk-subscribe-arrow,
.aktsent-vk-subscribe-card:focus .aktsent-vk-subscribe-arrow {
    background: #c99a28;
    color: #171617;
    transform: translateX(4px);
}

@media screen and (max-width: 1199px) {
    .aktsent-vk-subscribe-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .aktsent-vk-subscribe-card {
        grid-template-columns: minmax(290px, 0.95fr) minmax(260px, 1.05fr) 74px;
        gap: 24px;
        min-height: 360px;
        padding: 46px 40px 46px 50px;
    }

    .aktsent-vk-subscribe-button {
        min-width: 260px;
        min-height: 70px;
        margin-top: 72px;
    }

    .aktsent-vk-subscribe-logo img {
        width: min(100%, 430px);
        max-height: 240px;
    }

    .aktsent-vk-subscribe-arrow {
        width: 74px;
        height: 74px;
        font-size: 36px;
    }
}

@media screen and (max-width: 959px) {
    .aktsent-vk-subscribe-title {
        margin-bottom: 36px;
    }

    .aktsent-vk-subscribe-card {
        grid-template-columns: 1fr;
        gap: 28px;
        min-height: 0;
        padding: 42px 42px 44px;
    }

    .aktsent-vk-subscribe-logo {
        order: 2;
        max-width: 360px;
        justify-self: center;
    }

    .aktsent-vk-subscribe-copy {
        order: 1;
    }

    .aktsent-vk-subscribe-arrow {
        order: 3;
        position: absolute;
        right: 34px;
        bottom: 34px;
    }

    .aktsent-vk-subscribe-button {
        margin-top: 46px;
    }
}

@media screen and (max-width: 639px) {
    .aktsent-vk-subscribe-section {
        padding: 28px 15px 16px;
    }

    .aktsent-vk-subscribe-title {
        margin-bottom: 28px;
        font-size: 42px;
        line-height: 0.95;
    }

    .aktsent-vk-subscribe-card {
        padding: 30px 18px 116px;
        gap: 24px;
    }

    .aktsent-vk-subscribe-text,
    .aktsent-vk-subscribe-link {
        font-size: 18px;
        line-height: 1.35;
    }

    .aktsent-vk-subscribe-link {
        margin-top: 22px;
    }

    .aktsent-vk-subscribe-logo {
        max-width: 260px;
    }

    .aktsent-vk-subscribe-logo img {
        width: min(100%, 250px);
        max-height: 170px;
    }

    .aktsent-vk-subscribe-button {
        min-width: 190px;
        min-height: 58px;
        margin-top: 34px;
        padding: 0 22px;
        font-size: 14px;
    }

    .aktsent-vk-subscribe-arrow {
        right: 18px;
        bottom: 26px;
        width: 62px;
        height: 62px;
        font-size: 30px;
    }
}

/* =========================================================
   Aktsent promo care section: rebuilt clean block, no Tilda artifacts
   ========================================================= */
.aktsent-promo-care-section {
    background: #171617;
    padding: 32px 30px 32px;
    overflow: hidden;
}

.aktsent-promo-care-layout {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(430px, 3fr) minmax(220px, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 1780px;
    height: clamp(348px, 30vw, 552px);
    margin: 0 auto;
}

.aktsent-promo-care-photo,
.aktsent-promo-care-panel {
    min-width: 0;
    min-height: 0;
    border-radius: 10px;
    overflow: hidden;
}

.aktsent-promo-care-photo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    border-radius: 10px;
}

.aktsent-promo-care-photo--left img {
    object-position: center center;
}

.aktsent-promo-care-photo--right-top img {
    object-position: center 50%;
}

.aktsent-promo-care-photo--right-bottom img {
    object-position: center center;
}

.aktsent-promo-care-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 42px 44px 40px;
    background: #c99a28;
    color: #171617;
    text-align: center;
}

.aktsent-promo-care-eyebrow {
    font-family: 'Manrope', Arial, sans-serif;
    font-size: clamp(18px, 1.55vw, 30px);
    line-height: 1.25;
    font-weight: 300;
    text-transform: uppercase;
}

.aktsent-promo-care-title {
    margin: clamp(32px, 3.4vw, 58px) 0 0;
    color: #171617;
    font-family: 'Foglihten', Georgia, serif;
    font-size: clamp(42px, 4.7vw, 82px);
    line-height: 0.88;
    font-weight: 400;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.aktsent-promo-care-note {
    margin-top: clamp(32px, 3.1vw, 58px);
    font-family: 'Manrope', Arial, sans-serif;
    font-size: clamp(16px, 1.25vw, 23px);
    line-height: 1.35;
    font-weight: 300;
}

.aktsent-promo-care-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: clamp(192px, 17vw, 306px);
    min-height: clamp(50px, 4.35vw, 80px);
    margin-top: clamp(28px, 2.45vw, 44px);
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #171617;
    color: #ffffff !important;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: clamp(14px, 1.25vw, 22px);
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.aktsent-promo-care-button:hover,
.aktsent-promo-care-button:focus {
    background: #ffffff;
    color: #171617 !important;
    text-decoration: none !important;
}

.aktsent-promo-care-side {
    display: grid;
    grid-template-rows: 0.92fr 1fr;
    gap: 16px;
    min-height: 0;
}

@media screen and (max-width: 1199px) {
    .aktsent-promo-care-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .aktsent-promo-care-layout {
        grid-template-columns: minmax(170px, 0.95fr) minmax(360px, 2.85fr) minmax(170px, 0.95fr);
        height: clamp(281px, 29vw, 420px);
    }

    .aktsent-promo-care-panel {
        padding: 32px 34px;
    }
}

@media screen and (max-width: 959px) {
    .aktsent-promo-care-layout {
        grid-template-columns: minmax(120px, 0.7fr) minmax(300px, 2.6fr) minmax(150px, 0.9fr);
        height: 360px;
        gap: 12px;
    }

    .aktsent-promo-care-panel {
        padding: 28px 26px;
    }

    .aktsent-promo-care-side {
        gap: 12px;
    }
}

@media screen and (max-width: 639px) {
    .aktsent-promo-care-section {
        padding: 24px 15px 22px;
    }

    .aktsent-promo-care-layout {
        display: flex;
        flex-direction: column;
        height: auto;
        gap: 12px;
    }

    .aktsent-promo-care-photo--left {
        display: none;
    }

    .aktsent-promo-care-panel {
        min-height: 307px;
        padding: 34px 20px 32px;
        order: 2;
    }

    .aktsent-promo-care-side {
        display: block;
        order: 1;
    }

    .aktsent-promo-care-photo--right-top {
        height: 180px;
    }

    .aktsent-promo-care-photo--right-bottom {
        display: none;
    }

    .aktsent-promo-care-eyebrow {
        font-size: 14px;
    }

    .aktsent-promo-care-title {
        margin-top: 34px;
        font-size: 28px;
        line-height: 0.95;
        letter-spacing: 0.045em;
    }

    .aktsent-promo-care-note {
        margin-top: 36px;
        font-size: 14px;
    }

    .aktsent-promo-care-button {
        min-width: 185px;
        min-height: 50px;
        margin-top: 34px;
        font-size: 14px;
    }
}

/* =========================================================
   Aktsent social block strict style restore
   Fixes link/visited/hover color inheritance after clean rebuild
   ========================================================= */
.aktsent-vk-subscribe-card,
.aktsent-vk-subscribe-card:link,
.aktsent-vk-subscribe-card:visited,
.aktsent-vk-subscribe-card:hover,
.aktsent-vk-subscribe-card:focus,
.aktsent-vk-subscribe-card:active,
.aktsent-vk-subscribe-card *,
.aktsent-vk-subscribe-card *:link,
.aktsent-vk-subscribe-card *:visited,
.aktsent-vk-subscribe-card *:hover,
.aktsent-vk-subscribe-card *:focus,
.aktsent-vk-subscribe-card *:active {
    color: #171617 !important;
    text-decoration: none !important;
}

.aktsent-vk-subscribe-text,
.aktsent-vk-subscribe-link {
    color: #171617 !important;
}

.aktsent-vk-subscribe-button {
    background: #c99a28 !important;
    background-color: #c99a28 !important;
    color: #171617 !important;
}

.aktsent-vk-subscribe-card:hover .aktsent-vk-subscribe-button,
.aktsent-vk-subscribe-card:focus .aktsent-vk-subscribe-button {
    background: #c99a28 !important;
    background-color: #c99a28 !important;
    color: #171617 !important;
}

.aktsent-vk-subscribe-arrow {
    background: #c99a28 !important;
    background-color: #c99a28 !important;
    color: #171617 !important;
}

/* =========================================================
   Aktsent promo care spacing restore
   Keeps at least safe air at top/bottom in the yellow panel
   ========================================================= */
.aktsent-promo-care-panel {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    justify-content: center !important;
}

.aktsent-promo-care-eyebrow {
    margin: 0 !important;
    font-size: clamp(16px, 1.35vw, 26px) !important;
    line-height: 1.15 !important;
}

.aktsent-promo-care-title {
    margin-top: clamp(18px, 2.15vw, 36px) !important;
    font-size: clamp(38px, 4.1vw, 70px) !important;
    line-height: 0.9 !important;
}

.aktsent-promo-care-note {
    margin-top: clamp(18px, 2.05vw, 34px) !important;
    font-size: clamp(15px, 1.1vw, 21px) !important;
    line-height: 1.3 !important;
}

.aktsent-promo-care-button {
    min-height: clamp(48px, 3.8vw, 68px) !important;
    margin-top: clamp(18px, 1.9vw, 32px) !important;
}

@media screen and (max-width: 1199px) {
    .aktsent-promo-care-panel {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    .aktsent-promo-care-title {
        margin-top: 18px !important;
        font-size: clamp(34px, 4vw, 54px) !important;
    }

    .aktsent-promo-care-note {
        margin-top: 18px !important;
    }

    .aktsent-promo-care-button {
        margin-top: 18px !important;
        min-height: 50px !important;
    }
}

@media screen and (max-width: 639px) {
    .aktsent-promo-care-panel {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .aktsent-promo-care-title {
        margin-top: 28px !important;
        font-size: 28px !important;
    }

    .aktsent-promo-care-note {
        margin-top: 28px !important;
        font-size: 14px !important;
    }

    .aktsent-promo-care-button {
        margin-top: 28px !important;
        min-height: 50px !important;
    }
}

/* =========================================================
   Aktsent promo care mobile image fit
   Shows the promo photo fully on phones instead of huge cropped cover
   ========================================================= */
@media screen and (max-width: 639px) {
    .aktsent-promo-care-section {
        padding-top: 18px !important;
    }

    .aktsent-promo-care-layout {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        gap: 12px !important;
    }

    .aktsent-promo-care-photo--left {
        display: block !important;
        order: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        background: #171617 !important;
    }

    .aktsent-promo-care-photo--left img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 360px !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 10px !important;
    }

    .aktsent-promo-care-panel {
        order: 2 !important;
    }

    .aktsent-promo-care-side {
        order: 3 !important;
    }

    .aktsent-promo-care-photo--right-top {
        height: 160px !important;
    }

    .aktsent-promo-care-photo--right-top img {
        object-position: center 58% !important;
    }
}

/* =========================================================
   Aktsent promo care mobile strict thumbnail mode
   Fixes iPhone/Safari: no full-screen cropped promo photos
   ========================================================= */
@media screen and (max-width: 639px) {
    #aktsent-promo-care.aktsent-promo-care-section {
        padding: 18px 15px 22px !important;
        overflow: hidden !important;
    }

    #aktsent-promo-care .aktsent-promo-care-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        gap: 12px !important;
    }

    #aktsent-promo-care .aktsent-promo-care-photo {
        width: 100% !important;
        height: 248px !important;
        min-height: 0 !important;
        max-height: 248px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        background: #171617 !important;
    }

    #aktsent-promo-care .aktsent-promo-care-photo img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 10px !important;
    }

    #aktsent-promo-care .aktsent-promo-care-photo--left {
        display: block !important;
        order: 1 !important;
    }

    #aktsent-promo-care .aktsent-promo-care-panel {
        order: 2 !important;
        min-height: 307px !important;
    }

    #aktsent-promo-care .aktsent-promo-care-side {
        display: block !important;
        order: 3 !important;
        min-height: 0 !important;
    }

    #aktsent-promo-care .aktsent-promo-care-photo--right-top {
        display: block !important;
        height: 190px !important;
        max-height: 190px !important;
        margin-bottom: 12px !important;
    }

    #aktsent-promo-care .aktsent-promo-care-photo--right-top img {
        object-fit: cover !important;
        object-position: center 58% !important;
    }

    #aktsent-promo-care .aktsent-promo-care-photo--right-bottom {
        display: none !important;
    }
}

/* =========================================================
   Aktsent promo care mobile top photo full width
   Makes the top mobile photo span the content width cleanly
   ========================================================= */
@media screen and (max-width: 639px) {
    #aktsent-promo-care .aktsent-promo-care-photo--left {
        width: 100% !important;
        height: 300px !important;
        max-height: 300px !important;
        min-height: 300px !important;
        align-self: stretch !important;
        background: transparent !important;
    }

    #aktsent-promo-care .aktsent-promo-care-photo--left img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }
}