@import url("../css2");

@font-face {
  font-display: block;
  font-family: Phosphor;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Phosphor.woff2) format("woff2"),
       url(../fonts/Phosphor.woff) format("woff"),
       url(../fonts/Phosphor.ttf) format("truetype"),
       url(../fonts/Phosphor.svg) format("svg")
}

:root{
  --plyr-color-main: #ff1e27;
  --rdn-primary-color: #ff1e27;
  --rdn-primary-hover: #dc2626;
  --rdn-link-color: #e5e7eb;
  --rdn-link-color-hover: #ff1e27;
  --rdn-dark-color: #12090b;
  --rdn-darker-color: #0a0405;
  --rdn-black-color: #050203;
  --rdn-black-color-50: rgba(5, 2, 3, 0.5);
  --rdn-text-color: #e5e7eb;
  --rdn-heading-color: #ffffff;
  --rdn-heading-color-50: rgba(255, 255, 255, 0.65);
  --rdn-heading-color-30: rgba(255, 30, 39, 0.3);
  --rdn-heading-color-10: rgba(255, 30, 39, 0.15);
  --rdn-text-font: "Anek Tamil", sans-serif;
  --rdn-heading-font: "Vazirmatn", sans-serif;
}

html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

body{color:var(--rdn-text-color);font-family:var(--rdn-text-font);font-size:1.15rem}h1,h2,h3,h4,h5,h6{color:var(--rdn-heading-color);font-family:var(--rdn-heading-font);font-weight:900;letter-spacing:-.02rem;margin-bottom:32px}a{color:var(--rdn-link-color);transition:.3s}a:hover{color:var(--rdn-link-color-hover)}p:last-child{margin-bottom:0}.tc_primary{color:var(--rdn-primary-color)}.tc_heading{color:var(--rdn-heading-color)}.tc_heading-50{color:var(--rdn-heading-color-50)}.tc_text{color:var(--rdn-text-color)}.bg_dark{background-color:var(--rdn-dark-color)}.bg_darker{background-color:var(--rdn-darker-color)}#preloader,.bg_black{background-color:var(--rdn-black-color)}#preloader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:.5s;width:100%;z-index:1000}#preloader.fade-out{opacity:0}.sk-cube-grid{height:48px;margin:100px auto;width:48px}.sk-cube-grid .sk-cube{-webkit-animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite;animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite;background-color:var(--rdn-heading-color);float:left;height:33%;width:33%}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.cursor{display:none!important}@keyframes rotate{to{transform:rotate(1turn)}}.top_header{left:0;position:absolute;top:0;transition:.2s;width:100%;z-index:333}.top_header.fixed{background-color:var(--rdn-black-color);position:fixed}.logo img{height:32px}.header_btn.rdn_btn{font-size:1rem;overflow:hidden}.header_btn.rdn_btn span{font-weight:400;padding:8px 32px}.rdn_menu{font-size:1.1rem;font-weight:500;padding:16px 0}.rdn_menu li a.active{color:var(--rdn-heading-color)}.rdn_menu li.has_child .nav_menu_child{background-color:var(--rdn-darker-color);border:1px solid var(--rdn-dark-color);display:flex;flex-direction:column;line-height:1;list-style:none;margin:32px 0 0;padding:32px;position:absolute;text-align:left;transition:.15s;visibility:hidden;width:200px;z-index:333}.rdn_menu li.has_child .nav_menu_child li{padding-bottom:24px}.rdn_menu li.has_child .nav_menu_child li:last-child{padding-bottom:0}.rdn_menu li.has_child .nav_menu_child li>.nav_menu_child{left:100%;margin:-32px 0 0;transition:0}.rdn_menu li.has_child.visible>.nav_menu_child{visibility:visible}.mobile_menu_box{display:flex;justify-content:end;padding-bottom:16px;padding-top:16px}.mobile_menu_box .mobile_menu_btn{background-color:var(--rdn-heading-color);color:var(--rdn-darker-color);cursor:pointer}.close_mb,.mobile_menu_box .mobile_menu_btn{align-items:center;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.close_mb{background:var(--rdn-heading-color);border:none;position:absolute;right:64px;top:64px}.top_offcanvas_container{display:flex;flex-direction:column;overflow:auto;padding:64px}.logo_offcanvas{width:100px}.offcanvas_list{line-height:1;list-style:none;margin:32px 0;padding:0}.offcanvas_list li{margin-bottom:8px;position:relative}.offcanvas_list li:last-child{margin-bottom:0}.offcanvas_list li .nav_menu_child{display:none;list-style:none;margin:0;padding:8px 16px}.offcanvas_list li .dd_child_btn{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:0;top:3px;transition:.3s;width:24px;z-index:3}.offcanvas_list li .dd_child_btn:hover{background-color:var(--rdn-heading-color-50)}.offcanvas_list li.active>.dd_child_btn{transform:rotate(180deg)}.offcanvas_list li a{display:flex;font-weight:500;padding:8px 0}.home_slider{background-color:var(--rdn-dark-color);background-image:url(../img/slider/bg.svg);background-position:0 100%;background-repeat:repeat;background-size:auto;padding-top:92px;position:relative}.circle_img{animation:rotate 15s linear infinite;height:240px;position:absolute;right:32px;top:124px;width:240px;z-index:4}.slider_item{background-position:50%;background-size:cover;display:none;opacity:0;overflow:hidden;position:relative;visibility:hidden;z-index:0}.slider_item.is-active{display:block;visibility:visible;z-index:3}.slider_title{line-height:1;margin:0 .3rem 0 0}.slider_title,.slider_title .text-wrapper{display:inline-block;overflow:hidden;position:relative}.slider_title .text-wrapper{padding-bottom:.1em;padding-right:.05em;padding-top:.2em}.slider_title .letter{display:inline-block;line-height:1em;transform-origin:0 100%}.slider_subtitle{font-size:1.3rem;margin-bottom:16px;text-transform:uppercase}.slider_text{font-size:1.2rem;margin:32px 0}.slider_content_text{margin-right:0}.slider_content_img .slider_img{background-color:var(--rdn-dark-color);border-radius:4px;overflow:hidden;position:relative}.slider_content_img .slider_img img{height:300px;object-fit:cover;width:100%}.slder_content_text{margin-bottom:48px}.nav_slider{bottom:0;display:flex;gap:0;left:0;position:absolute;z-index:3}.nav_slider .slide_nav{align-items:center;color:var(--rdn-heading-color);cursor:pointer;display:flex;height:48px;justify-content:center;transition:.5s;width:48px}.nav_slider .slide_nav i{transition:.2s}.nav_slider .slide_nav:hover{background-color:var(--rdn-heading-color-10)}.nav_slider .slide_nav:hover i{transform:rotate(45deg)}.slider_pagination{display:flex;flex-direction:column;gap:8px;position:absolute;right:64px;top:50%;transform:translateY(-50%);z-index:4}.slider_pagination li{background-color:var(--rdn-heading-color-10);border-radius:2px;cursor:pointer;display:flex;height:16px;width:16px}.slider_pagination li.is-active{cursor:default}.rdn_btn,.slider_pagination li.is-active{background-color:var(--rdn-heading-color)}.rdn_btn{border:1px solid transparent;display:inline-flex;flex-direction:column;font-weight:600;overflow:hidden;position:relative}.rdn_btn span{align-items:center;color:var(--rdn-dark-color);display:inline-flex;justify-content:center;padding:16px 64px;transition:.3s;z-index:3}.rdn_btn .btn_bottom{color:var(--rdn-heading-color);opacity:0;position:absolute;transform:translateY(-100px)}.rdn_btn:hover{border:1px solid var(--rdn-dark-color)}.rdn_btn:hover .btn_top{opacity:0;transform:translateY(100px)}.rdn_btn:hover .btn_bottom{opacity:1;transform:translateY(0)}.rdn_btn:hover:after{transform:scale(3)}.rdn_btn:after{background-color:var(--rdn-darker-color);border-radius:200%;content:"";height:200%;left:0;position:absolute;top:0;transform:scale(0);transition:.5s;transition-delay:.1s;width:200%}.slider_social_icon{display:flex;flex-direction:column;gap:16px;left:32px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.slider_social_icon li{display:flex;flex-direction:row;position:relative}.slider_social_icon li a{align-items:center;background-color:var(--rdn-dark-color);border:1px solid #202020;border-radius:4px;color:var(--rdn-heading-color);display:flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.slider_social_icon li a:before{background-color:var(--rdn-heading-color);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(0) translateX(-30px);transform-origin:bottom center;transition:.6s;transition-delay:.2s;z-index:2}.slider_social_icon li a:after{background-color:var(--rdn-primary-color);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(0) translateY(-30px);transform-origin:top center;transition:.4s;transition-delay:.1s;z-index:1}.slider_social_icon li a:hover{color:var(--rdn-dark-color)}.slider_social_icon li a:hover:after,.slider_social_icon li a:hover:before{transform:scale(5) translateX(0) translateY(0)}.slider_social_icon li a i{position:relative;z-index:3}.about_box{background-image:url(../img/slider/bg.svg);background-size:80%;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;border:1px solid rgba(255,30,39,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.5),inset 0 0 15px rgba(255,30,39,0.1);transition:all 0.3s ease}.about_box:hover{border-color:rgba(255,30,39,0.5);box-shadow:0 15px 35px rgba(255,30,39,0.2),inset 0 0 20px rgba(255,30,39,0.2);transform:translateY(-5px)}.about_stats{align-items:baseline;display:flex}.about_stats .zs_count,.about_stats .zs_count_static{font-size:5.5rem;letter-spacing:-0.1rem;background:linear-gradient(135deg,#f9e6b8 30%,#ff1e27 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,30,39,0.4));font-weight:900}.about_stats span.tc_primary{font-size:3.5rem;margin-left:6px;color:#ff1e27;text-shadow:0 0 10px rgba(255,30,39,0.6);font-weight:900}.about_ava_list{margin:0}.about_ava_list li{margin-left:-24px;width:64px}.about_ava_list li:first-child{margin-left:0}.about_ava_list li img{border:4px solid var(--rdn-heading-color);border-radius:100px}.about_arrow_link{transform:rotate(0);transition:.6s;width:64px}.about_arrow_link:hover{transform:rotate(45deg)}.about_detail{border-radius:8px;height:100%;min-height:400px;overflow:hidden;position:relative}.about_detail .about_detail_bottom{background:linear-gradient(180deg,rgba(128,0,0,.2) 0,rgba(0,0,0,.7) 70%);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:end;left:0;opacity:0;padding:32px;position:absolute;transition:.3s;width:100%;z-index:2}.about_detail .about_line{border-top:1px solid hsla(0,0%,100%,.1);margin-bottom:32px;position:relative;transform:scaleX(0);transform-origin:left;transition:.3s;transition-delay:.3s;width:100%}.about_detail .about_line:after{background-color:var(--rdn-primary-color);content:"";height:3px;left:0;position:absolute;top:-1px;width:32px}.about_detail h3{transition:.3s;transition-delay:.4s}.about_detail h3,.about_detail p{opacity:0;transform:translateY(10px)}.about_detail p{transition:.3s;transition-delay:.5s}.about_detail .about_me_img{height:100%;object-fit:cover;width:100%}.about_detail .about_link{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-heading-color);display:inline-flex;font-size:14px;gap:8px;line-height:1;margin-bottom:16px;opacity:0;overflow:hidden;padding-right:8px;position:absolute;right:32px;text-transform:uppercase;top:32px;transform:translateY(10px);transition:.3s;z-index:3}.about_detail .about_link i{align-items:center;background-color:var(--rdn-heading-color-30);display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.about_detail .about_link:hover{background-color:var(--rdn-dark-color)}.about_detail:hover .about_detail_bottom{opacity:1}.about_detail:hover .about_line{transform:scaleX(1)}.about_detail:hover .about_link,.about_detail:hover h3,.about_detail:hover p{opacity:1;transform:translateY(0)}.abt_list{color:var(--rdn-heading-color);font-size:1.2rem;gap:16px;margin-bottom:0}.abt_list li{align-items:center;display:flex;gap:8px}.abt_list li li:last-child{margin-bottom:0}.abt_list li i{align-items:center;display:flex;font-size:1.2rem;height:48px;justify-content:center;position:relative;width:48px;z-index:3}.abt_list li .achiv_icon{border:1px solid var(--rdn-heading-color-10);border-radius:4px;overflow:hidden;position:relative}.abt_list li .achiv_icon:before{background-color:var(--rdn-heading-color);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(0) translateX(-30px);transform-origin:bottom center;transition:.6s;transition-delay:.2s;z-index:2}.abt_list li .achiv_icon:after{background-color:var(--rdn-primary-color);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(0) translateY(-30px);transform-origin:top center;transition:.4s;transition-delay:.1s;z-index:1}.abt_list li:hover .achiv_icon{color:var(--rdn-dark-color)}.abt_list li:hover .achiv_icon:after,.abt_list li:hover .achiv_icon:before{transform:scale(5) translateX(0) translateY(0)}.tool_list{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.tool_list li{align-items:center;display:flex;gap:16px}.tool_list li img{align-items:center;background-color:var(--rdn-heading-color-10);border:15px solid var(--rdn-heading-color-10);border-radius:8px;display:flex;flex-shrink:0;height:4rem;justify-content:center;width:4rem}.about_slider{border-radius:8px;height:100%}.about_slider img{height:100%;min-height:300px;object-fit:cover;width:100%}.achiv_svg{opacity:.05;position:absolute;right:0;top:0;z-index:0}.video_link{align-items:center;background-color:var(--rdn-heading-color-30);border-radius:100px;color:var(--rdn-heading-color);display:flex;font-size:1.8rem;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transform-origin:top left;width:64px;z-index:3}.video_link:hover{background-color:var(--rdn-dark-color);color:var(--rdn-primary-color);transform:scale(1.1) translateX(-50%) translateY(-50%)}.services_nav_box{border-radius:8px;flex-wrap:wrap;margin-left:64px;margin-right:64px;margin-top:-64px;overflow:hidden;position:relative;z-index:3}.services_nav_box li{border-right:1px solid var(--rdn-dark-color)}.services_nav_box li:last-child{border:none}.services_nav_box .sv_tab_link{align-content:center;background-color:var(--rdn-darker-color);cursor:pointer;height:100%;padding:40px;position:relative;transition:.3s}.services_nav_box .sv_tab_link h4{line-height:1.2;margin-bottom:8px}.services_nav_box .sv_tab_link p{line-height:1;margin-bottom:0}.services_nav_box .sv_tab_link i{bottom:-20px;color:var(--rdn-heading-color);font-size:100px;left:0;opacity:0;position:absolute;transform:rotate(0) translateY(100%);transition:.5s}.services_nav_box .sv_tab_link:hover{background-color:var(--rdn-dark-color)}.services_nav_box .sv_tab_link.active{background-color:var(--rdn-black-color);background-size:90%;cursor:default}.services_nav_box .sv_tab_link.active p{color:var(--rdn-heading-color)}.services_nav_box .sv_tab_link.active i{opacity:.1;transform:rotate(-10deg) translateY(0)}@keyframes rdnSlideTop{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sv_tab_box{border-radius:8px;overflow:hidden;position:relative}.sv_tab_box .sv_tab_content{background:linear-gradient(180deg,rgba(128,0,0,.2) 0,rgba(0,0,0,.8) 50%);padding:25% 64px 128px;position:relative;z-index:1}.sv_tab_box .sv_tab_content h3,.sv_tab_box .sv_tab_content p{animation-delay:.3s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:both;animation-name:slideInUp;animation-timing-function:ease}.sv_tab_box .sv_tab_content .tab_icon{align-items:center;animation-delay:0ms;animation-direction:normal;animation-duration:.6s;animation-fill-mode:both;animation-name:slideInUp;animation-timing-function:ease;background-color:var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-heading-color);display:inline-flex;font-size:14px;gap:8px;line-height:1;margin-bottom:16px;overflow:hidden;padding-right:8px;text-transform:uppercase}.sv_tab_box .sv_tab_content .tab_icon i{align-items:center;background-color:var(--rdn-heading-color-30);display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.sv_tab_box .sv_tab_content .sv_tab_list{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.sv_tab_box .sv_tab_content .sv_tab_list li{animation-delay:.5s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:both;animation-name:slideInUp;animation-timing-function:ease;display:flex;gap:16px}.sv_tab_box .sv_tab_content .sv_tab_list li:nth-child(2){animation-delay:.8s}.sv_tab_box .sv_tab_content .sv_tab_list li:nth-child(3){animation-delay:1.1s}.sv_tab_box .sv_tab_content .sv_tab_list li img{border-radius:8px;height:50px;object-fit:cover;width:50px}.sv_tab_box .sv_tab_content .sv_tab_list li .sv_tab_list_content h4{font-size:1.2rem;font-weight:400;margin-bottom:8px}.sv_tab_box .services_tab_img{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;width:100%;z-index:0}.eq_lists{margin-bottom:0;overflow:hidden}.eq_lists .eq_list{align-items:center;background-color:transparent;border-right:1px solid hsla(0,0%,59%,0);cursor:pointer;display:flex;gap:32px;margin-bottom:0;opacity:.3;padding:32px;transition:.3s}.eq_lists .eq_list.active{background-color:var(--rdn-darker-color);border-color:var(--rdn-primary-color);opacity:1}.eq_lists .eq_list:first-child{border-bottom:none}.eq_lists .eq_list:last-child{border-top:none}.eq_lists .eq_list i{align-items:center;background-color:hsla(0,0%,59%,.1);border-radius:4px;color:var(--rdn-primary-color);display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.eq_lists .eq_list .eq_list_content h3{font-weight:400;margin-bottom:16px}.eq_lists .eq_list .eq_list_content .eq_sub{color:var(--rdn-heading-color-50);margin-bottom:8px;text-transform:uppercase}.img_eq{border-radius:8px;height:100%}.img_eq img{border-radius:8px 0 0 8px;height:100%;max-width:100%;min-height:300px;object-fit:cover;width:100%}.eq_heading{background-color:var(--rdn-darker-color);border-radius:8px;bottom:32px;left:32px;padding:32px;position:absolute;width:350px}#video{background-attachment:fixed;background-image:url(../img/bg/1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.video_outer{padding-bottom:100px}.bg_mask{background-attachment:fixed;background-color:rgba(9,5,24,.8);background-image:url(../img/bg/1.png);inset:0;position:absolute}.video_row{align-items:center;display:flex;gap:32px}.video_row .video_col{display:flex;flex:1}.video_row .video_title{flex-direction:column}.video_row .video_box_link{justify-content:center;position:relative}.video_row .video_box_link .border_video{animation:rotate 14s linear infinite;border:2px dashed var(--rdn-heading-color-10);border-radius:100px;display:flex;height:150px;position:relative;width:150px}.video_row .video_box_link a{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:64px}.video_row .video_box_link a:hover{background-color:var(--rdn-primary-color);color:var(--rdn-heading-color);transform:translateX(-50%) translateY(-50%) scale(1.2)}.testi_outer{margin-top:-100px;position:relative;z-index:2}.testi_outer .testi_icon{bottom:32px;color:var(--rdn-primary-color);font-size:4rem;position:absolute;right:32px;z-index:4}.testi_outer .testi_info{gap:32px;margin-bottom:0;margin-top:32px}.testi_outer .testi_info li{align-items:center;display:flex;font-size:1rem;gap:8px}.testi_outer .testi_info li i{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.testi_outer .testi_content{padding:32px}.testi_outer .testi_img{height:auto;max-width:100%;object-fit:cover;width:180px}.testi_outer .testi_nav li{bottom:0;cursor:pointer;display:flex;left:0;position:absolute;z-index:3}.testi_outer .testi_nav li i{align-items:center;background-color:var(--rdn-heading-color);color:var(--rdn-darker-color);display:flex;font-size:.6rem;height:32px;justify-content:center;transition:.3s;width:32px}.testi_outer .testi_nav li.next{left:32px}.testi_outer .testi_nav li:hover i{background-color:var(--rdn-heading-color-30)}.port_filter{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.port_filter li a{border-radius:4px;display:inline-block;font-size:1rem;padding:6px 16px;position:relative}.port_filter li a.active{background-color:var(--rdn-heading-color);color:var(--rdn-darker-color)}.port_box{border-radius:8px;overflow:hidden}.port_box img{height:500px;object-fit:cover;width:100%}.port_box .port_content{display:flex;flex-direction:column;height:100%;justify-content:end;left:0;opacity:0;padding:32px;position:absolute;top:0;transition:.3s;width:100%;z-index:2}.port_box .port_mask{background:linear-gradient(180deg,rgba(128,0,0,.2) 0,rgba(0,0,0,.7) 70%);inset:0;opacity:0;position:absolute;transition:.3s;z-index:1}.port_box .port_bottom{align-items:end;display:flex;gap:32px;justify-content:space-between}.port_box .port_bottom h3{font-size:2rem;line-height:1;margin-bottom:0;opacity:0;transform:translateY(10px);transition:.3s;transition-delay:1.3s}.port_box .port_bottom p{opacity:0;transform:translateY(10px);transition:.3s;transition-delay:1s}.port_box .port_bottom .port_link_box{opacity:0;transform:translateX(10px);transition:.3s;transition-delay:1.6s}.port_box .port_bottom .port_link_box .port_link{align-items:center;border:1px solid var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.port_box .port_bottom .port_link_box .port_link i{transform:rotate(0);transition:.2s}.port_box .port_bottom .port_link_box .port_link:hover{background-color:var(--rdn-primary-color);border-color:var(--rdn-primary-color)}.port_box .port_bottom .port_link_box .port_link:hover I{transform:rotate(45deg)}.port_box .port_line{background:var(--rdn-heading-color-10);height:1px;margin-bottom:32px;position:relative;transition:.5s;transition-delay:.3s;width:100%}.port_box .port_line,.port_box .port_line:after{display:block;transform:scaleX(0);transform-origin:left}.port_box .port_line:after{background-color:var(--rdn-primary-color);content:"";height:3px;margin-top:-1px;transition:.2s;transition-delay:.8s;width:32px}.port_box .port_location{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-heading-color);display:inline-flex;font-size:14px;gap:8px;line-height:1;margin-bottom:16px;opacity:0;overflow:hidden;padding-right:8px;position:absolute;right:32px;text-transform:uppercase;top:32px;transform:translateY(-50px);transition:.3s;z-index:3}.port_box .port_location i{align-items:center;background-color:var(--rdn-heading-color-30);display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.port_box:hover .port_content,.port_box:hover .port_mask{opacity:1}.port_box:hover .port_line,.port_box:hover .port_line:after{transform:scaleX(1)}.port_box:hover .port_bottom h3,.port_box:hover .port_bottom p,.port_box:hover .port_location{opacity:1;transform:translateY(0)}.port_box:hover .port_link_box{opacity:1;transform:translateX(0)}#work-hero{background-attachment:fixed;background-image:url(../img/works/bg.jpg);background-size:cover;position:relative}#work-hero .work_hero_outer{padding-bottom:200px}.sw_video{border-radius:8px;margin-top:-200px;overflow:hidden;position:relative}.sw_video img{height:550px;max-width:100%;object-fit:cover;width:100%}.sw_video a{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:64px}.sw_video a,.sw_video a:hover{color:var(--rdn-heading-color)}.sw_video a:hover{background-color:var(--rdn-primary-color);transform:translateX(-50%) translateY(-50%) scale(1.2)}.work_line{border-top:1px solid hsla(0,0%,100%,.1);margin-bottom:32px;position:relative;width:100%}.work_line:after{background-color:var(--rdn-primary-color);content:"";display:block;height:3px;margin-top:-1px;width:32px}.single_work_info{background-color:var(--rdn-black-color-50);border-radius:8px;padding:32px}.work_list{margin-bottom:32px}.work_list:last-child{margin-bottom:0}.work_list .work_list_top{align-items:center;display:flex;gap:16px;margin-bottom:16px}.work_list .work_list_top i{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.highlight_list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.highlight_list li{align-items:center;display:flex;gap:8px}.highlight_list li:before{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);content:"\eba6";display:flex;font-family:Phosphor;font-size:.8rem;height:32px;justify-content:center;width:32px}.testi_work{border:1px solid var(--rdn-heading-color-10);border-radius:8px;font-size:1.2rem;padding:32px}.testi_work .testi_work_text{margin-bottom:32px}.testi_work .testi_work_author{color:var(--rdn-heading-color);font-weight:700}.testi_work .testi_work_img{border:2px solid var(--rdn-heading-color);border-radius:100px;height:50px;width:50px}.testi_work .testi_work_icon{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.works_nav{border-top:1px solid var(--rdn-heading-color-10);gap:32px;list-style:none;margin-bottom:0;margin-top:80px;padding:80px 0 0}.works_nav,.works_nav li a{align-items:center;display:flex}.works_nav li a{gap:16px}.works_nav li a .works_nav_arrow{align-items:center;background:var(--rdn-heading-color-10);border-radius:4px;display:flex;flex-shrink:0;height:67px;justify-content:center;width:67px}.works_nav li a .work_nav_sub{color:var(--rdn-text-color);margin-bottom:0;text-transform:uppercase}.works_nav li a .work_nav_title{color:var(--rdn-text-color);font-weight:400;margin-bottom:0;transition:.3s}.works_nav li a:hover .work_nav_title{color:var(--rdn-heading-color)}.works_nav li a .work_nav_home{font-size:2rem}.single_work_img{border-radius:8px;height:600px;margin:80px 0;object-fit:cover;position:relative;width:100%;z-index:3}.gallery_work_img{border-radius:4px;height:400px;object-fit:cover;width:100%}.works_gallery{border-radius:8px;display:block;overflow:hidden;position:relative}.works_gallery i{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;height:48px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-20%);transition:.5s;width:48px;z-index:3}.works_gallery i:hover{background-color:var(--rdn-primary-color)}.works_gallery .bg_mask{opacity:0;transition:.3s}.works_gallery:hover i{opacity:1;transform:translateX(-50%) translateY(-50%)}.works_gallery:hover i:hover{transform:translateX(-50%) translateY(-50%) scale(1.2)}.works_gallery:hover .bg_mask{opacity:.8}.glightbox-clean .gslide-description{background:var(--rdn-darker-color)}.gbtn.disabled.glightbox-button-hidden{display:none}.blog_box{background-color:var(--rdn-darker-color);border-radius:8px;padding:24px}.blog_box img{aspect-ratio:16/9;border-radius:4px;object-fit:cover;width:100%}.blog_box .blog_cat{background-color:var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-heading-color);display:inline-block;font-size:1rem;line-height:1;margin:24px 0;padding:8px 16px}.blog_box .blog_link{color:var(--rdn-heading-color);font-size:1.8rem;font-weight:400}.blog_box .blog_link:hover{color:var(--rdn-heading-color-50)}.blog_box .blog_meta{font-size:1rem}.blog_box .blog_meta li{align-items:center;display:flex;gap:8px}.blog_box .blog_meta li i{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;font-size:.8rem;height:32px;justify-content:center;width:32px}.blog_nav{justify-content:space-between;margin-top:32px}.blog_nav,.blog_nav li{align-items:center;display:flex}.blog_nav li{border:1px solid var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-heading-color);cursor:pointer;font-size:1rem;height:38px;justify-content:center;transition:.3s;width:38px}#news-hero,.blog_nav li:hover{background-color:var(--rdn-darker-color)}#news-hero{background-image:url(../img/slider/bg.svg);background-position:0 100%;background-repeat:repeat;background-size:auto;position:relative}#news-hero .news_hero_outer{padding-bottom:200px}.single_blog_meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:32px 0 0}.single_blog_meta li{align-items:center;display:flex;gap:8px}.single_blog_meta li i{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.widget_line{border-top:1px solid hsla(0,0%,100%,.1);margin-bottom:32px;position:relative;width:100%}.widget_line:after{background-color:var(--rdn-primary-color);content:"";display:block;height:3px;margin-top:-1px;width:32px}.widget{background-color:var(--rdn-darker-color);border-radius:8px;margin-bottom:32px;padding:32px}.blog_widget_list{flex-direction:column;margin-bottom:0}.blog_widget_list,.blog_widget_list li{display:flex;gap:16px}.blog_widget_list li .blog_widget_img img{border-radius:4px;height:80px;object-fit:cover;width:80px}.blog_widget_list li .blog_widget_content a h4{font-size:1.2rem;font-weight:400;margin-bottom:8px;transition:.3s}.blog_widget_list li .blog_widget_content a:hover h4{color:var(--rdn-heading-color-50)}.blog_widget_list li .blog_widget_content .blog_widget_date{align-items:center;display:flex;font-size:1rem;gap:8px}.blog_widget_list li .blog_widget_content .blog_widget_date i{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:100px;color:var(--rdn-heading-color);display:flex;font-size:.75rem;height:26px;justify-content:center;width:26px}.widget_list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.widget_list li{align-items:center;display:flex;gap:8px}.widget_list li:before{border-radius:100px;color:var(--rdn-primary-color);content:"\e3d4";font-family:Phosphor;font-size:.8rem}.tag_list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-bottom:0;padding:0}.tag_list li a{background:var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-heading-color);display:inline-block;font-size:1rem;line-height:1;padding:10px 22px}.tag_list li a:hover{background-color:var(--rdn-heading-color);color:var(--rdn-darker-color)}.comments{border-top:1px solid var(--rdn-heading-color-10);margin:32px 0 0;padding:32px 0 0}.comments .comments_count{align-items:center;display:flex;font-weight:400;gap:8px;justify-content:space-between}.comments .comments_count i{align-items:center;background-color:var(--rdn-heading-color-10);border-radius:4px;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.comments .comment_list{border-bottom:1px solid var(--rdn-heading-color-10);display:flex;flex-direction:column;gap:32px;list-style:none;margin:0;padding:0 0 32px}.comments .comment_list li{display:flex;flex-direction:column;gap:16px}.comments .comment_list li .top_comment{align-items:center;display:flex;gap:16px;position:relative}.comments .comment_list li .top_comment .avatar img{border-radius:4px;height:60px;width:60px}.comments .comment_list li .top_comment .top_comment_content{display:flex;flex-direction:column}.comments .comment_list li .top_comment .top_comment_content h4{font-size:1.2rem;font-weight:400;margin-bottom:0}.comments .comment_list li .top_comment .top_comment_content a{background-color:var(--rdn-heading-color-10);border-radius:100px;display:inline-block;font-size:1rem;padding:4px 16px;position:absolute;right:0;top:0}.comments .comment_list li .top_comment .top_comment_content a:hover{background-color:var(--rdn-heading-color);color:var(--rdn-darker-color)}.comments .comment_list li .top_comment .top_comment_content span{align-items:center;color:var(--rdn-heading-color-30);display:flex;font-size:1rem;gap:4px}.comments .comment_list li .top_comment .top_comment_content span i{font-size:.8rem}.comments .comment_list ul{display:flex;flex-direction:column;gap:32px;list-style:none;padding-left:32px;padding-top:16px}.comment_box_form{padding-top:32px}.comment_box_form h4{font-weight:400;margin-bottom:0}.comment_box_form p{color:var(--rdn-heading-color-30);margin-bottom:32px}.comment_form{display:flex;flex-direction:column;gap:16px}.comment_form input,.comment_form textarea{background-color:transparent;border:1px solid var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-text-color);padding:16px 24px}.comment_form input:focus,.comment_form textarea:focus{border:1px solid var(--rdn-heading-color)}.comment_form input:focus-visible,.comment_form textarea:focus-visible{outline:none}.comment_form ::placeholder{color:var(--rdn-heading-color-50)}.comment_form .comment_btn{align-items:center;background-color:var(--rdn-heading-color);border:none;border-radius:4px;color:var(--rdn-darker-color);display:inline-flex;font-weight:600;gap:8px;justify-content:center;outline:none;padding:16px 24px;transition:.3s}.comment_form .comment_btn:hover{background-color:var(--rdn-darker-color);color:var(--rdn-heading-color)}.comment_form .comment_out_text{display:flex;margin-top:32px}.comment_form .comment_out_text:empty{margin:0}.blog_pagi{border-top:1px solid var(--rdn-heading-color-10);gap:32px;list-style:none;margin-bottom:0;margin-top:80px;padding:80px 0 0}.blog_pagi,.blog_pagi li a{align-items:center;display:flex}.blog_pagi li a{gap:16px}.blog_pagi li a .blog_nav_arrow{align-items:center;background:var(--rdn-heading-color-10);border-radius:4px;display:flex;flex-shrink:0;height:67px;justify-content:center;width:67px}.blog_pagi li a .blog_nav_sub{color:var(--rdn-text-color);margin-bottom:0;text-transform:uppercase}.blog_pagi li a .blog_nav_title{color:var(--rdn-text-color);font-size:1.2rem;font-weight:400;margin-bottom:0;transition:.3s}.blog_pagi li a:hover .blog_nav_title{color:var(--rdn-heading-color)}.blog_pagi li a .blog_nav_home{font-size:2rem}.contact_box{border-radius:8px;overflow:hidden;position:relative}.contact_box .contact_img{height:480px;object-fit:cover;width:100%}.contact_box .contact_meta{bottom:32px;display:flex;flex-direction:column;gap:8px;left:32px;margin:0;position:absolute;z-index:3}.contact_box .contact_meta li{align-items:center;color:var(--rdn-heading-color);display:flex;gap:16px}.contact_box .contact_meta li img{height:auto;margin-bottom:16px;width:150px}.contact_box .contact_meta li i{align-items:center;background-color:var(--rdn-heading-color);border-radius:422px;color:var(--rdn-darker-color);display:flex;font-size:.8rem;height:32px;justify-content:center;width:32px}.contact_list li{font-size:1rem;gap:8px}.contact_list li,.contact_list li i{align-items:center;color:var(--rdn-heading-color);display:flex}.contact_list li i{background-color:var(--rdn-heading-color-10);border-radius:100px;font-size:.8rem;height:32px;justify-content:center;transition:.3s;width:32px}.contact_list li a:hover i{background-color:var(--rdn-heading-color);color:var(--rdn-darker-color)}.contact_form{border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:32px 32px 16px}.contact_form input,.contact_form textarea{background-color:transparent;border:1px solid var(--rdn-heading-color-10);border-radius:4px;color:var(--rdn-text-color);padding:16px 24px}.contact_form input:focus,.contact_form textarea:focus{border:1px solid var(--rdn-heading-color)}.contact_form input:focus-visible,.contact_form textarea:focus-visible{outline:none}.contact_form ::placeholder{color:var(--rdn-heading-color-50)}.contact_form .contact_btn{align-items:center;background-color:var(--rdn-heading-color);border:none;border-radius:4px;color:var(--rdn-darker-color);display:flex;font-weight:600;gap:8px;justify-content:center;outline:none;padding:16px 24px;transition:.3s;width:100%}.contact_form .contact_btn:hover{background-color:var(--rdn-darker-color);color:var(--rdn-heading-color)}.contact_form .contact_out_text{display:flex;margin-top:32px}.contact_form .contact_out_text:empty{margin:0}.footer_img{display:inline-block;height:auto;max-width:100%;width:150px}.footer_menu{flex-wrap:wrap}@media (max-width:991px){.container{padding-left:32px;padding-right:32px}.slider_content_text{margin-right:0}.slider_btn_box{margin-bottom:32px}.circle_img{display:none}.cursor{display:none!important}.testi_slider .swiper-slide{flex-direction:column-reverse}.testi_slider .swiper-slide img{height:200px;width:100%}.slider_pagination{right:32px}.sv_tab_box .sv_tab_content .sv_tab_list{margin-top:32px}.services_nav_box{margin-left:32px;margin-right:32px}#video,#work-hero{background-attachment:scroll}.bg_mask{background-image:none}.blog_pagi li a .blog_nav_arrow,.works_nav li a .works_nav_arrow{display:none}}@media (max-width:767px){.slider_social_icon{display:none}.slider_content_img .slider_img img{height:180px}.services_nav_box li{width:100%}.sv_tab_box .sv_tab_content{padding:32px 32px 96px}.sv_tab_box .services_tab_img{opacity:.3}.video_row{flex-direction:column;text-align:center}.sw_video img{height:400px}.gallery_work_img,.single_work_img{aspect-ratio:16/9;height:auto}}@media (max-width:500px){.slider_pagination{display:none}.eq_heading{max-width:80%}.port_filter{flex-wrap:wrap}.sw_video img{height:300px}.blog_pagi,.works_nav{flex-direction:column}}.promo_countdown_container{margin-top:-20px;margin-bottom:40px}.promo_countdown_box{background:rgba(14,9,17,0.7);border:1px solid rgba(255,30,39,0.4);backdrop-filter:blur(10px);box-shadow:0 4px 30px rgba(0,0,0,0.5),inset 0 0 10px rgba(255,30,39,0.2);animation:pulse-border 2s infinite alternate}.pulse_icon{animation:pulse-icon 1s infinite alternate}@keyframes pulse-border{from{box-shadow:0 4px 15px rgba(0,0,0,0.5),0 0 0 0px rgba(255,30,39,0.2)}to{box-shadow:0 4px 20px rgba(0,0,0,0.5),0 0 12px 4px rgba(255,30,39,0.4)}}@keyframes pulse-icon{from{transform:scale(1)}to{transform:scale(1.2)}}.purchase-toast{position:fixed;bottom:24px;left:24px;z-index:9999;background:rgba(15,9,18,0.85);border:1px solid rgba(255,255,255,0.08);box-shadow:0 12px 40px rgba(0,0,0,0.6);border-radius:14px;padding:12px 16px;width:320px;backdrop-filter:blur(20px) saturate(180%);transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);transform:translateY(150px);opacity:0}.purchase-toast.show{transform:translateY(0);opacity:1}.toast-avatar{width:40px;height:40px;border-radius:50%;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,0.2)}.toast-time{font-size:0.75rem;color:rgba(255,255,255,0.4);font-weight:400}.toast-title{font-size:0.9rem;font-weight:700;color:#fff;margin-bottom:0}.toast-msg{font-size:0.85rem;color:rgba(255,255,255,0.85);line-height:1.3}.services_nav_box .badge{font-size:0.65rem!important;padding:0.35em 0.65em!important;border-radius:50rem!important;vertical-align:middle}.services_nav_box .sv_tab_link.active{box-shadow:0 0 20px rgba(255,30,39,0.3)!important}.safe-checkout-badges{background:rgba(14,9,17,0.5);border:1px solid rgba(249,230,184,0.1);border-radius:8px;padding:16px}.safe-checkout-badges .badge-item{font-size:0.85rem;color:var(--rdn-text-color)}.safe-checkout-badges .badge-item i{color:#2ec4b6;font-size:1.1rem}.pricing_card{background:var(--rdn-darker-color);border:1px solid rgba(249,230,184,0.1);border-radius:12px;padding:40px 30px;box-shadow:0 10px 30px rgba(0,0,0,0.4);transition:all 0.3s ease;height:100%;position:relative}.pricing_card:hover{transform:translateY(-8px);border-color:rgba(255,30,39,0.3);box-shadow:0 15px 40px rgba(255,30,39,0.15)}.pricing_card.featured{background:var(--rdn-dark-color);border:2px solid var(--rdn-primary-color);box-shadow:0 15px 35px rgba(255,30,39,0.2)}.pricing_card.featured:hover{box-shadow:0 20px 45px rgba(255,30,39,0.3)}.pricing_card_badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:0.75rem;font-weight:700;padding:6px 16px;border-radius:100px;box-shadow:0 4px 10px rgba(0,0,0,0.3)}.pricing_card_title{font-size:1.6rem;font-weight:700;color:var(--rdn-heading-color);margin-bottom:10px}.pricing_card_price{font-size:2.8rem;font-weight:900;color:#fff;margin-bottom:20px}.pricing_card_price span{font-size:1rem;color:var(--rdn-text-color);font-weight:400}.pricing_card_features{list-style:none;padding:0;margin:30px 0;text-align:left}.pricing_card_features li{font-size:1rem;color:var(--rdn-text-color);margin-bottom:15px;display:flex;align-items:center}.pricing_card_features li i.text-success{color:#2ec4b6!important}.pricing_card_features li i.text-danger{color:#ff5e62!important}.pricing_card.featured .rdn_btn{background-color:var(--rdn-primary-color)}.pricing_card.featured .rdn_btn span{color:#fff}.pricing_card.featured .rdn_btn:hover:after{background-color:var(--rdn-heading-color)}.pricing_card.featured .rdn_btn:hover .btn_bottom{color:var(--rdn-darker-color)}.telegram_mockup_container{background-color:#17212b;border:1px solid #24303f;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.6)}.telegram_mockup_header{background-color:#24303f;padding:14px 20px;border-bottom:1px solid #2f3e50}.telegram_dot{width:10px;height:10px;border-radius:50%;display:inline-block}.telegram_dot.red{background-color:#ff5f56}.telegram_dot.yellow{background-color:#ffbd2e}.telegram_dot.green{background-color:#27c93f}.telegram_header_title{color:#fff;font-family:monospace;font-size:0.85rem;margin-left:10px}.telegram_item{border-bottom:1px solid #101921;padding:12px 16px;display:flex;align-items:center;gap:16px;transition:background-color 0.2s;cursor:default}.telegram_item:hover{background-color:#202b36}.telegram_avatar{width:44px;height:44px;border-radius:50%;background-color:#2b394a;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.telegram_item_info{flex-grow:1}.telegram_item_top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.telegram_item_title{color:#fff;font-size:0.95rem;font-weight:700;margin-bottom:0}.telegram_item_time{font-size:0.75rem;color:#7f91a4}.telegram_item_msg{font-size:0.85rem;color:#7f91a4;margin-bottom:0}.telegram_item_msg.blue{color:#5288c1}.telegram_item_msg strong{color:#fff}.mobile_plan_card{background:var(--rdn-darker-color);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:24px 20px;position:relative;transition:transform .2s ease,border-color .2s ease;box-shadow:0 10px 30px rgba(0,0,0,0.5)}.mobile_plan_card.featured{background:linear-gradient(145deg,rgba(22,13,26,0.98),rgba(11,7,13,0.98));border:2px solid #ff1e27;box-shadow:0 0 25px rgba(255,30,39,0.35),0 10px 30px rgba(0,0,0,0.6)}.mobile_plan_card.gold{border:1px solid rgba(249,230,184,0.4);box-shadow:0 0 15px rgba(249,230,184,0.15),0 10px 30px rgba(0,0,0,0.5)}.mobile_card_badge{position:absolute;top:-14px;left:20px;font-size:0.72rem;font-weight:800;text-transform:uppercase;padding:4px 12px;border-radius:50rem;letter-spacing:0.03rem;box-shadow:0 4px 12px rgba(0,0,0,0.4)}.mobile_card_badge.badge_danger{background:#ff1e27;color:#fff}.mobile_card_badge.badge_warning{background:#f9e6b8;color:#0a0405}.mobile_plan_title{font-size:1.35rem;font-weight:900;color:#fff;margin-bottom:4px}.mobile_plan_price{font-size:2.2rem;font-weight:900;color:#f9e6b8;line-height:1.1}.mobile_plan_old_price{font-size:0.95rem;text-decoration:line-through;color:#746d5d;margin-left:6px;font-weight:400}.mobile_plan_sub{font-size:0.85rem;color:#b5a995;margin-bottom:16px}.mobile_features_list{list-style:none;padding:0;margin:16px 0;border-top:1px solid rgba(255,255,255,0.06);padding-top:16px}.mobile_features_list li{font-size:0.9rem;color:#d1c7b7;margin-bottom:8px;display:flex;align-items:center;gap:8px}.mobile_features_list li i{color:#2ec4b6;font-size:1rem}.video_player_mockup{background:#12090b;border:2px solid rgba(255,30,39,0.4);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.8),0 0 35px rgba(255,30,39,0.25);position:relative;transition:all 0.3s ease}.video_player_mockup:hover{border-color:rgba(255,30,39,0.8);box-shadow:0 25px 60px rgba(255,30,39,0.35)}.video_player_topbar{background:#050203;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between}.video_screen_area{position:relative;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.video_screen_area img{width:100%;height:100%;object-fit:cover;opacity:0.65;transition:transform 0.5s ease}.video_player_mockup:hover .video_screen_area img{transform:scale(1.03);opacity:0.75}.video_screen_overlay{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.video_play_glow_btn{width:80px;height:80px;border-radius:50%;background:#ff1e27;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 0 30px #ff1e27;transition:all 0.3s ease;animation:video-pulse 2s infinite alternate}.video_player_mockup:hover .video_play_glow_btn{transform:scale(1.15);box-shadow:0 0 45px #ff1e27}@keyframes video-pulse{0%{box-shadow:0 0 15px rgba(255,30,39,0.6),0 0 0 0px rgba(255,30,39,0.4)}100%{box-shadow:0 0 35px rgba(255,30,39,0.9),0 0 0 15px rgba(255,30,39,0)}}.video_controls_bar{background:rgba(6,4,7,0.95);backdrop-filter:blur(10px);padding:10px 20px;border-top:1px solid rgba(255,255,255,0.08);position:absolute;bottom:0;left:0;right:0;z-index:4}.video_progress_track{height:4px;background:rgba(255,255,255,0.2);border-radius:2px;margin-bottom:8px;position:relative;overflow:hidden}.video_progress_fill{height:100%;width:38%;background:#ff1e27;border-radius:2px}

