/* developed by web-premium.ir */

:root {
    --chatbot-widget-color: #9b3df8;
    --chatbot-primary: #8a35c9;
    --chatbot-secondary: #f0f2f5;
    --chatbot-border: #e0e0e0;
    --chatbot-shadow: rgba(0, 0, 0, 0.1);
    --chatbot-user-bg: #1f2029;
    --chatbot-user-color: #d8d9e0;
    --chatbot-model-bg: #CFD8DC;
    --chatbot-model-color: #54667a;
}

#hmyt-chatbot-widget {
    position: fixed;
    z-index: 999950; 
    isolation: isolate; 
    bottom: var(--chatbot-fab-bottom-spacing);
    right: var(--chatbot-fab-side-spacing);
    transition: bottom 0.4s cubic-bezier(0.34, 1.4, 0.64, 1),
                opacity 0.3s ease,
                transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
                visibility 0.3s;
}

#hmyt-chatbot-widget.hmyt-floating-hidden {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) translateY(20px);
    pointer-events: none;
}

#hmyt-chatbot-widget.hmyt-chatbot-position-bottom_left {
    right: auto;
    left: var(--chatbot-fab-side-spacing);
}

.font-bold {
    color: #212529;
}

.hmyt-chatbot-fab {
    width: 60px;
    height: 60px;
    position: relative;
    background: var(--chatbot-widget-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
}

.hmyt-chatbot-fab:hover {
    transform: scale(1.1);
}

.hmyt-chatbot-fab.hidden {
    transform: scale(0);
    opacity: 0;
}


@media (max-width: 768px) {
    .hmyt-chatbot-fab {
        width: 50px !important;
        height: 50px !important;
    }
    
    .hmyt-chatbot-fab svg {
        width: 26px !important;
        height: 26px !important;
    }

   
    .hmyt-auto-greet-tooltip .hmyt-tooltip-arrow {
        right: 18px !important; 
    }

    #hmyt-chatbot-widget.hmyt-chatbot-position-bottom_left .hmyt-auto-greet-tooltip .hmyt-tooltip-arrow,
    #hmyt-contact-widget-container.hmyt-contact-widget-bottom_left .hmyt-auto-greet-tooltip .hmyt-tooltip-arrow {
        right: auto !important;
        left: 18px !important;
    }

   
    .hmyt-auto-greet-tooltip {
        max-width: 220px !important;
        padding: 12px !important;
    }

    #hmyt-chatbot-widget.hmyt-chatbot-position-bottom_left .hmyt-auto-greet-tooltip,
    #hmyt-contact-widget-container.hmyt-contact-widget-bottom_left .hmyt-auto-greet-tooltip {
        padding: 12px !important;
    }

    .hmyt-auto-greet-tooltip .hmyt-tooltip-content {
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }

    .hmyt-auto-greet-tooltip .hmyt-tooltip-close {
        top: -20px !important;
        width: 18px !important;
        height: 18px !important;
        font-size: 13px !important;
    }
}


.hmyt-auto-greet-tooltip {
    position: absolute;
    bottom: calc(100% + 18px);
    right: 0;
    width: max-content;
    max-width: 280px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    border-radius: 14px;
    padding: 12px 35px 12px 15px;
    z-index: 999940;
    opacity: 0;
    transform: translateY(15px) scale(0.95);
    transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    direction: rtl;
    text-align: right;
    border: 1px solid #eaeaea;
}

#hmyt-chatbot-widget.hmyt-chatbot-position-bottom_left .hmyt-auto-greet-tooltip,
#hmyt-contact-widget-container.hmyt-contact-widget-bottom_left .hmyt-auto-greet-tooltip {
    right: auto;
    left: 0;
    padding: 12px 15px 12px 35px;
}

.hmyt-auto-greet-tooltip.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.hmyt-auto-greet-tooltip.show:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 30px rgb(0 0 0 / 12%);
}


.hmyt-chatbot-fab.hmyt-hide-label::before,
.hmyt-contact-fab.hmyt-hide-label::before,
#hmyt-contact-widget-fab.hmyt-hide-label::before {
    opacity: 0 !important;
    visibility: hidden !important;
   
}

.hmyt-auto-greet-tooltip .hmyt-tooltip-content {
    font-size: 13px;
    line-height: 1.6;
    color: #3c434a;
    font-weight: 500;
}

.hmyt-auto-greet-tooltip {
    cursor: pointer;
}

.hmyt-auto-greet-tooltip .hmyt-tooltip-close {
    all: unset;
    position: absolute;
    top: -25px;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #64748b;
    background: #fff;
    box-shadow: 0 20px 60px rgb(0 0 0 / .15),0 8px 25px rgb(0 0 0 / .1),inset 0 1px 0 rgb(255 255 255 / .8);
    line-height: 1;
    transition: all 0.3s cubic-bezier(.4,0,.2,1);
    cursor: pointer;
}

#hmyt-chatbot-widget.hmyt-chatbot-position-bottom_left .hmyt-auto-greet-tooltip .hmyt-tooltip-close,
#hmyt-contact-widget-container.hmyt-contact-widget-bottom_left .hmyt-auto-greet-tooltip .hmyt-tooltip-close {
    right: auto;
    left: 0;
}

.hmyt-auto-greet-tooltip .hmyt-tooltip-close:hover {
    background: #f1f1f1;
    opacity: .7;
}

.hmyt-auto-greet-tooltip .hmyt-tooltip-arrow {
    position: absolute;
    bottom: -6px;
    right: 22px;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    transform: rotate(45deg);
}

#hmyt-chatbot-widget.hmyt-chatbot-position-bottom_left .hmyt-auto-greet-tooltip .hmyt-tooltip-arrow,
#hmyt-contact-widget-container.hmyt-contact-widget-bottom_left .hmyt-auto-greet-tooltip .hmyt-tooltip-arrow {
    right: auto;
    left: 22px;
}


.hmyt-mobile-nav-item {
    position: relative;
}

.hmyt-mobile-nav-item .hmyt-auto-greet-tooltip {
    bottom: calc(100% + 20px) !important;
    right: 50% !important;
    left: auto !important;
    transform: translateX(50%) translateY(15px) scale(0.95) !important;
}

.hmyt-mobile-nav-item .hmyt-auto-greet-tooltip.show {
    transform: translateX(50%) translateY(0) scale(1) !important;
}

.hmyt-mobile-nav-item .hmyt-auto-greet-tooltip.show:hover {
    transform: translateX(50%) translateY(-2px) scale(1.03) !important;
}

.hmyt-mobile-nav-item .hmyt-auto-greet-tooltip .hmyt-tooltip-arrow {
    right: 50% !important;
    left: auto !important;
    margin-right: -6px !important;
}


body.dark .hmyt-auto-greet-tooltip {
    background: #262631;
    border-color: #353542;
}
body.dark .hmyt-auto-greet-tooltip .hmyt-tooltip-content {
    color: #e5e7eb;
}
body.dark .hmyt-auto-greet-tooltip .hmyt-tooltip-arrow {
    background: #262631;
    border-color: #353542;
}
body.dark .hmyt-auto-greet-tooltip .hmyt-tooltip-close:hover {
    background: #353542;
}


.hmyt-chatbot-fab svg {
    width: 32px;
    color: #fff;
    height: 32px;
}

