#mp-trial-root{
    position:fixed;
    left:16px;
    top:55vh;
    transform:translateY(-50%);
    width:200px;
    height:250px;
    z-index:999999;
    pointer-events:none;
    }
    .mp-trial-card{
    position:relative;
    width:100%;
    height:100%;
    border-radius:16px;
    overflow:hidden;
    color:#fff;
    box-shadow:0 18px 40px rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.22);
    background:
        radial-gradient(120px 120px at 20% 90%, rgba(0,255,255,.18), transparent 60%),
        radial-gradient(140px 120px at 90% 10%, rgba(255,200,0,.18), transparent 65%),
        linear-gradient(135deg,#466085,#014b99 60%,#183054);
    pointer-events:auto;
    }
    .mp-trial-close{
    position:absolute;
    top:8px;
    right:8px;
    width:26px;
    height:26px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(0,0,0,.22);
    color:#fff;
    cursor:pointer;
    font-size:16px;
    line-height:24px;
    padding:0;
    }
    .mp-trial-content{
    height:100%;
    padding:14px 12px 12px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    }
    .mp-trial-header{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin-top:10px;
    }
    .mp-trial-gift{
    width:64px;
    height:64px;
    border-radius:12px;
    background:
        linear-gradient(#ffd76a,#ffb300) center/10px 100% no-repeat,
        linear-gradient(#ffd76a,#ffb300) center/100% 10px no-repeat,
        linear-gradient(135deg,#ff5a5f,#d81b2c);
    position:relative;
    box-shadow:0 10px 18px rgba(0,0,0,.22);
    flex:0 0 auto;
    transform:translateZ(0);
    will-change:transform,filter;
    animation:mpGiftFloat 2.8s ease-in-out infinite,mpGiftGlow 1.7s ease-in-out infinite,mpGiftWiggle 6.5s ease-in-out infinite;
    }
    .mp-trial-gift:before,
    .mp-trial-gift:after{
    content:"";
    position:absolute;
    top:-8px;
    width:26px;
    height:18px;
    background:linear-gradient(#ffd76a,#ffb300);
    border-radius:20px 20px 0 20px;
    }
    .mp-trial-gift:before{left:6px;transform:rotate(-18deg);}
    .mp-trial-gift:after{right:6px;transform:scaleX(-1) rotate(-18deg);}
    .mp-trial-tag{
    flex:1;
    padding:6px 12px;
    border-radius:999px;
    font-weight:900;
    font-size:14px;
    color:#ffd76a;
    background:rgba(255,215,106,.12);
    border:1px solid rgba(255,215,106,.45);
    backdrop-filter:blur(2px);
    text-align:center;
    line-height:1.2;
    white-space:normal;
    word-break:break-all;
    overflow-wrap:anywhere;
    }
    .mp-trial-mid{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:10px;
    padding:6px 0;
    text-align:center;
    }
    .mp-trial-line{
    font-size:15px;
    font-weight:900;
    color:rgba(255,255,255,.96);
    letter-spacing:.2px;
    }
    .mp-trial-btn{
    height:44px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:15px;
    color:#3a2200;
    background:linear-gradient(#ffd76a,#ffb300);
    box-shadow:0 12px 24px rgba(255,179,0,.28);
    text-decoration:none;
    }
    .mp-trial-card:hover .mp-trial-gift{
    filter:brightness(1.06) saturate(1.08);
    }
    .mp-trial-mini{
    display:none;
    height:100%;
    padding:8px 6px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    }
    .mp-trial-gift--mini{
    width:36px;
    height:36px;
    border-radius:10px;
    animation:none;
    }
    .mp-trial-gift--mini:before,
    .mp-trial-gift--mini:after{
    top:-6px;
    width:16px;
    height:12px;
    }
    .mp-trial-mini-btn{
    width:100%;
    height:30px;
    border-radius:999px;
    font-weight:900;
    font-size:13px;
    color:#3a2200;
    background:linear-gradient(#ffd76a,#ffb300);
    box-shadow:0 8px 16px rgba(255,179,0,.22);
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    text-decoration:none;
    }
    @keyframes mpGiftFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-6px);}
    }
    @keyframes mpGiftGlow{
    0%,100%{
        box-shadow:0 10px 18px rgba(0,0,0,.22),0 0 0 rgba(255,215,106,0),0 0 0 rgba(0,255,255,0);
    }
    50%{
        box-shadow:0 10px 18px rgba(0,0,0,.22),0 0 18px rgba(255,215,106,.35),0 0 26px rgba(0,255,255,.18);
    }
    }
    @keyframes mpGiftWiggle{
    0%,78%,100%{transform:translateY(0) rotate(0deg);}
    80%{transform:translateY(-6px) rotate(-2deg);}
    82%{transform:translateY(-6px) rotate(2deg);}
    84%{transform:translateY(-6px) rotate(-1deg);}
    86%{transform:translateY(-6px) rotate(0deg);}
    }
    @media (prefers-reduced-motion:reduce){
    .mp-trial-gift{animation:none!important;}
    }
    @media (max-width:768px){
    #mp-trial-root{
        width:92px;
        height:84px;
        left:12px;
        top:62vh;
        transform:translateY(-50%);
    }
    .mp-trial-content{display:none;}
    .mp-trial-mini{display:flex;}
    .mp-trial-close{display:none;}
    }
    @media (max-height:700px){
    #mp-trial-root{
        transform:translateY(-50%) scale(.9);
        transform-origin:left center;
    }
    }
    @media (max-height:560px){
    #mp-trial-root{
        transform:translateY(-50%) scale(.8);
    }
    }
    

        .back-to-top {
            bottom: 145px; 
            display: none; 
            position: fixed;
            right: 16px; 
            width: 60px;
            height: 60px;
            background-color: #1baaa0;
            color: white;
            text-align: center;
            line-height: 62px;
            border-radius: 50%;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: opacity 0.3s, visibility 0.3s;
            z-index: 1000;
            cursor: pointer;
        }

        .back-to-top:hover {
            background-color: #0056b3;
        }

        .telegram-button {
            bottom: 81px;
            display: block; 
            position: fixed;
            right: 16px; 
            width: 60px;
            height: 60px;
            background-color: #26A6E7;
            color: white;
            text-align: center;
            line-height: 62px;
            border-radius: 50%;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: opacity 0.3s, visibility 0.3s;
            z-index: 1000;
            cursor: pointer;
        }

        .telegram-button:hover {
            background-color: #26a5e4;
        }

        .telegram-icon, .arrow-icon {
            font-size: 30px;
        }