/* CAIXAS DE ÍCONES PARA AS ABAS DE SERVIÇOS (DESKTOP) */
.sv_tab_list_icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.45rem;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.sv_tab_list_icon.icon_red {
  background: rgba(255, 30, 39, 0.15);
  border: 1px solid rgba(255, 30, 39, 0.4);
  color: #ff1e27;
  box-shadow: 0 4px 15px rgba(255, 30, 39, 0.2);
}

.sv_tab_list_icon.icon_gold {
  background: rgba(253, 224, 71, 0.15);
  border: 1px solid rgba(253, 224, 71, 0.4);
  color: #fde047;
  box-shadow: 0 4px 15px rgba(253, 224, 71, 0.15);
}

.sv_tab_list_icon.icon_green {
  background: rgba(46, 196, 182, 0.15);
  border: 1px solid rgba(46, 196, 182, 0.4);
  color: #2ec4b6;
  box-shadow: 0 4px 15px rgba(46, 196, 182, 0.2);
}

.sv_tab_list_icon.icon_blue {
  background: rgba(36, 161, 222, 0.15);
  border: 1px solid rgba(36, 161, 222, 0.4);
  color: #24a1de;
  box-shadow: 0 4px 15px rgba(36, 161, 222, 0.2);
}

.sv_tab_box .sv_tab_content .sv_tab_list li:hover .sv_tab_list_icon {
  transform: scale(1.12);
}