.hmyt-chatbot-fab.hmyt-fab-with-label::before {
    content: var(--chatbot-fab-label-text, 'دستیار هوش مصنوعی');
    position: absolute;
    width: fit-content;
    white-space: nowrap;
    line-height: normal;
    background: #f0f0f0;
    color: #535353;
    top: -35px;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 15px;
    right: 50%;
    transform: translateX(50%);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.hmyt-chatbot-fab.hmyt-fab-with-label::before {
    opacity: 1;
}

.hmyt-chatbot-window {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 420px;
    max-width: 90vw;
    height: 90vh;
    max-height: 700px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 30px var(--chatbot-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    
    visibility: hidden;
    opacity: 0;
    transform: scale(0.95);
    transform-origin: bottom right;
    transition: visibility 0s 0.3s, opacity 0.3s ease, transform 0.3s ease;
}

#hmyt-chatbot-widget.hmyt-chatbot-position-bottom_left .hmyt-chatbot-window {
    right: auto;
    left: 0;
    transform-origin: bottom left;
}

.hmyt-chatbot-window.open {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition-delay: 0s;
}

@media (max-width: 768px) {

    #hmyt-chatbot-widget.open {
        top: 0; left: 0; right: 0; bottom: 0;
        width: 100%; height: 100%;
        transition: none; 
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #hmyt-chatbot-widget.open .hmyt-chatbot-fab {
        transition: none;
        opacity: 0;
        visibility: hidden;
    }

    .hmyt-chatbot-window {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100vw;
        max-height: 100vh;
        border-radius: 0;
        transform-origin: bottom center;
        transform: scale(0.95) translateY(20px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s ease-out, transform 0.25s ease-out, visibility 0s 0.25s;
    }

    .hmyt-chatbot-window.open {
        opacity: 1;
        transform: scale(1) translateY(0);
        visibility: visible;
        transition-delay: 0s;
    }
}



.hmyt-chatbot-drawer-backdrop {
    display: none;
}

@media (min-width: 769px) {
    #hmyt-chatbot-widget.hmyt-window-mode-drawer .hmyt-chatbot-window {
        position: fixed;
        top: 0;
        right: 0;
        bottom: auto;
        height: 100%;
        max-height: 100%;
        width: 420px;
        max-width: 90vw;
        border-radius: 0;
        box-shadow: -12px 0 45px rgba(0, 0, 0, 0.18);
        opacity: 1;
        transform: translateX(105%);
        transform-origin: center right;
        transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s 0.45s;
        z-index: 2;
    }

    #hmyt-chatbot-widget.hmyt-window-mode-drawer .hmyt-chatbot-window.open {
        transform: translateX(0);
        transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    }

    #hmyt-chatbot-widget.hmyt-window-mode-drawer .chat-header {
        border-radius: 0;
    }

   
    #hmyt-chatbot-widget.hmyt-window-mode-drawer.hmyt-chatbot-position-bottom_left .hmyt-chatbot-window {
        right: auto;
        left: 0;
        border-radius: 0 16px 16px 0;
        box-shadow: 12px 0 45px rgba(0, 0, 0, 0.18);
        transform: translateX(-105%);
        transform-origin: center left;
    }

    #hmyt-chatbot-widget.hmyt-window-mode-drawer.hmyt-chatbot-position-bottom_left .hmyt-chatbot-window.open {
        transform: translateX(0);
    }

    #hmyt-chatbot-widget.hmyt-window-mode-drawer.hmyt-chatbot-position-bottom_left .chat-header {
        border-radius: 0 16px 0 0;
    }

   
    #hmyt-chatbot-widget.hmyt-window-mode-drawer .hmyt-chatbot-drawer-backdrop {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #00052a30;
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 1;
        transition: opacity 0.4s ease, visibility 0s 0.4s;
    }

    #hmyt-chatbot-widget.hmyt-window-mode-drawer.open .hmyt-chatbot-drawer-backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.4s ease;
    }

    body.dark #hmyt-chatbot-widget.hmyt-window-mode-drawer .hmyt-chatbot-drawer-backdrop {
        background: rgba(0, 0, 0, 0.55);
    }
}



.hmyt-chatbot-window .chat-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    pointer-events: none;
   
    background: radial-gradient(100% 55% at 50% 0%, #ffffff4d 25%, #ffffff1a 55%, rgba(255, 255, 255, 0) 100%);
    transition: background 0.5s ease 1s;
}



.hmyt-chatbot-window.is-thinking .chat-header {
    background: transparent;
    transition: background 0.3s ease;
}
.chat-header .header-content {
    display: flex;
    align-items: center;
    gap: 9px;
    pointer-events: auto;
    background: #ffffff;
    border-radius: 50px;
    padding: 5px 8px 5px 14px;
    height: 40px;
    box-shadow: 0 2px 22px rgb(0 0 0 / 13%);
}
.chat-header .header-content .font-bold { font-weight: 700; display: flex; font-size: 1.0em; flex-direction: row; gap: 7px; align-items: center; }
.chat-header .header-actions {
    display: flex;
    align-items: center;
    pointer-events: auto;
    background: #ffffff;
    border-radius: 50px;
    padding: 4px;
    height: 40px;
    box-shadow: 0 2px 22px rgb(0 0 0 / 13%);
}

.chat-header .header-actions a,
.chat-header .header-actions button {
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-height: unset;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    text-decoration: none;
}

.chat-header .header-actions a:hover,
.chat-header .header-actions button:hover {
    background-color: #f0f2f5;
    color: #333;
}

.chat-header .header-actions a svg, #hmyt-close-chat-btn svg {
    color: #2e2e3c;
    width: 20px;
    height: 20px;
}