#mp-trial-root,#mp-trial-root *{box-sizing:border-box}

      .ck-banner {
        position: fixed;
        bottom: 20px;
        left: 20px;
        max-width: 380px;
        width: 90%;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px 20px 60px 20px; 
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        z-index: 9999;
        font-size: 14px;
        display: none;
        box-sizing: border-box;
      }
    
      .ck-content {
        color: #333;
      }
    
      .ck-content a {
        color: #0073e6;
        text-decoration: underline;
      }
    
      .ck-buttons {
        position: absolute;
        bottom: 15px;
        right: 15px;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
    
      .ck-btn {
        padding: 8px 14px;
        border: none;
        border-radius: 4px;
        font-weight: bold;
        cursor: pointer;
      }
    
      .ck-accept {
        background-color: #0073e6;
        color: white;
      }
    
      .ck-decline {
        background-color: #e0e0e0;
        color: #333;
      }
    
      .ck-close {
        position: absolute;
        top: 8px;
        right: 10px;
        background: transparent;
        border: none;
        font-size: 18px;
        color: #666;
        cursor: pointer;
        line-height: 1;
      }
    
      .ck-close:hover {
        color: #000;
      }
    
      @media (max-width: 480px) {
        .ck-banner {
          left: 10px;
          right: 10px;
          bottom: 10px;
          max-width: none;
          padding-bottom: 80px;
        }
    
        .ck-buttons {
          bottom: 10px;
          right: 10px;
          flex-direction: column;
          align-items: flex-end;
        }
      }
    
/* Compatibility only: preserve the deployed trial, Cookie and support components. */
.cb-utilities-ready #mp-trial-root[hidden],.cb-utilities-ready #ck-banner[hidden]{display:none!important}
.cb-utilities-ready #mp-trial-root .mp-trial-close{display:flex;align-items:center;justify-content:center;z-index:2}
.cb-utilities-ready #mp-trial-root a:focus-visible,.cb-utilities-ready #mp-trial-root button:focus-visible,.cb-utilities-ready #backToTop:focus-visible,.cb-utilities-ready #telegramButton:focus-visible{outline:3px solid #ffb300;outline-offset:3px}
@media(max-width:768px){
 html.cb-utilities-ready{scroll-padding-bottom:220px}
 body.cb-utilities-ready{padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))}
 .cb-utilities-ready #mp-trial-root{left:max(8px,env(safe-area-inset-left,0px));top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:104px;height:108px;transform:none!important;z-index:1000;pointer-events:none}
 .cb-utilities-ready #mp-trial-root .mp-trial-mini{align-items:flex-start;justify-content:space-between;padding:12px 8px 8px;gap:8px}
 .cb-utilities-ready #mp-trial-root .mp-trial-mini-btn{min-height:44px;height:auto;line-height:1.2;white-space:normal;text-align:center;overflow-wrap:anywhere;padding:4px}
 .cb-utilities-ready #mp-trial-root .mp-trial-close{display:flex!important;right:2px;top:2px;width:44px;height:44px;border-radius:8px;line-height:1}
 .cb-utilities-ready #mp-trial-root .mp-trial-gift{animation:none}
 .cb-utilities-ready #backToTop,.cb-utilities-ready #telegramButton{right:max(8px,env(safe-area-inset-right,0px));width:52px;height:52px;line-height:54px}
 .cb-utilities-ready #backToTop{bottom:calc(148px + env(safe-area-inset-bottom,0px))}
 .cb-utilities-ready #telegramButton{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 .cb-utilities-ready #hubspot-messages-iframe-container{bottom:env(safe-area-inset-bottom,0px)!important;right:0!important;z-index:1000!important}
 .cb-utilities-ready #ck-banner{position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box;width:auto!important;max-width:none!important;margin:12px;padding:44px 16px 16px;max-height:none!important;overflow:visible!important;box-shadow:none}
 .cb-utilities-ready #ck-banner .ck-content p{margin:0 0 12px;overflow-wrap:anywhere}
 .cb-utilities-ready #ck-banner .ck-close{right:2px;top:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
 .cb-utilities-ready #ck-banner .ck-buttons{position:static;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0;padding:0}
 .cb-utilities-ready #ck-banner .ck-buttons button{min-height:44px;min-width:64px;margin:0}
 .cb-utilities-ready.cb-utility-input-focus #mp-trial-root,.cb-utilities-ready.cb-utility-input-focus #backToTop,.cb-utilities-ready.cb-utility-input-focus #telegramButton{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.cb-utilities-ready #mp-trial-root .mp-trial-gift{animation:none}}