/* ==========================================================================
   OPTIMIZED MOBILE UX & RESPONSIVE RESTRUCTURING (ACERVO SECRETO VIP)
   ========================================================================== */

/* Body spacing for sticky mobile dock */
@media (max-width: 991px) {
  body {
    padding-bottom: 72px !important;
  }
}

/* 1. STICKY BOTTOM NAVIGATION DOCK (MOBILE APP FEEL) */
.mobile_bottom_dock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: #0a0405 !important;
  border-top: 1px solid rgba(255, 30, 39, 0.35);
  box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.85);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 8px;
}

.mobile_dock_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #a89f8d;
  text-decoration: none !important;
  font-size: 0.72rem;
  font-weight: 600;
  width: 24%;
  height: 100%;
  transition: all 0.2s ease;
}

.mobile_dock_icon_wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
}

.mobile_dock_icon_wrap i {
  font-size: 1.35rem;
  margin-bottom: 0;
  transition: transform 0.2s ease, color 0.2s ease;
}

.mobile_dock_item:active {
  transform: scale(0.92);
}

.mobile_dock_item.highlight_plan {
  color: #fff;
}

.mobile_dock_item.highlight_plan i {
  color: #ff1e27;
  filter: drop-shadow(0 0 8px #ff1e27);
}

.mobile_dock_item.highlight_preview i {
  color: #24A1DE;
  filter: drop-shadow(0 0 8px #24A1DE);
}

.mobile_dock_badge {
  position: absolute;
  top: -8px;
  right: -16px;
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%);
  color: #fff;
  font-size: 0.52rem;
  font-weight: 800;
  padding: 2px 5px;
  border-radius: 50rem;
  line-height: 1;
  letter-spacing: 0.03em;
  box-shadow: 0 2px 8px rgba(255, 30, 39, 0.6);
  white-space: nowrap;
  animation: pulse-icon 1s infinite alternate;
}

/* 2. REFORMULATED MOBILE OFFCANVAS DRAWER & HEADER */
.top_header {
  z-index: 999 !important;
}

@media (max-width: 991px) {
  .top_header {
    background: rgba(5, 2, 3, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .top_offcanvas_container {
    padding: 24px 20px 80px 20px !important;
    background-color: #0a0405 !important;
    width: 300px !important;
    max-width: 85vw !important;
    z-index: 10005 !important;
  }
  
  .mobile_menu_box {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .mobile_menu_btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: rgba(253, 224, 71, 0.15) !important;
    border: 1px solid rgba(253, 224, 71, 0.25) !important;
    color: #fde047 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .close_mb {
    right: 20px !important;
    top: 20px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(253, 224, 71, 0.15) !important;
    color: #fde047 !important;
  }
  
  .offcanvas_nav .offcanvas_list li a {
    font-size: 1.15rem !important;
    padding: 12px 0 !important;
    color: #fde047 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  .offcanvas_nav .scroll_menu,
  .offcanvas_nav .rdn_menu {
    display: none !important;
  }
}

/* 3. ELIMINATION OF GIGANTIC SPACES ("SOBRAS DE DISTÂNCIA") */
@media (max-width: 767px) {
  /* Reduce excessive section padding from 96px to compact 32px-40px */
  section, .py-10 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .my-12 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .mb-8 {
    margin-bottom: 1.75rem !important;
  }

  .mb-6 {
    margin-bottom: 1.25rem !important;
  }

  .mb-4 {
    margin-bottom: 1rem !important;
  }

  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Hero section mobile compacting */
  .home_slider {
    padding-top: 68px !important;
    padding-bottom: 20px !important;
  }

  .slider_title {
    font-size: 1.65rem !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }

  .slider_subtitle {
    font-size: 0.85rem !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.04em !important;
  }

  .slider_text {
    font-size: 0.95rem !important;
    margin: 14px 0 20px 0 !important;
    line-height: 1.5 !important;
  }

  .slider_btn_box {
    margin-bottom: 20px !important;
  }

  .slider_btn.rdn_btn span {
    padding: 14px 28px !important;
    font-size: 0.95rem !important;
    width: 100%;
  }

  /* 4. CARDS DE DESTAQUES (PORT_BOX) TOUCH-FIRST LIMPO E ELEGANTE */
  .port_box {
    position: relative !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #0a0405 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 20px !important;
    display: block !important;
    height: auto !important;
  }

  .port_box img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    display: block !important;
    opacity: 1 !important;
  }

  .port_box .port_mask {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(8, 5, 11, 0.95) 85%) !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    z-index: 2 !important;
  }

  .port_box .port_location {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    bottom: auto !important;
    background: rgba(8, 5, 11, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 30, 39, 0.4) !important;
    color: #fff !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 50rem !important;
    z-index: 3 !important;
    opacity: 1 !important;
    transform: none !important;
    margin-bottom: 0 !important;
  }

  .port_box .port_content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 20px 18px !important;
    z-index: 3 !important;
    opacity: 1 !important;
    transform: none !important;
    background: transparent !important;
    display: block !important;
  }

  .port_box .port_line {
    display: none !important;
  }

  .port_box .port_detail {
    display: block !important;
  }

  .port_box .port_detail p {
    font-size: 0.78rem !important;
    color: #fde047 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
    letter-spacing: 0.03em !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .port_box .port_detail h3 {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    color: #fff !important;
    margin-bottom: 0 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    transform: none !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important;
  }

  .port_link_box {
    display: none !important;
  }

  /* Touch-friendly category filter pilling */
  .port_filter {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 8px !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    justify-content: flex-start !important;
  }

  .port_filter::-webkit-scrollbar {
    display: none;
  }

  .port_filter li {
    flex-shrink: 0 !important;
  }

  .port_filter li a {
    font-size: 0.88rem !important;
    padding: 8px 16px !important;
    white-space: nowrap !important;
    background: rgba(253, 224, 71, 0.08);
    border: 1px solid rgba(253, 224, 71, 0.15);
    border-radius: 50rem !important;
  }

  .port_filter li a.active {
    background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%) !important;
    color: #fff !important;
    border-color: #ff1e27 !important;
    box-shadow: 0 4px 15px rgba(255, 30, 39, 0.4) !important;
  }

  /* 5. MOBILE PRICING CARDS TOUCH FEEDBACK */
  .mobile_plan_card {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  .mobile_plan_card:active {
    transform: scale(0.98);
  }

  /* About Section Mobile Optimizations */
  .about_box {
    padding: 20px 16px !important;
  }

  .about_stats .zs_count_static {
    font-size: 2.7rem !important;
  }

  .about_stats span.tc_primary {
    font-size: 1.8rem !important;
  }

  .tool_list {
    gap: 12px !important;
  }

  .tool_list li {
    gap: 12px !important;
  }

  /* Video Section Mobile Optimizations */
  .video_screen_area {
    aspect-ratio: 16/9 !important;
  }

  .video_play_glow_btn {
    width: 60px !important;
    height: 60px !important;
    font-size: 1.6rem !important;
  }

  .video_screen_overlay h3 {
    font-size: 1.1rem !important;
  }

  /* Footer Mobile */
  footer {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  footer p {
    font-size: 0.85rem !important;
    margin-top: 24px !important;
  }
}

/* BADGES MINIMALISTAS DE CONFIANÇA */
.trust_signals_bar {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #d1c7b7 !important;
  font-size: 0.76rem !important;
  padding: 6px 14px !important;
  border-radius: 50rem !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.trust_signals_bar::-webkit-scrollbar {
  display: none !important;
}

.trust_item {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  font-weight: 500 !important;
}

/* ESTRUTURA E CORES DE ALTO CONTRASTE DOS CARDS DE PLANOS (DARK VIP) */
.mobile_plan_card {
  background: #12090b !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 24px 20px !important;
  position: relative !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.mobile_plan_card.featured {
  background: #12090b !important;
  border: 2px solid #ff1e27 !important;
  box-shadow: 0 0 25px rgba(255, 30, 39, 0.45), 0 10px 30px rgba(0, 0, 0, 0.7) !important;
}

.mobile_plan_card.featured::before {
  display: none !important;
}

.mobile_plan_card .mobile_plan_title {
  color: #ffffff !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
}

.mobile_plan_card .mobile_plan_sub {
  color: #fde047 !important;
  font-size: 0.85rem !important;
}

.mobile_plan_card .mobile_plan_price {
  color: #ffffff !important;
  font-size: 2.2rem !important;
  font-weight: 900 !important;
}

.mobile_plan_card .mobile_plan_old_price {
  color: #888888 !important;
  font-size: 0.95rem !important;
  text-decoration: line-through !important;
}

.mobile_plan_card .mobile_features_list li {
  color: #e2dacd !important;
  font-size: 0.92rem !important;
}

.mobile_plan_card .mobile_features_list li i {
  color: #ff1e27 !important;
}

/* CARD VIBRANTE DO TELEGRAM DE PRÉVIA (ALTO CONTRASTE) */
.telegram_preview_card {
  background: linear-gradient(135deg, #111d2c 0%, #0a111a 100%) !important;
  border: 2px solid #24a1de !important;
  border-radius: 16px !important;
  box-shadow: 0 0 20px rgba(36, 161, 222, 0.35), 0 10px 30px rgba(0, 0, 0, 0.6) !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.telegram_preview_card:hover,
.telegram_preview_card:active {
  border-color: #52bbf0 !important;
  box-shadow: 0 0 30px rgba(36, 161, 222, 0.55), 0 12px 35px rgba(0, 0, 0, 0.8) !important;
  transform: translateY(-3px);
}

.telegram_card_icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #24a1de !important;
  color: #ffffff !important;
  font-size: 1.6rem !important;
  box-shadow: 0 0 15px rgba(36, 161, 222, 0.6) !important;
}

.telegram_free_badge {
  background: #ffbd2e !important;
  color: #0a0405 !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  padding: 3px 10px !important;
  border-radius: 50rem !important;
  letter-spacing: 0.03em !important;
  box-shadow: 0 2px 8px rgba(255, 189, 46, 0.4) !important;
  white-space: nowrap !important;
}

.telegram_sub_text {
  color: #8acaff !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.telegram_card_btn {
  background: #24a1de !important;
  color: #ffffff !important;
  font-size: 0.88rem !important;
  box-shadow: 0 4px 15px rgba(36, 161, 222, 0.5) !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.telegram_preview_card:hover .telegram_card_btn {
  background: #ffffff !important;
  color: #24a1de !important;
}

/* POPUP MODAL DE AVISO +18 ANOS (PERFEITAMENTE CENTRALIZADO & 100% RESPONSIVO) */
.age_modal_overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 999999 !important;
  background: rgba(6, 4, 7, 0.96) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.age_modal_overlay.hide {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.age_modal_card {
  background: linear-gradient(145deg, #180d1e, #0a0405) !important;
  border: 2px solid rgba(255, 30, 39, 0.6) !important;
  box-shadow: 0 0 45px rgba(255, 30, 39, 0.45), 0 20px 60px rgba(0, 0, 0, 0.95) !important;
  border-radius: 20px !important;
  max-width: 440px !important;
  width: 100% !important;
  padding: 28px 20px !important;
  text-align: center !important;
  position: relative !important;
  margin: 0 auto !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch;
  animation: modalPopIn 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.age_modal_card::-webkit-scrollbar {
  width: 4px;
}
.age_modal_card::-webkit-scrollbar-thumb {
  background: rgba(255, 30, 39, 0.4);
  border-radius: 4px;
}

@keyframes modalPopIn {
  from {
    transform: scale(0.85);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.age_modal_badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 30, 39, 0.15);
  border: 1px solid rgba(255, 30, 39, 0.4);
  padding: 5px 14px;
  border-radius: 50rem;
  color: #ff1e27;
  font-size: 0.78rem;
  margin-bottom: 18px;
}

.age_badge_icon {
  background: #ff1e27;
  color: #fff;
  font-weight: 900;
  font-size: 0.75rem;
  padding: 2px 6px;
  border-radius: 4px;
}

.age_modal_icon_wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}

.age_big_18_circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff1e27 0%, #be123c 100%);
  color: #ffffff;
  font-size: 2.3rem;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffffff;
  box-shadow: 0 0 25px rgba(255, 30, 39, 0.7), 0 0 15px rgba(255, 255, 255, 0.4);
  letter-spacing: -0.05em;
  font-family: var(--rdn-heading-font);
}

.age_modal_title {
  color: #fde047;
  font-size: 1.65rem;
  font-weight: 900;
  margin-bottom: 10px;
  letter-spacing: 0.04rem;
}

.age_modal_text {
  color: #d1c7b7;
  font-size: 0.92rem;
  line-height: 1.45;
  margin-bottom: 24px;
}

.age_modal_actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.age_btn {
  width: 100%;
  padding: 14px 18px;
  border-radius: 12px;
  font-weight: 800;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 50px;
}

.age_btn:active {
  transform: scale(0.97);
}

.age_btn_primary {
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%);
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(255, 30, 39, 0.4);
}

.age_btn_primary:hover {
  box-shadow: 0 8px 25px rgba(255, 30, 39, 0.6);
  background: linear-gradient(135deg, #ff4775 0%, #dc2626 100%);
}

.age_btn_secondary {
  background: rgba(255, 255, 255, 0.06);
  color: #a89c8a;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.age_btn_secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.age_modal_footer {
  margin-top: 16px;
  font-size: 0.75rem;
  color: #887d6d;
}

/* MEDIA QUERIES MOBILE PARA POPUP 18+ */
@media (max-width: 576px) {
  .age_modal_card {
    padding: 22px 16px;
    border-radius: 16px;
    border-width: 1.5px;
  }
  .age_modal_badge {
    padding: 3px 10px;
    font-size: 0.72rem;
    margin-bottom: 12px;
  }
  .age_big_18_circle {
    width: 66px;
    height: 66px;
    font-size: 1.8rem;
    border-width: 3px;
  }
  .age_modal_title {
    font-size: 1.3rem;
    margin-bottom: 8px;
  }
  .age_modal_text {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 18px;
  }
  .age_btn {
    min-height: 46px;
    font-size: 0.88rem;
    padding: 10px 14px;
  }
  .age_modal_footer {
    margin-top: 12px;
    font-size: 0.7rem;
  }
}

/* OTIMIZAÇÃO MOBILE PARA TOOLBAR & MENU DRAWER OFFCANVAS */
.mobile_menu_box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mobile_menu_btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 30, 39, 0.15) !important;
  border: 1px solid rgba(255, 30, 39, 0.4) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mobile_menu_btn:active {
  transform: scale(0.94);
  background: rgba(255, 30, 39, 0.3) !important;
}

.top_offcanvas_container.offcanvas {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 85vw !important;
  max-width: 320px !important;
  height: 100vh !important;
  background: #09050d !important;
  border-left: 1px solid rgba(255, 30, 39, 0.3) !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.9) !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 100005 !important;
  transform: translateX(100%) !important;
  visibility: hidden !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
}

.top_offcanvas_container.offcanvas.show {
  transform: translateX(0) !important;
  visibility: visible !important;
}

.offcanvas-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 100000 !important;
  background: rgba(6, 4, 7, 0.8) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.offcanvas-backdrop.show {
  opacity: 1;
  visibility: visible;
}

.close_mb {
  position: static !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

.close_mb:hover, .close_mb:active {
  background: rgba(255, 30, 39, 0.8) !important;
  color: #ffffff !important;
}

.offcanvas_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.offcanvas_list li a {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 0.92rem;
  font-weight: 700;
  color: #f9e6b8;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-decoration: none;
  transition: all 0.2s ease;
}

.offcanvas_list li a:active, .offcanvas_list li a:hover {
  background: rgba(255, 30, 39, 0.15);
  border-color: rgba(255, 30, 39, 0.4);
  color: #ffffff;
  transform: translateX(4px);
}

.offcanvas_list li a.telegram_link {
  background: rgba(36, 161, 222, 0.12);
  border-color: rgba(36, 161, 222, 0.35);
  color: #24a1de;
}

/* ==========================================================================
   MINIMALIST & COMPACT FAQ SECTION
   ========================================================================== */
.faq_section_compact {
  padding-top: 30px !important;
  padding-bottom: 35px !important;
}
@media (max-width: 767px) {
  .faq_section_compact {
    padding-top: 20px !important;
    padding-bottom: 25px !important;
  }
}

.faq_title_compact {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}
@media (max-width: 767px) {
  .faq_title_compact {
    font-size: 1.15rem !important;
  }
}

.faq_desc_compact {
  font-size: 0.82rem !important;
  max-width: 540px;
  margin: 0 auto !important;
  opacity: 0.75;
  line-height: 1.4 !important;
}
@media (max-width: 767px) {
  .faq_desc_compact {
    font-size: 0.76rem !important;
  }
}

.faq_list_compact {
  gap: 0 !important;
  margin-top: 15px !important;
}

.faq_item_compact {
  padding: 10px 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

.faq_item_compact:last-child {
  border-bottom: none !important;
}

.faq_item_compact:hover {
  border-bottom-color: rgba(255, 30, 39, 0.2) !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 767px) {
  .faq_item_compact {
    padding: 8px 0 !important;
    border-radius: 0 !important;
  }
}

.faq_item_title_compact {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .faq_item_title_compact {
    font-size: 0.85rem !important;
    margin-bottom: 3px !important;
  }
}

.faq_item_text_compact {
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
  color: var(--rdn-text-color) !important;
  opacity: 0.8;
}

/* ==========================================================================
   DYNAMIC HORIZONTAL PREVIEW CARD -> VERTICAL UNCROPPED VIDEO PLAYER
   ========================================================================== */

.vp_container {
  max-width: 720px; /* Inicialmente HORIZONTAL no estado de preview */
  margin: 0 auto;
  width: 100%;
  transition: max-width 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Quando estiver tocando o vídeo, reduz a largura para o formato vertical */
.vp_container.is-playing {
  max-width: 380px;
}

@media (max-width: 576px) {
  .vp_container {
    max-width: 100%;
    padding: 0 4px;
  }
  .vp_container.is-playing {
    max-width: 100%;
  }
}

.video_player_mockup {
  background: #0a0405;
  border: 2px solid rgba(255, 30, 39, 0.5);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.9), 0 0 30px rgba(255, 30, 39, 0.25);
  position: relative;
  width: 100%;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.video_player_mockup:hover {
  border-color: rgba(255, 30, 39, 0.85);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.95), 0 0 40px rgba(255, 30, 39, 0.35);
}

.video_player_topbar {
  background: #050203;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
  line-height: 1;
}

.telegram_dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.telegram_dot.red { background-color: #ff5f56; }
.telegram_dot.yellow { background-color: #ffbd2e; }
.telegram_dot.green { background-color: #27c93f; }

.vp_close_btn {
  background: rgba(255, 30, 39, 0.25);
  border: 1px solid rgba(255, 30, 39, 0.6);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 50rem;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease;
}

.vp_close_btn:hover {
  background: rgba(255, 30, 39, 0.9);
  color: #ffffff;
  box-shadow: 0 0 12px rgba(255, 30, 39, 0.6);
}

/* ÁREA DA TELA: INICIALMENTE HORIZONTAL (16:9), DENTRO DA QUAL FICA O PREVIEW */
.vp_screen {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* ESTADO DE CAPA/PREVIEW: HORIZONTAL! */
  max-height: 420px;
  background: #000;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  transition: aspect-ratio 0.45s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

/* QUANDO O VÍDEO É ACIONADO -> A TELA EXPANDE PARA A PROPORÇÃO VERTICAL (9:16) */
.vp_container.is-playing .vp_screen {
  aspect-ratio: 9 / 16;
  max-height: 600px;
}

@media (max-width: 576px) {
  .vp_screen {
    aspect-ratio: 16 / 9;
    max-height: 240px;
  }
  .vp_container.is-playing .vp_screen {
    aspect-ratio: 9 / 16;
    max-height: 65vh;
  }
}

/* GARANTE QUE O VÍDEO SEJA EXIBIDO COMPLETO, SEM NENHUM CORTE! */
.vp_video {
  width: 100%;
  height: 100%;
  object-fit: contain !important; /* CRUCIAL: Exibe 100% da proporção original sem cortar */
  background: #000;
  display: block;
}

/* OVERLAY DE POSTER E CAPA */
.vp_overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  background: rgba(5, 2, 3, 0.6);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease, visibility 0.35s ease;
  cursor: pointer;
}

.vp_overlay.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.vp_poster_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.55);
  transition: transform 0.5s ease;
}

.vp_overlay:hover .vp_poster_img {
  transform: scale(1.03);
}

.vp_overlay_content {
  position: relative;
  z-index: 11;
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.vp_play_btn {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%);
  color: #ffffff;
  border: 3px solid #ffffff;
  font-size: 2.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 0 30px rgba(255, 30, 39, 0.8), inset 0 0 10px rgba(255, 255, 255, 0.3);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
  animation: vp-pulse 2s infinite alternate;
}

.vp_overlay:hover .vp_play_btn,
.vp_play_btn:hover {
  transform: scale(1.12);
  box-shadow: 0 0 45px rgba(255, 30, 39, 1), inset 0 0 15px rgba(255, 255, 255, 0.5);
  border-color: #ffffff;
}

@keyframes vp-pulse {
  0% {
    box-shadow: 0 0 15px rgba(255, 30, 39, 0.6), 0 0 0 0px rgba(255, 30, 39, 0.4);
  }
  100% {
    box-shadow: 0 0 35px rgba(255, 30, 39, 0.95), 0 0 0 14px rgba(255, 30, 39, 0);
  }
}

.vp_overlay_title {
  font-weight: 800;
  font-size: 1.35rem;
  color: #ffffff;
  margin-bottom: 4px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}

.vp_overlay_sub {
  color: #fde047;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
}

/* CONTROLES DO VÍDEO */
.vp_controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
  background: linear-gradient(to top, rgba(5, 2, 3, 0.95) 0%, rgba(5, 2, 3, 0.65) 70%, transparent 100%);
  padding: 16px 14px 10px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 1;
  visibility: visible;
}

.vp_controls.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.vp_progress_wrap {
  height: 6px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  touch-action: none;
  transition: height 0.15s ease;
}

.vp_progress_wrap:hover {
  height: 8px;
}

.vp_progress_bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #ff1e27 0%, #fb7185 100%);
  border-radius: 4px;
  transition: width 0.1s linear;
}

.vp_controls_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.vp_ctrl_btn {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 1.3rem;
  padding: 4px 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.2s, background-color 0.2s, transform 0.1s;
}

.vp_ctrl_btn:hover {
  color: #fde047;
  background-color: rgba(255, 255, 255, 0.12);
}

.vp_ctrl_btn:active {
  transform: scale(0.92);
}

.vp_time {
  color: #e2dacd;
  font-family: monospace;
  font-size: 0.8rem;
  user-select: none;
  font-weight: 600;
  white-space: nowrap;
}

/* BARRA DE NAVEGAÇÃO INFERIOR FIXA PARA CELULAR (STICKY BOTTOM DOCK) */
@media (max-width: 991px) {
  body {
    padding-bottom: 70px !important;
  }
}

.mobile_bottom_dock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: rgba(8, 5, 11, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 6px;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.8);
}

.mobile_dock_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #a59b8b;
  text-decoration: none;
  font-size: 0.72rem;
  font-weight: 700;
  width: 25%;
  height: 100%;
  transition: all 0.2s ease;
  position: relative;
}

.mobile_dock_item:active, .mobile_dock_item:hover {
  color: #fde047;
}

.mobile_dock_icon_wrap {
  position: relative;
  font-size: 1.35rem;
  line-height: 1;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile_dock_item.highlight_plan {
  color: #ff1e27;
}

.mobile_dock_item.highlight_preview {
  color: #24a1de;
}

.mobile_dock_badge {
  position: absolute;
  top: -8px;
  right: -14px;
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%);
  color: #ffffff;
  font-size: 0.55rem;
  font-weight: 900;
  padding: 1px 4px;
  border-radius: 4px;
  line-height: 1;
  box-shadow: 0 0 8px rgba(255, 30, 39, 0.6);
}

/* ==========================================================================
   CORREÇÕES CRÍTICAS DE RESPONSIVIDADE E BUGS (v2)
   ========================================================================== */

/* BUG #1 — O slider_item base tem opacity:0 e a regra .is-active não
   sobrescreve, fazendo o hero sumir completamente no mobile. */
.slider_item.is-active {
  opacity: 1 !important;
}

/* BUG #2 — O .top_header tem z-index:333, criando stacking context que
   aprisiona o offcanvas. Forçamos o header a ficar abaixo do offcanvas/backdrop
   e o offcanvas a ficar acima do backdrop mesmo se alguém colocá-lo aninhado. */
.top_header {
  z-index: 30 !important;
}
.top_offcanvas_container.offcanvas {
  z-index: 1000010 !important;
}
.offcanvas-backdrop {
  z-index: 1000005 !important;
}

/* BUG #3 — Popup 18+ precisa estar SEMPRE centralizado, sem overflow,
   sem "bugar para a direita" em qualquer aparelho (iOS Safari trata
   100vw como viewport width total incluindo scrollbar oculta). */
.age_modal_overlay {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
}
.age_modal_card {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
}
@media (max-width: 420px) {
  .age_modal_card {
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
  }
}

/* BUG #4 — No mobile, o padding-top do hero (92px) é demais e empurra
   demais o conteúdo. Reduzimos e garantimos que o slider mostre a primeira
   imagem sem sumir. */
@media (max-width: 991px) {
  .home_slider {
    padding-top: 76px !important;
  }
  .slider_content_img .slider_img img {
    height: 200px !important;
  }
  .slider_title {
    font-size: 1.7rem !important;
    line-height: 1.2 !important;
  }
  .slider_subtitle {
    font-size: 0.9rem !important;
  }
  .slider_text {
    font-size: 0.95rem !important;
    margin: 16px 0 !important;
  }
  .container.my-12 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (max-width: 576px) {
  .home_slider {
    padding-top: 72px !important;
  }
  .slider_content_img .slider_img img {
    height: 150px !important;
  }
  .slider_title {
    font-size: 1.45rem !important;
  }
  .slider_btn_box {
    margin-bottom: 16px !important;
  }
}

/* BUG #5 — Limpa a regra antiga `.top_offcanvas_container` (do CSS minificado
   no topo do arquivo) que aplicava padding:64px, position sem fixed, e
   display errado. Garante que o painel mobile drawer funcione em qualquer
   estado. */
.top_offcanvas_container.offcanvas {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: min(85vw, 340px) !important;
  max-width: 340px !important;
  background: #0a0405 !important;
  border-left: 1px solid rgba(255, 30, 39, 0.3) !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.9) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  transform: translateX(100%) !important;
  visibility: hidden !important;
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.32s ease !important;
}
.top_offcanvas_container.offcanvas.show {
  transform: translateX(0) !important;
  visibility: visible !important;
}
.top_offcanvas_container.offcanvas .offcanvas_header_row,
.top_offcanvas_container.offcanvas .offcanvas_body_content {
  flex-shrink: 0;
}
.top_offcanvas_container.offcanvas .offcanvas_body_content {
  flex-grow: 1;
  min-height: 0;
}

/* BUG #6 — Limpa conflito de .mobile_menu_box/.close_mb do CSS minificado antigo
   (que aplicava position:absolute;right:64px;top:64px no botão fechar
   fazendo ele flutuar pra fora do painel). */
.mobile_menu_box {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 !important;
}
.mobile_menu_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 30, 39, 0.15) !important;
  border: 1px solid rgba(255, 30, 39, 0.4) !important;
  color: #ffffff !important;
  cursor: pointer;
  transition: all 0.2s ease;
}
.close_mb {
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* BUG #7 — O backdrop precisa ter o blur correto e NUNCA cobrir o offcanvas.
   Como o offcanvas agora é sibling do header (no body), basta garantir
   que o backdrop fique abaixo dele. */
.offcanvas-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(5, 2, 3, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  cursor: pointer;
}
.offcanvas-backdrop.show {
  opacity: 1;
  visibility: visible;
}

/* BUG #8 — Garante que o body fique travado quando o offcanvas está aberto
   ou o modal de idade está visível. */
body.offcanvas-open {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}

/* BUG #9 — Pequenos ajustes para o painel mobile (evita texto vazando,
   mantém alinhamento e padding confortáveis). */
.offcanvas_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.offcanvas_list li {
  margin: 0 !important;
  position: relative;
}
.offcanvas_list li a {
  display: flex !important;
  align-items: center !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #fde047 !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.offcanvas_list li a:active,
.offcanvas_list li a:hover {
  background: rgba(255, 30, 39, 0.15) !important;
  border-color: rgba(255, 30, 39, 0.4) !important;
  color: #ffffff !important;
  transform: translateX(4px);
}
.offcanvas_list li a.telegram_link {
  background: rgba(36, 161, 222, 0.12) !important;
  border-color: rgba(36, 161, 222, 0.35) !important;
  color: #24a1de !important;
}

/* BUG #10 — Bottom dock não pode ser sobreposto pelo slider/modal,
   garante que o body tenha espaço suficiente no mobile. */
@media (max-width: 991px) {
  body {
    padding-bottom: 76px !important;
  }
}

/* === BOTTOM DOCK MELHORADO (v3) === */
/* Esconde COMPLETAMENTE em desktop - só aparece em mobile/tablet */
@media (min-width: 992px) {
  .mobile_bottom_dock,
  .mobile_dock_item,
  .mobile_dock_icon_wrap,
  .mobile_dock_badge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}
.mobile_bottom_dock {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: rgba(5, 2, 3, 0.92) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 0 6px !important;
  box-shadow: 0 -10px 35px rgba(0, 0, 0, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.mobile_dock_item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.45) !important;
  text-decoration: none !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  width: 25% !important;
  height: 100% !important;
  transition: all 0.2s ease !important;
  position: relative !important;
  gap: 4px !important;
  -webkit-tap-highlight-color: transparent !important;
}
.mobile_dock_item i {
  font-size: 1.4rem !important;
  line-height: 1 !important;
  transition: transform 0.2s ease !important;
}
.mobile_dock_item:active, .mobile_dock_item:hover {
  color: #fde047 !important;
}
.mobile_dock_item:active i, .mobile_dock_item:hover i {
  transform: scale(1.15) translateY(-2px);
}
.mobile_dock_item.highlight_plan {
  color: #ff1e27 !important;
}
.mobile_dock_item.highlight_plan i {
  filter: drop-shadow(0 0 8px rgba(255, 30, 39, 0.6));
}
.mobile_dock_item.highlight_preview {
  color: #24a1de !important;
}
.mobile_dock_item.highlight_preview i {
  filter: drop-shadow(0 0 8px rgba(36, 161, 222, 0.6));
}
.mobile_dock_badge {
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%) !important;
  color: #ffffff !important;
  font-size: 0.55rem !important;
  font-weight: 900 !important;
  padding: 2px 5px !important;
  border-radius: 6px !important;
  line-height: 1 !important;
  box-shadow: 0 0 12px rgba(255, 30, 39, 0.8), 0 2px 4px rgba(0, 0, 0, 0.4) !important;
  letter-spacing: 0.04em !important;
}

/* BUG #11 — Garante que o modal de idade tenha a posição mais alta
   possível acima de TUDO (modal, offcanvas, preloader, dock). */
#ageVerificationModal {
  z-index: 2147483600 !important;
}
#ageVerificationModal .age_btn,
#ageVerificationModal .age_modal_card * {
  pointer-events: auto !important;
}

/* BUG #12 — Esconde o botão hamburger e o menu mobile em DESKTOP.
   As classes d-lg-none do Bootstrap são fraca demais contra nossos
   !important, então blindamos via media query desktop-first. */
@media (min-width: 992px) {
  .mobile_menu_box,
  .mobile_menu_btn,
  #mobileMenuBtn {
    display: none !important;
  }
  .top_offcanvas_container.offcanvas {
    display: none !important;
  }
}

/* BUG #14 — Garante que o botão hamburger SEMPRE aceite clicks em mobile,
   acima de qualquer overlay/header. Blindagem total para celular. */
#mobileMenuBtn,
.mobile_menu_btn {
  position: relative !important;
  z-index: 2147483600 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
}
#mobileMenuBtn *,
.mobile_menu_btn * {
  pointer-events: auto !important;
  z-index: 2147483600 !important;
}

/* BUG #13 — Garante que o modal +18 NUNCA seja fechado por nada
   automaticamente. Só click nos botões. ESC/Enter/backdrop clicks
   não devem disparar confirmAge. */
#ageVerificationModal {
  pointer-events: auto !important;
}
#ageVerificationModal .age_btn {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
/* Bloqueia qualquer tentativa de auto-dismiss do Bootstrap/qualquer lib */
#ageVerificationModal:not(.hide) {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
#ageVerificationModal.hide {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;  /* joga pra trás de TUDO quando escondido */
}
/* Blindagem extra: o overlay do modal tem pointer-events: none quando escondido */
#ageVerificationModal.hide,
#ageVerificationModal.hide * {
  pointer-events: none !important;
  user-select: none !important;
}