.hmyt-chatbot-window .chat-messages {flex-grow: 1;padding: 76px 20px 160px;overflow-y: auto;display: flex;flex-direction: column;gap: 20px;scroll-behavior: smooth;}
.hmyt-chatbot-window .message-wrapper { display: flex; flex-direction: column; }
.hmyt-chatbot-window .message-wrapper.user { align-items: flex-start; }
.hmyt-chatbot-window .message-wrapper.model { align-items: flex-end; }
.hmyt-chatbot-window .message {max-width: 85%;width: fit-content;word-wrap: break-word;padding: 12px 18px;border-radius: 22px;font-size: 15px;line-height: 26px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);}
.hmyt-chatbot-window .message.user { background: var(--chatbot-user-bg); color: var(--chatbot-user-color); }
.hmyt-chatbot-window .message.model { background: var(--chatbot-model-bg); color: var(--chatbot-model-color); }
.hmyt-chatbot-window .message-footer {display: flex;align-items: center;gap: 10px;font-size: 12px;color: #6c757d;margin-top: 10px;}
.hmyt-chatbot-window .message-wrapper.user .message-footer {
    flex-direction: row; 
}
.hmyt-chatbot-window .message-wrapper.model .message-footer {
    flex-direction: row-reverse;
}.hmyt-chatbot-window .typing-indicator { display: none; align-self: flex-end; background-color: var(--chatbot-model-bg); padding: 12px 18px; border-radius: 18px; width: fit-content; }
.hmyt-chatbot-window .typing-indicator span { display: inline-block; width: 8px; height: 8px; background-color: #999; border-radius: 50%; margin: 0 2px; animation: hmyt-dot-animation 1.2s infinite ease-in-out; }
.hmyt-chatbot-window .typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
.hmyt-chatbot-window .typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
@keyframes hmyt-dot-animation { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } }
.hmyt-chatbot-window .chat-input {border-top: 1px solid var(--chatbot-border);flex-shrink: 0;}
.hmyt-chatbot-window .chat-input form { display: flex; align-items: center; gap: 10px; flex-direction: row-reverse;}
.hmyt-chatbot-window .chat-input textarea { 
    flex-grow: 1; 
    padding: 10px 15px; 
    border: 1px solid var(--chatbot-border); 
    border-radius: 10px; 
    outline: none; 
    font-size: 14px; 
    font-family: inherit;
    transition: all 0.3s;
    resize: none;
    overflow-y: hidden;
    line-height: 1.5;
    max-height: 120px;
    box-sizing: border-box;
}

.hmyt-chatbot-window .chat-input textarea::-webkit-scrollbar {
    width: 5px;
}

.hmyt-chatbot-window .chat-input textarea::-webkit-scrollbar-track {
    background: transparent;
}

.hmyt-chatbot-window .chat-input textarea::-webkit-scrollbar-thumb {
    background-color: #d6d6d6;
    border-radius: 20px;
    border: 3px solid transparent;
}
.hmyt-chatbot-window .chat-input textarea:focus { 
    border-color: var(--chatbot-widget-color); 
    box-shadow: 0 0 0 2px rgba(138, 53, 201, 0.2); 
}

div#hmyt-chat-messages {
    background-image: repeating-linear-gradient(45deg,#fafafa,#fafafa 30px,#fff 0,#fff 60px);
}
.hmyt-chatbot-window .chat-input button:hover { opacity: 0.85; }
.hmyt-chatbot-window .chat-input button:disabled { background-color: #ccc; cursor: not-allowed; }
.hmyt-chatbot-window .chat-messages::-webkit-scrollbar { width: 6px; }
.hmyt-chatbot-window .chat-messages::-webkit-scrollbar-track { background: transparent; }
.hmyt-chatbot-window .chat-messages::-webkit-scrollbar-thumb { background-color: #d6d6d6; border-radius: 20px; }
.hmyt-chatbot-window .chat-messages {scrollbar-width: thin;scrollbar-color: #eaecf0 transparent;}
.hmyt-chatbot-login-required {
    padding: 20px 25px;
    margin: 15px 15px 110px 15px;
    border: 1px solid #e6e9ee;
    text-align: center;
    border-radius: 22px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 10;
}

.hmyt-chatbot-login-required p {
    margin: 0;
    color: #3c434a;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}

.hmyt-chatbot-login-required .hmyt-chatbot-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    background-color: var(--chatbot-widget-color);
    color: #fff;
    text-decoration: none;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border: none;
}

.hmyt-chatbot-login-required .hmyt-chatbot-login-btn:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    opacity: .85;
}
.hmyt-chatbot-suggestions {padding: 10px 0;display: flex;gap: 10px;cursor: grab;overflow-x: auto;white-space: nowrap;flex-shrink: 0;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;scrollbar-width: thin;scrollbar-color: #eaecf0 transparent;}
.hmyt-chatbot-suggestions::-webkit-scrollbar { height: 4px; }
.hmyt-chatbot-suggestions::-webkit-scrollbar-thumb { background-color: #e0e0e0; border-radius: 20px; }
.hmyt-chatbot-suggestions .hmyt-suggestion-btn {background-color: #f0f2f5;border: 1px solid #dcdfe4;color: #3c434a;padding: 3px 12px !important;border-radius: 10px !important;font-size: 13px !important;min-height: unset;cursor: pointer;transition: all 0.2s ease;}
.hmyt-suggestion-btn:hover { background-color: #e0e2e5; border-color: #b0b3b8; }
.hmyt-chatbot-window .avatar-container {
    width: 25px;
    height: 25px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hmyt-chatbot-window .avatar-container img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.hmyt-chatbot-window .avatar-container .check { position: absolute; bottom: -3px; right: -4px; width: 16px; height: 16px; color: #37e75b; background-color: #fff; border-radius: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; }


@keyframes hmyt-fade-in-up-user {
    from {
        opacity: 0;
        transform: translateY(15px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes hmyt-fade-in-model {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}


.hmyt-chatbot-window .message-wrapper.user {
    transform-origin: bottom right;
    animation: hmyt-fade-in-up-user 0.3s ease-out forwards;
}

.hmyt-chatbot-window .message-wrapper.model {
    transform-origin: bottom left;
    animation: hmyt-fade-in-model 0.4s ease-out forwards;
}

@keyframes hmyt-fab-wiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-2deg); }
    50% { transform: rotate(2deg); }
    75% { transform: rotate(-1deg); }
}
  
@keyframes hmyt-fab-pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--chatbot-widget-color) 50%, transparent);
  }
  70% {
    box-shadow: 0 0 0 20px color-mix(in srgb, var(--chatbot-widget-color) 0%, transparent);
  }
  100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--chatbot-widget-color) 0%, transparent);
  }
}
  
#hmyt-chatbot-widget .hmyt-chatbot-fab.hmyt-fab-animated {
  animation: hmyt-fab-wiggle 2s ease-in-out infinite,
             hmyt-fab-pulse 2s ease-out infinite;
}
  
.hmyt-product-recommendations {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
    align-self: flex-end;
    width: 100%;
    max-width: 85%;
}

.hmyt-product-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    background-color: #f0f2f5;
    border-radius: 18px;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    transition: background-color 0.2s, box-shadow 0.2s;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

.hmyt-product-card:hover {
    background-color: #e9ebed;
    box-shadow: none;
}

.hmyt-product-card-image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.hmyt-product-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px !important;
}

.hmyt-product-card-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden; 
    min-width: 0;
}

.hmyt-product-card-title {
    font-weight: 600;
    color: #1f2029;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hmyt-product-card-price {
    font-size: 13px;
    color: var(--chatbot-widget-color, #9b3df8);
}

.hmyt-product-card-price ins {
    text-decoration: none;
    font-weight: bold;
}

.hmyt-product-card-price del {
    opacity: 0.6;
    margin-left: 5px;
}

.hmyt-product-recommendations-loading {
    align-self: flex-end;
    width: 100%;
    max-width: 90%;
    padding: 20px 0;
    display: flex;
    justify-content:end

}


button#hmyt-close-chat-btn {
    padding: 0px;
}

.hmyt-suggestion-btn.hmyt-order-tracking-btn {
    border: 1px solid;
    background-color:  #fff;
    border-color: var(--chatbot-widget-color);
    font-weight: bold;
    color: var(--chatbot-widget-color);
}

.hmyt-suggestion-btn.hmyt-order-tracking-btn:hover {
   background-color: color-mix(in srgb, var(--chatbot-widget-color) 10%, transparent);
}

.hmyt-chatbot-order-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: flex-end;
    width: 100%;
    max-width: 85%;
    animation: hmyt-fade-in-model 0.4s ease-out forwards;
}

.hmyt-chatbot-order-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 15px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 18px;
    cursor: pointer;
    transition: all .2s;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.hmyt-chatbot-order-item:hover {
    background-color: #f9fafb;
    box-shadow: none;
}

.hmyt-chatbot-order-item .order-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-color: var(--chatbot-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hmyt-chatbot-order-item .order-details-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.hmyt-chatbot-order-item .order-id-status {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.hmyt-chatbot-order-item .order-id {
    font-weight: 700;
    font-size: 14px;
    color: var(--chatbot-model-color);
}

.hmyt-chatbot-order-item .order-status-badge {
    font-size: 11px;
    background-color: color-mix(in srgb, var(--chatbot-widget-color) 10%, transparent);
    padding: 2px 8px;
    font-weight: 600;
    border-radius: 12px;
    color: var(--chatbot-widget-color);
}

.hmyt-chatbot-order-item .order-meta {
    display: flex;
    gap: 15px;
    font-size: 0.85em;
    color: #7d8b99;
    white-space: nowrap;
    justify-content: space-between;
}

.hmyt-suggestion-btn {
    font-family: inherit;
}

#hmyt-send-button {
    padding: 10px !important;
}

.chat-input input[type=text]::placeholder {
color: #434954 !important;
}

.message > p {
margin: 0;
}

.hmyt-category-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background-color: #f0f2f5;
    border-radius: 18px;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    transition: background-color 0.2s, box-shadow 0.2s;
    overflow: hidden;
}

.hmyt-category-card:hover {
    background-color: #e9ebed;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.hmyt-category-card-image {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.hmyt-category-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hmyt-category-card-details {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.hmyt-category-card-title {
    font-weight: 600;
    color: #1f2029;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hmyt-category-card-count {
    font-size: 12px;
    color: #6c757d;
}

.hmyt-chatbot-window .message ul,
.hmyt-chatbot-window .message ol {
    list-style: revert !important;
    margin: 10px 0 !important;
    padding-right: 25px !important;
    padding-left: 0 !important;
}

