.elementor-2721 .elementor-element.elementor-element-b557459{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2721 .elementor-element.elementor-element-b557459:not(.elementor-motion-effects-element-type-background), .elementor-2721 .elementor-element.elementor-element-b557459 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dragontea.com.ua/wp-content/uploads/2025/11/frame-12-e1770137222280.png");background-position:top center;background-repeat:no-repeat;}.elementor-2721 .elementor-element.elementor-element-68baa87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:12px 12px 012px 012px;}.elementor-2721 .elementor-element.elementor-element-c716f83{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-2721 .elementor-element.elementor-element-f8e3443{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 0px;--row-gap:1px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2721 .elementor-element.elementor-element-d1e1aba .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2721 .elementor-element.elementor-element-40fb239{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-1d244c1{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:10px;font-weight:500;color:#AEAEAE;}.elementor-2721 .elementor-element.elementor-element-222388a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2721 .elementor-element.elementor-element-1a27a93{width:var( --container-widget-width, 100% );max-width:100%;padding:6px 6px 6px 6px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2721 .elementor-element.elementor-element-1a27a93.elementor-element{--align-self:center;}.elementor-2721 .elementor-element.elementor-element-1a27a93 .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;border-radius:12px 12px 12px 12px;padding:010px 55px 010px 55px;}.elementor-2721 .elementor-element.elementor-element-9ffd885{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2721 .elementor-element.elementor-element-2565f3b{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-790ba1f{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2721 .elementor-element.elementor-element-cb8d6cb{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-2721 .elementor-element.elementor-element-b416806{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2721 .elementor-element.elementor-element-b416806 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;}.elementor-2721 .elementor-element.elementor-element-e498924{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2721 .elementor-element.elementor-element-d67ccd4{--display:flex;}.elementor-2721 .elementor-element.elementor-element-7c8e1d6{width:100%;max-width:100%;padding:6px 6px 6px 6px;}.elementor-2721 .elementor-element.elementor-element-7c8e1d6.elementor-element{--align-self:center;}.elementor-2721 .elementor-element.elementor-element-7c8e1d6 .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;border-radius:12px 12px 12px 12px;padding:010px 100px 010px 100px;}.elementor-2721 .elementor-element.elementor-element-4883ca9{--display:flex;}.elementor-2721 .elementor-element.elementor-element-bc2a06d{width:var( --container-widget-width, 100% );max-width:100%;padding:6px 6px 6px 6px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2721 .elementor-element.elementor-element-bc2a06d.elementor-element{--align-self:center;}.elementor-2721 .elementor-element.elementor-element-bc2a06d .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;border-radius:12px 12px 12px 12px;padding:010px 55px 010px 55px;}.elementor-2721 .elementor-element.elementor-element-1d3b5f2{--display:flex;--border-radius:0px 0px 12px 12px;--margin-top:11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2721 .elementor-element.elementor-element-be944b8{text-align:center;}.elementor-2721 .elementor-element.elementor-element-be944b8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:700;}.elementor-2721 .elementor-element.elementor-element-e675847{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2721 .elementor-element.elementor-element-bcffa93{--display:flex;--min-height:154px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.6;border-style:solid;--border-style:solid;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-2721 .elementor-element.elementor-element-bcffa93:not(.elementor-motion-effects-element-type-background), .elementor-2721 .elementor-element.elementor-element-bcffa93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2721 .elementor-element.elementor-element-bcffa93::before, .elementor-2721 .elementor-element.elementor-element-bcffa93 > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-bcffa93 > .e-con-inner > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-bcffa93 > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-bcffa93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-bcffa93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dragontea.com.ua/wp-content/uploads/2026/02/fkqqxmf.jpeg");--background-overlay:'';background-size:cover;}.elementor-2721 .elementor-element.elementor-element-f2e23ec{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-f2e23ec p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-156d504{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-156d504 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-3e73dc5{margin:63px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-2721 .elementor-element.elementor-element-3e73dc5 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-85c4a57{--display:flex;--min-height:154px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.6;border-style:solid;--border-style:solid;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-2721 .elementor-element.elementor-element-85c4a57:not(.elementor-motion-effects-element-type-background), .elementor-2721 .elementor-element.elementor-element-85c4a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2721 .elementor-element.elementor-element-85c4a57::before, .elementor-2721 .elementor-element.elementor-element-85c4a57 > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-85c4a57 > .e-con-inner > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-85c4a57 > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-85c4a57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-85c4a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dragontea.com.ua/wp-content/uploads/2026/02/fkqqizg.jpeg");--background-overlay:'';background-size:cover;}.elementor-2721 .elementor-element.elementor-element-e21d08d{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-e21d08d p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-0f77a52{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-0f77a52 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-6ddfaf8{margin:63px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-2721 .elementor-element.elementor-element-6ddfaf8 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-21dd697{--display:flex;--min-height:154px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.6;border-style:solid;--border-style:solid;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-2721 .elementor-element.elementor-element-21dd697:not(.elementor-motion-effects-element-type-background), .elementor-2721 .elementor-element.elementor-element-21dd697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2721 .elementor-element.elementor-element-21dd697::before, .elementor-2721 .elementor-element.elementor-element-21dd697 > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-21dd697 > .e-con-inner > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-21dd697 > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-21dd697 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-21dd697 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dragontea.com.ua/wp-content/uploads/2026/02/fkqqtxa.jpeg");--background-overlay:'';background-size:cover;}.elementor-2721 .elementor-element.elementor-element-b2f2840{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-b2f2840 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-a22de01{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-a22de01 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-5b5838a{margin:63px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-2721 .elementor-element.elementor-element-5b5838a p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-3fad378{--display:flex;--min-height:154px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.6;border-style:solid;--border-style:solid;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;}.elementor-2721 .elementor-element.elementor-element-3fad378:not(.elementor-motion-effects-element-type-background), .elementor-2721 .elementor-element.elementor-element-3fad378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2721 .elementor-element.elementor-element-3fad378::before, .elementor-2721 .elementor-element.elementor-element-3fad378 > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-3fad378 > .e-con-inner > .elementor-background-video-container::before, .elementor-2721 .elementor-element.elementor-element-3fad378 > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-3fad378 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2721 .elementor-element.elementor-element-3fad378 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dragontea.com.ua/wp-content/uploads/2026/02/fkcyh8j.jpeg");--background-overlay:'';background-size:cover;}.elementor-2721 .elementor-element.elementor-element-5b6e371{column-gap:0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-5b6e371 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-df8adc7{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-df8adc7 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-12e9a65{margin:63px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-2721 .elementor-element.elementor-element-12e9a65 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-449051a{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-color:#232323;--border-color:#232323;--border-radius:12px 12px 12px 12px;--margin-top:33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2721 .elementor-element.elementor-element-e7dbc47{margin:17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2721 .elementor-element.elementor-element-e7dbc47 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;}.elementor-2721 .elementor-element.elementor-element-262e98e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:12px 12px 12px 12px;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2721 .elementor-element.elementor-element-12e4a8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-2721 .elementor-element.elementor-element-12e4a8f img{width:50%;}.elementor-2721 .elementor-element.elementor-element-aa6bc3f.elementor-element{--align-self:center;}.elementor-2721 .elementor-element.elementor-element-aa6bc3f{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-aa6bc3f p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-1fcbb38{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:12px 12px 12px 12px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2721 .elementor-element.elementor-element-355c86a{padding:0px 0px 0px 20px;text-align:center;}.elementor-2721 .elementor-element.elementor-element-355c86a img{width:50%;}.elementor-2721 .elementor-element.elementor-element-81ad3e3.elementor-element{--align-self:center;}.elementor-2721 .elementor-element.elementor-element-81ad3e3{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-81ad3e3 p{margin-block-end:0px;}.elementor-2721 .elementor-element.elementor-element-d91a9fd{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2721 .elementor-element.elementor-element-d91a9fd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;}.elementor-2721 .elementor-element.elementor-element-4514fa6{--display:flex;--border-radius:12px 12px 12px 12px;--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2721 .elementor-element.elementor-element-4514fa6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2721 .elementor-element.elementor-element-0952493{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-2721 .elementor-element.elementor-element-0952493 p{margin-block-end:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2721 .elementor-element.elementor-element-b557459{--content-width:800px;}.elementor-2721 .elementor-element.elementor-element-bcffa93{--width:23%;}.elementor-2721 .elementor-element.elementor-element-85c4a57{--width:23%;}.elementor-2721 .elementor-element.elementor-element-21dd697{--width:23%;}.elementor-2721 .elementor-element.elementor-element-3fad378{--width:23%;}.elementor-2721 .elementor-element.elementor-element-4514fa6{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-790ba1f *//* Контейнер */
.dragon-progress-container {
    width: 100%;
    margin: 25px 0;
    text-align: center;
}

/* Основна лінія */
.dragon-progress-bar {
    width: 100%;
    height: 10px !important; /* !important зафіксує товщину */
    background-color: #1a1a1a !important; 
    border-radius: 14px !important;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
    border: 0px solid #333; /* Тонка рамка для чіткості */
}

/* Лінія заповнення з ефектом блиску */
.dragon-progress-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #b31d28 0%, #e32636 50%, #b31d28 100%);
    background-size: 200% auto;
    transition: width 1.5s ease-in-out !important;
    border-radius: 14px 0 0 14px;
    animation: shine 3s linear infinite; /* Ефект мерехтіння */
}

/* Анімація блиску */
@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/* Текст під шкалою */
.dragon-progress-text {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-top: 8px;
}/* End custom CSS */
/* Start custom CSS *//* ========================================= */
/* 1. ЛОГІКА БЛОКУВАННЯ ТА РОЗМИТТЯ          */
/* ========================================= */

.locked-level {
    position: relative !important;
    cursor: default !important; 
    -webkit-tap-highlight-color: transparent; /* Прибирає стандартне підсвічування при тапі на телефоні */
}

.locked-level > * {
    filter: blur(4px) grayscale(80%) !important;
    opacity: 0.6 !important;
    pointer-events: none !important; 
    transition: all 0.3s ease !important;
    user-select: none !important;
}

.locked-level::before {
    content: "\1F512"; 
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 40px !important;
    z-index: 10 !important;
    text-shadow: 0 4px 15px rgba(0,0,0,0.8) !important;
    pointer-events: none !important; 
}

/* ========================================= */
/* 2. СПЛИВАЮЧІ ПІДКАЗКИ (TOOLTIPS)          */
/* ========================================= */

#tier-1, #tier-2, #tier-3, #tier-4 {
    position: relative;
    cursor: default;
    -webkit-tap-highlight-color: transparent;
}

/* Початковий стан підказки (приховано) */
#tier-1::after, 
#tier-2::after, 
#tier-3::after, 
#tier-4::after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #222222;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    width: max-content;
    max-width: 250px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    pointer-events: none;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
    
    /* Швидке зникнення без затримки, коли курсор забирають */
    transition: opacity 0.2s ease, visibility 0.2s ease, bottom 0.2s ease;
}

/* Стан появи (hover для ПК, active для тапу на телефоні) */
#tier-1:hover::after, #tier-2:hover::after, #tier-3:hover::after, #tier-4:hover::after,
#tier-1:active::after, #tier-2:active::after, #tier-3:active::after, #tier-4:active::after {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 10px);
    
    /* Затримка 0.5с перед появою підказки (запобігає випадковому миготінню) */
    transition: opacity 0.3s ease 0.5s, visibility 0.3s ease 0.5s, bottom 0.3s ease 0.5s;
}

/* ========================================= */
/* 3. ТЕКСТИ ПІДКАЗОК                        */
/* ========================================= */

#tier-1::after { content: "Учень: Кешбек 5%, доступ до базових акцій."; }
#tier-2::after { content: "Вчитель: Кешбек 10%, пробник до кожного замовлення."; }
#tier-3::after { content: "Майстер: Кешбек 15%, безкоштовна доставка."; }
#tier-4::after { content: "Грандмайстер: Кешбек 20%, закриті дегустації преміального пуеру та Да Хун Пао."; }

/* ========================================= */
/* 4. АДАПТАЦІЯ ДЛЯ МОБІЛЬНИХ (Екрани до 768px) */
/* ========================================= */

@media (max-width: 768px) {
    #tier-1::after, 
    #tier-2::after, 
    #tier-3::after, 
    #tier-4::after {
        max-width: 90vw; /* Запобігає виходу тексту за межі екрана */
        font-size: 13px;
        padding: 8px 12px;
    }
}

/* Базовий стан: показуємо блок для гостей, ховаємо персональний блок */
.auth-only-block {
    display: none !important;
}
.guest-only-block {
    display: flex !important; /* Elementor Containers використовують flex. Якщо використовуєте старі секції, змініть на block */
}

/* Стан авторизації: WordPress додає клас .logged-in до body */
body.logged-in .auth-only-block {
    display: flex !important; 
}
body.logged-in .guest-only-block {
    display: none !important;
}/* End custom CSS */