/* ==========================================================================
   DOMINANT STRONG RED DESIGN SYSTEM (SCARLET INFERNO)
   ========================================================================== */
.rdn_btn, .slider_pagination li.is-active, .port_filter li a.active {
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%) !important;
  color: #ffffff !important;
  border: 1px solid #ff1e27 !important;
  box-shadow: 0 4px 18px rgba(255, 30, 39, 0.45) !important;
}
.rdn_btn span {
  color: #ffffff !important;
  font-weight: 800 !important;
}
.rdn_btn .btn_bottom {
  color: #ffffff !important;
}
.rdn_btn:hover {
  background: linear-gradient(135deg, #ff3b44 0%, #dc2626 100%) !important;
  border-color: #ff3b44 !important;
  box-shadow: 0 6px 25px rgba(255, 30, 39, 0.65) !important;
}
.rdn_btn:hover span {
  color: #ffffff !important;
}

.slider_subtitle {
  color: #ff1e27 !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-shadow: 0 0 12px rgba(255, 30, 39, 0.5) !important;
}

.tc_heading-50 {
  color: #ff1e27 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.rdn_menu li a:hover, .rdn_menu li a.active {
  color: #ff1e27 !important;
  text-shadow: 0 0 10px rgba(255, 30, 39, 0.4) !important;
}

.about_stats .zs_count, .about_stats .zs_count_static {
  font-size: 4.1rem !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #ffffff 40%, #ff1e27 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.about_stats span.tc_primary {
  font-size: 2.6rem !important;
  line-height: 1 !important;
}

.pricing_card.featured, .mobile_plan_card.featured {
  border: 2px solid #ff1e27 !important;
  box-shadow: 0 0 30px rgba(255, 30, 39, 0.35) !important;
}

.services_nav_box .sv_tab_link.active {
  border-bottom: 3px solid #ff1e27 !important;
  box-shadow: inset 0 -3px 0 #ff1e27, 0 0 25px rgba(255, 30, 39, 0.35) !important;
}

.mobile_dock_item.highlight_plan {
  color: #ff1e27 !important;
}
.mobile_dock_item.highlight_plan .mobile_dock_icon_wrap {
  background: rgba(255, 30, 39, 0.2) !important;
  border-color: rgba(255, 30, 39, 0.5) !important;
  color: #ff1e27 !important;
}

/* ═══════════════════════════════════════════════════════════════
   SITE2 REFINEMENTS — DESKTOP TABS, FILTERS, SLIDER, PAGINATION
   ═══════════════════════════════════════════════════════════════ */

/* 1. DESKTOP TABS 5-COL GRID */
@media (min-width: 992px) {
  .services_nav_box {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: -45px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7) !important;
    background: #0e0608 !important;
    list-style: none !important;
    padding: 0 !important;
  }
  
  .services_nav_box li {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: none !important;
  }
  
  .services_nav_box li:last-child {
    border-right: none !important;
  }

  .services_nav_box .sv_tab_link {
    padding: 22px 12px !important;
    height: 100% !important;
    min-height: 110px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.25s ease !important;
    background: #0f0709 !important;
    cursor: pointer !important;
  }

  .services_nav_box .sv_tab_link:hover {
    background: #180b0f !important;
  }

  .services_nav_box .sv_tab_link.active {
    background: linear-gradient(180deg, #240c12 0%, #120609 100%) !important;
    box-shadow: inset 0 0 25px rgba(255, 30, 39, 0.25) !important;
    border-bottom: 3px solid #ff1e27 !important;
  }

  .services_nav_box .tab_header_wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
    width: 100% !important;
  }

  .services_nav_box .sv_tab_link h4 {
    font-size: 1.12rem !important;
    font-weight: 800 !important;
    margin-bottom: 0 !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
  }

  .services_nav_box .sv_tab_link.active h4 {
    color: #ff1e27 !important;
  }

  .services_nav_box .sv_tab_link p {
    font-size: 0.86rem !important;
    color: #d1c7b7 !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }

  .services_nav_box .sv_tab_link.active p {
    color: #ffd6d9 !important;
  }

  .services_nav_box .tab_pill {
    font-size: 0.6rem !important;
    font-weight: 800 !important;
    padding: 2px 6px !important;
    border-radius: 50rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    display: inline-block !important;
  }

  .services_nav_box .tab_pill.pill_red {
    background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(255, 30, 39, 0.4) !important;
  }

  .services_nav_box .tab_pill.pill_purple {
    background: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(168, 85, 247, 0.4) !important;
  }

  .services_nav_box .tab_pill.pill_gold {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4) !important;
  }
}