.hmyt-chatbot-window .message li {
    list-style-type: revert !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

#hmyt-voice-input-btn {
    background-color: #0000000d;
    color: #888;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s, color 0.2s;
    flex-shrink: 0;
    order: 1;
}

#hmyt-voice-input-btn:hover {
    background-color: #e6eaef;
    color: #333;
}

#hmyt-voice-input-btn.is-recording {
    color: #fff;
    background-color: #ef4444;
}

#hmyt-voice-input-btn.is-recording {
    position: relative;
    color: #fff;
    background-color: #ee1844;
    animation: hmyt-mic-pulse 2s infinite;
}



@keyframes hmyt-mic-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}

.hmyt-chatbot-window .chat-input textarea {
    order: 2;
}

.hmyt-chatbot-window .chat-input button[type="submit"] {
    order: 3;
}

.hmyt-chatbot-window .message-footer .message-actions {
    display: flex;
    align-items: center;
}

.hmyt-chatbot-window .message-footer .copy-to-clipboard-btn {
    background: none;
    border: none;
    cursor: pointer;
    min-height: unset;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.hmyt-chatbot-window .message-footer .copy-to-clipboard-btn:hover {
    background-color: rgba(0,0,0,0.08);
}

.hmyt-chatbot-window .message-footer .copy-to-clipboard-btn svg {
    width: 14px;
    height: 14px;
    color: #54667a;
}

.hmyt-chatbot-window .message-footer .regenerate-btn {
    background: none;
    border: none;
    cursor: pointer;
    min-height: unset;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease, transform 0.3s ease;
}

.hmyt-chatbot-window .message-footer .regenerate-btn:hover {
    background-color: rgba(0,0,0,0.08);
    transform: rotate(180deg);
}

.hmyt-chatbot-window .message-footer .regenerate-btn svg {
    width: 14px;
    height: 14px;
    color: #54667a;
}

.hmyt-chatbot-window .message-footer .hmyt-feedback-btn {
    background: none;
    border: none;
    cursor: pointer;
    min-height: unset;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.hmyt-chatbot-window .message-footer .hmyt-feedback-btn:hover {
    background-color: rgba(0,0,0,0.08);
}

.hmyt-chatbot-window .message-footer .hmyt-feedback-btn svg {
    width: 14px;
    height: 14px;
    color: #54667a;
}

.hmyt-chatbot-window .message-footer .hmyt-feedback-btn.active.like svg {
    color: #12d41a;
}

.hmyt-chatbot-window .message-footer .hmyt-feedback-btn.active.dislike svg {
    color: #ff4f5d;
}

.hmyt-chatbot-window .message-footer .hmyt-feedback-btn:disabled:not(.active) {
    cursor: not-allowed;
    opacity: 0.5;
}

.header-content > svg {
    width: 34px;
    height: 34px;
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

.hmyt-chatbot-fullscreen-active {
    width: 100%;
    height: 80vh;
    min-height: 500px;
    position: relative;
    margin: 20px 0;
}

.hmyt-chatbot-fullscreen-active #hmyt-chatbot-window {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 15px;
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: none;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
}

.hmyt-chatbot-fullscreen-active #hmyt-chatbot-fab,
.hmyt-chatbot-fullscreen-active.hmyt-chatbot-widget {
    display: none !important;
}

.hmyt-chatbot-fullscreen-active #hmyt-close-chat-btn {
    display: none;
}

button#hmyt-voice-input-btn {
padding: 0;
}

.hmyt-chatbot-window .chat-input #hmyt-user-message-input {
min-height: auto;
resize: none;
overflow-y: hidden;
height: auto;
}

.chat-header {
    border-radius: 15px 15px 0 0;
}

#hmyt-guest-info-form {flex-grow: 1;overflow-y: auto;background-image: repeating-linear-gradient(45deg,#fafafa,#fafafa 30px,#fff 0,#fff 60px);z-index: 10;padding: 85px 20px 120px 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.hmyt-guest-form-content { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 300px; text-align: center; }
.hmyt-guest-form-content p { margin: 0 0 10px 0; color: #555; font-size: 14px; line-height: 1.6; }
.hmyt-guest-form-content .hmyt-form-group input {width: 100%;padding: 12px;border: 1px solid #e3e3e3;background: #ffffff;border-radius: 15px;font-family: inherit;box-sizing: border-box;font-size: 14px;transition: all 0.3s;text-align: center;direction: rtl;}
.hmyt-guest-form-content input:focus { border-color: var(--chatbot-widget-color); background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.05); outline: none; }
.hmyt-guest-form-content button {background: var(--chatbot-widget-color);color: #fff;padding: 12px;border: none;border-radius: 15px;cursor: pointer;font-family: inherit;font-weight: 600;transition: opacity 0.2s, box-shadow 0.2s;font-size: 14px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-top: 5px;}
.hmyt-guest-form-content button:hover { opacity: 0.8; }

.hmyt-post-recommendations {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
    align-self: flex-end;
    width: 85%;
    max-width: 380px;
}

#hmyt-chatbot-fullscreen-container .hmyt-post-recommendations {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
    align-self: flex-end;
    width: 100%;
    max-width: 380px;
}
.hmyt-post-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background-color: #eff3f8;
    border-radius: 18px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    overflow: hidden;
    position: relative;
}

.hmyt-post-card:hover {
    transform: none;
    opacity: .85;
}

.hmyt-post-card-image {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hmyt-post-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hmyt-no-image-placeholder {
    color: #adb5bd;
}

.hmyt-post-card-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.hmyt-post-card-title {
    font-weight: 600;
    color: #1f2029;
    font-size: 13px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hmyt-post-card-meta {
    font-size: 12px;
    color: #6c757d;
}

.hmyt-post-card-meta.price {
    font-size: 13px;
    font-weight: 600;
    color: #059669;
    margin-top: 2px;
    display: flex;
    align-items: center;
}

.hmyt-post-card-meta.price del {
    color: #9ca3af;
    font-size: 0.9em;
    font-weight: 400;
    margin-left: 6px;
    opacity: 0.8;
}

.hmyt-post-card-meta.price ins {
    text-decoration: none;
    color: #059669;
    background: transparent;
    font-weight: 700;
}

.message h1 {
    font-size: 20px;
}
.message h2 {
    font-size: 18px;
}
.message h3 {
    font-size: 16px;
}

button.hmyt-suggestion-btn.hmyt-order-tracking-btn {
    line-height: normal;
}

body.dark .hmyt-chatbot-window {
    background-color: #262631;
    border-color: #414150;
}

body.dark .chat-header {
    background: radial-gradient(130% 95% at 50% 0%, #26263163 52%, rgba(38, 38, 49, 0) 100%);
    border-color: #414150;
    transition: background 0.5s ease 1s;
}

body.dark .hmyt-chatbot-window.is-thinking .chat-header {
    background: transparent;
    transition: background 0.3s ease;
}

body.dark div#hmyt-chat-messages {
    background-image: repeating-linear-gradient(45deg, #2626314d, #262631c9 30px, #2a2a3673 0, #2a2a3669 60px);
}

body.dark .chat-header .header-content .font-bold {
    color: #fff;
}

body.dark .chat-header .header-actions a,
body.dark .chat-header .header-actions button,
body.dark #hmyt-close-chat-btn svg {
    color: #ccc;
}

body.dark .chat-header .header-actions a:hover,
body.dark .chat-header .header-actions button:hover {
    background-color: #414150;
    color: #fff;
}

body.dark .hmyt-chatbot-window .message.model {
    background: #353542;
    color: #e5e7eb;
}

body.dark .hmyt-chatbot-window .message.user {
    color: #e5e7eb;
}

body.dark .message h1,
body.dark .message h2,
body.dark .message h3,
body.dark .message strong {
    color: #fff;
}

body.dark .hmyt-chatbot-window .message-footer .copy-to-clipboard-btn svg,
body.dark .hmyt-chatbot-window .message-footer .regenerate-btn svg,
body.dark .hmyt-chatbot-window .message-footer .hmyt-feedback-btn svg {
    color: #9ca3af;
}

body.dark .hmyt-chatbot-window .message-footer .copy-to-clipboard-btn:hover,
body.dark .hmyt-chatbot-window .message-footer .regenerate-btn:hover,
body.dark .hmyt-chatbot-window .message-footer .hmyt-feedback-btn:hover {
    background-color: #414150;
}

body.dark .hmyt-chatbot-window .typing-indicator {
    background-color: #353542;
}
body.dark .hmyt-chatbot-window .typing-indicator span {
    background-color: #9ca3af;
}

body.dark .hmyt-chatbot-window .chat-input {
    background-color: #262631;
    border-top-color: #414150;
}

body.dark .hmyt-chatbot-window .chat-input textarea {
    background: #262631;
    border-color: #414150;
    color: #fff;
}

body.dark .hmyt-chatbot-window .chat-input textarea:focus {
    border-color: var(--chatbot-widget-color);
}

body.dark .chat-input input[type=text]::placeholder {
    color: #9ca3af !important;
}

body.dark #hmyt-voice-input-btn {
    background-color: #353542;
    color: #ccc;
}

body.dark #hmyt-voice-input-btn:hover {
    background-color: #414150;
    color: #fff;
}

