/* close "×" as an SVG image: the Material Icons font glyph is not shown on some phones */
html body .jsplash-closebtn.callme-js-form:before,
html body .jsplash-closebtn.catalog-delivery-info-popup:before,
html body .jsplash-closebtn.catalog-fast-order-dialog:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8394' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ==========================================================================
   Mobile redesign (2026-10). Old mobile rules live in mobile.css,
   so everything here is more specific (body … / .page-buffer …)
   ========================================================================== */

@media all and (max-width: 640px) {

    /* ---------- header ---------- */

    html body .page-buffer {
        padding-top: 58px;
    }

    html body .page-buffer .mobile-cap.mcap {
        display: flex;
        align-items: center;
        gap: 6px;
        height: 58px;
        padding: 0 10px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, .96);
        -webkit-backdrop-filter: saturate(1.4) blur(10px);
        backdrop-filter: saturate(1.4) blur(10px);
        box-shadow: 0 1px 0 rgba(16, 24, 40, .06), 0 8px 20px -14px rgba(16, 24, 40, .35);
        color: #1f2a44;
    }

    html body .mobile-cap.mcap .mobile-left-cap-back {
        display: none;
    }

    html body .mobile-cap.mcap .mcap-btn,
    html body .mobile-cap.mcap .menu-trigger.mcap-btn {
        position: relative;
        top: auto;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        flex: none;
        padding: 0;
        border-radius: 12px;
        color: #1f2a44;
        font-size: 0;
        text-decoration: none;
    }

    html body .mobile-cap.mcap .mcap-btn:active {
        background: #f2f4f7;
    }

    html body .mobile-cap.mcap .mcap-btn svg {
        width: 24px;
        height: 24px;
    }

    html body .mobile-cap.mcap .mcap-phone svg {
        width: 21px;
        height: 21px;
    }

    html body .mobile-cap.mcap .logo.mcap-logo {
        position: static;
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1;
        min-width: 0;
        width: auto;
        padding: 0;
        line-height: 1;
        color: #1f2a44;
        text-decoration: none;
    }

    html body .mobile-cap.mcap .mcap-logo-icon {
        width: 34px;
        height: 34px;
        flex: none;
        background: url('/public/img/main-logo.svg') no-repeat center / contain;
    }

    html body .mobile-cap.mcap .mcap-logo-text {
        overflow: hidden;
        font-family: 'Ubuntu-Bold', 'Ubuntu', sans-serif;
        font-weight: 700;
        font-size: 19px;
        letter-spacing: .01em;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    html body .mobile-cap.mcap .cart-link.mcap-cart {
        position: relative;
        top: auto;
        right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 40px;
        flex: none;
        padding: 0;
        border-radius: 20px;
        background: #1f2a44;
        color: #fbc13c;
        font-size: 0;
        text-decoration: none;
    }

    html body .mobile-cap.mcap .cart-link.mcap-cart:before {
        content: none;
    }

    html body .mobile-cap.mcap .mcap-cart svg {
        width: 21px;
        height: 21px;
    }

    html body .mobile-cap.mcap .cart-link .cart-count {
        position: absolute;
        top: -5px;
        right: -4px;
        min-width: 20px;
        width: auto;
        height: 20px;
        padding: 0 5px;
        box-sizing: border-box;
        border: 2px solid #fff;
        border-radius: 10px;
        background: #fbc13c;
        color: #1f2a44;
        font-family: 'Ubuntu', sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
    }

    html body .mobile-cap.mcap .cart-link .cart-count:empty {
        display: none;
    }

    /* ---------- search ---------- */

    html body .page-buffer .mobile-search-wrapper {
        padding: 10px 12px 6px 12px;
        background: #fff;
    }

    html body .mobile-search-wrapper .search-block-wrapper {
        width: auto;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    html body .mobile-search-wrapper .search-block {
        position: relative;
    }

    html body .mobile-search-wrapper .msearch-icon {
        position: absolute;
        top: 50%;
        left: 14px;
        z-index: 2;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        color: #9aa1ad;
        pointer-events: none;
    }

    html body .mobile-search-wrapper .msearch-icon svg {
        display: block;
        width: 18px;
        height: 18px;
    }

    html body .mobile-search-wrapper .search-block input[name="quicksearch"] {
        display: block;
        width: 100%;
        height: 44px;
        margin: 0;
        padding: 0 14px 0 42px;
        box-sizing: border-box;
        border: 1px solid #e6e9ef;
        border-radius: 12px;
        background: #f6f7f9;
        font: inherit;
        font-size: 16px;
        color: #1f2a44;
        box-shadow: none;
        outline: none;
    }

    html body .mobile-search-wrapper .search-block input[name="quicksearch"]:focus {
        border-color: #fbc13c;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(251, 193, 60, .25);
    }

    html body .mobile-search-wrapper .search-block .search-go {
        display: none;
    }

    /* ---------- side menu ---------- */

    html body .mobile-menu-wrapper .mobile-menu-container {
        width: 86%;
        max-width: 360px;
        border-radius: 0 22px 22px 0;
        box-shadow: 12px 0 40px -10px rgba(15, 20, 35, .4);
        overflow: hidden;
    }

    html body .mobile-menu-wrapper .mobile-menu-inner {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        background: #fff;
    }

    html body .mobile-menu-wrapper .menu-header.mmenu-head {
        display: flex;
        align-items: center;
        gap: 10px;
        height: auto;
        padding: 18px 14px 16px 18px;
        border-bottom: 1px solid #eef0f4;
        background: #fff;
        box-shadow: none;
    }

    html body .mobile-menu-wrapper .menu-header .logo.mmenu-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1;
        width: auto;
        height: auto;
        padding: 0;
        text-decoration: none;
    }

    html body .mobile-menu-wrapper .mmenu-logo-icon {
        width: 44px;
        height: 44px;
        flex: none;
        background: url('/public/img/main-logo.svg') no-repeat center / contain;
    }

    html body .mobile-menu-wrapper .mmenu-logo-text {
        display: flex;
        flex-direction: column;
    }

    html body .mobile-menu-wrapper .menu-header .logo .first-line,
    html body .mobile-menu-wrapper .menu-header .logo .second-line {
        padding: 0;
        transform: none;
        color: #1f2a44;
    }

    html body .mobile-menu-wrapper .menu-header .logo .first-line {
        font-family: 'Ubuntu-Bold', 'Ubuntu', sans-serif;
        font-weight: 700;
        font-size: 21px;
        line-height: 1.1;
    }

    html body .mobile-menu-wrapper .menu-header .logo .second-line {
        margin-top: 2px;
        font-size: 12px;
        line-height: 1.2;
        color: #7a8394;
    }

    html body .mobile-menu-wrapper .menu-trigger.mmenu-close {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        flex: none;
        padding: 0;
        border-radius: 50%;
        background: #f6f7f9;
        color: #7a8394;
        font-size: 0;
    }

    html body .mobile-menu-wrapper .menu-trigger.mmenu-close:before {
        content: none;
    }

    html body .mobile-menu-wrapper .menu-trigger.mmenu-close svg {
        width: 20px;
        height: 20px;
    }

    html body .mobile-menu-wrapper noindex > ul {
        padding: 8px 10px;
    }

    html body .mobile-menu-wrapper ul li {
        margin: 0;
        padding: 0;
        border: 0;
    }

    html body .mobile-menu-wrapper ul a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 46px;
        padding: 0 40px 0 12px;
        border: 0;
        border-radius: 12px;
        color: #1f2a44;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
    }

    html body .mobile-menu-wrapper ul a:active,
    html body .mobile-menu-wrapper ul a.active {
        background: #fff6dc;
    }

    html body .mobile-menu-wrapper ul a .corner {
        position: absolute;
        top: 50%;
        right: 12px;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8394' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain;
        transition: transform .2s ease-out;
    }

    html body .mobile-menu-wrapper ul a .corner:before,
    html body .mobile-menu-wrapper ul a .corner:after {
        content: none;
    }

    html body .mobile-menu-wrapper ul li:has(> ul.-visible) > a .corner {
        transform: rotate(180deg);
    }

    html body .mobile-menu-wrapper ul ul {
        margin: 0 0 4px 12px;
        padding: 0 0 0 10px;
        border-left: 2px solid #f0f2f5;
    }

    html body .mobile-menu-wrapper ul ul a {
        min-height: 40px;
        font-size: 15px;
        font-weight: 400;
        color: #2b3446;
    }

    html body .mobile-menu-wrapper .mmenu-contacts {
        margin: auto 0 0 0;
        padding: 18px 18px 22px 18px;
        border-top: 1px solid #eef0f4;
        background: #f9fafb;
    }

    html body .mobile-menu-wrapper .mmenu-contacts a {
        padding: 0;
        min-height: 0;
    }

    html body .mobile-menu-wrapper .mmenu-phone {
        display: block;
        font-family: 'Ubuntu-Bold', 'Ubuntu', sans-serif;
        font-weight: 700;
        font-size: 22px;
        color: #1f2a44;
        text-decoration: none;
    }

    html body .mobile-menu-wrapper .mmenu-hours {
        margin: 4px 0 0 0;
        font-size: 13px;
        color: #7a8394;
    }

    html body .mobile-menu-wrapper .mmenu-row {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 14px 0 0 0;
        font-size: 14px;
        color: #2b3446;
        text-decoration: none;
    }

    html body .mobile-menu-wrapper .mmenu-row-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        flex: none;
        border-radius: 10px;
        background: #fff6dc;
        color: #d99a00;
    }

    html body .mobile-menu-wrapper .mmenu-row-icon svg {
        width: 17px;
        height: 17px;
    }

    html body .mobile-menu-wrapper .mmenu-actions {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 8px;
        margin: 16px 0 0 0;
    }

    html body .mobile-menu-wrapper .mmenu-contacts a.mmenu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 46px;
        padding: 0 16px;
        border-radius: 12px;
        background: #fff;
        border: 1px solid #d5dae2;
        color: #1f2a44;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
    }

    html body .mobile-menu-wrapper .mmenu-contacts a.mmenu-btn.-primary {
        border-color: #fbc13c;
        background: #fbc13c;
    }

    /* ---------- bottom call panel ---------- */

    html body .callme-mobile-panel {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        height: auto;
        padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
        box-sizing: border-box;
        background: rgba(255, 255, 255, .96);
        -webkit-backdrop-filter: saturate(1.4) blur(10px);
        backdrop-filter: saturate(1.4) blur(10px);
        box-shadow: 0 -1px 0 rgba(16, 24, 40, .06), 0 -10px 24px -16px rgba(16, 24, 40, .35);
    }

    html body .callme-mobile-panel .callme-panel-btn,
    html body .callme-mobile-panel .max-panel-btn {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: auto;
        height: 46px;
        margin: 0;
        padding: 0 10px;
        border-radius: 12px;
        font-size: 15px;
        font-weight: 500;
        box-shadow: none;
    }

    html body .callme-mobile-panel .callme-panel-btn {
        background: #fbc13c;
        color: #1f2a44;
    }

    html body .callme-mobile-panel .max-panel-btn {
        background: #1f2a44;
        color: #fff;
    }

    html body .callme-mobile-panel .callme-panel-btn .icon.mpanel-icon {
        position: static;
        display: flex;
        width: 20px;
        height: 20px;
        margin: 0;
        padding: 0;
        border-radius: 0;
        background: none;
        color: #1f2a44;
    }

    html body .callme-mobile-panel .callme-panel-btn .icon.mpanel-icon:before {
        content: none;
    }

    html body .callme-mobile-panel .callme-panel-btn .icon.mpanel-icon svg {
        width: 19px;
        height: 19px;
    }

    html body .callme-mobile-panel .max-panel-btn .max-icon {
        position: static;
        width: 20px;
        height: 20px;
        margin: 0;
    }

    html body .page-buffer .page-push {
        height: 0;
    }

    /* ---------- footer ---------- */

    html body .page-wrapper {
        margin-bottom: 0;
    }

    html body .page-footer {
        display: block;
        height: auto;
        margin: 30px 0 0 0;
        padding: 26px 20px calc(90px + env(safe-area-inset-bottom)) 20px;
        border-radius: 22px 22px 0 0;
        background: #1f2a44;
    }

    html body .page-footer .footer-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    html body .page-footer .footer-logos-wrapper {
        order: -1;
    }

    html body .page-footer .footer-logo {
        position: static;
        width: 56px;
        height: 56px;
        margin: 0;
    }

    html body .page-footer .footer-logo svg {
        width: 56px;
        height: 56px;
    }

    html body .page-footer .footer-pages-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    html body .page-footer .footer-pages-menu li {
        margin: 0;
        padding: 0;
    }

    html body .page-footer .footer-pages-menu a {
        display: block;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .08);
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        text-transform: none;
    }

    html body .page-footer .footer-company-info {
        display: block;
        margin: 0;
        font-size: 11px;
        line-height: 1.5;
        color: rgba(255, 255, 255, .5);
    }

    html body .page-footer .page-footer-additional-links {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 14px;
        margin: 16px 0 0 0;
        padding: 0;
    }

    html body .page-footer .page-footer-additional-links a {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 12px;
        color: rgba(255, 255, 255, .65);
    }

    /* ---------- category tiles: mobile.css paints names white on white ---------- */

    html body .page-buffer .content .catalog .categories-list.ci-categories .category-data {
        height: auto;
        top: auto;
    }

    html body .page-buffer .content .catalog .categories-list.ci-categories .category-name {
        height: auto;
        padding: 0;
        background: none;
        color: #fff;
        text-align: left;
    }

    /* ---------- item page ---------- */

    html body .page-buffer .ci-page .item-note-info:empty {
        display: none;
    }

    html body .page-buffer .ci-page .item-image {
        padding: 0;
    }

    html body .page-buffer .ci-page .item-main-image {
        border-radius: 14px;
        box-shadow: none;
    }

    /* ---------- cart rows ---------- */

    html body .page-buffer .content .ci-cart .cart-items-list-table tbody tr {
        grid-template-columns: 88px minmax(0, 1fr) 36px;
    }

    html body .page-buffer .content .ci-cart .cart-items-list-table .item-logo {
        width: 88px;
        height: 60px;
    }

    html body .page-buffer .content .ci-cart .cart-item-price-td .mobile-value,
    html body .page-buffer .content .ci-cart .cart-item-price-td .value-inner {
        text-align: left;
    }

    html body .page-buffer .content .ci-cart .cart-items-list-table td.action .ci-remove.hide-in-mobile {
        display: inline-flex !important;
    }

    /* ---------- fixes after first look ---------- */

    html body .mobile-search-wrapper .search-block-wrapper,
    html body .mobile-search-wrapper .search-block,
    html body .mobile-search-wrapper .search-block .awesomplete {
        display: block;
        width: 100%;
        max-width: none;
        margin: 0;
        box-sizing: border-box;
    }

    html body .page-buffer {
        overflow-x: hidden;
    }

    html body .page-footer .footer-pages-menu li:first-child a {
        text-transform: none;
        font-size: 14px;
        color: #fff;
    }

    html body .page-buffer h1.page-title,
    html body .page-buffer .catalog .ci-section-title {
        text-align: left;
    }

    html body .page-buffer .content .catalog .categories-list.ci-categories .category-image .no-photo {
        top: 30%;
        font-size: 22px;
    }

    html body .page-buffer .ci-page .item-attributes {
        padding-top: 0;
        margin-top: 0;
    }

    html body .page-buffer .ci-page .item-data {
        gap: 14px;
    }

    /* ---------- fixes, round 2 ---------- */

    html body .mobile-menu-wrapper .menu-header.mmenu-head,
    html body .mobile-menu-wrapper .mobile-menu-inner > noindex,
    html body .mobile-menu-wrapper .mmenu-contacts {
        flex: none;
    }

    html body .mobile-menu-wrapper ul a .corner {
        left: auto;
        right: 12px;
    }

    html body .page-footer .footer-company-info {
        padding: 0;
    }

    html body .page-buffer .content .ci-cart .cart-items-list-table tbody tr {
        grid-template-areas:
            "img name remove"
            "img price price"
            "count cost cost";
        gap: 8px 12px;
    }

    html body .page-buffer .content .ci-cart .cart-items-list-table tbody td {
        margin: 0;
        height: auto;
    }

    html body .page-buffer .content .ci-cart .cart-item-price-td .value-inner {
        float: none;
        display: inline;
    }

    html body .mobile-menu-wrapper .menu-header.mmenu-head {
        min-height: 80px;
        max-height: none;
        box-sizing: border-box;
    }

    html body .mobile-menu-wrapper .menu-header .logo.mmenu-logo {
        position: static;
        height: auto;
    }

    html body .page-buffer .ci-page .item-info .info-elem {
        padding: 12px 16px;
    }

    html body .page-buffer .ci-page .item-info .info-elem .text {
        margin: 0;
        padding: 0;
    }

    /* ---------- dialogs (call me, delivery, fast order) ---------- */

    html body .jsplash-viewport .jsplash-wrapper.callme-js-form, html body .jsplash-viewport .jsplash-wrapper.catalog-delivery-info-popup, html body .jsplash-viewport .jsplash-wrapper.catalog-fast-order-dialog,
    html body .jsplash-viewport.jsplash-visible .jsplash-wrapper.callme-js-form, html body .jsplash-viewport.jsplash-visible .jsplash-wrapper.catalog-delivery-info-popup, html body .jsplash-viewport.jsplash-visible .jsplash-wrapper.catalog-fast-order-dialog {
        top: 50%;
        left: 10px;
        right: 10px;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        max-height: calc(100% - 20px);
        padding: 0;
        overflow-y: auto;
        transform: translateY(-50%);
        border-radius: 20px;
    }

    html body .jsplash-closebtn.callme-js-form,
    html body .jsplash-closebtn.catalog-delivery-info-popup,
    html body .jsplash-closebtn.catalog-fast-order-dialog {
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
        padding: 0;
        font-size: 0;
    }

    html body .jsplash-inner.catalog-fast-order-dialog .form-note.cfo-note {
        margin: 8px 0 0 0;
    }

    html body .jsplash-inner .callme-form-module.cm-card,
    html body .jsplash-inner.catalog-fast-order-dialog .cfo-card {
        width: auto;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .catalog-delivery-tabs {
        position: static;
        height: auto;
        margin: 14px 16px 0 16px;
        border-bottom: 0;
        background: #f6f7f9;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .tab {
        display: flex;
        width: auto;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .tab-icon,
    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .-active-tab .tab-icon {
        width: 18px;
        height: 18px;
        margin: 0;
        padding: 0;
        background: none;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .tab-content {
        padding: 0;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .catalog-delivery-contents {
        height: auto;
        padding: 6px 16px 4px 16px;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .content-block,
    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .content-block h1,
    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .content-block h2,
    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery .content-block h3 {
        text-align: left;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery-head {
        padding: 18px 60px 0 16px;
    }

    html body .jsplash-inner.catalog-delivery-info-popup .ci-delivery-foot {
        padding: 14px 16px;
    }

    /* catalog cards: no favorites button on phones, it covers the small photo */
    html body .page-buffer .catalog .items-list.ci-items .item-favorites-btn {
        display: none;
    }

    /* page titles: small side padding like the content below, no grey band */
    html body .page-buffer h1.page-title {
        padding: 0 12px;
        background: none;
    }

    html body .page-buffer .catalog .ci-section-title {
        padding: 0 7px;
    }

    /* item page tabs: remove old bordered boxes from mobile.css */
    html body .page-buffer .ci-page .catalog-item-tabs-controls .tab {
        border: 0;
        box-shadow: none;
    }

    html body .page-buffer .ci-page .catalog-item-tabs-controls .tab.-active-tab {
        box-shadow: 0 1px 3px rgba(16, 24, 40, .12);
    }

    html body .page-buffer .ci-page .brand-info.ci-brand {
        padding: 16px;
        gap: 14px;
    }

    html body .page-buffer .ci-page .ci-brand-logo {
        width: 84px;
        height: 84px;
        border-radius: 14px;
    }

    /* "ask in MAX" button: mobile.css stretches images on item page */
    html body .page-buffer .ci-page .ci-max-btn {
        display: flex;
        width: auto;
        height: 46px;
        margin: 10px 0 0 0;
        font-size: 15px;
        line-height: 1.2;
    }

    html body .page-buffer .ci-page .ci-max-btn img {
        position: static;
        display: block;
        width: 20px !important;
        height: 20px !important;
        max-width: 20px;
        min-width: 0;
        flex: none;
        margin: 0;
        border-radius: 0;
    }

    html body .page-buffer .ci-page .ci-max-btn span {
        display: inline;
        white-space: nowrap;
    }

    /* hero: taller on phones so title and both buttons fit over the photo */
    /* the JS carousel writes inline heights, so !important is needed here */
    html body .imagesslider .js-carousel-container,
    html body .imagesslider .js-carousel-wrapper,
    html body .imagesslider .js-carousel li,
    html body .imagesslider .slide {
        height: auto !important;
    }

    html body .imagesslider .slide img {
        width: 100% !important;
        height: 340px !important;
        object-fit: cover;
        object-position: 60% center;
    }

    html body .imagesslider .hero-content {
        padding: 0 16px 18px 16px;
    }

    html body .imagesslider .hero-title {
        font-size: 26px;
    }

    html body .imagesslider .hero-text {
        display: block;
        margin-top: 8px;
        font-size: 14px;
    }

    html body .imagesslider .hero-text br {
        display: none;
    }

    html body .imagesslider .hero-bottom {
        margin-top: 14px;
    }

    html body .imagesslider .hero-ctas {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    html body .imagesslider .hero-cta {
        justify-content: center;
        height: 44px;
        font-size: 15px;
    }
}