/* 2. PORTFOLIO FILTER PILLS (DESKTOP & MOBILE) */
.port_filter {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  margin-bottom: 36px !important;
  padding: 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
}

.port_filter li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  border-radius: 50rem !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #d1c7b7 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.port_filter li a:hover {
  background: rgba(255, 30, 39, 0.15) !important;
  border-color: rgba(255, 30, 39, 0.45) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.port_filter li a.active {
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%) !important;
  border-color: #ff1e27 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(255, 30, 39, 0.45) !important;
  transform: translateY(-2px) !important;
}

.port_body .port_item {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. HERO SLIDER PAGINATION BULLETS */
.slider_pagination {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  position: absolute !important;
  right: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 15 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.slider_pagination li {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50rem !important;
  background: rgba(255, 255, 255, 0.25) !important;
  cursor: pointer !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.slider_pagination li:hover {
  background: rgba(255, 30, 39, 0.7) !important;
  transform: scale(1.25) !important;
}

.slider_pagination li.is-active {
  height: 26px !important;
  background: linear-gradient(180deg, #ff1e27 0%, #b91c1c 100%) !important;
  border-color: #ff1e27 !important;
  box-shadow: 0 0 14px rgba(255, 30, 39, 0.7) !important;
  cursor: default !important;
}

/* 4. HERO SLIDER NAVIGATION ARROWS */
.nav_slider {
  position: absolute !important;
  bottom: 24px !important;
  left: 32px !important;
  display: flex !important;
  gap: 12px !important;
  z-index: 20 !important;
}

.nav_slider .slide_nav {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: rgba(18, 9, 11, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1.5px solid rgba(255, 30, 39, 0.45) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), 0 0 15px rgba(255, 30, 39, 0.2) !important;
}

.nav_slider .slide_nav i {
  font-size: 1.35rem !important;
  color: #ffffff !important;
  transition: transform 0.25s ease !important;
  transform: none !important;
}

.nav_slider .slide_nav:hover {
  background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%) !important;
  border-color: #ff1e27 !important;
  box-shadow: 0 10px 28px rgba(255, 30, 39, 0.5) !important;
  transform: translateY(-2px) !important;
}

.nav_slider .slide_nav:hover i {
  transform: scale(1.1) !important;
}

.nav_slider .slide_nav:active {
  transform: scale(0.92) !important;
}

@media (max-width: 768px) {
  .nav_slider {
    bottom: 18px !important;
    left: 20px !important;
    gap: 12px !important;
  }

  .nav_slider .slide_nav {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    background: rgba(24, 10, 14, 0.95) !important;
    border: 2px solid #ff1e27 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 30, 39, 0.45) !important;
  }

  .nav_slider .slide_nav i {
    font-size: 1.55rem !important;
    color: #ffffff !important;
  }

  .nav_slider .slide_nav:active {
    background: linear-gradient(135deg, #ff1e27 0%, #b91c1c 100%) !important;
  }
}

/* 5. PORTFOLIO BADGES & ICONS */
.port_box .port_location {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  background: rgba(14, 6, 8, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 30, 39, 0.4) !important;
  color: #f9e6b8 !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  padding: 5px 12px !important;
  border-radius: 50rem !important;
  z-index: 5 !important;
  opacity: 1 !important;
  transform: none !important;
  margin-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
}

.port_box .port_location i {
  color: inherit !important;
  background: transparent !important;
  font-size: 1rem !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* Touch optimization for filter buttons */
.port_filter li a {
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   AJUSTE DE ALTURA DOS BOTÕES MOBILE (COMPACTO & MODERNO ~44px)
   ═══════════════════════════════════════════════════════════════ */
.mobile_plan_card .rdn_btn,
.mobile_pricing_container .rdn_btn,
.pricing_card .rdn_btn {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mobile_plan_card .rdn_btn span,
.mobile_pricing_container .rdn_btn span,
.pricing_card .rdn_btn span {
  padding: 10px 16px !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 768px) {
  .rdn_btn {
    min-height: 44px !important;
  }
  .rdn_btn span {
    padding: 10px 20px !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
  }
  .slider_btn.rdn_btn span {
    padding: 12px 24px !important;
    font-size: 0.92rem !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   UNIFIED BULLETPROOF MOBILE BOTTOM DOCK (HARDWARE ACCELERATED)
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 992px) {
  .mobile_bottom_dock {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
  }
}

@media (max-width: 991px) {
  .mobile_bottom_dock {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100% !important;
    height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    background: rgba(14, 10, 18, 0.94) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    padding: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    margin: 0 !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
    box-shadow: 0 -6px 25px rgba(0, 0, 0, 0.85) !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform !important;
  }

  .mobile_dock_item {
    flex: 1 1 0 !important;
    width: 25% !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 4px 2px !important;
    margin: 0 !important;
    color: #9ca3af !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    user-select: none !important;
    transition: color 0.2s ease !important;
    transform: none !important;
  }

  .mobile_dock_item:hover,
  .mobile_dock_item:active {
    color: #ffffff !important;
    transform: none !important;
  }

  .mobile_dock_icon_wrap {
    height: 24px !important;
    width: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    line-height: 1 !important;
  }

  .mobile_dock_icon_wrap i {
    font-size: 1.35rem !important;
    line-height: 1 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    transition: color 0.2s ease !important;
    transform: none !important;
  }

  .mobile_dock_item span {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    letter-spacing: 0.01em !important;
    color: inherit !important;
  }

  /* SITE1 SPECIFIC HIGHLIGHTS */
  .mobile_dock_item.highlight_plan {
    color: #ff1e27 !important;
  }
  .mobile_dock_item.highlight_plan .mobile_dock_icon_wrap i {
    color: #ff1e27 !important;
    filter: drop-shadow(0 0 6px rgba(255, 30, 39, 0.7)) !important;
  }
  .mobile_dock_item.highlight_plan span {
    color: #ff1e27 !important;
    font-weight: 800 !important;
  }

  .mobile_dock_item.highlight_preview {
    color: #38bdf8 !important;
  }
  .mobile_dock_item.highlight_preview .mobile_dock_icon_wrap i {
    color: #38bdf8 !important;
    filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.7)) !important;
  }
  .mobile_dock_item.highlight_preview span {
    color: #38bdf8 !important;
  }
}



/* ═══════════════════════════════════════════════════════════════
   PALAVRA 'VIP' EM AMARELO LIMPO & ESTÁTICO NO DOCK MOBILE
   ═══════════════════════════════════════════════════════════════ */
.vip_dock_badge {
  color: #FBBF24 !important;
  font-weight: 800 !important;
  display: inline !important;
  margin-left: 2px !important;
  animation: none !important;
  text-shadow: none !important;
  transform: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   DESTAQUE 'VIP' AMARELO OURO ABSOLUTO (ALTA ESPECIFICIDADE)
   ═══════════════════════════════════════════════════════════════ */
.mobile_bottom_dock .mobile_dock_item.highlight_plan span .vip_dock_badge,
.mobile_bottom_dock .mobile_dock_item.highlight_plan span b.vip_dock_badge,
.mobile_bottom_dock .mobile_dock_item span b,
.vip_dock_badge {
  color: #FBBF24 !important;
  -webkit-text-fill-color: #FBBF24 !important;
  font-weight: 900 !important;
  display: inline !important;
  margin-left: 2px !important;
  animation: none !important;
  text-shadow: none !important;
  transform: none !important;
}