body.dark .hmyt-suggestion-btn {
    background-color: transparent;
    border-color: #414150;
    color: #e5e7eb;
}

body.dark .hmyt-suggestion-btn:hover {
    background-color: #414150;
    border-color: #555;
}

body.dark .hmyt-suggestion-btn.hmyt-order-tracking-btn {
    color: var(--chatbot-widget-color);
    border-color: var(--chatbot-widget-color);
}

body.dark .hmyt-suggestion-btn.hmyt-order-tracking-btn:hover {
    background-color: #414150;
}

body.dark .hmyt-chatbot-window .message.model > p a {
    color: #24b7e7;
}

body.dark .hmyt-product-card,
body.dark .hmyt-chatbot-order-item,
body.dark .hmyt-category-card,
body.dark .hmyt-post-card {
    background-color: #262631;
    border-color: #353542;
    color: #e5e7eb;
}

body.dark .hmyt-product-card:hover,
body.dark .hmyt-chatbot-order-item:hover,
body.dark .hmyt-category-card:hover,
body.dark .hmyt-post-card:hover {border-color: #414150;}

body.dark .hmyt-product-card-title,
body.dark .hmyt-post-card-title,
body.dark .hmyt-category-card-title,
body.dark .hmyt-chatbot-order-item .order-id {
    color: #fff;
}

body.dark .hmyt-chatbot-order-item .order-meta,
body.dark .hmyt-category-card-count,
body.dark .hmyt-post-card-meta {
    color: #9ca3af;
}

body.dark .hmyt-chatbot-order-item .order-icon {
    background-color: #353542;
}

body.dark .hmyt-post-card-image {
    background: #414150;
}

body.dark #hmyt-guest-info-form {
    background: #262631;
}

body.dark .hmyt-guest-form-content p {
    color: #e5e7eb;
}

body.dark .hmyt-guest-form-content input {
    background: #353542;
    border-color: #414150;
    color: #fff;
}

body.dark .hmyt-guest-form-content input:focus {
    border-color: var(--chatbot-widget-color);
}

body.dark .hmyt-chatbot-login-required {
    background: #353542;
    border-color: #414150;
}

body.dark .hmyt-chatbot-login-required p {
    color: #e5e7eb;
}

body.dark .chat-header .label-in-title-chatbot-webpremium {
    background: #414150;
    color: #d1d5db;
}

body.dark .hmyt-chatbot-window .chat-messages::-webkit-scrollbar-thumb,
body.dark .hmyt-chatbot-window .chat-input textarea::-webkit-scrollbar-thumb {
    background-color: #414150;
}

body.dark .hmyt-chatbot-window .avatar-container .check {
    background: #30303c;
}

body.dark .hmyt-chatbot-fullscreen-active #hmyt-chatbot-window {
    border-color: #414150;
}

.message pre {
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: 0;
    margin-block: 1em 1em;
    margin-inline: 0px;
}

.message code {
    background: #e4ecf0;
    border-radius: 12px;
    padding: 10px 18px;
    direction: ltr;
    text-align: left;
    position: relative;
    overflow: auto;
}

.message code::before {
    position: absolute;
    top: 9px;
    right: 10px;
    background: rgb(207 216 220);
    border-radius: 8px;
    font-family: initial;
    padding: 1px 11px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
}

.message code.language-css::before {
    content: 'CSS'
}

.message code.language-code::before {
    content: 'code'
}

.message code.language-php::before {
    content: 'PHP'
}

.message code.language-javascript::before {
    content: 'JavaScript'
}

.message code.language-html::before {
    content: 'HTML'
}

.message code.language-xml::before {
    content: 'XML'
}

.message code.language-sql::before {
    content: 'SQL'
}

.message table {
    width: 100%;
    margin: 1rem 0;
    border-collapse: separate;
    border-spacing: 0;
    background: rgb(86 88 106 / 8%);
    border-radius: 12px;
    overflow: hidden;
    font-size: 14px;
}

.message th,
.message td {
    padding: 10px 14px;
    text-align: center;
    border-bottom: 6px solid rgba(255, 255, 255, 0.08);
    border-right: 6px solid rgba(255, 255, 255, 0.08);
}

.message thead th {
    font-weight: 600;
    background: rgba(255, 255, 255, 0.06);
}

.message tbody tr:last-child td {
    border-bottom: none;
}

.message th:first-child,
.message td:first-child {
    border-right: none;
}

.message th:last-child,
.message td:last-child {
    border-left: none;
}

.hmyt-chatbot-window .message.model > * a {
    font-weight: 700;
    border: 1px solid;
    border-color: var(--chatbot-widget-color);
    color: var(--chatbot-widget-color);
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
}





@keyframes hmyt-text-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}


@keyframes hmyt-thinking-enter {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes hmyt-skeleton-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}



#hmyt-typing-indicator.typing-indicator {
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 4px !important;
    width: auto !important;
    align-self: flex-end;
}


#hmyt-typing-indicator.typing-indicator[style*="display: block"],
#hmyt-typing-indicator.typing-indicator[style*="display:block"] {
    display: flex !important;
}

