#t24-company-broom,
#t24-company-broom * {
    box-sizing: border-box;
}

.t24-company-broom {
    /*
     * KÉPERNYŐHÖZ RÖGZÍTETT HELYZET:
     * left: 85vw = balról a 9. tized közepe
     * top: 35vh  = felülről a 4. tized közepe
     */
    position: fixed !important;
    left: 85vw !important;
    top: 35vh !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 99999;

    display: block;
    width: 235px;
    height: 105px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #163d43;
    text-decoration: none !important;

    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .2s ease;
}

.t24-company-broom.is-ready {
    opacity: 1;
}

.t24-company-broom:hover {
    text-decoration: none !important;
}

.t24-company-broom:focus-visible {
    outline: 2px dashed #2d7f89;
    outline-offset: 4px;
}

.t24-company-broom__character {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 88px;
    height: 103px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent !important;
    filter: drop-shadow(0 6px 8px rgba(15, 55, 62, .16));
}

.t24-company-broom__svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    border: 0;
    background: transparent !important;
}

.t24-company-broom__message {
    position: absolute;
    left: 75px;
    top: 22px;
    display: flex;
    align-items: center;
    width: 155px;
    min-height: 58px;
    padding: 10px 12px 10px 17px;
    border: 1px solid rgba(24, 78, 86, .14);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15, 55, 62, .13);
    color: #163d43;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.t24-company-broom__message::before {
    content: "";
    position: absolute;
    left: -12px;
    bottom: 17px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #fff;
}

.t24-company-broom__arm {
    transform-origin: 183px 190px;
    animation: t24-company-wave 1.05s ease-in-out infinite;
}

.t24-company-broom__sparkles {
    animation: t24-company-sparkle 1.5s ease-in-out infinite;
}

@keyframes t24-company-wave {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    55% { transform: rotate(12deg); }
    78% { transform: rotate(-5deg); }
}

@keyframes t24-company-sparkle {
    0%, 100% { opacity: .35; transform: scale(.88); }
    50% { opacity: 1; transform: scale(1.08); }
}

/* Mobilon és érintőkijelzős eszközön egyáltalán nem jelenik meg. */
@media (max-width: 1100px), (hover: none) and (pointer: coarse) {
    .t24-company-broom {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .t24-company-broom__arm,
    .t24-company-broom__sparkles {
        animation: none !important;
    }

    .t24-company-broom {
        transition: none !important;
    }
}