.hmyt-thinking-shimmer {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.8;
    direction: rtl;
    white-space: nowrap;
    background: linear-gradient(
        100deg,
        #9ca3af 30%,
        var(--chatbot-widget-color, #9b3df8) 50%,
        #9ca3af 70%
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.35s ease, transform 0.35s ease;
    animation: hmyt-text-shimmer 2.2s linear infinite;
    animation-direction: reverse;
}


.hmyt-thinking-shimmer.is-switching {
    opacity: 0;
}

body.dark .hmyt-thinking-shimmer {
    background: linear-gradient(
        100deg,
        #6b7280 30%,
        var(--chatbot-widget-color, #9b3df8) 50%,
        #6b7280 70%
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


.hmyt-skel-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
    align-self: flex-end;
    width: 85%;
    max-width: 380px;
}


#hmyt-chatbot-fullscreen-container .hmyt-skel-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
    align-self: flex-end;
    width: 100%;
    max-width: 380px;
}

.hmyt-skel-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px;
    padding: 10px !important;
    margin: 0 !important;
    background-color: #eff3f8 !important;
    background-image: none !important;
    border-radius: 18px !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    list-style: none !important;
}


.hmyt-skel-card::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-image: linear-gradient(
        100deg,
        rgba(255,255,255,0) 30%,
        rgba(255,255,255,0.55) 50%,
        rgba(255,255,255,0) 70%
    ) !important;
    background-size: 200% 100% !important;
    background-repeat: no-repeat !important;
    animation: hmyt-skeleton-shimmer 1.6s ease-in-out infinite !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.hmyt-skel-card__thumb {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    flex: 0 0 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background-color: #d4dce6 !important;
    background-image: none !important;
    animation: none !important;
    position: relative;
    z-index: 1;
}

.hmyt-skel-card__lines {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 7px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    position: relative;
    z-index: 1;
}

.hmyt-skel-card__line {
    display: block !important;
    height: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    background-color: #d4dce6 !important;
    background-image: none !important;
    animation: none !important;
}

.hmyt-skel-card__line--title {
    width: 80% !important;
    height: 13px !important;
}

.hmyt-skel-card__line--price {
    width: 45% !important;
    height: 11px !important;
}

body.dark .hmyt-skel-card {
    background-color: #262631 !important;
    border: none !important;
}

body.dark .hmyt-skel-card__thumb,
body.dark .hmyt-skel-card__line {
    background-color: #3a3a47 !important;
}

body.dark .hmyt-skel-card::after {
    background-image: linear-gradient(
        100deg,
        rgba(255,255,255,0) 30%,
        rgba(255,255,255,0.10) 50%,
        rgba(255,255,255,0) 70%
    ) !important;
    background-size: 200% 100% !important;
    background-repeat: no-repeat !important;
}




.hmyt-chatbot-bottom-area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
    padding: 16px;
    background: radial-gradient(130% 100% at 50% 100%, #ffffff 60%, rgba(255, 255, 255, 0) 100%);
    padding-top: 25px;
    pointer-events: none;
}

.hmyt-chatbot-bottom-area > * {
    pointer-events: auto;
}

.hmyt-chatbot-window .chat-input {
    border-top: none;
    background: transparent;
}

.hmyt-chatbot-window .chat-input form {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    border: 1px solid #e6e9ee;
    border-radius: 22px;
    padding: 6px 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, padding 0.25s ease;
}

.hmyt-chatbot-window .chat-input form.is-multiline {
    padding: 6px 8px;
}

.hmyt-chatbot-window .chat-input form:focus-within {
    border: 1px solid #e6e9ee;
}

.hmyt-chatbot-window .chat-input textarea {
    order: 0;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    resize: none;
    overflow-y: hidden;
    font-size: 14.5px;
    font-family: inherit;
    line-height: 1.7;
    max-height: 140px;
    padding: 4px 6px;
    box-sizing: border-box;
    color: #1f2029;
}

.hmyt-chatbot-window .chat-input form.is-multiline textarea {
    flex: 1 1 100%;
    width: 100%;
    padding: 4px 4px 0;
}

.hmyt-chatbot-window .chat-input textarea:focus {
    border-color: transparent;
    box-shadow: none;
}

.hmyt-chatbot-window .chat-input textarea::placeholder {
    color: #9aa0a6;
}


.hmyt-chatbot-window .chat-input .hmyt-input-actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-right: auto;
    direction: ltr;
    transition: opacity 0.25s ease;
}

.hmyt-chatbot-window .chat-input form.is-multiline .hmyt-input-actions {
    flex: 1 1 100%;
    margin-right: 0;
}


.hmyt-chatbot-window .chat-input button {
    background-color: transparent;
    border: none;
    width: 36px;
    height: 36px;
    min-height: unset;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, opacity 0.2s ease;
}


.hmyt-chatbot-window .chat-input #hmyt-send-button {
    background-color: var(--chatbot-widget-color);
    color: #fff;
    padding: 0 !important;
}

.hmyt-chatbot-window .chat-input #hmyt-send-button svg {
    width: 18px;
    height: 18px;
}

.hmyt-chatbot-window .chat-input #hmyt-send-button:hover {
    transform: scale(1.06);
    opacity: 0.95;
}

.hmyt-chatbot-window .chat-input #hmyt-send-button:disabled {
    background-color: #d7dbe0;
    color: #fff;
    cursor: not-allowed;
    transform: none;
    opacity: 1;
}

.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn:disabled:hover {
    background-color: transparent;
}


.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn {
    background-color: transparent;
    color: #6b7280;
    position: relative;
}

.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn svg {
    width: 19px;
    height: 19px;
}

.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #1f2029;
}


.hmyt-chatbot-window .chat-input .hmyt-input-disclaimer {
    text-align: center;
    font-size: 11px;
    color: #9aa0a6;
    margin-top: 8px;
    line-height: 1.6;
    user-select: none;
}


.hmyt-rec-wave {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 18px;
    border-radius:5px
}

.hmyt-rec-wave i {
    display: block;
    width: 2px;
    border-radius: 4px;
    background: #fff;
    transform-origin: center;
    animation: hmyt-rec-eq 1s ease-in-out infinite;
}

.hmyt-rec-wave i:nth-child(1) { height: 7px;  animation-delay: 0s; }
.hmyt-rec-wave i:nth-child(2) { height: 15px; animation-delay: 0.18s; }
.hmyt-rec-wave i:nth-child(3) { height: 10px; animation-delay: 0.36s; }
.hmyt-rec-wave i:nth-child(4) { height: 16px; animation-delay: 0.54s; }

@keyframes hmyt-rec-eq {
    0%, 100% { transform: scaleY(0.35); }
    50%      { transform: scaleY(1); }
}

.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn.is-recording {
    color: #fff;
    background-color: #ee1844;
    animation: hmyt-mic-pulse 1.8s infinite;
}

.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn.is-recording svg {
    display: none;
}

.hmyt-chatbot-window .chat-input #hmyt-voice-input-btn.is-recording .hmyt-rec-wave {
    display: flex;
}

body.dark .hmyt-chatbot-bottom-area {
    background: radial-gradient(130% 100% at 50% 100%, #262631 60%, rgba(38, 38, 49, 0) 100%);
}

body.dark .hmyt-chatbot-window .chat-input {
    background-color: transparent;
    border-top: none;
}

body.dark .hmyt-chatbot-window .chat-input form {
    background: #2f2f3b;
    border-color: #414150;
    box-shadow: none;
}

body.dark .hmyt-chatbot-window .chat-input form:focus-within {
    border-color: var(--chatbot-widget-color);
}

body.dark .hmyt-chatbot-window .chat-input textarea {
    background: transparent;
    color: #fff;
}

body.dark .hmyt-chatbot-window .chat-input textarea::placeholder {
    color: #9ca3af;
}

body.dark .hmyt-chatbot-window .chat-input #hmyt-voice-input-btn {
    background-color: transparent;
    color: #cbd5e1;
}

body.dark .hmyt-chatbot-window .chat-input #hmyt-voice-input-btn:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

body.dark .hmyt-chatbot-window .chat-input .hmyt-input-disclaimer {
    color: #8b8b99;
}

@keyframes hmyt-header-cap-in-right {
    from { opacity: 0; transform: translateX(45px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes hmyt-header-cap-in-left {
    from { opacity: 0; transform: translateX(-45px); }
    to   { opacity: 1; transform: translateX(0); }
}

.hmyt-chatbot-window.open .header-content {
    animation: hmyt-header-cap-in-right 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.hmyt-chatbot-window.open .header-actions {
    animation: hmyt-header-cap-in-left 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}


@keyframes hmyt-bottom-elements-in-up {
    from { opacity: 0; transform: translateY(35px); }
    to   { opacity: 1; transform: translateY(0); }
}

.hmyt-chatbot-window.open .hmyt-chatbot-bottom-area .hmyt-chatbot-suggestions {
    animation: hmyt-bottom-elements-in-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
}

.hmyt-chatbot-window.open .hmyt-chatbot-bottom-area .chat-input {
    animation: hmyt-bottom-elements-in-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
}

@media (prefers-reduced-motion: reduce) {
    .hmyt-chatbot-window.open .header-content,
    .hmyt-chatbot-window.open .header-actions,
    .hmyt-chatbot-window.open .hmyt-chatbot-bottom-area .hmyt-chatbot-suggestions,
    .hmyt-chatbot-window.open .hmyt-chatbot-bottom-area .chat-input {
        animation: none;
    }
}

body.dark .chat-header .header-content,
body.dark .chat-header .header-actions {
    background: #262631;
    border: 1px solid #3a3a47;
    box-shadow: 0 3px 12px rgba(0,0,0,0.25);
}

.hmyt-chatbot-window .chat-header {
    z-index: 99 !important;
}

.hmyt-chatbot-window:has(#hmyt-guest-info-form:not([style*="display: none"])) .hmyt-chatbot-bottom-area {
    filter: grayscale(1) opacity(0.4);
    pointer-events: none !important;
    transition: all 0.4s ease;
}

.hmyt-chatbot-window:has(#hmyt-guest-info-form:not([style*="display: none"])) .hmyt-chatbot-login-required {
    filter: grayscale(1) opacity(0.4);
    pointer-events: none !important;
    transition: all 0.4s ease;
}

.hmyt-aurora-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    perspective: 1200px;
    transition: opacity 1s ease, visibility 0s 1s;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.85) 45%, rgba(0,0,0,0.3) 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.85) 45%, rgba(0,0,0,0.3) 70%, transparent 100%);
}


.hmyt-chatbot-window.is-thinking .hmyt-aurora-wrapper {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.7s ease, visibility 0s 0s;
}

.hmyt-blob {
    position: absolute;
    border-radius: 50%;
    opacity: 0.6;
    mix-blend-mode: normal;
    will-change: transform, background-color;
}

.hmyt-b1 { width: 360px; height: 300px; top: -90px; right: -60px; opacity: 0.72; filter: blur(70px) saturate(1.65); animation: hmyt-drift1 7s ease-in-out infinite, hmyt-hueA 9s linear 0s infinite; }
.hmyt-b2 { width: 290px; height: 220px; top: -50px; right: -90px; opacity: 0.5; filter: blur(65px) saturate(1.55); animation: hmyt-drift2 10s ease-in-out infinite, hmyt-hueB 9s linear -0.6s infinite; }
.hmyt-b3 { width: 250px; height: 360px; top: -130px; right: 100px; opacity: 0.78; filter: blur(80px) saturate(1.7); animation: hmyt-drift3 6s ease-in-out infinite, hmyt-hueC 9s linear -1.2s infinite; }
.hmyt-b4 { width: 280px; height: 180px; top: -10px; right: 40px; opacity: 0.55; filter: blur(60px) saturate(1.55); animation: hmyt-drift4 4s ease-in-out infinite, hmyt-hueD 9s linear -1.8s infinite; }
.hmyt-b5 { width: 210px; height: 260px; top: -70px; right: 180px; opacity: 0.68; filter: blur(75px) saturate(1.65); animation: hmyt-drift5 8s ease-in-out infinite, hmyt-hueE 9s linear -2.4s infinite; }

@keyframes hmyt-drift1 {
    0%   { transform: translate3d(200px, -30px, 0)     rotate(0deg)   scale(1); }
    25%  { transform: translate3d(30px, 60px, 140px)   rotate(-16deg) scale(1.55); }
    55%  { transform: translate3d(-150px, -20px, 50px) rotate(12deg)  scale(0.8); }
    80%  { transform: translate3d(70px, 75px, -40px)   rotate(-6deg)  scale(1.3); }
    100% { transform: translate3d(200px, -30px, 0)     rotate(0deg)   scale(1); }
}
@keyframes hmyt-drift2 {
    0%   { transform: translate3d(150px, 45px, -60px)  rotate(6deg)   scale(1.1); }
    30%  { transform: translate3d(-120px, -40px, 90px) rotate(22deg)  scale(1.5); }
    60%  { transform: translate3d(80px, 70px, 30px)    rotate(-10deg) scale(0.85); }
    100% { transform: translate3d(150px, 45px, -60px)  rotate(6deg)   scale(1.1); }
}
@keyframes hmyt-drift3 {
    0%   { transform: translate3d(90px, -55px, 40px)   rotate(-8deg)  scale(1.3); }
    35%  { transform: translate3d(-160px, 80px, -50px) rotate(14deg)  scale(0.75); }
    65%  { transform: translate3d(50px, -75px, 110px)  rotate(-4deg)  scale(1.55); }
    100% { transform: translate3d(90px, -55px, 40px)   rotate(-8deg)  scale(1.3); }
}
@keyframes hmyt-drift4 {
    0%   { transform: translate3d(170px, 15px, -30px)  rotate(15deg)  scale(1); }
    30%  { transform: translate3d(-80px, -60px, 110px) rotate(-14deg) scale(1.65); }
    70%  { transform: translate3d(110px, 65px, 20px)   rotate(8deg)   scale(0.9); }
    100% { transform: translate3d(170px, 15px, -30px)  rotate(15deg)  scale(1); }
}
@keyframes hmyt-drift5 {
    0%   { transform: translate3d(130px, -20px, 50px)  rotate(-6deg)  scale(1.15); }
    25%  { transform: translate3d(-170px, 90px, 170px) rotate(18deg)  scale(1.7); }
    55%  { transform: translate3d(40px, -70px, -30px)  rotate(-12deg) scale(0.8); }
    85%  { transform: translate3d(-70px, 55px, 80px)   rotate(6deg)   scale(1.35); }
    100% { transform: translate3d(130px, -20px, 50px)  rotate(-6deg)  scale(1.15); }
}

@keyframes hmyt-hueA { 0%{background:#2563eb;} 17%{background:#0891b2;} 33%{background:#7c3aed;} 50%{background:#db2777;} 67%{background:#f59e0b;} 83%{background:#10b981;} 100%{background:#2563eb;} }
@keyframes hmyt-hueB { 0%{background:#3b82f6;} 17%{background:#0e7490;} 33%{background:#8b5cf6;} 50%{background:#ec4899;} 67%{background:#f97316;} 83%{background:#059669;} 100%{background:#3b82f6;} }
@keyframes hmyt-hueC { 0%{background:#6366f1;} 17%{background:#06b6d4;} 33%{background:#a855f7;} 50%{background:#f43f5e;} 67%{background:#fbbf24;} 83%{background:#14b8a6;} 100%{background:#6366f1;} }
@keyframes hmyt-hueD { 0%{background:#0ea5e9;} 17%{background:#0284c7;} 33%{background:#9333ea;} 50%{background:#e11d48;} 67%{background:#fb923c;} 83%{background:#22c55e;} 100%{background:#0ea5e9;} }
@keyframes hmyt-hueE { 0%{background:#4f46e5;} 17%{background:#155e75;} 33%{background:#6d28d9;} 50%{background:#be185d;} 67%{background:#ea580c;} 83%{background:#34d399;} 100%{background:#4f46e5;} }

.hmyt-grain {
    position: absolute; inset: 0; pointer-events: none; opacity: 0.05;
    background-image: radial-gradient(rgba(0,0,0,0.45) 1px, transparent 1px);
    background-size: 4px 4px;
}

body.dark .hmyt-chatbot-window.is-thinking .hmyt-aurora-wrapper { opacity: 1; }
body.dark .hmyt-blob { opacity: 0.7; mix-blend-mode: screen; }
body.dark .hmyt-b1 { opacity: 0.82; filter: blur(80px) saturate(1.8) brightness(1.2); animation: hmyt-drift1 7s ease-in-out infinite, hmyt-hueDa 9s linear 0s infinite; }
body.dark .hmyt-b2 { opacity: 0.6; filter: blur(75px) saturate(1.7) brightness(1.15); animation: hmyt-drift2 10s ease-in-out infinite, hmyt-hueDb 9s linear -0.6s infinite; }
body.dark .hmyt-b3 { opacity: 0.88; filter: blur(90px) saturate(1.9) brightness(1.25); animation: hmyt-drift3 6s ease-in-out infinite, hmyt-hueDc 9s linear -1.2s infinite; }
body.dark .hmyt-b4 { opacity: 0.62; filter: blur(70px) saturate(1.7) brightness(1.15); animation: hmyt-drift4 4s ease-in-out infinite, hmyt-hueDd 9s linear -1.8s infinite; }
body.dark .hmyt-b5 { opacity: 0.78; filter: blur(85px) saturate(1.85) brightness(1.2); animation: hmyt-drift5 8s ease-in-out infinite, hmyt-hueDe 9s linear -2.4s infinite; }
body.dark .hmyt-grain { opacity: 0.04; background-image: radial-gradient(rgba(255,255,255,0.4) 1px, transparent 1px); }

@keyframes hmyt-hueDa { 0%{background:#1d4ed8;} 17%{background:#0e7490;} 33%{background:#6d28d9;} 50%{background:#be185d;} 67%{background:#d97706;} 83%{background:#059669;} 100%{background:#1d4ed8;} }
@keyframes hmyt-hueDb { 0%{background:#2563eb;} 17%{background:#155e75;} 33%{background:#7c3aed;} 50%{background:#db2777;} 67%{background:#ea580c;} 83%{background:#047857;} 100%{background:#2563eb;} }
@keyframes hmyt-hueDc { 0%{background:#4338ca;} 17%{background:#0891b2;} 33%{background:#9333ea;} 50%{background:#e11d48;} 67%{background:#f59e0b;} 83%{background:#0d9488;} 100%{background:#4338ca;} }
@keyframes hmyt-hueDd { 0%{background:#0284c7;} 17%{background:#075985;} 33%{background:#5b21b6;} 50%{background:#9d174d;} 67%{background:#c2410c;} 83%{background:#16a34a;} 100%{background:#0284c7;} }
@keyframes hmyt-hueDe { 0%{background:#4f46e5;} 17%{background:#164e63;} 33%{background:#8b5cf6;} 50%{background:#ec4899;} 67%{background:#f97316;} 83%{background:#10b981;} 100%{background:#4f46e5;} }

.hmyt-chatbot-window .chat-input #hmyt-send-button:disabled svg {
    animation: hmyt-send-stop-pulse 1.4s ease-in-out infinite;
    color: #1f2029d6
}

@keyframes hmyt-send-stop-pulse {
    0%, 100% { opacity: 0.55; transform: scale(0.9); }
    50%      { opacity: 1;    transform: scale(1); }
}

.hmyt-chatbot-aiavatar-wrap {
    position: relative;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hmyt-chatbot-aiavatar-wrap dotlottie-player,
.hmyt-chatbot-aiavatar-wrap lottie-player {
    width: 37px !important;
    height: 37px !important;
    display: block;
}

.hmyt-chatbot-aiavatar-skeleton {
    position: absolute;
    inset: 0;
    border-radius: 11px;
    background: linear-gradient(90deg, #e9d5f3 0%, #d9b8ec 50%, #e9d5f3 100%);
    background-size: 200% 100%;
    animation: hmyt-chatbot-aiavatar-shimmer 1.4s ease-in-out infinite;
    opacity: 0.85;
}

.hmyt-chatbot-aiavatar-wrap.is-loaded .hmyt-chatbot-aiavatar-skeleton {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0s 0.35s;
}

@keyframes hmyt-chatbot-aiavatar-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

body.dark .hmyt-chatbot-aiavatar-skeleton {
    background: linear-gradient(90deg, #3a2a4d 0%, #4f3a66 50%, #3a2a4d 100%);
    background-size: 200% 100%;
}

#hmyt-chatbot-fullscreen-container .hmyt-aurora-wrapper {
    height: 320px;
    perspective: 1600px;
}

#hmyt-chatbot-fullscreen-container .hmyt-blob {
    right: auto;
    left: auto;
}

#hmyt-chatbot-fullscreen-container .hmyt-b1 {
    width: 45%;
    min-width: 360px;
    height: 320px;
    top: -110px;
    left: 8%;
    right: auto;
    animation: hmyt-drift1-fs 7s ease-in-out infinite, hmyt-hueA 9s linear 0s infinite;
}

#hmyt-chatbot-fullscreen-container .hmyt-b2 {
    width: 38%;
    min-width: 290px;
    height: 240px;
    top: -60px;
    left: 0;
    right: auto;
    animation: hmyt-drift2-fs 10s ease-in-out infinite, hmyt-hueB 9s linear -0.6s infinite;
}

#hmyt-chatbot-fullscreen-container .hmyt-b3 {
    width: 32%;
    min-width: 250px;
    height: 380px;
    top: -150px;
    left: 34%;
    right: auto;
    animation: hmyt-drift3-fs 6s ease-in-out infinite, hmyt-hueC 9s linear -1.2s infinite;
}

#hmyt-chatbot-fullscreen-container .hmyt-b4 {
    width: 36%;
    min-width: 280px;
    height: 200px;
    top: -20px;
    left: 58%;
    right: auto;
    animation: hmyt-drift4-fs 4s ease-in-out infinite, hmyt-hueD 9s linear -1.8s infinite;
}

#hmyt-chatbot-fullscreen-container .hmyt-b5 {
    width: 30%;
    min-width: 210px;
    height: 280px;
    top: -80px;
    left: 76%;
    right: auto;
    animation: hmyt-drift5-fs 8s ease-in-out infinite, hmyt-hueE 9s linear -2.4s infinite;
}

@keyframes hmyt-drift1-fs {
    0%   { transform: translate3d(0, -30px, 0)       rotate(0deg)   scale(1); }
    25%  { transform: translate3d(-180px, 60px, 140px) rotate(-16deg) scale(1.55); }
    55%  { transform: translate3d(220px, -20px, 50px)  rotate(12deg)  scale(0.8); }
    80%  { transform: translate3d(-90px, 75px, -40px)  rotate(-6deg)  scale(1.3); }
    100% { transform: translate3d(0, -30px, 0)       rotate(0deg)   scale(1); }
}
@keyframes hmyt-drift2-fs {
    0%   { transform: translate3d(0, 45px, -60px)    rotate(6deg)   scale(1.1); }
    30%  { transform: translate3d(240px, -40px, 90px) rotate(22deg)  scale(1.5); }
    60%  { transform: translate3d(-120px, 70px, 30px) rotate(-10deg) scale(0.85); }
    100% { transform: translate3d(0, 45px, -60px)    rotate(6deg)   scale(1.1); }
}
@keyframes hmyt-drift3-fs {
    0%   { transform: translate3d(0, -55px, 40px)     rotate(-8deg)  scale(1.3); }
    35%  { transform: translate3d(-200px, 80px, -50px) rotate(14deg)  scale(0.75); }
    65%  { transform: translate3d(180px, -75px, 110px) rotate(-4deg)  scale(1.55); }
    100% { transform: translate3d(0, -55px, 40px)     rotate(-8deg)  scale(1.3); }
}
@keyframes hmyt-drift4-fs {
    0%   { transform: translate3d(0, 15px, -30px)     rotate(15deg)  scale(1); }
    30%  { transform: translate3d(-220px, -60px, 110px) rotate(-14deg) scale(1.65); }
    70%  { transform: translate3d(140px, 65px, 20px)   rotate(8deg)   scale(0.9); }
    100% { transform: translate3d(0, 15px, -30px)     rotate(15deg)  scale(1); }
}
@keyframes hmyt-drift5-fs {
    0%   { transform: translate3d(0, -20px, 50px)     rotate(-6deg)  scale(1.15); }
    25%  { transform: translate3d(-200px, 90px, 170px) rotate(18deg)  scale(1.7); }
    55%  { transform: translate3d(160px, -70px, -30px) rotate(-12deg) scale(0.8); }
    85%  { transform: translate3d(-90px, 55px, 80px)   rotate(6deg)   scale(1.35); }
    100% { transform: translate3d(0, -20px, 50px)     rotate(-6deg)  scale(1.15); }
}